/* prettier-ignore */
/*# sourceMappingURL=user.css.map */

:root {
  --awo-rot: #e3001a;
  --awo-rgb-light: rgba(227, 0, 26, 0.2);
  --awo-orange: #f4a041;
  --awo-orange-light: rgba(244, 160, 65, 0.2);
  --awo-tuerkis: #a7d6c7;
  --awo-dtuerkis: #80bfab;
  --awo-tuerkis-light: rgba(167, 214, 199, 0.2);
  --awo-dblau: #0f4d7f;
  --awo-dblau-light: rgba(15, 77, 127, 0.2);
  
  --awo-leila: #ad14b7;
  --awo-rot: #e3001a;
  --awo-gelb: #ffc107;
  --awo-gruen: #76b837;
  --awo-gruen-light: rgba(118, 184, 55, 0.4);
  --awo-dorange: #ee7100;
  --awo-blau: #009fe3;
  --awo-black: #555;

  }


.alert-warning {color: #000; padding:34px 15px !important;}
.btn-primary:hover {color: #fff;background-color: var(--awo-rgb-light);border-color: var(--awo-rgb);}
.btn-outline-primary.active { color: #e3001a;background-color: #fff;border-color: #e3001a;}
header { min-height:10vH;  } 
.main-wrapper { min-height:52vH; padding-bottom:4rem; padding-top:4rem; }
body.article-1 .main-wrapper { padding-bottom:4rem;padding-top:0rem;  }
footer { min-height:38vH; padding-bottom:6rem; padding-top:1.5rem;position:relative; }
.transparenzini { display:block; clear:left; margin-top: 1rem; }
.transparenzini img { max-width:250px; }
.copyright { font-size:0.9rem; }  
.footernavi { float:right;  } 
.swiper-slide .container { padding-left:0; padding-right:0; padding-top:2rem; }
.swiper-slide h2 { line-height: 2.1rem; }
.header-classic-slider { max-height:380px; width:auto; max-width:100%; height:auto; }
.col-lg { padding-left:15px;padding-right:15px;}
header>.container {max-width:100%;}
header>nav>.container {max-width:95%;padding-top:15px;}
header>.container>.row>.col-md-1 {display:none;}
header>.container>.row>.col-md-8.logos {text-align:right;max-width:100%;width:100%;}
footer>section {padding-top:0;padding-bottom:3.3rem;}
footer .col-lg-4>p>a>img {max-width:200px; position:absolute;bottom:40px;right:10px;}
h2, .h2, h1, .h1 { line-height:2.5rem; }
h6, .h6, h5, .h5, h4, .h4, h3, .h3 { line-height:2.5rem; }
.card-body h5 { line-height:1.3rem; }
p.card-text { font-size:1.0rem; line-height:1.3rem; }
.col-md-6 { margin-bottom:20px; }
.border-dashed-start.item7 { border-left: 0px dashed #9ba0a7 !important;}
body.article-9 .border-dashed-start.item3 { border-left: 0px dashed #9ba0a7 !important;}
div.edit { clear:left; display:block; padding: 0.625rem 1.25rem;
background-color: var(--awo-orange-light);
border-top: 1px solid rgba(0, 0, 0, 0.125);
 }
.formmediafile .help-block { display:none; }
.intern .zweitbild { display:block;background:#f4a041;padding:7px;}
#yform-ideenformular-einrichtung { display:none; }
.card:hover {cursor: pointer;}
.btn-primary, .btn-outline-primary { min-width:150px; }

/*
<!-- ===============================================-->
<!--    Allgemeines -->
<!-- ===============================================-->
*/

main img { max-width:100%;  }
main img.foto { margin-top:8px; }
#sitemap a.online { color:#0f4d7f; font-size:1.1rem; font-weight:bold; }
#sitemap a.art.online { font-weight:normal; }
.border-none { border:none; border-color:#FFF;  }
.col-md-3.logo { display:block;height:120px;padding-top:12px; }
.col-md-3.logo img { max-width:200px; }
h1 { margin-bottom: 1.625rem; font-size: calc(1.373832rem + 1.1vw);}
h2 { line-height:1.8rem; margin-bottom: 1.625rem; }
.intern { padding:10px; background-color: var(--awo-orange-light); }
p.bu { margin-top:3px; font-size:0.7rem; float:right; color:#777;}
.infocontainer p { margin:3px 0; color:#333; }
.infocontainer p strong { color:var(--reign-body-color); }
p.fragen { margin-top:6px; margin-bottom:0; font-size:0.9rem; }
p, h3, table.nostyle { margin-top: 0; margin-bottom: 0.8rem; }
p.dachzeile { letter-spacing: 2px; font-weight:500; font-size:1rem; text-transform:uppercase; color:var(--reign-body-color); margin-bottom:10px; }
.footernavi ul > li { margin-left: 20px; }
.bg-awo-light a:hover, .footernavi a:hover { color:var(--reign-body-color);}
.article-preview { position:relative; }
.querdurch { position: absolute;top:12%;left: 0;right: 0;margin: 0 auto;text-align:center;color: black;transform: rotate(350deg); font-weight:bold;  }
.border-red {border-color: var(--awo-rot) !important;}
hr.border-red { background-color: var(--awo-rot) !important;}
ul#contact-nav li, ul#social-nav li a{
background-size: 30px auto;
background-repeat:no-repeat;
background-position:top left;
height:36px;
padding-left:40px;
display:block;
}
ul#contact-nav li.phone { background-image: url(/media/awo-icon-telefon.svg); }
ul#contact-nav li.phone:hover { background-image: url(/media/awo-icon-telefon-aktiv.svg); }
ul#contact-nav li.fax { background-image: url(/media/awo-icon-fax.svg); }
ul#contact-nav li.fax:hover { background-image: url(/media/awo-icon-fax-aktiv.svg); }
ul#contact-nav li.email { background-image: url(/media/awo-icon-email.svg); }
ul#contact-nav li.email:hover { background-image: url(/media/awo-icon-email-aktiv.svg); }
ul#social-nav li.facebook a { background-image: url(/media/awo-icon-social-facebook.svg); }
ul#social-nav li.facebook a:hover { background-image: url(/media/awo-icon-social-facebook-aktiv.svg); }
ul#social-nav li.linkedin a { background-image: url(/media/awo-icon-social-linkedin.svg); }
ul#social-nav li.linkedin a:hover { background-image: url(/media/awo-icon-social-linkedin-aktiv.svg); }
ul#social-nav li.instagram a { background-image: url(/media/awo-icon-social-instagram.svg); }
ul#social-nav li.instagram a:hover { background-image: url(/media/awo-icon-social-instagram-aktiv.svg); }
ul#social-nav li.youtube a { background-image: url(/media/awo-icon-social-youtube.svg); }
ul#social-nav li.youtube a:hover { background-image: url(/media/awo-icon-social-youtube-aktiv.svg); }


#inhalt ul {
    list-style: none;
    margin-top: 0;
    margin-bottom: 0.5rem;
    margin-left: 0;
    padding-left: 1.5em;
    text-indent: -1.4em;
}
#inhalt ul li {
    margin: 4px 0;
}
#inhalt ul.idee {
    padding-left: 2.5em;
    text-indent: -2.4em;
}
#inhalt ul li::before, .inhalt ul li::before {
content: url('strich.svg');
padding-right: 0.5rem;
}
#inhalt ul.idee li::before, .inhalt ul.idee li::before {
content: url('light-bulb.svg');
padding-right: 0.5rem;
}
#inhalt ul.rex-navi2 li::before, .inhalt ul li::before {
  content: '';
  padding-right: 0.5rem;
}
.nav-link { line-height: 1.3; }
.dropdown-toggle::after { display: none; }

/*
<!-- ===============================================-->
<!--   Sortierung -->
<!-- ===============================================-->
*/

#sortierung { display:block; min-height:400px; }
#sortierung h5 { font-size: 1.1rem; }
#sortierung p.card-text { font-size: 0.95rem; }

.farbe1 .card-footer { background-color: rgba(227, 0, 26, 0.2) !important; }
.farbe2 .card-footer { background-color: rgba(244, 160, 65, 0.2) !important; }
.farbe3 .card-footer { background-color: rgba(128, 191, 171, 0.2) !important; }
.farbe4 .card-footer { background-color: rgba(15, 77, 127, 0.2) !important; }
.farbe5 .card-footer { background-color: rgba(173, 20, 183, 0.2) !important; }



.gewinner .card { background-color:#e4d96f;border:2px solid #da9100; padding:30px 30px 30px;--reign-gutter-x: 0rem;--reign-gutter-y: 0; }
.gewinner .card-footerwin  { background-color:var(--awo-orange); opacity:1.0; }
.white, .white a { color:#FFF;opacity:1.0;text-transform: uppercase;font-size: 0.9rem;font-weight: 600; }
.gewinner .card-footerwin:hover { background-color:var(--awo-rot);}
.gewinner .card-footerwin:hover .white a {  color:#FFF;opacity:1.0; }

#kat1 .isotope-item.farbe1 .card-footer:hover,
#kat2 .isotope-item.farbe2 .card-footer:hover,
#kat3 .isotope-item.farbe3 .card-footer:hover,
#kat4 .isotope-item.farbe4 .card-footer:hover,
#kat5 .isotope-item.farbe5 .card-footer:hover {
  background-color:var(--awo-rot);}
.isotope-item .card-footer a { text-transform: uppercase;font-size: 0.9rem;font-weight: 600;color: #e3001a; }
.isotope-item .card-footer:hover a { color:#FFF;opacity:1.0; }
#publ .mb-7:first-of-type { margin-bottom:0rem !important; }
/*
<!-- ===============================================-->
<!--   Swiper -->
<!-- ===============================================-->
*/

.theme-slider .swiper-nav {
max-width: 1140px;
position:relative;
left:1.6rem;
height:30px;
}


.theme-slider .swiper-nav [class*="swiper-"] {
opacity:1;
float:left;
position:relative;
color:black;
margin-top:40px;
}



.swiper-pagination-bullet {
background: rgba(255, 255, 255, 0.5) !important;
border: 0px solid #fff;
border-bottom-color: rgb(255, 255, 255);
border-bottom-style: solid;
border-bottom: 0.2rem solid #e3001a;
border-radius:0;
width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,44px)) !important;
height:20px;
background: #FFF;
opacity: 1;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 0% !important;
}

.swiper-pagination-bullet-active {
border-bottom: 0.6rem solid #e3001a;
}


/*
<!-- ===============================================-->
<!--   Hin und her -->
<!-- ===============================================-->
*/

.process-item h3 { color: var(--awo-rot); }
.process-icon-circle {
  background-image: url('../img/line-icons/next-red.svg');
  background-repeat: no-repeat;
background-size:50%;
background-position: center center;
background-color: #f9ccd1;
}
.process-icon-circle.back {
  background-image: url('../img/line-icons/next-red.svg');
}

@media (min-width: 768px) {
.process-icon-circle.back {
  background-image: url('../img/line-icons/back-red.svg');
}
}


/*
<!-- ===============================================-->
<!--   Countdown-Timer -->
<!-- ===============================================-->
*/


#countdowntimer {
display:block;
width:auto;
max-width:100%;
height:50px;
margin-bottom:0px;
    font-size: 1.4em;
    line-height:1em;
    font-weight: 500;
    color: #e3001a;
    text-shadow: 0 0 20px #444;
}

#countdowntimer div {
    display: inline-block;
    min-width:44px;
    text-align:center;
}

#countdowntimer div span {
    color: #444;
    display: block;
    font-size: .55em;
    font-weight: 400;
}
#countdowntimer div span.noch {
    text-shadow: none;
    display:block;
    position:relative;
    top:-10px;
}

