/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/

@font-face {
        font-family: "Helvetica-Neue";
        src: url("https://fzoftest.petrabruder.de/wp-content/themes/x-child/fonts/HelveticaNeueMedium.ttf") format("truetype");
		src: url('https://fzoftest.petrabruder.dewp-content/themes/x-child/fonts/HelveticaNeueMedium.woff2') format('woff2'); /* Super Modern Browsers */

    }
@font-face {
        font-family: "Helvetica-Neue-Bold", sans-serif;
        src: url("https://fzoftest.petrabruder.de/wp-content/themes/x-child/fonts/HelveticaNeueBold.ttf") format("truetype") font-weight: bold;
		src: url("https://fzoftest.petrabruder.de/wp-content/themes/x-child/fonts/HelveticaNeueBold.ttf") format('woff2'); /* Super Modern Browsers */
    }

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('https://fzoftest.petrabruder.de/wp-content/themes/x-child/fonts/open-sans-v35-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://fzoftest.petrabruder.de/wp-content/themes/x-child/fonts/open-sans-v35-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('https://fzoftest.petrabruder.de/wp-content/themes/x-child/fonts/open-sans-v35-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



h1, h2, h3, h4 #site-logo, .post-title, .widgettitle {
	font-family: Helvetica-Neue;
}
h3 {
padding-bottom:20px;
}

/*################## maintenance #####################*/

h1.site-title {
	display:none !important;
}

/*################## maintenance #####################*/




/*logo-position*/
.masthead-stacked .x-brand {
    display: flex;
    float: none;
    margin: 0px 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        /*margin-left: 0px;*/
}

/*slider ohne border unten dafür navigation mit*/
.x-slider-container.below {
border:0px;
margin-bottom:-1px;
}

/*navigation*/
.x-navbar {
border-top:5px solid rgb(251, 184, 0);
border-bottom: 1px solid rgb(242, 242, 242);
box-shadow:none;
}

li.current-menu-parent >a {
border-bottom:5px solid rgb(251, 184, 0);
}

.sub-menu {
  width:100%;
}


.desktop .sub-menu {
        font-size: 13px;
   }


.x-navbar .desktop .x-nav > li > a {
	
}

/* Newsletter und Spenden-Button Header Footer*/
.metanavnews {
 font-weight:600;
  font-size:1.5em;
  line-height:1em;
  color: rgb(250, 250, 250, 0.5) !important;
  background-color:#272e89;  
    padding-left:1em !important;
  padding-right:1em !important;
  margin-right:0.5em !important;
  border-radius:5px; 
}
a.metanavnews:hover {
  color: #fbb800 !important; /*rgb(250, 250, 250, 1)*/
}

.metafootnews {
 font-weight:600;
  font-size:1.25em;
  line-height:1em;
  color: rgb(250, 250, 250, 0.5) !important;
  background:url("https://fzoftest.petrabruder.de/wp-content/uploads/2025/09/newsletter-frei-20prozent.png");
  background-size:contain;
  background-repeat: no-repeat;
  background-color:#272e89;
  padding-top:0.5em !important;
  padding-left:1.8em !important;
  padding-right:1em!important;
  padding-bottom:0.5em !important;
  border-radius:5px; 
}

a.metafootnews:hover {
  color: #fbb800 !important; /*rgb(250, 250, 250, 1)*/
}



.metanavspende {
  font-weight:600;
  font-size:1.5em;
  line-height:2em;
  background-color:#43949e; /*#85b9c0; #81a560; #fad672;*/
  color: rgb(250, 250, 250, 0.75) !important;
  padding-left:1em !important;
  padding-right:1em !important;
  margin-right:0.5em !important;
  margin-left:0.5em !important;
  border-radius:5px;
}
a.metanavspende:hover {
  color:#fbb800 !important; /*#ef7a0b rgb(251, 184, 0)*/
}

.metafootspende {
  font-weight:600;
  font-size:1.25em;
  line-height:2em;
  color: rgb(250, 250, 250, 1) !important;/*#272e89 !important;*/
  background-color:#85b9c0; /*#fad672; #81a560;*/
  background-image:url("https://fzoftest.petrabruder.de/wp-content/uploads/2025/09/spenden-frei-30prozent.png" ) ;
  background-size:contain;
  background-repeat: no-repeat;
  padding-top:0.5em !important;
  padding-left:3.5em!important; /*1em!important;*/
  padding-right:1em !important; /*1em*/ 
  padding-bottom:0.5em !important;
  border-radius:5px;
}

