html, body {
	top:0;
	margin:0;
	font-family: 'Playfair Display', serif;
	font-family: 'Open Sans', sans-serif;
	background-color:var(--foeted-color-blue);
	line-height: 1.8em;

}

h1{font-family: 'Playfair Display', serif; }
h2{font-family: 'Playfair Display', serif; }
h3{font-family: 'Playfair Display', serif; }
h4{font-family: 'Playfair Display', serif; }
h5{font-family: 'Playfair Display', serif; }

h1.titleWithe{font-family: 'Playfair Display', serif; color:#fff; }
h2.titleWithe{font-family: 'Playfair Display', serif; color:#fff; }
h3.titleWithe{font-family: 'Playfair Display', serif; color:#fff; }
h4.titleWithe{font-family: 'Playfair Display', serif; color:#fff; }
h5.titleWithe{font-family: 'Playfair Display', serif; color:#fff; }

h1.singleTitle{font-family: 'Playfair Display', serif;  }
h2.singleTitle{font-family: 'Playfair Display', serif; }
h3.singleTitle{font-family: 'Playfair Display', serif; }
h4.singleTitle{font-family: 'Playfair Display', serif; }
h5.singleTitle{font-family: 'Playfair Display', serif;  }

h1.searchTitle {font-family: 'Playfair Display', serif; }
h2.searchTitle {font-family: 'Playfair Display', serif; }
h3.searchTitle {font-family: 'Playfair Display', serif; }
h4.searchTitle {font-family: 'Playfair Display', serif; }
h5.searchTitle {font-family: 'Playfair Display', serif; }

h2.searchTitle a{  color:#000;}


.slideStart .sd2-slide-title-inner {
    font-size: 0.6em;
}

ul { list-style: none }
li { list-style: none }

/* LISTEN */

.listZaehler li {
    margin-bottom:0.5em;
    list-style: decimal;
}


/* LINKS */
a { 
    text-decoration: none;
    
}
/*
a:link {color: var(--foeted-color-green) }
a:active {color: var(--foeted-color-green) }
a:visited {color: var(--foeted-color-green) }*/
a:hover {color: var(--foeted-color-green); }

#footer_kontakt a {
    color:#fff;
}

#footer_kontakt a:hover {
    color: var(--foeted-color-green);
}


.wp-block-file{
    margin-bottom:0px;
}

/* Main Nav Sticky */

.logoMainNavRowStickyDesktop{
	position: sticky;
        position: -webkit-sticky;
	top:0;
        z-index: 10001;
	background-color: var(--foeted-color-blue);
	border-bottom: 3px solid var(--foeted-color-green);
	/*padding:0.5em;*/
	height:60px;
        display:none;

}



.activeStickyDesktop {
		display:none;
}

#logo-img-stickyDesktop {
		width:80px;
		/*float:left;*/
/*		margin-right:15px;*/
                padding:0.5em;
}
.logoareaStickyDesktop{

    
}

.mainmenuStickyDesktop{
    position: relative;
    height:60px;
    background-color: #fff;
    /*top:0;*/
    border-bottom: 3px solid var(--foeted-color-green);
/*    margin-top:-10px;*/
}
	
.main-navigation-sticky-desktop{
        position:absolute;                 
        right:0;
        display: block;
}

.topmenuStickyDesktop{
    
}

#schriftbannerStickyDesktop {
	position: relative;
	color:#000;
	
	line-height:1em;
	float:left;
        padding:0.5em;
}

.schriftbannerStickyDesktopText{
    font-size: 0.6em;
}

.socialBanner{
	z-index: 10005;
	position: fixed;
	bottom:80px;
	right:0;
        padding: 15px;
	width:50px; 
	height:150px;
	background-color: var(--foeted-color-middleblue);
	display:none;
        font-size:1.5em;
}

#socialBanner ul{
    position: relative;
    right:10px;
    padding:15px;
    
}
#socialBanner ul li{
	margin-bottom:0.5em;
}




/* MOBILE NAVIGATION */

/* Main Nav Sticky */

.logoMainNavRowStickyMobile{
	position: sticky;
	top:0;
        z-index: 10001;
	background-color: var(--foeted-color-blue);
	border-bottom: 2px solid var(--foeted-color-green);
	padding:0.5em;
	height:60px;
        display:block;

}

