@font-face {
	font-family: 'Ubuntu';
	src: url('fonts/Ubuntu-Regular.woff') format('woff'),
		url('fonts/Ubuntu-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'UbuntuBold';
	src: url('fonts/Ubuntu-Bold.woff') format('woff'),
		url('fonts/Ubuntu-Bold.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}



body {
	color:#000000;
	font-family: 'Ubuntu', sans-serif;
	font-size:14pt;
	font-weigth:400;
	margin:0;
	padding:0px;
	line-height:130%;
	letter-spacing: 0.01em;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x:hidden;
}
.hidden {
	display:none;
}
body.noscroll {
	margin: 0; 
	/* height: calc(100vh - 40px); */
	overflow:hidden;
	max-height:100%;
}
p {
	margin: 0px 0px 10px;
}
ul,li {
	padding:0;
	margin:0;
	list-style: none;
}
h1 {
	padding:15px 40px 20px;
	margin:100px 0 50px 0;
	background-color: rgb(108,175,110);
	color:#fff;
	font-family: 'UbuntuBold';
	font-size:24pt;
	display:inline-block;
}
h2 {
	color:rgb(69,89,95);
	font-family: 'UbuntuBold';
	margin-top:40px;
	font-size:16pt;
}
h2:first-child {
	margin-top:0px;
}
h3 {
	margin:0px;
	font-size:14pt;
	font-family:'UbuntuBold';
}
strong {
	font-weigth:normal;
	font-family:'UbuntuBold';
}
li p {
	margin:0;
}
a:link,
a:hover,
a:active {
	text-decoration:none;
}
.header {
	position: relative;
}
.main_frame_wrapper {
	position: relative;
	padding-bottom:20px;
}
.main_frame_wrapper:nth-child(odd) {
	background-color:#dde0e1;
}
.main_frame_wrapper:nth-child(even) {
	background-color:white;
}
.main_frame_wrapper.footer {
	background-color:rgb(108,175,110);
	padding-bottom:200px;
	color:#fff;
}
.main_frame_wrapper.first {
	padding-top:56.25vw;
	background-color:transparent;
	background-image: url(images/linien.png);
	background-repeat: no-repeat;
	background-position:43vw 29vw;
	background-position:clamp(10px,50vw,720px) 29vw;
	background-size:450px;
	background-size:clamp(100px, 48.5%, 690px);
}
.main_frame {
	position: relative;
	max-width:1200px;
	margin:0 auto;
	padding:0 120px;
}

img.logo {
	max-width:500px;
	width:30vw;
	padding-top:20px;
}
.top_frame {
	position: absolute;
	background-image:url(images/Startbild.jpg);
	background-repeat: no-repeat;
	background-size:100%;
	height:56.25vw;
	width:100vw;
}
.menu_frame {
	position: fixed;
	bottom:0px;
	background-image:url(images/menu.png);
	
	background-repeat: no-repeat;
	background-size:100% auto;
	background-position:top;
	height:10vw;
	width:100vw;
	z-index:1000;
	
}
.flaeche {
	background-color: rgb(108,175,110);
	padding:30px;
	position: absolute;
	text-align: right;
	padding-right:clamp(120px,calc(50vw - 600px),1000px );
	color:#fff;
	font-size:35pt;
	font-family:'UbuntuBold';
	box-sizing: border-box;
	z-index:10;
}
.fl1 {
	top:26.5vw;
	right:0vw;
	/* width:48vw; */
	width:clamp(10px,43vw,3000px);
}
.fl2 {
	top:33vw;
	right:0vw;
	width:clamp(10px,46.6vw,3000px);
}
.normal_frame {
	position: relative;
	max-width:1200px;
	margin:0 auto;
	padding:0 120px;
	
}
ul.menu {
	display:flex;
	justify-content: space-between;
	margin:auto;
	max-width:1200px;
	padding:7.2vw 120px 0;
}
ul.menu li {
	font-size:20pt;
	color:rgb(69,89,95);
	font-family: 'UbuntuBold';
	text-align:right;
}
ul.menu li:hover,
ul.menu li.aktiv {
	color:rgb(108,175,110);
	cursor:pointer;
}
ul.menu li img {
	margin-top:8px;
}

.spalten {
	display:flex;
	justify-content: space-between;
}
.linke_spalte_50 {
	width:45%;
}
.rechte_spalte_50 {
	width:50%;
}
.linke_spalte {
	width:56%;
}
.rechte_spalte {
	width:40%;
}
.rechte_spalte.flex {
	display:flex;
	flex-direction: column;
	justify-content: space-between;
}
.rechte_spalte img {
	width:100%;
	height:auto;
}
.green_box {
	background-color:rgb(108,175,110);
	color:#fff;
	padding:40px 30px;
}
.green_box td {
	padding-right:30px;
	vertical-align: top;
}
.light_green_box {
	background-color:rgb(108,175,110,0.45);
	color:#000;
	padding:30px 20px;
}
.spalte_30 {
	width:calc(32% - 60px);
	max-width:calc(32% - 60px);
	min-width:calc(32% - 60px);
}
.green_box h2 {
	color:#fff;
}
.green_box ul,
.light_green_box ul {
	list-style: disc outside none;
	margin-left: 15px;
}
.green_box ul li,
.light_green_box ul li {
	list-style: disc outside none;
	padding-top:0px;
}
.light_green_box ul li {
	padding-top:0px;
}
.bild_breit img {
	width:100%;
	height:auto;
}

table,tr,td {
	margin:0;
	padding:0;
	border:0;
}
td {
	padding-right:5px;
}
.footertitel {
	font-family:'UbuntuBold';
	font-size:32pt;
	padding-left:0;
	margin-top:60px;
}
.footer a {
	color:#fff;
	text-decoration:none;
}
.footer .footer_link {
	font-size:12pt;
	margin-top:10px;
}
.footer img {
	width:375px;
	height:auto;
	margin-top:30px;
	margin-bottom:20px;
	cursor:pointer;
}
ul.links {
	list-style: disc outside none;
	margin-left: 15px;	
}
ul.links li {
	list-style: disc outside none;
}
ul.links a,
ul.links a:hover,
ul.links a:visited,
ul.links a:active {
	color:#000;
	text-decoration:none;
	display:block;
}
ul.links h2 {
	margin-top:20px;
	margin-left: -15px;
}
.mobile_only {
	display:none;
}
.kaufen {
	display:flex;
	background-color:rgb(108,175,110);
	height:80px;
	margin-top:15px;
	cursor:pointer;
}
.kaufen .icon {
	background-image: url(images/addtocart.png);
	background-repeat:no-repeat;
	background-size:contain;
	height:80px;
	width:80px;
}
.kaufen .addto_cart {
	font-size:24pt;
	padding-top:28px;
	font-family:'UbuntuBold';
	height:80%;
	color:#fff;
	text-align:center;
	flex-grow: 8;
}
.gallery.big_image {
	width:100%;
	height:auto;
	margin-bottom: 10px;
}
.gallery.big_image img {
	width:100%;
	height:100%;
}
.gallery.big_image iframe {
	width:100%;
}
.small_images {
	width:100%;
	overflow:hidden;
	height:auto;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.small_images>div {
	width:clamp(20px,calc(15vw - 55px),160px);
	height:clamp(13px,calc(10.7vw - 55px),100px);
	cursor:pointer;
	margin-bottom:15px;
}
.small_images img {
	width:clamp(20px,calc(15vw - 55px),160px);
	height:clamp(13px,calc(10.7vw - 55px),100px);
	cursor:pointer;
}
.dimmer {
	z-index:10000;
	background-color:rgb(108,175,110);
	opacity:0.6;
	position: fixed;
	top:0px;
	left:0px;
	width:100vw;
	height:100vh;
	display:none;
}
.layer .close {
	cursor:pointer;
	width:40px;
	height:40px;
	position: absolute;
	right:20px;
	top:20px;
	background-image:url(images/layer_close.png);
	background-repeat:no-repeat;
	background-size:40px 40px;
}
.layer {
	z-index:10001;
	background-color:#fff;
	position: fixed;
	top:20px;
	left:10vw;
	width:80vw;
	height:calc(100vh - 40px);
	display:none;
	
}
.cookielayer {
	z-index:10001;
	background-color:#fff;
	position: fixed;
	top:20px;
	left:10vw;
	width:80vw;
	display:block;
	padding:40px;
}
.cookielayer .accept {
	margin-top:40px;
	background-color:rgb(108,175,110);
	padding:5px 15px;
	color:#fff;
	cursor:pointer;
	display:inline-block;

}
.layer .content {
	position:absolute;
	width:70vw;
	left:5vw;
	top:80px;
	height:calc(100vh - 140px);
	overflow-y:scroll;
	background-color: transparent;
}
.button_layer {
    position: absolute;
    right: 10px;
    top: 23px;
    padding: 10px 17px;
    background-color: rgb(108, 175, 110);
    color: #fff;
    font-size: 20px;
    z-index: 10000;
    font-weight: 800;
}
.button_layer a {
	color:#fff;
}
.button_layer:hover {
	text-decoration: underline;
	text-underline-offset:2px;
}