.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			.ct-div-block,
			.oxy-post-content,
			.ct-text-block,
			.ct-headline,
			.oxy-rich-text,
			.ct-link-text { max-width: 100%; }
			img { flex-shrink: 0; }
			body * { min-height: 1px; }
		}            .oxy-testimonial {
                flex-direction: row;
                align-items: center;
            }
                        .oxy-testimonial .oxy-testimonial-photo-wrap {
                order: 1;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo {
                width: 125px;                height: 125px;                margin-right: 20px;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo-wrap, 
            .oxy-testimonial .oxy-testimonial-author-wrap, 
            .oxy-testimonial .oxy-testimonial-content-wrap {
                align-items: flex-start;                text-align: left;            }
            
                                                            .oxy-testimonial .oxy-testimonial-text {
                margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
                                    .oxy-testimonial .oxy-testimonial-author {
                font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
            }
                            

                                                .oxy-testimonial .oxy-testimonial-author-info {
                font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
             
            
                        .oxy-icon-box {
                text-align: left;                flex-direction: column;            }
            
                        .oxy-icon-box .oxy-icon-box-icon {
                margin-bottom: 12px;
                align-self: flex-start;            }
            
                                                                        .oxy-icon-box .oxy-icon-box-heading {
                font-size: 21px;
margin-bottom: 12px;            }
            
                                                                                    .oxy-icon-box .oxy-icon-box-text {
                font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
            
                        .oxy-icon-box .oxy-icon-box-link {
                margin-top: 20px;                            }
            
            
            /* GLOBALS */

                                                            .oxy-pricing-box .oxy-pricing-box-section {
                padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;            }
                        
                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                justify-content: center;            }
            
            /* IMAGE */
                                                                                    .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
                justify-content: center;            }
            
            /* TITLE */
                                                            
                                    .oxy-pricing-box .oxy-pricing-box-title-title {
                font-size: 48px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-title-subtitle {
                font-size: 24px;
            }
            

            /* PRICE */
                                                .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                                                flex-direction: row;                                            }
            
                                    .oxy-pricing-box .oxy-pricing-box-currency {
                font-size: 28px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-main {
                font-size: 80px;
line-height: 0.7;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-decimal {
                font-size: 13px;
            }
                        
                                    .oxy-pricing-box .oxy-pricing-box-term {
                font-size: 16px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-sale-price {
                font-size: 12px;
color: rgba(0,0,0,0.5);
                margin-bottom: 20px;            }
            
            /* CONTENT */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
                font-size: 16px;
color: rgba(0,0,0,0.5);
            }
            
            /* CTA */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
                justify-content: center;            }
            
        
                                .oxy-progress-bar .oxy-progress-bar-background {
            background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
                
                .oxy-progress-bar .oxy-progress-bar-progress-wrap {
            width: 85%;        }
        
                                                        .oxy-progress-bar .oxy-progress-bar-progress {
            background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
        }
                
                        .oxy-progress-bar .oxy-progress-bar-overlay-text {
            font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-percent {
            font-size: 12px;
        }
        
        .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
				padding: 0px;			}
		
                        .oxy-superbox .oxy-superbox-secondary, 
            .oxy-superbox .oxy-superbox-primary {
                transition-duration: 0.5s;            }
            
            
            
            
            
        
        
        
        
            .oxy-shape-divider {
                width: 0px;
                height: 0px;
                
            }
            
            .oxy_shape_divider svg {
                width: 100%;
            }
            .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}

.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
                    flex-direction: row;
               }
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
                    align-items: flex-start;
                }

            .oxy-pro-menu .oxy-pro-menu-off-canvas-container{
                    top: 0;
                    bottom: 0;
                    right: auto;
                    left: 0;
               }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }

            .oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}

.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}

