/*
Theme Name: FÖTED
Theme URI: http://www.tuerkische-elternfoederation.de
Description: FÖTED
Author: Adrian Groes
Author URI: http://www.tuerkische-elternfoederation.de
Description: Just a modyfied Site for FÖTED
Version: 1.0.6
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: FÖTED
*/
:root {
	/*
    --foeted-color-blue: #2A7ED6;  /* Blau */
	/*--foeted-color-darkblue: #004B9B;  /* Dunkelblau */
	
    --foeted-color-blue: #00A5F7;  /* Blau */
    --foeted-color-middleblue: #018CE9;  /* Blau */
    --foeted-color-darkblue: #0843B7;  /* Dunkelblau */
    --foeted-color-green: #38971F;   /* Grün */
    --foeted-color-grey: #494949;   /* Grau */

}


html, body {
margin:0;
padding:0;
}

html {

  font-family: sans-serif;
  /*line-height: 1.8em;*/
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;

}

body{
	font-family: 'Playfair Display', serif;
    font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 18px;

}
.searchContent {
    background-color:#fff;
    padding:0.5em;
    margin-bottom: 10px;
}

.no-js{
	
}
.site { 
top:0;
background-color: var(--foeted-color-blue);

}
.siteContent {
width: 100%;
	margin: 0 auto;
}
.vp {
		background-color:yellow;
		position:absolute;
		top:0;
		left:0;
		width:10px;
		height:10px;
		z-index: 99999;
	}
        
      .textRed {
		color:red;
	 }	
.textBlue {
		color:blue;
	 }	       
        
/* reine DESTOP Ansichten ausblenden */

/* rein Mobile Ansichten ausblenden */
 /* rein Mobile Ansichten ausblenden */
        .mobile_leiste_oben { display:block; }  
        .mobile_mainnav { display:block; }
        
        /* reine Desktop Ansichten Einblenden */
        .logoMainNavRow { display:none; }
        .desktop_leiste_oben { display:none; }
        
/* HEADER */
.backgroundImage{
	position:absolute;
	background-image: url('images/startbild_sm.png');
	background-repeat: no-repeat;
	background-size:contain; 
	background-attachment:fixed;
        background-position: center top; 
	height:300px;
	width:100%;
	top:160px;
	z-index:0;
	/* mix-blend-mode:multiply;*/
	
}

/* Position des Sliders */
.slideStart {
	width:100%;
	z-index:0;
	top:60px;
        
}

.mehrsprachig{
	position:absolute;
	background-image: url('images/startbild_mehr.png') ;
	background-repeat: no-repeat; 
	background-size:cover; 
	background-blend-mode: soft-light;
	height:50px;
        width:180px;
        top:100px;
        left:220px;
	z-index:1;
	mix-blend-mode:soft-light;
        display:none;
}

.desktop_leiste_oben {
	z-index:10;
}
.headerHeight{
	position:relativ;
        display:none;
}

.leftrightspacer{
	width: 85%;
	margin: 0 auto;
}
.topRow{
	display:block;
	width:100%;
}

.leiste_oben {
	
	float:right;
}


.leiste_oben li{
	float:left;
	color:#fff;
	margin-right:1em;
}


#schriftbanner {
	position: relative;
	color:#000;
	font-size:0.7vw;
	line-height:1.2em;
        
}


.BannerSchrift{ display:none;}



.text-bottom{
	position: absolute;
	bottom: 0;
}


.mainmenu{
	position: relative;
        
}

.main-navigation{
	float:right;
        position:absolute; 
	bottom: 0;
        right:30px;
}

#logo-img {
    width:80px;
}


/* Slogan und Suchfeld CONTENT */
.startTextField {
    
    z-index:500;
}

.sloganRow {
    font-family: 'Playfair Display', serif;
    color: #000;
    font-size:0.8vm;
    position:relative;                 
    bottom:0;
    text-align: right;

}


