@charset "utf-8";
/* CSS Document */
:root {
    --base-color: #3f9ba2;
}

.js .wow {
  visibility: hidden;
}

/* Sobald WOW die Portfolio-Kachel erstmals aktiviert hat,
   bleibt sie auch nach dem Filtern sichtbar. */
.js .portfolio-wrapper .grid-item.wow.wow-finished {
  visibility: visible;
}
.web {}
.print {}
.logo {}
.illustration {}
.corporate {}
.foto  {}

/* Farben */
.color-white {
	color: #fff;
}
.color-black {
	color: #000;
}
.color-tuerkis {
	color: #02b5b2;
}
.bgcolor-tuerkis {
	color: #fff;
	background-color: #02b5b2; 
}
.bg-waldgruen {
	background-color: #216046;
	color:#fff;
}
.bg-warmes-beige {
	background-color: #d9a36a; 
	color:#fff;
}
.farbkarte {
	width:100%;
	height:250px;
	padding:25px;
}
.farbkarte.halb {
    width: 48%;
	display: inline-block;
	margin:0;
}
header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li > a:hover, header.header-appear nav.bootsnav.header-light .navbar-nav > li > a:hover, header.header-appear nav.header-light-transparent .header-social-icon a:hover, header.header-appear nav.header-light .header-social-icon a:hover, header.header-appear nav.header-light.white-link .header-social-icon a:hover, header.header-appear nav.header-light-transparent.white-link .header-social-icon a:hover, header.header-appear nav.header-light-transparent.white-link .heder-menu-button a:hover, header.header-appear nav.header-light-transparent .header-searchbar a:hover, header.header-appear nav.header-light .header-searchbar a:hover, header.header-appear nav.header-light.white-link .header-searchbar a:hover, header.header-appear nav.header-light-transparent.white-link .header-searchbar a:hover, header nav.navbar .navbar-nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover, .header-search-form:hover, .header-social-icon a:hover,
a:hover, a:active,
.uebersicht a:hover,
.color-tuerkis-2 {
	color: #3f9ba2;
}
.bgcolor-tuerkis-2 {
	color: #fff;
	background-color: #3f9ba2; 
}

.bgcolor-tuerkis-3 {
	color: #fff;
	background-color: #3f9ba2; 
}
#pojekt-3a .navbar.navbar-default.bootsnav.navbar-fixed-top.header-light.background-transparent.navbar-expand-lg.on.no-full{
	color: #fff;
	background-color: #3f9ba2; 	
}
.color-hellblau {
	color: #abedf3;
}
.bgcolor-hellblau {
	background-color: #abedf3;
}
.bgcolor-helltuerkis {
    background-color: #49B0B8;
}
.bgcolor-grau {
	background-color: #f3f2ee;
}
.bgcolor-hellgrau {
	background-color: #f3f2ee8f;
}
.color-pink {
	color:#ff48c2;
}
.bgcolor-orange {
    background-color: #FF7D47;
}
.color-gelborange {
	color:#ffd359;
}
.bgcolor-gelborange {
	background-color: #ffd359;
}
.bggradiant-gelborangepink {
    background-image: -webkit-linear-gradient(246deg,rgba(255,201,44,1.00) 0%,rgba(232,0,255,1.00) 100%);
    background-image: -moz-linear-gradient(246deg,rgba(255,201,44,1.00) 0%,rgba(232,0,255,1.00) 100%);
    background-image: -o-linear-gradient(246deg,rgba(255,201,44,1.00) 0%,rgba(232,0,255,1.00) 100%);
    background-image: linear-gradient(204deg,rgba(255,201,44,1.00) 0.00%,rgba(232,0,255,1.00) 100%);
}
.bggradiant-gelborangepink2 {
    background-image: -webkit-linear-gradient(246deg,rgba(255,128,30,1.00) 0%,rgba(216,24,114,1.00) 100%);
    background-image: -moz-linear-gradient(246deg,rgba(255,128,30,1.00) 0%,rgba(216,24,114,1.00) 100%);
    background-image: -o-linear-gradient(246deg,rgba(255,128,30,1.00) 0%,rgba(216,24,114,1.00) 100%);
    background-image: linear-gradient(204deg,rgba(255,128,30,1.00) 0.00%,rgba(216,24,114,1.00) 100%);
}
.text-small {
	font-size: 14px;
}
main {
    padding-top: 73px;
}

