/*
Theme Name: Blickwinkel
Author: Milan
Version: 1.0
*/

/* @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap'); */

@font-face {
  font-family: 'Bebas Neue';
  src: url(fonts/BebasNeue-Regular.ttf);
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/IBMPlexSans-Bold.ttf);
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  src: url(fonts/IBMPlexSans-SemiBold.ttf);
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  src: url(fonts/IBMPlexSans-Medium.ttf);
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/IBMPlexSans-Regular.ttf);
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 300;
  src: url(fonts/IBMPlexSans-Light.ttf);
}

body{
    font-family: 'Bebas Neue', cursive;
}
img{
    width: 100%;
    height: auto;
}
.padding-left{
    padding-left: 76px;
}
.padding-top{
    padding-top: 72px;
}
.container-large{
    max-width: 1870px;
}
.datenschutz-content, .impressum-content{
    font-family: 'IBM Plex Sans', sans-serif;
}
/*ANIMATIONS*/
.slider-link a:hover, .nav-link{
    color: #fff;
    transition: 0.2s ease-in;
 }

 .triangle-right .b, .triangle-right .a, .lage-links, .projekt-links, .hamburger-line{
     transition: 0.2s ease-in;
 }
.border{
    border-color:#5F0404!important;
    fill:#5F0404!important;
}
.link-hover{
    transition: 0.2s ease-in;
    color: #fff!important;
    fill: #fff!important;
}
.projekt-link{
    transition: 0.2s ease-in;
    color: #291F6F!important;
    fill: #291F6F!important;
}
.image-in-banner-hover{
    opacity: 1;
}
.columns-content .columns-link, .lage-links, .slider-link{
    transition: 0.2s ease-in;
    width: fit-content;
    
}
.slider-link{
    margin: 0 auto;
}
.slider-link .triangle-right .a, .footer-links a, .impressum a{
    transition: 0.2s ease-in;
}
.triangle-right{
    width: 20px;
    height: 20px;
}
.hidden{
    visibility: hidden;
    opacity: 0; /*it doesn't show by default*/
    transition: all .2s; /*pick whatever suits best*/
}
.show{
    opacity: 1; /*fully visible on :hover*/
    transition: all .2s;
}
.nav-list{
    transition: 0.2s ease-in;
}
#submit:hover, .hamburger-hover{
	transition: 0.2s ease-in;
	background-color:#5F0404!important;
}
.footer-links a:hover, .impressum a:hover{
	transition: 0.2s ease-in;
	color:#291f6f;
}
.impressionen-slider-image{
    transition: 0.2s ease-in;
}
/*NAVBAR*/
.nav-link, .nav-link:hover{
    text-decoration: none;
    font-size: 100px;

}
.nav-link{
    color: #9f9f9f;
    opacity: 1;
    transition: 0.2s ease-in;
}
.nav-link:hover{
    transition: 0.2s ease-in;
    color: #fff;
}
.nav-list{
    width: 100vw;
    height: 100vh;
    background-color:#291F6F;
    z-index: 901;
}
.nav-list ul{
    height: inherit;
}
.nav-list ul{
    list-style: none;
}
.hamburger-menu{
	margin-top:46px;
}
.hamburger-menu, .close-menu{
	cursor:pointer;
}
.hamburger{
    width: 100vw;
    z-index: 900;
}
.hamburger-line{
    width: 80px;
    height: 6px;
    background-color:#fff;
    margin-top: 15px;
    margin-right: 61px;
}
.icon-line{
    width: 60px;
    height: 3px;
    background-color: #fff;
    transform: translate(0, 28px) rotate(45deg);
}
.icon-line:nth-child(2){
    transform: translate(0, 25px) rotate(-45deg);
}
.close-menu{
    top: 76px;
    right: 67px;
    width: 60px;
    height: 60px;
}
/***********BANNER**************/
.carousel-item-container{
    position: relative;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    height:inherit;
}
.carousel-item-wrapper{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
}
.carousel-indicators button{
    height: 10px!important;
    width: 10px!important;
    border-radius: 50%;
    margin-right: 19px!important;
}
.content-inside-banner img{
    width: 606px;
    height: 1097px;
}
.image-inside-banner{
    right: -7px;
    bottom: -21px;
}
.image-inside-banner svg{
    height: auto;
}
.carousel-indicators{
    margin-bottom: 1.7rem;
    
}
/**********OVERLAY************/
.text-with-overlay{
	background-size:cover;
	background-repeat:no-repeat;
    position: relative;
}
.overlay-text p{
    color: #fff;
    font-size: 60px;
    z-index: 5;
    max-width: 1152px;
    line-height: 1;
}
.overlay-text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
}
/************COLUMNS**********/
.columns-content{
    margin: 200px 0px 200px 117px;;
}
.columns-content h3{
    margin-bottom: 37px;
}
.columns-content p, .lage-content p, .contact-content p{
    font-size: 18px;
    color:#2f2f2f;
    font-family: 'IBM Plex Sans', sans-serif;
}
.columns-content h3 ,.lage-content h3, .impressionen-content h3, .contact-content h3{
    font-size: 60px;
    color: #291f6f;
    line-height: 1;
    letter-spacing: 1.2px;
}
.projekt, .lage, .impressionen, .contact{
    font-size:36px!important;
    color: #9f9f9f!important;
    margin-bottom: 0!important;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    font-family: 'Bebas Neue', cursive!important;
}
.columns-link{
    color:#9f9f9f;
    font-size: 30px;
    text-decoration: none;
}
.projekt-links, .lage-links, .slider-link{
    letter-spacing: 1.2px;
}
.columns-link:first-child{
    margin-top: 70px;
}
.chevron-right img{
    height: inherit;
    width: 12px;
    margin-right: 4px;
}
.projekt-table {
	overflow-x: auto;
}
.projekt-table h3 {
	color: #2f2f2f;
	font-size: 30px;
	margin-bottom: 0px;
	margin-top: 35px;
}