.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
                        --oxynav-animation-name: none; 
                    }

                .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ 
                    background-color: var(--oxynav-brand-color);
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                    border: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ 
                    background: transparent;
                    border: 1px solid currentColor;
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
                    filter: invert(0) !important;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
                    background-color: var(--oxynav-activehover-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
                    color: var(--oxynav-neutral-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
                    color: var(--oxynav-neutral-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }

                .ct-section-inner-wrap, .oxy-header-container{
  max-width: 1440px;
}
body {font-family: 'Simplon Mono';}body {line-height: 22px;font-size: 14px;font-weight: 500;color: #333333;}.oxy-nav-menu-hamburger-line {background-color: #333333;}h1, h2, h3, h4, h5, h6 {font-family: 'Simplon Norm';font-size: 36px;font-weight: 700;}h2, h3, h4, h5, h6{font-size: 30px;}h3, h4, h5, h6{font-size: 24px;}h4, h5, h6{font-size: 20px;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: #333333;text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
}.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}.oxy-header-container {
}@media (max-width: 992px) {
				.ct-columns-inner-wrap {
					display: block !important;
				}
				.ct-columns-inner-wrap:after {
					display: table;
					clear: both;
					content: "";
				}
				.ct-column {
					width: 100% !important;
					margin: 0 !important;
				}
				.ct-columns-inner-wrap {
					margin: 0 !important;
				}
			}
.oxy-close-modal {
}
.footer--menu__left {
}
.footer--menu__right {
}
.page-title {
}
.logo--scroll {
}
.logo--main {
}
.content__page-width {
 max-width:100%;
}
.content__page-width .ct-section-inner-wrap {
padding-right: 180px;
padding-left: 174px;
}
@media (max-width: 767px) {
}

@media (max-width: 479px) {
}

.inner-wrap--relative {
}
.inner-wrap--relative:not(.ct-section):not(.oxy-easy-posts),
.inner-wrap--relative.oxy-easy-posts .oxy-posts,
.inner-wrap--relative.ct-section .ct-section-inner-wrap{
display:flex;
}
.oxy-stock-content-styles {
}
.logo--simple {
}
.text--quote {
}
.intro-visuals {
}
.blue-box {
}
.intro-img--left {
 width:540px;
}
.intro-img--right {
 width:552px;
}
.link-change {
}
.subpage--text {
}
.text--large {
}
.talk-modal {
}
.projekt-slider {
}
.divider {
}
.add-lightbox {
}
.post-image {
}
.img-caption {
}
.section-headline {
}
.article-meta {
}
.for-projekte {
}
.content {
}
.content:not(.ct-section):not(.oxy-easy-posts),
.content.oxy-easy-posts .oxy-posts,
.content.ct-section .ct-section-inner-wrap{
display:flex;
}
.container {
}
.container:not(.ct-section):not(.oxy-easy-posts),
.container.oxy-easy-posts .oxy-posts,
.container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
.article-tag {
}
.img-lightbox {
 width:468px;
}
.img-lightbox:not(.ct-section):not(.oxy-easy-posts),
.img-lightbox.oxy-easy-posts .oxy-posts,
.img-lightbox.ct-section .ct-section-inner-wrap{
display:none;
flex-direction:unset;
align-items:center;
justify-content:center;
}
@media (max-width: 767px) {
.img-lightbox {
 width:100%;
 margin-left:12px;
 margin-right:12px;
}
}

.lightbox-caption {
}
.post-location {
}
.previous-project {
}
.next-project {
}
.cover-video {
}
.link-opacity {
}
.hidenow {
}
.hidenow:not(.ct-section):not(.oxy-easy-posts),
.hidenow.oxy-easy-posts .oxy-posts,
.hidenow.ct-section .ct-section-inner-wrap{
display:none;
flex-direction:unset;
}
.mainHeader {
}
/* FOOTER
   ========================================================================== */

body.home #footer .ct-section-inner-wrap {
  padding-top: 128px;
}
body.single #footer .ct-section-inner-wrap {
  padding-top: 176px;
}
#footer .ct-section-inner-wrap {
  padding-top: 140px;
  padding-right: 36px;
  padding-bottom: 32px;
  padding-left: 174px;
}

.footer--menu__left li.menu-item {
  margin: 0 32px;
}
.footer--menu__left li.menu-item:first-child {
  margin-left: 0;
}
.footer--menu__right li.menu-item {
  margin: 0 20px;
}
.footer--menu__right li.menu-item:last-child {
  margin-right: 0;
}

/* max 1024px */
@media (max-width: 1024px) {
  #footer .ct-section-inner-wrap {
    padding-left: 36px;
  }
}

/* max 768px */
@media (max-width: 768px) {
  body.home #footer .ct-section-inner-wrap {
    padding-top: 192px;
  }
  body.single #footer .ct-section-inner-wrap {
    padding-top: 144px;
  }
  #footer .ct-section-inner-wrap {
    padding-top: 152px;
    padding-right: 30px;
    padding-bottom: 44px;
    padding-left: 30px;
  }
  .footer--menu__left li.menu-item {
    margin: 0 12px;
  }
  .footer--menu__right li.menu-item {
    margin: 0 8px;
  }
}