@media (min-height: 800px) and (orientation: landscape) {
	#start main {
	padding-top: 0;
}
	#home {
	padding-top:102px;
	padding-bottom: 30px;
	height: 65vh;
	display: flex;
    align-items: center;
}
	#section2 {
	padding-top:30px;
	padding-bottom: 30px;
	height: 35vh;
	display: flex;
    align-items: center;
}
}
header nav .navbar-nav > li.linie-li > a .linie-div {
 border-left: 1px solid rgba(0, 0, 0, 0.15);
	height: 20px;
	width: 1px; 
}
footer .extra-small-icon, .small-icon, .medium-icon, .large-icon, .extra-large-icon {
    align-items: bottom;
}
nav li .fa-brands {
	font-size:16px;
}
i.fa-brands.fa-facebook-f {
    font-size: 14px;
}

i.fa-brands.fa-instagram {
	font-size:17px;
}
header nav .navbar-nav > li.linie-li > a {
	margin-left:8px;
	margin-right:5px;
}
header nav .navbar-nav > li > a.social1 {
	margin-right:5px;
	
}

@media screen and (max-width:990px) {
    nav.navbar.bootsnav .navbar-nav li.linie-li {
		display: none;
	}
	.social {
		display:inline;
	}
}

header nav .navbar-nav > li > a .hover-option2 .grid-item figure:hover img {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    -o-filter: blur(5px);
    filter: blur(5px);
    opacity: 0.0;
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}


.footer-logo {
    height: 15px;
	width: auto;
    margin-top: -5px;
}
footer .small-icon li:last-child {
	  padding-bottom: 0;
}

/* Hero */
.navbar.navbar-default.bootsnav.navbar-fixed-top.header-light.background-transparent.navbar-expand-lg.on.no-full  {
 /*  padding-top: 5px; */
	border-bottom: 1px solid #e0e0e0;
}
.sticky .navbar.navbar-default.bootsnav.navbar-fixed-top.header-light.background-transparent.navbar-expand-lg.on.no-full  {
   padding-top: 0px;
}
.abstand_erste_linie {
	margin-top: 80px;
}

.hero {
  position: relative;
  min-height: 620px;
  overflow: hidden;
}

.hero-content {
  position: relative;
  z-index: 2;
}
.vanta-canvas {
	max-width: 100%;
}
#hero-vanta {
  height: 100vh;
  height: 100dvh;
  min-height: 568px;
}

 @media (max-width: 600px) {
  #hero-vanta {
    min-height: 100vh;
    min-height: 100dvh;
  }
}

.zitat {
	margin-top: 100px;
	margin-bottom: 100px;
}
/* Kontaktformular */
input, textarea, select {
    border: 1px solid #d1d1d1;
    font-size: 14px;
    padding: 8px 15px;
    margin: 0 0 20px 0;
    max-width: 100%;
    resize: none;
    color: #323232; 
    text-align: left;
    width: 100%;
	}
.check-datenschutz {
	position: relative;
text-align: left;
	padding-left:30px;
}
.check-datenschutz input[type="checkbox"] {
	margin-left: -30px;
	margin-top: 3px;
	width: 15px;
	height: 15px;
position: absolute;
	text-align: left!important;
	clear: both;
}

.check-datenschutz label {
		font-weight: 500;
}
.check-datenschutz a {
	color: #abedf3;
}

.btn.btn-kontakt {
    background: transparent;
    border-color: #ffd359;
    color: #ffd359;
    border-radius: 20px;
}

.btn.btn-kontakt:hover,
.btn.btn-kontakt:focus {
	    background: #FF7D47;
    border-color: #FF7D47;
    color: #ffffff;
}
.btn.btn-kontakt-orange {
background: transparent;
    border-color: #ffffff;
    color: #ffffff;

}

