/* @override 
	http://kita.bruckmoser.de/wp-content/themes/astra-child-kita/style.css?*
	https://www.kita-hohenschaeftlarn.de/wp-content/themes/astra-child-kita/style.css?*
	https://www.kita-verbund-sandbox.de/wp-content/themes/astra-child-kita/style.css?*
	https://www.kita-verbund-test.de/wp-content/themes/astra-child-kita/style.css?*
	https://www.kita-verbund-website.de/wp-content/themes/astra-child-kita/style.css?* */

/**
Theme Name: Astra Kita Master
Author: Pink Pixel
Author URI: https://www.xyz.com
Description: Child Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-kita-master
Template: astra
*/

/* colors 
dark blue #0068A9
light blue #5FC5E1
light green #8DBE22
dark green #008E39
very light green #e1f3ba;
very light blue #0068A838
red #B70202
yellow: #FCDB00
*/

:root {
  --kitamain:#0068A9;
  --kitacontrast:#008E39;
  --kitalight: #0068A838;
  --kitatext: #404040;
  --kitaextra: #B70202;
  
  --kitageorg:#8DBE22;
  --kitamaria:#5FC5E1;
  --kitamariadunkel:#1D819D;
  --kitapeterpaul:#008E39;
  --kitachristopherus:#0068A9;
  
  --kitahellgruen:#8DBE22;
  --kitahellblau:#5FC5E1;
  --kitadunkelgruen:#008E39;
  --kitadunkelblau:#0068A9;
  
  
  /* stickers
  georg https://www.kita-hohenschaeftlarn.de/wp-content/uploads/2023/09/st-georg-figur-outtline.svg
  */
  
  --kitasticker: url('https://www.kita-percha.de/wp-content/uploads/2024/05/sticker-christopherus.svg')
}
  
html
{
	scroll-padding-top: 200px;
    scroll-behavior: smooth;
}



/* @group Lists*/

/* Abstand nach oben */
#main ul 
 {
	margin-top: -25px;
	}

#main ul.kein-ausgleich
{
	margin-top: 0px;
}

#main ul.linksbuendig
{
	margin-left:-25px
}

#main ul.locker li
{
	margin: 15px 0px;
}


/* bullet */
#main ul li::marker {
	color: var(--kitamain);
	}
	
#main .invers ul li::marker
{
	color: #ffffff;
}

	
#main .orange-highlights ul li::marker
{
	color: #ff8000;
}
/* @end */

/* @group tables*/

/* Abstand nach oben */
#main table
 {
	font-size: 15px;
	border: none!important;
}

#main table td, #main table th,  #main table tr,
#main table thead, #main table tbody, #main .is-style-stripes
{
	border: none!important;
	border-right: 2px solid #ffffff!important;
}

#main table th
{
text-align: left;
line-height: 18px;
}

.wp-block-table.is-style-stripes.is-style-stripes-yellow tbody tr:nth-child(odd) {
    
}


/* @end */

/* @group Helferlein */
.is-block-inline
{
	xdisplay: inline!important;
	color: red!important;
	display: in;
}

.wp-block-image figcaption
{
	font-size: 14px;
	color: #777777;
}

/* @end */

.ast-builder-grid-row
{
	position: relative;
}

.ast-site-identity {
    
    position: absolute;
	top: 0px;
	left: 0px;
}

.ast-header-html-1 {
    left: 300px;
    position: absolute;
}

#block-9 {
	position: absolute;
	right: 20px;
	top: 40px;
}

.ast-builder-menu-1 {
    display: flex;
    padding-right: 180px;
}


.home  #primary {
    margin-top: -26px!important;
}



.site-main
{
	xmargin-top: 150px;
}

.home .site-main
{
	margin-top:0px;
}



/* @group header desktop */


/* container ganze breite */
.wp-block-uagb-container.uagb-block-ba9136c7
{
    height: 125px;
    padding: 0;
	xborder: 1px solid red;
}

