@font-face { font-family: 'Asap'; src: url('../fonts/Asap-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Oswald'; src: url('../fonts/Oswald-Regular.ttf') format('truetype'); }


*{
margin: 0;
padding: 0;
}

html{
font-size: 12px;
}

h1, h2, h3, h4, h5, h6{
font-family: 'Oswald', sans-serif;
font-weight: 700;
}

h1, h2{
/*line-height: 3.5rem;*/
padding-bottom: 0.5rem;
}
h1{font-size: 2.4rem;}
h2, h3{font-size:1.7rem;}
.news .frame header h2{font-size: 2.4rem;}
.news .frame header h3{padding-bottom:0.5rem;}

p, a, label, .csc-textpic-caption, .lb-details, .tx-indexedsearch, .news-text-wrap ul li{
font-family: 'Asap', sans-serif;
font-weight: 400;
}

a{
text-decoration: none;
color: rgb(0,151,95);
}

ul, ol{
list-style: none;
}
.news-text-wrap ol, .news-single ol{list-style:decimal; padding-left: 1.4rem;}
.news-text-wrap ol li, .news-single ol li{font-size:1.3rem; font-family: Asap; padding-bottom:1rem;}

.news-text-wrap ul{list-style:inside;}

.clear{
clear: both;
}
/* -------------> Formular <------------- */

form, .frame-type-form_formframework{font-size:16px; font-family:'Asap', sans-serif;}
form .form-check, form .form-group{padding:0.5rem 0;}
button{padding:1rem;}
form .clearfix p{margin-bottom:2rem;}
form .actions{text-align:center; margin-bottom:1rem;}
form .ce-bodytext p{padding:0 !important;}
form textarea{ height:100px;}
form textarea, form .form-control{width:272px;}
form select{width:275px !important;}
form .form-check-label span{display:none;}
form #gutscheine-checkbox-1{width:25px; height:25px;}
form{margin-bottom:4rem;}
form input{height:2rem;}
form select{height:2.33rem;}
form label, form button,  form input, form select{font-size:1.3rem;}
aside#spalteDrei #c430{font-weight:bold; font-size:2.5rem;}
/* -------------> Header <------------- */
header#header{
width: 100%;
}

#banner{
height: 30rem;
display: inline-block;
}

#logo{
height: 100%;
float: left;
display: inline;
}

#logoMobile{
display: none;
}

.toggleMenu{
z-index: -5000;
display:none;
}

#topNews{
height: 100%;
float: left;
margin-left: 1rem;
width: 53rem;
display: inline;
}

#navBar{
width: 100%;
height: 3rem;
margin-top: 0.5rem;
background-color: rgb(0,151,95);
border-bottom: solid 2px rgb(255,236,0);
}

#mailform{
width: 22rem;
height: 2rem;
padding: 0.5rem;
float: right;
}

nav#mainNav{
float: left;
}

#mainNav ul{
display: block;
float: left;
}

#mainNav ul li{
display: inline-block;
height: 2.5rem;
padding: 0.5rem 1.5rem 0;
position: relative;
}

#mainNav a{
font-size: 1.5rem;
color: rgb(255,255,255);
}

#mainNav ul li.mainActive a{
color: rgb(255,236,0);
}

#mainNav ul li span{
border-bottom: 5px solid rgb(255,236,0);
border-left: 8px solid transparent;
border-right: 8px solid transparent;
bottom: 0px;
display: block;
left: 42%;
position: absolute;
opacity: 0;
}

#mainNav ul li:hover span, #mainNav ul li.mainActive span{
opacity: 1;
}

/* Suchfeld komplett */
/* Eingabefeld */
.suchfeld form{
width:22rem;
height:2rem;
padding:0.5rem;
  float:right;
}
.suchfeld input{
width: 19.5rem;
height: 100%;
box-sizing: border-box;
float: left;
  padding-left:1rem;
border: 0;
background: rgb(240,240,240);
}

.suchfeld input:focus{
outline: 0;
background: rgb(255,255,255);
box-shadow: 0 0 1px rgba(0,0,0,.8) inset;
}

.suchfeld input::-webkit-input-placeholder{
color: rgb(180,180,180);
}

.suchfeld input:-moz-placeholder{
color: rgb(180,180,180);
}