.mainnav_mobile_bottom_sticky{
	position: sticky;
	bottom:0;
        z-index: 10001;
	background-color: #fff; /*var(--foeted-color-blue);*/
	border-top: 1px solid #ddd;
	padding:0.8em;
	height:60px;
        display:block;
        width:100%;

}



.mainnav_mobile_bottom {
        position:relative;                 
        bottom:0;
        right:0;
        
        float:right;
}



.activeStickyMobile {
		display:block;
}

#logo-img-sticky-mobile {
		width:80px;
		float:left;
		margin-right:15px;
}
	
	

#schriftbannerStickyMobile {
	position: relative;
	color:#000;
	font-size:0.9em;
	line-height:1.2em;
	float:left;
}

/* ENDE MOBLIE NAVIGATION */

/* Social Logos */

.fa-facebook {
    color: #3b5998;
}

.fa-facebook-square {
    color: #3b5998;
}

.leiste_oben li{
    font-size:1.5em;
}

leiste_oben_mobile li{
    font-size:1.5em;
}

.fa-twitter {
    color: #00ACEE;
}

.fa-twitter-square {
    color: #00ACEE;
}

.fa-youtube {
    color: #C4302B;
}

.fa-youtube-square {
    color: #C4302B;
}



/* Bootstrap umschreiben */

.btn-outline-success{
	color: var(--foeted-color-green);
	border-color: var(--foeted-color-green);
}

.btn-success{
	color: #FFF;
	border-color: var(--foeted-color-green);
}
 /* Schlagwörter Buttons aus WordPress */
a.farbe{
	border-color:#FFF;
	color:#fff;	
}
.farbe{
	border-color:#FFF;
	color:#fff;	
}

.carousel-slider__post-header a{
	color:#000;
}
.carousel-slider__post-button_link a{
	color:#fff;
}
/**
 * 14.0 - Media Queries
 */

/**
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}


/* Bootstrap Small */
@media (min-width: 576px) {
        .vp {
		background-color:grey;
	}
        
        .div-main-navigation{

                right:30px;

            }
        
/*    
         rein Mobile Ansichten ausblenden 
        .logoMainNavRowStickyMobile { display:none; }
        .mobile_mainnav { display:none; }
        .mainnav_mobile_bottom_sticky { display:none; }
        #site-header-footer-mobile { display:none; }
        .mainnav_mobile_bottom { display:none;}
        .hamburgerNav{ display:none; }
        .toggle-nav{ display:none; }
        
         reine Desktop Ansichten Einblenden 
        .headerHeight{ display:block; }
        .logoMainNavRow { display:block; }
        .rowMainNav { display:block; }
        .div-main-navigation { display:block;  }
        .desktop_leiste_oben { display:block; }
        .main-navigation{ display:block; }
        .activeStickyDesktop { display:block; }
        .activeStickyDesktopSocial { display:block; }
        #site-header-footer { display:block; }
    
        
         SLIDER 
        .slideStart{
                position:absolute;
                width:100%;
                z-index:0;
                top:120px;

        }
	
        .mehrsprachig{
		height:90px;
		width:320px;
		top:120px;
		left:380px;
		background-size:cover;

	}
        .toggle-nav{
            display:block;
        }
        
        .hamburgerNav{
            display:block;
        }
        
        .main-navigation{
            display:none;
        }
        .mainnav_mobile_bottom {        
            display:none;
        }*/

}


/* Bootstrap Medium */
@media screen and (max-width: 991px) and (min-width: 768px) {
    
        .vp { background-color:blue; }
        
        /* rein Mobile Ansichten ausblenden */
        .logoMainNavRowStickyMobile { display:none; }
        .mobile_mainnav { display:none; }
        .mainnav_mobile_bottom_sticky { display:none; }
        #site-header-footer-mobile { display:none; }
        .mainnav_mobile_bottom { display:none;}
        .hamburgerNav{ display:none; }
        .toggle-nav{ display:none; }
        
        /* reine Desktop Ansichten Einblenden */
        .headerHeight{ display:block; height:450px; }
        .logoMainNavRow { display:block; }
        .rowMainNav { display:block; }
        .div-main-navigation { display:block;  }
        .desktop_leiste_oben { display:block; }
        .main-navigation{ display:block; }
        .activeStickyDesktop { display:block; }
        .activeStickyDesktopSocial { display:block; }
        #site-header-footer { display:block; }
    
        .div-main-navigation{

                right:30px;

            }
     
        /* SLIDER */
        .slideStart{
                position:absolute;
                width:100%;
                z-index:0;
                top:195px;

        }
	
       	/* MAIN NAV */
        
         .BannerSchrift{ 
            display:block; 
            position: absolute;
            bottom: 10px;
            left:40px;
        }
        
        #logo-img {
            width:100px;
	}
        
        /* Slogan und SuchFeld Positionierung / Größe beo absolut */
        .startTextField {
            margin-top:10px;
/*           position: absolute;
           top:300px;
           left:50px;*/
        }
        
        .searchRow{
            /*background: rgba(0, 0, 0, 0.4);*/
            background: var(--foeted-color-blue);
            box-sizing: border-box;
            border-radius: 5px 5px 5px 5px;
	}


        /* FÖTED setzt sich ...*/
        .sloganRow {
            font-size:0.7em;
	} 
	
	/* Schlagwörter Buttons aus WordPress */
	a.farbe{
		border-color: #FFF;
		color:#FFF;	
	}
	
	.farbe{
		border-color: #FFF;
		color:#FFF;	
	}
	
        
	
	
	 .page-mit-rand {
		 max-width: 95%; 
	 }

        
        

}

