body {
    background-color:#fff;
    background-image:url("files/evpzh/hintergrundbilder/EVP_Hintergrund_2_8_web.jpg");
    background-repeat:no-repeat;
    background-size: contain;
    background-size: 100% auto;
    background-attachment: fixed;
}
#header {
    background:#fff url("files/evpzh/hintergrundbilder/EVP_Hintergrund_2_8_web.jpg") center center no-repeat;
    background-size: cover;
}


/* Logo */
#logo {
    margin-top:20px;
    margin-left:2%;
}

/* Logo Reset */
#logo a {
    left:0;
    top:0;
}

/* Logo */
#logo img {
    width:100px;
}



/* Hauptnavigation */
.mainmenu ul.level_1 li a,
.mainmenu ul.level_1 li span.active,
.mainmenu ul.level_1 li span.forward {
    font-size:15px;
    font-weight:bold;
}
.mainmenu ul.level_2 li a,
.mainmenu ul.level_2 li span.active,
.mainmenu ul.level_2 li span.forward {
    font-size:14px;
    font-weight:normal;
}


/* Logo und Header skalieren */
@media (max-width: 567px) {
    #logo img {  width: 120px; }
    header .inside { min-height: 150px; }
}
@media (max-width: 480px) {
    #logo img {  width: 90px; }
    header .inside { min-height: 120px; }
    #header .header_article {max-width: 60%; }
    #header h1 {font-size: 20px; }
}

/* Akkordeon */
.ce_accordion .toggler {
    font-size:14px;
    font-weight:bold;
}

/* Kopfleisten-Elemente */
#Menusection .mod_search .formbody::before,
.mainmenu a.mobile_handle {
    color:#fff;
}

/* Icon Verstärker */
#Informationsection .inside {
    padding-top:1%;
    padding-bottom:1%;
    background-color:rgba(9b9b9b,.2);
}

/* Icons */
#Informationsection .inside [class*=" icon-"]::before {
    color:rgba(9b9b9b,.5);
}

/* Tabcontrol Hintergrund */
#Slidersection .inside {
    background-color:rgba(255,255,255,.8);
}

#Slidersection .ce_text { margin-left: 0px; }

.ce_tabcontrol div.ce_text ul {
    background-color:#e8e8e8;
}
.ce_tabcontrol div.ce_text ul a:hover {
    text-decoration:none;
    color:#e8e8e8;
}
.linkzeile {
    display:block;
}

/* Link Termine zeigen einfärben */
#main div.ce_hyperlink.linkzeile {
    margin-bottom:.8em;
    padding-top:.4em;
    padding-bottom:.4em;
    padding-left:.5em;
    background-color:rgba(f8da00,.3);
}

/* Fix: Bildlegenden Slider */
#Slidersection .ce_sliderStart h1,
#Slidersection .ce_sliderStart h2,
#Slidersection .ce_sliderStart h3 {
    margin-bottom:9px;
    padding-top: 15px !important;
}
#Slidersection .ce_sliderStart figcaption {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
h1 {
    font-size:24px;
    font-weight:bold;
    color:#1062a6;
}
h2 {
    font-size:19px;
}
.ce_table tr.odd {
    background-color:rgba(1062a6,.15);
}
.ce_table th {
    background-color:rgba(f8da00,.6);
}

/* Tabellen mit Auto-Spaltenbreiten */
.ce_table.auto table {
    table-layout: auto !important;
}

/* Tabellen overflow */
.ce_table.auto {
    overflow-x: auto;
}

/* grau, fett für Kommissionen */
.untertitel .ce_headline {
    margin-top:0;
    margin-bottom:0;
    border-bottom:1px solid #515151;
    font-size:15px;
    font-weight:bold;
    color:#515151;
}

/* Böxli Hervorhebung */
.ce_text p.information {
    background-color:rgba(f8da00,.2);
    border-color:#1062a6;
}
.ce_text p.information::before {
    color:#1062a6;
}