.projekt-table p {
	margin: 0px !important;
}

.projekt-table .table {
	border-color: black;
}

.projekt-table .table td {
	padding: 3px;
}
.projekt-table .table thead td {
	background: #5F0404;
	color: white;
	font-size: 30px;
	font-weight: 300;
	padding-top:6px;
}
/*********LAGE CONTENT**********/
#lage, .kontakt{
    background-color: #291f6f;
}
.lage-content h3, .contact-content h3{
    color: #fff;
    margin-bottom:50px;
}
.lage-row{
    padding-top: 112px;
    padding-bottom: 200px;
}
.lage-content p,.contact-content p, .contact-content h4{
    color: #fff;
}
.distanzen-table{
    width: 100%;
    margin: 85px 0;
}
.distanzen-table thead tr td{
    border-bottom: 1px solid #fff;
    width: 20%;
}
.distanzen-table tbody tr{
    border-bottom: 1px solid #fff;
    font-family: 'IBM Plex Sans', sans-serif;
    padding-bottom: 5px;
    font-size: 20px;
    letter-spacing: 0.2px;
    font-weight: 300;
    opacity: 0.9;
}
.distanzen-table tbody tr td{
    padding-top:8px;
    padding-bottom: 3px;
}
.table-icon img{
    margin-top: 0!important;
    width: 55px;
}
.distanzen-table tbody tr td{
    letter-spacing: 0.2px;
}
.distanzen{
    letter-spacing: 1.08px;
    font-size: 36px;
}
.lage-content {
    margin-left: 260px;
}
.lage-content img{
    margin-top: 100px;
}
/***********ANGEBOT***********/
.angebot-background, .angebot-background img{
    height: 1126px;
}
.angebot-background img{
    object-fit: cover;
}
.behind-angebot-indicators{
    top: 74.5%;
    bottom:unset;
}
/******ANGEBOT SLIDER********/
.angebot-carousel{
    transform:translateY(-230px);
}
.slider-link a:first-child{
    margin-top:10px;
}
.angebot-slide{
    max-width: 580px !important;
    height: max-content;
    background-color: #5F0404;
    color: #fff;
}
.angebot-slide h3{
    font-size: 70px;
    height: 96px;
	letter-spacing: 4px;
	margin-top: 70px;
}
.buroflache{
    margin-bottom: 0px;
    letter-spacing: 0px;
	font-weight: 600;
}
.adress{
    margin-bottom: 40px;
	font-weight: 600;
}
.size{
    margin-bottom: 40px;
    font-weight: 300;
}
.adress, .size, .buroflache {
    font-size: 25px;
	line-height: 34px;
    font-family: 'IBM Plex Sans', sans-serif;
}
.slider-link a{
    font-size: 30px;
    margin-top: auto;
    transition: 0.2s ease-in;
}
.angebot-slide img{
    display: inline-block;
}
.angebot-slide{
    margin:0 25px;
	padding:14px 14px 40px 14px; 
	
}
.slick-prev{
    left: -40px;
}
.slick-next{
    right: -40px;
}
.slick-next, .slick-prev{
    height:110px;
    width: 55px;
	z-index:600;
}
/*******IMPRESSIONEN CONTENT*******/
#impressionen {
	margin-bottom: 200px !important;
}
.impressionen-slider{
    width: 545px;
    margin: auto;
}
.impressionen-image, .impressionen-image img{
    max-height: 1116px;
}
.impressionen-image img{
    object-fit: cover;
	height:100%;
}
.impressionen-content p ,.impressionen-content h3{
    margin-left: 115px;
    margin-bottom: 50px;
}
.impressionen-gallery-image{
    height:260px;
	width:284px;
}
.impressionen-slider-image{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.overlay-impressionen{
    background-color:#829DAC;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.6;
}
.carousel-control-prev {
    left: -85px;
    height:852px;
}
.carousel-control-next {
    right: -86px;
    height: 852px;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 54px;
    height: 108px;
}
/**************FORM****************/
.form{
    padding-right: 230px;
	font-family: 'IBM Plex Sans', sans-serif;
}
.form input, .form textarea{
    outline: none;
    box-shadow: none;
    color: #fff;
}
.contact-content h3{
    margin-bottom: 51px;
    letter-spacing: 1.04px;
}
.contact-content h4{
    margin-top: 124px;
    margin-bottom: 96px;
    letter-spacing: 1.08px;
    font-size: 36px;
}
.contact-content p{
    width: 47%;
    letter-spacing: 0.18px;
}
.contact{
    letter-spacing: 1.8px!important;
}

.buro{
    margin-bottom: 96px;
}
.gender{
    margin-bottom: 52px;
}
.right-side{
    margin-top: 224px;
}
.information{
    margin-left: 50px;
    font-family: 'IBM Plex Sans', sans-serif;
}

.wpcf7-not-valid-tip{
    position: absolute;
    top: 30px;
}
.wpcf7-list-item{
    margin-left: 26px!important;
}
.wpcf7-response-output{
    color: red;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
    border-color: #fff!important;
    border-width: 1px!important;
}
.information p:nth-child(3){
    margin-bottom: 50px;
}
.link-box{
    border: 2px solid #fff;
    width: 70px;
    height: 70px;
}
#footer-link img{
    margin-top:50%;
    margin-left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 20px;
}
.contact-wrapper{
    padding: 112px;
}
.for-border{
    border-right: 1px solid white;
}
.form input, .form textarea {
    width: 100%;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    margin-bottom:40px;
    font-size: 22px;
    padding-bottom: 5px;
}
.form .mitteilung{
	margin-bottom:20px;
}
.contact-date, .contact-date:hover{
    text-decoration:none;
    color: white;
    font-size: 22px;
}