/* container ganze breite sticky*/
 .ast-header-sticky-active .wp-block-uagb-container.uagb-block-ba9136c7
 {
 	border-bottom:1px solid #e7e7e7
 }
 

/* container um Logo */
.wp-block-uagb-container.uagb-block-ba9136c7 .wp-block-uagb-image__figure
{

	width: 320px;
	xborder: 1px solid yellow;
}

/* container um Logo sticky*/
.ast-header-sticky-active .wp-block-uagb-container.uagb-is-root-container .uagb-block-ee9dd6cf 
{
	xborder: 1px solid #333;
}

/* logo img */
.wp-block-uagb-container.uagb-block-ba9136c7 .header-kita-logo img
{
   width: 320px!important;
   height: auto;
   margin-top:9px;
   transition: all 0.2s;

}

/* logo img sticky*/

.ast-header-sticky-active .wp-block-uagb-container.uagb-block-ba9136c7 .header-kita-logo img
{
	width: 150px!important;
	padding-top: 0px;
}


.header-kita-menu .current-menu-item
{
	text-decoration: underline;
}

/*container um titel und menu */
.wp-block-uagb-container.uagb-block-91e90fd0
{
	margin-left: -70px;
	xborder: 1px solid green;
}




/*container um titel und menu sticky */
 .ast-header-sticky-active .wp-block-uagb-container.uagb-block-91e90fd0
 {
 	margin-left: -170px;
 }
 






/*container um Titel */

.wp-block-uagb-container.uagb-block-ba9136c7 .header-kita-title
{
	margin-bottom: 0px!important;
	margin-top: 5px;
     font-size: 30px!important;
	 transition: all 0.2s;

	 width: 600px!important;
}


/* bb test ob man auch den ganzen 91e container nach links schieben kann */
.wp-block-uagb-container.uagb-block-91e90fd0,
.wp-block-uagb-container.uagb-block-91e90fd0 ul,
.wp-block-uagb-container.uagb-block-91e90fd0 .header-kita-title
{
	transition: all 0.2s;
}


 @media (max-width: 1190px) {

.wp-block-uagb-container.uagb-block-ba9136c7 .header-kita-title
{

     font-size: 26px!important;
	

}

.header-kita-menu .current-menu-item
{
	text-decoration: underline;
}


.wp-block-uagb-container.uagb-block-ba9136c7 .header-kita-menu li
{
	padding: 0 15px!important;

}
}


 @media (max-width: 1100px) {
 	
 	
 	.wp-block-uagb-container.uagb-block-ba9136c7 .wp-block-uagb-image__figure{
   width: 290px!important;
 		}
 	
 	.wp-block-uagb-container.uagb-block-ba9136c7 .header-kita-logo img
 	{
 		width: 290px!important;
 		margin-top: 14px!important;
 	}
 	
 	.wp-block-uagb-container.uagb-block-91e90fd0
{
	margin-left: -100px;
	}
 	
 	}

/* ul menu sticky */
 .ast-header-sticky-active .wp-block-uagb-container.uagb-block-91e90fd0 ul
{

	xborder: 1px solid red;
}



/* li menu */
.wp-block-uagb-container.uagb-block-ba9136c7 .header-kita-menu li
{
	padding: 0 20px;
	font-weight: 300;
	font-size: 16px;
	 transition: all 0.2s;
	 xborder: 1px solid silver;
}

/* @end */


/* @group header mobil */

.mobile-header-container
{
	padding: 0px!important;
	height: 90px!important;
	min-height: 80px!important;
    background: #fff;
	margin: 0!;
}

.ast-header-sticky-active .mobile-header-container
{
	border-bottom: 1px solid #e7e7e7;
	}
	

.mobile-header-container .uagb-container-inner-blocks-wrap
{

	position:relative;
	height:100px!important
}

.mobile-header-logo
{
	position: absolute;
	width: 250px;
	max-width: 250px!important;
	height: auto;
	top: 0px;
	left: 0px;
	transition: all 0.3s;
}