/* max 480px */
@media (max-width: 480px) {
  body.home #footer .ct-section-inner-wrap {
    padding-top: 64px;
  }
  body.single #footer .ct-section-inner-wrap {
    padding-top: 64px;
  }
  #footer .ct-section-inner-wrap {
    padding-top: 100px;
    padding-right: 14px;
    padding-bottom: 20px;
    padding-left: 14px;
  }
  .footer--menu__left {
    margin-bottom: 12px;
  }
  .footer--menu__left li.menu-item {
    margin: 0 8px;
  }
  .footer--menu__right li.menu-item {
    margin: 0 8px;
  }
}
p {
  margin: 0
}

/*
 * Page Titles
 */
h1,

/* 
 * Section Headlines
*/ 
h2 {
  font-size: 30px;
  line-height: 40px;
  letter-spacing: 0.04em;
}

.subpage--text h3,
.swiper-slide .kontakt-info-box {
  font-family: 'Simplon Norm';
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.swiper-slide .kontakt-info-box {
  letter-spacing: 0.04em;
}

/*
 * Slider Title, Kontakt Section Text
 */
h4 {
  font-size: 22px;
  line-height: 30px;
  letter-spacing: 0.04em;
}

h5 {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.05em;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  text-transform: uppercase;
}

.text--large {
  font-size: 20px;
  line-height: 32px;
}

@media (max-width: 480px) {
  h1, h2 {
    font-size: 18px;
    line-height: 24px;
  }
  h4 {
    font-size: 16px;
    line-height: 24px;
  }
  #kontakt h4 {
    font-size: 14px;
    line-height: 22px;
  }  
  .text--large {
    font-size: 16px;
    line-height: 24px;
  }  
}



/* ---  LINKS --- */
.link-opacity a:hover, 
#modal a:hover,
.swiper-slide .kontakt-info-box a:hover {
  /* color: #fff; */
  opacity: 0.7;
}

.indent-left,
.subpage--text > div > *{
  margin-left: 138px;
}


.text--quote {
  padding-top: 48px;
  padding-right: 174px;
  padding-bottom: 64px;
}


.page-title {
  padding-top: 163px;
  padding-bottom: 39px;
}


@media (max-width: 1279px) {

  .indent-left,
  .subpage--text > div > * {
    margin: auto;
  }
}


@media (max-width: 1024px) {

  .indent-left,
  .subpage--text > div > * {
    margin-left: 0;
  }
  
  
  .text--quote {
    padding-left: 0;
    padding-right: 0;
  }

  .subpage--text {
    padding-right: 0px;
  }
  .intro-visuals {
    margin-top: 183px;
  }
  .intro-visuals .intro-img--left {
    width: 472px;
  }
  .intro-visuals .intro-img--right {
    width: 480px;
  }    


}

@media (max-width: 768px) {

  .text--quote {
    padding-right: 0;
  }
  .page-title {
    padding-top: 142px;
    padding-bottom: 39px;
  }
  #visuals {
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
  }
  .intro-visuals {
    margin-top: 123px;
  }  
  .intro-visuals .intro-img--left {
    width: 468px;
  }
  .intro-visuals a:nth-of-type(2) {
    margin-left: auto;
  } 
  .intro-visuals .intro-img--right {
    width: 348px;
    align-self: flex-end; 
    margin-bottom: 0 !important;
  }    
  #projekte {
    padding-top: 64px;
  }
}

@media (max-width: 480px) {

  .text--quote {
    padding-left: 60px;
    padding-top: 21px;
    padding-bottom: 29px;
  } 
  .page-title {
    padding-top: 132px;
    padding-bottom: 29px;
  }
  

 
}











/* GENERAL ADJUSTMENTS
   ========================================================================== */
textarea:focus,
input:focus,
*:focus {
    outline: none;
}

figure {
  margin: 0;
}

.comment-body img,
.oxy-stock-content-styles img {
  max-width: inherit;
}



/* ELEMENTS
   ========================================================================== */
.inner-wrap--relative > .ct-section-inner-wrap {
  position: relative;
}

.blue-box {
  position: absolute;
  z-index: 9;
  background-color: #66ccff;
  mix-blend-mode: multiply;
}

.img-caption {
  position: absolute;
  z-index: 9;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.02em;
}
.lightbox-caption {
  margin-top: 19px;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.02em;  
}


body .featherlight:last-of-type {
	background: rgba(255,255,255,0.9);
}





/* SECTIONS
   ========================================================================== */

/* Set footer always to bottom, e.g. Impressum */
.ct-inner-content {
  min-height: calc(100vh - 218.5px);
}
.container {
  width: 1092px;
}
.content {
  width: 954px;
  margin-left: 138px;
}
.section-headline {
  margin-top: 91px;
  text-align: left;
}