.btn.btn-kontakt-orange:hover,
.btn.btn-kontakt-orange:focus {
	   background-image: -webkit-linear-gradient(246deg,rgba(255,128,30,1.00) 0%,rgba(216,24,114,1.00) 100%);
    background-image: -moz-linear-gradient(246deg,rgba(255,128,30,1.00) 0%,rgba(216,24,114,1.00) 100%);
    background-image: -o-linear-gradient(246deg,rgba(255,128,30,1.00) 0%,rgba(216,24,114,1.00) 100%);
    background-image: linear-gradient(204deg,rgba(255,128,30,1.00) 0.00%,rgba(216,24,114,1.00) 100%);
    border-image: linear-gradient(204deg,rgba(255,128,30,1.00) 0.00%,rgba(216,24,114,1.00) 100%);
	
    color: #ffffff;
}
.form-modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.45)!important;
  z-index: 9999;
  align-items: center;
  justify-content: center;
}

.form-modal-box {
  background: #fff;
  padding: 2rem;
  max-width: 420px;
  text-align: center;
  box-shadow: 0 20px 60px rgba(0,0,0,.25);
}

.form-modal.is-visible {
  display: flex;
}
.privacy-error {
    display: inline-block;
    margin-top: 8px;
    padding: 8px 12px;
    background: #f8d7da;
    color: #842029;
    border-radius: 4px;
    font-size: 0.9rem;
}
.required-error {
    background: #f8d7da;
}
.contact-popup.mfp-bg {
    background: rgba(0, 0, 0, 0.75);
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.5;
}
.white-popup-block {
    background: #fff;
    padding: 35px;
    max-width: 480px;
    margin: 40px auto;
    text-align: center;
}

/* Leistungen */
.leistungen-div-linie {
	margin-top:50px;
	margin-bottom: 50px;
}
.leistungen-col-img1 {
    padding-right: 9%;
}
.leistungen-col-img1 img {
   margin-top:-10px;
}
.leistungen-col-img2 {
    padding-left: 8%;
}
.leistungen-col-img3 {
    padding-top:15px;
}
.leistungen-col-img4 {
    padding-left: 15%;
}
@media (max-width: 1199.9px)  {
.leistungen-col-img1 {
    padding-right: 2%;
}
.leistungen-col-img1 img {
   margin-top:-10px;
}
.leistungen-col-img2 {
    padding-left: 7%;
}
.leistungen-col-img3 {
    padding-top:0px;
}
.leistungen-col-img3 img {
	max-width: 115%;
}
.leistungen-col-img4 {
    padding-left: 13%;
}
}
@media (max-width: 991px)  {
.leistungen-col-img1 {
	padding-right: 15px;
	margin-bottom: 30px;
}
.leistungen-col-img1 img {
   margin-top:0px;
	max-width: 105%;
}
.leistungen-col-img2 {
    padding-left: 15px;
	margin-bottom: 30px;
}

.leistungen-col-img3 {
	padding-left:10%;
	margin-bottom: 30px;
}
		.leistungen-col-img3 img {
	max-width: 120%;
}
.leistungen-col-img4 {
    padding-left: 15px;
	margin-bottom: 30px;
}
	.portfolio-filter {
		text-transform: uppercase;
		letter-spacing: 0.04em;
		font-weight: 500;
		
	}
	.portfolio-filter-tab-1 li:first-child {
		margin-left:0;
	}
		.portfolio-filter-tab-1 li:last-child {
		margin-right:0;
	}
}
@media (max-width: 767px) {
    .portfolio-filter-tab-1 li,
	.portfolio-filter-tab-1 li:first-child,
	.portfolio-filter-tab-1 li:last-child{
        margin: 6px 15px;
        width: auto; 
    }

}
@media (max-width: 575px)  {
	.leistungen-col-img1 img {
	max-width: 100%;
}
}

.list-style-8 li {
    padding: 12px 0px;
	margin:0;
	font-size:15px;
}
.list-style-8 li:last-child {
    padding-bottom: 0;
}

li::before {
    color: #3f9ba2;
}
section.referenz {
	padding-top: 80px;
	padding-bottom: 80px;
}
.referenz ul.lightbox-gallery.portfolio-wrapper {
    margin-top:5px;
	margin-left: -5px;
    margin-right: -5px;
	margin-bottom: 5px;
}
.referenz-abstand-gross,
.referenz-titel,
.referenz-titelbild,
.referenz-eckdaten {
	margin-bottom: 80px;
}
.abstand-oben-minus {
	margin-top: -50px;
}
.titelbild-venezia {
	padding-left:7px;
	padding-right: 0px;
}
.referenz-text-1 {
	margin-bottom: 60px;	
	}