.ast-header-sticky-active .mobile-header-logo
{	
	top: -5px;
	width: 150px!important;
}


 @media (max-width: 600px) {

.mobile-header-logo
{
	position: absolute;
	width: 180px;
	max-width: 220px!important;
	height: auto;
	top: 1px;
	left: -14px;
	transition: all 0.3s;

}

.ast-header-sticky-active .mobile-header-logo
{	
	top: -5px;
	width: 150px!important;
}
}




.mobile-header-titel
{
	position: absolute;
	width: 400px;
	height: auto;
	left: 190px;
	line-height: 1.3;
	top: 17px;
	transition: all 0.3s;

}

.ast-header-sticky-active .mobile-header-titel
{
	left: 130px;
	top: 15px;
}
 @media (max-width: 600px) {
 	.mobile-header-titel
{
 	left: 140px;
	width: 180px!important;
	top: 10px;
	line-height: 1.2;
	font-size: 16px!important;
}

.ast-header-sticky-active .mobile-header-titel
{
	top: 5px;
}
 	}
 	
 	

.mobile-header-menu
{
	border: 2px solid var(--kitamain)!important;
	position: absolute;
	border-radius: 50%;;
	width: 50px!important;
	height: 50px;
	top: 20px;
	right: 100px;
	background: none!important;
}

.mobile-header-menu button,
.mobile-header-menu button:focus,
.mobile-header-menu button:hover
{

	background: #ffffff!important;
}


 @media (max-width: 600px) {
 	.mobile-header-menu
{
	border: 2px solid var(--kitamain)!important;
	position: absolute;
	border-radius: 50%;;
	width: 36px!important;
	height: 36px;
	top: 30px;
	right: 20px;
	background: none!important;
}
}

/* @end */

/* @group dotty */

  #info {
    position: absolute;
    top: 20px;
    right: 0px;
    z-index: 9999;
  }

  .circle-container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-bottom: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    transition: all 0.5s;
    cursor: pointer; /* Add cursor pointer for clickable elements */
	background-color: var(--kitamain);
    border: 3px solid white;
  }
	
	.circle svg
	{
		width:30px;
		height:auto; 
	    transition: all 0.5s;
	
	}
	
  .circle:nth-child(1) {
    width: 140px;
    height: 140px;
    background-color: var(--kitamain);
    border: 3px solid white;
    border-radius: 50%;
  }
  
 .circle:nth-child(1) svg
	{
		width:16px;	
	}

  .ast-header-sticky-active .circle:nth-child(1) {
    margin-top: -50px;
    width: 120px;
    height: 120px;
  }

  .ast-header-sticky-active .circle:nth-child(2),
  .ast-header-sticky-active .circle:nth-child(3),
  .ast-header-sticky-active .circle:nth-child(4),
  .ast-header-sticky-active .circle:nth-child(5) {
    margin-top: -20px;
    opacity: 0;
  }

  .circle2-content,
  .circle3-content,
  .circle4-content,
  .circle5-content {
    position: absolute;
    visibility: hidden;
    width: 260px;
    background-color: rgba(255,255,255,1);
    padding: 10px;
    left: -280px; /* Adjust as needed */
    top: 0;
		color:#222222;
		font-size:16px;
		font-weight:300;
		border-radius:7px;
		transition: opacity 0.5s;
		border:2px solid  var(--kitamain);
  }
	
	.circle5-content
	{
		top:-200px
	}
	
	
	



/* @end */

