/*
Theme Name: WordPress Theme LVNN
Description: Theme for LVNN
Version: 1.0

*/


/* General
-------------------------------------------- */

body {font-family: 'Montserrat', sans-serif;font-size: 16px;line-height: 27px;color: #1b1e27;}
h1, h2, h3 {line-height: 48px;}
a {color: #105689;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.container {max-width: 1200px;}
strong.extra-bold {font-weight: 800;}
ul {list-style: none;padding-left: 0px;}


.bg-dark {background-color: #0b0f12 !important;}

.btn {border-radius: 0 !important;text-transform: uppercase;box-shadow: 0 0 0 !important;}
.btn-primary {background-color: #ffffff;color: #105689;border-color: #105689;font-weight: bold;line-height: 30px;padding: 13px 39px 9px;}
.btn-secondary {background-color: #105689;color: #ffffff;border-color: #105689;font-weight: bold;line-height: 30px;padding: 13px 39px 9px;}
.blau .btn-primary {background-color: #105689;border-color: #ffffff;}
.btn-primary:hover {background-color: #105689;color: #ffffff;}
.btn-secondary:hover {background-color: #ffffff;color: #105689;}
.blau .btn-primary:hover {background-color: #ffffff;color: #105689 !important;}
.btn-primary:after {content: '';display: inline-block;width: 8px;height: 15px;background: url('img/arrow2.png') no-repeat center center;margin: 5px 0 -2px 9px;}
.btn-secondary:after {content: '';display: inline-block;width: 8px;height: 15px;background: url('img/arrow1.png') no-repeat center center;margin: 5px 0 -2px 9px;}
.btn-primary:hover:after, .blau .btn-primary:after {background-image: url('img/arrow1.png');}
.btn-secondary:hover:after {background-image: url('img/arrow2.png');}
.blau .btn-primary:hover:after {background-image: url('img/arrow2.png');}

.grau {background-color: #eeeeee;}
.blau {background-color: #105689;color: #fff;}
.blau a, .blau h1, .blau h2, .blau h3 {color: #ffffff !important;}


/* Header
-------------------------------------------- */

#navigation .row {width: 100%;}
#navigation .navbar-brand {padding: 13px 0;}

#navbarResponsive {margin: 26px 0 0;}
#navbarResponsive ul li {margin: 0 12px 0 11px;text-transform: uppercase;}
#navbarResponsive ul li:last-child {margin-right: 0;}
#navbarResponsive ul li a {font-weight: bold;font-size: 14px;color: #1b1e27;}

#headerimg {background: url('img/bg_head.jpg') no-repeat center center;background-size: cover;color: #ffffff;border-top: 4px solid #e40930;}

#headerimg.frontpage {min-height: 650px;border-bottom: 4px solid #e40930;border-top: 0;background: url('img/bg_head_fp.jpg') no-repeat center center;}
#headerimg.frontpage .col-xl-4 {padding-top: 57px;margin-right: -17px;}
#headerimg.frontpage p {font-family: 'Merriweather', serif;line-height: 28px;letter-spacing: 0.3px;margin-bottom: 31px;}
#headerimg.frontpage h1 {font-weight: 800;font-size: 48px;line-height: 48px;margin-bottom: 234px;}
#headerimg.frontpage h1 span {font-size: 30px;display: block;}
#headerimg.frontpage .btn {color: #ffffff;text-transform: uppercase;line-height: 30px;padding: 13px 39px 9px;border: 1px solid #ffffff;font-weight: bold;}
#headerimg.frontpage .btn:hover {background: #ffffff;color: #105689;}
#headerimg.frontpage .btn:after {content: '';display: inline-block;width: 8px;height: 15px;background: url('img/arrow1.png') no-repeat center center;margin: 5px 0 -2px 9px;}
#headerimg.frontpage .btn:hover:after {background-image: url('img/arrow2.png');}

#headerimg.subpage {padding: 65px 0 59px;}
#headerimg.subpage.hascontent {padding-bottom:5px;}
#headerimg.subpage h1 {font-size: 30px;line-height: 48px;font-weight: 800;}
#headerimg.subpage h1:before {content: '';width: 62px;height: 22px;background: url('img/h1.png') no-repeat 0 0;display: inline-block;margin-right: 18px;}
#headerimg .headerimg_content_container{margin-top: 20px;}
#headerimg .headerimg_content_container p{margin-bottom:0px; text-align:center;}
#headerimg .headerimg_content_container a{font-size: 18px;color: #ffffff;text-decoration: underline;margin: 00px 60px 15px 60px;display: inline-block;}


.navbar-toggle {background: 0;border: 0;padding: 0;width: 30px;height: 30px;}
.navbar-toggle span.icon-bar {width: 100%;height: 4px;display: block;margin-bottom: 4px;background: #105689;}

/* Content
-------------------------------------------- */

#main {padding: 70px 0 72px;}
#main.subpage {padding: 70px 0 30px;}
#main h2, #teamblock h2, .contentblock h2 {font-size: 42px;line-height: 48px;color: #105689;font-weight: normal;text-transform: uppercase;margin-bottom: 15px;}
#main .blocks .inner {height: 100%;padding-bottom: 36px;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;}
#main .blocks .inner:hover {background: #ffffff;box-shadow: rgba(0,0,0, .16) 0 0 70px;}
#main .blocks .block-bild {width: 100%;}
#main .blocks .block-icon {margin: -66px auto -1px;}
#main .blocks h3 {font-size: 20px;line-height: 22px;font-weight: 800;text-transform: uppercase;margin-bottom: 20px;margin-top:10px;}
#main .blocks p {padding: 0 15px;margin-bottom: 22px;}
#main .blocks .btn {margin: auto auto 0;}

#main .storycontent {margin: -10px auto 0;max-width: 830px;}
#main .storycontent p  {font-family: 'Merriweather', serif;letter-spacing: 0.3px;}

#main ul li::before, .contentblock ul li:before {content: "\2022"; color: #105689;font-weight: bold;display: inline-block;width: 20px;margin-left: -16px;font-size: 21px;line-height: 24px;margin: 0 0 0;}
.contentblock.blau ul li:before {color: #ffffff;}

/* Module
-------------------------------------------- */

#infoblocks {padding: 22px 0 43px;}
#infoblocks img {margin-bottom: 13px;}
#infoblocks h3 {font-weight: 800;font-size: 20px;text-transform: uppercase;margin-bottom: -2px;}

#teamblock {padding: 64px 0 68px;}
#teamblock .img_mask {width: 125px;height: 125px;border: 1px solid #105689;border-radius: 50%;overflow: hidden;display: flex;margin: 0px auto 17px;align-items: center;justify-content: center;}
#teamblock h3 {font-size: 16px;line-height: 22px;font-weight: 800;margin: 0 0 -4px;}
#teamblock p {font-weight: 500;margin-bottom: -1px;}
#teamblock .teamblock-text {font-family: 'Merriweather', serif;letter-spacing: 0.3px;margin-bottom: 64px;}

.contentblock {padding: 63px 0 71px;}
.contentblock .storycontent {margin: 0px auto 0;max-width: 830px;font-family: 'Merriweather', serif;letter-spacing: 0.3px;}
.contentblock .content-button {margin-top: 48px;}
.contentblock .leistungen-n {margin: -52px auto 0px;max-width: 500px;padding-left: 33px;}
.contentblock .leistungen-n ul {margin: 11px 0 36px;}
.contentblock .leistungen-n .abutton a {text-decoration: none !important;}
.contentblock .leistungen-n .abutton a:first-child {padding-right: 10px;}
.contentblock .masonry {padding: 42px 0 0;}
.contentblock .mbox {min-width: 370px;margin-bottom: 14px;padding: 7px 0;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.contentblock .mbox .inner {background: #fff;text-align: left;box-shadow: rgba(0,0,0, .16) 0 0 7px;padding: 13px 19px;}
.contentblock .mbox .inner p {margin: 0;}
.contentblock .mbox strong {font-weight: 500;color: #105689;}

.contentblock .two-col {max-width: 1034px;margin: -52px auto -24px;}

.contentblock .media {max-width: 1036px;margin: 0 auto -25px;}
.contentblock .media img {margin: 11px 86px 11px 0;}
.contentblock .media .media-title {font-weight: 500;margin-bottom: 27px;}


/* Map Locations + Filter
-------------------------------------------- */

.filter {padding-top: 47px;}
.filter input[type='checkbox'] {display: none;}
.filter label {position: relative;display: inline-block;padding: 17px 30px 13px;border: 1px solid #105689;font-size: 16px;line-height: 22px;color: #105689;margin: 0 4px 9px 0;cursor: pointer;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.filter input[type="checkbox"]:checked + label, .filter label:hover {background: #105689;color: #fff;}
.filter input[type="checkbox"]:checked + label:after {content: '';width: 20px;height: 20px;background: url('img/checked.png') no-repeat 0 0;display: block;position: absolute;top: -4px;right: -5px;}

.masonry {-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;padding: 60px 15px;-webkit-column-gap: 30px;-moz-column-gap: 30px; /* Firefox */column-gap: 30px;}
.masonry .location {border: 1px solid #B4B4B4;min-width: 370px;margin-bottom: 30px;min-height: 240px;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;display: flex;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; overflow: hidden;}
.masonry span.icon {width: 100px;height: 100px;border: 1px solid #B9B9B9;border-radius: 50%;overflow: hidden;    display: flex;margin: 10px auto 0;align-items: center;justify-content: center;}
.masonry .location p {margin: 0;}
.masonry .location-title {font-weight: 800;}
.masonry .location-content {font-weight: 500;min-height: 68px;line-height: 21px;}
.masonry .location .details {margin: auto -1px -1px;background: #105689;color: #ffffff;}
.masonry .location .details a {color: #ffffff;}
.masonry .location .toggle-button {display: block;height: 34px;width: 100%;text-indent: -999999px;background: url('img/arrow3.png') no-repeat center center;}
.masonry .location .toggle-button[aria-expanded='true'] {transform: rotate(180deg);}
.masonry p.address {text-align: left;padding-left: 36px;background: url('img/map1.png') no-repeat 2px 7px;margin: 26px 12px 0;}
.masonry p.homepage {text-align: left;padding-left: 36px;background: url('img/web.png') no-repeat 0 2px;margin: 0px 12px 13px;}

.marker {display: none;}
.acf-map {width: 100%;height: 755px;}
.acf-map img {max-width: inherit !important;}



/* Footer
-------------------------------------------- */

#footer {padding: 65px 0 107px;color: #acacac;font-size: 15px;line-height: 37px;}
#footer a {color: #acacac;}
#footer a:hover {color: #ffffff;text-decoration: none;}
#footer ul {margin: 0;padding: 0;list-style: none;}
#footer .widgettitle {font-family: 'Merriweather', serif;color: #ffffff;font-size: 19px;line-height: 26px;}
#footer .copyright {border-top: 1px solid #22282c;margin-top: 43px;padding-top: 17px;}


/* Mobile
-------------------------------------------- */

@media (max-width: 1300px) {
    #headerimg.frontpage .col-xl-4 {margin-right: 0;}
    .masonry {width: 100%;}
    .masonry .location, .contentblock .mbox {min-width: 0;}
}

@media (max-width: 1200px) {
    #headerimg.frontpage {background-image: url('img/bg_head_fp_mobile.jpg');background-size: cover;background-position: left center;}

    #navbarResponsive {text-align: center;}
    #navbarResponsive ul li {margin: 0;}
    #navbarResponsive ul li a {font-size: 22px;line-height: 40px;}

    #footer .widget {margin-bottom: 30px;}
}

@media (max-width: 992px) {
    #infoblocks .col-lg-4 {margin-bottom: 40px;}
    .masonry {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}

}

@media (max-width: 768px) {
    #navigation .navbar-brand {max-width: 80%;}
    #navigation .navbar-brand img {max-width: 100%;}
    #headerimg.frontpage {padding-bottom: 30px;}
    #headerimg.frontpage .col-xl-4 {text-align: right;}
    #headerimg.frontpage p {padding-left: 40%;}



    .blocks div {max-width: 370px;margin: 0 auto 20px; padding-bottom:0px;}
    #main .blocks .btn {margin: 0;}

    #teamblock .col-md-3 {margin-bottom: 40px;}
    .contentblock .media {display: block;}
    .contentblock .media img {margin: 0 auto 30px;display: block;}
    
    #main{padding-bottom:10px;}

}

@media (max-width: 576px) {
    #headerimg.frontpage {min-height: 0;background-image: url('img/bg_head_fp_mobile1.jpg');}
    #headerimg.frontpage h1 {font-size: 30px;line-height: 30px;margin-bottom: 80px;}
    #headerimg.frontpage p {padding-left: 15%;}
    .filter label {padding: 9px 13px 10px;}
    .masonry {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
}