/* Bootstrap Large */
@media screen and (max-width: 1199px) and (min-width: 992px) { 
    
        .vp {
		background-color:green;
	}
        
        /* rein Mobile Ansichten ausblenden */
        .logoMainNavRowStickyMobile { display:none; }
        .mobile_mainnav { display:none; }
        .mainnav_mobile_bottom_sticky { display:none; }
        #site-header-footer-mobile { display:none; }
        .mainnav_mobile_bottom { display:none;}
        .hamburgerNav{ display:none; }
        .toggle-nav{ display:none; }
        
        /* reine Desktop Ansichten Einblenden */
        .headerHeight{ display:block; height:500px;}
        .logoMainNavRow { display:block; }
        .rowMainNav { display:block; }
        .div-main-navigation { display:block;  }
        .desktop_leiste_oben { display:block; }
        .main-navigation{ display:block; }
        .activeStickyDesktop { display:block; }
        .activeStickyDesktopSocial { display:block; }
        #site-header-footer { display:block; }
        
        
         /* SLIDER */
        .slideStart{
                position:absolute;
                width:100%;
                z-index:0;
                top:190px;

        }
        
        /* header Height bestimmt den Abstand zum Content!! */

	
	/* MAIN NAV */
        
         .BannerSchrift{ 
            display:block; 
            position: absolute;
            bottom: 10px;
            left:40px;
        }
        
        #logo-img {
            width:100px;
	}
        
        /* Slogan und SuchFeld Positionierung / Größe beo absolut */
        .startTextField {
           position: absolute;
           top:380px;
           left:100px;
        }
        
        .searchRow{
            /*background: rgba(0, 0, 0, 0.4);*/
            background: var(--foeted-color-blue);
            box-sizing: border-box;
            border-radius: 5px 5px 5px 5px;
	}


        /* FÖTED setzt sich ...*/
        .sloganRow {
            font-size:0.7em;
	} 
	
	/* Schlagwörter Buttons aus WordPress */
	a.farbe{
		border-color: #FFF;
		color:#FFF;	
	}
	
	.farbe{
		border-color: #FFF;
		color:#FFF;	
	}
	
        
        /* Slogan und SuchFeld Positionierung / Größe bei absolut */
        
	
	
	 .page-mit-rand {
		 max-width: 95%; 
	 }

        
 }


