/* ----------Merriweather Font lokal */
/* merriweather-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/merriweather-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../Fonts/merriweather-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/merriweather-v30-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../Fonts/merriweather-v30-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../Fonts/merriweather-v30-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../Fonts/merriweather-v30-latin-regular.svg#Merriweather') format('svg'); /* Legacy iOS */
}
@media (min-width: 300px){
#main {
    text-wrap: wrap !important;
  }
}

a{
text-decoration: none !important;
font-style: italic !important;
color: #00457a !important;
}
a::before {
  content: ">>";
}
/* ----------------Footer Menü */
.content-footer2{
background-color: #a0864f !important;
color: #fff !important;
}

/* ----------------Accordion Styling */
.frame-collapse .header-group{
	margin-bottom: 20px !important;
}
.frame-collapse .ce-textpic{
    margin-top: -20px !important;
    padding: 10px;
    border: 5px solid #ecddc5;
	margin-bottom: 20px;
}
.frame-collapse header h3{
	font-family: 'Merriweather' !important;
	font-weight: bolder !important;
	color: #00457a !important;
	hyphens: auto !important;
}
.frame-collapse header h4{
color: #00457a !important;
font-weight: normal !important;
}

/* ----------responsive Accordion */
@media (max-width: 768px) {
  [class*="_xs-12"]
{
    width: 100% !important;
  }
}

@media (min-width: 300px){
.frame-collapse header h3{
	font-size: 0.7rem !important;
 }
.frame-collapse header h4{
font-size: 0.7rem !important;
}
}
	
@media (min-width: 500px){
.frame-collapse header h3{
	font-size: 0.8rem !important;
 }
.frame-collapse header h4{
font-size: 0.8rem !important;
}
}

	@media (min-width: 600px){
.frame-collapse header h3{
	font-size: 0.9rem !important;
 }
.frame-collapse header h4{
font-size: 0.9rem !important;
}
}
	
@media (min-width: 768px){
.frame-collapse header h3{
	font-size: 1rem !important;
 }
.frame-collapse header h4{
font-size: 1rem !important;
}
}
	
span.maxl{
font-family: 'Merriweather' !important;
font-weight: bolder !important;
color: #00457a !important;
}

/* ------------ Lange Links umbrechen */
.frame-collapse .ce-bodytext a{
word-wrap: break-word;
}

.frame-collapse header{
background-color: #ecddc5 !important;
}

#c276{
padding: 10px;
margin: 0px auto 20px auto;
}
#c276 p{
text-align: center !important;
hyphens: none !important;
}
#c277 .ce-bodytext p{
background-color: #00457a;
color: #ba8f2c;
padding: 10px;
margin: 10px auto;
text-align: center !important;
}
#c279 p, #c280{
background-color: #ecddc5;
color: #00457a;
padding: 10px;
margin: 10px auto;
text-align: center !important;
}
#c283{
background-color: #ecddc5;
font-size: 0.8rem;
color: #00457a;
padding: 10px;
margin: 10px auto;
text-align: left !important;
}

#c278 p, #c285 p, #c284 p{
background-color: #ecddc5;
color: #00457a;
padding: 10px;
text-align: center !important;
}
#c278{
margin-bottom: 20px !important;
}
.frame-collapse a:hover{
color: #ba8f2c !important;
}
.frame-collapse .Blocksatz{
text-wrap: wrap !important;
}
/* -----------Antworten Texte */
#c268 .ce-bodytext p, #c274 .ce-bodytext p, #c270 .ce-bodytext p,
#c269 .ce-bodytext p, #c272 .ce-bodytext p, #c271 .ce-bodytext p{
text-align: left !important;
hyphens: auto !important;
width: 100% !important;
}
#c268 .ce-bodytext, #c274 .ce-bodytext, #c270 .ce-bodytext,
#c269 .ce-bodytext, #c272 .ce-bodytext, #c271 .ce-bodytext{
text-wrap: wrap !important;
}
#c268 img, #c274 img, #c270 img,
#c269 img, #c272 img, #c271 img{
max-width: 256px !important;
width: auto !important;
}