#countdowntimer.big {
text-align:center;
margin-top:30px;
padding-right:35px;
height:150px;
font-size: 1.8em;
line-height:1em;
}
#countdowntimer.big div span.noch {top:-25px;}
#countdowntimer.big div {min-width:50px;}
#countdowntimer.big div span {font-size: 0.55em;}

#bannerModal .modal-content { border-radius:0; text-align:center;}
#bannertitle {line-height: 2.8rem;font-size: 1.9rem;text-align:center;font-weight:500;color:#e3001a;}


/*
<!-- ===============================================-->
<!--    Formular -->
<!-- ===============================================-->
*/

form label, form button { margin-top:20px; }
form .voting label { margin-top:0px; }
	
.input-group-addon {
display: table-cell;
min-width: 2%;
white-space: nowrap;
vertical-align: middle;
padding: 8px 4px;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-left-color: rgb(204, 204, 204);
border-left-style: solid;
border-left-width: 1px;
border-radius: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}


.input-group-addon:last-child {
border-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}


input[type="text"], textarea {
  background-color: #eee;
padding: 6px 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

textarea.form-control {
    background-color: #eee;
    max-height: 3.6rem;
    min-height: 3.6rem;
}
textarea#yform-ideenformular-field-4.form-control {
    max-height: 10rem;
    min-height: 7rem;
}