a.metafootspende:hover {
  color: #fbb800 !important; /*rgb(250, 250, 250, 1)*/
}

/* Ende Newsletter und Spenden-Button Header Footer muss in style.css*/

/*Ende navigation*/




/*Aktuelle Meldungen*/
img.wp-post-image {
	display:none !important;
}

.entry-featured {
	border:0px solid !important;
	border-bottom:0px solid !important;
	margin-bottom:20px !important;
}
.entry-wrap {
	padding-bottom: 0px !important;
	padding: 0px !important
}

.entry-content {
	margin-bottom:50px;
}

.entry-footer {
	display:none !important;
}
/*Ende Aktuelle Meldungen*/



/*cookie-zustimmung*/
.cmplz-description {
    line-height:15px !important;
	padding-top:0px !important;
}

.cmplz-category-header {
	padding-bottom:0px !important;
	padding-top:0px !important;
}



#cmplz-manage-consent .cmplz-manage-consent {
    width: 40px !important;
    font-size:10px !important;
	line-height: 10px !important;
	padding: 32px 5px 35px 5px !important;
	background-color: #fbb800 !important;
    background-image: url(https://fzoftest.petrabruder.de/wp-content/uploads/2023/08/cookie_ai-7.png);
	background-repeat: no-repeat;
	background-position: center 5px;
	right:80px !important;
}

/*cookie-zustimmung Ende*/

/* Styling for the inline reCaptcha notice. And example can be seen on
 * https://complianz.io/how-to-implement-recaptcha-and-consent-for-wp-forms/
 * You can ofcourse edit however you see fit.
 */
 
  /* Hide the Submit button before consent */
.wpforms-submit-container {
	display:none!important;
}

 /* Display the Submit button if Marketing or ReCaptcha consent was obtained */
.cmplz-google-recaptcha .wpforms-submit-container, .cmplz-marketing .wpforms-submit-container {
	display:block!important;
}

/* Style the button */
button.cmplz-blocked-content-notice.cmplz-accept-marketing.cmplz-wpforms {
    background-color: #fff!important;
    border: 1px solid #ddd;
    color: #333;
    font-size: 1.2em;
    padding: 10px 15px;
    margin-top:15px;
}

/* Optional: Hide the ReCaptcha consent placeholder after obtaining consent */
.cmplz-marketing button.cmplz-blocked-content-container.cmplz-blocked-content-notice.cmplz-wpforms, 
.cmplz-google-recaptcha button.cmplz-blocked-content-container.cmplz-blocked-content-notice.cmplz-wpforms {
	display: none;
}
/* Styling for the inline reCaptcha notice. Ende */


/*kontakt-facebook suche*/
.x-topbar  {
float:right !important;
border:0px;
margin:0px;
padding:0px;
font-size:1em;
text-decoration:none;
}

.p-info {
border:0px;
margin:0px;
padding:0px;
width:120%;
float:right;
}

.x-topbar .p-info a {
padding:5px;

border-bottom:0px;  
}




a.kontakt:before {
content:"\f003";
font-family:"FontAwesome" !important;
font-size:2em; /*1.5em; */
}
a.facebook:before {
content: "\f09a"; 
font-family:"FontAwesome" !important; 
font-size:1.5em;
}

a.instagram:before {
content: "\f16d"; /* \e055*/
font-family:"FontAwesome" !important; 
font-size:1.6em;
}

a.suche:before {
content: "\f002"; 
font-family: "FontAwesome" !important; 
font-size: 2em; /*1.5em; */
	
}

@media only screen and (max-width: 1200px) {
	a.suche:before {
margin-right: 1em !important;
}
}

@media only screen and (max-width: 768px) {
	a.suche:before {
margin-right: 1.5em !important;
}
}

.x-social-global {
border:0px;
margin:0px;
padding:0px;
}
/*Ende kontakt-facebook suche*/


/*link-pfeil generell*/
a.link-pfeil:before { 
content: "\f0a9"; 
font-family: "FontAwesome" !important;
font-size: 1.2em;
padding-right: 5px;
text-rendering: optimizelegibility;
}

/*link-pfeil im Kasten*/
.linkimkasten strong:before { 
content: "\f0a9"; 
font-family: "FontAwesome" !important;
font-size: 1.2em;
padding-right: 5px;
text-rendering: optimizelegibility;
	color:#272e89 !important;
}

.linkimkasten p strong:before { 
content: "\f0a9"; 
font-family: "FontAwesome" !important;
font-size: 1.2em;
padding-right: 5px;
text-rendering: optimizelegibility;
	color:#272e89 !important;
}
.linkimkasten p strong { 

	color:#272e89 !important;
}