.searchRow{
        padding-left:0.5em;
	left:0px;
	color: #fff;
        /*background: rgba(0, 0, 0, 0.4);*/
}

.searchTitel {
	font-family: 'Playfair Display', serif;
	font-size:1.2em;
	color: #fff;
	font-weight:300;
}

.buttonsBottom {
    position:relative;                 
        bottom:0;
}

/* ENDE HEADER */


/* TEMPLATES */
.page-mit-rand {
    max-width: 95%;
    margin:auto;
    
}

.siteContent {
	position:relative;
        margin-top:50px;
}


/* TOP NAVIGATION */

.main-navigation-leiste {
    
}


/* TOP NAVIGATION MOBILE */

.leiste_oben_mobile {
	
	float:right;
}


.leiste_oben_mobile li{
	float:left;
	color:#fff;
	margin-right:1em;
}


.main-navigation-leiste-mobile {
        position:absolute;                 
        bottom:0;
        right:0;
        display: block;
}




.activeStickyDesktop {
        display:none;
}



.der-beitrag {
    padding:1em;
}




/* MAIN NAVIGATION */

.logoMainNavRow{
    position: relative;
    z-index: 10000; 
    margin-bottom:0px;
    padding-top:5px;
    display:none;
}

.logoMainNavRowStickyMobile{
	display: block;
}

.mobile_mainnav{
	display: block;
}



.rowMainNav {
    position:relative;
    background-color: #fff;
    height:120px;
    z-index:2;
    display:none;
/*    bottom:0px;*/
}

.div-main-navigation{
        position:absolute;
        bottom:0px;
        /*right:120px;*/
        display:none;
}


nav.main-navigation ul  {
	/*float:right;*/
        
/*         position:relative;
         bottom:0px;
         right:100px;*/
       
}

nav.main-navigation ul li {
	float:left;
	color:#000;
	margin-right:1em;
	font-weight:600;
/*        border-right:1px solid #ddd;
        border-left:1px solid #ddd;*/
        padding:10px;
}

nav.main-navigation ul li:hover {
	background-color: #eee;
}

nav.main-navigation ul li a{
	color:#000;
        font-weight:600;
}

nav.main-navigation ul li ul.sub-menu{
  background-color: #fff;
  visibility: hidden;
  opacity: 0;
  min-width: 5rem;
  position: absolute;
  transition: all 0.5s ease;
  margin: 0.5rem;
  /*left: 0;*/
  display: none;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);
  border-top:5px solid var(--foeted-color-green);
}

nav.main-navigation ul li:hover > ul,
ul li:focus-within > ul,
ul li ul:hover,
ul li ul:focus {
   visibility: visible;
   opacity: 1;
   display: block;
}
nav.main-navigation ul li ul li {
  clear: both;
  width: 100%;
  min-width:250px;
  padding: 0.5rem;
}
nav.main-navigation ul li ul li a{
	color: #000;
	font-weight:normal;
}

nav.main-navigation ul li ul li:hover {
  background-color: #eee;
}


/* MAIN NAvigation Desktop Sticky */

.main-navigation-sticky-desktop {
/*         position:absolute;                 
        bottom:0;                         */
}

nav.main-navigation-sticky-desktop ul  {
/*float:right;
   position:relative;
         bottom:0px;*/
       
}

nav.main-navigation-sticky-desktop ul li {
	float:left;
	color:#000;
	margin-right:1em;
	font-weight:600;
/*        border-right:1px solid #ddd;
        border-left:1px solid #ddd;*/
/*        padding:5px;*/
}

nav.main-navigation-sticky-desktop ul li:hover {
	background-color: #eee;
}

nav.main-navigation-sticky-desktop ul li a{
	color:#000;
        font-weight:600;
}

