/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('../fonts/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
       url('../fonts/roboto-condensed-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v16-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

img {
    vertical-align: middle;
}

#main { padding-top: 200px; padding-bottom: 100px; }

.snowfall-flakes { background: #fff  !important; -webkit-box-shadow: 0 0 30px 1px rgba(0,0,0,0.1);
box-shadow: 0 0 30px 1px rgba(0,0,0,0.1);}
.projektitem, .postThumbnaiL { position: relative }
 
.anchor a {
  position: absolute;
  left: 0px;
  top: -180px;
}
.anchor { position: relative; }

#page { background: #fff }

.page-template-default #header, .page-template-page-aktuelles #header { background: #eee; }
.page-template-default #header a, .page-template-page-aktuelles #header a { color: #a71e63 }
.page-template-default #header a:hover, .page-template-page-aktuelles #header a:hover { color: #009fe3; }
.page-template-default #header .current_page_item a, .page-template-page-aktuelles #header .current_page_item a { color: #009fe3; }

#callibox { text-align: center; padding: 30px 0 20px; }



p, ul, ol { font-size: 1.1em; line-height: 1.5em; color: #444; }
p a { color: #009fe3 }

@media screen and (min-width: 1200px) {
#main .row p { padding: 0 200px; }
#main .row .patenitem p { padding: 10px 40px; }
}

#specialAlertBox { background: #fff; position: fixed; bottom: 100px; width: calc(100% - 200px); left: 100px; z-index: 12000 !important; height: calc(100% - 200px); -webkit-box-shadow: 0 0 80px 10px rgba(0,0,0,0.3);
box-shadow: 0 0 80px 10px rgba(0,0,0,0.3); }
#specialAlertBox.hideLayerBox { display: none; }
#specialLayer.hideLayerBox { display: none; }

.specialAlertBoxInner { padding: 50px; }
#specialLayer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 5000; background: rgba(0, 159, 227,.9); }
#specialAlertBox h2 { color: #a71e63; margin: 0 0 20px 0; padding: 0; }

#specialAlertBox blockquote { background: #a71e63; color: #fff; margin: 0; padding: 30px; }
#specialAlertBox blockquote p { color: #fff; }
#specialAlertBox #closeSpecialLayerBox { position: absolute; top: 25px; right: 25px; }
#specialAlertBox #closeSpecialLayerBox { color: #a71e63; text-decoration: none; }

.specialLeft { width: calc(50% - 50px); float: left; }
.specialRight { width: 40%; float: left; margin: 0 0 0 50px; }
#specialAlertBox img { max-width: 100%; height: auto; }

.specialLeft p:first-child { margin-top: 0; }

@media screen and (min-width:  1200px) {
	#specialAlertBox { width: calc(100% - 400px); left: 200px; bottom: 200px; height: calc(100% - 400px); }
}
@media screen and (max-width: 900px) {
	#specialAlertBox { width: calc(100% - 90px); left: 45px; bottom: 45px; height: calc(100% - 90px); }
	.specialAlertBoxInner { padding: 70px 20px 20px 20px; }
	#specialAlertBox h2 { font-size: 1.1em; }
	#specialAlertBox p { font-size: .9em; }
}

.page-id-3 p, .projektcontainer p, .page-id-25 p { padding: 0 !important; }

.page-id-3 blockquote { padding: 0; margin: 0; padding: 25px 40px; border: 4px solid #009fe3; margin: 30px 0 !important; }

.patencontainer { padding: 0 0 100px 0; }

.patenitem { margin: 0 0 30px 0; -webkit-box-shadow: 0 0 70px 10px rgba(0,0,0,0.1);
box-shadow: 0 0 70px 10px rgba(0,0,0,0.1); }
.patenfoto { width: 30%; float: left }
.patenfoto img { width: 100%; height: auto }
.patentext { width: 60%; float: left }
.patenitem p { padding: 10px 40px; margin-top: 0 }
.patenitem h2 { padding: 10px 40px;  margin-top: 15px; margin-bottom: 0px; color: #009fe3; }
.patenitem h5 { padding: 10px 40px;  margin-top: 0px; margin-bottom: 20px; font-weight: 700; font-size: 1.2em  }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.projektcontainer { padding: 0 0 150px 0; }
.projektcontainer .projektitem img {  }

.postThumbnaiL { max-width: 400px; float: right; height: auto; margin: 0 0 40px 40px;  }
.postThumbnaiL img { max-width: 100%; height: auto; }

.projektitem  { -webkit-box-shadow: 0 0 70px 10px rgba(0,0,0,0.1);
box-shadow: 0 0 70px 10px rgba(0,0,0,0.1); margin: 0 0 40px 0;padding: 40px; }
.projektitem h4 { font-size: 2.4em; color: #009fe3; margin-top: 0; margin-bottom: 20px; }

.credits { color: #666; font-size: 12px; padding: 6px 0 0 0; text-align: right; }

body {
	background: #eee;
	margin: 0;
	padding: 0;
	font-family: 'Roboto Condensed', Arial, sans-serif;
	font-weight: 400;
}

h2 { font-size: 2.4em }


.imageCaption { font-size: 13px; padding-top: 5px; color: #888 }

#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 200;
	height: 170px;
}

#header,#navbox, #header.isFixed #logobox, #header.isFixed #logobox img {
	 -webkit-transition: ease-out .5s;
    -moz-transition: ease-out .5s;
    -o-transition:  ease-out .5s;
    transition: ease-out .5s;
}


#logobox {
	position: absolute;
	left: 50px;
	top: 50px;
}

#navbox { position: fixed; top: 70px; right: 30px; font-weight: 700; font-size: 20px; }
	#navbox ul li { display: inline-block; margin: 0 20px; }
	#navbox ul li a {  color: #fff; text-decoration: none; }



#header.isFixed { background: rgba(255,255,255,.9);  height: 150px}
#header.isFixed ul li a { color: #009fe3; }

#header.isFixed #logobox  { top: 30px;}
#header.isFixed #logobox img { max-width: 200px; }
#header.isFixed #navbox  { top: 20px; }
#header.isFixed #navbox.active  { top: 0px; }
#navbox.active .menu-mutige-kinder-main-menu-container { padding: 59px 0 0 0; }



#stage {
/*	background: #009fe3 url("../img/stage/mutigekinder-stage.jpg");
*/	background: #009fe3 url("../img/stage/mutige-kinder-stage-zirkus.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
	width: 100%;
	position: relative;
}

#stage-button a, .swiper-slide::after {
	-webkit-transition: all .3s ease-in-out;
	  -moz-transition: all .3s ease-in-out;
	  -o-transition: all .3s ease-in-out;
	  transition: all .3s ease-in-out;
}

#stage-text {
	position: absolute;
	width: 600px;
	left: 50%;
	margin-left: -300px;
	text-shadow: 0 0 20px #000;

	text-align: center;
	color: #fff;
	bottom: 40px;
}

#stage-button {
	position: absolute;
	bottom: -30px;
	left: 50%;
	width: 300px;
	margin-left: -150px;
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;

}

#stage-button a { display: block; background: #a71e63; color: #fff; 
	height: 60px; line-height: 60px; font-size: 22px; text-decoration: none; -webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; padding: 0px 20px;
}