/*blauerkasten Beratung für Wordpress-Editor*/
p.kastenblauberatung {
	padding:20px;
	background-color:#86a7d04f;
}
.kastenblauberatung {
	padding:20px 20px 5px 20px;
	background-color:#86a7d04f;
}




/*breadcrumb*/
.x-breadcrumb-wrap {
background-color:#fff;
border:0px;
box-shadow:none;
margin:30px 0 0 0;
}
.x-breadcrumbs a:hover {
  color:#fbb800;
}


/*ende breadcrumb*/

.x-sidebar {
padding-top:55px;
}



/*
widget
*/

.x-main .widget {
    margin-top: 0;
}
.x-widget-area {
padding-top:50px;
}

.widget ul,.widget ol {
border:0px;
border-radius:0px;
}

.h-widget {
margin:0 0 0.5em;
padding:24px 0 0 25px; /* padding:31px 0 0 25px; wp-widget*/
background: url(//fzof.de/wp-content/uploads/2017/05/widget-icon.png) no-repeat;
}

h3.rpwe-title {
    padding-bottom: 0px;
}

.textwidget {
border-left:1px solid #272e89;
margin:0 0 0 16px;
padding: 10px 0 5px 10px;
font-size: 0.9em !important;
font-weight:400;
line-height:1.5em;
}

.widget a {
border-bottom:0px !important;
color:#000;
}

.rpwe-block li {
font-size:1em;
}

/* artikel-container */
.x-boxed-layout-active .entry-wrap {
	border:0px;
	border-radius:0px;
	
}
/*titel, text am linken rand */
.entry-wrap {
padding-top: 0px; /*60*/
padding-right: 0px; /*60*/
padding-bottom: 60px; /*60*/
padding-left: 2px; /*60*/
box-shadow:none;

}

.entry-featured {
margin-bottom:0;
}

/*kein Beitragsbild wordpress editor*/
.keinbild .entry-featured img {
	display:none !important;
}

.x-container.offset {
margin: 20px 0px;
}

.entry-title {
    margin: 0;
    padding-top: 50px;
    font-size: 228.5%;
    line-height: 1.05;
letter-spacing:0.025em;
}

.h-custom-headline {
    letter-spacing: -1px;
    line-height: 1.1;
padding-bottom:20px;
}

.x-text {
/*padding-top:20px;*/
}

/* header der Beitragssseite wird nicht gezeigt*/
.x-header-landmark {
 display:none;
}



/* Footer-Menü */

.x-colophon {
    position: relative;
    border-top: 0px;
    background-color: #fff;
    /*box-shadow: 0 -0.125em 0.25em 0 rgba(0,0,0,0.075);*/
  box-shadow:none;
  background-color: rgb(242, 242, 242);
}

.x-colophon.top {
    padding: 15px 0 15px 0;
  box-shadow:none;
border-top: 1px solid rgb(242, 242, 242);

}

.widget {
   text-shadow:none; !important; /*text-shadow: 0 1px 0 rgba(255,255,255,0.95);*/
}
.widget_nav_menu ul li a {
 box-shadow: none !important;  
border:0px !important;
}

.x-colophon.top .widget_nav_menu ul li a:hover {
    background-color: #e5e5e5;
}

.x-colophon.top .widget ul , .widget ol {
 border: 0px !important;
box-shadow: none !important;
}



.x-colophon .textwidget {
border:0px;
margin:0 0 0 0;
padding: 0;
  font-size:12px;
  line-height:1.5em;
}

.x-colophon .textwidget table {
border:0px;
}
.x-colophon .textwidget td:last-child {
}
.x-colophon .textwidget img {
 padding-bottom:20px;
}


.x-colophon.bottom {
  background-color:#e5e5e5;
  font-size: 12px;
    text-align: center;
  color: #000;
   
}

.x-colophon.bottom a {
    color: #272e89; 
}
.x-colophon.bottom a:hover {
    color: #fbb800;  
}


.widget_nav_menu ul li a {
  font-size:0.7em;
  line-height:1.2em; /*0.7em;*/

}
.widget_nav_menu ul li a:before {
   display:none;
}

.footermap {
	border: 1px solid #e7aa00;
}
/* Footer-Menü Ende*/



/*Startseite neu*/



.x-slide a {
	color: #272e89;
}



.fzofkat img {
object-fit: cover;
width: 200px; /*150px*/
height:200px; /*150px*/
margin-right: 20px;
border-radius: 100px;
	border:5px solid #ffffff; 
float: left;
	overflow:hidden;
	
}



.fzofkat p {
padding-top:15px;
	padding-bottom:1.5em;
}

/*.fzofprojekte img {
object-fit: cover;
width:380px;
height:290px;
}*/

.fzofprojekte img:hover {
/*opacity:0.7;*/
}


.x-anchor-text-primary::after { 
content: "\f0a9"; 
font-family: "FontAwesome" !important;
font-size: 1.2em;
padding-left: 8px;
	margin-top:3px;
text-rendering: optimizelegibility;
	color: #e7aa00;
	opacity:1;
}

/*.x-anchor-text-primary::hover {
	opacity:0.6;
}*/

.katveranstaltungen {
  width:50%;
}

@media only screen and (max-width: 1200px) {
  .fzofaktuell {
	padding-left:0.5em !important;
	  padding-right:0.5em !important;
}
	/*.x-col .fzofaktuellpost {
	display:block !important;
	margin-bottom:3.5em !important;	
	}
	
	.fzofaktuellfoto {
		object-fit: cover;
		width:100% !important;
		height:50% !important;
		margin-bottom:2em !important;
		
	}
	.fzofaktuelltext p {
		margin-bottom:2em !important;
	}*/
}
@media only screen and (max-width: 1043px) {
	.fzofkat {
padding-right:0px !important;
padding-left:0px!important;
}
}

@media only screen and (max-width: 956px) {
 .fzofkat img {
width: calc(sin(90) * 250px);
  height: calc(sin(2*1) * 250px);
	 border-radius:200px;
display:block;
	 margin-right: 0px;
	}
	.fzofkat p {
		clear: both;
	}
}
	
	
@media only screen and (max-width: 479px) {
 .fzofkat img {
width: calc(sin(90) * 300px);
  height: calc(sin(2*1) * 300px);
	
	}
	
}
	
	
@media only screen and (max-width: 350px) {
 .fzofkat img {
width: calc(sin(90) * 300px);
  height: calc(sin(2*1) * 290px);
	
	}

	 
	 .fzofaktuell {
	padding-left:0.5em !important;
	  padding-right:0.5em !important;
}
	.x-col .fzofaktuellpost {
	display:block !important;
	margin-bottom:3.5em !important;	
	}
	
	.fzofaktuellfoto {
		object-fit: cover;
		width:100% !important;
		height:50% !important;
		margin-bottom:2em !important;
		
	}
	.fzofaktuelltext p {
		margin-bottom:2em !important;
	}
}

/*Startseite neu ende*/



/*fotos mit caption*/
.wp-caption, .gallery-item {
    max-width: 100%;
    /*border: 1px solid #ddd;*/
    /*border: 1px solid rgba(0,0,0,0.15);*/
    border:0px;
padding: 0px; /*padding: 5px;*/
    text-align: left;
    background-color: #fff;
    border-radius: 3px;
margin:0 0 0 0; /*margin:0 0 0 30px;*/
   box-shadow:none; /*box-shadow: 0 0.125em 0.275em 0 rgba(0,0,0,0.075);*/
}

.wp-caption > .wp-caption-text, .wp-caption > .wp-caption-text:last-child, .gallery-item > .wp-caption-text, .gallery-item > .wp-caption-text:last-child {
    display: block;
    margin: 9px 0 15px 0; /*margin: 9px 0 5px;*/
    padding:0px; /*padding: 0 5%;*/
    font-size: 12px;
    line-height: 1.2;
    text-transform: none; /*text-transform: uppercase;*/
}
.alignright {
    float: right;
    margin:0 0 0 30px;
}
.wp-caption-text i.copyright {
float: right; 
padding-right: 10px;
padding-bottom:0px;
margin-top:-6px;
}

/*fotos mit caption ende*/

/*Kasten*/
.x-block-grid p {
line-height:1.3em;
}

.x-block-grid a {
color:#000;
text-decoration:underline;
}
.x-block-grid a:hover {
color:#272e89;
text-decoration:underline;
}

/*Kasten Ende*/

/* newsletter-submit
.widget_wysija_cont .wysija-submit {
   background-color:#999;
}

.x-btn, .button, [type="submit"] {
/*color: #272e89 !important;*/
background-color: rgb(251, 184, 0);
margin-bottom: 0.25em;
text-shadow: none !important;
box-shadow: none !important;
border-radius: 0.25em;
border:0px !important;
} */
/*newsletter-submit ende*/