section > div > h2 {
  z-index: 9;
}

#intro > div {
  margin-bottom: 53px;
}
#intro #visuals .content {
  width: 1092px;
}
#intro .img-caption:first-of-type {
  left: 0;
  bottom: -34px;
  right: auto;
}
#intro .img-caption {
  bottom: 13px;
  right: 0;
}
#intro a + .img-caption {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s, opacity 0.5s linear;
}
#intro a:hover + .img-caption {
  visibility: visible;
  opacity: 1;
}
#intro .blue-box {
  bottom: -64px;
  width: 332px;
  height: 332px;
}
#intro .text--quote {
  padding-top: 110px;
}

#ueber > div {
  margin-bottom: 9px;
}
#ueber .text--large {
  padding-left: 276px;
}

#projekte > div {
  margin-bottom: 34px;
}
#projekte .section-headline {
  margin-bottom: 90px;
}
#projekte .blue-box {
  top: 70px; 
  left: 1194px; 
  width: 210px;
  height: 340px;
}
#team > div {
  margin-bottom: 111px;
}
#team .section-headline {
  margin-bottom: 13px;
}
#team .blue-box {
  left: 0;
  top: 196px;
  width: 402px;
  height: 402px;
}

#aktuell > div {
  margin-bottom: 117px;
}
#aktuell .content {
  width: 1092px;
}
#aktuell .section-headline {
  margin-bottom: 59px;
}
#aktuell .blue-box {
  right: 394px;
  top: 0;
  width: 458px;
  height: 269px;
}

#kontakt .section-headline {
  margin-bottom: 37px;
}
#kontakt img {
  width: 538px;
  margin-bottom: 64px;
}
#kontakt h4 {
  margin-top: 51px;
}
#kontakt h4 a {
  color: #fff;
}
#kontakt .blue-box {
  top: 59px;
  right: 0;
  width: 714px;
  height: 498px;
}


/* max 1439px */
@media (max-width: 1439px) {
  #intro #visuals .content {
    width: 100%;
  }
  #team .blue-box {
    left: auto;
    right: auto;
    margin-left: -519px;
  }
}

/* max 1364px */
@media (max-width: 1364px) {
  .container {
    align-items: center;
  }
  .content {
    margin-left: 0;
  }
  .section-headline {
    width: 954px;
  }/*
  #intro .container {
    align-items: flex-start;
  }  */
  #intro #visuals .content {
    margin-left: 138px;
  }  
  #intro .content {
    width: 954px;
  }  
  #projekte .blue-box {
    left: auto;
    right: auto;
    transform: translateX(510px);
  }
  #team .blue-box {
    margin-left: -588px;
  }  
  #aktuell .content {
    width: 954px;
    margin-left: 138px;
  }
  #aktuell .blue-box {
    left: auto;
    right: 0;
  }
}


/* max 1280px */
@media (max-width: 1280px) {
  #projekte .blue-box {
    right: 0;
    transform: none;
  }
  #aktuell .content {
    margin-left: 0;
  }  
  #aktuell #article:first-child {
    margin-right: 0;
    margin-bottom: 36px;
  }
}

@media (max-width: 1280px) and (min-width: 1025px) {
  section > div > h2 {
    margin-left: 136px;
  }
}

/* max width 1230px */
@media (max-width: 1230px) {
  #intro #visuals .content {
    max-width: 954px;
    margin-left: 0;
  }
  #intro .img-caption:first-of-type {
    left: 24px;
  }
  #intro .img-caption {  
    right: 24px;
  }
}

/* max 1024px */
@media (max-width: 1024px) {
  .container,
  .content,
  .section-headline {
    width: 100%;
  }
  .container {
    padding: 0 36px;
  }
  #intro > div {
    margin-top: 183px;
  }
  #intro .content {
    width: 100%;
  }
  #intro .img-caption {
    display: none;
  }
  #intro .blue-box {
    left: 360px;
    width: 228px;
    height: 228px;
  }
  #ueber .text--large {
    padding-left: 248px;
  }   
  #team .blue-box {
    left: 0;
    margin-left: 0;
    width: 258px;
    height: 258px;
  }
  #aktuell .content {
    width: 100%;
  }  
}