label { font-weight:500 !important; margin-bottom:0.4rem;  }
label span { font-weight:200;font-size:80%; }
#yform-ideenformular-hinweis,
#yform-ideenformular-frage4   {margin-top:20px; }
#yform-anmeldeformular-datenschutz  {margin-top:20px;margin-left:18px; }
#yform-ideenformular-hinweis label,
#yform-ideenformular-frage4 label  {margin-top:0px; }
#yform-anmeldeformular-datenschutz label {margin-top:0px; max-width:550px;margin-left:10px; }
#yform-ideenformular-hinweis label input, 
#yform-ideenformular-frage4 label input { margin-right:10px; }
#yform-anmeldeformular-datenschutz label input {margin-left:-28px;margin-right:10px; }



/*-----------------------------------------------
|   Teaser
-----------------------------------------------*/


a.isotope-nav { display:block; width:100%; }
td.image {min-width:100px;}
.card-wrapper { position:relative; }
.card-body { padding: 15px 15px; }
.card-title { margin-bottom: 0.5rem; }
.card-footer {display: flex;-webkit-box-pack: justify !important;-ms-flex-pack: justify !important;justify-content: space-between !important;}
.card-footerwin {display: flex; justify-content: center !important;
  padding: 0.625rem 1.25rem;
background-color:#da9100; opacity:1.0;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer span, .card-footer div.voting { text-transform:uppercase; font-size:0.9rem; font-weight:600; }
.card-footer div.voting span { font-size: 1.2rem !important; color:#e3001a; }
.isotope-item.farbe1 .card-title a, span.farbe1 {color: var(--awo-rot);}
.isotope-item.farbe2 .card-title a, span.farbe2 {color: #e1851d;}
.isotope-item.farbe3 .card-title a, span.farbe3 {color: #26bfa0;}
.isotope-item.farbe4 .card-title a, span.farbe4 {color: var(--awo-dblau);}
.isotope-item.farbe5 .card-title a, span.farbe5 {color: #9d14a6;}
.card-wrapper span.showArticle { position:absolute; bottom:30px; left:40px; text-transform:uppercase; }




/*-----------------------------------------------
|   Abstimmen
-----------------------------------------------*/

#votingformular .card .voting { opacity:0; }
 
#votingformular .card input[type=checkbox] ~ label:before {
    font-family: 'Font Awesome 6 Free';
    display: inline-block;
    content: "\f058";
    opacity:0;
    color: rgba(0, 0, 0, 0.03);
    font-size: 1.8em;>
    line-height:20px !important;
    width: 1.4em;   /* reduce bounce */
}

#votingformular .card.auswahl .voting { opacity:1; }
form .voting input { display:none; }

#votingformular .card.auswahl {
  border: 2px solid var(--awo-gruen) !important;
  background-color: var(--awo-gruen-light);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18), 0 3px 6px rgba(0, 0, 0, 0.23);
}

#votingformular .card.auswahl .card-footer {
  border: 2px solid var(--awo-gruen) !important;
  background-color: var(--awo-gruen-light);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18), 0 3px 6px rgba(0, 0, 0, 0.23);
}
#votingformular .card.auswahl input[type=checkbox]:checked ~ label:before  {
    content: "\f058";
    opacity:1;
    color: #FFF;
}


