.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
header#masthead {
padding-left: 15%;
}
li.phone a {
background: var(--accent);
color: #fff !important;
display: flex;
gap: 10px;
min-width: 200px;
margin-left:20px;
box-shadow: 0 0 30px #00000069;
}
li.phone a svg {
max-width: 20px;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
font-weight: bold;
}
input.wpcf7-form-control.wpcf7-submit,
.button{
background-image: url(//bauunternehmung-kolasius.de/app/themes/core_theme/assets/img/button.jpg);
} #s_editor{
margin-top: 50px;
}
.row { 
display: flex;
margin-bottom: 50px;
gap: 20px;
}
.row .column {
flex: 1;
}
.row.im1 .column:last-child {
flex: 70% 0 0;
}
.row.im2 .column:first-child {
flex: 70% 0 0;
}
.row .column .icon {
display: flex;
align-items: flex-start;
gap: 20px;
}
.row .column .icon img{
filter: invert(62%) sepia(2%) saturate(2126%) hue-rotate(10deg) brightness(100%) contrast(96%);
max-width: 100px;
}
.row .column .icon h3{
font-size: 24px;
margin-bottom: 15px;
font-weight: 700;
}
.row .column .icon .descr div{
font-size: 18px;
line-height: 24px;
word-break: break-word;
hyphens: auto;
}
.row .column .text p{
margin-bottom: 20px;
}
.row .column .text{
}
.row .column .text h3{
font-size: 26px;
line-height: 32px;
padding-right: 5%;
font-weight: 700;
}
.row .column .text ul {
margin: 0 0 0 20px;
list-style: none;
}
.row .column .text ul li {
line-height: 30px;
margin-bottom: 20px;
}
.row .column .text ul li::before {
font-size: 25px;
content: "\2022";  
color: #c81c1d;
font-weight: bold; 
display: inline-block; 
width: 1em; 
margin-left: -1em; 
vertical-align: top;
}
#s1 {
position: relative;
border-bottom: 15px solid var(--accent);
margin-top: -25px;
}
#s1 .grid-container {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
#s1 .splide__slide {
display: flex;
background-size: cover;
margin-top: 30px;
}
#s1 .splide__slide .left_part {
align-items: flex-start;
display: flex;
flex-direction: column;
color: #fff;
padding-top: 200px;
padding-bottom: 100px;
padding-right: 50px;
width: 100%;
position: relative;
}
#s1 .splide__slide .left_part .button {
font-size: 18px;
font-weight: 700;
margin-left: -20px;
padding: 15px 30px;
}
#s1 .splide__slide .left_part .wrap{
position: relative;
}
#s1 .splide__slide .left_part .slide_header{
color: #fff;
line-height: 54px;
margin-bottom: 20px;
background: var(--contrast-3);
padding: 20px 20px;
font-size: 52px;
font-weight: 700;
margin-left: -20px;
}
#s1 .splide__slide .left_part .slide_subheader {
color: #fff;
font-size: 28px;
margin-bottom: 60px;
font-weight: 600;
}
#s1 img.icon {
position: absolute;
right: 80px;
top: -33px;
z-index: 10000;
}
#s1 .splide__slide .right_part{
flex: 1 0 0;
background-size: cover;
}
#featured1 {
gap: 70px;
}
#featured1 .column{
max-width: 368px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
#featured1 h3{
font-size: 22px;
text-transform: uppercase;
height: 55px;
margin-top: 5px;
}
#featured1 .column .text p {
margin-bottom: 30px;
font-size: 19px;
line-height: 1.6;
}
#featured1 .column .button {
font-size: 17px;
text-transform: capitalize;
padding: 10px 20px;
float: right;
max-width: 222px;
}
#unser_team{
margin-bottom: 30px;
}
#unser_partner{
margin-top: 80px;
}
#unser_partner .logotypes {
margin-top: 40px;
margin-bottom: 100px;
}
#footer-widgets{
border-top:15px solid var(--accent);
background: #e3e6e7;
position: relative;
}
.footer-widgets-container.grid-container {
position: relative;
}
.footer-widgets-container.grid-container:before {
content: '';
position: absolute;
display: block;
top: -69px;
left: -330px;
width: 348px;
height: 223px;
background-image: url(//bauunternehmung-kolasius.de/app/themes/core_theme/assets/img/szp.png);
}
textarea.wpcf7-form-control,
input.wpcf7-form-control{
width: 100%;
margin-bottom: 15px !important; 
}
textarea.wpcf7-form-control{
height: 200px;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
width: 210px;
float: right;
}
.social_icon.instagram a{
text-indent: -9999px;
width: 26px;
height: 26px;
display: block;
background-image: url(//bauunternehmung-kolasius.de/app/themes/core_theme/assets/img/isntagram_03.png);
}
.inside-site-info {
padding: 15px 40px;
}
#feature2 .column {
max-width: 340px;
margin: auto;
}
#video iframe{
max-width: 1100px;
width: 100%;
margin: auto;
display: block;
border-radius: 30px;
}
#unser_team34 img{
margin-right: 50px;
margin-top: -50px;
}
blockquote {
border-left: none !important;
padding: 50px 20px 20px 0;
}
#contact_form_in_text .text{
padding: 50px;
background: #e3e6e7;
}
#contact_form_in_text .text h3{
margin-bottom: 50px;
}
#contact_form_in_text .col1{
margin-right: 3%;
}
#contact_form_in_text .col2{
margin-left: 3%;
}
#contact_form_in_text .col1, 
#contact_form_in_text .col2 {
width: 47%;
float: left;
}
#contact_form_in_text input[type=email], 
#contact_form_in_text input[type=text], 
#contact_form_in_text select {
padding: 15px 15px;
}
#contact_form_in_text input.wpcf7-form-control.wpcf7-submit {
font-weight: bold;
}
select.wpcf7-form-control.wpcf7-select {
width: 100%;
margin-bottom: 30px;
} .accordion {
margin: auto;
}
.accordion-item {
margin-bottom: 5px;
}
.accordion-header {
background-image: url(//bauunternehmung-kolasius.de/app/themes/core_theme/assets/img/arrow.png);
background-repeat: no-repeat ;
background-position: left center;
padding: 10px 10px 10px 60px;
cursor: pointer;
font-size: 32px;
}
.accordion-content {
padding: 10px;
display: none;
} @media all and (max-width:1880px){ 
header#masthead {
padding-left: 15%;
}
}
@media all and (max-width:1780px){ 
header#masthead {
padding-left: 13%;
}
}
@media all and (max-width:1680px){ 
header#masthead {
padding-left: 10%;
}
#s1 img.icon {
right: 0;
}
}
@media all and (max-width:1630px){ 
header#masthead {
padding-left: 0px;
}
}
@media all and (max-width:1490px){ 
.main-navigation .main-nav ul li a, 
.menu-toggle, 
.main-navigation .menu-bar-item > a {
padding-left: 10px;
padding-right: 10px;
font-size: 16px;
}
#s1 .splide__slide .left_part .button{
margin-left: 0;
}
}
@media all and (max-width:1380px){ 
#s1 .right_part {
display: none;
}
section:not(#s1){
padding-left: 20px;
padding-right: 20px;
}
li.phone a {
margin-left: 0;
}
.footer-widgets-container.grid-container:before 
{
display: none !important;
}
.main-navigation .menu-toggle{
font-size: 30px;
}
}
@media all and (max-width:1024px){ 
#s1 .splide__slide .left_part .slide_header {
line-height: 8vw;
font-size: 7vw;
}
#s1 .splide__slide .left_part .slide_subheader {
font-size: 4vw; 
}
#s1 .splide__slide {
background-position: right;
}
}
@media all and (max-width:768px){ 
.inside-header {
padding-right: 10px;
padding-left: 10px;
}
h2 {
font-size: 6vw; 
}
body, button, input, select, textarea {
font-size: 16px;
}
header#masthead {
padding-left: 0;
}
#s1 .splide__slide .left_part .slide_subheader {
font-size: 5vw; 
}
.site-logo {
max-width: 80%;
}
.row {
margin-bottom: 20px;
gap: 20px;
flex-direction: column;
}
.row .column{
padding-left: 10px;
padding-right: 10px;
}
#unser_team34 img {
margin-bottom:  30px;
}
.gallery-columns-3 .gallery-item {
max-width: 47.33%;
}
#s1 .splide__slide .right_part{
display: none;
}
#contact_form_in_text .col1, #contact_form_in_text .col2 {
width: 100%;
float: none;
margin-left:0;
margin-right:0;
}
.accordion-header {
font-size: 5vw;
}
#s1 .splide__slide .left_part {
padding-top: 110px;
padding-bottom: 55px;
padding-right: 5%;
}
#s1 .splide__slide .left_part .slide_subheader {
margin-bottom: 30px;
}
}
@media all and (max-width:500px){ 
#s1 .splide__slide {
background-image: url(//bauunternehmung-kolasius.de/app/themes/core_theme/assets/img/Mobil_02.jpg) !important;
}
.gallery-columns-3 .gallery-item {
max-width:100%;
}
#featured1 h3 {
font-size: 18px;
}
}