/* max 999px */
@media (max-width: 999px) {
  .container {
    padding: 0 30px;
  }
  #intro > div {
    margin-top: 123px;
  }  
  #intro #visuals .content {
    flex-direction: column;
  }
  #intro #visuals .content a:first-child {
   align-self: center;
  }
  #intro .intro-img--left {
    width: 468px;
  }
  #intro .intro-img--right {
    width: 348px;
    margin-bottom: 0;
  }
  #intro .blue-box {
    left: 0;
    top: 353px;
  }  
  #ueber .text--large {
    padding-left: 120px;
  }    
  #aktuell > div {
    margin-bottom: 93px;
  }  
  #kontakt .content {
    flex-direction: column;
  }
  #kontakt img {
    width: 468px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 58px;
  }
  #kontakt h4 {
    margin-left: 50%;
    margin-top: 0;
    margin-bottom: 120px;
  }
  #kontakt .blue-box {
    top: auto;
    right: auto;
    bottom: 0;
    left: auto;
    width: calc(100% - 60px);
    height: 494px;
  }  
}

/* max 768px */
@media (max-width: 768px) {
  #intro .ct-section-inner-wrap {
    justify-content: start;
  }
  #intro .blue-box {
    left: 0;
    bottom: 150px;
    width: 228px;
    height: 228px;
  }
  #aktuell .blue-box {
    left: auto;
    right: 0;
    width: 378px;
    height: 222px;
  }
}

/* max 767px */
@media (max-width: 767px) {
  #kontakt img {
    width: calc(100% - 120px);
    min-width: 228px;
    max-width: 468px;
    margin-left: 0;
  }  
  #kontakt .blue-box {
    right: 30px;
    width: calc(100% - 150px);
  }
}

/* max 526px 
@media (max-width: 526px) {
  #aktuell .content,
  #aktuell #article,
  #aktuell #post-repeater a {
    width: 100%;
  }
}*/

/* max 480px */
@media (max-width: 480px) {
  .container {
    padding: 0 12px;
  }
  #intro > div {
    margin-top: 111px;
    margin-bottom: 25px;
  }  
  #intro .intro-img--left,
  #intro .intro-img--right {
    width: 228px;
  }  
  #intro .section-headline {
    margin-top: 20px;
  }  
  #intro .blue-box {
    top: 190px;
    bottom: auto;
    width: 140px;
    height: 140px;
  }
  #ueber .text--large {
    padding-left: 60px;
  }  
  #projekte {
    padding-top: 0;
  }
  #projekte .section-headline {
    margin-bottom: 33px;
  }
  #projekte .blue-box {
    top: 128px;
    right: 0;
    left: auto;
    width: 72px;
    height: 114px;
  }
  #team .blue-box {
    top: 150px;
    width: 112px;
    height: 112px;
  }
  #aktuell > div {
    margin-bottom: 72px /*29px*/;
  }  
  #aktuell .section-headline {
    margin-bottom: 41px;
  }
  #aktuell .blue-box {
    top: 53px;
    width: 241px;
    height: 142px;
  }
  #kontakt .section-headline {
    margin-bottom: 31px;
  }
  #kontakt img {
    width: 228px;
    margin-bottom: 52px;
  }
  #kontakt h4 {
    margin-left: 126px;
    margin-bottom: 58px;
  }  
  #kontakt .blue-box {
    right: 12px;
    width: calc(100% - 85.5px);
    height: 330px;
  }
}

/* max 320px */
@media (max-width: 320px) {
  #ueber .text--large {
    padding-left: 48px;
  } 
}





/* SWIPER JS - sidewide styles (splider specific styles located in code block of each slider)
   ========================================================================== */
.swiper-button-prev,
.swiper-button-next {
  display: inline-block;
  height: 36px;
  width: 36px;
  border: 2px solid #333;
  border-radius: 50%;
}
.swiper-button-prev:before,
.swiper-button-next:before {
  content:"";
  position: absolute;
  top: 9.5px;
  display: block;
  height: 12px;
  width: 12px;
  border-left: 2px solid #333;
  border-bottom: 2px solid #333;
}
.swiper-button-prev:before {
  left: 12.6px;
  transform: rotate(45deg);
}
.swiper-button-next:before {
  right: 12.6px;
  transform: rotate(-135deg);
}
.swiper-button-next:after,
.swiper-button-prev:after {
  display: none;
}
.swiper-button-prev:hover,
.swiper-button-prev:hover:before,
.swiper-button-next:hover,
.swiper-button-next:hover:before {
  opacity: 0.7;
} 





/* LIGHTBOX
   ========================================================================== 
.nivo-lightbox-theme-default.nivo-lightbox-overlay {
  background: #fff;
  background: rgba(255,255,255,0.9);
}
.nivo-lightbox-theme-default .nivo-lightbox-close {
  background-image: url(/wp-content/uploads/2020/05/close.png);
  background-size: 20px 20px;
  background-position: center;
  width: 20px;
  height: 20px;
  padding: 0;
  opacity: 1;
  top: 36px;
  right: 36px;
}
*//* HEADER
   ========================================================================== */