/* @group mobile dots */
  #info-mobile{
    position: absolute;
    top: 40px;
    right: -10px;
    z-index: 9999;
}

  .dot-container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .dot {
    width: 50px;
    height: 40px;
    border-radius: 50%;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    transition: all 0.5s;
    cursor: pointer; /* Add cursor pointer for clickable elements */
  }
	
	.dot svg
	{
		width:10px;
		height:auto; 
	  transition: all 0.5s;
	}

	
 .ast-header-sticky-active 	.dot svg
	{
		width:12px;
	}
	
  .dot:nth-child(1) {
    width: 80px;
    height: 80px;
    background-color: var(--kitamain);
	background-color: orange;
    border: 3px solid white;
    border-radius: 50%;
  }

  .ast-header-sticky-active .dot:nth-child(1) {
    margin-top: -50px;
    width: 120px;
    height: 120px;
  }

  .ast-header-sticky-active .dot:nth-child(2),
  .ast-header-sticky-active .dot:nth-child(3),
  .ast-header-sticky-active .dot:nth-child(4),
  .ast-header-sticky-active .dot:nth-child(5) {
    margin-top: -20px;
    opacity: 0;
  }

  .dot2-content,
  .dot3-content,
  .dot4-content,
  .dot5-content {
    position: absolute;
    visibility: hidden;
    width: 260px;
    background-color: rgba(255,255,255,1);
    padding: 10px;
    left: -280px; /* Adjust as needed */
    top: 0;
		color:#222222;
		font-size:16px;
		font-weight:300;
		border-radius:7px;
		transition: opacity 0.5s;
		border:2px solid #e1f3ba;
  }
	
	.dot5-content
	{
		top:-200px
	}
	



/* @end */





/** css to override breakpoint of navigation menu block from 600 to 100px **/
/*https://stackoverflow.com/questions/74956603/wordpress-navigation-block-how-to-change-mobile-breaking-point */

/* copy of wp default css to a 1000px media query */
@media (min-width: 1024px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
        width: 100%;
        position: relative;
        z-index: auto;
        background-color: inherit;
    }
}

/* neutralize the wp default for 600px */
@media (min-width: 600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
}

/*header stuff */

.page-template-page-toc #content
{
	margin-top: 150px;
}

.page-template-page-no-toc #content
{
	margin-top: 0px;
}

/* @group Verbund Zahlenspiel */

.zahlenspiel em,
.zahlenspiel2 em

{
	font-weight: normal;
	font-style: normal;
	font-family: 'Schoolbell',handwriting;
	font-size: 40px;
	line-height: 44px;
	color: var(--kitageorg);
	animation: color-change 8s infinite;
}

.zahlenspiel3 em
{
	animation:none;
	font-size: 30px;
	font-style: normal;
    
}


/* The animation code */
@keyframes color-change {
  0% { color: var(--kitageorg)}
  25% { color: var(--kitamaria)}
  50% { color: var(--kitapeterpaul)}
  75% { color: var(--kitachristopherus)}
  100% { color: var(--kitageorg)}
}

.zahlenspiel .wp-block-uagb-container:nth-child(1) em { animation-delay: 0s }
.zahlenspiel .wp-block-uagb-container:nth-child(2) em { animation-delay: 2s }
.zahlenspiel .wp-block-uagb-container:nth-child(3) em { animation-delay: 1s }
.zahlenspiel .wp-block-uagb-container:nth-child(4) em { animation-delay: 3s }

.zahlenspiel2 .wp-block-uagb-container:nth-child(1) em { animation-delay: 3s }
.zahlenspiel2 .wp-block-uagb-container:nth-child(2) em { animation-delay: 1s }
.zahlenspiel2 .wp-block-uagb-container:nth-child(3) em { animation-delay: 2s }
.zahlenspiel2 .wp-block-uagb-container:nth-child(4) em { animation-delay: 0s }

/* @end */

/* @group Verbund Seite Stellen*/


#stellenangebote {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start; /* Change to flex-start */
  align-items: flex-start;
  align-content: flex-start;
  gap: 20px; /* Add a gap between articles */
  margin:30px 0 60px 0;
 
}

#stellenangebote article {
  flex: 0 1 calc(33.33% - 20px); /* 3 articles per row on desktop with gap */
  padding: 15px 15px 15px 15px;
  padding-bottom:60px;
  background: var(--kitamain);
  border-radius: 4px;
 position: relative;
}

