@charset "UTF-8";

/*
Theme Name: NRW Jusos
Theme URI: https://www.nrwjusos.de/
Author: Ingo Stephan
Author URI: https://www.ingostephan.de
Description: Theme für die Webseite der NRW Jusos
Version: 1.0
Tags: SGP, Gute Botschaften, Agentur, Remscheid, Werbung, Marketing, Internet, Facebook
Text Domain: Gute Botschaften.sgp
*/

.grecaptcha-badge { display: none !important; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
input, button, textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none;  }
html, body { height:100%; }
body { line-height: 1; margin:0; padding:0;  }
p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; hyphens: auto; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a, a:active, a:visited { text-decoration: none; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; }
a:active, a:visited { color: #000000; }
.clear { clear:both; }
.nobr { white-space:nowrap; }
*, *::before, *::after { margin: 0; padding: 0; border: none; box-sizing: border-box; list-style: none; }
::-moz-selection { background: #000000; color: #ffffff; }
::selection { background: #000000; color: #ffffff; }
b, strong { font-weight: 700; }
em { font-style: italic; }

.show2000, .show1500, .show1200, .show1024, .show1100, .show768, .show550, .show450 { display: none !important; }

body {
  position: relative;
  font-family: 'Assistant', sans-serif;
  font-size: 1rem;
  font-weight: normal;
}

/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/poppins-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/poppins-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/poppins-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/poppins-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/poppins-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/poppins-v15-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-800italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/poppins-v15-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/poppins-v15-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/poppins-v15-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/poppins-v15-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/poppins-v15-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/poppins-v15-latin-800italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* assistant-regular - latin */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/assistant-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/assistant-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/assistant-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/assistant-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/assistant-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/assistant-v8-latin-regular.svg#Assistant') format('svg'); /* Legacy iOS */
}
/* assistant-700 - latin */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/assistant-v8-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/assistant-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/assistant-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/assistant-v8-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/assistant-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/assistant-v8-latin-700.svg#Assistant') format('svg'); /* Legacy iOS */
}

header .logo { padding: 0 6vw; }
header .logo img { width: 100%; height: auto; }

#header .text { max-width: 1000px; }
.suche { width: calc(100% -30px); display: none; padding: 15px 6vw; line-height: 0; }
.suche form { position: relative; margin: 0 auto; font-size: 15px; line-height: 0; }
.suche form input.searchfield { font-size: 18px; padding: 8px 10px; width: calc(100% - 75px); border:0; color: #000; background-color: #ffffff; font-family: 'Assistant'; font-style: normal; font-weight: 400; }
.suche button.astext { padding: 7px 15px 9px; font-size: 20px; background: #e3000f; color: #ffffff; 
  -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;
}
.suche button.astext:hover { background: #118893; cursor: pointer; }

#themen > div { position: relative; overflow: hidden; }
#themen img.img_mobile { display: none; }
#themen a .overlay, #themen a .overlay h4, #themen a .overlay h6, #themen a .overlay_text, #themen a .overlay_arrow { 
  -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;
}
#themen a .overlay h4 { font-size: 1.9vw; line-height: 1.2em; display: inline-block; padding: .2em .35em; margin-bottom: 0; }
#themen a .overlay h6 { font-size: 1.6vw; line-height: 1.2em; display: inline-block; padding: .2em .35em; margin-bottom: 0; font-size: 1.3vw; margin-left: 2vw; margin-right: 2vw; padding: 10px; }
#themen a .overlay { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; text-align: center; background: rgba(0,136,147,0); }
#themen a .overlay_text { position: absolute; left: 2vw; right: 2vw; top: 30%; opacity: 0; padding-top: 0; font-size: 1.3rem; line-height: 1.2em; }
#themen a .overlay_arrow, #themen a .overlay_arrow { position: absolute; right: 2vw; bottom: 2vw; font-size: 25px; color: #ffffff; margin: 0 2vw 0 0; opacity: 0; }
#themen a .overlay_arrow i { margin: 0; }
#themen .col_l_sp_4, #themen .col_l_sp_3 { line-height: 0; }
#themen .col_l_sp_3 a .overlay_text { font-size: 1.1rem; line-height: 1.2em;  left: 1.2vw; right: 1.2vw;}
#themen .col_l_sp_3 a .overlay_arrow { right: 1.5vw; bottom: 1.5vw; font-size: 20px; color: #ffffff;  }
#themen a:hover .overlay { background: rgba(0,136,147,.9); }
#themen a:hover .overlay h4 { margin-bottom: 30%; }
#themen a:hover .overlay h6 { margin-bottom: 30%; }
#themen a:hover .overlay_text { top: 60%; opacity: 1; }
#themen a:hover .overlay_arrow { margin: 0; opacity: 1; }
#themen .col_l_sp_3 a:hover .overlay_text { top: 60%; opacity: 1; }

#kampagne { background: #e3000f url('images/bg_signet.png') right center no-repeat; }
#mitglied { background: #e1dcd2 url('images/bg_sand_image.png') left center no-repeat; }

#team { line-height: 0; position: relative; }
#team h4 { padding: .2rem 1rem; }
#team h5 a { color: #ffffff; }
#team .font-navi h5 a { color: #1d3342; }
#team h5 a:hover { color: #e3000f !important; }
#team h6 a, #team_start h6 a { font-size: 1.25rem; color: #118893 !important; }
#team h6 a:hover, #team_start h6 a:hover { color: #e3000f !important; }
#team.col_l_sp_4 .bgtop { height: 20px; background: transparent url('images/bg_team_top.png') top center no-repeat; line-height: 0; margin: 0; }
#team.col_l_sp_4 .img_team { position: relative; width: 8vw; max-width: 150px; min-width: 120px; height: 8vw; max-height: 150px; min-height: 120px; border-radius: 50%; border: 6px solid #ffffff; margin-bottom: -3vw; z-index: 100; }
#team .col_l_4 .img_team, #team_start .col_l_4 .img_team { padding: 0 1rem 0 0; }
#team > .col_l_8 > div.text { max-width: 1000px; }
#team .col_l_4 > div { position: relative; }
#team .overlay_team { position: absolute; right: 35px; bottom: 30px; }
#team .overlay_team a { font-size: 30px; padding: 6px 13px 5px; margin-left: 5px; background: #118893; }
#team .overlay_team a i { margin: 0; font-size: 25px; color: #ffffff; }
#team .overlay_team a:hover { background: #e3000f; }
#team .team-arrow a i { position: absolute; margin: 0; right: 0; bottom: 0; font-size: 16px; color: #118893; }
#team .team-arrow a:hover i { color: #e3000f; }
#team .term_text { max-width: 1500px; }
#team .moreinfo a { font-size: 1.3rem; margin: 12px 0 0 15px; display: block; color: #118893; }
#team .moreinfo a:hover { color: #e3000f; }
#team .dreieck { box-sizing: content-box; height: 0; padding-left:50%; padding-bottom: 3.2vw; overflow: hidden; }
#team .dreieck:after { content: ""; display: block; width: 0; height: 0; margin-left:-500px; border-left: 500px solid transparent; border-right: 500px solid transparent; }

#unterbezirke h4 { padding: .2rem 1rem; }
#unterbezirke h5.skewx { margin-left: 40px; }
#unterbezirke h6 a { font-size: 1.25rem; }
#unterbezirke h6 a:hover { color: #e3000f !important; }
#unterbezirke a.skewx { background: #118893; margin: 0 10px 0 0; padding: .3rem .6rem; }
#unterbezirke a.skewx:hover { background: #e3000f; }
#unterbezirke a i { margin: 0; color: #ffffff; font-size: 17px; }

#single #team .col_l_12 .img_team { padding: 0 0 1rem 0; }
#single.header { min-height: 28vw; }
#single.header h6 { padding: .3em .6em; }
#single h6.font-rot { border-top: 1px dotted #118893; }
#single a h6.font-rot { -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
#single a:hover h6.font-rot { background: #f0ede8 !important; color: #118893 !important;}
#single a:active h6.font-rot, #single a:visited h6.font-rot { color: #e3000f; }
#single .content { position: relative; }
#single .postborder-top { position: absolute; left: calc(4vw - 6px); right: calc(4vw - 6px); top: calc(4vw - 6px); height: 50vh; z-index: -1; }
#single .postborder-bottom { position: absolute; left: calc(4vw - 6px); right: calc(4vw - 6px); bottom: calc(4vw - 6px); height: 50vh; z-index: -1;  }
#single h1 .fa-arrow-right { margin-right: .5em; }


#blogs { background: #1d3342 url('images/bg_news.jpg') center center no-repeat; background-size: cover; background-attachment: fixed; }

#blog h4 { padding: .2rem 1rem; }
.blog-arrow a i { position: absolute; margin: 0; right: 1rem; bottom: 1rem; font-size: 16px; color: #118893; }
.blog-arrow a:hover i { color: #e3000f; }
#blog-nav a {
  font-family: 'Poppins';
  font-style: italic; font-weight: 800;
  display: inline-block; 
  font-size: 1rem;
  font-weight: 400;
  line-height: 1em; 
  text-decoration: none; 
  color: #ffffff; 
  padding: 10px 15px 10px 10px;
  background: #e3000f; 
  cursor: pointer;
}
#blog-nav a:hover { background: #118893; }
#blog-nav .right a i { margin: 0 0 0 7px; }
#blog-nav .left a i { margin: 0 7px 0 0; }


#blog > div { position: relative; overflow: hidden; }
#blog img.img_mobile { display: none; }
#blog img.img_normal {
  opacity: 1;
  -webkit-transform:scale(1.1); /* Safari and Chrome */
  -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */ 
      -o-transform:scale(1.1); /* Opera */
        transform:scale(1.1);}
#blog a:hover img.img_normal { 
  opacity: .25;
  -webkit-transform:scale(1); /* Safari and Chrome */
  -moz-transform:scale(1); /* Firefox */
    -ms-transform:scale(1); /* IE 9 */ 
      -o-transform:scale(1); /* Opera */
        transform:scale(1);
}
#blog a .overlay, #blog a .overlay h4, #blog a .overlay h6, #blog a .overlay_text, #blog a .overlay_arrow, #blog a img.img_normal { 
  -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;
}
#blog a .overlay h6 { font-size: 1.6vw; line-height: 1.2em; display: inline-block; font-size: 1.5vw; padding: 20px 20px 20px 60px; margin: 3vw 2vw 0 -30px; background: rgba(17,136,147,.9) }
#blog a .overlay { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; }
#blog a .overlay_text { position: absolute; left: 30px; right: 4vw; bottom: 5vw; opacity: 0; padding-top: 0; font-size: 1.15rem; line-height: 1.3em; }
#blog a .overlay_arrow, #blog a .overlay_arrow { position: absolute; right: 2vw; bottom: 2vw; font-size: 25px; color: #ffffff; margin: 0 2vw 0 0; opacity: 0; }
#blog a .overlay_arrow i { margin: 0; }
#blog .col_l_sp_3 a .overlay_text { font-size: 1.1rem; line-height: 1.2em;  left: 1.2vw; right: 1.2vw;}
#blog .col_l_sp_3 a .overlay_arrow { right: 1.5vw; bottom: 1.5vw; font-size: 20px; color: #ffffff;  }
#blog a:hover .overlay h6 { background: rgba(17,136,147,1); }
#blog a:hover .overlay_text { bottom: 2vw; opacity: 1; }
#blog a:hover .overlay_arrow { margin: 0; opacity: 1; }
#blog a .overlay .category { padding: 7px 15px; margin-left: -7px; display: inline-block; }

