@font-face {
    font-family: OpenSans;
    src: url("/CFDOCS/proklima/admin/htmltemplates/fonts/OpenSans-Regular.ttf");
}

html,body{width:100%;padding:0;margin:0;background:#B9CDE2;min-height:100%;font-family:'OpenSans';position:relative; height:100%;}
h1,h2,h3,h4,h5{color:#0A5B9D;margin:0; }
h1{font-size:2em;margin-block-end: 1rem;}
h2{font-size: 24px}
h3 {color: #000}
span.unsichtbar{display:none;}
body.disableScroll {overflow: hidden;}
#wrapper {height:100%}

/* Scrollbar Styling Start */
/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
background: #888;
border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}
/* Scrollbar Styling Ends */

/* Banner */
.banner{
    /* fuer hohen Slogan Hintergrund aktivieren: min-height:70vh; */
    background-color: #fefefe; background-image: url("https://www.proklima.ch/images/sky_banner.jpg"); background-repeat: no-repeat; background-size: cover; position: relative;margin-top: 140px;}
.bannerWrapper{max-width: 1450px;margin:0 auto;width:100%;
    height: 35vh; /* fuer hohen Slogan Hintergrund: 70vh */
    position: relative; padding:0 25px; box-sizing: border-box;
}
.banner .bannercontent{
    width:70%;position:absolute;
    top: 62%; /* fuer hohen Slogan Hintergrund: 50% */
    transform:translate(0,-50%);
}
.banner h1{font-size:30px;color:#fff;font-weight:700;line-height:1.5}

/* Header/Navigation */
header{z-index:1;height:140px;width:100%;display:flex;background:#fff;background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(10,91,157,1) 60%);color:#fff;box-sizing:border-box;justify-content:space-between;position:fixed;top:0;left:0;width:100%; font-size: 18px;padding: 20px 0}
header a{color:#fff;text-decoration:none}
header a:hover{color:#fff;text-decoration:underline;text-underline-position:under}
header #navi-menu > ul > li{position:relative}
header #navi-menu > ul > li > a{padding-bottom:26px /* 56px */}
header #menu li.menuActive > a{text-decoration:underline;text-underline-position:under}
header #menu #navi-menu > ul{list-style-type:none;display:flex;margin:0}
header #menu li{margin-right:16px;list-style-type:none}
header #menu #navi-menu > ul > li:last-child, #upperNav li:last-child{margin-right:0}
header #menu ul.menuentry2Container{ display:none; position:absolute; z-index:2; padding:10px; background:#0A5B9D; left:-10px; box-shadow: 0px 0px 0px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);
    margin: 10px -10px 0; white-space: nowrap; 
    min-width: calc(100% + 20px); }
header #menu ul.menuentry3Container {padding-top: 5px}
header #navi-menu > ul > li:hover > ul.menuentry2Container{display:block;}
header #navi-menu > ul > li> ul.menuentry2Container:hover {display:block}
header #menu ul.menuentry2Container li.menuentry2, header #menu ul.menuentry2Container li.menuentry2a{padding:5px 10px;margin: 0;}
header #menu ul.menuentry2Container li.menuentry2:nth-child(0){padding-top:0}
header #menu ul.menuentry2Container li.menuentry2:nth-last-child(){padding-bottom: 0;}
header #menu ul.menuentry2Container li.menuentry2 li {padding: 5px 0 }
header #menu ul.menuentry3Container li.menuentry3, header #menu ul.menuentry3Container li.menuentry3a{padding:5px 10px;margin: 0;}
header #headerWrapper{display:flex;justify-content:space-between;max-width:1450px;margin:0 auto;width:100%;padding:0 25px;box-sizing:border-box}
#menu nav{height:100%;display:flex;flex-direction:column;justify-content:flex-end}
#upperNav{text-align:right;width:100%;display:flex;justify-content:flex-end; padding: 10px 0 0;}
#upperNav ul{list-style-type:none;display:flex; margin:0;padding:0;}
#lowerNav{display:flex;justify-content:flex-end;color:#fff; padding: 10px 0 0; /* font-weight: 20px; */}
#menu #navi-menu > ul > .has-dropdown{padding-right:10px}
#menu #navi-menu > ul > .has-dropdown:after{content:" ";position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #fff;margin-left:-5px;top:50%;transform:translate(0,-35%); left:100%}

#upperNavUserInfo{text-align:right;width:100%;display:flex;justify-content:flex-end;}
#userInfoBox{max-width:1450px;width:100%;box-sizing:border-box; margin:0 auto; flex-grow: 1; box-sizing: border-box;}
#userInfo{text-align:right;width:100%;display:flex;justify-content:flex-end;}
.loggedInUserInfo {font-size: 1em;}
.loggedInUserInfo a {color: #FFFFFF; text-decoration: underline; text-underline-position: under; text-decoration-color: #FFFFFF;}
.loggedInUserInfo a:hover {font-weight: bold;}

/* Logo */
#logo {width: 200px;min-width: 200px;}
#logo a {display: flex; padding: 5px 0;}
#logo img {width:100%;}

/* MobileMenu */
#mobileMenu {display:none; padding-top: 30px;}
#mobileMenu nav {display:none;position: absolute;top:140px;left:0; background: #0A5B9D; z-index: 1;height: calc(100vh - 140px); width:100%;}
#mobileMenu nav.is-active {display:block;}
#mobileMenu nav #navi-menu{overflow:scroll;max-height:calc(100vh - 140px)}
#mobileMenu nav #navi-menu > ul{flex-direction:column;font-size:20px;margin:40px!important;padding:0; }
#mobileMenu nav #navi-menu > ul ul {padding:0; margin-left: 40px;}
#mobileMenu nav #navi-menu ul {list-style-type: none;}
#mobileMenu nav #navi-menu li {margin: 6px 0}
#mobileMenu nav #navi-menu li.menuActive > a{text-decoration: underline;}
#mobileMenu .burgerContainer {margin: auto 0 auto auto;position:relative;z-index:500;}
#mobileMenu .burgerContent {margin-top: 4px;}
#mobileMenu .hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;align-self: center;}
#mobileMenu .hamburger.is-active:hover,.hamburger:hover{opacity:.7}
#mobileMenu .hamburger-box{position:relative;display:inline-block;width:40px;height:24px}
#mobileMenu .hamburger-inner{top:50%;display:block;margin-top:-2px}
#mobileMenu .hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#fff}
#mobileMenu .hamburger--slider .hamburger-inner{top:2px}
#mobileMenu .hamburger-inner:after,.hamburger-inner:before{display:block;content:""}
#mobileMenu .hamburger-inner:before{top:-10px}
#mobileMenu .hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}
#mobileMenu .hamburger-inner:after{bottom:-10px}
#mobileMenu .hamburger--slider .hamburger-inner:after{top:20px}
#mobileMenu .hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#fff}
#mobileMenu .hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}
#mobileMenu .hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}
#mobileMenu .hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}
#mobileMenu div#socialMediaIcons {justify-content: space-around;padding:20px;}

/* Seiteninhalt */
#content{z-index: 0; background-color:#fefefe;position:relative;min-height:100%;width:100%;box-sizing:border-box; line-height: 1.5;display:flex;flex-direction: column;margin-top:140px}
#content.startContent {margin-top: 0;}
#content >* {flex-shrink: 0;}
main{max-width:1450px;width:100%;box-sizing:border-box;padding:50px 25px 50px; font-size: 18px;margin:0 auto;flex-grow: 1;box-sizing: border-box;}
.IntroContentSeparator {margin:25px;}
#content > main a {color: #000000; text-decoration: underline; text-underline-position: under; text-decoration-color: #000000; /* text-decoration-thickness: 1px; */}
#content > main a:hover {font-weight: bold; /* text-decoration: none; */}

/* Publikationen/Tabellen */
table {white-space: nowrap; margin-bottom: 20px;border: solid 1px #eee; box-sizing: border-box;}
thead {background: #0A5B9D}
th {color:#fff; text-align: left;}
table tbody tr:nth-child(2n) { background:#eee}
table tbody tr:hover {cursor: pointer;}
table th, tbody tr td {padding: 8px 10px}
tbody tr:hover > td {background:#ddd}
td > ul {padding-left: 20px;
        /* width: 300px; */}
td > ul > li {        
    /* width: 10rem; */
}

/* Linkliste */
h3.link_subtitle {font-weight: normal;}
ul.linkListFormat{display:flex;justify-content:space-between;padding:0;flex-wrap:wrap;flex-direction:column}
ul.linkListFormat > li{border-bottom:solid 1px;padding:30px 0;display:flex;flex-direction:column;max-height:100px;flex-wrap:wrap;justify-content:space-between}
ul.linkListFormat > li:nth-child(1) {padding-top: 0;}
div.link_description{display:flex;height:100%}

/* Vorstand */
.vorlage_list{display:flex;justify-content:space-between;flex-wrap:wrap}
.vorlage_list > div{width:48%;min-width:500px}
br.vorlage_columnende {display:none}

/* Formular */
form > .schrift_standard > div {display:flex;flex-direction: column;}
input[type="text"],input[type="password"],input[type="email"], textarea, select{background:#fff;padding:5px 9px;border:2px solid rgba(1,1,1,0.4);font-size:20px !important;margin-bottom:5px;box-sizing: border-box;max-width: 100%;}
input[type="text"]:focus-visible,input[type="password"]:focus-visible,input[type="email"]:focus-visible {outline-color: #0A5B9D;border-color: #0A5B9D}
input[type="submit"],input[type="reset"]{display:inline-block;font-weight:400;color:#fff;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#0A5B9D;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;min-width:150px;margin-top:10px}
input[type="submit"]:hover{background-color:#0c8ef9;border-color:#0c8ef9}
input[type="text"]:-webkit-autofill,input[type="password"]:-webkit-autofill,input[type="email"]:-webkit-autofill,
input[type="text"]:-webkit-autofill:hover,input[type="password"]:-webkit-autofill:hover,input[type="email"]:-webkit-autofill:hover,
input[type="text"]:-webkit-autofill:focus,input[type="password"]:-webkit-autofill:focus,input[type="email"]:-webkit-autofill:focus,
input[type="text"]:-webkit-autofill:active,input[type="password"]:-webkit-autofill:active,input[type="email"]:-webkit-autofill:active,
input[type="text"]:-webkit-autofill::first-line,input[type="password"]:-webkit-autofill::first-line,input[type="email"]:-webkit-autofill::first-line{font-size:20px!important}
input[type="checkbox"] {width: 25px !important;height:20px}
input[type="radio"] {
    height: 18px;
    width: 18px;
    position: relative;
    top: 3px;
}
fieldset {margin:0 0 10px; max-width: 660px;}
fieldset >div {display:flex; flex-direction: column;}
fieldset input[type="text"], fieldset input[type="password"],fieldset input[type="email"], fieldset textarea, fieldset select {width:100%;}
select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em}

/* Kontakt */
#cmsPage132 main > #cms_inhaltsbereich{display:flex;justify-content:space-between;flex-direction:column;flex-wrap:wrap;max-height:1000px}
#cmsPage132 main > #cms_inhaltsbereich > #cms_inhaltsbereich {white-space: nowrap;order:2}
#cmsPage132 main > #cms_inhaltsbereich > div:nth-child(2) {order:3; margin-top: 20px;}
#cmsPage132 #cms_inhaltsbereich > div{width:48%; }
#cmsPage132 #cms_inhaltsbereich > div:first-child{margin-right:4%}
#cmsPage132 #cms_seiteninhalt > div {height: 100%;}
#cmsPage132 #cms_inhaltsbereich iframe{width:100%;height:100%;height: 600px; padding-bottom: 160px;margin-top: 20px;}
form[name="KontaktForm"] input[type="text"], form[name="KontaktForm"] input[type="email"], form[name="KontaktForm"]  textarea, form[name="KontaktForm"]  select {width:100%; max-width: 50%;}
#cmsPage132 form[name="KontaktForm"] input:not([type="submit"]), #cmsPage132 form[name="KontaktForm"] textarea, #cmsPage132 form[name="KontaktForm"] select {width:100%; max-width: unset;}
#cmsPage132 form[name="KontaktForm"] .buttonleiste {display:flex; justify-content: flex-start;}

/* Passwortgeschuetzte Seite */
form[name='authentification'] .schrift_standard:last-of-type {display:flex;}
form[name='authentification'] > div > div {margin-bottom: 10px;}
form[name='authentification'] .schrift_standard:last-of-type input {margin-right: 10px;}
form[name='authentification'] input[type="text"],form[name='authentification'] input[type="password"]{width:315px;max-width:100%}

/* VeranstaltungsKalender */
h1.veranstaltung_datum{font-size:16px;color:#000;font-weight:400}
div#veranstaltung_monate{display:flex;flex-wrap:wrap}
a.veranstaltung_monatsitem_a, a.veranstaltung_monatsitem {display:block;padding:5px;font-family:Verdana,Helvetica,sans-serif;font-size:16px;text-align:center;width:110px;border:1px solid #0A5B9D;margin:1px;text-decoration:none}
a.veranstaltung_monatsitem_a{background-color:#0A5B9D;color:#FFF !important;}
a.veranstaltung_monatsitem{color:#00527E;}
a.veranstaltung_monatsitem:HOVER{color:#FFF !important;background-color:#0A5B9D}
#cmsPage142 #cms_inhaltsbereich{display:flex; justify-content: space-between;flex-wrap: wrap;}
#cmsPage142 #veranstaltung_monate {order:1; min-width: 500px;}
#cmsPage142 #veranstaltung_navigation {order:2; min-width: 500px;display: flex; justify-content: flex-end;}
#cmsPage142 #veranstaltung_navigation .veranstaltung_navigation_link {align-self: center;}
#cmsPage142 #veranstaltungen_liste{order:3;width:100%;margin-top: 18px;}

/* Downloadliste */
div.kategoriewahlBox {margin: 0 0 10px}
ul.downloadListFormat {margin:0;padding:0}
h2.file_title{font-weight:700; font-size:1em;color:#000; padding-top: 15px;}
li.fileblock1, li.fileblock2 {margin: 0 0 10px}
li.fileblock1:nth-last-of-type(), li.fileblock2:nth-last-of-type() {margin:0}
p.file_description{margin:0}
table[summary="Downloadliste"] thead{display:none}
table[summary="Downloadliste"] tbody td:not(:nth-child(2)){display:none}

/* KlimaQuick */
div#vorlageListContainer178 .vorlage_columnFlexible {display:flex;flex-wrap:wrap;margin:0 0 40px -20px}
div#vorlageListContainer178 .vorlage_entry {width: 420px; margin:0px 0 0 20px}
div#vorlageListContainer178 .vorlage_entry > div {max-width: 335px; height:100%}
div#vorlageListContainer178 .vorlage_columnFlexible {display:flex;flex-wrap:wrap;margin:0 0 40px -20px}
#cmsPage178 .vorlageKategorie {display:none;}

#cmsPage178 .vorlageListCategoryTitle {
    clear: both;
    width: 100%;
}

#cmsPage178 .vorlage_list > div {
    width: 100% !important;
    clear: both;
}

.klimaquick-linklist-item{width:100%; clear: both;}
.klimaquick-linklist-item a{ /* color:#fff;text-decoration:none */}
.klimaquick-linklist-item:hover{}

/* Footer */
footer{max-width:100%;width:100%;position:relative;bottom:0;box-sizing:border-box; color:#fff;background-color:#0A5B9D;box-sizing:border-box;}
footer a{color:#fff;text-decoration:none}
footer a:hover{color:#fff;text-decoration:underline;text-underline-position: under;}
footer a:visited {color: #fff !important;}
footer ul{padding:0;margin:1em 0; list-style-type: none;}
footer li {margin:0 0 4px;}
footer .footerWrapper {width:100%; max-width: 1450px; margin:0 auto; display:flex; padding:25px; box-sizing: border-box;}
footer .footerWrapper > div h3{font-size:1.5rem; color: #fff}
footer .footerWrapper > div{display:flex;width:100%}
footer .footerWrapper > div > div {padding:35px 60px;font-size: 1.1rem;}
footer .footerWrapper > div:nth-child(1) > div{padding-left:0px}
footer .footerWrapper > div > div:nth-child(2){width:calc(33.3333% + 20px)}

/* Karussell */
.logoCarousel{background:#fff;display:flex;justify-content:center;padding:40px 0; position: relative; z-index: 0;    border-top: solid 1px #0A5B9D;}
.imgCarousel171{width:100%!important;max-width:1400px;height:150px}
.logoCarousel ul{height:100%}
li.imgCarouselSlide{height:100%!important}
li.imgCarouselSlide > img{height:auto;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);max-width:80%;max-height:80%;user-select: none;}

/* Karte - Startseite */
#startKarte{background:url(https://www.proklima.ch/images/karte.jpg);height:100vh;background-repeat:no-repeat;background-size:cover}
.kartenContent {width:100%; max-width: 1450px; padding:0 25px; position:relative;margin:0 auto;    box-sizing: border-box;}
.kartenBeschreibung{position:absolute;background:rgba(255,255,255,0.6);padding:25px;margin-top:10vh;margin-left:-25px;font-size:18px;color:#000!important;max-width:450px}
.kartenBeschreibung h1 {color: #000}
.kartenBeschreibung p {margin:0}
.kartenBeschreibung:hover p {margin:0}

.kartenBeschreibung:hover .kartenLink {font-weight: bold;}

/* .kartenBeschreibung .kartenLink {text-decoration: underline;} */
.kartenBeschreibung .kartenLink {color: #000000; text-decoration: underline; text-underline-position: under; text-decoration-color: #000000;}
.kartenBeschreibung .kartenLink:hover {font-weight: bold;}

/* Aktuelles - Startseite */
#aktuelles {margin-top: 36px;}
#aktuelles-cards {column-count:3; column-gap:1em}
#aktuelles-cards article a {text-decoration: none;}
#aktuelles-cards article:hover{box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
#aktuelles-cards article {background-color:transparent;margin:0 0 1em;flex-direction:column; box-sizing:border-box;border:solid 1px #0A5B9D;color:#000; width: 100%; display: block;
    -webkit-column-break-inside: avoid;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;}
#aktuelles-cards article .article-content {padding: 20px;}
#aktuelles-cards article .news-title {text-decoration: underline; text-underline-position: under;}
#aktuelles-cards article .news-title:hover {font-weight: bold;}
#aktuelles-cards article .news-description {text-decoration: none;}
#aktuelles-cards article:hover .news-description {font-weight: normal;}
#aktuelles-cards article img {width:100%;}
#aktuelles-cards article .news-title{ /* font-size: 20px; color: #0A589D; font-weight: bold; */ }
#aktuelles-cards.columnCount2 {column-count: 2}

/* Aktuelles - Detail */
#cmsPage116 .vorlage_list { display:block; }
#cmsPage116 .vorlageZurueckDetailBottomBox .vorlageZurueckDetail {display: none;}
#cmsPage116 #cms_inhaltsbereich {position: relative;}
#cmsPage116 .vorlageZurueckDetailTopBox {position: absolute;display:flex; justify-content: flex-end;}
#cmsPage116 .vorlage_entry{border-bottom:solid 1px #ccc;padding:0 0 10px}

.vorlageTitleBox h2 {/* font-size: 1em; */ font-weight: normal; color: #000000;}
.vorlageTitleBox h2 a:hover {font-weight: bold;}

/* Mitgliederbereich */
main #navi-menu ul {display:flex;flex-wrap:wrap; list-style-type: none;padding:0}
main #navi-menu ul li {font-size:16px;text-align:center;margin:3px 3px 3px 0;}
main #navi-menu ul li a {text-decoration:none; color:#0A589D;background-color:#fff;border:1px solid #0A5B9D; padding:5px; min-width: 110px; display:block}
main #navi-menu ul li:hover a, main #navi-menu ul li.menuActive a {background-color:#0A5B9D;color:#FFF;}

/* Mitgliederliste */
form.membListSearchForm {width:50%; min-width: 350px;}
form.membListSearchForm input[type="text"], form.membListSearchForm input[type="password"], form.membListSearchForm input[type="email"], form.membListSearchForm textarea, form.membListSearchForm select{width:100%;max-width: none !important;}
th a {color: #fff; text-decoration: none;}
table.membList tbody tr:hover {cursor:auto}
#mapCanvas {margin: 20px 0}
table.membList th {color: #FFFFFF !important;}
table.membList th a {font-weight: normal; color: #FFFFFF !important; text-decoration-color: #FFFFFF !important;}
table.membList th a:hover {font-weight: bold;}

/* Mitgliederliste - Detail */
table[summary="Mitgliederdetails"] tbody tr:hover {cursor:auto}
table[summary="Mitgliederdetails"] tbody tr:hover > td {background-color: initial;}
table[summary="Mitgliederdetails"] tbody tr td {padding: 8px 10px !important; background: transparent !important;}

/* Blaettern */
.blaettern {display:flex;justify-content: space-between;flex-wrap: wrap;}
.blaettern_mitte img { position: relative; top: 3px; }
.blaettern_mitte {padding: 0 10px}
.blaettern > div:nth-child(4) { display: none; }

/* Suche */
#searchArea{overflow:hidden}
#searchArea input{background-color:#fff;padding:0 9px;border:2px solid rgba(1,1,1,0.4);font-size:18px!important; /* margin-bottom:5px; */ box-sizing:border-box;max-width:100%;margin-right:10px;background-position:95% 50%;background-size:18px}
#searchArea form{margin-right:5px}
.sresult_title{font-size: 1em; /* font-size:24px; */ margin:0; }
.sresult_title a{font-weight: normal; text-decoration: underline; /* color:#0A589D; */}
.sresult_title:hover a{font-weight: bold; /* text-decoration:underline; */}
.sresult1,.sresult2{margin-bottom:20px}
.smark {background-color: #B9CDE2; padding: 1px 4px;}
#searchInput{margin:0; /* margin-bottom:2px; */ position:relative;left:200%;transition:.3s ease}
#searchArea.is-active #searchInput{left:0}
#suche{display:flex;flex-direction:column;justify-content:center;margin-right:16px;cursor:pointer;margin-top:-2px}
#suche.blau{background-color:#fff}
#suche img{display:none; height: 22px;border:solid 1px;box-sizing:border-box;padding:2px}
#suche:hover img{background-color: #fff;}
#suche.weiss img.lupeWeiss {display:block}
#suche.blau img.lupeBlau {display:block}
#suche:hover img.lupeWeiss{display:none}
#suche:hover img.lupeBlau {display:block;}

.headerIcons {height: 15px; padding-left: 10px;}

/* Agenda */
.veranstaltungen_eintrag {padding-bottom: 30px; border-bottom: solid 1px #ccc;}
.veranstaltungen_eintrag:nth-child(n+2) {margin-top: 20px;}

/* Media Queries */
@media (max-width: 1600px) {
    header #menu #navi-menu > ul > li:last-child > ul {left: unset; right: -15px;}
}
@media (max-width: 1400px) {
    header {position: fixed;}    
}
@media (max-width: 1280px) {
    .footerWrapper {flex-direction: column;}
    footer .footerWrapper > div {border-bottom:solid 1px #fff; width: 100% !important;}
    footer .footerWrapper > div:last-child{border-bottom: none;}
    footer .footerWrapper > div > div {padding:35px 25px 35px 0}
    ul.linkListFormat > li {max-height: none;}
    #cmsPage132 #cms_inhaltsbereich{flex-direction:column}
    #cmsPage132 #cms_inhaltsbereich > div{width:100%}
    form[name="KontaktForm"] {margin-top:20px}
    form[name="KontaktForm"] input:not([type="submit"]), textarea, select {width:100%; max-width: 500px;}
    #cmsPage132 #cms_inhaltsbereich iframe{min-height:350px; padding: 0; margin-bottom: 20px;}
    form[name="KontaktForm"] .buttonleiste {justify-content: flex-start;}
    #cmsPage132 main > #cms_inhaltsbereich {max-height: none;}
    #cmsPage132 main > #cms_inhaltsbereich > #cms_inhaltsbereich {white-space: normal;}
}

@media (max-width: 1150px) {
    /* Wechsel von Desktop zu mobile Menu */
    #menu {display:none}
    #mobileMenu {display:flex;}
    #searchArea, #suche {display: none;}
    .userInfoLoggedInAs {display: none;}
    #upperNavUserInfo{padding-right: 25px;}
    .headerIcons {height: 30px;}
}

@media (max-width: 1080px) {
    #cmsPage142 #veranstaltung_navigation{order:1;justify-content:flex-start;min-width:auto;width:100%}
    #cmsPage142 #veranstaltung_monate{min-width:auto;width:100%}
    form.membListSearchForm {width:100%; }
    #aktuelles-cards {column-count: 2 !important}
    .vorlage_list > div {min-width: auto; width:100%}
}
@media (max-width: 720px) { 
    #aktuelles-cards {column-count: 1 !important}
    .logoCarousel{padding:0}
    .banner h1{font-size:24px;}
}
/* Safari */
@media not all and (min-resolution:.001dpcm) { 
    select {
        background: none;
    }
    #content.columns .vorlage_entry{display:inline-block}
   
}
/* Firefox */
@supports (-moz-appearance:none) {
    #aktuelles-cards article {
      display:inline-block !important;
    }
}

/* Druck Style */
@media print {    
    /* Seiteninhalt */
    #content{z-index: 5;}
    /* Logos ausblenden */
    .logoCarousel {     
        display: none !important;
    }
}