#header {
  padding: 36px;
}
#header:not(.mainHeader):not(.scrolling) {
  border-bottom: 0;
}
.logo--main,
.logo--simple {
  height: 84px;
  transition: height 0s ease-in-out;
}
@media (min-width: 1280px) {
  header.ct-section {
    width: auto;
    z-index: 999;
  }
}
.logo--simple {
  opacity: 0;
  /*transition: opacity 0.3s linear;*/
}
.mainHeader .logo--main {
  animation: move-logo-back 0.6s ease-in-out both 0.7s;
  opacity: 1;
  transition: opacity 0.3s linear, height 1s ease-in-out;
}
.mainHeader .logo--simple {
  opacity: 0;
  transition: opacity 0.3s linear;
}
.scrolling img {
  height: 84px;
}
.scrolling .logo--main {
  animation: move-logo 0.6s ease-in-out both;
  opacity: 0;
  transition: opacity 0.3s linear 0.7s, height 1s ease-in-out;
}
.scrolling .logo--simple {
  opacity: 1;
  transition: opacity 0.3s linear 0.7s;
}

@keyframes move-logo {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -50%;
  }
}

@keyframes move-logo-back {
  0% {
    margin-left: -50%;
  }
  100% {
    margin-left: 0;
  }
}


/* min width 1920px */
@media (min-width: 1920px) {
  #header {
    padding: 72px;
  }
}

/* max width 1279px */
@media (max-width: 1279px) {
  .logo--main {
    height: 75px;
  }
  .scrolling .logo--main {
    height: 48px;
    transition: opacity 0.3s linear 0.7s, height 1s ease-in-out;
  }  
  .scrolling .logo--simple {
    height: 48px;
  }
  #header {
    padding: 36px 36px;
    z-index: 999;
  }
  #header.scrolling {
    background-color: #fff;
    height: 72px;
    padding: 12px 36px;
    border-bottom: 0.5px solid #333;
    transition: background-color 0.3s ease-in-out 0.6s, border-bottom 0.3s ease-in-out 0.6s, height 1s ease-in-out;
  }
  #header:not(.scrolling) {
    background-color: rgba(0,0,0,0);
    border-bottom: 0px solid transparent;
    transition: background-color 1s ease-in-out 1s, border-bottom 0s, height 1s ease-in-out, padding 1s ease-in-out;
  }
}

/* max width 999px */
@media (max-width: 999px) {
  #header {
    padding: 24px 30px;
  }
}

/* max width 768px */
@media (max-width: 768px) {
  #header.scrolling img {
    height: 54px;
  }
  #header.scrolling {
    height: 78px;
    padding: 0 30px;
  }
}

/* max width 480px */
@media (max-width: 480px) {
  #header {
    padding: 12px 12px 24px;
  }
  #header > .ct-section-inner-wrap {
    justify-content: center;
  }
  #header.scrolling > .ct-section-inner-wrap {
    justify-content: flex-start;
  }
  #header.scrolling img {
    height: 36px;
  }
  #header.scrolling {
    height: 60px;
    padding: 0 11px 0 14px;
  }
}
  
  
  

/* KONTAKT POP-UP
   ========================================================================== */
#talk {
  left: 36px;
  bottom: 32px;
}
#modal {
  width: 254px;
  height: 254px;
  padding-left: 36px;
}
.blackout {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%)
}

/* max width 1280px */
@media (min-width: 1280px) {
  #talk.gray-link {
    color: #c1c1c1;
    transition: color 0.7s;
  }
  #talk:hover {
    color: #333;
  }
}

/* min width 1920px */
@media (min-width: 1920px) {
  #talk {
    left: 72px;
    bottom: 68px;
  }
}

/* max width 1279px */
@media (max-width: 1279px) {
  .oxy-modal-backdrop.bottom_left {
    top: 72px;
    align-items: flex-start;
    justify-content: flex-end;
  }
  .oxy-modal-backdrop.live {
    padding-top: 72px !important;
    top: 0 !important;
  }
  #talk {
    left: auto;
    top: 25px;
    bottom: auto;
    right: 38px;
  }
  #header:not(.scrolling) + .oxy-modal-backdrop + #talk {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
  .scrolling + .oxy-modal-backdrop + #talk {
    opacity: 1;
    transition: opacity 0.3s ease-in-out 0.6s;
  }
}