.suchfeld input:-ms-input-placeholder{
color: rgb(180,180,180);
}    

/* Suche abschicken */
.suchfeld button{
  background: url("../img/search_button.png") no-repeat scroll center center rgb(240,240,240);
background-size:contain;
  overflow: visible;
position: relative;
float: right;
border: 0;
cursor: pointer;
height: 100%;
width: 2.5rem;
/* background: rgb(0,151,95); */
}

svg#Ebene_1{
fill: rgb(150,150,150);
}

svg#Ebene_1:hover{
fill: rgb(0,151,95);
}

#searchIcon{

height: 1.3rem;
}
#tx_indexedsearch fieldset legend{     font-size: 2.4rem;
    line-height: 3.5rem;
    padding-bottom: 0.5rem;
  font-weight:bold;
  font-family:'Oswald', sans-serif;
}
.tx-indexedsearch-form, .tx-indexedsearch-search-submit input{font-family: 'Asap', sans-serif; font-size: 1.3rem;  line-height: 2rem; }


/* .suchfeld button:hover,
.suchfeld button:active,
.suchfeld button:focus{     
background:  rgb(0,100,63);
} */  

/* Linker Pfeil  
.suchfeld button:before{ 
content: '';
position: absolute;
border-width: 6px 6px 6px 0;
border-style: solid solid solid none;
border-color: transparent rgb(0,151,95) transparent;
top: 6px;
} */

/* .suchfeld button:hover:before,
.suchfeld button:focus:before,
.suchfeld button:active:before{
border-right-color: rgb(0,100,63);
}  */

.suchfeld button::-moz-focus-inner{
border: 0;
padding: 0;
}

/* -------------> Template <------------- */

#main .frame header{padding-top:1rem;}

/*----- Mehrspaltige Bilder in News-----*/

div[data-ce-columns="2"] .ce-column{width:47%; float:left; padding:0 1rem 0 0;}
.frame, .ce-row{clear:both;}
.ce-left .ce-column:first-child{padding-right:10%;}
.ce-column .image-embed-item{width:100%; height:auto;}

/*------Formatiung Bildunterschrift------*/
.image-caption, .news-img-caption{font-family:'Asap', sans-serif; color:#888; font-style:italic !important; line-height:1.5rem !important; margin-bottom:0.5rem; font-size:1.3rem;;}
.news .article .news-img-wrap img{margin-bottom:0 !important; padding:0 !important;}

.google-auto-placed{border:1px solid #888;}
.no-media-element{display:none;}

main{
width: 100%;
}

.wrapper{
width: 80rem;
margin: 0 auto;
}

section#main{
width: 55rem;
position: relative;
float: left;
}

.twoCol{
width: 47%;
float: left;
}

.twoCol:last-child{
margin-left: 3rem;
}

.fourCol{
width: 25%;
float: left;
}

.threeCol{
width: 74%;
float: left;
}

aside#spalteDrei, aside#right{
width: 23rem;
float: right;
}

#spalteDrei #c151 > h1{
font-family: 'Oswald', sans-serif;
font-weight: 700;
font-size: 2.4rem;
line-height: 3.5rem;
padding-bottom: 0.5rem;
}

/* -------------> Content <------------- */
.ce-bodytext ol{list-style:decimal; font-family:'Asap', sans-serif; padding-left:1rem; font-size: 1.3rem;  line-height: 2rem;  margin-bottom: 1rem; font-style:italic;}
.ce-bodytext ol li{padding-left:0.5rem;}

article{
width: 100%;
margin-bottom: 5rem;
}

article h1, article h2{
border-bottom: 3px solid rgb(0,151,95);
margin-bottom: 2rem;
}



article h3{
font-size: 1rem;
color: rgb(100,100,100);
margin-bottom: 0.5rem;
}

article img{
width: 100%;
margin-bottom: 0.5rem;
}

article p.bildunterschrift{
font-size: 1rem;
line-height: 1.5rem;
font-style: italic;
margin-bottom: 1rem;
}

article p.artikel{
font-size: 1.3rem;
line-height: 2rem;
}

article a.weiter{
color: rgb(0,151,95);
float: right;
font-size: 1.3rem;
font-weight: 700;
}

article a.weiter:hover{
text-decoration: underline;
}


