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



.mm-searchfield {display: none !important;}

@media (min-width:1380px) {
.drache-bg.cropped img {
  max-width: 720px !important;
  margin: -160px auto 0px -490px !important;
  position: absolute;
}
}
@media (min-width:1381px) {
	.scrolled.home footer a.logo { width: 330px; }
}
@media (min-width:1919px) {
	.blau2  { max-width: 100%; }
	.blau2 .row { max-width: 1920px; margin: 0 auto; }
}
@media (max-width:1920px) {
    .row {
        margin-right: 0px;
        margin-left: 0px;
    }   
    
    .block-subnavi {flex-wrap: wrap;}    
        
}

@media (max-width:1701px) {

	.grid-sizer,
	.grid-item { width: 50%; border: 1px solid #fff; min-height: 350px; padding: 40px 40px 10px 40px; }
	.grid-item--width2 { width: 50%; }
	.grid-item--width3 { width: 100%; }
	.grid-item--height2 { min-height: auto; }
	
.team .grid-sizer,
.team .grid-item { width: 33.33%; padding: 0px 0px 33% 0px;}
	.team .grid-item .caption {bottom:-2px;}
	
.jobs .grid-sizer, .jobs .grid-item {width: 100%;}	
	
	
	.grid-item img.alignleft {		
		max-width: 380px;
		margin: 0px 70px 40px 0px !important;
	}	
	
	.block-subnavi break {
	  flex-basis: 100%;
	  height: 0;
	}
	
	.subnav-item {
		flex-basis: 25%;
		margin-bottom: 30px;
	}	
	
	.jobs-filter {display: block; text-align: left; font-size:0px;}
	.jobs-filter button {width: 25%; padding:13px 10px 11px; margin: -2px -2px 0px auto; border-bottom: 2px solid #ccc;
border-top: 2px solid #ccc; border-left: 2px solid #ccc; border-right: 2px solid #ccc;}	
		
.jobs-filter button:hover, .jobs-filter button.is-checked,
	.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: 2px solid var(--sk-pink);
	background-color: var(--sk-pink);
	color: #fff;
}
	.jobs-filter.allcats button:nth-child(1) a,
	.jobs-filter.fuehrungskraefte button:nth-child(2) a,
.jobs-filter.paedagogische-fachkraefte button:nth-child(3) a,
.jobs-filter.paedagogische-ergaenzungskraefte button:nth-child(4) a,
.jobs-filter.aushilfen button:nth-child(5) a,
.jobs-filter.hauswirtschaft button:nth-child(6) a,
.jobs-filter.verwaltung button:nth-child(7) a {
		color: #fff;
	}
.jobs-filter button:hover a, .jobs-filter button a:hover { color:#fff; text-decoration:none;  }
.jobs .grid-item .headline {
  margin: 0px 25px 20px 50px;
  }

.jobs .grid-item .buttons {
  width: 220px;
}

.swiper-container.s2 {
  width: calc(100% - 120px);
  margin-left: auto;
  margin-right: auto;
}

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


    
}

@media (max-width:1580px) {

    .jobs .grid-item .content {flex-wrap: wrap;}
    
    .jobs .grid-item .headline { width:100%; }
    .jobs .grid-item p { margin: 0px 50px 40px 50px; width: calc(100% - 340px); }
    
    .grid-item .btn {
      margin: 0px auto 15px auto;
    }
    
    .termin-wrapper {padding: 0px 40px;}
    
    .drache-bg img {
      max-width: 800px !important;
      margin: -140px 160px -120px auto !important;
    }
    
}


@media (max-width:1400px) {

	body {
		font: normal normal 400 16px/25px Montserrat;
		}
			
	.team .grid-text { margin: 20px; font: normal normal 400 15px/22px Montserrat; }	
	.termin-left {width:calc(100% - 440px); min-width:auto; padding:40px 30px 40px 30px;}
	.termin-right {max-width:440px; width:100%; overflow:hidden;}
	.termin-right img {width:100%;}
	
.jobs-filter button {
	width: 33.33%;
	}	
	
.job-detail {
    background-size: 40%;
}	

    nav#sk-menu ul {margin: 36px 0px 0px 0px;}
    
    .drache-bg img {
  max-width: 620px  !important;
  margin: -140px 110px -120px auto !important;
}
	
}

@media (max-width:1380px) {
	
.social { width: 140px; margin-right:30px;}	
.home div.social ul {margin: 138px 0px 0px 0px; padding: 0px;}
	.scrolled.home div.social ul {margin: 48px 0px 0px 0px;}
	.social ul li {padding: 0px 5px 0px 5px; margin-left: 5px;}		
	.scrolled div.social ul, div.social ul { margin: 48px 0px 0px 0px; }
header .search-form, .home header .search-form {display: none;}  
	
footer div.social ul, .scrolled footer div.social ul, .scrolled.home footer div.social ul {margin:0;}
footer a.logo, .scrolled footer a.logo, .scrolled.home footer a.logo {	width:100px; min-width: 100px;	background-size: 330px; margin-right:75px;	}
	
    .drache-bg img {
  max-width: 620px  !important;
  margin: -50px 110px -120px auto !important;
}

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

@media (max-width:1280px) { 

    a.logo, .scrolled a.logo, .scrolled.home a.logo {
      margin: 5px 40px 10px 0px;
    }
    
    .jobs .grid-item p {width: 100%;}
    .jobs .grid-item .buttons {width: 100%; padding-left: 25px; }
    
    .jobs .grid-sizer, .jobs .grid-item {height: 350px;}
    
    .jobs .grid-item .buttons .btn {max-width: 250px; display: inline-block; margin-left: 30px;}
    
	.social {display:none;}
	li.socialmedia.instagram {margin-top:30px;}
	li.socialmedia.instafeed {display:none!important;}
	li.socialmedia {display:block; margin-bottom:10px;}
	li.socialmedia a {background-position:20px 0px; width:48px;}
	 footer .container-fluid.blau1 .row { flex-wrap: wrap; justify-content: flex-start; }
	 .footer-logos { margin-left: 175px; margin-bottom: 30px; min-width: 480px; }
}


@media (max-width:1100px) {
	
.team .grid-sizer,
.team .grid-item { width: 50%; padding: 0px 0px 50% 0px;}	
	
	.termin-left {width:calc(100% - 350px);}
	.termin-right {width: 100%; max-width:350px;}			
	
	.subnav-item {flex-basis: 33%; margin-bottom: 30px;}	
	
.einrichtung {display: block !important; padding-bottom:80px;}	
.einrichtung-left {min-width: 100%; padding: 30px 40px 30px 50px;}	
.einrichtung-right {min-width: 100%; max-width:none;}
	.swiper-container {width:100%; max-width:600px;}	
    
.swiper-container.s2 {
  width: calc(100% - 120px);
  margin-left: auto;
  margin-right: auto;
  max-width: none;
}    
	
.jobs .grid-sizer, .jobs .grid-item {
    width: 100%;
}

.jobs .grid-item .content {
  width: calc(100% - 260px);
  display: flex;
  padding-top: 45px;
  padding-right: 30px;
}
.jobs .grid-item p {
  margin: 0px 20px 40px 50px;
}
	
	#wpsl-wrap.wpsl-store-below #wpsl-result-list li {width:33.33% !important;}
    
.jobs-info {width: 80px;}    
	footer .container-fluid.blau1 .row {flex-wrap: wrap;  justify-content: flex-start;}
	.footer-logos { margin-left:175px; margin-bottom:30px;}	
	
}

@media (max-width:1024px) {

	
.container-fluid {
    padding-right: 32px;
    padding-left: 32px;
}	
	
h1 {font: normal normal 400 40px/50px TuttiFrutti;}	
h2 {font: normal normal 400 30px/39px TuttiFrutti;}
p {margin: 0 0 15px 0;}

.drache-bg.cropped img {
  margin: -220px auto 0px -490px !important;
}


	
.job-detail h1 {
    font: normal normal 400 32px/40px TuttiFrutti;
}	
	.job-detail-content { padding-left: 40px; width: 80%; padding-right: 30px; }	
	.job-detail-footer-center {background-color: #9BD7D7; width: 80%; padding: 50px 30px 10px 50px;}	
	.job-detail-footer-right {display: none; }
	.job-detail-pager-center {width: 60%; padding: 58px 50px 0px 70px;}
	
    .wp-block-image figcaption {font-size: 28px; line-height: 36px;}
.jobs-filter button {width: calc(33.33% - 10px); margin: 0px auto;}
	
.grid-item img.alignleft {max-width: 260px; margin: 0px 70px 40px 0px !important;}	

.grid-sizer,
.grid-item { width: 100%; border: 1px solid #fff; min-height: 100px; padding: 40px 40px 10px 40px; }
.grid-item--width2 { width: 100%; }
.grid-item--width3 { width: 100%; }
.grid-item--height2 { min-height: auto; }    
	
	.jobs-filter button {font-size: 18px;}
  		
.social {margin-right: 60px;}
	
	figure.teamimg {display:none;}
    
    .kachel {
      padding: 50px 30px 40px 30px;
      margin-bottom: 33px; 
    }    

.kachel-left, .kachel-right,
.even .kachel-left, .even .kachel-right {float: none; width: 100%; text-align: left;}   
.kachel-left .headline {text-align: left; font-size: 22px;}
.block-kacheln-inner {max-width: 942px; margin: 0px auto; }

.kachel-left img {
  max-width: 500px;
  margin: 0px auto 50px auto;
}

.termin-wrapper {display: block; padding-bottom: 40px;}
.termin {width: 100%; padding: 50px 30px 20px 30px;}

main p, main ul {max-width: none;}
main .termin img {max-width: 450px; margin: 0px auto;}
main .termin p {font-size: 15px; line-height: 23px;}

main .kachel-right ul {
  margin: 0px 0px 0px 30px;
}

.drache-bg img {
  max-width: 620px  !important;
  margin: 20px 120px -120px auto !important;
}
    	
}


@media (max-width:880px) {

.benefit-item a:after, .benefit-item a:before {
  display: block;
}

.benefit-item a:after {
  bottom: 85px;
  left: -40px;
  }
  
.benefit-item a:before {
  left: 25px;
}

.benefit-item {
  display: inline-block;
  width: 80px;
  height: 80px;
  margin: 70px 60px 30px 60px;
  position: relative;
  cursor: default;
}
    .benefit-item a {cursor: default;}

    .jobs .grid-sizer, 
    .jobs .grid-item {display: block; height: auto;}
    
    .jobs .grid-item .content {width: 100%; padding-bottom: 30px;}
    
    .jobs .grid-item .buttons {text-align: center;}
    .jobs .grid-item .image {
          overflow: hidden;
          width: 100%;
          max-width: 400px;
          margin: 40px auto 0px auto;
          display: none;
        }
        
    .jobs .grid-item img {
      margin-right: 0px;
      height: auto;
      width: 100%;
    }
        
}


@media (max-width:800px) {

	h1, h2 {font: normal normal 400 32px/42px TuttiFrutti;}
	h1 {margin-top: 70px; margin-bottom: 50px;}	
	.termin, .einrichtung {display: block;}
	.termin-left {width: 100%;}	
	main img.align-left, main img.alignleft {float: none;}	
	.subnav-item {flex-basis: 50%; margin-bottom: 30px;}
	.block-subnavi break {flex-basis: 100%; height: 0; display: none;}	
	
	.jobs-filter button {width: auto; margin: -2px -2px 0px auto; font-size: 18px;}
	
main .job-detail h1, .job-detail p.job-intro {max-width: 50%; margin: 60px auto 20px 60px;}
	.job-detail p.job-intro {margin-top:15px !important;}
	
.job-detail-pager-left, .job-detail-pager-right {display:none;}	
	.job-detail-pager-center {width: 100%; }
	
a.back-button { right: 20px;}	
	
.drache-bg {display: none;}
	
#wpsl-wrap.wpsl-store-below #wpsl-result-list li {width:50% !important;}


li.mm-listitem.socialmedia.instagram {
  margin-top: 30px;
  margin-left: 20px;
}

li.mm-listitem.socialmedia {
  display: inline-block;
  margin-bottom: 10px;
}

.jobs-info {
  width: calc(100% - 20px);
  right: 10px;
  left: 10px;
  top: auto;
  bottom: 10px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.jobs-info a span {display: inline-block; margin: 0px 10px;}
.jobs-info img {
  max-width: 32px;
  margin: -4px 0px 0px 20px;
  display: inline-block;
  position: absolute;
}

.swiper-container.s2 {
  width: calc(100% - 90px);
  max-width: none;
} 

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

.einrichtung-left {
  padding: 30px 35px 30px 35px;
}

.subnav-item img {max-width: 260px;}
footer ul.footer-nav { width: 23%;	}
	footer .social { width: 50%; margin-left: 170px; margin-top:0; }
	footer .search-form { margin-bottom: 10px!important;}
	.footer-logos { width:50%;	}
	.blau2 {padding-bottom:75px; }
}


@media (max-width:767px) {
    .news-slide {
      width: 100%;
      max-width: none;
      }
      
    .kachel, .kachel.even.img-right {
  padding: 50px 30px 40px 30px;
}
	.page-id-3791 .kachel.even {
	  padding: 0px 30px 40px 30px;
	}

figure.is-style-fullwidth img {
  margin-top: -30px;
}
 footer a.logo, .scrolled footer a.logo { margin-right: 75px;  }
  footer ul.footer-nav {width:140px; margin-right:30px; }
  footer .social {  margin-left: 0;  margin-right: 0;  width: 175px;  display: block;}
  footer .search-form {width: 150px; }
  .footer-logos { margin-left: 0; margin-top: 20px; width: 600px; }
  .footer-logos img { margin-right: 30px; }
}

@media (max-width:680px) {
			
	body {font: normal normal 400 14px/24px Montserrat;}	
	h1, h2 {font: normal normal 400 33px/43px TuttiFrutti;}	
    
    .row h1:first-child {margin-top: 150px;}
    #wpsl-wrap {
      margin-bottom: 80px;
      margin-top: 32px;
    }
    .benefits_start .subnav-item { flex-basis: 100%;}
	
    .wp-block-image figcaption {font-size: 18px; line-height: 25px;}

	.container-fluid {overflow: hidden;}
	.team .grid-sizer,
	.team .grid-item { width: 100%; padding: 0px 0px 100% 0px;}
	
	.jobs .grid-sizer, .jobs .grid-item {
		width: 100%;
	}	
	
	.grid-sizer, .grid-item {padding: 40px 30px 10px 30px;}	
	.subnav-item h3 {font-size: 18px; line-height: 23px;}	
    
    a.back-button {
        width: 42px;
        height: 40px;    
        background-size: 100%;
    }	
    
    .block-subnavi {
      margin-top: 50px;
    }

    .job-row {margin-bottom: 20px; display: block;}	
    .job-row-left {margin-right: 10px; width: 100%; margin-bottom: 20px; }	
        .job-row-right {width:100%;}

    .custom-file-upload p {
        margin-bottom: 0px;
    }	

    .job-row input[type="submit"] {
        margin-top: 40px;
    }	

    .job-row input[type="submit"] {font-size: 15px;}	
    
    main {margin-top: 110px;}
    
    .einrichtung {
      padding-bottom: 0px;
      margin-bottom: 60px;
    }
    
    iframe {
      min-height: 350px;
    }
 footer a.logo, .scrolled footer a.logo { margin-right:55px!important; }  
 footer ul.footer-nav { min-width:auto; width: 27%;}
 footer .social {width:155px;}   
	
}

@media (max-width:550px) {

    .jobs .grid-item .image {
      overflow: hidden;
      width: 100%;
      max-width: none;
      margin: 0px auto 0px auto;
      height: auto !important;
    }
    
    .jobs .grid-item .content {
      padding-top: 10px;
      padding-right: 0px;
    }
    
    .jobs .grid-item .headline {
      margin: 0px 20px 20px 25px;
      font-size: 18px;
    }

    .jobs .grid-item p {
      margin: 0px 20px 40px 25px;
    }

    .jobs .grid-item .buttons {padding-left: 0px;}
    .jobs .grid-item .buttons .btn {margin-left: auto;}

.jobs-filter {
  text-align: center;
}

.jobs-filter button {
  width: auto;
  margin: -2px 10px 10px auto;
  font-size: 18px;
}

.job-row input {
  margin-bottom: 5px;
}

h2 {
  margin-top: 60px;
  margin-bottom: 30px;
}

.termin-wrapper {
  padding: 0px 20px;
    padding-bottom: 0px;
}

iframe {min-height: 277px;}
  footer a.logo, .scrolled footer a.logo { margin-right:40%!important; }  
	footer ul.footer-nav { width: 50%; min-width: auto; margin-right: 0;}
	footer .social { width: 100%; margin-left: 0; margin-bottom:30px;}
	footer .social ul { width: 100%; }
	.footer-logos { margin-left: 0; width: 200px; min-width: 200px;  }
	.footer-logos img { margin-bottom: 30px;}
}

@media (max-width:480px) {
			
.home #nav-toggle { top: 45px; }	

a.logo, .scrolled a.logo, .scrolled.home a.logo {
  width: 90px;  
  background-size: 300px auto;
}

h1, h2 {
  font: normal normal 400 30px/36px TuttiFrutti;
}

h2.has-text-align-center {
  text-align: left;
  font-size: 22px;
  line-height: 26px;
}

.block-termine p {
  margin-left: 20px;
  margin-right: 20px;
  width: auto;
}

.jobs-info {
  width: 100%;
  right: 0px;
  left: 0px;
  top: auto;
  bottom: 0px;
  padding: 25px;
  border-radius: 0px;
  font-size: 20px;
}
	.block-subnavi.einrichtungen_start { margin-left:-32px; margin-right:-32px; margin-bottom: 50px; }
	.subnav-item {flex-basis: 100%; margin-bottom: 30px; }
	.einrichtungen_start .subnav-item { text-align: center; margin-bottom: 4px; padding: 50px 20px 50px;}
	.einrichtungen_start .subnav-item:first-child, .einrichtungen_start .subnav-item:nth-child(5) {background-color: rgba(155,215,215,1);}
	.einrichtungen_start .subnav-item:nth-child(2), .einrichtungen_start .subnav-item:nth-child(6) {background-color: #eda86f;}
	.einrichtungen_start .subnav-item:nth-child(3), .einrichtungen_start .subnav-item:nth-child(7) {background-color: #48ba63;}
	.einrichtungen_start .subnav-item img { display:none; }
	.einrichtungen_start .subnav-item h3 { font-size:20px; }
	
.job-detail {background-image: none;}	
main .job-detail h1, .job-detail p.job-intro {
    max-width: 75%;
    margin: 35px auto 20px 35px;
}	
	
.job-detail-balken, .job-detail-footer-left { display:none;}	
.job-detail-content, .job-detail-footer-center {width: 100%;}

.job-detail-footer-center {padding: 40px 30px 10px 30px;}
	
#wpsl-wrap.wpsl-store-below #wpsl-result-list li {width:100% !important;}

.block-newsslider-inner {width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
margin-bottom: 0px;
}

.news-slide .btn {
  max-width: none;
  width: 100%;
  bottom: 0px;
  left: 0;
  right: 0;
}

.termin .headline {
  font-size: 23px;
  line-height: 27px;
}

.kachel-left .headline {
  margin-bottom: 25px;
  }
  
.kachel-left img {
  margin: 0px auto 30px auto;
}

figure.is-style-fullwidth img {
  margin-top: 0px;
}

.wp-block-image figcaption {top: calc(50% - 20px);}
	 footer ul.footer-nav { width: 100%; min-width: auto; margin-right: 0;}
 .blau2 { padding-bottom: 85px; }	
}
@media (min-width:1281px) and (max-width:1385px) {
	.social {  margin-right: 0;  margin-left: 10px; }
	img.logo1 {  margin-right: 30px; }
	footer ul {  margin-right: 30px; }
}