/*-----------------------------------------------
|   Farbführung
-----------------------------------------------*/

.vertical-line { background-color: var(--awo-rot); }
footer a { color: var(--awo-black);}
body.farbe1 .vertical-line { background-color: var(--awo-rot); }
body.farbe1 h1, body.farbe1 h2, body.farbe1 footer a:hover { color: var(--awo-rot); }
body.farbe2 .vertical-line { background-color: var(--awo-orange); }
body.farbe2 h1, body.farbe2 h2, body.farbe2 footer a:hover { color: var(--awo-orange); }
body.farbe3 .vertical-line { background-color: var(--awo-tuerkis); }
body.farbe3 h1, body.farbe3 h2, body.farbe3 footer a:hover { color: var(--awo-dtuerkis); }
body.farbe4 .vertical-line { background-color: var(--awo-dblau); }
body.farbe4 h1, body.farbe4 h2, body.farbe4 footer a:hover { color: var(--awo-dblau); }
body.farbe5 .vertical-line { background-color: var(--awo-leila); }
body.farbe5 h1, body.farbe5 h2, body.farbe5 footer a:hover { color: var(--awo-leila); }
body.farbe6 .vertical-line { background-color: var(--awo-leila); }
body.farbe6 h1, body.farbe6 h2, body.farbe6 footer a:hover { color: var(--awo-rot); }
body.farbe1 .content404 h2, .content404 a { color: var(--awo-dblau); }
body.article-2 footer { min-height:0vH;padding-bottom: 0rem; position:static; }

