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

html {
	height: 100%;
}
body {
	background-color: #0f1014;
	background-image: url(../img/bg-top.gif);
	background-repeat: repeat-x;
	height: 100%;
	font-size: 14px;
	font-family:Verdana, Geneva, sans-serif;
	height: 100%;
	margin-top: 0px;
	line-height:20px;
}

a:link {
	color:white; 
	text-decoration:none; 
}
	
a:visited {
	color:white; 
	text-decoration:none; 
}
	
a:active {
	color:white; 
	text-decoration:none; 
}

#head  {
	height:113px;
	margin: 0px auto 0px;
	position:relative;
	width: 949px;
	background-image:url(../img/header_en.gif);
	margin-top: -15px;
}

#headDL {
	height:113px;
	margin: 0px auto 0px;
	position:relative;
	width: 949px;
	background-image:url(../img/header_en.gif);
	margin-top: -15px;
}

#navigation ul {
	list-style:none;
	margin-left: 457px;
}

#navigation li {
	float:left;
	padding-left: 5px;
	padding-right: 33px;
	padding-top: 80px;
	letter-spacing:3px;
}

#navigation a {
	text-decoration:none;
	text-transform:uppercase;
	color: #fff;
	text-shadow: 1px 1px 0px #000;
}

#navigation a:hover {
	color:#f34c00;
}


#panel  {
	height:342px;
	margin: 0px auto 0px;
	position:relative;
	width: 958px;
	margin-top: 2px;
}
	
#panel2  {
	height:567px;
	margin: 0px auto 0px;
	position:relative;
	width: 958px;
	margin-top: 2px;
	background-image:url(../img/funktionen.png);
	background-repeat:no-repeat;
}

#panel2 h3  {
	margin-top:-5px;
	font-size:24px;
	color:#f34b00;
	font-family:Verdana, Geneva, sans-serif;
	font-style:normal;
	font-weight: lighter;
	letter-spacing:2px;
}

#fpanel2  {
	height:567px;
	margin: 0px auto 0px;
	position:relative;
	width: 958px;
	margin-top: 2px;
	background-image:url(../img/funktionen.png);
	background-repeat:no-repeat;
	}
	
#fpanel2 h3  {
	margin-top:-5px;
	margin-bottom: -5px;
	font-size:24px;
	color:#f66e00;
	font-family:Verdana, Geneva, sans-serif;
	font-style:normal;
	font-weight: lighter;
	letter-spacing:2px;
}	

#faqpanel2  {
	height:567px;
	margin: 0px auto 0px;
	position:relative;
	width: 958px;
	margin-top: -23px;
	background-image:url(../img/funktionen.png);
	background-repeat:no-repeat;
	}

#faqbox4 {
	width:850px;
	margin-top:25px;
	margin-left:16px;
	padding: 10px;
	color:#8c8c8c;
	font-size:12px;

}

/*#faqbox4 h3 {
	color:#f66e00;
	margin-bottom: -10px;
	font-weight: lighter;
	letter-spacing:2px;
}*/

#faqbox4 h3 {
	font-size:16px;
	margin-top:15px;
	margin-bottom: -10px;
	color:#f66e00;
	font-family:Verdana, Geneva, sans-serif;
	font-style:normal;
	font-weight: lighter;
	letter-spacing:1px;
}

#content  {
	height:auto;
	margin: 2px auto 0px;
	position:relative;
	width: 929px;
	padding: 5px 5px 5px 15px;
	background-color:#252931;
	}	
	
#footerstart  {
	height:265px;
	margin: 2px auto 0px;
	position:relative;
	width: 951px;
	background-image:url(../img/footer.jpg);
	background-repeat:no-repeat;
}

#box {
	width:240px;
	padding: 25px;
	float:left;
	height:200px;
	color:#8c8c8c;
	font-size:13px;
}

#box2 {
	width:240px;
	padding: 25px;
	margin-left: 25px;
	float:left;
	height:200px;
	color:#8c8c8c;
	font-size:13px;
}

#box3 {
	width:240px;
	padding: 25px;
	margin-left:25px;
	float:left;
	height:200px;
	color:#8c8c8c;
	font-size:13px;
}

#box4 {
	width:900px;
	margin-top:0px;
	margin-left:0px;
	padding: 25px;
	float:left;
	height:65px;
	color:#fff;
}




#box a {
	color:#fff;
	font-size:14px;
}

#box2 a {
	color:#fff;
	font-size:14px;
}

#box3 a {
	color:#fff;
	font-size:14px;
}


.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px; 
}

#content h1 {
	margin-top: 20px;
	font-size: 20px;
	font-family:Verdana, Geneva, sans-serif;
	color: #8c8c8c
}