#main p {
font-size: 1.3rem;
line-height: 2rem;
margin-bottom: 1rem;
}

.teaser-text{
margin-bottom: 1rem;
}

.csc-textpic-imagewrap{
padding-top: 1rem;
}

div.csc-textpic .csc-textpic-imagewrap img{
width: 100%;
height:auto;
}


#subNavigation{
//list-style: square;
color: rgb(0,151,95);
//padding-left: 1rem;
margin-bottom: 2rem;
}

#subNavigation li{
//padding: 1rem 0.5rem;
border-bottom: 1px solid rgb(200,200,200);
}

#subNavigation li:first-child{
padding-top: 0;
}

#subNavigation li:last-child{
border-bottom: none;
}

#subNavigation li a{
color: rgb(0,151,95);
font-size: 1.3rem;
font-weight: 700;
}

#subNavigation li a:hover{
text-decoration: underline;
}

#kalender{
width: 100%;
}

.csc-default{
margin-bottom: 2rem;
}

table a{
font-size: 1.3rem;
}

table tr{
height: 3rem;
}

.csc-uploads{
list-style: square;
padding-left: 1rem;
}

ul.csc-uploads span.csc-uploads-fileName{
text-decoration: none;
font-size: 1.3rem;
}

.external-link-new-window, .news-text-wrap ul li{
font-size: 1.3rem;
line-height: 2.5rem;
}

.news-related.news-related-news li, .news-related.news-related-news a, .news-related.news-related-links li, .news-related.news-related-links a{
font-size: 1.3rem;
font-family: 'Asap', sans-serif;
}

.news-related.news-related-news li, .news-related.news-related-links li{
line-height: 2.5rem;
}

div.csc-textpic .csc-textpic-imagewrap table{border-collapse:unset !important;}
div.csc-textpic .csc-textpic-imagewrap table tr td{padding-right: 1rem !important;}

/* -------------> Styles Akkordeon/Dropdown bei Zeitungsarchiv <----------- */

.ui-accordion .ui-accordion-content h1{display:none;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{color:#00975F !important;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{color:#FFEC00 !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{background:#00975F; border:1px solid #00975f  !important;}
.ui-state-default .ui-icon{background-image:url("../img/ui-icons_00975f_256x240.png")}
.ui-state-active .ui-icon{background-image:url("../img/ui-icons_ffec00_256x240.png")}
.ui-accordion-content .csc-default{padding:0 !important;}
.ui-accordion-content .contenttable{border-collapse: collapse;}

.ui-accordion-content .contenttable tr, .ui-accordion-content .contenttable td{border:1px solid #000; text-align:center;}
.ui-accordion-content .contenttable tr, .ui-accordion-content .contenttable td{border:1px solid #000; text-align:center;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{
border-bottom-right-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{
border-bottom-left-radius: 0;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{
border-top-right-radius: 0;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{
border-top-left-radius: 0;
}

/*-------> Tabellen <-------*/
.ce-table td{text-align:right;}
.contenttable, .ce-table{ font-family: asap;    font-size: 1.3rem;}
.contenttable a, .ce-table a{color:#000; text-decoration:underline;}
.contenttable td, .ce-table td{padding: 0.5rem;}
.contenttable tr:nth-child(2n+1), .ce-table tr:nth-child(2n+1){
background-color: rgba(0, 151, 95, 0.8);
}
.contenttable tr:nth-child(2n), .ce-table tr:nth-child(2n){
background-color: rgba(0, 151, 95, 0.2);
}

/* -------------> Fieldset/Formular <------------- */

fieldset{
border: none;
margin: 0;
padding: 0;
}

.csc-mailform-field{
width: 40rem;
}

.csc-mailform-field label{
font-size: 1.3rem;
line-height: 3rem;
width: 6.5rem;
display: inline-table;
}

.csc-mailform-label{
width: 30rem;
font-size: 1.3rem;
line-height: 2rem;
}

.csc-mailform-radio {
margin-right: 1rem;
}

#mailformscols{
width: 12.5rem;
}

#mailformEMailAdresse, #mailformFirma, #mailformName, #mailformStrasse_Hausnummer, #mailformPLZ, #mailformOrt{
float: right;
width: 20rem;
height: 2.5rem;
line-height: 3rem;
}

fieldset .csc-mailform-field:nth-child(7){
margin: 2rem 0;
}

#mailformText_der_Anzeige{
float: none;
width: 30rem;
}

label[for="mailformAGB"]{
display: none;
}

#mailformAGB{
display: table;
float: left;
width: 30rem;
margin-bottom: 2rem;
}

#mailformAGBeinverstanden, #mailformAGBnichteinverstanden{
display: inline-table;
}

#mailformAGB > label{
display: inline-table;
}

#mailformAGB legend{
display: none;
}

