@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; }
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%; width: 17vw; height: auto; max-width: 300px; min-width: 150px}
header .logo .logosub { position: absolute; left: 12.4vw; bottom: 2vw; }

#header .text { max-width: 1000px; }
.suche { width: calc(100% -30px); display: none; padding: 15px 6vw; line-height: 0; background: #ededed; }
.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 .col_themen.hide { margin: 10px 0; }
#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 { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; text-align: center; background: rgba(0,136,147,0); }
#themen a .overlay > div.center { margin: 0 30px; width: 100%; }
#themen a .overlay h6 { font-size: 1.6vw; line-height: 1.2em; display: inline-block; padding: .2em .35em; margin-bottom: 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_themen { width: calc(3/12*100% - (1 - 3/12)*20px); }
#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.single { padding: 0; }
#team.side { padding: 1rem; }
#team .col_l_sp_4.row { border: 1px solid #c6c6c6; }
#team h4 { padding: .2rem 1rem; }
#team h5.skewx { margin-left: 40px; }
#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_4 .img_team, #team_start .col_l_4 .img_team { padding: 0 1rem 0 0; }
#team_start > .col_l_8 > div.text { max-width: 1000px; }
#team .col_l_4 > div, #team_start .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, #team_start .team-arrow a i { position: absolute; margin: 0; right: 0; bottom: 0; font-size: 16px; color: #118893; }
#team .team-arrow a:hover i, #team_start .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; }

#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; }

#blog { padding: 8vw 6vw; }
#blog { 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; }

#page #box-contact h5 { display: none; }

footer { overflow: hidden; }

footer img { width: 16vw; max-width: 280px; 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; }