@charset "UTF-8";
/*
Theme Name: zero insurance
Theme URI: 
Author: networkerz GmbH, Muenchen
Version: 1.0
*/


/* aventa-light - latin */
@font-face {
  font-family: 'Aventa';
  font-style: normal; 
  font-weight: 300;
  src: url('fonts/aventa-light-webfont.woff2'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/aventa-light-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/aventa-light-webfont.woff') format('woff'); /* Legacy iOS */
  font-display: swap;       
}

/* aventa-regular - latin */
@font-face {
  font-family: 'Aventa';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/aventa-regular-webfont.woff2'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/aventa-regular-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/aventa-regular-webfont.woff') format('woff'); /* Legacy iOS */
  font-display: swap;       
}

/* aventa-medium - latin */
@font-face {
  font-family: 'Aventa';
  font-style: normal; 
  font-weight: 500;
  src: url('fonts/aventa-medium-webfont.woff2'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/aventa-medium-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/aventa-medium-webfont.woff') format('woff'); /* Legacy iOS */
  font-display: swap;       
}


/* aventa-bold - latin */
@font-face {
  font-family: 'Aventa';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/aventa-bold-webfont.woff2'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/aventa-bold-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/aventa-bold-webfont.woff') format('woff'); /* Legacy iOS */
  font-display: swap;       
}

/* aventa-extrabold - latin */
@font-face {
  font-family: 'Aventa';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/aventa-extrabold-webfont.woff2'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/aventa-extrabold-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/aventa-extrabold-webfont.woff') format('woff'); /* Legacy iOS */
  font-display: swap;       
}



:root {
  --copy-text: #031836;
  --copy-hell: #ffffff;
  --nav: #ffffff;
  --dark: #082550;
  --highlight: #FF5503;
  --beige:#DCD8D4;
  --highlight-bg:#FFEDE5;
  --lightblue:#e2e6eb;

}