/* Tablet view: 2 articles per row */
@media screen and (max-width: 768px) {
  #stellenangebote article {
    flex: 0 1 calc(50% - 20px);
  }
}

/* Mobile view: 1 article per row */
@media screen and (max-width: 480px) {
  #stellenangebote article {
    flex: 0 1 calc(100% - 20px);
  }
}

.stelle__head
{
	width: calc(100% - 70px);
	min-height: 65px;
}
.stelle .stelle__logo
{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 60px;
	height: auto;
	border: 3px solid #ffffff;
	border-radius: 50%;
}



.stelle h4
{
	color: var(--kitachristopherus);
	font-size: 22px!important;
	padding-bottom: 20px;
	margin-bottom:0
}

.stelle h4 .stelle__target
{
	color: var(--kitatext);
	font-size: 16px;
	font-weight: 400;
}

.stelle ul
{
	padding-left: 0px!important;
	margin-top: 0px!important;
}

.stelle ul li
{
	list-style-type:none;
}

.stelle ul li::after
{
	content: ",";
}

.stelle ul li:last-child::after
{
	content: "";
}

.stelle__cta
	{
		position: absolute;
		bottom:0px;
		height:50px;
		width: 100%
	}
	
	
.stelle__cta a {
	    border-color: var(--ast-global-color-6);
    background-color: #fff;
    color: #000;
    font-family: inherit;
    font-weight: 500;
    line-height: 1em;
    font-size: 1rem;
	border-radius: 4px
	}

details
{
	width: 80%; margin-left: 0px!important; 
}

details p
{
	margin-bottom: 30px!important;
}

@media screen and (max-width: 480px) {
details
{
	width: 100%; margin-left: 0px!important; 
}
}

summary h4 {
	display: inline-block!important; 
	margin-bottom: 20px!important;
	font-size: 18px!important;
}

summary::marker
{
	color: var(--kitamain)!important;
	margin-right: 10px;
}
	



/* @end */

/* @group Seite Paedagogik */




.kita-tagesablauf strong
{
	 font-size: 18px;
	 font-weight: 400;
	 color: var(--kitamain);
	 margin: 10px 0;
	 display: block;
}

.kita-maria .kita-tagesablauf strong
{
	color: var(--kitamariadunkel);
	margin: 3px 0;
}

.kita-tagesablauf ul
{
	list-style:none;
	padding-left: 0px;
}

.kita-tagesablauf ul li
{
	border-left: 2px solid var(--kitamain);
	padding: 15px;
}

.kita-maria .kita-tagesablauf ul li
{
	border-left: 2px solid var(--kitamariadunkel);
	padding: 7px 15px;
}
.kita-maria .jahreskreis
{
	width:400px;
	height: 400px;
	line-height: 1.6;
	padding-top: 60px;
}





/* @end */








/* @group Seite Team */



.kita-team-liste img
{
	border: 2px solid var(--kitamain);
	border-radius: 50%;
	width: 100px!important;
	height: 100px!important;
	margin:25px 0 0 30px;
	display: block;
	background: #ffffff;
}



.kita-team-liste .wp-block-media-text__media:before
{
	content: "";
	position: absolute;
	width:150%;
	top: 70px;
	left: 80px;
	xtransform: translateX(50%);
	background: #ffffff;
	border-top: 2px solid var(--kitamain);
	z-index: -1!important
}


.kita-kinder-gruppen .kita-team-liste .wp-block-media-text__media:before
{
	border: none;
}


.wp-block-media-text__media
{
	position: relative;
	width: 200px;
	z-index: -1;
}
/* @end */


/* @group Seite Downlads */
.wp-block-file:not(.wp-element-button)
{
	font-size: 16px;
}
/* @end */


/* @group Home CTAs */