.form input::placeholder, .form textarea::placeholder, .wpcf7-list-item-label{
    color: #fff;
}

.submit{
	transition: 0.2s ease-in;
    color: #fff;
    border-bottom: none!important;
    background-color:#9f9f9f!important;
    width: 550px!important;
    height: 60px;
    font-size: 40px!important;
    margin-bottom: 0!important;
    font-family: 'Bebas Neue', cursive;
    letter-spacing: 2px;
}
.gender input, .flat input{
    width: unset;
}
.first{
    margin-left: 0!important;
}
.information p, .information p a{
	text-decoration:none;
    color: white;
    font-size: 18px;
    margin-bottom:5px
}
.wpcf7-list-item-label{
    font-size: 22px;
}
.wpcf7-list-item input {
    display: inline-block;
    appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid;
    border-radius: 50%;
    margin-bottom: 0;
    margin-right: 5px;
}
.wpcf7-list-item input:checked{
    background-color: #5F0404;
    padding: 1px;
}
.link-box{
    position: relative;
}
.triangle-up .s0{
	fill:#fff;
}
.triangle-up{
    position: absolute;
    top: 50%;
    width: 40px;
    height: 20px;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*FOOTER*/
.footer{
    max-width: 1680px;
    margin: auto;
}
.footer-links a, .impressum a:first-child{
    border-right: 1px solid #4A4A4A;
    margin-right: 8px;
    padding-right: 8px;
}
.footer-links a:nth-child(6){
    border-right: none;
}
.footer-links a, .impressum a{
    color: #4A4A4A;
    font-size: 18px;
    font-family: 'IBM Plex Sans', sans-serif;
	text-decoration:none;
}

.logo img{
    margin: 20px 0;
	margin-top:62px;
    max-width: 244px;
}
@media (max-width: 2400px) {
    .padding-top {
        padding-top: 50px;
    }
    .padding-left {
        padding-left: 60px;
    }
    /***********BANNER**************/
    .content-inside-banner img {
        width: 500px;
        height: 800px;
    }
    image-inside-banner svg{
        width: 500px;
    }
    /********PROJEKT COLUMNS*******/
    .columns-content{
        margin: 200px 0px 200px 117px;
    }
    .columns-content h3, .lage-content h3, .impressionen-content h3, .contact-content h3{
        font-size: 55px;
    }
    .columns-content p, .lage-content p, .contact-content p {
        font-size: 16px;
    }
    .projekt, .lage, .columns-link, .impressionen, .contact{
        font-size: 30px!important;
    }
    /*******ANGEBOT SLIDER*********/
    .container-large{
        max-width: 1800px;
    }
    /*IMPRESSIONEN SLIDER*/
    .carousel-control-prev, .carousel-control-next{
        height: 852px;
    }
}
@media (max-width: 1920px) {
    .padding-top {
        padding-top: 40px;
    }
    .padding-left {
        padding-left: 50px;
    }
    /***********BANNER**************/
    .content-inside-banner img {
        width: 400px;
        height: 600px;
    }
    .image-inside-banner svg{
        width: 300px;
    }
    /********COLUMNS CONTENT*********/
    .columns-content{
        width: 38%;
		margin: 200px 0px 200px 117px;
    }
    .columns-content h3, .lage-content h3, .impressionen-content h3, .contact-content h3{
        font-size: 50px;
    }
    .columns-content p, .lage-content p, .contact-content p{
        font-size: 17px;
    }
    .projekt, .columns-link, .lage, .impressionen, .contact{
        font-size: 28px!important;
    }
    .columns-link:first-child{
        margin-top:55px;
    }
    .container-large{
        max-width: 1500px;
    }
    /*LAGE*/
    .lage-content img{
        margin-top: 80px;
    }
    /*IMPRESSIONEN SLIDER*/
    .impressionen-slider {
        width: 445px;
    }
    .impressionen-gallery-image {
        height: 210px;
		width:234px;
    }
    .carousel-control-prev, .carousel-control-next {
        height: 735px;
    }
    .carousel-control-prev-icon, .carousel-control-next-icon{
        width: 30px;
    }
    .carousel-control-next{
        right: -65px;
    }
    .carousel-control-prev {
        left: -65px;
    }

    
}
@media (max-width: 1600px) {
    .padding-top {
        padding-top: 30px;
    }
    .padding-left {
        padding-left: 40px;
    }
    /***********BANNER**************/
	.carousel-item-container{
		background-size:contain;
	}
    .content-inside-banner img {
        width: 300px;
        height: 500px;
    }
    .image-inside-banner svg{
        width: 300px;
    }
    /**********OVERLAY************/
    .overlay-text p{
        font-size: 50px;
        max-width: 950px;
    }
    /*******COLUMNS CONTENT*******/
    .columns-content{
        margin: 50px 0px 50px 20px;
        width: 48%;
    }
    .columns-link:first-child {
        margin-top: 60px;
    }
    .columns-content h3, .lage-content h3, .impressionen-content h3, .contact-content h3{
        font-size: 40px;
    }
    .columns-content p, .lage-content p, .contact-content p{
        font-size: 15px;
    }
    .projekt, .columns-link, .lage, .impressionen, .contact{
        font-size: 26px!important;
    }
    /*********LAGE CONTENT*********/
    .lage-content {
        margin-left: 100px;
    }
    .container-large{
        max-width: 1100px;
    }
    .lage-content img{
        margin-top: 60px;
    }
    /***********ANGEBOT SLIDER***********/
    .buroflache{
        font-size: 35px;
    }
    .adress, .size {
        font-size: 19px;
    }
    .slider-link .columns-link{
        font-size: 22px;
    }
    .angebot-slide h3 {
        font-size: 67px;
   		height: 75px;
    }
    .impressionen-slider {
        width: 305px;
    }
    .carousel-control-prev, .carousel-control-next {
        height: 515px;
    }
    .carousel-control-prev{
        left:-50px;
    }
    .carousel-control-next{
        right: -50px;
    }
    .slick-next, .slick-prev {
        height: 70px;
        width: 54px;
    }
    /*IMPRESSIONEN*/
    .impressionen-gallery-image {
        height: 140px;
		width:164px;
    }
    .carousel-control-prev, .carousel-control-next {
        height: 484px;
    }
    /*FORM*/
    .form{
        padding-right: 24px;
    }
    .information{
        margin-right:0;
        margin-left: 0;
    }
    .contact-wrapper{
        padding: 50px;
    }
    .right-side {
        margin-top: 105px;
    }
    .submit{
        width: 410px!important;
        height: 40px;
        font-size: 26px!important;
    }
}
@media(max-width:1399px){
    .footer-links a, .impressum a{
        border-right: none!important;
        margin-top:5px;
    }
}
@media(max-width: 1300px){
    .columns-link:first-child {
        margin-top: 3px;
    }
    .projekt, .columns-link, .lage, .impressionen, .contact{
        font-size: 25px!important;
    }
	/*******PROJEKT TABLE*******/
	.projekt-table .table thead td, .projekt-table h3{
		font-size:24px;
	}
}
@media (max-width: 1200px) {
    .padding-top{
        padding-top: 30px;
    }
    .padding-left{
        padding-left: 40px;
    }
    /***********BANNER**************/
    .content-inside-banner img {
        width: 230px;
        height: 400px;
    }
    .image-inside-banner svg{
        width: 230px;
    }
    /**********OVERLAY************/
    .overlay-text p{
        font-size: 30px;
        max-width: 760px;
    }
    /*****COLUMNS COMPONENT******/
    .columns-content {
        margin: 10px 0px 10px 5px;
        width: 49%;
    }
    .columns-content h3, .lage-content h3, .impressionen-content h3, .contact-content h3{
        font-size: 30px;
        margin-bottom: 20px;
    }
    .columns-content p, .lage-content p, .contact-content p{
        font-size: 13px;
    }
    .columns-link:first-child {
        margin-top: 5px;
    }
    .projekt, .columns-link, .lage, .impressionen, .contact {
        font-size: 19px!important;
    }
    /*LAGE*/
    .lage-content img{
        margin-top: 30px;
    }
    /*******ANGEBOT SLIDER********/
    .container-large{
        max-width: 900px;
    }
    .angebot-slide h3 {
        font-size: 55px;
        height: 75px;
    }
   
    .impressionen-slider {
        width: 205px;
    }
    .buroflache{
        margin-bottom: 20px;
    }
    .size{
        margin-bottom: 20px;
    }
    .adress, .size {
        font-size: 16px;
    }
    /*IMPRESSIONEN SLIDER*/
    #impressionen {
		margin-bottom: 100px !important;
	}
    .impressionen-slider {
        width: 305px;
    }
    .carousel-control-prev, .carousel-control-next {
        height: 500px;
    }
    .impressionen-gallery-image {
        height: 133px;
		width: 157px;
    }
    .carousel-control-prev{
        left: -50px;
    }
    .carousel-control-next{
        right: -50px;
    }
    /*CONTACT FORM*/
    .link-box {
        width: 50px;
        height: 50px;
    }
	/*******PROJEKT TABLE*******/
	.projekt-table .table thead td, .projekt-table h3{
		font-size:22px;
	}
}
@media(max-width: 992px){
    /*HEADER*/
    .hamburger-line{
        width: 40px;
        height: 5px;
    }
    .padding-top{
        padding-top:20px;
    }
    .padding-left {
        padding-left: 30px;
    }
    /***********BANNER**************/
    .content-inside-banner img {
        width: 190px;
        height: 340px;
    }
    .image-inside-banner svg{
        width: 190px;
    }
    .carousel-indicators button{
        height: 9px!important;
        width: 9px!important;
    }
    /**********OVERLAY************/
    .overlay-text p{
        font-size: 30px;
        max-width: 570px;
    }
    /*******COLUMNS CONTENT*******/
    .columns-content {
        margin-left: 12px;
        min-width: 90%;
    }
    .columns-content h3, .lage-content h3, .impressionen-content h3, .contact-content h3{
        font-size: 40px;
        margin-bottom: 20px;
    }
    .columns-content p, .lage-content p, .contact-content p{
        font-size: 17px;
    }
    .projekt, .contact, .impressionen{
        margin-top: 20px;
    }
    .projekt, .columns-link, .lage, .impressionen, .contact{
        font-size: 26px!important;
    }
    /*********LAGE CONTENT********/
    #lage {
        margin-top: 20px;
    }
    .lage-row {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .lage-content {
        margin-left: auto;
        margin-bottom: 40px;
    }
    .lage-content p {
        margin-bottom: 20px;
    }
    /*ANGEBOT SLIDER*/
    .container-large{
        max-width: 600px;
    }
    .angebot-background, .angebot-background img{
        height: 300px;
    }
    .angebot-slide h3 {
        font-size: 55px;
		height:65;
    }
    .buroflache{
        font-size: 26px;
    }
    .adress, .size {
        font-size: 16px;
    }
   .behind-angebot-indicators{
		top: 59.7%;
		bottom:unset;
	}
    .angebot-carousel{
        transform:translateY(-65px);
    }
    .angebot-slide h3 {
        height: 80px;
    }
    /*LAGE*/
    .table-icon img{
        width: 30px;
    }
    .distanzen{
        font-size: 22px;
    }
    .distanzen-tbody tr{
        font-size: 16px!important;
    }
    /*IMPRESSIONEN SLIDER*/
	#impressionen {
		margin-bottom: 50px !important;
	}
    .impressionen-slider {
        width: 400px;
        height: 645px;
    }
	.impressionen-gallery-image {
    	height: 187px;
		width: 211px;
	}
    .carousel-control-prev, .carousel-control-next {
        height: 618px;
    }
    .carousel-control-next{
        right:-35px
    }
    .carousel-control-prev{
        left: -35px;
    }
    .carousel-control-prev, .carousel-control-next {
        width: 25px;
    }
    .impressionen-content p, .impressionen-content h3 {
        margin-left: 0px;
    }
    /*CONTACT FORM*/
    .for-border {
        border-right: none;
    }
    .contact-wrapper{
        padding: unset;
    }
    .form {
        padding-right: 0;
    }
    .submit{
        font-size: 24px!important;
    }
    .buro, .contact-content h4{
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .gender {
        margin-bottom: 40px;
    }
    .information {
        margin-right: 0;
        margin-left: 0;
        padding-bottom: 12px;
    }
    .scroll-to-top{
        margin-right: 0;
    }
    .contact-content p {
        width: 100%;
    }
    .wpcf7-list-item{
        margin-left: 0!important;
        display: block!important;
    }    
}
@media(max-width: 768px){
    /*NAVBAR*/
    .nav-link{
        font-size: 46px;
    }
    .padding-top{
        padding-top: 20px;
    }
    .padding-left{
        padding-left: 25px;
    }
    /***********BANNER**************/
    .content-inside-banner img {
        width: 150px;
        height: 270px;
    }
    .image-inside-banner svg{
        width: 150px;
    }
    .image-inside-banner{
        right: -3px;
        bottom: -6px;
    }
    .carousel-indicators button{
        height: 7px!important;
        width: 7px!important;
    }
    /**********OVERLAY************/
    .overlay-text p{
        font-size: 20px;
        max-width: 380px;
    }
    /*******COLUMNS CONTENT*******/
    .columns-content h3, .lage-content h3, .impressionen-content h3, .contact-content h3{
        font-size: 35px;
    }
    .projekt, .columns-link, .lage, .impressionen, .contact{
        font-size: 24px!important;
    }
    /*******ANGEBOT SLIDER********/
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
    .container-large{
        max-width: 400px;
    }
    /*******COLUMNS CONTENT*******/
    /********LAGE CONTENT*********/
    .lage-row {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .lage-content h3{
        margin-bottom: 20px;
    }
    .lage-content p {
        margin-bottom: 20px;
    }
    /*IMPRESSIONEN SLIDER*/
    .impressionen-slider{
        width: 405px;
    }
    .impressionen-gallery-image {
        height: 190px;
		width: 214px;
    }
    .contact-content h4{
        font-size: 30px;   
    }
	.carousel-control-prev, .carousel-control-next {
        height: 674px;
    }
}
@media(max-width: 576px){
    .padding-top{
        padding-top: 15px;
    }
    .padding-left{
        padding-left: 20px;
    }
    /***********BANNER**************/
	.carousel-item-container{
        background-size: 185%;
    }
    .banner{
        height: 300px;
    }
    .carousel-item img, .carousel, .carousel-inner, .carousel-item{
        height: inherit;
    }
    .carousel-item img{
        object-fit: cover;
    }
    .image-inside-banner{
        right: -1px;
        bottom: -5px;
    }
    .image-inside-banner svg{
        width: 100px;
    }
    .content-inside-banner img{
        width: 70px;
        height: 120px;
    }
    .carousel-indicators button{
        height: 6px!important;
        width: 6px!important;
    }
    /**********OVERLAY************/
    .text-with-overlay, .overlay img{
        height: 150px;
    }
    .overlay-text p {
        font-size: 18px;
        max-width: 250px;
    }
    /*******COLUMNS CONTENT*******/
    .columns-image{
        height: 300px;
    }
    .columns-image img{
        height: inherit;
        object-fit: cover;
    }
    .columns-content h3, .lage-content h3, .impressionen-content h3, .contact-content h3{
        font-size: 26px;
    }
    .projekt, .columns-link, .lage, .impressionen, .contact{
        font-size: 20px!important;
    }
    .columns-content p, .lage-content p, .contact{
        font-size: 15px;
    }
    /*ANGEBOT SLIDER*/
    .container-large{
        max-width: 300px;
    }
    .slick-next, .slick-prev {
        height: 40px;
        width: 20px;
    }
    .slick-next{
        right: -7px;
    }
    .slick-prev{
        left: -7px;
    }
    .chevron-right img {
        width: 13px;
        height: 18px;
    }
    /*IMPRESSIONEN SLIDER*/
    .impressionen-slider{
        width: 220px;
        height: 356px;
    }
    .carousel-control-prev, .carousel-control-next {
        height: 382px;
    }
    .impressionen-gallery-image {
        height: 95px;
		width: 119px;
    }

    /*CONTACT FORM*/
    .submit{
        width: 65%!important;
    }
    .contact-content h4{
        font-size: 22px;   
    }
}