.referenz-text-1 h6 {
    margin-bottom: 10px;
	
/*    text-transform: uppercase;
    letter-spacing: 0.05em;	
	font-size: 17px; */
}
.referenz-bilder img {
	margin-bottom: 30px;
	width: 100%;
}
.bilder-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;              /* Abstand zwischen den Bildern */
    width: 100%;
}
.farbkarten-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;              /* Abstand zwischen den Bildern */
    width: 100%;
}
.farbkarte {
	   display: flex;
    flex-direction: column;
    justify-content: flex-end;   /* Alles nach unten */
    padding: 20px;

}
.farbkarte h6 {
    margin-top: 0;
	margin-bottom: 0
}
.farbkarte p {
	margin-bottom:0;
	margin-top:0
}

/* Zurück-Button */

.back-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px 12px 22px;
    border: 1px solid #3f9ba2;
    border-radius: 0px;
    background: #fff;
    color: #3f9ba2;
    font-family: "Source Sans 3", sans-serif;
    font-size: 0.95rem;
    font-weight: 500;
    text-decoration: none;
    transition: all .25s ease;
	margin-top:30px;
}

.back-button:hover {
    background: #3f9ba2;
    color: #fff;
    border-color: #3f9ba2;
}
@media (max-width: 991px)  {
		section.referenz {
	padding-top: 70px;
	padding-bottom: 40px;
}
.referenz-titel{
	margin-bottom: 70px;
}
.referenz-abstand-gross,
.referenz-titelbild,
.referenz-eckdaten {
	margin-bottom: 50px;
}
	.abstand-oben-minus {
	margin-top: -25px;
}
	.referenz-text-1 {
	margin-bottom: 30px;	
	}
	.back-button {
	margin-top:20px;
}
		.referenz-block-1,
	.spalten-tauschen,
	.column-reserve{
	flex-direction: column-reverse;
}
}
@media (max-width: 767px)  {
		section.referenz {
	padding-top: 40px;
	padding-bottom: 30px;
}

.referenz-titel,
.referenz-abstand-gross,
.referenz-titelbild,
.referenz-eckdaten {
	margin-bottom: 40px;
}
	.abstand-oben-minus {
	margin-top: -20px;
}
	.referenz-text-1 {
	margin-bottom: 20px;	
	}
	.back-button {
	padding: 8px 16px 8px 14px;
	margin-top:10px;
}
}
@media (max-width: 575px)  {
		section.referenz {
	padding-top: 30px;
	padding-bottom: 30px;
}
.referenz-titel,
.referenz-abstand-gross,
.referenz-titelbild,
.referenz-eckdaten {
	margin-bottom: 30px;
}
	.abstand-oben-minus {
	margin-top: -15px;
}
	.referenz-text-1 {
	margin-bottom: 10px;	
	}
	.back-button {
    padding: 6px 12px 6px 11px;
	margin-top:0px;
}
}
/*	Headlines Referenzen */
/*	VAR 1 */
.preheadline {
	font-size: 16px;
    text-transform: uppercase;
    color: #3f9ba2;
    letter-spacing: 0.15em;
	margin-bottom: 10px;

}
.font-projekt-headline {
	font-family: "Petrona", serif;
	font-size: 40px;
    line-height: 1.2;	
	font-weight: 300;
	color: #232323;
	margin-bottom:10px;
}
.font-projekt-subheadline {
	font-family: "Petrona", serif;
	font-size: 24px;
    line-height: 1.3;
	font-weight: 300;
/*	color: #3f9ba2;*/
	margin-bottom:20px;
}
/*	VAR 2 */
.preheadline2 {
	font-size: 14px;
    text-transform: uppercase;
    color: #3f9ba2;
    letter-spacing: 0.16em;
	margin-bottom: 0px;

}
.font-projekt-headline2 {
	font-family: "Petrona", serif;
	font-size: 48px;
    line-height: 1.2;	
	font-weight: 300;
	color: #232323;
	margin-bottom: 15px;
}
.font-projekt-subheadline2 {
	font-family: "Petrona", serif;
	font-size: 33px;
    line-height: 1.3;
	font-weight: 300;
	color: #3f9ba2;
	margin-bottom:10px;
}