.uagb-iconbox-icon-wrap:before
{
	content: "";
	position: absolute;
	width: 50%;
	border-top: 2px solid var(--kitamain);
	z-index: -1!important
}

.uagb-infobox-shape-circle
{
	border: 3px solid #ffffff;
}

.uagb-ifb-image-content:before
{
	content: "";
	position: absolute;
	width: 50%;
	left: 0;
	top: 40px;
    transform: translateX(50%);
	border-top: 2px solid var(--kitamain);
	z-index: -1!important
}



.cta-team .uagb-iconbox-icon-wrap:before
{
	border-top-color: #0068A9
}

.cta-team h3
{
	color: #0068A9 ;
}

.cta-paedagogik .uagb-iconbox-icon-wrap:before
{
	border-top-color: #B70202
}

.cta-paedagogik h3
{
	color: #B70202
}


.cta-kinder .uagb-iconbox-icon-wrap:before,
.cta-kinder .uagb-ifb-image-content:before
{
	border-top-color: #5FC5E1
}

.cta-kinder h3
{
	color: #5FC5E1
}

.kita-maria .cta-kinder .uagb-iconbox-icon-wrap:before,
.kita-maria .cta-kinder .uagb-ifb-image-content:before
{
	border-top-color: var(--kitahellgruen);
}

.kita-maria .cta-kinder h3
{
	color: var(--kitahellgruen);
}


.kita-chris .cta-team .uagb-iconbox-icon-wrap:before,
.kita-chris .cta-team .uagb-ifb-image-content:before
{
	border-top-color: var(--kitahellgruen);
}



.cta-eltern .uagb-iconbox-icon-wrap:before,
.cta-eltern .uagb-ifb-image-content:before
{
	border-top-color: #008E39
}

.cta-eltern h3
{
	color: #008E39
}

.cta-kita 
{
	margin-bottom: 40px
	;
}

.cta-kita img {
	border-radius: 50%!important;

	height: 115px!important;
	width: 115px!important;
	background: white;	
}

.cta-kita h3.uagb-ifb-title
{
	line-height: 30px!important;
	margin: 10px 0px 40px 0px!important;
}

.cta-kita.cta-kita-georg .uagb-ifb-image-content:before
{
	border-top-color: var(--kitageorg);
}
.cta-kita.cta-kita-georg h3.uagb-ifb-title
{
	color: var(--kitageorg)!important;
}

.cta-kita.cta-kita-georg a
{
	background: var(--kitageorg)!important;
}


.cta-kita.cta-kita-peterpaul .uagb-ifb-image-content:before
{
	border-top-color: var(--kitapeterpaul);
}

.cta-kita.cta-kita-peterpaul h3.uagb-ifb-title
{
	color: var(--kitapeterpaul)!important;
}

.cta-kita.cta-kita-peterpaul a
{
	background: var(--kitapeterpaul)!important;
}


.cta-kita.cta-kita-maria .uagb-ifb-image-content:before
{
	border-top-color: var(--kitamaria);
}

.cta-kita.cta-kita-maria h3.uagb-ifb-title
{
	color: var(--kitamaria)!important;
}

.cta-kita.cta-kita-maria a
{
	background: var(--kitamaria)!important;
}

.cta-kita.cta-kita-christopherus .uagb-ifb-image-content:before
{
	border-top-color: var(--kitachristopherus);
}
.cta-kita.cta-kita-christopherus h3.uagb-ifb-title
{
	color: var(--kitachristopherus)!important;
}
.cta-kita.cta-kita-christopherus a
{
	background: var(--kitachristopherus)!important;
}



/* @end */

/* @group Kalender Stuff */

.mec-month-divider span
{
	text-transform: none!important;
	font-size: 24px!important;
	font-weight: 300!important;
	text-align: left;
	border-bottom: 1px solid var(--kitamain);
	

}

.mec-month-divider span:before
{
	border: none;
}

h4.mec-event-title
{
font: normal normal 18px 'Open Sans',sans-serif !important;
font-weight: 400!important;
text-transform: none!important;

}