.dark {background-color: var(--dark); color: #fff;}
.bright {background-color: var(--beige); color: var(--dark);}

.beige-bg {background-color: var(--beige); color: var(--dark);}
.white-bg {background-color: #fff; color: var(--dark);}
.lightblue-bg {background-color: var(--lightblue); color: var(--dark);}
.highlight-bg {background-color: var(--highlight-bg); color: var(--dark);}
.highlight-bg.block-content {background-color: #fff;}

.bright p,
.white-bg p,
.lightblue-bg p,
.highlight-bg p {color: var(--copy-text);}




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

body {
  min-height: 100vh;
  /* mobile viewport bug fix */
  min-height: -webkit-fill-available;
}



html {
  height: -webkit-fill-available;
  scroll-behavior:smooth; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font: normal normal 400 18px/30px Aventa; 
    letter-spacing: 0px;
	color: #fff;
	background-color: var(--dark);
	margin: 0px;
	padding: 0px;
    text-align: left;    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position:relative; 
    overflow-x:hidden;
}
body.no-scroll {
        overflow:hidden;
      }
.clear, p.more:after {clear:both;}
.clearfix:after, p.more:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

a.top {position: fixed; right: 0px; bottom:0px; display: none;}
a.top.show {width: 50px; height: 50px; right: 0px; bottom: 0px; z-index: 100001; display: block; background-color: var(--highlight); position: fixed; 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;}
    
    a.top.show:hover {background-color: var(--dark);}
    
a.top::before {width:54px; height: 49px; display: block; position: unset; left: -24px; top: 128px; content: '';
      -webkit-mask: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='65 20 800 800' style='enable-background:new 0 0 600 600;' xml:space='preserve'%3E%3Crect x='220' y='390' width='290' height='20'%3E%3C/rect%3E%3Crect x='369.8' y='288.3' transform='matrix(0.7071 0.7071 -0.7071 0.7071 362.6598 -280.8582)' width='301.2' height='20'%3E%3C/rect%3E%3Crect x='368.2' y='491.4' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -201.3422 514.6984)' width='304.8' height='20'%3E%3C/rect%3E%3C/svg%3E") no-repeat 40% 40%;
      mask: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='65 20 800 800' style='enable-background:new 0 0 600 600;' xml:space='preserve'%3E%3Crect x='220' y='390' width='290' height='20'%3E%3C/rect%3E%3Crect x='369.8' y='288.3' transform='matrix(0.7071 0.7071 -0.7071 0.7071 362.6598 -280.8582)' width='301.2' height='20'%3E%3C/rect%3E%3Crect x='368.2' y='491.4' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -201.3422 514.6984)' width='304.8' height='20'%3E%3C/rect%3E%3C/svg%3E") no-repeat 40% 40%;
      -webkit-mask-size: cover;
      mask-size: cover;
      transform: rotate(-90deg);
      }
      a.top:before {background-color: #fff;}

a.logo {
    width: 157px;
    height: 50px;
    background-image: url("img/zero-insurance-logo-ani.gif");   
    background-repeat: no-repeat;
    background-size:100% auto;
    position: absolute;
    left: 0px;
    top: 47px;
    display: block;    
    margin: 0px 0px 0 0px;
    -webkit-transition: all 0.3s; 
    -moz-transition: all 0.3s; 
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s; 
    transition: all 0.3s;
}

a {text-decoration: none; position: relative; color:var(--copy-text);}
a:focus {text-decoration: none; color:var(--copy-text);}

main a:hover {color: var(--highlight);}
main a.more:hover {color: var(--dark);}


a:where(:not(.wp-element-button)) {
  text-decoration: none !important;
}

a.btn {padding: 4px 20px; 
    -webkit-transition: all 0.3s; 
    -moz-transition: all 0.3s; 
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-transform: none;
    }
    
    a.btn:hover {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        background-color: var(--dark) !important;
        color: #fff !important;
    }
    
    a.btn.video {position: relative;}
    

p {margin: 0 0 20px 0;}
strong {font-weight: 700;}
iframe {width:100%; height:auto;}


h1 {font: normal normal 55px/65px Aventa; text-transform: uppercase; letter-spacing: 0px; margin: 0px 0px 105px 0px; font-weight: 700;}
        
h2 {font: normal normal 700 45px/55px Aventa; text-transform: uppercase; letter-spacing: 0px; margin: 0px 0px 40px 0px; position: relative; display: block;}
    h2 span {width:27px; height: 5px; bottom: -5px; display: inline-block; position: relative; background-color: var(--highlight);}
    .background-image.dark h2 {font-size: 55px; line-height: 65px; margin-bottom: 110px;}

h3 {font: normal normal 600 23px/33px Aventa; text-transform:none; letter-spacing: 0.23px; margin: 0px 0px 40px 0px;}
    .has-background h3 {margin-bottom: 0px;}

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

    .row {
        margin-right: 0px;
        margin-left: 0px;  
        position: relative;
    }
    

.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;
}

/* 
ul {list-style: none; padding: 0px;}
ul li {padding-left: 14px; position: relative;}            
ul li:before {content:''; display: block; width:12px; height: 2px; position: absolute; left: 0px; top: 20px; background-color: var(--dark); }
*/

main ul {
margin: 10px 0px 20px 20px;
list-style: disc;
font-size: 15px;
max-width: 90%;
padding-left: 0px;
}

main .blog-detail .inner ul {max-width: 560px; margin-top:10px; margin-bottom: 10px; font-size:16px;}

main ul li {
  padding-left: 0px;
  margin-bottom: 12px;
  font-size: 18px;
  line-height: 23px;
} 

main ul li:before {display: none;}


/*
.highlight-bg ul li {padding-left: 17px;}
.highlight-bg ul li::before {
  width: 16px;
  height: 2px;
  position: absolute;
  left: 0px;
  top: 32px;
  background-color: var(--dark);
}
*/

         
header {position: fixed; top: 0px; width:100%; min-height: 122px; max-height: 122px; z-index: 10001; background-color: var(--dark);transition:0.5s all ease;}
/* .home header {min-height: 0px; max-height: 0px; webkit-transition: all 0.6s; 
        -moz-transition: all 0.6s; 
        -ms-transition: all 0.6s; 
        -o-transition: all 0.6s; 
        transition: all 0.6s;} */

header.invisible {top: -122px;}
       

/* navigation */
nav#menu {max-width: 575px; position: relative; top: 58px; margin: 0px 0px 0px 300px; font-size: 19px; line-height: 24px;}

.mm-menu ul li::before,
ul.main-nav li:before {display: none;}

	ul.main-nav { display: flex; flex-wrap: wrap; padding: 0px; width: 100%; margin: 0px;}    
    ul.main-nav li {display: inline-block; padding: 0px 0px 4px 0px; margin: 0px 26px 0px 26px; border-bottom: 4px solid transparent; position: relative; } 
        ul.main-nav li:first-child {margin-left: 0px;}
        ul.main-nav li:last-child {margin-right: 0px;}  
        ul.main-nav li:hover,
        ul.main-nav li.current-menu-item,
        ul.main-nav li.current-page-ancestor,
        .single-post ul.main-nav li.menu-item-28 {border-bottom: 4px solid var(--highlight);}

    ul.main-nav li a {color: #fff; font-weight:400;}
            
        ul.main-nav li ul {display: none; width:100%; min-width: 190px; position: absolute; top: 32px; left: -20px; background-color: var(--dark); padding: 40px 20px 5px 20px; border-bottom: 4px solid var(--highlight);}
        ul.main-nav li:hover ul {display: block;}
        ul.main-nav li ul li {display: block; margin: 0px 0px 10px 0px; padding: 0px; border-bottom: 0px solid transparent; position: relative;}
        ul.main-nav li:hover ul li,
        ul.main-nav li.current-menu-item ul li,
        ul.main-nav li.current-page-ancestor ul li {border-bottom: 0px solid transparent;}
        
        ul.main-nav li ul li a {color: #fff; font-weight:400; font-size: 17px;}
        ul.main-nav li ul li.current-menu-item a:after,
        ul.main-nav li ul li:hover a:after {content:''; width:27px; height: 8px; position: absolute; bottom: 0px; right: -35px; border-bottom: 4px solid var(--highlight);}
        ul.main-nav li ul li.current-menu-item:hover a:after {border-bottom: 4px solid var(--highlight);}
        
        


    div.language-nav {width: 90px; position: absolute; right: 0px; top: 30px; padding: 0px; margin: 0px; color: #fff; font-size: 17px;}
        div.language-nav a {color: #fff; display: inline-block;}


/* mobile */

#nav-toggle {
  display: block;
  position: absolute;
  right: 0px;
  width: 43px;
  height: 50px;
  cursor: pointer;
  background-color: transparent;
  border: none;
  padding-left: 0;
  padding-top: 0px;
  top: 56px;
}

a.toggle-menu {display: none; position: absolute; width: 50px; right: -0px; top: 34px; }
    a.toggle-menu span {display: block; width: 40px; height: 3px; background: #fff; transition: all .3s; position: relative; opacity: 1;}
    a.toggle-menu span + span {margin-top: 10px; }
    a.toggle-menu span.line2 {margin-left: 0px;}
    
    .mm-wrapper_opened a.toggle-menu span.line1 {transform: translate(0, 13px) rotate(45deg);}
    .mm-wrapper_opened a.toggle-menu span.line2 {opacity: 0;}
    .mm-wrapper_opened a.toggle-menu span.line3 {transform: translate(0, -13px) rotate(-45deg);}
    
    .mm-listitem_selected > .mm-listitem__text {
      background: transparent !important;
    }


main {position: relative; margin-top: 122px; overflow: hidden; } 
    

.home main { margin-bottom:122px;}
main img {width: 100%; display: block; height: auto;}

/* Startseite  */
.home header .container-fluid {top:0; transform:none;}
	.home .background-image .top-side { width: 240px; }
	.home .background-image .right-side { height: 230px; }
	.home .background-image .container-fluid,
	.home .background-image .row,
	.home .background-image .inner { height:100%; }
	.home .background-image .statement-wrapper { align-items: flex-end; }
	.home .background-image a.more {   margin-right: -100px; }
	.home .background-image p { font-size:30px; line-height:42px; }
	.home .with-btns .statement-line1,
	.home .with-btns .statement-line2 { opacity:1; line-height:85px; font-size:80px; }
	.home .with-btns .statement-line2 { opacity:1; padding-top:0;}
	
    .with-btns .btn-wrap { margin-right:25px; }
    
section {position: relative; z-index:10;}
section.animate-statement { z-index:1; }
section .inner {padding: 90px 60px 60px 60px;}
section.tabs .inner,
section.content .inner {padding: 90px 0px 60px 0px;}

section.white-bg.headline .inner {padding: 0px 60px 60px 60px;}
section.white-bg.content .inner {padding: 90px 0px 0px 0px;}
section.white-bg.content .text {padding: 90px 0px 0px 40px;}


    
    .statement-wrapper {padding-top: 50px; position:relative; display:inline-block; padding-right: 50px;}
        .statement {font-size: 119px; text-transform: uppercase; width: fit-content;}
        .statement-line1 {margin-right:65px; padding: 0px 0px 0px 65px; line-height: 97px; position:relative;}
        .statement-line2 {padding: 20px 0px 50px 65px; line-height: 121px; position: relative;}

.statement {font-weight: 700;}

        .subline {margin: 0px 0px 0px auto; font-size: 35px; line-height: 45px; max-width: 745px; width:100%; margin-top: 55px;}

        .left-side,
        .top-side,
        .right-side,
        .bottom-side {position: absolute;  width: 0px; height: 0px; background: none var(--highlight);}

        .left-side {left: 0; bottom: 0; height: calc(100% - 50px); width: 15px;}
            .bright .left-side, .background-image .left-side,
            .white-bg .left-side, .background-image .left-side, .background-image.bright-img .left-side {background: none var(--dark);}
            .background-image.dark .left-side, .white-bg.headline .left-side {background: none var(--highlight);}
        .top-side {top: -25px; right: 5px; width: 160px; height: 15px;}
            .background-image .top-side {background: none var(--dark);}
            .white-bg .top-side, .background-image.dark .top-side, .background-image.bright-img .top-side {background: none var(--highlight);}
        .right-side {right: 5px; top: -10px; height: 145px; width: 15px;}
            .background-image .right-side {background: none var(--dark);}
            .white-bg .right-side, .background-image.dark .right-side, .background-image.bright-img .right-side {background: none var(--highlight);}
        .bottom-side {bottom: 0; left: 0; width: 100%; height: 15px; }  
            .bright .bottom-side, .background-image .bottom-side, .white-bg .bottom-side, .background-image.bright-img .bottom-side {background: none var(--dark);}
            .background-image .bottom-side, .white-bg .bottom-side, .background-image.bright-img .bottom-side {max-width: 452px;}
            .background-image.dark .bottom-side, .white-bg.headline .bottom-side {background: none var(--highlight);}
                
        .bright .statement-line2:before {border-bottom: 15px solid var(--dark); border-left: 15px solid var(--dark); }
        .bright .subline {margin-right: 115px;}

		section.white-bg.with-btns  .left-side {
                   height: calc(100% - 50px);
                   background: none var(--highlight);
                 }
        section.white-bg.with-btns .subline {
                   margin-left:65px;
                   margin-top:0;
                   margin-bottom:50px;
                 }
        section.white-bg.with-btns .bottom-side {
                   max-width:600px;
                   background: none var(--highlight);
                 }
                 .with-btns .btn-wrap {
                  text-align:right;
                 }
                 .with-btns .btn {
                   display:inline-block;
                 }
                 .with-btns .btn-orange {
                   background-color: var(--highlight);
                    border: 1px;
                    padding: 10px 15px;
                   border-color:transparent;
                   margin-left:30px;
                   color: #fff;}
                 
                 .with-btns .btn-blue-border {
                    border: 1px solid var(--dark);
                    padding: 9px 15px;
                    color: var(--dark);
                    margin-left:20px;
                }
                 .with-btns .btn-orange a {
                   color: #fff;
                 }
                 .with-btns .btn-blue-border a {
                   color: var(--dark);
                 }
        
    .background-image {background-repeat: no-repeat; background-size:cover; background-position: center center; color: var(--dark); font-size: 35px; line-height: 45px; padding: 125px 0px 125px 0px;}
        .background-image .statement-wrapper {display: flex; min-height: 350px; align-items: flex-end; position: relative; flex-wrap: wrap; padding-right: 90px;}
        .background-image h1 {max-width: 910px; min-width: 520px;}
        .background-image p {max-width: 830px; color: var(--dark); font-size: 30px; line-height: 42px;}
            .background-image.dark {color: #fff;} 
            .background-image.dark p {color: #fff; font-weight: 300;}
            .background-image.dark a {color: #fff;}     
            .background-image.dark a.more span svg {fill: #fff;}
        .background-image .inner {position: relative; display: block; padding: 0px 80px 60px 80px;}
.background-image a.more {position: relative; float: right; bottom: auto; font-size: 22px; line-height: 30px; margin: 30px 0px 0px 0px;}
        a.more, p.more a {padding-right: 115px; color: var(--dark); font-weight: 500; transition: font-weight .4s ease-in-out; float: right; margin-bottom: 80px;}
        p.more a {color: #fff; margin-bottom: 0px; float: left;}
        p.more {margin-top: 40px;}
        
        a.more:after, p.more a:after {width:110px; height: 90px; display: block; position: absolute; right: 0px; bottom: -28px; content: '';
      -webkit-mask: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='65 20 800 800' style='enable-background:new 0 0 600 600;' xml:space='preserve'%3E%3Crect x='220' y='390' width='290' height='18'%3E%3C/rect%3E%3Crect x='369.8' y='288.3' transform='matrix(0.7071 0.7071 -0.7071 0.7071 362.6598 -280.8582)' width='301.2' height='18'%3E%3C/rect%3E%3Crect x='368.2' y='491.4' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -201.3422 514.6984)' width='304.8' height='18'%3E%3C/rect%3E%3C/svg%3E") no-repeat 40% 40%;
      mask: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='65 20 800 800' style='enable-background:new 0 0 600 600;' xml:space='preserve'%3E%3Crect x='220' y='390' width='290' height='18'%3E%3C/rect%3E%3Crect x='369.8' y='288.3' transform='matrix(0.7071 0.7071 -0.7071 0.7071 362.6598 -280.8582)' width='301.2' height='18'%3E%3C/rect%3E%3Crect x='368.2' y='491.4' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -201.3422 514.6984)' width='304.8' height='18'%3E%3C/rect%3E%3C/svg%3E") no-repeat 40% 40%;
      -webkit-mask-size: cover;
      mask-size: cover;
    }
    
    a.more:hover:after, p.more a:hover:after {width:110px; height: 90px; display: block; position: absolute; right: 0px; bottom: -28px; content: '';
      -webkit-mask: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='65 20 800 800' style='enable-background:new 0 0 600 600;' xml:space='preserve'%3E%3Crect x='220' y='382' width='290' height='34'%3E%3C/rect%3E%3Crect x='375' y='280.3' transform='matrix(0.7071 0.7071 -0.7071 0.7071 362.6598 -280.8582)' width='301.2' height='34'%3E%3C/rect%3E%3Crect x='368.2' y='480.4' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -201.3422 514.6984)' width='304.8' height='34'%3E%3C/rect%3E%3C/svg%3E") no-repeat 40% 40%;
      mask: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='65 20 800 800' style='enable-background:new 0 0 600 600;' xml:space='preserve'%3E%3Crect x='220' y='382' width='290' height='34'%3E%3C/rect%3E%3Crect x='375' y='280.3' transform='matrix(0.7071 0.7071 -0.7071 0.7071 362.6598 -280.8582)' width='301.2' height='34'%3E%3C/rect%3E%3Crect x='368.2' y='480.4' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -201.3422 514.6984)' width='304.8' height='34'%3E%3C/rect%3E%3C/svg%3E") no-repeat 40% 40%;
      -webkit-mask-size: cover;
      mask-size: cover;
    }

        .white-bg a.more:after,
        .background-image a.more:after {background-color: var(--dark); }
        .background-image.dark a.more:after,
        .has-white-color p.more a:after {background-color: #fff; }
        .highlight-bg a.more:after {background-color: var(--highlight); }
        
        .background-image.headline .statement-wrapper {align-items: flex-start;}
        
        section.background-image.bright-img .statement-wrapper .top-side {width: 33%; min-width: 285px; }
        section.background-image.bright-img .statement-wrapper .right-side {height: 318px; }
        
    
    section.white-bg {padding-bottom: 70px;}  
    section.white-bg.pfeil {padding-bottom: 30px;}
        section.white-bg .left-side {height: calc(100% - 165px);}
        section.white-bg h1 {max-width: 910px;}
        section.white-bg .statement-wrapper {width: 100%;}
        section.white-bg .statement-wrapper .top-side {width: 33%; min-width: 285px; }
        section.white-bg .statement-wrapper .right-side {height: 318px; }
        section.white-bg .statement-wrapper p {font-size: 30px; line-height: 42px; max-width: 760px;}
        
        section.white-bg.headline .left-side {height: calc(100% - 56px);}
        section.white-bg.headline h2,
        section.white-bg.with-btns h2 {font: normal normal 700 75px/85px Aventa; margin-bottom: 60px; color: var(--dark);}
        section.white-bg.headline .statement-wrapper p {max-width: 870px;}
        
        section.white-bg.content .row {display: flex;}
        
    section.white-bg.content {padding-bottom: 0px;}
    section.white-bg.with-btns .inner {padding: 90px 60px 60px 50px;}
    section.white-bg.with-btns h2,
    section.white-bg.with-btns .statement-wrapper p {padding-left: 65px; max-width: 860px; margin-bottom: 65px;}

    .page-template-default section.white-bg.content,
    .jobs-template-default section.white-bg.content {padding-bottom: 100px;}
        
    .highlight-bg h3 {font: normal normal 600 30px/42px Aventa; color: var(--highlight);}
    .highlight-bg p {font: normal normal 400 30px/42px Aventa; margin: 0px 0px 20px 0px;}
    .highlight-bg ul {font: normal normal 400 30px/42px Aventa; margin: 0px 0px 20px 0px;}
    .highlight-bg .inner {padding: 90px 30px 60px 0px; max-width: 1075px;} 
        .highlight-bg.block-content .inner {background-color: var(--highlight-bg); padding: 55px 60px 60px 65px; border-left: 15px solid var(--dark); max-width: none;}
        .highlight-bg.block-content ul {margin: 0px 0px 20px 20px; list-style: disc; font-size: 15px; max-width: 70%;}
        .highlight-bg.block-content ul li {padding-left: 0px; font: normal normal 600 23px/35px Aventa; margin-bottom: 12px;}
        .highlight-bg.block-content h3 {max-width: 70%;}
        .highlight-bg ul li::before {display:none;}
            
        
    .highlight-bg a.more {color: var(--highlight); font-size: 20px;}   
        .highlight-bg a.more span svg {fill:var(--highlight);}
        
    .highlight-bg.text h3 {font: normal normal 600 23px/33px Aventa; margin-bottom: 40px; color: var(--dark);}
    .highlight-bg.text p {font: normal normal 400 18px/30px Aventa;}
    
    .page-template-jobs .highlight-bg h3 {font: normal normal 600 23px/33px Aventa; color: var(--dark);}
    .page-template-jobs .highlight-bg p {font: normal normal 400 18px/30px Aventa; margin: 0px 0px 20px 0px;}
    
    .page-template-jobs .white-bg.split .inner a.more {float: left;}
    

ul.linklist li {
  font-size: 23px;
  line-height: 29px;
  background-color: transparent !important;
  border-bottom: 4px solid var(--dark) !important;
  border-left: 0px !important;
  border-top: 0px !important;  
  margin-right: 0px !important;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  list-style: none;
}
    ul.linklist li:hover {border-bottom: 4px solid var(--highlight) !important;}
    ul.linklist li::before {display: none;}
    ul.linklist li a {font-size: 23px; line-height: 29px; font-weight: 700; text-transform: uppercase; padding: 25px 0px 15px 0px !important; display: block;}
    
    
    .split .row {display: flex; align-items: flex-start; justify-content: space-between;}
        .split .inner {padding: 90px 60px 50px 0px; max-width: 670px;}    
        .split img {max-width: 580px; width: auto;}
        .split a.more {position: relative; float: right; font-size: 22px; line-height: 30px; margin: 30px 0px;}
        
        .white-bg.split .row {display: flex; align-items: flex-start; justify-content: space-between;}
        .white-bg.split .inner {padding: 90px 60px 0px 0px; max-width: 670px;} 
        
        .white-bg.split.no-padding .inner {padding: 0px; max-width: 670px;} 
        
    .reiter .inner {padding: 90px 60px 60px 0px; max-width: 670px;}    
    
    .blog {padding-top: 70px;}
        .blog-subline {font-size: 20px; line-height: 24px; margin-bottom: 20px;}
        .blog h2 {font-size: 30px; line-height: 42px; text-transform:none; margin-bottom: 35px; width: 100%;}
        .blog small {font-size: 16px;}    
        .blog-eintrag a {display: flex; justify-content: space-between;}

        .blog-eintrag .blog-left {width: 40%; display: flex; flex-wrap: wrap; align-content: center; padding: 40px 80px 40px 40px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
        .blog-eintrag a:hover .blog-left {background-color: #a59c93; color:#fff; }   

        .blog-eintrag .blog-right {width: 60%; position: relative;}
        .blog-eintrag a .blog-right .blog-hover {opacity: 0; background-color: rgba(165,156,147,0.5); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
        .blog-eintrag a:hover .blog-right .blog-hover {opacity: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
        .blog-eintrag a:hover .blog-right:after {opacity: 0.7; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

        .blog-eintrag a .blog-right:after {content:''; width: 150px; height: 144px; top: calc(50% - 72px); left: calc(50% - 75px); display: block; position: absolute; background-color: #fff; -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='75 100 600 600' style='enable-background:new 0 0 600 600;' xml:space='preserve'%3E%3Crect x='171.7' y='390' width='351' height='18'%3E%3C/rect%3E%3Crect x='369.8' y='288.3' transform='matrix(0.7071 0.7071 -0.7071 0.7071 362.6598 -280.8582)' width='301.2' height='18'%3E%3C/rect%3E%3Crect x='368.2' y='491.4' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -201.3422 514.6984)' width='304.8' height='18'%3E%3C/rect%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='75 100 600 600' style='enable-background:new 0 0 600 600;' xml:space='preserve'%3E%3Crect x='171.7' y='390' width='351' height='18'%3E%3C/rect%3E%3Crect x='369.8' y='288.3' transform='matrix(0.7071 0.7071 -0.7071 0.7071 362.6598 -280.8582)' width='301.2' height='18'%3E%3C/rect%3E%3Crect x='368.2' y='491.4' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -201.3422 514.6984)' width='304.8' height='18'%3E%3C/rect%3E%3C/svg%3E"); opacity: 0;}
        
    .blog-detail .inner {padding: 90px 0px 60px 0px;}    
    .blog-detail .inner * {margin: 0px auto; max-width: 600px;}
    .blog-detail .inner .wp-block-image {margin-left: 0px; max-width: none;}
    .blog-detail .inner figure.wp-block-image {margin: 0px auto 0px auto; max-width: 600px;}
        .blog-detail .inner figure.wp-block-image img {margin-left: 0px; margin-bottom: 30px; width:80%;}
    .blog-detail .inner figure.wp-block-image.is-style-fullwidth {margin-left: 0px; max-width: none;}
        .blog-detail .inner figure.is-style-fullwidth img {margin-left: 0px; margin-bottom: 30px; max-width: none; width:100%;}
    .blog-detail .inner p {font-size: 16px; line-height: 24px; max-width: 600px; color: var(--dark); margin-bottom: 20px; }    
    .blog-detail .inner img {max-width: 610px; margin-bottom: 30px;}    
    .blog-detail .inner a {text-decoration: underline !important; margin-left: 0px; max-width: none;}    
    .blog-detail .inner h1 {text-transform: none; margin-bottom: 105px; }
    .blog-detail .inner h2 {text-transform: none; font-size: 30px; line-height: 42px; margin-bottom: 60px; margin-top: 60px;}
	main .blog-detail .inner ul li {font-size: 16px; line-height: 24px;}    
    
    .animation {width: 580px; height: 350px; position: relative; padding-top:100px;}
    .animation span.line-dark, .animation span.line-dark:before, .animation span.line-dark:after {background-color: var(--dark);}
    .animation span.line-highlight, .animation span.line-highlight:before, .animation span.line-highlight:after {background-color: var(--highlight);}
    
    .animation.prod-anim1 span {display: block; width: 250px; height: 45px; transition: all .3s; position: absolute;}
        .animation.prod-anim1 span.line-dark {left: 0px; top: 235px;}
        .animation.prod-anim1 span.line-dark:before {content:''; position: absolute; top: -90px; width: 250px; height: 45px;}
        .animation.prod-anim1 span.line-dark:after {content:''; position: absolute; top: 90px; width: 250px; height: 45px;}
        .animation.prod-anim1 span.line-highlight {left: 250px; top: 190px;}
        .animation.prod-anim1 span.line-highlight:before {content:''; position: absolute; top: -90px; width: 250px; height: 45px;}
        .animation.prod-anim1 span.line-highlight:after {content:''; position: absolute; top: 90px; width: 250px; height: 45px;}

    .animation.prod-anim2 span {display: block; width: 252px; height: 45px; transition: all .3s; position: absolute;}
        .animation.prod-anim2 span.line-dark {left: 55px; top: 235px;}
        .animation.prod-anim2 span.line-dark:before {content:''; position: absolute; top: -90px; width: 250px; height: 45px;}
        .animation.prod-anim2 span.line-dark:after {content:''; position: absolute; top: 90px; width: 250px; height: 45px;}
        .animation.prod-anim2 span.line-highlight {left: 195px; top: 190px;}
        .animation.prod-anim2 span.line-highlight:before {content:''; position: absolute; top: -90px; width: 250px; height: 45px;}
        .animation.prod-anim2 span.line-highlight:after {content:''; position: absolute; top: 90px; width: 250px; height: 45px;}
    
    .animation.text {font: normal normal 600 23px/37px Aventa; margin: 0px; text-align: center;}
        .animation.text small span {display: inline-block; margin: 0px 5px 0px 5px; }
        
    .text.anim-right small {
      text-align: left;
      display: block;
      font-size: 14px;
      font-weight: 400;
      line-height: 18px;
    }        
    
    .infografik {padding: 70px 0px;}
    .infografik img {max-width: 900px; margin: 0px auto;}
        .infografik .infobox {width: 100%; background-color: var(--highlight-bg); position: absolute; top: 0px; left: 50%; transform: translate(-50%, 0%); padding: 50px 80px 50px 50px; display: none; pointer-events: none; max-width: 900px; height: 100%; color: var(--dark); }
        .infografik .infobox.show {display: block; }
        /*
        .infobox ul {list-style: none; margin: 0px; padding: 0px;}
            .infobox ul li {margin-bottom: 20px; position: relative; padding-left: 15px;}            
            .infobox ul li:before {content:''; display: block; width:14px; height: 2px; position: absolute; left: 0px; top: 19px; background-color: #fff; }
        */
    
    .sliding-text, .sliding-text p {font-size: 30px; line-height: 42px; font-weight: 700; color: var(--dark);}
    .sliding-text p {max-width: 950px;}
    
    .resuemee, .pfeil {font-size: 30px; line-height: 42px;}
    .resuemee .inner {padding: 90px 30px 0px 115px; max-width: 1105px; position: relative;} 
    .pfeil .inner {padding: 40px 30px 30px 115px; max-width: 1105px; position: relative;}
    .resuemee .inner:before, .pfeil .inner:before {width:110px; height: 90px; display: block; position: absolute; left: -24px; top: 128px; content: '';
      -webkit-mask: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='65 20 800 800' style='enable-background:new 0 0 600 600;' xml:space='preserve'%3E%3Crect x='220' y='390' width='290' height='30'%3E%3C/rect%3E%3Crect x='369.8' y='288.3' transform='matrix(0.7071 0.7071 -0.7071 0.7071 362.6598 -280.8582)' width='301.2' height='30'%3E%3C/rect%3E%3Crect x='368.2' y='491.4' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -201.3422 514.6984)' width='304.8' height='30'%3E%3C/rect%3E%3C/svg%3E") no-repeat 40% 40%;
      mask: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='65 20 800 800' style='enable-background:new 0 0 600 600;' xml:space='preserve'%3E%3Crect x='220' y='390' width='290' height='30'%3E%3C/rect%3E%3Crect x='369.8' y='288.3' transform='matrix(0.7071 0.7071 -0.7071 0.7071 362.6598 -280.8582)' width='301.2' height='30'%3E%3C/rect%3E%3Crect x='368.2' y='491.4' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -201.3422 514.6984)' width='304.8' height='30'%3E%3C/rect%3E%3C/svg%3E") no-repeat 40% 40%;
      -webkit-mask-size: cover;
      mask-size: cover;
      }      
      .resuemee .inner:before, .pfeil .inner:before {background-color: var(--highlight);}
      .pfeil .inner::before {top: calc(50% - 70px); left: 10px; }
    
      .resp-vtabs .resp-tabs-container {border: 0px; width: calc(60% - 80px); margin-right: 80px; max-width: 640px; border-radius: 0px;}
      .resp-vtabs ul.resp-tabs-list {float: right; width: 40%; max-width: 505px; margin-top: 12px !important;}
      .resp-tabs-list li {font-size: 23px; line-height: 29px; background-color: transparent !important; border-bottom: 4px solid var(--dark) !important; border-left:0px !important; border-top:0px !important; padding: 15px 0px !important; margin-right: 0px !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
      .resp-tabs-list li {font-weight: 700;}
      .resp-tabs-list li::before {display: none;}
      .resp-vtabs li.resp-tab-active {border-bottom: 4px solid var(--highlight) !important; border-left: 0px !important; border-top:0px !important; padding:0px !important; margin-right: 0px !important; border-right: 0px !important; -webkit-transition: all 0.3s; 
    -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
      .resp-vtabs .resp-tabs-list li {padding: 15px 0px !important;}
      .resp-tab-content {padding: 0px; }
      .resp-tab-active,
      h2.resp-accordion:first-child,
      h2.resp-accordion {border-bottom: 4px solid var(--dark) !important; background-color: transparent !important; font-size: 23px; line-height: 29px; border-left: 0px !important; border-right:0px !important; border-top:0px !important; padding: 10px 0px;}
      .resp-vtabs .resp-tab-content {border: 0px solid #C1C1C1 !important; padding-top: 30px;}
      
    .resp-arrow {
          width: 42px;
          height: 42px;
          float: right;
          margin-top: 3px;
          margin-right: 0px;
          border-left: 0px solid #fff !important;
          border-right: 0px solid #fff !important;
          border-top: 0px solid var(--dark) !important;
          bottom: 5px;
          background-color: var(--dark);
          -webkit-mask: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='65 20 800 800' style='enable-background:new 0 0 600 600;' xml:space='preserve'%3E%3Crect x='220' y='390' width='290' height='18'%3E%3C/rect%3E%3Crect x='369.8' y='288.3' transform='matrix(0.7071 0.7071 -0.7071 0.7071 362.6598 -280.8582)' width='301.2' height='18'%3E%3C/rect%3E%3Crect x='368.2' y='491.4' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -201.3422 514.6984)' width='304.8' height='18'%3E%3C/rect%3E%3C/svg%3E") no-repeat 40% 40%;
      mask: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='65 20 800 800' style='enable-background:new 0 0 600 600;' xml:space='preserve'%3E%3Crect x='220' y='390' width='290' height='18'%3E%3C/rect%3E%3Crect x='369.8' y='288.3' transform='matrix(0.7071 0.7071 -0.7071 0.7071 362.6598 -280.8582)' width='301.2' height='18'%3E%3C/rect%3E%3Crect x='368.2' y='491.4' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -201.3422 514.6984)' width='304.8' height='18'%3E%3C/rect%3E%3C/svg%3E") no-repeat 40% 40%;
      -webkit-mask-size: cover;
      mask-size: cover;
      transform: rotate(90deg);
      }      
      
      h2.resp-tab-active span.resp-arrow {transform: rotate(-90deg); margin-top: 0px; margin-right: -2px;}
      .resp-tabs-list li:hover {border-color: var(--highlight) !important;}
      h2.resp-tab-active {padding-left:0px !important; padding-right:0px !important;}
      
      .resp-tab-content > * {
        opacity: 0;
        }
        @-webkit-keyframes fadeIn {
              from { opacity: 0; }
                to { opacity: 1; }
        }
        @keyframes fadeIn {
              from { opacity: 0; }
                to { opacity: 1; }
        }
        .resp-tab-content.resp-tab-content-active > * {
        -webkit-animation: fadeIn 1s;
        animation: fadeIn 1s;
        opacity: 1;
        }
        .no-cssanimations .resp-tab-content > * {
        opacity: 1;
        }
      
      
      .infografik a::after {
          content: attr(title);
          position: absolute;
          bottom: 85px;
          background-color: rgba(256, 256, 256, 0.9);
          border-radius: 0px;
          padding: 5px 10px;
          width: 360px;
          left: -40px;
          font-size: 10px;
          line-height: 12px;
          display: none;
          font-weight: 700;
        }
        .infografik a:hover::after {display: block;}
      
      section.content .inner {width:100%; max-width: 735px;}
      .jobs-template-default section.content .inner {width:100%; max-width: 1190px;}
      
      .zitate figure {margin-bottom: 90px; max-width: 910px; width: calc(100% - 280px);}
      .zitate figure:first-child {margin-top: 80px;}
      .zitate figure:nth-child(3n+4), .zitate figure:first-child {margin-left: 40px;}
      .zitate figure:nth-child(3n+3) {margin-left: 60px;}
      .zitate figure:nth-child(3n+2) {margin-left: 280px;}
      
      blockquote {font-size: 30px; line-height: 42px; margin: 0px 0px 10px 0px;}
      
        .page-template-default.page h1,
        .jobs-template-default.single h1{margin: 0px 0px 105px -15px; border-left: 8px solid var(--highlight); padding: 20px 0px  35px 40px; position: relative;}
        .page-template-default.page h1:after,
        .jobs-template-default.single h1:after {content:''; height: 8px; background-color: var(--highlight); display:block; position: absolute; bottom:0px; left: 0px; width:105px;}
      
      
        .page-template-default.page h2,
        .jobs-template-default.single h2 {margin: 0px 0px 25px 0px; padding: 0px; position: relative;}
        
.is-layout-flow.wp-block-column h2 {margin: 25px 0px 25px 0px;}       
        
        .page-template-default.page h2:after,
        .jobs-template-default.single h2:after {content:''; height: 5px; background-color: var(--highlight); display:inline-block; position: relative; bottom:-5px; width:27px;}
        

/** newsletter **/

.page-newsletter form {display: flex; flex-wrap: wrap;}
    .split50.lefty {width: 50%; padding-right: 10px;}
    .split50.right {width: 50%; padding-left: 10px;}
    .page-newsletter label input[type="text"] {display: block; width: 100%; margin-bottom: 10px; padding: 5px 10px;}
        label.accept {width: 100%; max-width: 100%; margin-top: 40px;}

input[type="text"] {
  font:normal normal 400 18px/30px Aventa;
  background-color: transparent;
  border-radius: 0;
  border: 0px;
  border-bottom: 1px solid #c9c9c9;
  color: inherit;
  display: block;
  outline: 0;
  padding: 0;
  text-decoration: none;
  width: 100%;
}
input[type="text"]:invalid {
			box-shadow: none;
		}
		input[type="text"]:focus {
			border-bottom-color: #FF5503;
			box-shadow: inset 0 -1px 0 0 #FF5503;
		}
    input::-webkit-input-placeholder {color:#000;}
    input::-moz-placeholder { color:#000; }
    input:-ms-placeholder { color:#000; }
    input:placeholder { color:#000; }

    input:focus::-webkit-input-placeholder { color:transparent; }
    input:focus::-moz-placeholder { color:transparent; }
    input:focus:-ms-placeholder { color:transparent; }
    input:focus:placeholder { color:transparent; }
        
.page-newsletter input[type="checkbox"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  display: block;
  float: left;
  margin-right: -2rem;
  opacity: 0;
  width: 1rem;
  z-index: -1;
}
.page-newsletter input[type="checkbox"] + .list-item-label {
  text-decoration: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: inline-block;
  font-size: 0.8em;
  font-weight: 300;
  padding-left: 2.65em;
  padding-right: 0.75em;
  position: relative;
}

.page-newsletter input[type="checkbox"] + .list-item-label::before {
  border: 1px solid #ff5503;
  border-radius: 4px;
  content: '';
  display: inline-block;
  font-size: 0.8em;
  height: 2.0625em;
  left: 0;
  letter-spacing: 0;
  line-height: 2em;
  position: absolute;
  text-align: center;
  top: 3px;
  width: 2.0625em;
}
input[type="checkbox"]:checked + .list-item-label::before {
  background: #ff5503;
  content: '✕';
  color: #000;
}

.page-newsletter main button, main input.submit, main input[type=submit] {
  background-color: #ff5503;
  color: #fff;
  border: 1px solid #ff5503;
  padding: 10px 15px;
  text-transform:none;
  -webkit-border-radius: 0;
    border-radius: 0;
  cursor: pointer;
  font-size: 18px;  
}

label input[type=text] {display: block; width: 100%; margin-bottom: 10px; padding: 5px 10px; max-width: 415px; -webkit-appearance: none; }
label.submit {margin-top: 50px; text-align:center;  }

label.center input[type=text] {margin-bottom: 35px;} 

      
/*  Startseite Intro   */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 100001;
  background-color: #092650;
}
.overlay .logo-blinking {
  position: relative;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.overlay .logo-blinking svg {
  position: relative;
  width: 70%;
  max-width: 700px;
}
#underscore, .zero {
    opacity:0;
}
#scrollDown {
  position: fixed;
  bottom: 50px;
  text-align: center;
  width: 100%;
}
      #scrollDown svg {
        fill:#fff;
        width: 50px;
		transform:rotate(90deg);
      }  
.first.bottom-side {
        width:0;
      }
.animate-statement .bottom-side {
        width:0;
      }
      .animate-statement .subline {
        transform:translate(-200%);
        opacity:0;
      }
      .animate-statement .top-side,
      .animate-statement .right-side,
      .animate-statement .statement-line1,
      .animate-statement .statement-line2 {
        opacity:0;
      }
      .animate-statement .left-side {
        transform: translate(0,-600px);
      }
      
      
footer {z-index: 10002; background-color: var(--dark); color: #fff; padding: 50px 0px 30px 0px; font-size: 13px; line-height: 15px;}    

footer .row {display: flex; align-items: stretch; align-content: flex-start;}
    footer a.logo {position: relative; top: 0px; background-size: 157px 50px; width: 124px;}
    footer a, footer a:focus {color: #fff;}

        footer a:where(:not(.wp-element-button)):hover {text-decoration: underline !important;}
    
    .column-logo {padding: 25px 30px 20px 0px; border-right: 1px solid #fff; }
    .column-text {padding: 25px 60px 20px 40px;}
    .column-sitemap {padding: 25px 0px 20px 0px;}
    
    footer .linkedin a {background-image:url('img/zero-insurance-linkedin-icon.svg'); background-size: 30px 30px; display: block; width:35px; height: 35px; font-size: 1px; color: var(--dark); text-indent: -1000px; overflow: hidden; background-repeat: no-repeat;}
    
    footer .margin-bottom {margin-bottom: 14px;}
    footer ul {margin: 0px 0px 15px 0px; padding: 0px; list-style: none;}
        footer ul.meta {margin-top: 15px;}
        footer ul li {padding-left: 0px;}
    footer p {margin-bottom: 15px;}
    
    .row.copyright {padding-top: 60px; display: block; text-align: center;}



    