/*	VAR 3 */
.preheadline3 {
	font-size: 17px;
     color: #fff;
 }
.font-projekt-headline3 {
	font-family: "Petrona", serif;
	font-size: 65px;
    line-height: 1.2;	
	font-weight: 300;
	color: #fff;
	margin-bottom:15px;
	margin-top: 15px;
}
.font-projekt-subheadline3 {
	font-family: "Petrona", serif;
	font-size: 27px;
    line-height: 1.3;
	font-weight: 300;
	color: #fff;
	margin-bottom:0px;
}
.cafe-wildau .font-projekt-headline2 {
	margin-right:5%;
}
@media (max-width: 1199.9px){
	.cafe-wildau .font-projekt-headline2 {
	margin-right:0%;
}
}
@media (max-width: 991px)  { 
/*	VAR 2 */
.preheadline2 {
}
.font-projekt-headline2 {
	font-size: 48px;
}
.font-projekt-subheadline2 {
	font-size: 33px;
}

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

/*	VAR 2 */
.preheadline2 {
}
.font-projekt-headline2 {
	font-size: 32px;
}
.font-projekt-subheadline2 {
	font-size: 27px;
}
}
@media (max-width: 575px)  { 
/*	VAR 2 */
.preheadline2 {
}
.font-projekt-headline2 {
	font-size: 28px;
}
.font-projekt-subheadline2 {
	font-size: 25px;
}
	.portfolio-wrapper .grid-item figcaption {
   
    padding: 15px;
}
	.portfolio-wrapper .separator-line-horrizontal-medium-light2 {
		display: none;
	}
}




.uebersicht {
	margin-top:-12px;
}
.uebersicht li {
 /*   letter-spacing: 0.08em;
    text-transform: uppercase; */
}
.uebersicht li,
.uebersicht li a {
	color: #232323;
	
}
.eckdaten-klein {
	color: #939393;
	font-size:11px;
	letter-spacing: 0.08em;
    text-transform: uppercase;
}
/* Schriften */

