@charset "utf-8";
/* CSS Document */

		@font-face {
		  font-family: Dosis_400;
		  src: url('../fonts/dosis-v27-latin-regular.woff2') format('woff2'),
			   url('../fonts/dosis-v27-latin-regular.woff') format('woff');
		}
		@font-face {
		  font-family: Encode_Condensed_400;
		  src: url('../fonts/encode-sans-condensed-v10-latin-regular.woff2') format('woff2'),
			   url('../fonts/encode-sans-condensed-v10-latin-regular.woff') format('woff');
		}
		@font-face {
		  font-family: Encode_400;
		  src: url('../fonts/encode-sans-semi-condensed-v10-latin-regular.woff2') format('woff2'),
			   url('../fonts/encode-sans-semi-condensed-v10-latin-regular.woff') format('woff');	
		}
		* {
			margin: 0;
			padding: 0;
			box-sizing: border-box;
		}			
		img {
			display: block;
			max-width: 100%;
			height: auto;
		}
		html {
			font: 1rem Dosis_400, sans-serif;
			color: rgba(170,170,170,1.00);
			background: url("../img/bgpattern.png");
			scroll-behavior: smooth;
		}
		body {
			background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.65) 100%);
		}
		a {
			color: rgba(140,203,108,1.00);
			text-decoration: none;
		}
		a:hover {
			color: rgba(140,203,108,1.00);
			text-decoration: underline;
		}
		*:focus {
    		outline: 0;
		}
		input[id*="show"] {
			display: none;
		}
		.vh100 {
			min-height: 100vh;
		}
		@keyframes point {
			0%		{transform: translateY(0px);}
			30%		{transform: translateY(0px);}
			35%		{transform: translateY(10px);}
			45%		{transform: translateY(0px);}
			50%		{transform: translateY(10px);}
			60%		{transform: translateY(0px);}				
			100%	{transform: translateY(0px);}
		}	
		/* Cookiedingsbums ---------------------------------------------- */
		#cookiedingsbums a {color:rgba(140,203,108,1.00); text-decoration:none;}

		#cookiedingsbums a:hover {text-decoration:underline;}

		#cookiedingsbums { 
			outline: 1px solid rgba(140,203,108,1.00); 
			text-align: center; 
			border-radius: 10px;
			background: rgba(39,48,53,0.90); 
			position: fixed;
			top: 25vh; 
			left: 50%;
			transform: translateX(-50%);
			z-index: 10000; 
			width: 50vw;
			font: 400 1.0rem Dosis_400, sans-serif;
			line-height: 2rem;
			padding: 1rem; 
		}
		.cookiedingsbumsCloser {
			color: rgba(140,203,108,1.00);
			font: 400 1.0rem Dosis_400, sans-serif;
			text-decoration: none;
			text-shadow: 0 1px 2px #000;
			cursor: pointer;
			border: 1px solid rgba(14,26,31,1.00); 
			border-radius: 5px;
			padding: 4px 10px;
			margin-left: 10px;
			background: linear-gradient(rgba(39,48,53,1.00),rgba(14,26,31,1.00)); 
		 }
		.cookiedingsbumsCloser:hover {
			color: #fff;
			background: rgba(14,26,31,1.00);
		}
		#topnav ul li a.akt {
			color: rgba(140,203,108,1.00);
		} 
		#scrollnav ul li a.akt {
			color: rgba(140,203,108,1.00);
		} 
		#footernav ul li a.akt {
			color: rgba(140,203,108,1.00);
		}
		#liste_normal {
			margin-top: 10px;
		}
		#liste_normal li{	
			margin-left: 25px;
		}
		#daten {
			padding: 50px 50px;
			margin-bottom: 50px;
			background: rgba(39,48,53,1.00);
			border-radius: 10px;
			box-shadow: 0px 5px 10px rgba(0,0,0,0.30);
		}
		/* Downloadbutton ----------------------------------- */
		#download {
			font-size: 1.5rem;
			font-weight: 900;
			padding: 15px 25px;
			margin-top: 45px;
			text-align: center;
			background: rgba(29,38,41,1.00);
			border-radius: 15px;
			box-shadow: 0 5px 10px 0 rgba(0,0,0,0.5);
			transition: 0.5s;
		}
		#download:hover {
			font-size: 1.5rem;
			padding: 15px 25px;
			margin-top: 45px;
			text-align: center;
			background: rgba(39,48,53,1.00);
			border-radius: 15px;
			box-shadow: 0 5px 10px 0 rgba(0,0,0,0.5);
		}
		/* Youtubebutton ----------------------------------- */
		#youtube {
			font-size: 1.5rem;
			font-weight: 900;
			padding: 15px 25px;
			margin-top: 45px;
			text-align: center;
			background: rgba(29,38,41,1.00);
			border-radius: 15px;
			box-shadow: 0 5px 10px 0 rgba(0,0,0,0.5);
			transition: 0.5s;
		}
		#youtube:hover {
			font-size: 1.5rem;
			padding: 15px 25px;
			margin-top: 45px;
			text-align: center;
			background: rgba(39,48,53,1.00);
			border-radius: 15px;
			box-shadow: 0 5px 10px 0 rgba(0,0,0,0.5);
		}
		.text_cntr {
			text-align: center;
		}
		.tbm2 {
			margin: 50px 0px;
		}
		.flex {
			display: flex;
		}
		/* Lightbox Mod ------------------------------------------- */
		.lightboxOverlay {
			background-color: #617182;
		}
		.lightbox .lb-image {
			border-radius: 8px;
			border: 20px solid #fff;
		}
		.lb-data .lb-caption {
			font-size: 1rem;
			font-weight: bold;
			line-height: 1em;
			color: #fff;
			text-shadow: 0px 2px 5px #000;
		}
		.lb-data .lb-number {
			display: block;
			clear: left;
			padding-bottom: 1em;
			font-size: 0.75rem;
			color: #ddd;
			font-weight: bold;
			text-shadow: 0px 2px 5px #000;
		}
		#light img {
			transform: scale(1);
			transition: 0.25s;
			border: 3px solid rgba(140,203,108,0.00);
		}
		/* mobile small ------------------------------ */ 
		@media screen and (max-width:410px){
		/* Header ------------------------------------------------------- */
		header {
			overflow: hidden;
			display: flex;
			flex-direction: column;
		}
		#header_logo {
			margin: auto;
		}
		#header_logo img{
			display: inline;
		}
		#underline {
			border-bottom: 3px solid rgba(140,203,108,1.00);
			max-width: 24vw;
			margin: auto;
			margin-top: -15px;
			transform: translateX(-28%);
		}
		#header_logo figcaption{
			font-size: 1.25rem;
			text-align: center;
			font-weight: 400;
			font-family: Calibri light, sans-serif;
			text-shadow: 0px 2px #000000, 0 2px 10px rgba(0,0,0,0.50);
			transform: translateX(72px);
			color: rgba(140,203,108,1.00);
		}
		/* Scroll Nav --------------------------------------------------- */
		#scrollnav {
			transition: 0.5s;
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			z-index: 999;
			transform: translate(0%, -100%);
			box-shadow: 0 10px 20px 0 rgba(0,0,0,0.65);
		}
		#shownav:checked + #scrollnav {
			transform: translate(0%, 0%);
		}
		#scrollnav label {
			background: #333;
			width: 48px;
			height: 48px;
			display: block;
			position: absolute;
			bottom: -48px;
			left: 50%;
			transform: translateX(-50%);
			z-index: 100;
			border-bottom: 2px solid rgba(140,203,108,1.00);
			border-radius: 0 0 5px 5px;
			box-shadow: 0 10px 20px 0 rgba(0,0,0,0.65);
		}
		.burger-line {
			height: 3px;
			width: 66%;
			background: rgba(140,203,108,1.00);
			display: block;
			position: absolute;
			left: 17%;
			transition: 0.75s
		}
		.burger-line:nth-of-type(1) { top: calc(35% - 1px) }
		.burger-line:nth-of-type(2) { top: calc(50% - 1px) }
		.burger-line:nth-of-type(3) { top: calc(65% - 1px) }
		#scrollnav:checked + #scrollnav {
			transform: translate(0%, -100%);
		}	
		#scrollnav ul {
			max-width: 1200px;
			margin: auto;
			padding-left: 0px;
			padding-right: 0px;	
		}
		#scrollnav li {
			display: flex;
			text-transform: uppercase;
			font-weight: 400;
			list-style: none;
			background: rgba(189,189,189,1.00);
		}
		#scrollnav a {
			font-size: clamp(0.75rem, 4.5vh, 1.25rem);
			padding: 2vh 20px;
			color: rgba(255,255,255,1.00);
			min-width: 100%;
			text-decoration: none;
			text-shadow: 0px 2px #000000, 0 4px 9px rgba(0,0,0,0.50);
			transition: 0.25s;
			background: url("../img/bgpattern.png");
			border-bottom: 2px solid rgba(140,203,108,1.00);
		}
		#scrollnav a:hover {
			color: rgba(140,203,108,1.00);
		}
		/* Scroll Nav ende ---------------------------------------------- */
		#topnav {
			display: none;
		}
		#quote {
			font-family: Encode_Condensed_400, sans-serif;
			font-size: 0.9rem;
			text-align: center;
			max-width: 475px;
			margin: auto;
			padding-left: 0px;
			padding-right: 0px;
			color: rgba(170,170,170,1.00);
			text-shadow: 0px 2px #000000, 0 2px 10px rgba(0,0,0,0.50);
		}
		#qoute_name {
			font-size: 0.75rem;
			transform: translateX(100px);
			color: rgba(140,203,108,1.00);
			margin-top: 3%;
		}
		#arrow_down {
			text-align: center;
			margin-bottom: 20px;
		}
		#arrow {
			max-height: 37px;
			transition: 0.25s;
			animation-name: point;

			animation-duration: 5s;
			animation-iteration-count: infinite;
		}
		#arrow:hover {
			max-height: 37px;
			transform: scale(1.25);
			cursor: pointer;
		}
		.b_arrow {fill:#fff;}
		.c_arrow {fill:#8fc36c;}	
		/* Inhalt von oben ---------------------------------------------- */	
		h1 {
			font-family: Dosis_400, sans-serif;
			font-size: 2.25rem;
			color: rgba(140,203,108,1.00);
		}
		#underline2 {
			border-bottom: 5px solid rgba(140,203,108,1.00);
			border-radius: 5px;
			height: 10px;
			max-width: 100vw;
			margin-top: 15px;
			margin-bottom: 25px;
		}
		h2 {
			font-family: Dosis_400, sans-serif;
			font-size: 2.25rem;
			color: rgba(140,203,108,1.00);
			margin-bottom: 40px;
		}
		h3 {
			font-family: Dosis_400, sans-serif;
			font-size: 1.75rem;
			color: rgba(140,203,108,1.00);
			margin-bottom: 10px;
		}
		h4 {
			font-family: Dosis_400, sans-serif;
			font-size: 1.75rem;
			color: rgba(140,203,108,1.00);
			margin-bottom: 15px;
		}
		.tbm {
			padding-top: 50px;
			padding-bottom: 50px;
		}
		.tbp {
			padding-top: 50px;
			padding-bottom: 50px;
		}
		.lrp {
			padding-left: 0px;
			padding-right: 0px;
		}
		.f13 {
			font-size: 1.3rem;
		}
		#teaser_container {
			border-top: 20px solid rgba(39,48,53,1.00);
			border-bottom: 20px solid rgba(39,48,53,1.00);
		}
		.teaser_row {
			display: flex;
			flex-direction: column;
		}
		.teaser { 
			overflow: hidden;	
		}
		.teaser img {
			transform: scale(1.01);
			transition: 0.5s;	
		}
		.teaser_row figure img:hover {
			transform: scale(1.1);	
		}
		.teaser figcaption {
			font-size: 1.0rem;
			background: rgba(14,26,31,0.90);
			bottom: 0;
			left: 0;
			right: 0;
			padding: 25px;
			transition: 0.5s;
			border-bottom: 3px solid rgba(140,203,108,1.00);
		}
		#no_brdr {
			border-bottom: 0px solid rgba(140,203,108,1.00);
		}
		.over_h {
			overflow: hidden;
		}
		.teaser_brdr {
			border-right: 3px solid rgba(140,203,108,1.00);
			text-align: right;
			padding-right: 25px;
		}
		.teaser_row2 {
			display: flex;
			flex-direction: column;
		}
		.teaser_row2 figure img:hover {
			transform: scale(1.1);
		}
		#teaser_txt {
			max-width: 100%;
			font-size: 1.25rem;
			text-align: left;
			padding: 30px;
			background-image: url("../img/congelation_bg.svg");
			background-position: 1000%;
			background-size: 95%;
			background-repeat: no-repeat;
			border-bottom: 3px solid rgba(140,203,108,1.00);
		}
		.dark {
			background-image: url("../img/bgnoise.png");
			display: flex;
			border-bottom: 20px solid rgba(39,48,53,1.00);
		}
		.watermark_2 {
			display: none;
		}
		.wie {
			flex-basis: 100%;
			text-align: right;
			padding: 50px 25px 50px 15%;
			background-image: url("../img/fluxicon_bg.svg");
			background-repeat: no-repeat;
			background-size: 125vw;
			background-position: 250%;
		}
		.wrapper1100 {
			max-width: 1100px;
			margin: auto;
		}
		#projekte h2 {
			margin-bottom: 10px;
			text-align: center;
			padding: 0px 25px;
		}
		#projekte p {
			padding: 0px 25px;
		}
		.no_mobile {
			display: none;
		}
		.no_desk {
			font-size: 1rem;
		}
		.no_desk h4{
			font-size: 1.5rem;
			padding: 0px 25px;
		}
		.no_desk p{
			margin-top: 15px;
			margin-bottom: 10px;
			padding: 0px 25px;
		}
		.no_desk a{
			padding: 0px 25px;
		}
		.no_desk section{
			margin-bottom: 15px;
		}
		section > div {
			padding-bottom: 15px;
			border-bottom: 2px dashed rgba(140,203,108,1.00);
		}
		section:nth-of-type(3) > div {
			padding-bottom: 0px;
			border-bottom: 0px dashed rgba(140,203,108,1.00);
		}
		.underline3 {
			border-top: 5px solid rgba(140,203,108,1.00);
			border-radius: 5px;
			height: 10px;
			max-width: 100vw;
			margin-left: 25px;
			margin-right: 25px;
			margin-top: 35px;
			margin-bottom: 10px;
		}
		.underline4 {
			border-bottom: 5px solid rgba(140,203,108,1.00);
			border-radius: 5px;
			height: 10px;
			max-width: 100vw;
			margin-left: 25px;
			margin-right: 25px;
			margin-top: 15px;
			margin-bottom: 25px;
		}
		.netz {
			border-top: 20px solid rgba(39,48,53,1.00);
			text-align: center;
		}
		.netz_cont {
			margin-top: 15px;	
		}
		.netz img {
			display: inline;
			width: 45%;
			height: auto;
			transform: scale(90%);
			transition: 0.25s;
			filter: grayscale(1);
			cursor: pointer;
		}
		.netz img:hover {
			transform: scale(100%);
			filter: grayscale(0);	
		}
		.gal_cont {
			margin-top: 0px;	
		}
		#kontakt_form h2{
			text-align: center;
		}
		.kontakt {
			font-size: 1.3rem;
			padding: 50px;
			background: rgba(39,48,53,1.00);
			border-radius: 10px;
			box-shadow: 0px 5px 10px rgba(0,0,0,0.30);	
		}
		.kontakt input {
			min-width: 100%;
			border-style: none;
			border-radius: 10px;
			line-height: 2.5rem;
			padding-left: 10px;
			margin-bottom: 25px;
			margin-top: 10px;
			background: #ccc;
		}
		.kontakt input:focus {
			background: #fff;
		}
		.form_flex p {
			flex-basis: 47.5%;
		}
		.kontakt textarea {
			min-width: 100%;
			border-style: none;
			border-radius: 10px;
			line-height: 2.5rem;
			padding-left: 10px;
			margin-bottom: 15px;
			resize: none;
			margin-top: 10px;
			background: #ccc;
		}
		.kontakt textarea:focus {
			background: #fff;
		}
		.kontakt input[type="submit"] {
			background: rgba(56,65,68,1.00);
			color: #aaa;
			font-family: Dosis_400, sans-serif;
			font-size: 1.3rem;
			transform: none;
			transition: 0.5s;
			cursor: pointer;
			margin: 15px 0 0 0;
		}
		.kontakt input[type="submit"]:hover {
			background: rgba(29,38,41,1.00);
			color: rgba(140,203,108,1.00);	
		}
		.s_green {
			color: rgba(140,203,108,1.00);
			font-size: 0.8rem;
		}
		.form_row {
			display: flex;
		}
		.kontakt input[type="checkbox"] {
			min-width: 0%;
			margin: 0 10px 5px 0;
		}
		.form_small {
			font-size: 0.9rem;
		}
		.brdr {
			border-top: 20px solid rgba(39,48,53,1.00);
		}
		.lrm {
			margin-left: 25px;
			margin-right: 25px;
		}
		/* Footer ------------------------------------------------------- */
		footer {
			background: #0e1a1f;
			border-top: 5px solid rgba(29,38,41,1.00);
			border-bottom: 5px solid rgba(29,38,41,1.00);
			text-align: center;
			padding: 50px 0 45px 0;
		}
		#footernav ul {
			padding: 0 50px 0 50px;
			font-weight: 900;
			display: flex;
			flex-direction: column;
		}
		#footernav li {
			list-style: none;
		}
		#footernav a {
			display: block;
			font-size: 1.25rem;
			color: #aaa;
			padding: 10px;
			margin-bottom: 10px;
			background: rgba(56,65,68,1.00);
			border-radius: 5px;
			text-shadow: 0 1px 3px rgba(0,0,0,0.70);
			transition: 0.25s;
		}
		#footernav a:hover {
			color: rgba(140,203,108,1.00);
			background: rgba(29,38,41,1.00);
			text-decoration: none;
		}
		footer p {
			margin-top: 35px;
			color: rgba(56,65,68,1.00);
			text-transform: uppercase;
		}			
		}
		/* mobile ------------------------------------ */ 
		@media screen and (min-width:411px) and (max-width:750px){
		/* Header ------------------------------------------------------- */
		header {
			overflow: hidden;
			display: flex;
			flex-direction: column;
		}
		#header_logo {
			margin: auto;
		}
		#header_logo img{
			display: inline;
		}
		#underline {
			border-bottom: 3px solid rgba(140,203,108,1.00);
			max-width: 90px;
			margin: auto;
			margin-top: -15px;
			transform: translateX(-25px);
		}
		#header_logo figcaption{
			font-size: 1.4rem;
			text-align: center;
			font-weight: 400;
			font-family: Calibri light, sans-serif;
			text-shadow: 0px 2px #000000, 0 2px 10px rgba(0,0,0,0.50);
			transform: translateX(72px);
			color: rgba(140,203,108,1.00);
		}
		/* Scroll Nav --------------------------------------------------- */
		#scrollnav {
			transition: 0.5s;
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			z-index: 999;
			transform: translate(0%, -100%);
			box-shadow: 0 10px 20px 0 rgba(0,0,0,0.65);
		}
		#shownav:checked + #scrollnav {
			transform: translate(0%, 0%);
		}
		#scrollnav label {
			background: #333;
			width: 48px;
			height: 48px;
			display: block;
			position: absolute;
			bottom: -48px;
			left: 50%;
			transform: translateX(-50%);
			z-index: 100;
			border-bottom: 2px solid rgba(140,203,108,1.00);
			border-radius: 0 0 5px 5px;
			box-shadow: 0 10px 20px 0 rgba(0,0,0,0.65);
		}
		.burger-line {
			height: 3px;
			width: 66%;
			background: rgba(140,203,108,1.00);
			display: block;
			position: absolute;
			left: 17%;
			transition: 0.75s
		}
		.burger-line:nth-of-type(1) { top: calc(35% - 1px) }
		.burger-line:nth-of-type(2) { top: calc(50% - 1px) }
		.burger-line:nth-of-type(3) { top: calc(65% - 1px) }
		#scrollnav:checked + #scrollnav {
			transform: translate(0%, -100%);
		}	
		#scrollnav ul {
			max-width: 1200px;
			margin: auto;
			padding-left: 0px;
			padding-right: 0px;	
		}
		#scrollnav li {
			display: flex;
			text-transform: uppercase;
			font-weight: 400;
			list-style: none;
			background: rgba(189,189,189,1.00);
		}
		#scrollnav a {
			font-size: clamp(0.75rem, 4.5vh, 1.25rem);
			padding: 2vh 20px;
			color: rgba(255,255,255,1.00);
			min-width: 100%;
			text-decoration: none;
			text-shadow: 0px 2px #000000, 0 4px 9px rgba(0,0,0,0.50);
			transition: 0.25s;
			background: url("../img/bgpattern.png");
			border-bottom: 2px solid rgba(140,203,108,1.00);
		}
		#scrollnav a:hover {
			color: rgba(140,203,108,1.00);
		}
		/* Scroll Nav ende ---------------------------------------------- */
		#topnav {
			display: none;
		}
		#quote {
			font-family: Encode_400, sans-serif;
			font-size: 1rem;
			text-align: center;
			max-width: 475px;
			margin: auto;
			padding-left: 10px;
			padding-right: 10px;
			color: rgba(170,170,170,1.00);
			text-shadow: 0px 2px #000000, 0 2px 10px rgba(0,0,0,0.50);
		}
		#qoute_name {
			font-size: 0.75rem;
			transform: translateX(125px);
			color: rgba(140,203,108,1.00);
			margin-top: 3%;
		}
		#arrow_down {
			text-align: center;
			margin-bottom: 20px;
		}
		#arrow {
			max-height: 37px;
			transition: 0.25s;
			animation-name: point;
			animation-duration: 5s;
			animation-iteration-count: infinite;
		}	
		#arrow:hover {
			max-height: 37px;
			transform: scale(1.25);
			cursor: pointer;
		}
		.b_arrow {fill:#fff;}
		.c_arrow {fill:#8fc36c;}	
		/* Inhalt von oben ---------------------------------------------- */	
		h1 {
			font-family: Dosis_400, sans-serif;
			font-size: 2.25rem;
			color: rgba(140,203,108,1.00);
		}
		#underline2 {
			border-bottom: 5px solid rgba(140,203,108,1.00);
			border-radius: 5px;
			height: 10px;
			max-width: 100vw;
			margin-top: 15px;
			margin-bottom: 25px;
		}
		h2 {
			font-family: Dosis_400, sans-serif;
			font-size: 2.25rem;
			color: rgba(140,203,108,1.00);
			margin-bottom: 40px;
		}
		h3 {
			font-family: Dosis_400, sans-serif;
			font-size: 1.75rem;
			color: rgba(140,203,108,1.00);
			margin-bottom: 10px;
		}
		h4 {
			font-family: Dosis_400, sans-serif;
			font-size: 1.75rem;
			color: rgba(140,203,108,1.00);
			margin-bottom: 15px;
		}
		.tbm {
			padding-top: 50px;
			padding-bottom: 50px;
		}
		.tbp {
			padding-top: 50px;
			padding-bottom: 50px;
		}
		.lrp {
			padding-left: 0px;
			padding-right: 0px;
		}
		.f13 {
			font-size: 1.3rem;
		}
		#teaser_container {
			border-top: 20px solid rgba(39,48,53,1.00);
			border-bottom: 20px solid rgba(39,48,53,1.00);
		}
		.teaser_row {
			display: flex;
			flex-direction: column;
		}
		.teaser { 
			overflow: hidden;	
		}
		.teaser img {
			transform: scale(1.01);
			transition: 0.5s;	
		}
		.teaser_row figure img:hover {
			transform: scale(1.1);	
		}
		.teaser figcaption {
			font-size: 1.0rem;
			background: rgba(14,26,31,0.90);
			bottom: 0;
			left: 0;
			right: 0;
			padding: 25px;
			transition: 0.5s;
			border-bottom: 3px solid rgba(140,203,108,1.00);
		}
		#no_brdr {
			border-bottom: 0px solid rgba(140,203,108,1.00);
		}
		.over_h {
			overflow: hidden;
		}
		.teaser_brdr {
			border-right: 3px solid rgba(140,203,108,1.00);
			text-align: right;
			padding-right: 25px;
		}
		.teaser_row2 {
			display: flex;
			flex-direction: column;
		}
		.teaser_row2 figure img:hover {
			transform: scale(1.1);
		}
		#teaser_txt {
			max-width: 100%;
			font-size: 1.25rem;
			text-align: left;
			padding: 30px;
			background-image: url("../img/congelation_bg.svg");
			background-position: 1000%;
			background-size: 95%;
			background-repeat: no-repeat;
			border-bottom: 3px solid rgba(140,203,108,1.00);
		}
		.dark {
			background-image: url("../img/bgnoise.png");
			display: flex;
			border-bottom: 20px solid rgba(39,48,53,1.00);
		}
		.watermark_2 {
			display: none;
		}
		.wie {
			flex-basis: 100%;
			text-align: right;
			padding: 50px 25px 50px 15%;
			background-image: url("../img/fluxicon_bg.svg");
			background-repeat: no-repeat;
			background-size: 125vw;
			background-position: 5%;
		}
		.wrapper1100 {
			max-width: 1100px;
			margin: auto;
		}
		#projekte h2 {
			margin-bottom: 10px;
			text-align: center;
			padding: 0px 25px;
		}
		#projekte p {
			padding: 0px 25px;
		}
		.no_mobile {
			display: none;
		}
		.no_desk {
			font-size: 1rem;
		}
		.no_desk h4{
			font-size: 1.5rem;
			padding: 0px 25px;
		}
		.no_desk p{
			margin-top: 15px;
			margin-bottom: 10px;
			padding: 0px 25px;
		}
		.no_desk a{
			padding: 0px 25px;
		}
		.no_desk section{
			margin-bottom: 15px;
		}
		section > div {
			padding-bottom: 15px;
			border-bottom: 2px dashed rgba(140,203,108,1.00);
		}
		section:nth-of-type(3) > div {
			padding-bottom: 0px;
			border-bottom: 0px dashed rgba(140,203,108,1.00);
		}
		.underline3 {
			border-top: 5px solid rgba(140,203,108,1.00);
			border-radius: 5px;
			height: 10px;
			max-width: 100vw;
			margin-left: 25px;
			margin-right: 25px;
			margin-top: 35px;
			margin-bottom: 10px;
		}
		.underline4 {
			border-bottom: 5px solid rgba(140,203,108,1.00);
			border-radius: 5px;
			height: 10px;
			max-width: 100vw;
			margin-left: 25px;
			margin-right: 25px;
			margin-top: 15px;
			margin-bottom: 25px;
		}
		.netz {
			border-top: 20px solid rgba(39,48,53,1.00);
			text-align: center;
		}
		.netz_cont {
			margin-top: 15px;
		}
		.netz img {
			display: inline;
			width: 45%;
			height: auto;
			transform: scale(90%);
			transition: 0.25s;
			filter: grayscale(1);
			cursor: pointer;
		}
		.netz img:hover {
			transform: scale(100%);
			filter: grayscale(0);	
		}
		.gal_cont {
			display: flex;
			gap: 0.25rem;
			margin-top: 0.25rem;		
		}
		#kontakt_form h2{
			text-align: center;
		}
		.kontakt {
			font-size: 1.3rem;
			padding: 50px;
			background: rgba(39,48,53,1.00);
			border-radius: 10px;
			box-shadow: 0px 5px 10px rgba(0,0,0,0.30);	
		}
		.kontakt input {
			min-width: 100%;
			border-style: none;
			border-radius: 10px;
			line-height: 2.5rem;
			padding-left: 10px;
			margin-bottom: 25px;
			margin-top: 10px;
			background: #ccc;
		}
		.kontakt input:focus {
			background: #fff;
		}
		.form_flex p {
			flex-basis: 47.5%;
		}
		.kontakt textarea {
			min-width: 100%;
			border-style: none;
			border-radius: 10px;
			line-height: 2.5rem;
			padding-left: 10px;
			margin-bottom: 15px;
			resize: none;
			margin-top: 10px;
			background: #ccc;
		}
		.kontakt textarea:focus {
			background: #fff;
		}
		.kontakt input[type="submit"] {
			background: rgba(56,65,68,1.00);
			color: #aaa;
			font-family: Dosis_400, sans-serif;
			font-size: 1.3rem;
			transform: none;
			transition: 0.5s;
			cursor: pointer;
			margin: 15px 0 0 0;
		}
		.kontakt input[type="submit"]:hover {
			background: rgba(29,38,41,1.00);
			color: rgba(140,203,108,1.00);	
		}
		.s_green {
			color: rgba(140,203,108,1.00);
			font-size: 0.8rem;
		}
		.form_row {
			display: flex;
		}
		.kontakt input[type="checkbox"] {
			min-width: 0%;
			margin: 0 10px 5px 0;
		}
		.form_small {
			font-size: 0.9rem;
		}
		.brdr {
			border-top: 20px solid rgba(39,48,53,1.00);
		}
		.lrm {
			margin-left: 25px;
			margin-right: 25px;
		}
		/* Footer ------------------------------------------------------- */
		footer {
			background: #0e1a1f;
			border-top: 5px solid rgba(29,38,41,1.00);
			border-bottom: 5px solid rgba(29,38,41,1.00);
			text-align: center;
			padding: 50px 0 45px 0;
		}
		#footernav ul {
			padding: 0 50px 0 50px;
			font-weight: 900;
			display: flex;
			flex-direction: column;
		}
		#footernav li {
			list-style: none;
		}
		#footernav a {
			display: block;
			font-size: 1.25rem;
			color: #aaa;
			padding: 10px;
			margin-bottom: 10px;
			background: rgba(56,65,68,1.00);
			border-radius: 5px;
			text-shadow: 0 1px 3px rgba(0,0,0,0.70);
			transition: 0.25s;
		}
		#footernav a:hover {
			color: rgba(140,203,108,1.00);
			background: rgba(29,38,41,1.00);
			text-decoration: none;
		}
		footer p {
			margin-top: 35px;
			color: rgba(56,65,68,1.00);
			text-transform: uppercase;
		}			
		}
		/* tablet ------------------------------------ */ 
		@media screen and (min-width:751px) and (max-width:900px){
		/* Lightbox ----------------------------------------------------- */
		#light img:hover{
			transform: scale(1.25);
			z-index: 100;
			position: relative;
			border: 3px solid rgba(140,203,108,1.00);
			border-radius: 3px;
			transition: 0.25s;
		}	
		/* Header ------------------------------------------------------- */
		header {
			display: flex;
			flex-direction: column;
		}
		#header_logo {
			margin: auto;
		}
		#header_logo img{
			display: inline;
		}
		#underline {
			border-bottom: 3px solid rgba(140,203,108,1.00);
			max-width: 90px;
			margin: auto;
			margin-top: -15px;
			transform: translateX(-25px);
		}
		#header_logo figcaption{
			font-size: 1.4rem;
			text-align: center;
			font-weight: 400;
			font-family: Calibri light, sans-serif;
			text-shadow: 0px 2px #000000, 0 2px 10px rgba(0,0,0,0.50);
			transform: translateX(72px);
			color: rgba(140,203,108,1.00);
		}
		/* Scroll Nav --------------------------------------------------- */
		#scrollnav.hin {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			min-height: 50px;
			background: url("../img/bgpattern.png");
			z-index: 1000;
			margin-top: 0;
			padding: 25px 15px;
			border-bottom: 3px solid rgba(140,203,108,1.00);
			transition: 0.5s;
		}
		#scrollnav {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			min-height: 50px;
			background: url("../img/bgpattern.png");
			z-index: 1000;
			font: 400 Dosis_400, sans-serif;
			margin-top: -300px;
			padding: 25px 15px;
			border-bottom: 3px solid rgba(140,203,108,1.00);
			box-shadow: 0 10px 20px 0 rgba(0,0,0,0.65);
			transition: 0.5s;
		}
		.scrollnav_logo {
			position: relative;
		}
		.scrollnav_logo a::after {
			text-decoration: none;
		}
		.scrollnav_logo img {
			position: absolute;
			margin-top: -13px;
			height: 70px;
			width: auto;
		}
		#scrollnav ul {
			display: flex;
			max-width: 1200px;
			margin: auto;
			justify-content: space-between;
		}
		#scrollnav li {
			text-transform: uppercase;
			font-weight: 400;
			list-style: none;
		}
		#scrollnav a {
			font-size: 1.125rem;
			color: rgba(255,255,255,1.00);
			text-decoration: none;
			text-shadow: 0px 2px #000000, 0 4px 9px rgba(0,0,0,0.50);
			transition: 0.25s;
		}
		#scrollnav ul a:hover {
			color: rgba(140,203,108,1.00);
		}
		#scrollnav ul a::after {
			content: "";
			display: block;
			width: 100%;
			height: 2px;
			bottom: 0;
			left: 0;
			background-color: rgba(140,203,108,1.00);
			transform: scaleX(0);
			transform-origin: left;
			transition: transform 0.3s ease;
		}
		#scrollnav ul a:hover::after {
			transform: scaleX(1);
		}
		/* Scroll Nav ende ---------------------------------------------- */
		#topnav {
			font: 400 Dosis_400, sans-serif;
			margin-top: 5vh;
			margin-bottom: 20px;
			transition: 0.5s;
		}
		#topnav label {
			display: none;
		}
		#topnav ul {
			display: flex;
			max-width: 1200px;
			margin: auto;
			padding-left: 150px;
			padding-right: 150px;
			justify-content: space-between;
		}
		#topnav li {
			flex-grow: 0;
			justify-content: space-between;
			text-transform: uppercase;
			font-weight: 400;
			list-style: none;
		}
		#topnav a {
			font-size: 1.125rem;
			color: rgba(255,255,255,1.00);
			text-decoration: none;
			text-shadow: 0px 2px #000000, 0 4px 9px rgba(0,0,0,0.50);
			transition: 0.25s;
		}
		#topnav a:hover {
			color: rgba(140,203,108,1.00);
		}
		#topnav a::after {
			content: "";
			display: block;
			width: 100%;
			height: 2px;
			bottom: 0;
			left: 0;
			background-color: rgba(140,203,108,1.00);
			transform: scaleX(0);
			transform-origin: left;
			transition: transform 0.3s ease;
		}
		#topnav a:hover::after {
			transform: scaleX(1);
		}
		#quote {
			font-family: Encode_400, sans-serif;
			font-size: 1.1rem;
			text-align: center;
			max-width: 475px;
			margin: auto;
			color: rgba(170,170,170,1.00);
			text-shadow: 0px 2px #000000, 0 2px 10px rgba(0,0,0,0.50);
		}
		#qoute_name {
			font-size: 0.9rem;
			transform: translateX(125px);
			color: rgba(140,203,108,1.00);
			margin-top: 3%
		}
		#arrow_down {
			text-align: center;
			margin-bottom: 20px;
		}
		#arrow {
			max-height: 37px;
			transition: 0.25s;
			animation-name: point;
			animation-duration: 5s;
			animation-iteration-count: infinite;
		}
		#arrow:hover {
			max-height: 37px;
			transform: scale(1.25);
			cursor: pointer;
		}
		.b_arrow {fill:#fff;}
		.c_arrow {fill:#8fc36c;}	
		/* Inhalt von oben ---------------------------------------------- */	
		h1 {
			font-family: Dosis_400, sans-serif;
			font-size: 2.25rem;
			color: rgba(140,203,108,1.00);
		}
		#underline2 {
			border-bottom: 3px solid rgba(140,203,108,1.00);
			max-width: 100%;
			margin-top: 25px;
			margin-bottom: 30px;
		}
		h2 {
			font-family: Dosis_400, sans-serif;
			font-size: 2.25rem;
			color: rgba(140,203,108,1.00);
			margin-bottom: 40px;
		}
		h3 {
			font-family: Dosis_400, sans-serif;
			font-size: 1.75rem;
			color: rgba(140,203,108,1.00);
			margin-bottom: 10px;
		}
		h4 {
			font-family: Dosis_400, sans-serif;
			font-size: 1.75rem;
			color: rgba(140,203,108,1.00);
			margin-bottom: 25px;
		}
		.tbm {
			margin-top: 100px;
			margin-bottom: 100px;
		}
		.tbp {
			padding-top: 100px;
			padding-bottom: 100px;
		}
		.lrp {
			padding-left: 50px;
			padding-right: 50px;
		}
		.f13 {
			font-size: 1.3rem;
		}
		#teaser_container {
			border-top: 20px solid rgba(39,48,53,1.00);
			border-bottom: 20px solid rgba(39,48,53,1.00);
		}
		.teaser_row {
			display: flex;
			flex-direction: column;
		}
		.teaser { 
			overflow: hidden;
			position: relative;
		}
		.teaser img {
			transform: scale(1.01);
			transition: 0.5s;
		}
		.teaser_row figure img:hover {
			transform: scale(1.1);
		}
		.teaser figcaption {
			font-size: 1.0rem;
			background: rgba(14,26,31,0.90);
			bottom: 0;
			left: 0;
			right: 0;
			padding: 50px;
			transition: 0.5s;
			border-bottom: 3px solid rgba(140,203,108,1.00);
		}
		.teaser_brdr {
			border-right: 3px solid rgba(140,203,108,1.00);
			text-align: right;
			padding-right: 25px;
		}
		#no_brdr {
			border-bottom: 0px solid rgba(140,203,108,1.00);
		}
		.over_h {
			overflow: hidden;
		}
		.teaser_row2 {
			display: flex;
			flex-direction: column;
		}
		.teaser_row2 figure img:hover {
			transform: scale(1.1);
		}
		#teaser_txt {
			max-width: 100%;
			font-size: 1.25rem;
			text-align: left;
			padding: 50px;
			background-image: url("../img/congelation_bg.svg");
			background-position: 1000%;
			background-size: 95%;
			background-repeat: no-repeat;
		}
		.dark {
			background-image: url("../img/bgnoise.png");
			display: flex;
			border-bottom: 20px solid rgba(39,48,53,1.00);
		}
		.watermark_2 {
			background-image: url("../img/fluxicon_bg.svg");
			background-repeat: no-repeat;
			background-size: 50vw;
			background-position: 5vw;
			flex-basis: 50%;
		}
		.wie {
			flex-basis: 85%;
			text-align: right;
			padding: 5px 50px 10px 15%;
			border-right: 5px solid rgba(140,203,108,1.00);
			border-radius: 5px;
		}
		.wrapper1100 {
			max-width: 1100px;
			margin: auto;
		}
		.no_desk {
			display: none;
		}
		.text-content {
			font-size: 1rem;
		}
		.underline3 {
			border-bottom: 5px solid rgba(140,203,108,1.00);
			border-radius: 5px;
			height: 10px;
			max-width: 100vw;
			margin: auto;
			margin-top: 15px;
			margin-bottom: 25px;
		}
		.netz {
			border-top: 20px solid rgba(39,48,53,1.00);
			text-align: center;
		}
		.netz_cont {
			display: flex;
			gap: 4rem;
			margin-top: 50px;		
		}
		.netz img {
			width: 100%;
  			height: auto;
			transform: scale(90%);
			transition: 0.25s;
			filter: grayscale(1);
			cursor: pointer;
		}
		.netz img:hover {
			transform: scale(100%);
			filter: grayscale(0);	
		}
		.gal_cont {
			display: flex;
			gap: 1rem;
			margin-top: 1rem;		
		}
		.kontakt {
			font-size: 1.3rem;
			padding: 50px;
			background: rgba(39,48,53,1.00);
			border-radius: 10px;
			box-shadow: 0px 5px 10px rgba(0,0,0,0.30);	
		}
		.kontakt input {
			min-width: 100%;
			border-style: none;
			border-radius: 10px;
			line-height: 2.5rem;
			padding-left: 10px;
			margin-bottom: 25px;
			margin-top: 10px;
			background: #ccc;
		}
		.kontakt input:focus {
			background: #fff;
		}
		.form_flex {
			display: flex;
			justify-content: space-between;
		}
		.form_flex p {
			flex-basis: 47.5%;
		}
		.kontakt textarea {
			min-width: 100%;
			border-style: none;
			border-radius: 10px;
			line-height: 2.5rem;
			padding-left: 10px;
			margin-bottom: 15px;
			resize: none;
			margin-top: 10px;
			background: #ccc;
		}
		.kontakt textarea:focus {
			background: #fff;
		}
		.kontakt input[type="submit"] {
			background: rgba(56,65,68,1.00);
			color: #aaa;
			font-family: Dosis_400, sans-serif;
			font-size: 1.3rem;
			transform: none;
			transition: 0.5s;
			cursor: pointer;
			margin: 15px 0 0 0;
		}
		.kontakt input[type="submit"]:hover {
			background: rgba(29,38,41,1.00);
			color: rgba(140,203,108,1.00);	
		}
		.s_green {
			color: rgba(140,203,108,1.00);
			font-size: 0.8rem;
		}
		.form_row {
			display: flex;
		}
		.kontakt input[type="checkbox"] {
			min-width: 0%;
			margin: 0 10px 5px 0;
		}
		.form_small {
			font-size: 0.9rem;
		}
		.brdr {
			border-top: 20px solid rgba(39,48,53,1.00);
		}
		/* Footer ------------------------------------------------------- */
		footer {
			background: #0e1a1f;
			border-top: 5px solid rgba(29,38,41,1.00);
			border-bottom: 5px solid rgba(29,38,41,1.00);
			text-align: center;
			padding: 50px 0 45px 0;
		}
		#footernav ul {
			padding: 0 50px 0 50px;
			font-weight: 900;
			display: flex;
			justify-content: space-between;
		}
		#footernav li {
			list-style: none;
		}
		#footernav a {
			color: #aaa;
			text-shadow: 0 1px 3px rgba(0,0,0,0.70);
			transition: 0.25s;
		}
		#footernav a:hover {
			color: rgba(140,203,108,1.00);
			text-decoration: none;
		}
		#footernav a::after {
			content: "";
			display: block;
			width: 100%;
			height: 2px;
			bottom: 0;
			left: 0;
			background-color: rgba(140,203,108,1.00);
			transform: scaleX(0);
			transform-origin: left;
			transition: transform 0.3s ease;
		}
		#footernav a:hover::after {
			transform: scaleX(1);
		}
		footer p {
			margin-top: 35px;
			color: rgba(56,65,68,1.00);
			text-transform: uppercase;
		}			
		}
		/* 1100px ------------------------------------ */
		@media screen and (min-width:901px) and (max-width:1100px){
		/* Lightbox ----------------------------------------------------- */
		#light img:hover{
			transform: scale(1.25);
			z-index: 100;
			position: relative;
			border: 3px solid rgba(140,203,108,1.00);
			border-radius: 3px;
			transition: 0.25s;
		}	
		/* Header ------------------------------------------------------- */
		header {
			display: flex;
			flex-direction: column;
		}
		#header_logo {
			margin: auto;
		}
		#header_logo img{
			display: inline;
		}
		#underline {
			border-bottom: 3px solid rgba(140,203,108,1.00);
			max-width: 90px;
			margin: auto;
			margin-top: -15px;
			transform: translateX(-25px);
		}
		#header_logo figcaption{
			font-size: 1.4rem;
			text-align: center;
			font-weight: 400;
			font-family: Calibri light, sans-serif;
			text-shadow: 0px 2px #000000, 0 2px 10px rgba(0,0,0,0.50);
			transform: translateX(72px);
			color: rgba(140,203,108,1.00);
		}
		/* Scroll Nav --------------------------------------------------- */
		#scrollnav.hin {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			min-height: 50px;
			background: url("../img/bgpattern.png");
			z-index: 1000;
			margin-top: 0;
			padding: 25px;
			border-bottom: 3px solid rgba(140,203,108,1.00);
			transition: 0.5s;
		}
		#scrollnav {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			min-height: 50px;
			background: url("../img/bgpattern.png");
			z-index: 1000;
			font: 400 1.5rem Dosis_400, sans-serif;
			margin-top: -300px;
			padding: 25px;
			border-bottom: 3px solid rgba(140,203,108,1.00);
			box-shadow: 0 10px 20px 0 rgba(0,0,0,0.65);
			transition: 0.5s;
		}
		.scrollnav_logo {
			position: relative;
		}
		scrollnav_logo a::after {
			text-decoration: none;
		}
		.scrollnav_logo img {
			position: absolute;
			margin-top: -13px;
			height: 70px;
			width: auto;
		}
		#scrollnav ul {
			display: flex;
			max-width: 1200px;
			margin: auto;
			justify-content: space-between;
		}
		#scrollnav li {
			flex-grow: 0;
			justify-content: space-between;
			text-transform: uppercase;
			font-weight: 400;
			list-style: none;
		}
		#scrollnav a {
			font-size: 1.25rem;
			color: rgba(255,255,255,1.00);
			text-decoration: none;
			text-shadow: 0px 2px #000000, 0 4px 9px rgba(0,0,0,0.50);
			transition: 0.25s;
		}
		#scrollnav ul a:hover {
			color: rgba(140,203,108,1.00);
		}
		#scrollnav ul a::after {
			content: "";
			display: block;
			width: 100%;
			height: 2px;
			bottom: 0;
			left: 0;
			background-color: rgba(140,203,108,1.00);
			transform: scaleX(0);
			transform-origin: left;
			transition: transform 0.3s ease;
		}
		#scrollnav ul a:hover::after {
			transform: scaleX(1);
		}
		/* Scroll Nav ende ---------------------------------------------- */
		#topnav {
			font: 400 Dosis_400, sans-serif;
			margin-top: 5vh;
			transition: 0.5s;
		}
		#topnav label {
			display: none;
		}
		#topnav ul {
			display: flex;
			max-width: 1200px;
			margin: auto;
			padding-left: 250px;
			padding-right: 250px;
			justify-content: space-between;
		}
		#topnav li {
			flex-grow: 0;
			justify-content: space-between;
			text-transform: uppercase;
			font-weight: 400;
			list-style: none;
		}
		#topnav a {
			font-size: 1.25rem;
			color: rgba(255,255,255,1.00);
			text-decoration: none;
			text-shadow: 0px 2px #000000, 0 4px 9px rgba(0,0,0,0.50);
			transition: 0.25s;
		}
		#topnav a:hover {
			color: rgba(140,203,108,1.00);
		}
		#topnav a::after {
			content: "";
			display: block;
			width: 100%;
			height: 2px;
			bottom: 0;
			left: 0;
			background-color: rgba(140,203,108,1.00);
			transform: scaleX(0);
			transform-origin: left;
			transition: transform 0.3s ease;
		}
		#topnav a:hover::after {
			transform: scaleX(1);
		}
		#quote {
			font-family: Encode_400, sans-serif;
			font-size: 1.1rem;
			text-align: center;
			max-width: 475px;
			margin: auto;
			color: rgba(170,170,170,1.00);
			text-shadow: 0px 2px #000000, 0 2px 10px rgba(0,0,0,0.50);
		}
		#qoute_name {
			font-size: 0.9rem;
			transform: translateX(125px);
			color: rgba(140,203,108,1.00);
			margin-top: 3%
		}
		#arrow_down {
			text-align: center;
			margin-bottom: 20px;
		}
		#arrow {
			max-height: 37px;
			transition: 0.25s;
			animation-name: point;
			animation-duration: 5s;
			animation-iteration-count: infinite;
		}
		#arrow:hover {
			max-height: 37px;
			transform: scale(1.25);
			cursor: pointer;
		}
		.b_arrow {fill:#fff;}
		.c_arrow {fill:#8fc36c;}	
		/* Inhalt von oben ---------------------------------------------- */	
		h1 {
			font-family: Dosis_400, sans-serif;
			font-size: 2rem;
			color: rgba(140,203,108,1.00);
		}
		#underline2 {
			border-bottom: 3px solid rgba(140,203,108,1.00);
			max-width: 33vw;
			margin: auto;
			margin-top: 1.25vw;
			margin-bottom: 1.25vw;
		}
		h2 {
			font-family: Dosis_400, sans-serif;
			font-size: 2.5rem;
			color: rgba(140,203,108,1.00);
			margin-bottom: 40px;
		}
		h3 {
			font-family: Dosis_400, sans-serif;
			font-size: 1.75rem;
			color: rgba(140,203,108,1.00);
			margin-bottom: 15px;
		}
		h4 {
			font-family: Dosis_400, sans-serif;
			font-size: 1.75rem;
			color: rgba(140,203,108,1.00);
			margin-bottom: 25px;
		}
		.tbm {
			margin-top: 100px;
			margin-bottom: 100px;
		}
		.tbp {
			padding-top: 100px;
			padding-bottom: 100px;
		}
		.lrp {
			padding-left: 50px;
			padding-right: 50px;
		}
		.f13 {
			font-size: 1.3rem;
		}
		#teaser_container {
			border-top: 20px solid rgba(39,48,53,1.00);
			border-bottom: 20px solid rgba(39,48,53,1.00);
		}
		.teaser_row {
			display: flex;
		}
		.teaser { 
			overflow: hidden;
			position: relative;
		}
		.teaser img {
			transform: scale(1.01);
			transition: 0.5s;
		}
		.teaser_row figure img:hover {
			transform: scale(1.1);
		}
		.teaser figcaption {
			font-size: 1.0rem;
			background: rgba(14,26,31,0.90);
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			padding: 5%;
			transform: translateY(100%);
			transition: 0.5s;
		}
		.teaser:hover figcaption {
			transform: translateY(0.25%);
		}
		.teaser_brdr {
			border-right: 3px solid rgba(140,203,108,1.00);
			text-align: right;
			padding-right: 25px;
		}
		.teaser_row2 {
			display: flex;
		}
		.teaser_row2 figure img:hover {
			transform: scale(1.1);
		}
		#teaser_txt {
			max-width: 33.3%;
			font-size: clamp(1rem, 1.5vw, 2rem);
			text-align: right;
			padding: 3%;
			background-image: url("../img/congelation_bg.svg");
			background-position: 1000%;
			background-size: 95%;
			background-repeat: no-repeat;
		}
		.dark {
			background-image: url("../img/bgnoise.png");
			display: flex;
			border-bottom: 20px solid rgba(39,48,53,1.00);
		}
		.watermark_2 {
			background-image: url("../img/fluxicon_bg.svg");
			background-repeat: no-repeat;
			background-size: 50vw;
			background-position: 5vw;
			flex-basis: 50%;
		}
		.wie {
			flex-basis: 50%;
			text-align: right;
			padding: 5px 50px 10px 15%;
			border-right: 5px solid rgba(140,203,108,1.00);
			border-radius: 5px;
		}
		.wrapper1100 {
			max-width: 1100px;
			margin: auto;
		}
		.text-content {
			font-size: 1rem;
		}
		.underline3 {
			border-bottom: 5px solid rgba(140,203,108,1.00);
			border-radius: 5px;
			height: 10px;
			max-width: 100vw;
			margin: auto;
			margin-top: 15px;
			margin-bottom: 25px;
		}
		.no_desk {
			display: none;
		}
		.netz {
			border-top: 20px solid rgba(39,48,53,1.00);
			text-align: center;
		}
		.netz_cont {
			display: flex;
			gap: 4rem;
			margin-top: 50px;
		}
		.netz img {
			width: 100%;
  			height: auto;
			transform: scale(90%);
			transition: 0.25s;
			filter: grayscale(1);
			cursor: pointer;
		}
		.netz img:hover {
			transform: scale(100%);
			filter: grayscale(0);	
		}
		.gal_cont {
			display: flex;
			gap: 2rem;
			margin-top: 2rem;
		}
		.kontakt {
			font-size: 1.3rem;
			padding: 50px;
			background: rgba(39,48,53,1.00);
			border-radius: 10px;
			box-shadow: 0px 5px 10px rgba(0,0,0,0.30);	
		}
		.kontakt input {
			min-width: 100%;
			border-style: none;
			border-radius: 10px;
			line-height: 2.5rem;
			padding-left: 10px;
			margin-bottom: 25px;
			margin-top: 10px;
			background: #ccc;
		}
		.kontakt input:focus {
			background: #fff;
		}
		.form_flex {
			display: flex;
			justify-content: space-between;
		}
		.form_flex p {
			flex-basis: 47.5%;
		}
		.kontakt textarea {
			min-width: 100%;
			border-style: none;
			border-radius: 10px;
			line-height: 2.5rem;
			padding-left: 10px;
			margin-bottom: 15px;
			resize: none;
			margin-top: 10px;
			background: #ccc;
		}
		.kontakt textarea:focus {
			background: #fff;
		}
		.kontakt input[type="submit"] {
			background: rgba(56,65,68,1.00);
			color: #aaa;
			font-family: Dosis_400, sans-serif;
			font-size: 1.3rem;
			transform: none;
			transition: 0.5s;
			cursor: pointer;
			margin: 15px 0 0 0;
		}
		.kontakt input[type="submit"]:hover {
			background: rgba(29,38,41,1.00);
			color: rgba(140,203,108,1.00);	
		}
		.s_green {
			color: rgba(140,203,108,1.00);
			font-size: 0.8rem;
		}
		.form_row {
			display: flex;
		}
		.kontakt input[type="checkbox"] {
			min-width: 0%;
			margin: 0 10px 5px 0;
		}
		.form_small {
			font-size: 0.9rem;
		}
		.brdr {
			border-top: 20px solid rgba(39,48,53,1.00);
		}
		/* Footer ------------------------------------------------------- */
		footer {
			background: #0e1a1f;
			border-top: 5px solid rgba(29,38,41,1.00);
			border-bottom: 5px solid rgba(29,38,41,1.00);
			text-align: center;
			padding: 50px 0 45px 0;
		}
		#footernav ul {
			padding: 0 50px 0 50px;
			font-weight: 900;
			display: flex;
			justify-content: space-between;
		}
		#footernav li {
			list-style: none;
		}
		#footernav a {
			color: #aaa;
			text-shadow: 0 1px 3px rgba(0,0,0,0.70);
			transition: 0.25s;
		}
		#footernav a:hover {
			color: rgba(140,203,108,1.00);
			text-decoration: none;
		}
		#footernav a::after {
			content: "";
			display: block;
			width: 100%;
			height: 2px;
			bottom: 0;
			left: 0;
			background-color: rgba(140,203,108,1.00);
			transform: scaleX(0);
			transform-origin: left;
			transition: transform 0.3s ease;
		}
		#footernav a:hover::after {
			transform: scaleX(1);
		}
		footer p {
			margin-top: 35px;
			color: rgba(56,65,68,1.00);
			text-transform: uppercase;
		}			
		}
		/* maximal ----------------------------------- */
		@media screen and (min-width:1101px){
		/* Lightbox ----------------------------------------------------- */
		#light img:hover{
			transform: scale(1.25);
			z-index: 100;
			position: relative;
			border: 3px solid rgba(140,203,108,1.00);
			border-radius: 3px;
			transition: 0.25s;
		}	
		/* Header ------------------------------------------------------- */
		header {
			display: flex;
			flex-direction: column;
		}
		#header_logo {
			margin: auto;
		}
		#header_logo img{
			display: inline;
		}
		#underline {
			border-bottom: 3px solid rgba(140,203,108,1.00);
			max-width: 90px;
			margin: auto;
			margin-top: -15px;
			transform: translateX(-25px);
		}
		#header_logo figcaption{
			font-size: 1.4rem;
			text-align: center;
			font-weight: 400;
			font-family: Calibri light, sans-serif;
			text-shadow: 0px 2px #000000, 0 2px 10px rgba(0,0,0,0.50);
			transform: translateX(72px);
			color: rgba(140,203,108,1.00);
		}
		/* Scroll Nav --------------------------------------------------- */
		#scrollnav.hin {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			min-height: 50px;
			background: url("../img/bgpattern.png");
			z-index: 1000;
			margin-top: 0;
			padding: 25px;
			border-bottom: 3px solid rgba(140,203,108,1.00);
			transition: 0.5s;
		}
		#scrollnav {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			min-height: 50px;
			background: url("../img/bgpattern.png");
			z-index: 1000;
			font: 400 1.5rem Dosis_400, sans-serif;
			margin-top: -300px;
			padding: 25px;
			border-bottom: 3px solid rgba(140,203,108,1.00);
			box-shadow: 0 10px 20px 0 rgba(0,0,0,0.65);
			transition: 0.5s;
		}
		.scrollnav_logo {
			position: relative;
		}
		scrollnav_logo a::after {
			text-decoration: none;
		}
		.scrollnav_logo img {
			position: absolute;
			margin-top: -13px;
			height: 70px;
			width: auto;
		}
		#scrollnav ul {
			display: flex;
			max-width: 1200px;
			margin: auto;
			justify-content: space-between;
		}
		#scrollnav li {
			flex-grow: 0;
			justify-content: space-between;
			text-transform: uppercase;
			font-weight: 400;
			list-style: none;
		}
		#scrollnav a {
			font-size: 1.65rem;
			color: rgba(255,255,255,1.00);
			text-decoration: none;
			text-shadow: 0px 2px #000000, 0 4px 9px rgba(0,0,0,0.50);
			transition: 0.25s;
		}
		#scrollnav ul a:hover {
			color: rgba(140,203,108,1.00);
		}
		#scrollnav ul a::after {
			content: "";
			display: block;
			width: 100%;
			height: 2px;
			bottom: 0;
			left: 0;
			background-color: rgba(140,203,108,1.00);
			transform: scaleX(0);
			transform-origin: left;
			transition: transform 0.3s ease;
		}
		#scrollnav ul a:hover::after {
			transform: scaleX(1);
		}
		/* Scroll Nav ende ---------------------------------------------- */
		#topnav {
			font: 400 1.5rem Dosis_400, sans-serif;
			margin-top: 15vh;
			transition: 0.5s;
		}
		#topnav label {
			display: none;
		}
		#topnav ul {
			display: flex;
			max-width: 1200px;
			margin: auto;
			padding-left: 300px;
			padding-right: 300px;
			padding-bottom: 25px;
			justify-content: space-between;
		}
		#topnav li {
			flex-grow: 0;
			justify-content: space-between;
			text-transform: uppercase;
			font-weight: 400;
			list-style: none;
		}
		#topnav a {
			font-size: 1.65rem;
			color: rgba(255,255,255,1.00);
			text-decoration: none;
			text-shadow: 0px 2px #000000, 0 4px 9px rgba(0,0,0,0.50);
			transition: 0.25s;
		}
		#topnav a:hover {
			color: rgba(140,203,108,1.00);
		}
		#topnav a::after {
			content: "";
			display: block;
			width: 100%;
			height: 2px;
			bottom: 0;
			left: 0;
			background-color: rgba(140,203,108,1.00);
			transform: scaleX(0);
			transform-origin: left;
			transition: transform 0.3s ease;
		}
		#topnav a:hover::after {
			transform: scaleX(1);
		}
		#quote {
			font-family: Encode_400, sans-serif;
			font-size: 1.2rem;
			text-align: center;
			max-width: 475px;
			margin: auto;
			color: rgba(170,170,170,1.00);
			text-shadow: 0px 2px #000000, 0 2px 10px rgba(0,0,0,0.50);
		}
		#qoute_name {
			font-size: 1rem;
			transform: translateX(125px);
			color: rgba(140,203,108,1.00);
			margin-top: 3%
		}
		#arrow_down {
			text-align: center;
			margin-bottom: 20px;
		}
		#arrow {
			max-height: 37px;
			transition: 0.25s;
			animation-name: point;
			animation-duration: 5s;
			animation-iteration-count: infinite;
		}	
		#arrow:hover {
			max-height: 37px;
			transform: scale(1.25);
			cursor: pointer;
		}
		.b_arrow {fill:#fff;}
		.c_arrow {fill:#8fc36c;}	
		/* Inhalt von oben ---------------------------------------------- */	
		h1 {
			font-family: Dosis_400, sans-serif;
			font-size: clamp(1.5rem, 3vw, 3rem);
			color: rgba(140,203,108,1.00);
			display: inline;
		}
		#underline2 {
			border-bottom: 3px solid rgba(140,203,108,1.00);
			max-width: 33vw;
			margin: auto;
			margin-top: 1.25vw;
			margin-bottom: 1.25vw;
		}
		h2 {
			font-family: Dosis_400, sans-serif;
			font-size: 2.5rem;
			color: rgba(140,203,108,1.00);
			margin-bottom: 40px;
		}
		h3 {
			font-family: Dosis_400, sans-serif;
			font-size: 2rem;
			color: rgba(140,203,108,1.00);
			margin-bottom: 25px;
		}
		h4 {
			font-family: Dosis_400, sans-serif;
			font-size: 1.75rem;
			color: rgba(140,203,108,1.00);
			margin-bottom: 25px;
		}
		.tbm {
			margin-top: 100px;
			margin-bottom: 100px;
		}
		.tbp {
			padding-top: 100px;
			padding-bottom: 100px;
		}
		.tbps {
			padding-top: 25px;
			padding-bottom: 25px;
		}
		.lrp {
			padding-left: 50px;
			padding-right: 50px;
		}
		.f13 {
			font-size: 1.3rem;
		}
		#teaser_container {
			border-top: 20px solid rgba(39,48,53,1.00);
			border-bottom: 20px solid rgba(39,48,53,1.00);
		}
		.teaser_row {
			display: flex;
		}
		.teaser { 
			overflow: hidden;
			position: relative;
		}
		.teaser img {
			transform: scale(1.01);
			transition: 0.5s;
		}
		.teaser_row figure img:hover {
			transform: scale(1.1);
		}
		.teaser figcaption {
			font-size: 1.2rem;
			background: rgba(14,26,31,0.90);
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			padding: 5%;
			transform: translateY(100%);
			transition: 0.5s;
		}
		.teaser:hover figcaption {
			transform: translateY(0.25%);
		}
		.teaser_brdr {
			border-right: 3px solid rgba(140,203,108,1.00);
			text-align: right;
			padding-right: 25px;
		}
		.teaser_row2 {
			display: flex;
		}
		.teaser_row2 figure img:hover {
			transform: scale(1.1);
		}
		#teaser_txt {
			max-width: 33.3%;
			font-size: clamp(1rem, 1.5vw, 2rem);
			text-align: right;
			padding: 3%;
			background-image: url("../img/congelation_bg.svg");
			background-position: 1000%;
			background-size: 95%;
			background-repeat: no-repeat;
		}
		.dark {
			background-image: url("../img/bgnoise.png");
			display: flex;
			border-bottom: 20px solid rgba(39,48,53,1.00);
		}
		.watermark_2 {
			background-image: url("../img/fluxicon_bg.svg");
			background-repeat: no-repeat;
			background-size: 50vw;
			background-position: 5vw;
			flex-basis: 50%;
		}
		.wie {
			flex-basis: 50%;
			text-align: right;
			padding: 5px 50px 10px 15%;
			border-right: 5px solid rgba(140,203,108,1.00);
			border-radius: 5px;
		}
		.wrapper1100 {
			max-width: 1100px;
			margin: auto;
		}
		.text-content {
			font-size: 1rem;
		}
		.underline3 {
			border-bottom: 5px solid rgba(140,203,108,1.00);
			border-radius: 5px;
			height: 10px;
			max-width: 100vw;
			margin: auto;
			margin-top: 15px;
			margin-bottom: 25px;
		}
		.no_desk {
			display: none;
		}
		.netz {
			border-top: 20px solid rgba(39,48,53,1.00);
			text-align: center;
		}
		.netz_cont {
			display: flex;
			gap: 4rem;
			margin-top: 50px;		
		}
		.netz img {
			width: 100%;
  			height: auto;
			transform: scale(90%);
			transition: 0.25s;
			filter: grayscale(1);
			cursor: pointer;
		}
		.netz img:hover {
			transform: scale(100%);
			filter: grayscale(0);	
		}
		.gal_cont {
			display: flex;
			gap: 2rem;
			margin-top: 2rem;		
		}
		.kontakt {
			font-size: 1.3rem;
			padding: 50px;
			background: rgba(39,48,53,1.00);
			border-radius: 10px;
			box-shadow: 0px 5px 10px rgba(0,0,0,0.30);	
		}
		.kontakt input {
			min-width: 100%;
			border-style: none;
			border-radius: 10px;
			line-height: 2.5rem;
			padding-left: 10px;
			margin-bottom: 25px;
			margin-top: 10px;
			background: #ccc;
		}
		.kontakt input:focus {
			background: #fff;
		}
		.form_flex {
			display: flex;
			justify-content: space-between;
		}
		.form_flex p {
			flex-basis: 47.5%;
		}
		.kontakt textarea {
			min-width: 100%;
			border-style: none;
			border-radius: 10px;
			line-height: 2.5rem;
			padding-left: 10px;
			margin-bottom: 15px;
			resize: none;
			margin-top: 10px;
			background: #ccc;
		}
		.kontakt textarea:focus {
			background: #fff;
		}
		.kontakt input[type="submit"] {
			background: rgba(56,65,68,1.00);
			color: #aaa;
			font-family: Dosis_400, sans-serif;
			font-size: 1.3rem;
			transform: none;
			transition: 0.5s;
			cursor: pointer;
			margin: 15px 0 0 0;
		}
		.kontakt input[type="submit"]:hover {
			background: rgba(29,38,41,1.00);
			color: rgba(140,203,108,1.00);	
		}
		.s_green {
			color: rgba(140,203,108,1.00);
			font-size: 0.8rem;
		}
		.form_row {
			display: flex;
		}
		.kontakt input[type="checkbox"] {
			min-width: 0%;
			margin: 0 10px 5px 0;
		}
		.form_small {
			font-size: 0.9rem;
		}
		.brdr {
			border-top: 20px solid rgba(39,48,53,1.00);
		}
		/* Footer ------------------------------------------------------- */
		footer {
			background: #0e1a1f;
			border-top: 5px solid rgba(29,38,41,1.00);
			border-bottom: 5px solid rgba(29,38,41,1.00);
			text-align: center;
			padding: 50px 0 45px 0;
		}
		#footernav ul {
			padding: 0 50px 0 50px;
			font-weight: 900;
			display: flex;
			justify-content: space-between;
			
		}
		#footernav li {
			list-style: none;
		}
		#footernav a {
			color: #aaa;
			text-shadow: 0 1px 3px rgba(0,0,0,0.70);
			transition: 0.25s;
		}
		#footernav a:hover {
			color: rgba(140,203,108,1.00);
			text-decoration: none;
		}
		#footernav a::after {
			content: "";
			display: block;
			width: 100%;
			height: 2px;
			bottom: 0;
			left: 0;
			background-color: rgba(140,203,108,1.00);
			transform: scaleX(0);
			transform-origin: left;
			transition: transform 0.3s ease;
		}
		#footernav a:hover::after {
			transform: scaleX(1);
		}
		footer p {
			margin-top: 35px;
			color: rgba(56,65,68,1.00);
			text-transform: uppercase;
		}
		}