#stage-button a:hover {
	background: #009fe3;
}

.default-section {
	padding: 60px 0;
}

.wp-block-button__link { background-color: #09c600; }

.headline-wrapper { text-align: center; }

#news-slider h2 {
	color: #09c600;
	position: relative;
}
#news-slider h2::after {
	content: '';
	position: absolute;
	width: 90px;
	left: 50%;
	margin-left: -45px;
	height: 4px;
	background: #09c600;
	bottom: -20px;
	display: block;
}

#forderContainer a { position: fixed; right: 0; bottom: 150px; color: #fff; background-color: #e6007e; display: block; padding: 20px 30px; font-family: 'Roboto Condensed';
  font-style: normal; -webkit-border-radius: 7px 0 0 7px; border-radius: 7px 0 0 7px;
  font-weight: 700; text-decoration: none; z-index: 1000 }

  #forderContainer a:hover {
  	background-color: #a71e63;
  }

.mutige-kinder-news { padding: 50px 0; position: relative; }

#news-slider { height: auto; position: relative; }


@media screen and (max-width: 1600px) {
	#navbox { font-size: 15px; }
}


@media screen and (min-width: 1480px) {
#news-slider { height: auto; }
}

.news-swiper { position: relative; }
/* NEWS Slider */
	.swiper-slide {
      text-align: left;
      font-size: 18px;
      background: #fff;
      width: 20%;
    }

    .swiper-container { padding-bottom: 30px; }