/* max width 768px */
@media (max-width: 768px) {
  .oxy-modal-backdrop.bottom_left {
    top: 78px;
  }
  .oxy-modal-backdrop.live {
    padding-top: 78px !important;
  }
  #modal {
    width: auto;
    height: auto;
    padding: 20px 20px 18px 18px;
  }
  #talk {
    left: auto;
    top: 32px;
    bottom: auto;
    right: 30px;
  }
}

/* max width 480px */
@media (max-width: 480px) {
  .oxy-modal-backdrop.bottom_left {
    top: 60px;
  }
  .oxy-modal-backdrop.live {
    padding-top: 60px !important;
  }  
  #talk {
    left: auto;
    top: 19px;
    bottom: auto;
    right: 11px;
  }
}/* TITLE COVER */
#post-cover > div {
  margin-top: 36px;
  margin-bottom: 92px /*56px*/;
}
#post-cover .content {
  border-bottom: 1px solid #000; 
}
#post-cover .cover-video {
  width: 100%;
  height: auto;
}
#post-cover img {
  width: 100%;
  /*height: auto;*/
  justify-self: flex-start;
  align-self: flex-start;
}
#post-cover h1 {
  margin-bottom: 21px;;
}
#post-cover .post-location {
  margin-top: 60px;
  margin-bottom: 21px;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.02em;
  opacity: 0.8;
}
#post-cover .blue-box {
  top: 270px;
  left: 0px;
  width: 402px;
  height: 236px;
}
#post-cover .previous-project,
#post-cover .next-project {
  position: absolute;
  bottom: 0;
}
#post-cover .previous-project {
  left: -145px;
}
#post-cover .next-project {
  right: -145px;
}
#post-cover .previous-project a,
#post-cover .next-project a {
  display: block;
  width: 126px;
  margin-bottom: -69px;
}
#post-cover .previous-project a:hover:before,
#post-cover .next-project a:hover:before,
#post-cover .previous-project a:hover:after,
#post-cover .next-project a:hover:after {
  border-color: #707070;
}
#post-cover .previous-project a:before,
#post-cover .next-project a:before {
  content: "";
  position: relative;
  display: block;
  bottom: 6px;
  left: 50%;
  margin-left: -18px;
  height: 36px;
  width: 36px;
  border: 2px solid #333;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 0px 12px #fff;
}
#post-cover .previous-project a:after,
#post-cover .next-project a:after {
 content: "";
 position: absolute;
 top: 5.5px;
 display: block;
 height: 12px;
 width: 12px;
 border-left: 2px solid #333;
 border-bottom: 2px solid #333;
}
#post-cover .previous-project a:after {
  left: 50%;
  margin-left: -4px;
  transform: rotate(45deg);
}
#post-cover .next-project a:after {
  right: 50%;
  margin-right: -4px;
  transform: rotate(-135deg);
}

/* --- Video Plugin --- */
.lyte-wrapper {
  margin: 0 !important;
}
.lL {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 24px 1em;
  background-color: rgba(255,255,255,0.8);
  text-align: left;
  font-size: 12px;
  line-height: 16px;
}



/* CONTENT */
#post-content p {
  margin: 0;
}
#post-content span > p {
  margin-left: 276px;
  margin-bottom: 46px;
}
#post-content span > *:last-child {
  margin-bottom: 0;
}
#post-content h2 {
  margin-bottom: 46px;
}

#post-content .wp-block-media-text {
  display: flex;
  flex-direction: row;
  margin-bottom: 46px;
}
#post-content .wp-block-media-text a {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-left: -276px;
  margin-right: 150px;
}
#post-content .wp-block-media-text img {
  width: 100%;
  max-width: 480px;
  height: auto;
  /*
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  */
  /*transition-property: all;*/
}
/* 
#post-content .wp-block-media-text img:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  filter: grayscale(0%);
  transition-duration: 0.5s;
}
*/
#post-content .wp-block-media-text .img-caption {
  bottom: 0;
  padding-top: 12px;
  transform: translateY(100%);
}
/*
#post-content .wp-block-media-text img + .img-caption {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s, opacity 0.5s linear;
}
#post-content .wp-block-media-text img:hover + .img-caption {
  visibility: visible;
  opacity: 1;
}
*/
#post-content .wp-block-media-text .wp-block-media-text__content {
  padding: 0;
}

#post-content .wp-block-image img {
  max-width: 100%;
  height: auto;
}


/* KONTAKT */
#kontakt-info {
  margin-top: 196px;
}
#kontakt-info .content {
  height: 388px;
  width: 1092px;
  margin-left: 0;
}
#kontakt-info h4 {
  margin-right: 153px;
}
#kontakt-info h4 a {
  color: #fff;
}
#kontakt-info .blue-box {
  top: 0;
  right: 0;
  width: calc(50% - 546px + 678px);
  height: 388px;
}