body.farbe2 .bg-awo-light { background-color: var(--awo-orange-light) !important; }
body.farbe3 .bg-awo-light { background-color: var(--awo-tuerkis-light) !important; }
body.farbe4 .bg-awo-light { background-color: var(--awo-dblau-light) !important; }

/* Artikel */
body.farbe3 .line-re { position:relative; }
body.farbe3 .line-re:after {
    content: "";display: block;position:absolute; bottom:3vH;right:0;height:90%;padding-top: 10%;
    border-right: 2px solid var(--awo-dtuerkis);
}

.col-md-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 58.33333333%;
}
section#publ { padding-top: 0rem !important; }
section#publ hr { display:none; }


/* ################################ */
/* ---------- RESPONSIVE ---------- */
/* ################################ */



/* ---------- Small devices (landscape phones, 576px and up) ---------- */


@media (min-width: 576px) { 

float:right;
height:46px;
padding-top:10px;
font-size: 1.2em;
line-height:0.9em;
}


}




/* ---------- Medium devices (tablets, 768px and up) ---------- */
@media (min-width: 768px) { 

header { min-height:10vH; } 
header>nav>.container {max-width:90%;padding-top:15px;}
.main-wrapper { min-height:72vH; padding-bottom:4rem; }
body.article-1 .main-wrapper { padding-bottom:4rem; }
.section {padding-top: 2.5rem;padding-bottom: 0rem;}
footer { min-height:18vH; padding-top:2.5rem;}
.copyright { font-size:1.0rem; } 
.swiper-slide .container { padding-left:3rem; padding-right:0; padding-top:2rem; }
.swiper-slide h2 { line-height: 2.5rem; } 

#countdowntimer.big {
text-align:center;
margin-top:30px;
padding-right:85px;
height:150px;
font-size: 2.8em;
line-height:1em;
}
#countdowntimer.big div {min-width:84px;}

 }



/* ---------- Large devices (desktops, 992px and up) ---------- */