nav.main-navigation-sticky-desktop ul li ul.sub-menu{
  background-color: #fff;
  visibility: hidden;
  opacity: 0;
  min-width: 5rem;
  position: absolute;
  transition: all 0.5s ease;
  margin: 0rem;
  /*left: 0;*/
  display: none;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);
  border-top:5px solid var(--foeted-color-green);
}

nav.main-navigation-sticky-desktop ul li:hover > ul,
ul li:focus-within > ul,
ul li ul:hover,
ul li ul:focus {
   visibility: visible;
   opacity: 1;
   display: block;
}
nav.main-navigation-sticky-desktop ul li ul li {
  clear: both;
  width: 100%;
  min-width:250px;
  padding: 0.5rem;
}
nav.main-navigation-sticky-desktop ul li ul li a{
	color: #000;
	font-weight:normal;
}

nav.main-navigation-sticky-desktop ul li ul li:hover {
  background-color: #eee;
}




/* Hamburger Nav NEU  */


#menuToggle
{
  display: block;
  position: relative;

  z-index: 1;
  
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle a
{
  text-decoration: none;
  color: #232323;
  
  transition: color 0.3s ease;
}

#menuToggle a:hover
{
  color: var(--foeted-color-blue);
}


#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #232323;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
 transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}

/*
 * Ohyeah and the last one should go the other direction
 */


/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
  position: fixed;
  width: 300px;
  bottom:43px;
  right:0px;
/*margin: 0 -300px 0 -50px;*/
  padding: 30px;
  padding-top: 30px;
  z-index:99999;
  background: #ededed;
  /*background: rgba(200, 200, 200, 0.8);*/
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(100%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 5px 0;
  font-size: 14px;
}

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: none;
}




/* ENDE HAMBURGER NAV */

#site-header-footer {
    display:none;
}


.type-page {
	padding:0.5em;
	background-color: #fff;
}


/* FOOTER */
#footerSitemap {

	min-height:200px;
	padding-top:0.5em;
    bottom: 0px;
    width: 100%;
	background-color:var(--foeted-color-blue);
	background-image: url('images/footer.png');
	background-size: cover;
	
	position: relative;
	overflow: hidden;
	
	color:#fff;
	/* margin-top: 6.25em;*/
}

#footer-logo-img {
			max-width: 100px;
			height: auto;
                        margin-left:30px;
                        margin-bottom:30px;
		}
		
.footer-logoarea{
	padding:0.5em;
}

#footer {
	min-height:80px;
	padding-top:0.5em;
    bottom: 0px;
    width: 100%;
	background-color:var(--foeted-color-blue);
	
	position: relative;
	
	/* margin-top: 6.25em;*/
}

#footer ul {
	float:right;
	list-style-type: none;
}

#footer ul li{
	float:left;
	margin-right:1em;
}

#footer a {
	text-decoration:none;
	color: #fff;
}

#footer a:hover {
	text-decoration:none;
	color: var(--foeted-color-green);
}

.festerabstand{
	height:60px;
	background-color:var(--foeted-color-blue);
}

.foerderer{
	background-color:#FFF;
}

.foerdererTitle{

	color:#FFF;
}

.footerMenu{
padding: 0.8em;	
}

/* POST SLIDER Carousel */
.carousel-slider__post{
	background-color: #FFF;
}

.carousel-slider__post-author {
	
visibility:hidden;	
display:none;
}

.carousel-slider__post-category {
visibility:hidden;	
display:none;
}


/* Single PAGE */
.maincontent {
    background-color:#fff;
    padding:0.5em;
    margin-bottom: 10px;
}
.singleContent {
    background-color:#fff;
    padding:1em;
    margin-bottom: 10px;
}



/* SEARCH ERGEBNISSE */

#searchResults {
    display: flex;
    flex-wrap: wrap;
}

.searchContent {
    width: 100%;
    /*padding: 10px;*/
    box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #ccc;



}
.searchContent:last-child { margin-right: 0; }


.searchImage {
  width:100%;
  height: 200px;
  overflow: hidden;
}