/* ---------- Abstand oben weg */
.header-fixed .content-header{
z-index: 0 !important;
}
.header-fixed main{
padding-top: 40px !important;
}
#c275{
margin-top: -40px !important;
z-index: 2000 !important;
}
.scrollToTop{
display: none !important;
height: 0 !important;
}

#c285, #c284{
margin-top: -40px;
}
/* ----------------- Hamburger-Menü weg */
@media (max-width: 768px){
	.main-menu-btn{
		visibility: hidden;
		display: none;
		height: 0;
        width: 0;
	}
}

/* ----------------Bilder untereinander auf Handy */
@media (max-width: 767px){
	#c277 .ce-column{
		float: none;
        width: 100%;
		max-height: 407px !important;
		height: auto !important;
		}
	#c277 img, #c277 .image{
	max-width: 407px;
 	height: auto !important;
	min-height: auto !important;
    }
	[data-ce-columns="3"] 
	.ce-column{
    width:100% !important;
	}
}
/* ------------Datenschutz-Hinweis und Impressum*/
#page-62 .header-service, #page-62 .wrapper-logo,
#page-7 .header-service, #page-7 .wrapper-logo,
#page-1 .header-service, #page-1 .wrapper-logo{
display: none;
visibility: hidden;
height: 0;
width: 0;
}
#page-62 .content-rootline,
#page-7 .content-rootline{
display: none;
visibility: hidden;
height: 0;
width: 0;
}
#c286 .KleinerAbsatz-schwarz, #c286 p{
color: #00457a !important;
}



/* ----------Alles zu News- Anfang */
#page-1 .news-list-view a h3{
color: #006699 !important;
margin: 0 auto 0 auto !important;
text-align: left !important;
font-size: 0.8rem !important;
line-height: 1.2rem !important;
}
#page-1 .news-list-view a{
text-decoration: none !important;	
}
#page-1 .news-list-view a h3:hover{
color: #33cc00 !important;	
}
#page-1 .news .wrapper-card p{
font-size: 0.8rem;
line-height: 1.2rem;
}
	
/* News Liste Startseite */
@media (min-width: 1025px){
#page-1 .news-list-view.layout-2 > div{
flex: 0 0 24% !important;
padding-right: 12px !important;
padding-left: 12px !important;
min-width: auto !important;
max-width: 24% !important;
}
}

/* News allgemeine Listenansicht */
.news-list-view.layout- h3 a{
font-size: 0.8rem;
text-decoration: none;
color: #006699;
}
.news-list-view.layout- h3{
line-height: 1rem !important;
}
.news-list-view.layout- .teaser-text p{
font-size: 0.8rem;
line-height: 1.1rem;
}
.news-list-view.layout- .more{
font-size: 0.8rem;
text-decoration: none;
color: #006699;
}
.news-list-view.layout- .more:before{
content: ">>";
font-size: 0.8rem;
text-decoration: none;
color: #006699;
}
.news-list-view.layout- .footer{
border-top: none !important;
margin-top: 0 !important;
padding-top: 0 !important;
border-bottom: 2px solid #eee;
}
.news-list-view.layout- .footer p{
text-align: left;
}
.news-list-view.layout- .footer p .news-list-category{
visibility: hidden !important;
height: 0;
display: none;
}
.news-list-view.layout- .footer p .news-list-date{
border-right: none !important;
padding-right: 0 !important;
padding-bottom: 10px !important;
}

/* News Detailseite */
/* Liste ausblenden - blendet auf Detail- und Listenansicht aus!
.frame-type-news_newsdetail + .frame-type-news_newsliststicky{
visibility: hidden;
height: 0;
display: none;
}
*/