.swiper-pagination {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}

.swiper-slide {
	background: #a71e63;
	color: #fff;
	position: relative;
}

.swiper-slide::after {
width: 100%;
height: 0px;
display: block;
content: '';
position: absolute; 
bottom: 0px;
left: 0;
}

.swiper-slide-active {
	background: #09c600;
}

.swiper-slide-active::after {
width: 100%;
height: 20px;
display: block;
content: '';
position: absolute; 
bottom: -20px;
left: 0;
background: #09c600;

}

.introContainer .row { padding: 50px 200px 0; text-align: center; }

.introSub { background: #fff; padding-bottom: 40px; }

.introSub h2 { color: #a71e63;  }

.news-teaser-image img { width: 100%; height: auto; }

.news-teaser-text { padding: 0 40px 100px;  }
	.news-teaser-text h3 { font-size: 1.5em; }

	.news-teaser-more { position: absolute; bottom: 50px; left: 40px }

.news-teaser-more a { color: #fff; text-decoration: none; font-weight: 700;
border: 2px solid #fff; padding: 15px 25px; font-size: 1em; -webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; }

.swiper-pagination-bullet { width: 16px; height: 16px; margin: 0 4px; background: #009fe3; opacity: .9 }
.swiper-pagination-bullet:focus { outline: none; }

.swiper-pagination-bullet-active { background: #09c600; opacity: .9 }

.row { max-width: 1180px; margin: 0 auto; }

.section-about { padding: 50px 0 }
.section-about .row { background: #a71e63; position: relative; }

.section-about p { font-size: 1.1em; line-height: 1.6em }
.section-about p a { color: #fff; text-decoration: none; }

.section-about p a { text-decoration: underline; }

.section-about h2 { margin-top: 0; font-size: 1.8em }

.logo-icon-content { position: absolute; right: -30px; bottom: -30px; }
.logo-icon-content img { width: 120px; height: auto }

.section-about { margin: 0 0 90px 0; }
.section-about img { max-width: 100%; height: auto; }

.section-about .column-right-inner p:last-child { margin-bottom: 40px; }

.column-right-inner { padding: 30px 140px 0 40px; color: #fff; }
.column-right p { color: #fff }

.column-left { float: left; width: 50%; }
.column-right { float: left; width: 50%; }

#footer { background: #a71e63; padding: 30px; color: #fff; text-align: center;}
#footer a { color: #fff; text-decoration: none; }

.zitat-master { padding: 0 0 0 200px; position: relative; }
.zitat-master img { width: 100% }

.zitatbox { padding: 60px 0 80px 0;  background-color: #fff; }

.zitat-body { background: #09c600; position:  absolute; top: 100px; left: 0; width: 40%; border-bottom: 20px solid #009fe3; }

.boxFaisal .zitat-body { background: #cc3e5f; }

.copyright-image { text-align: right; color: #888; padding-top: 10px; font-size: 10px }

.zitat-body p { color: #fff; padding: 40px 50px 10px 50px; margin: 0; font-size: 1.5em; font-style: italic; }
p.author { font-size: 1.2em; padding-bottom: 50px; }


#mobilenavcontroller {
		display: none;
		margin: 0;
		right: 60px;
		width: 30px;
		height: 30px;
		position: absolute;
		top: 57px;
		z-index: 99999;
	}
	
	#mobilenavcontroller span {
		display: block;
		width: 30px;
		height: 3px;
		background: #fff;
		position: absolute;
		top: 2px;
		-webkit-transition: all .3s ease-in-out;
		 -moz-transition: all .3s ease-in-out;
		 -o-transition: all .3s ease-in-out;
		 transition: all .3s ease-in-out;
		 
	}



	#header #mobilenavcontroller span { background: #009fe3; }
	#header #mobilenavcontroller.activeController span { background: #fff; }
	#header  ul { margin: 0; }

	.page-id-8 #header #mobilenavcontroller span { background: #fff; }
	.page-id-8 #header.isFixed #mobilenavcontroller span { background: #009fe3; }
	#header.isFixed #mobilenavcontroller.activeController span { background: #fff; }

	#mobilenavcontroller span:nth-child(2n) {
		top: 14px;
	}
	#mobilenavcontroller span:nth-child(3n) {
		top: 26px;
	}
	
	#mobilenavcontroller.activeController span {
		background: #fff;
	}
	#mobilenavcontroller.activeController span:nth-child(2n) {
		display: none;
	}
	#mobilenavcontroller.activeController span:first-child {
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 15px;
	}
	#mobilenavcontroller.activeController span:nth-child(3n) {
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 15px;
	}

	#navbox.active {
    display: none;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #009fe3;
    height: 100%;
	}

	#navbox.active ul li { display: block; list-style-type: none; } 



.teamitem, .partneritem { width: 32%; float: left; margin: 0 2% 0 0; }
.teamitem h4 { color: #009fe3; font-size: 2em; margin: 0; }
.teamitem h6, .teamitem h5 { color: #e6007e; font-size: 1em; margin: 0;}

.teamitem.team5 { width: 18%; float: left; margin: 0 2% 0 0; }
.teamitem.team4 { width: 22%; float: left; margin: 0 4% 0 0; height: 370px; }

.teamcontainer div .team4:nth-child(4n) { margin-right: 0 }

.teamcontainer.schirmherr .teamitem { width: 50%; float: none; margin: 0 auto !important;  text-align: center;}
.teamcontainer.schirmherr .teamitem { text-align: center; margin-bottom: 50px !important }



.teamitem.team5 img { width: 100%; height: auto }

.teamcontainer.schirmherr { padding-top: 60px }

.teamitem img { width: 100%; height: auto }

.teamcontainer > div > .teamitem:last-child, .partnercontainer > div >  .partneritem:nth-child(3n) { margin-right: 0 }
.teamfoto { padding: 0 0 20px 0 }

.partnercontainer { padding: 0 0 100px 0 }
.partneritem { text-align: center; height: auto; position: relative; display: flex }
.partneriteminner { padding: 60% 0 0 0; background: #eee; }

.headline-row { color: #009fe3; text-decoration: none; text-align: center; font-size: 1em; padding: 60px 0 20px; }
.headline-row h1 { color: #e6007e; font-size: 2em; }
.headline-row h2 { font-size: 2em;  }

.partnerlogo { position: absolute; display: flex; width: 100%; height: 100%  }
.partnerlink { position: absolute; top: 0; left: 0; width: 100%; height: 100% }

.partnerlogo img { max-width: calc(100% - 60px); height: auto !important; margin: auto; max-height: 100%; }

.partneritem.mh1 .partnerlogo img { width: auto; max-height: calc(100% - 40px); }
	.current_page_item a {  }


@media screen and (min-width: 1600px) {

	.section-about .row { max-width: 1500px; }

}

@media screen and (max-width: 1450px) {
	.row { max-width: 85% }
	#navbox { display: none; }

	#mobilenavcontroller { display: block; }
	#header.isFixed ul li a { color: #fff; }

	#navbox a { color: #fff !important; }
	#navbox li { margin-bottom: 15px !important; }


	#navbox li.current_page_item a { border-bottom: 3px solid #fff; }

}


@media screen and (max-width: 1111px) {
	.swiper-slide { width: 40%; }

	.zitat-body { top: 10px; width: 50% }
}

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

	.introContainer .row { padding: 90px 50px 0; text-align: center; }

	h2 { font-size: 2em }
	
	.zitat-body {    
	 position: relative;
    top: auto;
    margin-top: -100px;
    left: 10%;
    width: 80%; }
    
	.zitat-master { padding-left: 0 }

	.section-about .column-left { float: none; width: 100%; }
	.section-about .column-left img { width: 100%; height: auto }
	.section-about .column-right { float: none; width: 100%; }
	.section-about .row { padding: 50px; }
	.section-about { background: #fff; }
	.section-about .column-right .column-right-inner { padding-right: 30px; padding-bottom: 100px; }

	.logo-icon-content {
    position: absolute;
    right: 50%;
    width: 100px;
    margin-right: -50px;
    bottom: -30px;
	}

	.teamitem h4 { font-size: 1.4em; margin: 0; }
	.partneritem { float: none; width: 100%; margin: 0 auto; padding: 30px 0; }

	#stage { height: 400px; }
	#stage-text { position: absolute; top: auto; width: calc(100% - 100px); margin: 0 50px; bottom: 40px; left: 0;  }
	#stage-text h1 { font-size: 1.5rem }
}

@media screen and (min-width: 1200px) {
	#stage { height: 700px; }
}

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

	.teamitem, .teamcontainer.schirmherr .teamitem { width: 80%; margin: 0 auto; float: none; margin: 0 auto; margin-bottom: 40px; margin-right: auto !important; }

	.teamitem.team5, .teamitem.team4 { width: 80%; float: none;  margin: 0 auto; margin-bottom: 40px; height: auto;}

	.patenitem { width: 70%; margin: 0 auto; margin-bottom: 50px; padding-bottom: 40px; }
	.patenitem .patenfoto, .patentext { width: 100%; float: none; }
	.patenitem h5 { margin-bottom: 0;  }


	
	.projektcontainer .projektitem img { float: none; width: 100%; max-width: 100%; height: auto; padding: 20px 0; margin: 0; }


	#logobox img { max-width: 180px; height: auto }
	#logobox  { left: 30px; }

	#header.isFixed { height: 111px; }

	#header.isFixed #mobilenavcontroller {
    	right: 30px;
    	top: 43px;
	}

}



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

	.swiper-slide { width: 80%; }

	.patenitem { width: 90% !important; }


	.projektitem h4 { font-size: 1.4em }

	#mobilenavcontroller { right: 30px; }

	#header ul { padding-left: 0 }
	#header ul li { padding-left: 0; margin-left: 30px; }

	#navbox.active ul li { max-width: 150px; }

}

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

	#callibox video {
	    max-width: 90%;
	    height: auto;
	}

	#callibox { padding: 80px 0 0; }
	
	.headline-row h1 { font-size: 1.4rem }
	.postThumbnaiL { margin: 0; width: 100%; }
	
	.projektitem h4 {
	    font-size: 1.4em;
	    margin: 0;
	    padding: 0 0 15px 0
	}
	
	#forderContainer a {
	    position: fixed;
	    right: 50%;
	    margin-right: -140px;
	    bottom: 0;
	    width: 280px;
	   text-align: center;
	    padding: 15px 0;
	    -webkit-border-radius: 7px 7px 0 0;
	    border-radius: 7px 7px 0 0;
	    z-index: 222200000 !important;
	    
	}
}

@media screen and (max-width: 560px) {
	#forderContainer a {
	width: 200px;
	margin-right: -100px;
	font-size: .8rem !important
	}
}

.wp-block-group.content-logo-banijay .wp-block-group__inner-container {
	width: 70%; 
	margin: 40px 0 0 0;
	text-align: left
} 

#page .banijay-group .wp-block-columns-is-layout-flex {
	gap: 6em !important;
}
.wp-block-buttons.is-layout-flex a {
	background: #333
}
.wp-block-buttons.is-layout-flex a:hover {
	background: #ff4370
}

.radtour-group { padding: 30px 0 0 0 }
.radtour-group h2 { margin: 0 0 10px 0; font-size: 1.6rem; color: #009fe3 }

.mutigekinderswiper img { width: 100%; height: auto }

.mutigekinderswiper .swiper-button-next::after, .swiper-rtl .swiper-button-prev::after {
  color: #fff;
}
.mutigekinderswiper .swiper-button-prev::after, .swiper-rtl .swiper-button-prev::after {
   color: #fff;
}

.mutigekinder-gallery { position: relative; overflow: hidden; border: 0px solid #f90  }


.projektitem img { max-width: 100%; height: auto}



.custom-post-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 20px;
}

.custom-post-item {
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    box-sizing: border-box;
}

.post-image img {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

.post-title {
    margin: 10px 0;
    font-size: 1.2em;
}

.post-date {
    font-size: 0.9em;
    color: #888;
}

.read-more {
    display: inline-block;
    margin-top: 10px;
    color: #0073aa;
    text-decoration: underline;
}

.latest-news-home .post-image {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1; /* Macht es quadratisch */
    overflow: hidden;
    border-radius: 6px;
}

.latest-news-home .post-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}


.latest-news-home .post-image:hover img {
    transform: scale(1.05); /* Leichter Zoom-Effekt */
}


.latest-news-home .post-date {
	padding: 20px 0 10px 0
}

.latest-news-home h3.post-title  a {
	color: #009fe3;
	text-decoration: none;
	font-size: 2rem
}
.latest-news-home h3.post-title  a:hover {
	color: #e6007e;
}

.post-read-more a {
	background:#009fe3;
	color: #fff;
	padding: 10px 20px;
	text-decoration: none ;
	border-radius: 5px;
}
.post-read-more a:hover {
	background:  #e6007e;
}


/* Mobil: 1 Spalte */
@media (max-width: 768px) {
    .custom-post-grid {
	grid-template-columns: 1fr;
    }
}

.latest-news-header {
	text-align: center;
	padding: 50px 0 20px 0;
	color: #009fe3
}



.mk-instagram {
    position: fixed;
    left: 20px;
    bottom: calc(20px + env(safe-area-inset-bottom, 0px));
    z-index: 999;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;
    box-sizing: border-box;
    border-radius: 50%;

    background: #0079bd;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 4px 16px rgb(0 0 0 / 18%);

    transition: background-color 0.2s ease;
}

.mk-instagram:hover {
    background: #005f96;
    color: #fff;
}

.mk-instagram:focus-visible {
    outline: 3px solid #0079bd;
    outline-offset: 4px;
}

.mk-instagram svg {
    display: block;
    flex-shrink: 0;
}


.call-to-action-wrapper {
	padding: 0 0 50px 0
}
.call-to-action-wrapper a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    padding: 16px 26px;
    border: 2px solid transparent;
    border-radius: 8px;

    background: #0079bd;
    color: #fff;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    text-decoration: none;

    box-shadow: 0 4px 14px rgb(0 121 189 / 20%);
    transition:
	background-color 0.2s ease,
	box-shadow 0.2s ease;
}

.call-to-action-wrapper a:hover {
    background: #005f96;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 6px 20px rgb(0 121 189 / 30%);
}

.call-to-action-wrapper a:focus-visible {
    outline: 3px solid #0079bd;
    outline-offset: 4px;
}