/* Bootstrap Extra Large */
@media screen and (max-width: 1399px) and (min-width: 1200px) {
            
	.vp {
		background-color:red;
	}
        
        /* rein Mobile Ansichten ausblenden */
        .logoMainNavRowStickyMobile { display:none; }
        .mobile_mainnav { display:none; }
        .mainnav_mobile_bottom_sticky { display:none; }
        #site-header-footer-mobile { display:none; }
        .mainnav_mobile_bottom { display:none;}
        .hamburgerNav{ display:none; }
        .toggle-nav{ display:none; }
        
        /* reine Desktop Ansichten Einblenden */
        .headerHeight{ display:block; height:550px;  }
        .logoMainNavRow { display:block; }
        .rowMainNav { display:block; }
        .div-main-navigation { display:block;  }
        .desktop_leiste_oben { display:block; }
        .main-navigation{ display:block; }
        .activeStickyDesktop { display:block; }
        .activeStickyDesktopSocial { display:block; }
        #site-header-footer { display:block; }

        
         /* SLIDER */
        .slideStart{
                position:absolute;
                width:100%;
                z-index:0;
                top:200px;

        }

        /* Allgemeiner Abstand zum Rand */
        .siteContent {
           width: 75%;
        }
        
        .BannerSchrift{ 
            display:block; 
            position: absolute;
            bottom: 15px;
            left:-50px
        }
	
	.mehrsprachig{
		height:150px;
		width:550px;
		top:180px;
		left:550px;
	}
         /* Größe des Logos */
        #logo-img {

		/*width:90px;*/
	}
        
       /* Schlagwörter Buttons aus WordPress */
	
        a.farbe{
		border-color: #fff;
		color:#fff;;	
	}
	
	.farbe{
		border-color: #fff;;
		color:#fff;;	
	}
        
        /* Slogan und SuchFeld Positionierung / Größe beo absolut */
        .startTextField {
           position: absolute;
           top:420px;
           left:100px;
        }
	
	/* FÖTED setzt sich ...*/
        .sloganRow {
            font-size:0.9em;
	} 
	
	.searchRow{
            /*background: rgba(0, 0, 0, 0.4);*/
            background: var(--foeted-color-blue);
            box-sizing: border-box;
             border-radius: 5px 5px 5px 5px;
	}
	
        
        /* RANDanpassungen, wenn in Wordpress Template mit Rand gewählt wurde */
	 .page-mit-rand {
		 max-width: 85%; 
	 }
	
	#logo-img {

		width:120px;
	}
        
        .searchContent {
          width: 30%;
          margin-right:30px;
        }

}

/* Bootstrap Extra extra Large */
@media screen and (min-width: 1400px) {
    
        /* rein Mobile Ansichten ausblenden */
        .logoMainNavRowStickyMobile { display:none; }
        .mobile_mainnav { display:none; }
        .mainnav_mobile_bottom_sticky { display:none; }
        #site-header-footer-mobile { display:none; }
        .mainnav_mobile_bottom { display:none;}
        .hamburgerNav{ display:none; }
        .toggle-nav{ display:none; }
        
        /* reine Desktop Ansichten Einblenden */
        .headerHeight{ display:block; height:700px; } /* Manueller Abstand zwischen Kopf und Content */
        .logoMainNavRow { display:block; }
        .rowMainNav { display:block; }
        .div-main-navigation { display:block;  }
        .desktop_leiste_oben { display:block; }
        .main-navigation{ display:block; }
        .activeStickyDesktop { display:block; }
        .activeStickyDesktopSocial { display:block; }
        #site-header-footer { display:block; }
        
	.vp {
		background-color:#FFF;
	}
        
         .main-navigation{
            right:100px;
        }
        
        /* SLIDER bei Desktop Absolut*/
        .slideStart{
                position:absolute;
                width:100%;
                z-index:0;
                top:200px;

        }
        
        /* Content ELEMENTE bei Absoluter Positionierung (Desktop) bei bestimmten TOP anfangen */

        
        .siteContent {
           width: 75%;
        }
        

        .BannerSchrift{ 
            display:block; 
            position: absolute;
            bottom: 15px;
            left:-90px
        }
        
	.mehrsprachig{
		height:150px;
		width:550px;
		top:200px;
		left:900px;
	}
        
	.backgroundImage{
		background-image: url('../images/startbild_xl.png');
		height:900px;
		background-size:cover;
		
	}


	/* Schlagwörter Buttons aus WordPress */
	
        a.farbe{
		border-color: #fff;
		color:#fff;;	
	}
	
	.farbe{
		border-color: #fff;;
		color:#fff;;	
	}
        
        /* Slogan und SuchFeld Positionierung / Größe beo absolut */
        .startTextField {
           position: absolute;
           top:550px;
           left:250px;
        }
	
	/* FÖTED setzt sich ...*/
        .sloganRow {
            font-size:1em;
	} 
	
	.searchRow{
            /*background: rgba(0, 0, 0, 0.4);*/
            background: var(--foeted-color-blue);
            box-sizing: border-box;
             border-radius: 5px 5px 5px 5px;
	}
	
        
        /* RANDanpassungen, wenn in Wordpress Template mit Rand gewählt wurde */
	 .page-mit-rand {
		 max-width: 85%; 
	 }
	
	#logo-img {

		width:120px;
	}
        
        .searchContent {
          width: 30%;
          margin-right:30px;
        }
	
        
	
	
}


/**
 * 15.0 - Print
 */

@media print {
	
}