/* max width 1439px */
@media (max-width: 1439px) {
  #post-content .wp-block-media-text a {
    margin-left: calc(-50vw + 444px);
  }
}


/* max width 1364px */
@media (max-width: 1364px) {
  #post-cover > div {
    margin-bottom: 56px;
  }  
  #post-content span > p {
    margin-left: 120px;
  }
  #post-content h2 {
    margin-bottom: 30px;
  }
  #post-content .wp-block-media-text {
    flex-direction: column;
    margin-bottom: 30px;
    margin-left: 120px;
  }
  #post-content .wp-block-media-text .wp-block-media-text__media {
    align-self: flex-start;
  }
  #post-content .wp-block-media-text a {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 40px;
  }
  #post-content .wp-block-media-text img {
    /* width: 100%; */
    /*max-height: 235px;*/
    margin-left: 0;    
    margin-right: 0;
  }
  #post-content .wp-block-media-text .img-caption {
    right: 0;
    transform: translate(100%, 0);
    padding-left: 12px;
  }  
  #kontakt-info {
    margin-top: 120px;
  }
  #kontakt-info .container {
    align-items: center;
  }
  #kontakt-info .content {
    width: 954px;
  }
}

/* max width 1279px */
@media (max-width: 1279px) {
  #post-cover .previous-project a,
  #post-cover .next-project a {
    width: 36px;
    margin-bottom: -24px;
  }  
  #post-cover .previous-project {
    left: 0;
  }
  #post-cover .next-project {
    right: 0;
  }
  #post-cover .previous-project span,
  #post-cover .next-project span {
    display: none;
  }
  /*
  #post-cover .previous-project a:before,
  #post-cover .next-project a:before,
  #post-cover .previous-project a:after,
  #post-cover .next-project a:after {
    visibility: visible;
  }
  */
}

/* max width 1128px 
@media (max-width: 1128px) and (min-width: 999px) {
  #kontakt-info .container {
    width: 100%;
    padding-left: 36px;
  }
}
*/

/* max width 1024px */
@media (max-width: 1024px) {
  #post-cover > div {
    margin-top: 183px;
  }
  #post-cover img {
    width: 100%;
    height: auto;
  }
  #post-cover .blue-box {
    top: 295px;
    width: 258px;
    height: 152px;
  }
  #kontakt-info .content {
    width: 100%;
  }
  #kontakt-info h2 {
    align-self: flex-start;
    margin-top: 52px;
  }
  #kontakt-info .content,
  #kontakt-info .blue-box {
    height: 494px;
  }  
}

/* max width 999px */
@media (max-width: 999px) {
  #post-cover > div {
    margin-top: 123px;
  }
}

/* max width 767px */
@media (max-width: 767px) {
  #post-content .wp-block-media-text .img-caption {
    left: 0;
    right: auto;
    transform: translate(0, 100%);
    padding-left: 0;
  }
  #kontakt-info h4 {
    position: absolute;
    margin-right: 0;
    margin-left: 50%;
    bottom: 70px;
  }  
}

/* max width 600px */
@media (max-width: 600px) {
  #post-content .wp-block-media-text {
    margin-left: calc(100% - 402px);
  }
  /*#kontakt-info .content {
    justify-content: center;
  }*/
}

/* max width 480px */
@media (max-width: 480px) {
  #post-cover > div {
    margin-top: 111px;
    /* margin-bottom: 56px; - switched from margin to padding bc of overflow-hidden*/
    margin-bottom: 0;
    padding-bottom: 56px;
    overflow: hidden;
}  
  #post-cover .blue-box {
    display: none;
  }
  #post-cover .lL {
    padding: 5px 10px;
    font-size: 10px;
    line-height: 14px;
  }  
  #post-cover .lL .lyte_disclaimer {
    display: inline-block;
    margin-top: -12px;
  }
  #post-content span > p {
    margin-left: 60px;
  }  
  #post-content .wp-block-media-text {
    margin-left: 60px;
  }
  #post-content .wp-block-media-text a {
    margin-bottom: 64px;
  }  
  #post-content .wp-block-media-text img {
    width: 100%;
  }
  #kontakt-info .content {
    height: 330px;
  }
  #kontakt-info .blue-box {
    height: 330px; 
    width: calc(100% - 72px);
  }
  #kontakt-info h2 {
    margin-top: 40px;
  }
  #kontakt-info h4 {
    margin-left: 124px;
  }
}