@font-face {
    font-family: 'Arial MT Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Arial MT Bold'), url('../fonts/ARIALBOLDMT.woff') format('woff');
    }

    @font-face {
    font-family: 'Arial MT Light';
    font-style: normal;
    font-weight: normal;
    src: local('Arial MT Light'), url('../fonts/ARIALMTLIGHT.woff') format('woff');
    }

    @font-face {
    font-family: 'ArialMT';
    font-style: normal;
    font-weight: normal;
    src: local('ArialMT'), url('arialmt.woff') format('woff');
    }


.offcanvas-size-xl {
    --bs-offcanvas-width: min(95vw, 500px) !important;
}


html {
  position: relative;
  min-height: 100%;
}
body {
	font-family:'ArialMT';
	xbackground-color:#F8F8F8;
}


.bgdark{
	background-color:#f0f0f0;
}
.bglight{
	background-color:#ffffff;
}



.headline{
	;
}

h1 {font-size:36pt; line-height:1.1;letter-spacing:-1px;
	font-family:'Arial MT Light';
	padding-left:40px;text-indent: -30px;}
	
h1>f {font-family:'Arial MT Bold';}

h1>br {
	
}

h2 {font-size:30pt; line-height:1.1;letter-spacing:-1px;
	font-family:'Arial MT Light';
	padding-left:40px;text-indent: -30px;
	padding-top:50px}
	
h2>f {font-family:'Arial MT Bold';}

h3{font-family:'Arial MT Light';
	font-size:18pt; line-height:1.1;
	text-indent:-12px;padding-left:0px;
	color:#E2A46F;
}


p{font-family:'ArialMT';font-size:12pt;
	}
p>f, li>f {
	font-family:'Arial MT Bold';
	}	


ul{
	padding-left:1rem;
}


.orange{
	color:#E2A46F;
}
.arrlist>li{
	text-indent:-9px;
	list-style:none;
	padding-top:1.2rem;
	
}

.subtitle {
	color:#E2A46F;
	font-family:'ArialMT';font-size:11pt;
	margin-top:20px;margin-bottom:20px;

}

#logoimg {
	height:83px;width:150px;
	background-image:url('../images/logoWtFrame.svg');
	background-size:contain;
	background-repeat: no-repeat;
}

#menubar {
	background-color:#000;
	kpadding-bottom:35px;
	height:92px;
}

#btnham {
	color:white;
	font-size:xx-large;
	padding-top:10px;
	padding-left:20px;
	position:absolute;
}
#menubuttons{
	color:#E2A46F;
	background-color:white;
	font-family:'ArialMT';font-size:20pt;
	line-height:2.5;
	left:0px;
	top:50px;
	width:100%;
	position:absolute;
	padding-left:10px;
	letter-spacing:0.3px;
	
	}
#startmenu {
	color:#E2A46F;
	background-color:white;
	font-family:'ArialMT';font-size:20pt;
	padding-left:10px;
	padding-top:20px;
	letter-spacing:0.3px;
	
}
#menubuttons li, #startmenu li{	

	padding-right:25px;
	list-style:none;
	text-indent:-13px;
	margin-left:70px;
	margin-top: 25px;
	line-height:1.1;
	}
	
#startmenu li:hover{
	text-decoration:underline;
	}

	
	
	
.menulink a{
	text-decoration:none;
	color:#E2A46F;
	background-color:white;
}	
.menulink a>f {
	font-family:'Arial MT Bold';

}
	
.nav-item a{
	text-decoration:none;
	color:#E2A46F;
	}

p a{
	text-decoration:none;
	color:#E2A46F;

}

.active{
	text-decoration:underline;
	
}

#seite{

	position:relative;
  	width: 50%;
  	margin: 0 auto;
  	width:100%;
	max-width:1200px;
	border:0px red solid;
	background-color:white;
	box-shadow:00px -20px 30px 00px #f0f0f0;
	

}
#rubriktitel{
	font-family:'Arial MT Light';font-size:10pt;
	color:#E2A46F;
	padding-top:80px;
	padding-bottom:5px;
	padding-left:10px;
}
#rubriktitel>f{
	font-family:'Arial MT Bold';
}

.textbody, .textbodystart{
	margin-left:70px;
	margin-top:40px;
	width:50%;
	float:left;
}

.textbodystart {
	width:39%;
	margin-left:0px;
}
.textbody100{

	margin-right:30px;
	margin-left:70px;
	margin-top:40px;
}

.techdata{
	font-size:50px;
	font-family:'Arial MT Bold';
	margin-top:0px;
	line-height:50px;

}


.textbild{
	width:40%;
	float:right;    
}

.textbildstart{
	width:58%;
	float:right;  	
	margin-top:80px;
}

.klinker{
	width:100%;
}

.icos {
	max-width:120px;
}


#footer{
	
	height:100px;
	background-color:black;
}

#footerinhalt{
	position:relative;
  	width: 50%;
  	margin: 0 auto;
  	width:100%;
	max-width:1200px;
	border:0px red solid;
	color:#C0C0C0;
	font-family:'ArialMT';
	font-size:9pt;
	padding-top:10px;
	
	}

#sidemenu{
	opacity:.97;
}

@media (max-width:991px)
{
	.offcanvas-size-xl {
    --bs-offcanvas-width: min(100vw, 1000px) !important;
}

	h1{font-size:26pt;
	}
	h2{
		font-size:20pt;
	}
	h3{
		margin-top:30px;
}
	.textbody, .textbodystart{
	width:80%;
	float:none;
	
	}
	.textbild, .textbildstart{
	width:100%;
	margin-top:60px;
	display:flex;
	float:none;
	align-items: center;
	}
	.klinker{
		width:100%;
		margin-left:00px;
	}
	
	#menubar{
	xpadding-bottom:10px;
	height:50px;
	}
	#btnham {
	padding-top:00px;
	padding-left:00px;
	font-size:x-large;
	}
	#logoimg {
	height:65px;width:100px;}
	
	p{font-family:'Arial';
	font-size:14pt;
	margin-right:10px;
	}
	#menubuttons, #startmenu{
	background-color:white; 
	border:0px solid silver;
	padding-left:50px;
	padding-bottom:25px;
	padding-top:25px;
	font-family:'ArialMT';
	font-size:22pt;
	}
	#menubuttons li, #startmenu li{
	line-height:1;
	margin-left:30px;
	}

	#startmenu li{
	margin-bottom:25px;
	margin-top:0}
	
	
	
	.menulink>a>f {
	font-family:'Arial MT Bold';
	padding-top:3px;
	}
	

	#rubriktitel{
	padding-top:50px;
	}
	
	.techdata{
	font-size:30px;
	line-height:30px;

}

	
	
	#footer{
	height:200px;}

}