.news-single .article{
/* background-image: url("../../../../../../fileadmin/EbeChancenAdmin/Hintergrundbilder/Papier-Hintergrund.png"); */
clear: both;
}
.news-single .my-article{
padding: 12px;
border: 1px solid #eee;
margin-bottom: 24px;
}
.news-single .article .news-related-wrap{
margin: 0;
border: none;
}
.news-single .ce-in-article{
clear: both;
}
.news-single  h1{
font-size: 1.2rem;
line-height: 1.5rem;
color: #006699;
}
.news-single .article .teaser-text p{
font-size: 0.8rem;
line-height: 1.1rem;
text-align: justify;
hyphens: auto;	
}
.news-single .article .news-img-wrap .outer{
margin-bottom: 12px !important;
}
.news-single .article .news-img-wrap{
margin: 0 0 0 0 !important;
}
.news-single .article .news-text-wrap p{
font-size: 0.8rem;
line-height: 1.1rem;
margin: 12px 0;
}
.news-single .news-backlink-wrap a{
font-size: 1.2rem;
line-height: 1.5rem;
color: #006699;
text-decoration: none;
}
.news-single .news-backlink-wrap:before{
content: ">>";
color: #006699;
}
/* Bild zu Teaser auf Detailseite */
.news-single .article .news-img-wrap{
width: 30% !important;
float: left !important;
margin-left: 0 !important;
margin-right: 12px !important;
margin-bottom: 12px !important;
}
.news-single .article .news-img-wrap figcaption{
font-size: 0.6rem;
line-height: 0.9rem;
width: inherit;
text-align: justify;
hyphens: auto;
word-spacing: -1px;
}
/*
@supports (hyphens: auto) {
 .news-single .article .news-img-wrap figcaption{
}
}
*/

/* News Accordion (collapse mit h3 Überschrift, textmedia) */
.news-single .frame-collapse > header{
padding: 0 12px;
min-height: auto;
}
.news-single h3{
font-size: 1rem;
color: #006699;
}
.news-single header h3 button:before{
font-size: 1rem;
color: #006699;
top: 0;
}
.news-single header h3 button{
padding-right: 35px;
}
.news-single .ce-bodytext p{
font-size: 0.8rem;
line-height: 1.1rem;
text-align: justify;
hyphens: auto;
}

.news-single .ce-gallery figcaption{
font-size: 0.6rem;
line-height: 0.9rem;
text-align: justify;
display: block;
width: inherit;
hyphens: auto;
word-spacing: -1px;
}
/*
@supports (hyphens: auto) {
.news-single .ce-gallery figcaption{
	color: green;
}
}
*/
.news-single .ce-gallery .ce-column{
margin-bottom: 2px;
}


/* ----------Alles zu News- Ende */


/* ----------Header Image nicht 100vw, sondern max 1280 */
.header-image .ce-column img, .header-image img{
width: 100% !important;
max-width: 1280px !important;
margin: 0 auto !important;
}


/* ----------Scroll To Top Button Farbe */
.scrollToTop, .scrollToTop a{
background: #006699 !important;
border-color: #006699 !important;
transition: none !important;
}
.scrollToTop:hover, .scrollToTop:focus, .scrollToTop a:hover, .scrollToTop a:focus{
background: #33cc00 !important;
border-color: #33cc00 !important;
transition: none !important;
}


/* ----------Hamburger Menü Farbe */
.main-menu-btn-icon, .main-menu-btn-icon:after, .main-menu-btn-icon:before{
background: #006699 !important;
}



/* ----------Startseite - Anfang */
/* Logo nicht anzeigen */
#page-1 .wrapper-logo img{
visibility: hidden !important;
height: 0 !important;
transition: none !important;
}
#page-1 h2{
text-align: center;
margin-bottom: 10px;
color: #006699 !important;
background-color: #eee !important;
padding: 12px !important;
font-size: 1.3rem !important;
}
#page-1 .ce-bodytext p,
#page-1 .frame p{
margin-bottom: 0px !important;
text-align: justify;
hyphens: auto;
}