#footerstart h3 {
	font-size:18px;
	margin-top:-5px;
	margin-bottom: -5px;
	color:#f66e00;
	font-family:Verdana, Geneva, sans-serif;
	font-style:normal;
	font-weight: lighter;
	letter-spacing:2px;
	
	
}

.bild {
	padding:20px;
}
#left {
	width:500px;
}

.block { 
	clear:both;
}
#footer  {
	height:50px;
	margin-left: 3px;
	position:relative;
	width: 946px;
	color: #333;
	margin: 3px auto 55px;
	font-size:12px;
	}
.abstand {
	padding-bottom:10px;
}
/* Responsive layout: mobile and tablet */
@media screen and (max-width: 980px) {
  *, *::before, *::after { box-sizing: border-box; }
  html, body { max-width: 100%; overflow-x: hidden; }
  body { height: auto; min-height: 100%; margin: 0; }
  #head, #headDL {
    width: 100%; max-width: 949px; height: 113px;
    margin: 0 auto; background-position: left top; background-repeat: no-repeat;
    background-size: auto 100%;
  }
  #navigation ul { margin: 0; padding: 0 8px; }
  #navigation li { padding: 80px 12px 8px 0; letter-spacing: 1px; }
  #panel, #panel2, #fpanel2, #faqpanel2, #content, #footerstart, #footer {
    width: calc(100% - 24px); max-width: 958px;
  }
  #panel { height: auto; }
  #panel > a { display: block; }
  #panel img { display: block; width: 100%; height: auto; max-width: 958px; }
  #footerstart {
    height: auto; min-height: 0; background-image: none;
    background-color: #252931; border-radius: 0 0 5px 5px; overflow: hidden;
  }
  #box, #box2, #box3 {
    float: left; width: 33.333%; height: auto; min-height: 0;
    margin: 0; padding: 18px 16px; font-size: 13px;
  }
  #footer { height: auto; margin: 8px auto 24px; padding: 0 4px; }
  #panel2, #fpanel2, #faqpanel2 {
    height: auto; min-height: 0; margin: 2px auto 0;
    background-size: 100% auto; background-position: top center;
  }
  #content { height: auto; padding: 12px; }
  #faqbox4 { width: auto; margin: 0; padding: 12px; }
  #box4 { float: none; width: auto; height: auto; padding: 16px; }
  #left { width: auto; max-width: 100%; }
  img { max-width: 100%; height: auto; }
}

@media screen and (max-width: 600px) {
  body { font-size: 15px; line-height: 1.55; background-size: auto 180px; }
  #head, #headDL {
    height: 112px; margin-top: 0; background-size: auto 72px;
    background-position: left top;
  }
  #navigation {
    position: absolute; left: 0; right: 0; bottom: 0;
    background: rgba(15,16,20,.94); padding: 5px 0;
  }
  #navigation ul {
    display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
    gap: 4px 14px; margin: 0; padding: 0 8px;
  }
  #navigation li { float: none; padding: 2px 0; letter-spacing: .5px; font-size: 11px; }
  #navigation a { display: inline-block; padding: 5px 2px; }
  #navigation img { width: 22px; vertical-align: middle; }
  #panel, #panel2, #fpanel2, #faqpanel2, #content, #footerstart, #footer {
    width: calc(100% - 20px); margin-left: auto; margin-right: auto;
  }
  #panel { margin-top: 8px; }
  #footerstart { margin-top: 0; }
  #box, #box2, #box3 {
    float: none; display: block; width: 100%; padding: 16px 18px;
    border-bottom: 1px solid #343943; font-size: 14px; line-height: 1.55;
  }
  #box:last-child, #box2:last-child, #box3:last-child { border-bottom: 0; }
  #footerstart h3 { font-size: 17px; line-height: 1.35; letter-spacing: 1px; margin: 0 0 8px; }
  #box p, #box2 p, #box3 p { margin: 7px 0 12px; }
  #box a, #box2 a, #box3 a { display: inline-block; padding: 5px 0; font-size: 15px; }
  #panel2, #fpanel2, #faqpanel2 {
    background-image: none; background-color: #252931; border-radius: 5px;
    padding: 10px 0; margin-top: 8px;
  }
  #faqbox4 { padding: 8px 14px 18px; font-size: 14px; line-height: 1.6; }
  #faqbox4 h3 { margin: 16px 0 6px; font-size: 16px; line-height: 1.4; }
  #content { padding: 10px 14px; }
  #content h1 { font-size: 20px; line-height: 1.35; }
  #box4 { padding: 12px; }
  #footer { font-size: 11px; margin-bottom: 18px; }
  .bild { padding: 8px; }
}