.csc-mailform-field:last-child {
text-align: center;
}

.csc-mailform-submit {
height: 2.5rem;
width: 19.5rem;
margin-top: 1rem;
}

.page-navigation{
position: absolute;
bottom: -1rem;
width: 100%;
box-sizing: border-box;
left: 0;
padding: 0 2rem 0 0;
}

.f3-widget-paginator{
float: right;
position: relative;
padding-top: 0.3rem;
}

.f3-widget-paginator li, .f3-widget-paginator li a{
font-size: 1.3rem;
    font-family: "Asap",sans-serif;
    font-weight: 400;
}

#tx_indexedsearch table tr td{padding-right:1rem;}
.tx-indexedsearch{font-size:1.3rem;}

#main ul li{font-size:1.3rem; font-family:Asap, Lato, Arial; color:rgb(68, 68, 68); list-style:disc; line-height:2rem;}
#main ul li:last-child{margin-bottom:1rem; }
#main ul{margin-left:2rem;}

/* -------------> Footer <------------- */
.cc-color-override--121924128.cc-window {line-height:1.5rem;}
.cc-banner .cc-btn:last-child{min-width:auto;}
.cc-link{color:#000 !important;}

footer#footer{
margin-top: 2rem;
height: 12rem;
position: relative;
bottom: 0;
background-color: rgb(0,151,95);
}

#footer ul{
color: rgb(255,255,255);
list-style: square;
padding-left: 1rem;
}

#footer li{
line-height: 2rem;
}

#footer li a{
color: rgb(255,255,255);
font-size: 1.3rem;
}

#footer section{
box-sizing: border-box;
padding: 2rem;
}

#footer p{
color: rgb(255,255,255);
font-size: 1.1rem;
line-height: 2rem;
}
.news .footer{border:none;}
.news .footer p{border-top:1px solid; padding:8px 0 0 0;}

.teaser-text{color:rgb(0,0,0) !important;}
.teaser-text p{font-weight:bold !important; font-style:italic;}

/*-----------------> Tabellen <-----*/
.ce-table{font-family:'Asap'; width:100%;}


/* -------------> Anzeigen / Werbung <------------- */

#spalteDrei p{font-size:14px;}

#spalteDrei img{padding:5px 0;}
#spalteDrei h3{
font-family: "Asap",sans-serif;
font-size: 1.3rem;
font-weight: 400;
color: rgb(100,100,100);
border-bottom: none;
margin-bottom: 0;
}
#spalteDrei .subcl, #spalteDrei .subcr{margin-bottom:2rem;}
#spalteDrei h1, #spalteDrei h2, #spalteDrei h1 a, #spalteDrei h2 a{
font-family: "Asap",sans-serif;
font-weight: 400;
font-size: 1.8rem;
line-height: 2.4rem;
text-decoration: none;
}

#spalteDrei h1, #spalteDrei h2{
color: rgb(50,50,50);
}

#spalteDrei a{
color: rgb(0, 151, 95);
}

#spalteDrei .subcl p.bodytext, #spalteDrei .subcr p.bodytext{
color: rgb(100,100,100) !important;
font-size: 1.2rem !important;
}

#spalteDrei .subcl p > a, #spalteDrei .subcr p > a{
color: rgb(0, 151, 95) !important;
font-size: 1.2rem !important;
}

/*------------- Datenschutz Diaglog sytylen -----------------*/