/* Link Schaltfläche CTA: Personen Tabellen und News (NICHT infoblock) */
.ce_text.sc2 a,
div.sc2 .ce_text a,
div.ce_table table td a,
.mod_newsreader .ce_text p:not(.information) a {
    display:table;
    margin-top:10px;
    padding:6px 13px;
    background-color:#1062a6;
    line-height:13px;
    text-decoration:none;
    color:#fff;
}
.ce_text.sc2 a:hover,
div.sc2 .ce_text a:hover,
div.ce_table table td a:hover,
.mod_newsreader .ce_text p:not(.information) a:hover {
    background-color:rgba(1062a6,.9);
}

/* News: Abstände generieren */
.mod_newslist .image_container,
.mod_newsarchive .image_container {
    margin-top:5px;
    margin-right:15px;
}

/* Datebox News (statt DIV) */
.mod_newslist .layout_latest time .date_box_day,
.mod_newsarchive .layout_latest time .date_box_day {
    width:50px;
    padding-top:20px;
    background-color:#1062a6;
    display: block !important;
}
.mod_newslist .layout_latest time .date_box_month,
.mod_newsarchive .layout_latest time .date_box_month {
    width:50px;
    padding-top:5px;
    display: block !important;
}

/* Abstand entfernen */
.mod_eventlist .layout_teaser .event_date_box .event_date_day {
    padding-bottom:0;
}

/* Termin-Teaser */
.mod_eventlist .layout_teaser {
    margin-bottom:30px;
}

/* Termine dezenter */
.mod_eventlist .layout_teaser .event_date_box {
    background-color:#9b9b9b;
}
.layout_teaser p.more a {
    background-color: #9b9b9b !important;
}

/* Terminarchiv gelb auszeichnen */
.mod_eventmenu ul li a {
    background-color:rgba(f8da00,.3);
}

/* Linie und Abstände verbessern wenn keine Details */
.mod_eventlist .layout_teaser h2 {
    padding-bottom:0;
    border-bottom:0 hidden;
}

/* Newsletter Fehlermeldungen */
div.mod_subscribe p.error,
div.mod_subscribe p.confirm {
    font-weight:bold;
    color:#fa0;
}

/* Farbe Formularfeld */
footer form .text:focus {
    background-color:rgba(255,255,255,.2);
}
.minicalendar_body tr td.active {
    background-color:#f8da00;
}
.minicalendar_body tr td:hover {
    background-color:#1062a6;
}

/* Bildlegenden z.B. Medien */
.caption {
    width:100%;
    font-size:12px;
    line-height:25px;
    color:#3b3b3b;
}

/* Fuss CD Anpassung */
#footer {
    background:#fff url("files/evpzh/hintergrundbilder/footer_2200x900.png") center top no-repeat;
    color:#fff;
    background-size: cover;
}

/* Schattierung entfernen */
footer .inside::before {
    display:none;
}

/* Abstände korrigieren */
footer .inside {
    margin-top:0;
    padding-top: 11% !important;
}
footer a,
.icon-external-link-sign::before {
    color:#f8da00;
}
footer form .submit {
    background-color:rgba(255,255,255,.2);
}

/* weisse Elemente */
#footer h4,
#footer .bordered h4,
#footer .bordered h4::after {
    font-weight:bold;
    color:#fff;
    border-color: #fff !important;
}
#footer .bordered h4 {
    border-color:#515151;
}
#footer .bordered h4::after {
    background-color: #fff !important;
}

/* Werbung / Banner / Inserate */
#footer .ce_gallery ul {
    padding-left:0;
}
#footer .ce_gallery ul .image_container {
    margin-bottom:10px;
}
#footer .bordered h4::after,
#footer .line {
    background-color:#9b9b9b;
}

/* Fuss CD Anpassung */
#footer {
    background:#fff url("https://evpzh.ch/files/evpzh/hintergrundbilder/footer_2200x900.png") center top no-repeat;
    color:#fff;
    background-size: cover;
}