.petrona{
  font-family: "Petrona", serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.source-sans-3 {
  font-family: "Source Sans 3", sans-serif!important;
}

/* Flyout */

.flyout {
    position: fixed;
    bottom: 46%;
    right: 30px;
    color: #fff;
    transition: all ease 0.5s;
    z-index: 5000;
    padding: 15px;
    border-radius: 100px;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    height: 85px;
    width: 85px;
    -webkit-box-shadow: 0px 0 8px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0 8px 1px rgba(0,0,0,0.3);
}
.flyout:hover {
    transition: all ease 0.2s;
	right: 28px;
	   height: 87px;
    width: 87px;
     -webkit-box-shadow: 0px 0px 12px 4px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 12px 4px rgba(0,0,0,0.25);
}

.head-text {
    font-size: 87px;
    line-height: 1.3;
	font-weight: 300;
	  max-width: 100%;
}
.special-char-extra-large {
    font-size: 200px;
    line-height: 150px;
}
.textblock2 {
    font-size: 27.5px;
    line-height: 1.25;
	font-weight: 300;
	width: 85%;
	 margin-bottom: 25px;
	}
.textblock2a {

    line-height: 1.5;

	}
.textblock3 {
    font-size: 24px;
    line-height: 1.25;
	font-weight: 300;
}
@media (max-width: 1199px)  { 

	.flyout {
    bottom: 28px;
}
    .head-text {
        font-size: 70px;
    }
	.special-char-extra-large {
    font-size: 180px;
    line-height: 150px;
}
.textblock2 {
	width: 100%;
    }

} 
/*
@media (max-width: 1440px)  { 

	.flyout {
    bottom: 28px;
}
    .head-text {
        font-size: 60px;
		width: 85%;
    }
	.special-char-extra-large {
    font-size: 180px;
    line-height: 150px;
}
.textblock2 {
	width: 100%;
    }

}
*/
header nav .navbar-nav > li > a {
    letter-spacing: 0.017em;
	font-weight: 700;
}
@media (max-width: 991px)  { 
	    nav.navbar.bootsnav.no-full .navbar-collapse {
        max-height: 500px;
    }
header nav .navbar-nav > li > a {
    font-size: 16px;
    letter-spacing: 0.017em;
	font-weight: 500;
}
    .head-text {
        font-size: 55px;
 max-width: 100%;
    }

.textblock2 {
	width: 95%;
    }
	.textblock3 {
    font-size: 22px;

}
}
   
@media (max-width: 767px) and (orientation: portrait) { 
   
 /*   .head-text {
         font-size: clamp(2.4rem, 10.1vw, 4.5rem);    } */
	.flyout {
    bottom: 28px;
}
 .head-text {
        font-size: 50px;
        max-width: 90%;
    }
    .textblock2 {
        font-size: 27px;
        line-height: 1.27;
		max-width: 100%;
    }

}
@media (max-width: 640px) and (orientation: portrait) { 

    .head-text {
        font-size: clamp(27px, 8.75vw, 50px);
        max-width: 85%;
    }

}
@media (max-width: 575px) and (orientation: portrait) { 
    .head-text {
        font-size: clamp(27px, 8.75vw, 50px);
        max-width: 85%;
    }

}
@media (max-width: 500px) and (orientation: portrait) { 

	 .head-text {
        font-size: clamp(27px, 10vw, 50px);
		 max-width: 100%;
    }
   .textblock2 {
        font-size: clamp(23px, 3.75vw, 27.5px);
        line-height: 1.25;
    }
}
@media (max-width: 900px) and (orientation: landscape) {
  
	.flyout {
    bottom: 28px;
}
	.head-text {
        font-size: 50px;
		max-width: 100%;
    }
	    .textblock2 {
        font-size: 25px;
        line-height: 1.3;
        width: 100%;
    }
}
@media (max-width: 700px) and (orientation: landscape) {
 
	.flyout {
    bottom: 28px;
}
	.head-text {
        font-size: 42px;
    }
	    .textblock2 {
        font-size: 25px;
        line-height: 1.28;
        width: 100%;
    }

}
@media (max-width: 575px) and (orientation: landscape) {
		 .textblock2 {
        font-size: clamp(21px, 3.2vw, 27.5px);
        line-height: 1.25;
    }
}

/* Quick Kontakt */
.quick-contact {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;

  display: flex;
  flex-direction: column;
  gap: 10px;
}

.quick-contact__item {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 48px;
  background: #222;
  color: #fff;
  text-decoration: none;
  border-radius: 24px 0 0 24px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.quick-contact__icon {
  width: 48px;
  min-width: 48px;
  text-align: center;
  font-size: 26px;
  line-height: 30px;
}

.quick-contact__text {
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  white-space: nowrap;
  transition: max-width 0.25s ease, opacity 0.2s ease, padding 0.25s ease;
}

.quick-contact__item:hover .quick-contact__text,
.quick-contact__item:focus-visible .quick-contact__text {
  max-width: 220px;
  opacity: 1;
  padding-left: 18px;
}
/* Impressum / Datenschutz */

#rechtliches h1 {
font-size: 55px;
line-height: 1.15;
margin-bottom: 30px;
}
#rechtliches h2 {
font-size:44px;
line-height: 1.15;
margin-top:30px;
margin-bottom: 15px;
}
#rechtliches h3 {
font-size:34px;
margin-top:30px;
margin-bottom: 15px;
}
#rechtliches h4 {
font-size:25px;
	margin-top:30px;
margin-bottom: 15px;
}
#rechtliches p {
margin-bottom: 15px;
}
@media (max-width:991px){
#rechtliches h1 {
font-size: 47px;
margin-bottom: 30px;
}
	#rechtliches h2 {
font-size:36px;
		margin-top:20px;
margin-bottom: 10px;
}
	#rechtliches h3 {
font-size:28px;
		margin-top:20px;
margin-bottom: 10px;
}
	#rechtliches h4 {
font-size:22px;
		margin-top:20px;
margin-bottom: 10px;
}
}
.referenz-rand {
	border: 1px solid rgba(201,201,201,1.00);
}