#wahlkampf { background: #1d3342 url('images/bg_wahlkampf.jpg') center center no-repeat; background-size: cover; background-attachment: fixed; }

#magazin .col_l_sp_6 { border: 1px solid #c6c6c6; line-height: 0; }
#magazin .col_l_sp_6 .col_l_8 { margin-left: 20px; }
#magazin ._df_book { background: #ffffff !important; }
#magazin ._df_thumb { width: 100%; height: 100%; margin: 0; }

#event .col_l_sp_3 { width: calc(3/12*100% - (1 - 3/12)*20px); margin: 1rem 0; }
#event .text .col_l_sp_3 ul { margin: 0 0 0 1.1rem; }

#abbinder h5.footer_links { padding-bottom: 2vw; }
#abbinder h5.footer_links::before {
  font-family: "Font Awesome 5 Free" !important;
  content: "\f167";
  margin-right: .5em;
  color: #e3000f;
  font-style: normal;
}

.pagination i.fa-arrow-right { margin: 0 0 0 5px; }
.pagination i.fa-arrow-left { margin: 0 5px 0 0; }
.pagination .pagilinks { margin-left: 5px; }
.pagination .pagirechts { margin-right: 5px; }
.pagination span { color: #ffffff; padding: 7px 10px 7px 10px; display: inline-block; font-size: .9rem; line-height: 1em; opacity: .5; }
.pagination a { background:#e3000f; color: #ffffff; padding: 7px 10px 7px 10px; display: inline-block; font-size: .9rem; line-height: 1em; }
.pagination a:hover { background:#000000; }

footer { overflow: hidden; }

footer img { max-width: 170px; height: auto; }
footer a:hover { color: #fbbb32 !important; }
footer #footer { background: #1d3342 url('images/signet.png') center center no-repeat; background-size: 40px 40px; }

footer #member a { font-family: 'Poppins'; font-weight: 800; font-size: 1.25rem; font-style: italic; }
footer #member a::before { font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important; font-size: .8em !important; font-style: normal; content: "\f061"; margin-right: .5em; }
footer #member hr { margin: 1.5vw 0; width: 50px; }


.otgs-development-site-front-end { display: none; }