#page-1 .news-list-view {
margin-bottom: 0 !important;
}
#page-1 .frame-space-before-medium{
padding-top: 10px !important;
}
/* Termine Tabelle Startseite */
#page-1 .ce-table{
font-size: 0.8rem !important;
line-height: 1.2rem !important;
}
#page-1 .ce-table td{
padding: 5px !important;
}
#page-1 .frame-type-table{
margin-bottom: 0px;
}

/* ----------Startseite - Ende */


/* ----------Hauptmenü vertikal Anfang */
#main-menu-v a, #main-menu a{
color: #006699 !important; 
padding: 0 0 5px 12px !important;
}
.sm-clean {
background: #eee !important;
}
#main-menu-v li a:hover, #main-menu-v > li.current > a,
#main-menu li a:hover, #main-menu > li.current > a{
background: white !important;
color: #33cc00 !important;
}
/* immer zwei Ebenen anzeigen */
.sm-clean li .has-submenu + ul{
display: block !important;
position: relative !important;
margin-left: 12px !important;
border: none !important;
box-shadow: none !important;
width: auto !important;
}
.sm-clean li .has-submenu .sub-arrow{
visibility: hidden !important;
display: none !important;
}

/* Menü Ebene 2 fett */

#main-menu-v > li > ul > li > a, 
#main-menu > li  > ul > li > a{
font-weight: bold !important;

}

/* ----------Hauptmenü vertikal Ende */


/* ----------Metamenü - Anfang */
.content-footer2, .content-footer2 a{
text-decoration: none !important;
}
.content-footer2 a:hover{
color: #ecddc5 !important;
}
/* ----------Metamenü - Ende */

/* ----------breadcrumb Anfang */
.content-rootline{
background-color: #00669911 !important;
margin-top: 12px;
}
.content-rootline a{
color: #006699 !important;
text-decoration: none !important;
}
.content-rootline a:hover, 
.content-rootline a:visited, 
.content-rootline a:active{
color: #33cc00 !important;
text-decoration: none !important;
}
/* ----------breadcrumb Ende */

/* ----------Werbekunden Footer Anfang */
.content-footer{
background-color: #798989 !important;
color: #00457a !important;
}
/* ----------Werbekunden Footer Ende */

/* ----------flexslider Anfang */
.flexslider {
margin: 0 0 0 0 !important;
border: none !important;
}
/* ----------flexslider Ende */

/* ----------indexed_search Anfang */
.search-hide-btn, .search-hide-btn:visited{
color: #006699 !important;
}
.search-hide-btn:hover, .search-hide-btn:focus{
color: #33cc00 !important;
}
.wrapper-search button,
#tx_indexedsearch .input-group-btn button{
background: #006699 !important;
border-color: #006699 !important;
}
.wrapper-search button:hover,
#tx_indexedsearch .input-group-btn button:hover{
background: #33cc00 !important;
border-color: #33cc00 !important;
}
.tx-indexedsearch-res h3 .tx-indexedsearch-title a{
color: #006699 !important;
font-size: 1rem !important;
text-decoration: none !important;
}
.tx-indexedsearch-res h3 .tx-indexedsearch-title a:hover{
color: #33cc00 !important;
}
.tx-indexedsearch-res .tx-indexedsearch-description{
font-size: 0.8rem !important;
}
.tx-indexedsearch-info-sword-word:before{
content: open-quote;
}
.tx-indexedsearch-info-sword-word:after{
content: close-quote;
}

/* ----------indexed_search Ende */

/* ----------Seite 404 - Anfang */
/* Logo nicht anzeigen */
#page-18 .wrapper-logo img{
visibility: hidden !important;
height: 0 !important;
transition: none !important;
}
#page-18 .wrapper-logo a{
visibility: hidden !important;
height: 0 !important;
transition: none !important;
}
#page-18 .wrapper-logo{
visibility: hidden !important;
height: 0 !important;
transition: none !important;
}
/* ----------Seite 404 - Ende */