/* Werbung / Banner / Inserate Hauptseite mit ANZEIGE formatiert */
#main .ce_hyperlink.responsive h4,
#left h4.responsive {
    margin-bottom:.2em;
    color:rgba(9b9b9b,.5);
}

/* Bannergrösse limitieren */
#Slidersection .responsive img,
#footer .ce_hyperlink.responsive img,
#left .ce_hyperlink.responsive img {
    max-width: 233px !important;
}

/* Suchresultate */
.mod_search span.highlight {
    background-color:#f8da00;
}

/* Galerie Kandidatenbilder inline darstellen (responsive) */
.ce_gallery li.col_first {
    float:none;
    clear:both;
    display:inline-block;
}

/* Abstandskorrektur für Kandidaten-Galerie */
.ce_gallery ul.cols_1 {
    padding:0;
}

/* Silbentrennung /////////////////// */
#main .ce_text p,
.mod_newslist .teaser p,
.mod_eventlist h2 {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    /* Basis https://justmarkup.com/log/2015/07/31/dealing-with-long-words-in-css/ */
}

/* Header Logout PSW //////////////////////////////////////////////////////////////////// */
#header .logout_button {
    position:relative;
    float:left;
    display:block;
    margin-left:5px;
    background-color:#1062a6;
}
#header .logout_button a:before {
    width:25px;
    height:20px;
    position:relative;
    float:left;
    display:inline-block;
    margin-top:-6px;
    margin-right:5px;
    padding-top:5px;
    text-align:center;
    font:16px FontAwesome;
    color:#f8da00;
    content: "\f023";
}
#header .logout_button a:hover:before {
    background-color:rgba(0,0,0,.05);
    color:#$skin1;
}
#header .logout_button a {
    height:19px;
    position:relative;
    display:block;
    margin-top:0;
    margin-bottom:0;
    padding-top:6px;
    padding-right:7px;
    padding-bottom:0;
    line-height:13px;
    text-decoration:none;
    color:#f8da00;
    cursor:pointer;
}
#header .logout_button a:hover {
    background-color:#$col_1;
    color:#$skin1;
}
.dlh_googlemap {
    height:500px;
}

.affoltern iframe { min-height: 400px; }



/* Responsive ////////////////////////////////////////////////////////////////// */
@media (max-width: 767px) {
    /* Newsfeed Images */
    figure.float_left img {
      width: 100% !important;
      height: auto !important;
    }
    figure.float_left  {
      width: 50% !important;
    }
    #Informationsection .sc4 { width: 50% !important; }
    /* Newsdarstellung und Termindarstellung */
    .mod_newslist .layout_latest, .mod_newsarchive .layout_latest, .mod_eventlist .layout_teaser {
      padding-left: 0;
    }
    .mod_newsreader .portfolio_categorie {
      display: none; /* Float umgehen */
    }
    /* Datumsblock News + Termine */
    .mod_newslist .layout_latest h2, .mod_newsarchive .layout_latest h2 {
      margin-left: 60px;
    }
    .mod_newslist .layout_latest time, .mod_newsarchive .layout_latest time {
      /* Raum schaffen */
      top: 3px;
      padding-bottom: 10px;
    }
    #footer {
      background-image: none;
      background-color: #1062a6;
    }
    footer .inside {
      padding-top: 1% !important;
    }
    
    .pagination ul { height: auto; line-height: 40px; }
}
@media (max-width: 567px) {
    #Informationsection .sc4 { width: 100% !important; }
    #Informationsection .sc4 h2 { margin-top: 0 !important;  margin-bottom: 0 !important;}
    #Informationsection .inside [class*=" icon-"]::before { display: none; }
    .affoltern iframe { min-height: 600px; }

}
@media (max-width: 1190px) {
    /* Kandidaten-Bilder responsive */
    figure.float_right img {
      width: 100% !important;
      height: auto !important;
    }
    figure.float_right  {
      width: 50% !important;
    }
}