.ics-icon
{
	fill: var(--kitamain);
	position: absolute;
	right: 0px;
}

.mec-clear
{
	margin-bottom: 2px!important;
}
.mec-color
{
	color: var(--kitamain)!important;
}

.mec-event-list-classic
{
	margin-left: -15px;
}

.post-29 .mec-event-list-classic
{
	margin-left: -10px!important;
}

.post-29 .mec-wrap ul 
 {
	margin-top: 10px!important;
	}

.mec-event-date, .mec-event-time
{
	font-size: 16px!important
}

.single-mec-events #content
{
	margin-top: 170px;
}

.single-mec-events #content svg,
.single-mec-events #content .widget_block
{
	display: none;
}


.home .hide-on-frontpage
{
	display: none;
}

/* @end */

/* @group T O C */

.kita-toc-balken
{
	min-height: 140px;
    position: fixed;
    left: 0px;
    top: 125px;
	z-index: 2;
	transition: all 0.2s;
	xbackground: var(--kitalight)!important;
}

.kita-toc-balken.toc-sticky
{	
	min-height: 90px!important;
	height: 90px!important;
}

.admin-bar .kita-toc-balken 
{
    top: 155px;
}


.kita-toc-balken a
{
	text-decoration: none!important;
	color: var(--kitatext)!important;
}

.kita-toc-balken.invers a
{
	color: #ffffff!important;
}
.uagb-toc__wrap
{
	padding: 10px 130px 10px 290px!important;
}

.uagb-toc__wrap li
{
	display: inline-block;
}

.uagb-toc__wrap li::after
{
	content: '•';
	padding: 0 10px;
	color: var(--kitaextra);
}

.kita-toc-balken.invers .uagb-toc__wrap li::after
{
	color: #ffffff;
}

.uagb-toc__wrap li:last-child::after
{
	content: '';
	xpadding: 0;
}

.page-template-page-no-toc #content .mec-wrap
{
	margin-left: 10px!important;
	margin-top: 50px;
	width: 75%;
	
}

@media (max-width: 1024px) {
.kita-toc-balken 
{
	min-height: 140px;
    position: fixed;
    left: 0px;
    top: 90px;
	border-bottom: 2px solid white!important;
	opacity: 1;
	transition:opacity 2s;

}

.kita-toc-balken.toc-sticky
{	
	min-height: 0px!important;
	height: 0px!important;
	display: none;
	opacity: 0;
	

}

.kita-toc-balken a
{
	font-size: 14px;
}

.uagb-toc__wrap
{
	padding: 50px 5px 10px 5px!important
}


}

/* @end */

/* @group footer stuff */

footer#colophon.site-footer
{
	margin-top: 150px!important;

}
.site-footer-primary-section-1.site-footer-section-1
{
	background-image: var(--kitasticker);
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 200px;
	background-position: right 160px top 90px 
}

.site-footer-section-1 a {
    color: var(--kitatext)!important;
    border-bottom: 2px solid white;
}


@media (max-width: 1023px) {
.site-footer-primary-section-1.site-footer-section-1
{
	background-size: 170px;
	background-position: right 110px top 100px 
}
}

.site-primary-footer-wrap
{
	min-height: 650px;
}


@media (max-width: 921px) {

.site-primary-footer-wrap
{
    padding-top: 0px;
}

.site-footer-primary-section-1.site-footer-section-1
{
	background-image: none;
	background-color: var(--kitamain);
	background-size: 350px;
	padding-left: 20px;
}

.site-primary-footer-wrap
{
    padding-top: 0px;
	color:  #ffffff!important;
	background: var(--kitacontrast)!important;
}

#block-38 p
{
	margin: 0 auto;

}
}

x@media (max-width: 530px) {


.site-primary-footer-wrap
{
    padding-top: 0px;
	color:  #ffffff!important;
	background: red!important;
}
}



/* @end */