.cc-window{width:100%; height:100%; background-color:rgba(255,255,255,0.8) !important;}
.cc-message{
  position: relative;
  color:#000;
    width: 50%;
    min-height: 30rem;
    margin: 5vh auto !important;
    padding: 4vw 4vw;
    border: 2px solid #000;
  flex:none !important;
  background:rgba(255,255,255,1);
}
.cc-compliance{
  position: absolute;
    width: 50%;
    padding: 0 25vw;
  display:block !important;
  top:40vh;
}
.cc-dismiss{color:rgb(0, 151, 95) !important; padding-top:1rem !important;}
.cc-allow{color: rgb(255, 236, 0) !important; background-color: rgb(0, 151, 95) !important; margin-bottom:2rem !important;}
.cc-revoke{left:-4rem !important;bottom:5rem !important;transform:rotate(90deg) !important; display:block !important; padding:0.2em !important; font-size:1.1rem !important;}
@media screen and (orientation: landscape){
  
  .cc-compliance{top:57vh;}

}
.news blockquote{
  margin-left: 3rem;
    border-left: 1px solid black;
    padding-left: 1rem;
    font-style: italic;  
}

/* -------------> Media Queries <------------- */

@media screen and (max-device-width: 960px){

 #search{display:none;}
.wrapper{
width: 98%;
}

#banner{
height: auto;
}

#logo{
width: 30%;
height: auto;
}

#topNews{
height: 100%;
width: 66.5vw;
}

#topNews .csc-default{
margin-bottom: 0;
}

section#main {
box-sizing: border-box;
width: 65%;
}

aside#spalteDrei, aside#right{
padding: 0 1rem;
box-sizing: border-box;
width: 35%;
}

}
@media screen and (min-device-width:760px){
/*.nav li:last-child{display:none !important;}*/
}
@media screen and (max-device-width: 872px){
 
footer#footer{
margin-top: 0;
height: 4rem;
width: 100%;
}

footer#footer{position:fixed; bottom:0;}
footer section{width:27rem !important; margin:0 auto;}
footer section.fourCol{float:none;}

#main{margin-bottom:6rem;}

.fourCol, .twoCol{
width: 100%;
}
@media screen and (max-device-width:660px){
  .frame .ce-gallery .ce-column{float:none; width:100%;}  
}
/*-------- iframe google docs ausblenden -----------*/
#main #c64{
display:none;
}

#mailform{
display: none;
}

#footerInfo{
display: none;
}

#footer section{
padding: 1rem 0;
}

#footer ul{
list-style: none;
padding-left: 0;
}

#metaNavigation li{
float: left;
margin-right: 2rem;
}

}


@media screen and (max-device-width: 920px){

section#main{
width: 100%;
margin-top: 2rem;
}

aside#right{
border-top: 2px solid rgb(0,151,95);
float: left;
width: 100%;
}

aside#right h2{
display: none;
}

#kalender{
display: none;
}


section#main, div aside#spalteDrei{
padding: 0 2rem;
box-sizing: border-box;
}

section#main{
  border-box: none;
}


section#main{
margin-top: 2rem;
margin-bottom: 3rem;
}

aside#spalteDrei{
width:auto;
float:none;
padding: 0;
}

}

@media screen and (max-device-width: 600px){
main{
margin-top: 4rem;
}
header#header{
position: fixed;
top: 0;
z-index: 5000;
}
header#header{
  width:100%;
background-color: rgb(0, 151, 95);
-webkit-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.75);
}

#logo{
display: none;
}

#logoMobile {
display: block;
padding: 1rem 0 0 2rem;
width: 6rem;
}

#topNews{
display: none;
}

.toggleMenu{
z-index: 10000;
position: absolute;
top: 0;
right: 0;
}

.toggleMenu img{
padding: 1rem 2rem 0 0;
height: 2.3rem;
width: 2.5rem;
}

#navBar{
height: 1rem;
border-bottom: none;
}

nav#mainNav{
height: auto;
border-bottom: none;
margin-top: 1rem;
}


#mainNav ul li{
float: left;
height: 3.5rem;
width: 100%;
}

#mainNav ul li span{
display: none;
}

#mainNav a{
font-size: 2rem;
padding-left: 0.3rem;
}

#subNavigation{
margin-bottom: 0;
margin-top: 2rem;
}
.news-list-view .header span, .news-single .header h3{
font-size:2rem;  
}


#subNavigation{
margin-bottom: 3rem;
}


footer#footer{
position: fixed;
height: 2rem;
}

#footer section{
padding: 0;
}

#footer ul{
width: 30rem;
margin: 0 auto;
}


}