@charset "UTF-8";
/*
Theme Name: servusKids
Theme URI: http://www.servuskids.de
Author: networkerz GmbH, München
Version: 1.0
*/



/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/montserrat-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v15-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/montserrat-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v15-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}


/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/montserrat-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v15-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* tuttifrutti - latin */
@font-face {
  font-family: 'TuttiFrutti';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/TuttiFrutti.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/TuttiFrutti.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */       
       url('fonts/TuttiFrutti.woff') format('woff'), /* Modern Browsers */
       url('fonts/TuttiFrutti.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/TuttiFrutti.svg') format('svg'); /* Legacy iOS */
}

:root {
  --sk-copytext: #000000; 
  --sk-highlight: #215BA2;
  --sk-pink: #E6416E;
  --sk-blau1: #215BA2;
  --sk-blau2: #1F3C83;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


html, body {
    font: normal normal 400 16px/25px Montserrat;     
	color:var(--sk-copytext);
	background-color: #fff;
	margin: 0px;
	padding: 0px;
    text-align: left;    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
	position:relative;
	}
    
    body.page-id-463 {background-color: #cddae8;}  
    
.clear {
	clear:both;
	}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

a.logo,
.scrolled a.logo,
.scrolled.home a.logo {
    width: 330px;
    height: 100px;
    background-image: url("img/SK_logo+claim2.svg");
    background-repeat: no-repeat;
    -webkit-filter: invert(100%); /* safari 6.0 - 9.0 */
    filter: invert(100%);
    position: relative;
    float: left;
    display: block;    
    margin: 5px 75px 10px 0px;
    -webkit-transition: all 1s; 
    -moz-transition: all 1s; 
    -ms-transition: all 1s; 
    -o-transition: all 1s; 
    transition: all 1s;    
}

footer a.logo {
  margin: 5px 45px 10px 0px;
}



a,
a:focus {
	color:var(--sk-highlight);
	outline:0;
    text-decoration: none;
	}

	a:hover {text-decoration:underline;}    

p {margin: 0 0 30px 0;}
ul.wp-block-list { margin-bottom: 30px; }
p + ul.wp-block-list {margin-top:-20px; }
.kachel-right p:last-child {margin-bottom: 0px;}

strong {font-weight: 700;}

iframe {width:100%; height:auto; min-height: 451px; max-width:1365px; margin-left:auto; margin-right:auto; display:block;}

.acc_content iframe {min-height:400px}

a.back-button {width: 62px; height: 60px; display: block;
    background-image: url("img/prev-arrow.gif");
    background-repeat: no-repeat;
    position: absolute; right: 100px; top: 0px;
}


h1 {
    font: normal normal 400 36px/50px TuttiFrutti;    
    text-transform: uppercase;	
    margin-top: 110px;
    margin-bottom: 70px;
	}
    
    .row h1:first-child {margin-top: 190px;}
	#jobs { margin-top:100px; margin-bottom:70px; }
h2 {
    font: normal normal 400 36px/50px TuttiFrutti;    
    text-transform: uppercase;	
    margin-top: 100px;
    margin-bottom: 70px;
	}    

h3 {
    font: normal normal 400 34px/45px TuttiFrutti;
    text-transform: uppercase;	
	}
    
h4 {
    font: normal normal 400 23px/30px TuttiFrutti;    
    text-transform: uppercase;	
	}  
    
mark {
  font: normal normal 400 20px/30px TuttiFrutti;
  color: black;
  background-color: transparent;
}    
    
.grid-item .headline {
    font: normal normal 400 23px/30px TuttiFrutti;    
    text-transform: uppercase;	
    margin-bottom: 40px;
}

.team .grid-item .headline {
    font: normal normal 400 20px/24px Montserrat;   
    margin-bottom: 0px;
    text-align: center;
    text-transform: none;
}
    

hr {
	margin:90px 0px 90px 0px;
    height: 0px;
    background: none;
    border-top: 1px solid #707070;
    border-bottom: 0px;
}

.has-text-align-center {
    text-align: center;
}
.padding-bottom-40 {
	padding-bottom:40px;
}
.btn {
	border-width: 0px;
	border-style: solid;	    
	padding: 8px 25px 8px 25px;                
    text-transform: uppercase;
    display:table;
    font-size: 15px;
    margin: 20px auto 40px auto;
    font-weight: 600;
	}    
    
    .btn:hover {text-decoration: none;}
    
    .grid-item .btn {margin: 15px auto 15px auto;}
    
    .btn.blau {background-color:var(--sk-highlight); color:#fff;}
        .btn.blau:hover {background-color:#fff; color:var(--sk-highlight); opacity: 1;}
    .btn.weiss {background-color:#fff; color:var(--sk-highlight);}
        .btn.weiss:hover {background-color:var(--sk-highlight); color:#fff; opacity: 1;}
    .btn.pink {background-color:var(--sk-pink); color:#fff;}
        .btn.pink:hover {background-color:#fff; color:var(--sk-pink); opacity: 1;}
		p.btn.pink:hover a { color:var(--sk-pink); text-decoration:none; }
        
    .kachel-right .btn {margin: 0px auto 0px 0px;}
	
p.btn.pink a {color:#fff;}

    .btn:focus {opacity: 0.7;}
	

    .container-fluid {
        max-width: 1920px;
        position:relative;                
        padding-right: 62px;
        padding-left: 62px;
        margin-right: auto;
        margin-left: auto;        
    }            

    .row {
        margin-right: -62px;
        margin-left: -62px;        
    }
    

.clearfix::after, .clearfix::before, 
.container-fluid::after, .container-fluid::before {
    display: table;
    content: " ";
}

.container-fluid::after {
    clear: both;
}

::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* mmenu */
    @media (max-width: 1200px) {
        #sk-menu {
            display: none !important;
        }
    }
    @media (min-width: 1201px) {
        #mm-sk-menu,
        #nav-toggle {
            display: none !important;
        }         
    }    


.mm-menu {background-color:transparent !important;}

.mm-navbar {height:110px!important; border-bottom: 1px solid #fff!important;}

.mm-panels {background-color: rgba(155,215,215,0.9) !important;}
.mm-panel {background-color: rgba(155,215,215,0.9) !important;}
.mm-navbar {background-color: rgba(230,65,110,1) !important;}

.mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited {
    color: #215BA2 !important; font-weight: 600; text-transform: uppercase;
}

.mm-menu .current-menu-item a, .mm-menu .current-page-ancestor a, .mm-menu .current-page-ancestor ul li.current-menu-item a {color: #fff !important;}
.mm-menu .current-menu-item ul li a, .mm-menu .current-page-ancestor ul li a {color: #215BA2 !important;}

.mm-menu .sub-menu a {font-size: 12px; padding: 5px 0px;}

.mm-searchfield input {padding: 0 10px 0 30px !important;}

.mm-searchfield input, .mm-searchfield input:focus, .mm-searchfield input:hover {
    background: transparent !important; color: #fff !important; font-weight: 600;
}

.mm-searchfield input::placeholder,
.mm-searchfield input:-ms-input-placeholder,
.mm-searchfield input::-ms-input-placeholder { 
  color: #fff !important; opacity: 1 !important;
}

.mm-btn_close::after, .mm-btn_close::before {
  width: 15px !important; height: 15px !important;
  }
  
.mm-btn_close::before {right: 8px !important;}  
.mm-btn_close::after {right: 29px !important;}

.mm-listitem__btn:not(.mm-listitem__text) {
    border-left-width: 0px !important;
}	
	
.mm-btn:after, .mm-btn:before { border:2px solid #fff !important;}

.mm-listview {padding-top: 30px !important;}

.mm-listitem__text {padding-left: 40px !important;}
.mm-listview.sub-menu {
  padding-top: 0px !important;
}


.mm-btn_next:after, .mm-btn_prev:before {
 border-bottom:none !important;
 border-right:none !important;
}
.mm-btn_close:before {
 border-right:none !important; border-bottom:none !important;
}
.mm-btn_close:after {
 border-left:none !important; border-top:none !important;
}


        
        
/* navigation */

.social {float: right; width:145px;}
form#search, .social ul {float: right;}

footer .social ul li a {margin-right: 0px;}

.social ul li {display: inline-block; padding: 0px 5px 0px 5px; position: relative; margin-left: 5px;}
.social ul li a {background-size: 100% auto; background-repeat: no-repeat;}
li.facebook a, .scrolled li.facebook a, .home.scrolled li.facebook a {width:18px; height:18px; background-image: url("img/icon_facebook-weiss.png"); display: block; text-indent: 1000px; overflow: hidden; background-size: contain; background-repeat: no-repeat;}
    .home li.facebook a {background-image: url("img/icon_facebook.png");}
li.instagram a, .scrolled li.instagram a, .home.scrolled li.instagram a {width:18px; height:18px; background-image: url("img/icon_instagram-weiss.png"); display: block; text-indent: 1000px; overflow: hidden; background-size: contain; background-repeat: no-repeat;}

li.youtube a, .scrolled li.youtube a, .home.scrolled li.youtube a {width:18px; height:18px; background-image: url("/wp-content/uploads/2022/01/icon_youtube-weiss.png"); display: block; text-indent: 1000px; overflow: hidden; background-size: contain; background-repeat: no-repeat;}

.home li.instagram a {background-image: url("img/icon_instagram.png");}
.home li.youtube a {background-image: url("/wp-content/uploads/2022/01/icon_youtube.png");}


nav#sk-menu {
    position: relative;
    float: left;
}

nav#sk-menu ul {
    list-style: none;
    margin: 33px 0px 0px 0px;
    padding: 0px;
    text-align: right;
    position: relative;     
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all 1s; 
    -moz-transition: all 1s; 
    -ms-transition: all 1s; 
    -o-transition: all 1s; 
    transition: all 1s; 
}

nav#sk-menu ul li {
    display: inline-block;
    padding: 10px 5px 5px 5px;
    position: relative;
    margin-left: 25px;
    border-bottom: 2px solid transparent;
}

nav#sk-menu ul li.socialmedia, li.socialmedia {display:none;}
.home nav#sk-menu ul li.socialmedia.instafeed { display:inline-block; }
.home nav#sk-menu ul li.socialmedia.instafeed:hover,
.home .scrolled nav#sk-menu ul li.socialmedia.instafeed:hover { border-bottom:none!important; }
.home nav#sk-menu ul li.socialmedia.instafeed a { background-image: url("img/icon_instagram-weiss.png"); }

.scrolled.home nav#sk-menu ul li:hover,
      nav#sk-menu ul li:hover {border-bottom: 2px solid #fff;}

nav#sk-menu ul.sub-menu li a {font-size: 13px;}
    
    nav#sk-menu ul li.current-page-ancestor ul li,
    .scrolled nav#sk-menu ul li.current-page-ancestor ul li,    
    .scrolled nav#sk-menu ul li, 
    .scrolled .social ul li {border-bottom: 2px solid transparent !important;}
    
    nav#sk-menu ul li.current-page-ancestor,
    .scrolled nav#sk-menu ul li.current-page-ancestor,
    .scrolled nav#sk-menu ul li:hover {border-bottom: 2px solid #fff !important;}
    

    div.social ul {
        list-style: none;
        margin: 45px 0px 0px 0px;
        padding: 0px;
        text-align: right;
        position: relative;     
        text-transform: uppercase;
        text-decoration: none;
        -webkit-transition: all 1s; 
        -moz-transition: all 1s; 
        -ms-transition: all 1s; 
        -o-transition: all 1s; 
        transition: all 1s;    
    }
    
div.social ul li:hover a {opacity: 0.6;}
    
    
      nav#sk-menu ul.sub-menu,
.home nav#sk-menu ul.sub-menu 
    {display: none; position: absolute; left: -15px; top: 40px; margin-top: 0px; text-transform: none; padding: 5px 15px 15px 15px; text-align: left; background-color: #fff;}
   
      nav#sk-menu ul.sub-menu li, 
.home nav#sk-menu ul.sub-menu li {margin: 0px; display: inline-block; padding: 5px 5px 0px 5px; line-height: 15px;}

      nav#sk-menu li:hover ul.sub-menu, 
.home nav#sk-menu li:hover ul.sub-menu {display: block;}

.home nav#sk-menu li:hover ul.sub-menu li {border-bottom: 0px;}

   
    
.scrolled nav#sk-menu ul {margin: 33px 0px 0px 0px;}    
.scrolled div.social ul, div.social ul {margin: 45px 0px 0px 0px;}
     
     nav#sk-menu ul li a, 
    .social ul li a {font-size: 15px; text-decoration: none; font-weight: 600;}     
     

    nav#sk-menu ul li:hover a, 
.home.scrolled nav#sk-menu ul li a, 
.social ul li:hover a {color:#fff;}  

    nav#sk-menu ul li:hover ul li a, 
.home.scrolled nav#sk-menu ul li ul li a, 
.social ul li:hover a {color:var(--sk-highlight);}   

    .scrolled nav#sk-menu ul li.current-menu-item a,
    nav#sk-menu li.current-menu-item a, 
    nav#sk-menu li.current-menu-item:hover a {color:var(--sk-highlight); font-weight: 600;}     
    
    .scrolled nav#sk-menu li.current-menu-item:hover, 
    nav#sk-menu li.current-menu-item:hover {border-bottom:2px solid var(--sk-highlight);}  

	.social ul li a:hover,
	.scrolled .social ul li a:hover {text-decoration:none;}
	.social ul li:hover,
	.scrolled .social ul li:hover {border-bottom:2px solid transparent;}
    
    nav#sk-menu ul li a, 
.social ul li a,
.scrolled nav#sk-menu ul li a, 
.scrolled .social ul li a {color:#fff; text-decoration: none;}  
    
.scrolled.home nav#sk-menu ul.sub-menu,
nav#sk-menu ul.sub-menu{    
    top: 40px;
    margin-top: 0px;
    text-transform: none;
    padding: 7px 15px 10px 15px;
    text-align: left;
    background-color: #fff;
    min-width: 120px;
}    


    .navbar-toggle {
		margin-top:-33px;
		}
        
	#nav-toggle {
		display: block;
		position: absolute;
		right: 26px;
		width:30px;
		height: 30px;
		cursor: pointer;
		background-color: transparent;
		border: none;
		padding-left: 0;
        padding-top: 10px;
        top: 45px;
    -webkit-transition: all 1s; 
    -moz-transition: all 1s; 
    -ms-transition: all 1s; 
    -o-transition: all 1s; 
    transition: all 1s;		
		}

	.home #nav-toggle {top: 45px;}

	.scrolled #nav-toggle,
	.home.scrolled #nav-toggle {top:45px;}
            
	#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after,
.home.scrolled #nav-toggle span, .home.scrolled #nav-toggle span:before, .home.scrolled #nav-toggle span:after {
	  cursor: pointer;
      -webkit-border-radius: 1px; 
        -moz-border-radius: 1px;
	  border-radius: 1px;
	  height: 5px;
	  width: 30px;
	  background: #fff;
	  position: absolute;
	  display: block;
	  content: '';
	    -webkit-transition: all 1s; 
    -moz-transition: all 1s; 
    -ms-transition: all 1s; 
    -o-transition: all 1s; 
    transition: all 1s;
	}

.home #nav-toggle span, .home #nav-toggle span:before, .home #nav-toggle span:after {
	  background-color: #fff;
	}

	#nav-toggle span:before {
	  top: -10px;
	}
	#nav-toggle span:after {
	  bottom: -10px; 
	}	
	#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
	  transition: all 500ms ease-in-out;
	}
	#nav-toggle.active span {
	  background-color: transparent;
	}
	#nav-toggle.active span:before, #nav-toggle.active span:after {
	  top: 0;
	}
	#nav-toggle.active span:before {
	  transform: rotate(45deg);
	}
	#nav-toggle.active span:after {
	  transform: rotate(-45deg);
	}