@media (min-width: 992px) { 

header { min-height:10vH; } 
.main-wrapper { min-height:72vH; padding-bottom:4rem; }
body.article-1 .main-wrapper { padding-bottom:4rem; }
.ps-slidertext { padding-top:2rem; }
footer { min-height:10vH; padding-top:2.5rem; padding-bottom:6rem;} 
.ps-sliderbild { text-align:right; padding:2rem; }
.swiper-slide .container { padding-left:4rem; padding-right:0; padding-top:2rem; }
.swiper-slide h2 { line-height: 2.5rem; } 
.header-classic-slider { max-height:420px; width:auto; max-width:100%; height:auto; }

/* header */
header>.container {max-width:960px;}
header>nav>.container {max-width:960px;padding-top:0px;}
header>.container>.row>.col-md-1 {display:inline;}
header>.container>.row>.col-md-8.logos {width: 66.66666667%;}
footer>section {padding-top:0;padding-bottom:2.5rem;}
footer .col-lg-4>p>a>img {max-width:200px; position:absolute;bottom:0px;right:10px;}
a.isotope-nav { display:block; width:100%; text-align:left; }
h1 { hyphens: auto; }

 }




/* ---------- X-Large devices (large desktops, 1200px and up) ---------- */
@media (min-width: 1200px) { 

.main-wrapper { min-height:72vH; padding-bottom:4rem; }
body.article-1 .main-wrapper { padding-bottom:4rem; }
#inhalt { padding-left:50px; padding-right:50px; }
#inhalt .container.content { max-width: 942px; }
body.article-44 #inhalt .container.content,
body.article-45 #inhalt .container.content,
body.article-71 #inhalt .container.content,
body.article-101 #inhalt .container.content,
body.article-113 #inhalt .container.content,
body.article-19 #inhalt .container.content,
body.article-11 #inhalt .container.content,
body.article-130 #inhalt .container.content { max-width: 100%; }

body.article-156 #inhalt .container.content,
body.article-157 #inhalt .container.content { max-width: 1140px;
padding-right: 20px;
padding-left: 20px;
 }

h4, .h4 {font-size: 1.3rem;line-height: 1.875rem;}
.ps-slidertext { padding-top:0rem; }
.main-wrapper .col-lg-5 { padding-top:2.5rem; }
footer { min-height:15vH; padding-bottom:8rem;bottom:0;}
footer > .col-md-12{ padding-right: var(--reign-gutter-x, 0.1rem);padding-left: var(--reign-gutter-x, 0.1rem); }
.swiper { display:block; width:1200px; margin: 0 auto; }
.swiper-slide .container { padding-left:2.7rem; padding-right:0; padding-top:4rem; }
.swiper-slide h2 { line-height: 2.8rem; font-size: 1.9rem;}
.container.content,
.copyright > .container { padding-right: var(--reign-gutter-x, 0.8rem);padding-left: var(--reign-gutter-x, 0.8rem); }
header>.container {max-width:1140px;}
header>nav>.container {max-width:1140px;padding-top:0px;}
section { position: relative; padding-top: 2rem; padding-bottom: 2rem; scroll-margin-top: -1.5625rem; }

 }



/* ---------- XX-Large devices (larger desktops, 1400px and up) ---------- */
@media (min-width: 1400px) { 

#inhalt { padding-left:150px; padding-right:150px; }
#inhalt .container.content { max-width: 942px; }
#sortierung .container-fluid {width: 100%;padding-right: 0;padding-left: 0;margin-right: 0;margin-left: 0;}
#sortierung .col-lg-10 {padding-right: 0;padding-left: 0;margin-right: 0;margin-left: 0;}
#votingformular .col-xl-4,
#sortierung .col-xl-4 { width: 24%; }
 }



















@media (max-width: 440px){

header .col-md-3.leer { display:none; }
header .col-md-6.logos { width:100%; }
header .col-md-3.logo { display:none; }
.mb-4 { margin-bottom: 1.5rem !important; }
.isotope-item { left:0px !important; }

}


@media (max-width: 1080px) and (orientation: landscape) {

#countdowntimer.big {
text-align:center;
margin-top:30px;
padding-right:85px;
height:150px;
font-size: 2.8em;
line-height:1em;
}
#countdowntimer.big div {min-width:84px;}

}