b@charset "UTF-8";
/*
Theme Name: zero insurance
Author: networkerz Gmbh - München
Version: 1.0
*/


.mm-panels, .mm-panel, .mm-navbar {border-bottom: 0px; color: #fff;}
.mm-panels #mm-0 li a {color: #fff !important;}
.mm-panels li a {color: var(--dark) !important;}
.mm-panel {background-color: #fff;}

.mm-navbar_sticky {padding-top: 90px; background-color: var(--dark);}

#mm-0.mm-panel {background-color: var(--dark);}
#mm-0 .mm-listview {padding-top: 90px;}
#mm-0 .mm-navbar_sticky {padding-top: 0px; background-color: transparent;}



@media (min-width: 1280px) {
.animation.text.anim-right small br {display: none;}
}

@media (min-width: 1200px) {

    #mm-menu, #nav-toggle {
      display: none !important;
    }
 
}

@media (max-width:1300px) { 
	.with-btns .btn-wrap, .home .with-btns .btn-wrap { margin-top:30px; }
    
    .split .inner {width: 60%;}
    .split .animation {max-width: 580px; width: 40%; height: auto;}
    .split .animation img {max-width: 580px; width: 100%; }
    
    .split .row {align-items: flex-start;}
    
    .background-image .inner {padding: 0px 0px 60px 80px;}
    
    .home .background-image a.more {
      margin-right: -27px;
    }
    
    
    
}

@media(max-width:1200px) {

    nav#menu,
    .language-nav {display: none;}
    
    ul.main-nav, ul.main-nav li {display: block;}    
    ul.main-nav li {margin: 0px 0px 0px 0px;}
    
    .mm-menu_offcanvas {width: 100%; min-width: 240px; max-width: none;}
        
    .mm-listitem__btn {background: transparent; float: right; padding: 0px; width: 50px; height: 40px; margin-right: 70px; margin-top: 10px;}    
        .mm-btn_prev {margin-right: 70px;}
    .mm-listitem__btn, .mm-listitem__text {display: inline-block;  }    
    .mm-listitem__text {padding: 20px 20px 15px 80px;}
            
    .mm-listitem__btn:not(.mm-listitem__text) {border-left-width: 0px;}    
    .mm-btn::after, .mm-btn::before {border-top-color: #fff; border-left-color: #fff; border-top-width: 1px; border-left-width: 1px;}
    .mm-menu_position-right {top: 100px;}
    
    .mm-btn_next::after, .mm-btn_prev::before {width: 13px; height: 13px;}
    
    ul.main-nav li ul {
          display:inherit;
          width: 100%;
          min-width: auto;
          position: relative;
          top: auto;
          left: auto;
          background-color: var(--dark);
          padding: 10px 0px 0px 20px;
        }
    ul.main-nav li {padding: 0px;}
        
    .mm-listitem_opened > .mm-listitem__btn, .mm-listitem_opened > .mm-panel {
      background: transparent !important;
    }        
    
    ul.main-nav li ul li a:hover {text-decoration: underline;}
    
    .mm-listitem_vertical > .mm-panel {padding: 0px;}
    
    .mm-navbar > * {
        -webkit-box-pack: flex-start; 
        -ms-flex-pack: flex-start; 
        justify-content: flex-start;
        }
        
    #mm-0 .mm-navbar_sticky {display: none;}
    #mm-0 .main-nav.mm-listview {background-color: var(--dark);}
    
    .main-nav.mm-listview {background-color: #fff;}
      
    .mm-navbar {flex-direction: row-reverse;}    
    .mm-navbar__btn:not(.mm-hidden) + .mm-navbar__title:last-child {padding: 20px 0px 20px 80px;}
    
    .mm-navbar_sticky {border-bottom: 4px solid var(--highlight);}
    
    ul.main-nav li:hover {border-bottom: 4px solid #2d456a;}
    ul.main-nav li.current-menu-item:hover {border-bottom: 4px solid var(--highlight);}
    
    .zitate figure:nth-child(3n+2) { margin-left: 180px;}
    .zitate figure {margin-bottom: 70px; max-width: 910px; width: calc(100% - 220px);}
    
    blockquote br {display: none;}
    

}


@media (max-width:1180px) {
		section .inner { padding: 90px 0 60px 0; }
		.statement { font-size: 88px; }
		.home .with-btns .statement-line1, .home .with-btns .statement-line2 { font-size: 60px; line-height:1;}
		.subline, .home .background-image p { font-size:25px; line-height:1.5; }
		section.white-bg.with-btns .subline { margin-left: 2em; margin-right: 2em; width:auto;}
		
		.home .with-btns .btn-wrap { margin-right:15px; }
		section.with-btns .statement-wrapper .top-side,
		.home .with-btns .top-side { width:150px; min-width:0; }
		section.with-btns .statement-wrapper .right-side,
		.home .with-btns .right-side { height:110px; }
		
		.home .background-image a.more { font-size: 16px; padding-right: 80px; margin-right: -40px; margin-top: 80px; min-width: 250px; }
		a.more::after, a.more:hover::after { width: 80px; height: 90px; bottom: -32px;}
}




@media (max-width:1024px) {

    .resp-vtabs .resp-tabs-container {
      border: 0px;
      width: 100% !important;
      margin-right: 0px !important;
      max-width:none !important;
      border-radius: 0px;
    }
    
    h1 {  font: normal normal 700 45px/55px Aventa; margin: 0px 0px 65px 0px;}
    
    .container-fluid {padding-right: 55px; padding-left: 55px;}
    
    .background-image {padding: 105px 0px 125px 0px;}
        .background-image .inner { padding: 0px 0px 40px 60px;}
        .background-image p,
        .resuemee, 
        .pfeil,
        section.white-bg .statement-wrapper p {font-size: 25px; line-height: 33px;}
        .background-image a.more { font-size: 16px; padding-right: 80px; margin-right: -40px; margin-top: 100px; min-width: 250px; }   
        .background-image .statement-wrapper {padding-right: 80px;}
    
    .split .row, .white-bg.split .row, section.white-bg.content .row {display: block;}  
    .split .inner, .white-bg.split .inner {padding: 70px 0px 50px 0px; max-width: none; width: 100%;}    
    .split .animation {max-width: none; width: 100%; height: auto; padding: 0px 0px 70px 0px;}
    
    .page-template-jobs .white-bg.split .inner a.more {float: right;}
            
    .highlight-bg p, .highlight-bg ul {font: normal normal 400 25px/35px Aventa; margin: 0px 0px 20px 0px; }
    
.blog-eintrag .blog-left { padding: 20px 40px 20px 40px;}    
.blog-eintrag a .blog-right::after {width: 110px; height: 110px; top: calc(50% - 55px); left: calc(50% - 55px);}
    
    section.white-bg.tabs {padding-bottom: 35px;}    
    section.white-bg.headline h2, section.white-bg.with-btns h2 {font: normal normal 600 65px/75px Aventa;  margin-bottom: 60px; }    
    section.white-bg.with-btns .inner {padding: 70px 30px 50px 30px; }
    section.white-bg.content .text {padding: 60px 0px 0px 40px;}
    
    section.content .inner {width: 100%; max-width: 650px;}
    
    .blog-eintrag .blog-left { width: 55%;}
    .blog-eintrag .blog-right { width: 45%;}
    
    
.infografik .infobox {
  width: 100%;
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  padding: 50px 80px 50px 50px;
  display: block;
  pointer-events: auto;
  max-width: 900px;
  height: auto;
  margin-top: 60px;
}

.page-template-default.page h1 {
  margin: 0px 0px 105px -10px;
  padding: 20px 0px 35px 35px;
}


    section.white-bg.split .animation.image {padding: 0px 0px 0px 0px !important;}
    section.white-bg.split.no-padding {padding: 0px 0px 20px 0px !important;}

    section.split, .anim-right {overflow:hidden;}


            
}

@media (max-width:900px) {

.blog-eintrag {margin: 0px auto 40px auto; max-width: 80%; }
.blog-eintrag a {display: block;}
.blog-eintrag .blog-left {width: 100%; padding: 30px 40px 30px 40px;}
.blog-eintrag .blog-right {width: 100%;}



}


@media (max-width:767px) {

a.top {opacity: 0;     -webkit-transition: all 0.3s; 
    -moz-transition: all 0.3s; 
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s; 
    transition: all 0.3s; display: block;}
    
    a.top.show {opacity: 1;}


h3 {margin: 0px 0px 20px 0px;}

    .container-fluid {
      padding-right: 35px;
      padding-left: 35px;
    }
    
    
    .background-image {padding: 75px 0px 95px 0px;}
		.background-image .inner { padding: 0px 40px 60px 40px; }
		section .inner { padding: 90px 0 60px; }
		.statement { font-size:42px; }
		.home .background-image .statement-wrapper { min-height:0; }
		.home .with-btns .statement-line1, .home .with-btns .statement-line2 { font-size: 40px; line-height:1;}
		.statement-line1, .statement-line2 { line-height:1; padding-left:1em }
		.subline, .home .background-image p { font-size:20px; line-height:1.5; }
		.bright .subline { margin-right:0; }
		section.white-bg.with-btns .subline { margin-top: 0; margin-bottom: 50px; margin-left: 2em; margin-right: 2em; width:auto; }
		
		.left-side { width:10px; }
		.top-side { top:0; width:100px; height:10px; }
		.right-side { width:10px; top:10px; height:67px; }
		.bottom-side { height:10px;}
		.statement-line2 { padding-bottom:30px; }
		
		.background-image .bottom-side, .white-bg .bottom-side, .background-image.bright-img .bottom-side {max-width:245px; }
		.background-image .top-side,
		.home .background-image .top-side { width:150px; min-width:0; }
		.background-image .right-side, 
		.home .background-image .right-side { height:110px; }
		
		.home .with-btns .btn-wrap { margin-right:0; }
		.with-btns .btn { text-align: center; display: inline-block; max-width: none; margin: 30px 0 30px auto; }
		.with-btns .btn-orange {margin-bottom: 30px; margin-top: 30px; margin-right: 0;}
	
    .mm-navbar__btn:not(.mm-hidden) + .mm-navbar__title:last-child {padding: 20px 0px 20px 40px;}
    .mm-listitem__text {padding: 20px 20px 15px 40px;}    
    .mm-listitem__btn {margin-right: 30px;}
    .mm-btn_prev {margin-right: 30px;}
    
    .background-image .statement-wrapper {padding-right: 10px;}
    .statement-wrapper .top-side {right: -35px;}
    .statement-wrapper .right-side {right: -35px;}
    
.background-image h1 {min-width: auto;}
    
    .split .inner {width: 80%;}
    
    .infografik .infobox {padding: 40px; }
    .infobox ul li {margin-bottom: 15px; line-height: 25px;}
    
    section.white-bg {padding-bottom: 50px;}
    section.white-bg.headline .inner {padding: 0px 50px 30px 55px;}
    section.white-bg.split .inner {padding: 60px 0px 0px 0px; max-width: none; width: 100%;}
    
    section.white-bg.with-btns .inner {padding: 50px 30px 50px 0px;}
    
    .highlight-bg h3 { font: normal normal 600 30px/40px Aventa; color: var(--highlight); }    
    .highlight-bg .inner {padding: 60px 0px; max-width: 1075px;}  
    .highlight-bg.pfeil .inner {padding: 0px 30px 30px 95px;}
    .highlight-bg p {font: normal normal 400 20px/28px Aventa; margin: 0px 0px 20px 0px; }
    
    .pfeil .inner::before {left: -10px;}
    
    a.more { padding-right: 95px; margin-bottom: 60px; margin-top: 30px;}
    
    .highlight-bg.block-content a.more {float: none;
margin-top: 30px;
display: inline-block;
margin-bottom: 10px;}
    
    section.white-bg.headline h2, section.white-bg.with-btns h2 {font: normal normal 600 50px/60px Aventa; margin-bottom: 40px;}

section.white-bg.with-btns h2, 
section.white-bg.with-btns .statement-wrapper p {
  padding-left: 45px;
  max-width: 860px;
  margin-bottom: 65px;
}

.with-btns .btn-wrap, .home .with-btns .btn-wrap {margin-top: 0px;}
.background-image p, .resuemee, .pfeil, section.white-bg .statement-wrapper p {font-size: 20px; line-height: 30px; }
        
section.white-bg.content .text {padding: 35px 0px 0px 20px;}
.zitate figure:first-child {margin-top: 60px;}

.zitate figure {
  margin-bottom: 50px;
  max-width: 910px;
  width: calc(100% - 70px);
}

.zitate figure:nth-child(3n+2) {margin-left: 90px; width: calc(100% - 90px);}
.zitate figure:nth-child(3n+3) {margin-left: 40px;}
blockquote {font-size: 23px; line-height: 32px; margin: 0px 0px 10px 0px;}
figcaption {font-size: 16px;}

section.white-bg.headline h2, section.white-bg.with-btns h2 {
  font: normal normal 700 42px/56px Aventa;
  margin-bottom: 30px;
}

.page-template-default.page h1, 
.jobs-template-default.single h1 {
  margin: 0px 0px 105px -5px;
  border-left: 8px solid var(--highlight);
  padding: 20px 0px 35px 30px;
  position: relative;
}

.statement-wrapper {padding-right: 10px;}

.blog-detail .inner *, 
.blog-detail .inner figure.wp-block-image, 
.blog-detail .inner p {max-width: none;}
.blog-detail .inner {padding: 60px 0px 60px 0px;}
.blog-detail .inner h1 {margin-bottom: 35px;}

.page-template-default.page h1 {
  margin: 0px 0px 85px 0px;
  padding: 20px 0px 35px 35px;
}

p.more {margin-top: 20px;}


.highlight-bg.block-content h3 {max-width: 100%;}

.highlight-bg.block-content .inner {
  background-color: var(--highlight-bg);
  padding: 45px 40px 50px 45px;
  border-left: 10px solid var(--dark);
  max-width: none;
}

.highlight-bg.block-content ul {
  margin: 0px 0px 20px 20px;
  font-size: 15px;
  max-width: 100%;
}

.highlight-bg.block-content ul li {font: normal normal 600 20px/28px Aventa;}

section.white-bg.pfeil {
  padding-bottom: 50px;
}

.with-btns .btn-wrap {
  text-align: left;
}

.with-btns .btn-orange {
    margin-left:19px;
}

}



@media (max-width:580px) {

    body {font: normal normal 400 18px/26px Aventa;}
    h1 {font: normal normal 700 32px/38px Aventa; margin: 0px 0px 30px 0px;}
    h2 {  font: normal normal 700 32px/38px Aventa; }
    h3 { font: normal normal 500 18px/26px Aventa; margin-bottom:35px;}
    
        h3 br {display: none;}
    
    .left-side, .right-side {width: 7px;}    
    .bottom-side, .top-side {height: 7px;}    
    .right-side {top: 7px;}
    
    .statement-wrapper {padding-top: 40px;}
    
    .split .inner { width: 100%;}
    .highlight-bg.text h3 {font: normal normal 600 20px/28px Aventa;}
    .highlight-bg.text p,
    .highlight-bg p {font: normal normal 400 18px/26px Aventa;}

    .highlight-bg.pfeil p {font: normal normal 600 20px/28px Aventa; }
    
    section.white-bg.split .inner {width: 100%;}
    
    section.white-bg.headline h2, section.white-bg.with-btns h2 {
      font: normal normal 600 32px/38px Aventa;
      margin-bottom: 30px;
    }    
    section.white-bg.headline .inner {padding: 0px 30px 30px 40px;}   

    .background-image {padding: 65px 0px 65px 0px;}
    .background-image .inner {padding: 0px 40px 30px 40px;}
    .background-image .statement-wrapper {padding-right: 0px;}
     
    section.white-bg.content .inner {padding: 60px 0px 0px 0px;}    

    footer .row {  display: block;}
    .column-logo {padding: 0px 0px 20px 0px; border-right: 0px solid #fff; }
    .column-text {padding: 15px 0px 10px 5px;}
    .column-sitemap {padding: 0px 0px 20px 5px;}    
     
    .split .animation {width: 100%;}
    
    
    .resp-tab-active, h2.resp-accordion:first-child, h2.resp-accordion {
      border-bottom: 3px solid var(--dark) !important;
      font-size: 20px;
      line-height: 28px;
      padding: 10px 0px 5px 0px;
    }    
    
    .resp-arrow { bottom: 9px; }
    
    .blog-eintrag {max-width: 100%;}

.pfeil .inner {padding: 0px 15px 0px 35px;}

.resuemee .inner::before, .pfeil .inner::before {
  width: 5px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  content: '';
  background-color: var(--highlight);
  -webkit-mask: none;
  mask: none;
  -webkit-mask-size: cover;
  mask-size: cover;
}    
.resuemee, .pfeil {font-weight: 600;}
     
.highlight-bg.pfeil .inner {
  padding: 0px 30px 0px 35px;
  margin-bottom: 50px;
}     

.page-newsletter form {
  display: block;
}

.split50.lefty,
.split50.right {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}

.page-newsletter input[type="checkbox"] + .list-item-label {margin-top: 30px; margin-bottom: 30px;}

.highlight-bg.block-content .inner {
  background-color: var(--highlight-bg);
  padding: 35px 20px 50px 25px;
  border-left: 7px solid var(--dark);
  max-width: none;
}

.highlight-bg h3 {
  font: normal normal 600 23px/30px Aventa;
  color: var(--highlight);
}

.animation.text small span {
  display: block;
  margin: 0px;
  height: 5px;
  overflow: hidden;
  font-size: 1px;
  color: var(--lightblue);
}

.with-btns .btn-orange, .with-btns .btn-blue-border {
  margin-left: 0px;
  width: 100%;
  max-width: 250px;
  margin-top: 10px;
  margin-bottom: 10px;
}


footer {border-top: 0px solid #fff;}
     
}    



@media (max-width:480px) {

body { font: normal normal 400 18px/26px Aventa; }

.statement-wrapper h1 {font: normal normal 700 24px/33px Aventa;}

h1 {font: normal normal 700 28px/35px Aventa; margin: 0px 0px 30px 0px;}
    h2 {  font: normal normal 700 26px/34px Aventa; }
    h3 {  font: normal normal 600 18px/26px Aventa;}


    .background-image p, .resuemee, 
    .pfeil, section.white-bg .statement-wrapper p,
    .highlight-bg.block-content ul li {
      font-size: 18px;
      line-height: 26px;
    }
    
    .pfeil p br {display: none;}

.background-image .inner {
  padding: 0px 40px 15px 32px;
}

blockquote {
  font-size: 20px;
  line-height: 28px;
  margin: 0px 0px 10px 0px;
}

.zitate figure:nth-child(3n+4), .zitate figure:first-child {
  margin-left: 10px;
}

.zitate figure:nth-child(3n+2) {
  margin-left: 50px;
  width: calc(100% - 60px);
}

.zitate figure:nth-child(3n+3) {
  margin-left: 10px;
}

.white-bg.pfeil {padding-top: 40px;}


}



@media (max-width:400px) {
		.statement { font-size:32px; }
		.subline, .home .background-image p { font-size:18px; line-height:1.5; }
		section.background-image.bright-img .statement-wrapper .top-side { min-width:185px;}
		section.background-image.bright-img .statement-wrapper .right-side { height: 218px; }
	}