.drache-bg img {
  max-width: 1000px;
  margin: -160px 190px -120px auto;
}

.drache-bg.cropped img {
  max-width: 620px !important;
  margin: -160px auto 0px -490px !important;
  position: absolute;
}
    

.jobs-info {
  font-family: 'TuttiFrutti';
  color: #fff;
  font-style: normal;
  font-weight: 700;
  position: fixed;
  right: 0px;
  top: 170px;
  background-color: #eda86f;
  padding: 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 100px;
  text-align: center;
  z-index: 100;
  }
    .jobs-info a {color: #fff; display: block;}
    .jobs-info a:hover {text-decoration: none; color: var(--sk-blau1);}
    .jobs-info img {max-width: 32px; margin: 0px auto;}
    .jobs-info a span {display: block; margin: 0px;}
    
    

header {
	position: fixed;
	background-color: rgba(230,65,110,0.95);
	width: 100%;
	z-index: 10006;    
    top: 0px;
    border-bottom: 1px solid #fff;
    max-height: 110px;
    -webkit-transition: all 1s; 
    -moz-transition: all 1s; 
    -ms-transition: all 1s; 
    -o-transition: all 1s; 
    transition: all 1s;    
}
    
    .home header {background-color: rgba(230,65,110,0.95); max-height: 110px;
        -webkit-transition: all 1s; 
        -moz-transition: all 1s; 
        -ms-transition: all 1s; 
        -o-transition: all 1s; 
        transition: all 1s;
        }
    .home.scrolled  header {background-color: rgba(230,65,110,0.95); max-height: 110px;}     
    

/* search */
.screen-reader-text {display: none;} 
header .search-form, footer .search-form {position: absolute; right: 210px; top: 36px; } 
header .search-field, footer .search-field,
.home.scrolled header .search-field{
    background-color: transparent;
    background-image: url(/wp-content/uploads/2021/07/icon_search-white.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 26px 20px;
    border: none;
    cursor: pointer;
    height: 32px;
    margin: 3px 0;
    padding: 0 0 0 34px;
    position: relative;
    -webkit-transition: all 1s;
    transition:         all 1s;
    width: 0;
    font-family: 'Montserrat';
}
footer .search-field:focus {
    background-color: #fff;
    border: 1px solid #e74a75;
    cursor: text;
    outline: 0;
    width: 230px;
    background-image: url(/wp-content/uploads/2021/07/icon_search-pink.png);
    -webkit-transition: all 1s;
    transition:         all 1s;
}
.search-form
.search-submit { 
display:none;
}    

span.highlight {background-color: #c6d3e4; padding: 3px;}
    
    
.search h1 {margin-top: 90px;}   

.result {margin-bottom: 40px; padding-bottom: 40px;
border-bottom: 1px solid #ccc;
}

.new-search .search-form .search-field {
    width: 100%; padding: 5px 10px;
    max-width: 400px; font-size: 16px;
    font-family: 'Montserrat';
}
    
    
    main {margin-top: 0px;
        -webkit-transition: all 1s; 
        -moz-transition: all 1s; 
        -ms-transition: all 1s; 
        -o-transition: all 1s; 
        transition: all 1s;
        padding-bottom: 120px;
        }

    .home main {margin-top: 0px;
        -webkit-transition: all 1s; 
        -moz-transition: all 1s; 
        -ms-transition: all 1s; 
        -o-transition: all 1s; 
        transition: all 1s;
        }
        
    .home.scrolled main {margin-top: 0px; 
        -webkit-transition: all 1s; 
        -moz-transition: all 1s; 
        -ms-transition: all 1s; 
        -o-transition: all 1s; 
        transition: all 1s;
        }

main h1, main h2, main h3, main h4, .job-row, .wpcf7-response-output {max-width: 1095px; margin-left: auto; margin-right: auto;}
main p, main ul {max-width: 800px; margin-left: auto; margin-right: auto;}

main .kachel-right ul {margin: 0px 0px 0px 35px; padding: 0px; color: #E83E6D;}
main .kachel-right ul li {color: #000000;}

.BorlabsCookie {max-width: 1095px !important; margin-left: auto; margin-right: auto;}

main p a {font-weight: 600;}
main img {width: 100%; height: auto; display: block;}
main img.align-left, main img.alignleft {width: 100%; float: left; margin-right: 50px; max-width: 480px;}
main img.negative-margin {margin-top: -80px;}
main .grid-item img {margin-bottom:20px;}


.narrow {width:100%; margin: 0px auto;}

.block-kacheln-inner, .block-newsslider-inner {max-width: 1395px; margin: 0px auto;}
.block-newsslider-inner {position: relative;}
.grid-team.block-kacheln-inner {max-width: none; margin: 0px auto;}

.block-random-image,
figure.is-style-fullwidth,
figure.is-style-fullwidth-margin,
.block-kacheln,
.block-termine,
.block-einrichtungen,
.job-detail {width: 100vw; position: relative;
    left: 50%; right: 50%;
    margin-left: -50vw; margin-right: -50vw;
    margin-bottom: 0px;
}

.block-newsslider {width: 100%; position: relative;}


.block-kacheln.team {width: 100%; position: relative;
    left:auto; right: auto;
    margin-left: 0px; margin-right: 0px;
    margin-bottom: 0px;
    margin-top: 100px;
}

.kachel {padding: 80px 80px 80px 40px; margin-bottom: 33px;}
.kachel.even.img-right { padding: 80px 40px 80px 80px; }
.kachel.noshow {
	display:none;
}

.kachel-left {float:left; width: 345px;}
.kachel-right {float:right; width: calc(100% - 435px);}

    .kachel-left .headline {font-family: 'TuttiFrutti'; margin-bottom: 45px; font-size: 26px; line-height: 32px; text-align: right;}
    .kachel-left img {max-width: 90%; margin: 0px 0px 0px auto;}

.even.img-right .kachel-left {float:right;}
.even.img-right .kachel-right {float:left;}
.even .kachel-left, .even .kachel-right { width:50%; }
.even .kachel-left img { max-width:500px; margin: 0 auto; }

.parent-pageid-11 .kachel-right img { max-width:260px; }

figure.is-style-fullwidth {margin-top: 0px; margin-bottom: 30px; max-height: 600px; overflow: hidden;}
    figure.is-style-fullwidth img {margin-top: -100px;}
figure.is-style-fullwidth-margin {margin-top: 100px; margin-bottom: 70px;}

figure.small-centered img {max-width:450px; margin: 50px auto 60px auto;}

.wp-block-image figcaption {
    margin-top: 0px !important;
    margin-bottom: 0px !important;    
    font-size: 36px;
    font-family: 'TuttiFrutti';
    font-weight: 700;
    line-height: 42px;
    position: absolute;
    top: calc(50% - 0px); 
    left: 0px;
    background-color: transparent;
    width: 100%;
    color: #fff;
    padding: 20px 40px;
    text-align: center;
}
.block-subnavi {display: flex; justify-content: center; margin-bottom: 9px; margin-top: 120px;}
.subnav-item {flex-grow: 0; flex-basis:16.5%; padding: 0px 10px; margin-bottom: 20px;}
    .subnav-item img {margin-bottom: 10px;}
    .subnav-item .headline, .subnav-item h3 {font-family: 'TuttiFrutti'; font-size: 23px; line-height: 25px; hyphens: auto; margin:0px;}
    .subnav-item a {color: #000;}
    .subnav-item:hover a {color:var(--sk-highlight); text-decoration: none;}

.block-subnavi.benefits_start { max-width:720px; margin:0 auto 20px;}
	.benefits_start .subnav-item { flex-basis:50%; text-align:center; }
	.block-subnavi.benefits_start break { flex-basis:0; }
	.benefits_start .subnav-item img { margin: 0 auto 10px; border-radius: 50%; max-width:175px; }
    .benefits_start .subnav-item.bg-darkblue img {background-color: var(--sk-highlight);}
	.benefits_start .subnav-item.bg-turquoise img { background-color: rgba(155,215,215,1);}
	.benefits_start .subnav-item.bg-orange img { background-color: #eda86f;}
	.benefits_start .subnav-item h3 { font-family: Montserrat; text-transform: none; font-size:18px; font-weight: 700; line-height:23px; }


/* sk-grid */
.grid-sizer,
.grid-item { width: 25%; border: 1px solid #fff; min-height: 480px; padding: 40px 40px 10px 40px; }
.grid-item--width2 { width: 50%; }
.grid-item--width3 { width: 75%; }
.grid-item--height2 { min-height: 960px; }


.team .grid-sizer,
.team .grid-item { width: 25%; height:0px; min-height: auto; padding:0px 0px 25% 0px; border: 0px solid #fff; background: #fff; color: #1F3C83; position: relative; overflow: hidden; text-align: center;}
.team .grid-item img {position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 1; }
.team .grid-item-inner {border: 2px solid #fff; width: 100%; height: 100%; position: absolute;}
.team .grid-item-inner.text {display: flex; align-items: center; position: inherit; justify-content:center;}
.team .grid-text {position: absolute; top: 0px; left: 0px; margin: 40px;}
.team .grid-item-inner.text .grid-text {position: relative; top: auto; left: auto;}
    .team .grid-text p {margin-bottom: 10px;}
    

.benefits {background-color: #eaf6f6;}
    .benefits h2 {margin-top: 60px; margin-bottom: 40px;}
        .benefits-box {margin-bottom: 80px; max-width: 930px; margin: 0px auto 50px auto; text-align: center;}
        .benefit-item {
          display: inline-block;
          width: 80px;
          height: 80px;
          margin: 10px 35px 20px 35px;
          position: relative;
        }
        
        .benefit-item a:after {
          content: attr(title);
          position: absolute;
          bottom: 85px;
          background-color: rgba(256, 256, 256, 0.9);
          border-radius:0px;
          padding:5px 10px;
          width:160px;
          left:-40px;
          font-size: 10px;
          line-height: 12px;
          display: none;
          font-weight: 700;
        }
            .benefit-item a:hover:after,
            .benefit-item a:hover:before {display: block;}
            
        .benefit-item a:before {height: 0px;
            content:'';
            display: none;
            width: 0px;
            position: absolute;
            border-right: solid 15px transparent;
            border-left: solid 15px transparent;
            border-top: solid 15px white;
            top: -9px;
            left: 24px;
            }    
        
    
.block-jobs {margin-bottom: 100px;}    
.jobs .grid-sizer,
.jobs .grid-item { width: 100%; border: 0px solid #fff; height: 260px; min-height: auto; padding:0px; background: #ceeae9; text-align: left; border-bottom: 10px solid #fff; overflow: hidden; display: flex;}
.page-id-11 .jobs .grid-item.hide { display:none; }
.jobs .grid-item .image {overflow: hidden; width: 260px; }
.jobs .grid-item .content {width: calc(100% - 260px); display: flex; padding-top: 75px; padding-right: 40px;}


.jobs .grid-item img {position: relative; display: block; margin-right: 20px; height: auto; width: 260px; opacity: 1; }  
.jobs .grid-item .headline {margin: 0px 25px 20px 70px; color: #000; font-family: 'Montserrat'; font-weight: 600; font-size: 20px; width: 375px;}
.jobs .grid-item .buttons {width:260px;}
.jobs .grid-item .buttons .btn {display: block; text-align: center;}
.jobs .grid-item p {margin: 0px 50px 40px 30px; color: #000; width: calc(100% - 810px);}
.jobs .grid-item a:hover {text-decoration: none;}

.wpsl-store-below #wpsl-result-list {display: none;}
#wpsl-wrap {margin-bottom: 80px; margin-top: 122px;}

.jobs-filter {display: flex; justify-content:space-between; margin: 100px 0px 90px 0px; width: 100%;}
.jobs-filter button {font-family: 'TuttiFrutti'; font-size: 23px; color: #000; background-color: #fff; padding: 5px 10px; cursor: pointer; border-bottom:2px solid #fff; border-top:0px; border-left: 0px; border-right:0px;}
.jobs-filter button:hover, .jobs-filter button.is-checked {border-bottom:2px solid var(--sk-pink);}
.jobs-filter button a { color:#000; }
.jobs-filter button:hover a, .jobs-filter button a:hover { text-decoration:none;  }

.jobs-filter.allcats button:nth-child(1),
.jobs-filter.fuehrungskraefte button:nth-child(2),
.jobs-filter.paedagogische-fachkraefte button:nth-child(3),
.jobs-filter.paedagogische-ergaenzungskraefte button:nth-child(4),
.jobs-filter.aushilfen button:nth-child(5),
.jobs-filter.hauswirtschaft button:nth-child(6),
.jobs-filter.verwaltung button:nth-child(7){ border-bottom:2px solid var(--sk-pink); }

main .job-detail h1,
.job-detail p.job-intro {max-width: 25%; margin: 0px auto 100px 90px; }
main .job-detail h1 {margin-bottom: 40px; margin-top: 90px;}

.job-detail {background-image: url(/wp-content/uploads/2021/07/jobs-drachen.gif); background-repeat: no-repeat; background-position: right 80px;}

.job-detail-inner, .job-detail-footer, .job-detail-pager {display: flex;}
.job-detail-balken {background-color: #EFAC66; width: 20%;}
.job-detail-content {padding-left: 80px; width: 80%; padding-bottom: 50px;}

.job-detail-footer-left {background-color: #E83E6D; width: 20%; }
.job-detail-footer-center {background-color: #9BD7D7; width:60%; padding: 108px 50px 50px 70px;}
.job-detail-footer-right {background-color: #F9ECE0; width:20%;}
.job-detail-footer .headline {font-size: 25px; line-height: 30px; font-weight: 600; text-transform: uppercase; margin-bottom: 30px;}
.job-detail-footer-right {width:20%;}

.job-detail-pager-left {width:20%;}
.job-detail-pager-center { width:60%; padding: 108px 50px 80px 70px; }
.job-detail-pager-right {width:20%;}


.job-detail-pager-center a {color: #000;}

.job-row {margin-bottom: 20px; display: flex;}

.wpcf7-form.sent {position: relative; width: 100%; }

span.wpcf7-form-control-wrap.job {width:50%;}
.job-row-left {margin-right: 10px; width: calc(50% - 5px);}
.job-row-right {width: calc(50% - 5px);}
.job-row input {height: 60px; padding: 20px; text-transform: uppercase; font-weight: 600; font-size: 15px; border: 0px; display: block; width: 100%;}
.job-row span:nth-child(even) input {background-color:#f4fafa;}

.job-row input[type="file"] {display: none;}
.job-row .custom-file-upload {border: 0px solid #ccc; display: flex; align-items:stretch; align-content:center; padding: 0px; cursor: pointer; width: 100%; font-weight: 600; flex-wrap: wrap;}

.job-row .input-info {width: 66.6%; background-color: #fff; display: flex; align-items: center; font-size: 15px; line-height: 20px; padding: 20px;}
.job-row .input-button {width: 33.3%; background-color: #85a5c8; display: flex; align-items: center; text-align: center; color: #fff; justify-content:center; padding: 20px;}

.job-row input[type=submit] {background-color:#fff; border:0 none; cursor:pointer; background-image:url("img/btn_form-send.gif"); background-position: right; background-repeat: no-repeat; text-align: left; height: 100px; font-size: 20px; line-height: 25px; margin-top: 80px;}

.prev-link {width: 50%; float: left; min-height: 20px; text-align: left;}
.next-link {width: 50%; float: left; min-height: 20px; text-align: right;}

.job-row [type="checkbox"] {position: relative; max-width: 70px; float: left;}
.custom-file-upload p {display: block; width: 100%;}

#file-selected-1,#file-selected-2,#file-selected-3,#file-selected-4 {display: block; font-size: 15px; line-height: 20px; margin-top: 15px;}
span.filename {display: block; margin-left: 20px;}
.wpcf7-form-control-wrap.Anschreiben .wpcf7-not-valid-tip, .wpcf7-form-control-wrap.Lebenslauf .wpcf7-not-valid-tip, .wpcf7-form-control-wrap.Zeugnisse .wpcf7-not-valid-tip, .wpcf7-form-control-wrap.Sonstiges .wpcf7-not-valid-tip {padding-left: 25px;}

input:focus-visible {border-style: solid; border-width: 3px; border-color:#85a5c8; outline:none;}
input.readonly, input.readonly:focus-visible {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 0px; cursor: default;}

.wpcf7-acceptance span {font-size: 12px; line-height: 17px;}

.wpcf7 form.sent .wpcf7-response-output {
    border: 0px !important;
    font-weight: 600;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    top: 0px;
    margin: 0px;
    padding: 50px;
    max-width: 0px;
    min-width: 100%;
	color:#e74a75;
	text-align:center;
}


/* hover effect */

.team .grid-item .caption {
    position: absolute;
	top: auto;
	bottom: 0;
	padding: 1em;
	min-height: 30%;
	background-color:rgba(255,255,255,0.85);
	color:var(--sk-highlight);
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);   
    width: 100%;
    text-align: center;
}

.team .grid-item p.description {
	display: block; 	
    text-align: center;
	color:var(--sk-highlight);
	text-transform: uppercase;
    font-weight: 700;
	opacity: 0;
    line-height: 25px;
    margin-bottom: 15px;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
}

.team .grid-item .headline {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}


.team .grid-item .headline {
	display: inline-block;
    margin-bottom: 10px;
}

.team .grid-item:hover p.description {
	opacity: 1;
}

.team .grid-item:hover .caption,
.team .grid-item:hover .headline {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.team .grid-item:hover .headline {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}






/* termine - split content */

.block-termine, .block-einrichtungen {margin-top:100px;}

    .block-termine {background-color: #F9ECE0; padding-top: 80px;}
    .row .block-termine h1, .row .block-termine h1:first-child {margin-top: 0px;}
        .termin-wrapper {max-width: 1365px; margin: 0px auto;}

    .einrichtung {display: flex; align-items: stretch; align-content: center; background-color: #FCF5EF; margin-bottom: 110px;}
    
    .einrichtung-left {min-width: 50%; padding: 60px 80px 40px 90px;}
    .einrichtung-right {max-width:50%;}   
        .einrichtung-right ul {margin: 0px; padding: 0px; list-style: none;}
    
    .termin-wrapper {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 60px;}
    .termin {border: 2px solid #D64D6E; background-color: #fff; width:calc(50% - 15px); padding: 50px; margin-bottom: 34px;}
    .termin .headline {font-size: 30px; line-height: 30px; font-family: 'TuttiFrutti'; text-align: center; margin-bottom: 10px;}
    .termin a, .einrichtung-left a {display: inline-block;}
    .termin .headline, .einrichtung-left .headline {text-transform: uppercase; font-weight: 700;}
    .termin .subline, .einrichtung-left .subline {text-transform: uppercase; margin-bottom: 30px;}
    .termin .subline {text-align: center;}
        
        
        p.opening {padding-left: 42px; background-image: url("img/icon_opening.png"); background-repeat: no-repeat; background-position: left top; min-height:30px;}
        
.swiper-button-next, .swiper-button-prev {  color: var(--sk-pink) !important;}        
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 35px !important; right: auto;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 35px !important; left: auto;}

.block-newsslider-inner .swiper-button-next {right: -50px !important; left: auto;}
.block-newsslider-inner .swiper-button-prev {left: -50px !important; right: auto;}

.swiper-button-next::after, .swiper-button-prev::after {font-size: 70px !important;}

.block-newsslider-inner .swiper-button-next::after, .block-newsslider-inner .swiper-button-prev::after {font-size: 40px !important;}
         
.accordionjs.sk-accordion {margin: 80px 0px 20px 0px !important;}
.accordionjs.sk-accordion .acc_section .acc_head {background: var(--sk-blau1); padding: 25px 40px; color: #fff; text-transform: uppercase; font-weight: 600;}
.accordionjs.sk-accordion .acc_section.acc_active > .acc_head {background: var(--sk-blau1); border-bottom: 0px solid #fff; }
.accordionjs.sk-accordion .acc_section > .acc_content {background: #fff; font-size: 15px; padding: 30px; line-height: 23px; color: #1F3C83;}

.accordionjs.sk-accordion.faqs .acc_section .acc_head {background: #e1f3f3; padding: 15px 60px 15px 20px; color: #000; text-transform: none; font-weight: 400;}
.accordionjs.sk-accordion.faqs .acc_section {border:1px solid #e1f3f3 !important;}
.accordionjs.sk-accordion.faqs .acc_section > .acc_content {color: #000;}

.accordionjs.sk-accordion.faqs .acc_section .acc_head::after {top: 23px; right: 20px; background: url(/wp-content/uploads/2021/07/accordion-arrow-dark.png) 0 0 repeat;}
.accordionjs.sk-accordion.faqs {margin: 80px auto 20px auto !important;}
.parent-pageid-11  .accordionjs.sk-accordion.faqs { margin-bottom:90px!important; margin-top:90px!important; }


.accordionjs.sk-accordion .acc_section .acc_head::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  top: 30px;
  right: 30px;
  z-index: 10;
  background: url(img/accordion-arrow.png) 0 0 repeat;
  transform: rotate(0deg);
  -webkit-transition: all 0.7s; 
    -moz-transition: all 0.7s; 
    -ms-transition: all 0.7s; 
    -o-transition: all 0.7s; 
    transition: all 0.7s;
}

    .accordionjs.sk-accordion .acc_section.acc_active > .acc_head::after {transform: rotate(180deg); -webkit-transition: all 0.7s; 
    -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; }


.accordionjs.sk-accordion .acc_section:first-of-type, .accordionjs.sk-accordion .acc_section:first-of-type .acc_head {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.accordionjs.sk-accordion .acc_section:last-of-type, .accordionjs .acc_section:last-of-type .acc_content {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.accordionjs.sk-accordion .acc_section { border: 1px solid var(--sk-blau1) !important; margin-bottom: 11px; }
                
main .acc_content ul {margin:15px 0px; padding-left: 20px; list-style-type: disc; }
main .acc_content ul li {color: var(--sk-blau1);}
main .acc_content ul li::marker {color: var(--sk-pink);}


.wpsl-input label, #wpsl-radius label, #wpsl-category label, #wpsl-results label, .wpsl-dropdown  {width: auto !important; font-size: 15px !important;}
#wpsl-search-wrap input {border: 1px solid #d2d2d2; border-radius: 0px !important; font-size: 15px !important;}
#wpsl-search-wrap input:focus {border: 2px solid #E83E6D !important;}
.wpsl-dropdown {border-radius: 0px !important;}
.wpsl-search-btn-wrap #wpsl-search-btn {background-image:none !important; background-color:#E83E6D !important; color:#fff !important; text-transform:uppercase !important; font-weight:600 !important; border:0px !important; padding: 8px 25px 8px 25px !important; margin-bottom: 10px !important;}
#wpsl-result-list #wpsl-stores {height: auto !important;}
#wpsl-result-list ul {margin: auto !important; display:flex !important; flex-wrap: wrap !important;}
#wpsl-wrap.wpsl-store-below #wpsl-result-list li {width:25% !important; padding:15px !important;}
.wpsl-direction-wrap, .wpsl-info-actions {display:none !important;}

#wpsl-wrap #wpsl-gmap {height: 550px !important;}

.swiper-wrapper.s2 {align-items:stretch;}
.swiper-slide.news-slide {height: auto; max-height:none;}

.news-slide {width:25%; max-width: 510px; background-color: #f9ece0; padding: 30px 40px 55px 40px; font-size: 15px; line-height: 21px;}
    .block-bildergalerie .news-slide {padding: 0px !important;}
    .block-bildergalerie {margin-bottom: 50px; }
    .bg-bildergalerie {background-color:#f9ece0; margin-bottom: 50px;}
        .bg-bildergalerie .headline {font-family: 'TuttiFrutti'; margin: 60px 0px 30px 60px; font-size: 26px; line-height: 32px; text-align: left;}
        
.news-slide h3 {text-align:center; font-size: 26px; line-height: 30px; margin-bottom: 15px; margin-top: 0px;} 

.news-slide .btn {color: #fff; background-color: var(--sk-pink); max-width:245px; width: 100%; margin: 0px auto; text-align: center; position: absolute; bottom: 25px; left: 0; right: 0;}
.block-newsslider {margin-bottom: 80px;}

.s2 .swiper-button-next {
  right: 155px !important;
  left: auto;
}

.s2 .swiper-button-prev {
  right: auto;
  left: 155px !important;
}

.swiper-button-next.swiper-button-disabled, 
.swiper-button-prev.swiper-button-disabled {
  opacity: .15;
}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed {width: 100% !important;}

    table {width:100%;}
    th {text-align: left;}
    th, td {padding: 3px 15px 3px 0px;}
    td:last-child {padding: 3px 0px 3px 0px;}
    td:first-child {vertical-align: top;} 
    tbody tr:hover {text-decoration: underline;}
    td.download {text-align: right;}
    
    
footer { color: #fff; font-size: 10px; font-weight: 600; text-transform: uppercase; background-color: var(--sk-blau1);}

    footer ul {list-style: none; margin: 30px 30px 30px 0px; padding: 0px; display: inline-block; vertical-align: top; min-width: 160px; }    
        footer ul li {display:block; margin-right: 10px; font-size: 12px; line-height: 20px;}
        footer ul li a, footer ul li a:focus {display: block; margin-right: 10px; font-size: 10px; color: #fff;}
        .blau1 {background-color: var(--sk-blau1);}
        .blau2 {background-color: var(--sk-blau2); font-size: 16px; font-weight: 400; text-transform: none; text-align: right; padding-top: 10px; padding-bottom:10px;}
		footer .container-fluid.blau1 .row { display: flex; justify-content: space-between;  position: relative; }
.cookies {margin: 25px 60px 30px 0px; padding: 0px; display: inline-block; vertical-align: top;}
.cookies a {color:#fff;}
        footer .social { float:none; width:145px; display: flex; flex-wrap: wrap; margin-right: 30px; margin-top: 30px; }
		footer div.social ul, .scrolled footer div.social ul {  margin-top: 0; float: none;	text-align:left; }
		footer .search-form { position: static; width: 100%; margin-left: 0; margin-top: 0; margin-bottom: -36px; }
		footer .search-field { max-width: 100%; }
        .footer-logos {display: inline-block; float:none; margin-top: 25px; min-width: 480px; }
            .footer-logos p {margin: 0px;  width: 100%;}
            .footer-logos img {float:left;}
            img.logo2 {width:150px; filter: invert(100%) sepia(8%) saturate(7428%) hue-rotate(276deg) brightness(118%) contrast(118%); margin-right: 30px;}            
            img.logo1 {width: 80px; margin-top: 5px; margin-right: 30px;}
img.logo3 {  width: 138px;}
.scrolled.home footer a.logo { width: 150px; margin-right:40px; }