/* -----------------------------------------------------------------------------------------April 2024 für Zauberflöten */
/* obere Reihe */
#c297 p, #c298 p, #c299 p, #c301 p{
text-align: center !important;
}
#c276, #c302, #c280, #c284, #c285, #c283{
background-color: #7e91bb !important;
padding: 10px;
}
#c307 { 
background-image: linear-gradient(#2a57a2, #7e91bb);
padding: 10px;
}
#c284 p, #c285 p{
background-color: transparent !important;
padding: 0 !important;
margin-bottom: 0 !important;
}
#c307 {
margin-bottom: 15px;
}
/* Logo Banner */
#c293, #c304 {
background-color: #2a57a2; 
padding:15px;
margin-bottom: 15px;
}
#c293 .ce-column, #c304 .ce-column{
margin-bottom: 0;
}
@media (max-width: 430px){
#c293 img, #c304 img{
	width: auto;
	max-width: 90% !important;
}
}
@media (min-width: 432px){
#c293 img, #c304 img{
	width: auto;
	max-width: 350px !important;
}
}
#c276 p, #c302 p, #c280 p, #c284 p, #c307 p {
color: white;
text-align: center !important;
}
#c283 p, #c285 p, #c283 li, #c285 li{
color: white;
}
.frame-ease-in{
margin-bottom: 20px;
}
.frame-ease-in p, .image-caption, #c97 p, #c97 h3, #c97 a{
color: #7391bb !important;
font-size: 1rem;
}
.image-caption{
display: block;
margin: 5px auto;
}
.ce-column {
margin-bottom: 0 !important;
}
.content-footer2 a, #c280 a, #c284 a, #c283 a, #c285 a{
font-style: normal !important;
color: white !important;
}
.content-footer2 a:hover, #c280 a:hover, #c284 a:hover, #c283 a:hover, #c285 a:hover{
font-style: normal !important;
color: #2a57a2 !important;
}
#c283 p, #c283 li{
line-height: 17px;
}
#c303{
margin-top: 12px;
}
#page-18 .content-rootline{
display: none;
visibility: hidden;
height: 0;
}
/* Hinweisschildchen */
#c305, #c306{
background-color: #9097ad;
padding: 10px;
margin-bottom: 13px;
text-align: center;
}
#c305 p, #c306 p {
color: white;
font-size: 0.8rem;
line-height: 0.9rem;
text-align: center !important;
}
#c305 h2, #c306 h2{
background-color: transparent !important;
font-size: 1rem !important;
line-height: 1.2rem !important;
color: white !important;
padding: 0 !important;
margin: 0 !important;
}
/* Startseite */
#page-1 .header-fixed main{
padding-top: 0 !important;
}
/* Bild neben Logo nach unten, wenn kleiner Bildschirm */
@media (max-width: 841px){
	#c293 .ce-column:nth-child(2){
	  float: none;
      }
	#c293 .ce-column {
	 margin: 0 auto !important;
     float: none;
     width: 100%;
	}
}
/* ------------------------Upgrade auf Typo3 13.4 */
.zauberfloeten #c308 .image img{
aspect-ratio: 1250 / 350 !important;
width: auto !important;
max-width: 1250px !important;
}
/* Workaround footer, Menü wird nicht ausgelesen */
.content-footer2{
width: 0;
height: 0;
visibility: hidden;
display: none;
}
#c311 p{
margin: 10px 0;
	padding: 10px;
	background-color: #A0864F;
	color: white;
}
#c311 p a{
	color: white !important;
}
/* Workaround Menü oben - soll weg */
.content-header{
width: 0;
height: 0;
visibility: hidden;
display: none;
}
/* Workaround Bildgröße Zauberflöten-Auftritt */
#c314{
background: #2A57A2;
	margin-bottom: 12px;
}
#c314 figcaption{
color: white !important;
text-align: center;
	padding-bottom: 10px;
}
#c314 img{
padding: 10px 0;
}