.searchImage img {

  object-fit:cover;
  
  width: 100%;
  height: auto;
}

.searchHeader {
    
}

h2.searchTitle {
    
}

.searchTrennerTitle {
    color:var(--foeted-color-grey);
}

.searchEntry {
    
}


.slidedeck-overlays { display:none; }


/* ARCHIVE */
.site-content {
    background-color: #fff;
    padding:0.5em;
}
.entry-header {
    margin-bottom:50px;
}

.entry-title {
    
}

.entry-content {
    
}

.archive-title {
    
}

.archive-content{
    
}
.archive-sidebar{
    padding:0.5em;
}

ul.latest-posts-list {
    max-width:90%;
}

ul.latest-posts-list li {
    margin-bottom:0.5em;
}

ul.latest-posts-list li:before {
    content: "-" " ";;
}

ul.latest-posts-list li > a {
    color:#000;
}

ul.latest-posts-list li> a:hover {
    color:var(--foeted-color-green);
}

.archive-tags {
    margin-bottom:50px;
}

.archive-tags a {
     color:#000;
     padding:1em;
     border: 1px solid var(--foeted-color-green);
     box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
}

.archive-tags a:hover {
     color:#fff;
     padding:1em;
     border: 1px solid var(--foeted-color-green);
     background-color: var(--foeted-color-green);
}

ul.monthly-archive-list {
    
}

ul.monthly-archive-list li{
    
}

ul.monthly-archive-list li > a {
     color:#000;
}

ul.monthly-archive-list li> a:hover {
    color:var(--foeted-color-green);
}

.li-archive-vorschau {
    margin-bottom:50px;
    padding:0.3em;
     border: 1px solid var(--foeted-color-green);box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
     
}


/* Personen */



.flexContainer {
/*    clear:both;
    display:flex; 
    justify-content: space-around;*/
}

.person-3-spaltig{
    width:30%;
    padding:50px;

    border: 1px solid var(--foeted-color-green);
     box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
}

.person-3-spaltig {
    display: flex;
    flex-direction: column;
    align-items:center;
  
}

.personColumn-inner {
    position: relative;
    width:300px;
    height:400px;
}
.personWrapperInner {
    position: absolute;
    bottom:0px;
    width:100%;
    height:100%;
}

.personWrapper {
    
}

.personImage{
    overflow: hidden;
    position: relative;
    max-height: 338px;
}

.card-img-top {
    width: 100%;
    object-fit: cover;
}

.imgPersonImage {
    
}

.personInner{
   
}

.personFunktion {
    width:100%;
    position: absolute;
    bottom:0;
    padding:0.5em;
    color:#fff;
    background: rgba(0, 0, 0, 0.3);
}

.personLebenslauf {
    padding:0.5em;
    font-size:0.9em;
    line-height: 1.2em;
    display:none;
    border: 1px solid var(--foeted-color-blue);
    box-sizing: border-box;
    border-radius: 0px 0px 5px 5px;
}

.personToggles {
    
}

.personToggle {
    
}

.personToggle > h3 {
    font-size: 1.2em;
    padding:0.5em;
    background-color: var(--foeted-color-blue);
    color:#fff;
    margin-bottom: 0px;
}


.personToggle > h3 > a {
    color:#fff;
}

.personToggle > h3:hover {
    cursor: pointer;
}

.personToggle > h3 > a >i {

    margin-right:0.5em;;
}



.personToggleNone > h3 {
    font-size: 1.2em;
    padding:0.5em;
    background-color: #fff;
    color:#fff;
    margin-bottom: 0px;
}


.personCard {
    width: 19rem; 
    float:left; 
    margin:1.2em; 
    padding:1rem
}

.personNoImage {
    height:338px; 
    background-color:#eee
}


/* DateiDownloads */

.pdf_icon ::before {
  content: url(http://foeted2021.tuerkische-elternfoederation.de/wp-content/uploads/2022/03/PDF_32.png);
}