html {	
	font-family: 'Nunito', sans-serif;
	color:002762;
	margin: 0;
	padding: 0;
	background-color: #FFF;	
	scroll-behavior: smooth;
}
body {	
	font-family: 'Nunito', sans-serif;	
	margin: 0;
	padding: 0;	
}
/* --------------------------------------------- Top --------------------------------------------- */

#fixed{	position:fixed;	width: 100%;padding: 0 0 0 0;height:105px;z-index:15;background-color:#FFF;margin-left:auto;margin-right:auto;border-bottom: 1px solid #424343;top:0px;}

#schwarzeleiste{width:100%; background-color:#424343; position: absolute;top: 0px;left: 0px;height: 25px;}
#schwarzeleiste p{color: #FFF;padding: 0px;margin: 2px;}
#schwarzeleiste a{color: #FFF; font-size:13px; letter-spacing:1px;}
#schwarzeleiste a:hover{color: #FFF;}
.top1{padding-right:20px;}
.top1 img{width:16px; padding-right:8px; vertical-align: middle;}
.top2{padding-right:20px;}
.top2 img{width:14px; padding-right:8px; vertical-align: middle;}
.top3{padding-right:20px;}
.top3 img{width:14px; padding-right:8px; vertical-align: middle;}

#logo{z-index:5;text-align: left;position: absolute;top: 35px; left: 0px; width: 290px;float:left;margin: 0 auto;	height: auto !important;  /* für moderne Browser */padding: 0px 15px;	border: 0px;}


#menu{		
	position:relative;
	right:0px;
	top: 40px;
	width: 100%;
	float:right;
	margin: 0 auto;
	height: 40px;
	z-index:2;	
	text-align: right;	
	padding: 0 0 0 0;
	
}
#Sozial_Media{width: 8px;float: right;position: relative;top: 22px;right: -40px;}

#sliderahmen{overflow: hidden; position:absolute !important;max-height: 100vh;}

/* --------------------------------------------- Top --------------------------------------------- */
/* --------------------------------------------- Div Content --------------------------------------------- */
#content-start {position: relative;left: 0px;top: 0px;height: auto;width: 100%;z-index: 2;background-color: #FFF; padding-top:100px;}

#content_leiste{z-index:12;	position: relative; top: 0px; left: 0px;
	color: #000000;
	max-width: 1200px;
	margin: 0 auto;
	height: auto !important;  /* für moderne Browser */
	padding: 0px;
	border: 0px;
	text-align: right;
}
.content_inhalt{
	text-align: left;
	position: relative;
    top: 0px; left: 0px;
	max-width: 1000px;
	margin: 0px auto;
	height: auto !important;  /* für moderne Browser */
	padding: 0 50px;
	border: 0;
}
#flex{display: -webkit-flex;display: -ms-flex; display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}

.abstand{height:110px;}

#left{width:50%; float:left;}
#right{width:50%; float:left;}

.Start-oben-links{width:400px; position:absolute; top:100px; left:0px;}
.Start-oben-rechts{width:300px; position:absolute; top:100px; right:0px;}
.Start-rechts-unten{width:400px; position:absolute; bottom:0px; right:0px;}

#Logo{position:absolute;z-index: 9;margin: 0px auto;max-width: 800px;top: 170px; left:50%;margin-left:-400px;animation:fadein 5s;-moz-animation:fadein 5s;-webkit-animation:fadein 5s;}
@keyframes fadein{from{opacity:0;}to{opacity:1;}}@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}

/* --------------------------------------------- Div Content --------------------------------------------- */
/* --------------------------------------------- Verwaltungsseite --------------------------------------------- */
.icon_menu{width:20px; height:20px;}
.content_backend{
	text-align: left;
	position: relative;
    top: 0px; left: 0px;
	max-width: 1200px;
	margin: 0px auto;
	height: auto !important;  /* für moderne Browser */
	padding: 10px 50px;
	border: 0;
}
.content_backend hr{width:100%;}
.content_backend table{width:100%;}
.content_backend p{margin: 0;color:#625c55;font-size:16px;line-height: 1.5;letter-spacing:1px;}
.content_backend h2{
	margin: 0 0 5px 0;
	color: #625c55;
	font-size:40px;
	font-weight:bold;	
	font-family: 'Nunito', sans-serif;
	z-index: 1;
	text-transform:uppercase;
	padding:50px 0 10px 0;
}
.content_backend h3{
	margin: 45px 0 35px 0;
	padding: 0px;
	color: #625c55;
	font-size:28px;
	font-weight:bold;
	letter-spacing:1px;	
	font-family: 'Nunito', sans-serif;
	z-index: 1;
	text-transform:uppercase;
	line-height: 1.1;
}

.login{max-width: 600px; margin: 0px auto;}
.login label{padding: 0 20px 0 50px;font-size: 26px;color: #625c55;letter-spacing: 2.5px;}
.login input{height: 26px;font-size: 26px;}
.login input[type="submit"] {height: 40px; font-size: 26px;}

.bestellung_links{width: 12%; float: left; color:#0086ed;}
.bestellung_rechts{width: 86%; float: right;border: 1px solid #CCC;padding: 10px;}
.bestellung_rechts hr{border-style: dashed; size: 1px;}
.bestellung_rechts .Gerichte{float:left; width:100%;}
.bestellung_rechts .Anzahl{width:100%}
.bestellung_rechts .radio_b{width:20px;}

.bestell_abstand{clear:both; padding:5px;}

/* --------------------------------------------- Verwaltungsseite --------------------------------------------- */
/* --------------------------------------------- Text Gestaltung --------------------------------------------- */
td{	vertical-align:top; text-align: left;color: #625c55;}
img {width: 100%; }
br {line-height: 70%;}
table{letter-spacing: 1px;}
.grau{background-color: #424343;}

a { color: #706f6f; text-decoration: none; font-size:16px; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear;}
a:visited { color:#706f6f; }
a:hover { color: #424343;  font-style:normal; }

.content_inhalt h1{
	margin: 15px 0 70px 0;
	color: #625c55;
	font-size:24px;
	font-weight:normal;
	font-family: 'Nunito', sans-serif;
	z-index:1;
	text-align:center;
}
.content_inhalt h2{
	margin: 0 0 5px 0;
	color: #625c55;
	font-size:40px;
	font-weight:bold;	
	font-family: 'Nunito', sans-serif;
	z-index: 1;
	text-transform:uppercase;
	padding:50px 0 10px 0;
}
.content_inhalt h3{
	margin: 15px 0 16px 0;
	padding: 0px;
	color: #625c55;
	font-size:28px;
	font-weight:bold;
	letter-spacing:1px;	
	font-family: 'Nunito', sans-serif;
	z-index: 1;
	text-transform:uppercase;
	line-height: 1.1;
}

.content_inhalt p{margin: 0;color:#625c55;font-size:16px;line-height: 1.5;letter-spacing:1px;}

.textabstand1{letter-spacing:5px;}
.textabstand2{letter-spacing:10px;}
.textabstand3{letter-spacing:2px;}

.color1{color:#424343 !important;}
.color2{color:#FFF !important;}
.color3{color: #363636;}
.color4{color:#000 !important;}
.center{text-align:center!important;}
.lefttext{text-align:left!important;}
.textup{text-transform:uppercase;}
.maxwidth{max-width:800px; margin:20px auto 0 auto;}

big{color:#424343 !important;}

strong{padding: 0px;margin: 0px;font-size: 16px;font-weight: 600;}

.textup{text-transform:uppercase;}
.textschief{font-style:italic;}
.schriftart{font-family: 'Nunito', sans-serif;}
.notkursiv{font-style:normal;}
.groesser{font-size:24px;}

.fett{
	font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}


#eingabefeld{
height:20px;
padding:2px;
border:1px solid #CCCCCC;
width:100%;
margin: 0 0 5px 0;
max-width: 500px;
}
#eingabefeld_2{
padding:2px;
border:1px solid #CCCCCC;;
width:100%;
margin: 0 0 5px 0;
max-width: 500px;
}

	
/* --------------------------------------------- Text Gestaltung --------------------------------------------- */


/* --------------------------------------------- Footer --------------------------------------------- */
#Footertop{width:100%; border-top: 2px solid #424343;}
#footer{position: relative;left: 0px;top: 0px;height: 202px;width: 100%;margin: 0 auto;z-index: 1; background-color:#0086ed; text-align:left;border-bottom: 6px solid #000;}
#unten_menue{position:relative;	left: 0px;top: 0px;margin: 0 auto;height:150px;width:100%;padding-top:15px;max-width:1200px;}
#footer td{vertical-align: middle; font-size:14px;}
#footer big{color:#FFF !important;letter-spacing:1px;}
#unten_1{position:relative;left: 0px;top: 0px;float:left;height:90px;width:55%;line-height: 2;}
#unten_2{position:relative;left: 0px;top: 1px;float:left;height:90px;width:5%;line-height: 2;}
#unten_3{position:relative;left: 0px;top:70px;float:left;height:70px;width:20%;line-height: 2;}
#unten_4{position:relative;left: 0px;top:108px;float:left;height:70px;width:20%;line-height: 2;}
#unten_menue p{margin:0px;padding:8px 0px 0px 5px;color: #000;font-size:20px;}
#unten_menue strong{font-weight:normal;letter-spacing: 1px;font-size:16px; color:#0086ed; font-family: 'Gelasio', serif; font-style:italic;}
#unten_menue a{color:#FFF; font-size:14px;}
#unten_menue a:visited {color:#FFF;}
#unten_menue a:hover { color: #0086ed;}
#unten_menue a:active { color:#FFF;}
.ftel{width:18px; padding-right:8px;}
.fstand{width:18px; padding-right:8px;}
.fmail{width:18px; padding-right:8px;}
.ftext{padding:0px 0px 0px 5px !important; line-height: 0 !important;}

/* --------------------------------------------- Footer --------------------------------------------- */



/* --------------------------------------------- Menü Desktop --------------------------------------------- */
#cssmenu_normal{ height:37px; display:inline-flex; padding:2px 0 1px 0; margin:0px auto; border-radius:5px; text-transform:uppercase;} 
#cssmenu_normal > ul {list-style:inside none; padding:0; margin:0;} 
#cssmenu_normal > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;} 
#cssmenu_normal > ul > li > a{ outline:none; display:block; position:relative; padding:14px 0 2px 0; margin: 3px 20px 2px 20px; font-family: 'Nunito', sans-serif; font-size:18px; text-align:center; text-decoration:none; font-weight:normal; letter-spacing: 2.5px;}
#cssmenu_normal > ul > li > a:after{ content:''; position:absolute; top:-1px; bottom:-1px; right:-2px; z-index:99; } 
#cssmenu_normal ul li.has-sub:hover > a:after{top:0; bottom:0;} 

#cssmenu_normal ul li.has-sub:hover > a{ background:#FFF; padding-bottom:10px; z-index:999; color:#373737; border-bottom:1px solid #424343; text-transform:uppercase; } 
#cssmenu_normal ul li.has-sub:hover > ul, #cssmenu_normal ul li.has-sub:hover > div{display:block;} 
#cssmenu_normal ul li.has-sub > a:hover{background-color: #FFF; color:#373737;} 
#cssmenu_normal ul li > ul, #cssmenu_normal ul li > div{display:none;  width:auto; position:absolute; top:40px; padding:0; z-index:999; padding-top:27px;} 
#cssmenu_normal ul li > ul{margin-left:6px;} 
#cssmenu_normal ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} 
#cssmenu_normal ul li > ul li a{outline:none; display:block; position:relative; margin:0; padding:10px 20px; font:10pt 'Aleo', serif; color:#FFF; text-decoration:none; letter-spacing: 2.5px; text-align:center;} 


#cssmenu_normal { background:none; }
#cssmenu_normal > ul > li > ul > li a{ border-top:1px solid #FFF; background-color:#424343; opacity:0.9;} 
#cssmenu_normal > ul > li > ul > li a:hover{ background:#FFF; color:#373737;} 
#cssmenu_normal > ul > li > a{color:#625c55; border-bottom:2px solid #FFF;} 
#cssmenu_normal > ul > li > a:after{} 
#cssmenu_normal > ul > li > a:hover{background-color: #FFF; color:#373737; border-bottom:1px solid #424343;} 




#cssmenu_normal a.active{background-color: #FFF; color:#625c55;  border-bottom:2px solid #424343;}
#cssmenu_normal ul li.active a{background-color: #FFF; color:#625c55;  border:2px solid #424343;}
#cssmenu_normal ul li.active ul li a{background-color:#E5E5E5; border:2px solid #E5E5E5;} 
#cssmenu_normal ul li.active ul li a.active{background-color: #FFF; color:#373737; border:2px solid #424343;}
#cssmenu_normal ul li.active ul li a:hover{background-color: #FFF; color:#373737; border:2px solid #424343;}

#cssmenu_normal ul li.has-sub2:hover > a:after{top:0; bottom:0;} 
#cssmenu_normal > ul > li.has-sub2 > a:before{content:''; position:absolute; top:12px; right:2px; border:5px solid transparent; border-top:5px solid #373737; color: #373737;} 
#cssmenu_normal > ul > li.has-sub2:hover > a:before{top:12px; } 
#cssmenu_normal ul li.has-sub2:hover > a{ background:#FFF; z-index:999; color:#373737; border:2px solid #424343;} 
#cssmenu_normal ul li.has-sub2:hover > ul{display:block;}
#cssmenu_normal ul li.has-sub2:hover > div{display:block;} 
#cssmenu_normal ul li.has-sub2 > a:hover{background-color: #FFF; color:#373737; border:2px solid #424343;} 

#cssmenu_normal ul li > ul li > ul {position:absolute; top:-10px; left:190px; background-color:transparent;} 

/* --------------------------------------------- Menü Desktop --------------------------------------------- */

/* --------------------------------------------- Menü Login --------------------------------------------- */
#cssmenu_normal_login{ height:37px; display:inline-flex; padding:2px 0 1px 0; margin:0px auto; border-radius:5px; text-transform:uppercase;} 
#cssmenu_normal_login > ul {list-style:inside none; padding:0; margin:0;} 
#cssmenu_normal_login > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;} 
#cssmenu_normal_login > ul > li > a{ outline:none; display:block; position:relative; padding:14px 0 2px 0; margin: 3px 20px 2px 20px; font-family: 'Nunito', sans-serif; font-size:18px; text-align:center; text-decoration:none; font-weight:normal; letter-spacing: 2.5px;}
#cssmenu_normal_login > ul > li > a:after{ content:''; position:absolute; top:-1px; bottom:-1px; right:-2px; z-index:99; } 
#cssmenu_normal_login ul li.has-sub:hover > a:after{top:0; bottom:0;} 

#cssmenu_normal_login ul li.has-sub:hover > a{ background:#FFF; padding-bottom:10px; z-index:999; color:#373737; border-bottom:1px solid #424343; text-transform:uppercase; } 
#cssmenu_normal_login ul li.has-sub:hover > ul, #cssmenu_normal_login ul li.has-sub:hover > div{display:block;} 
#cssmenu_normal_login ul li.has-sub > a:hover{background-color: #FFF; color:#373737;} 
#cssmenu_normal_login ul li > ul, #cssmenu_normal_login ul li > div{display:none;  width:auto; position:absolute; top:40px; padding:0; z-index:999; padding-top:27px;} 
#cssmenu_normal_login ul li > ul{margin-left:6px;} 
#cssmenu_normal_login ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} 
#cssmenu_normal_login ul li > ul li a{outline:none; display:block; position:relative; margin:0; padding:10px 20px; font:10pt 'Aleo', serif; color:#FFF; text-decoration:none; letter-spacing: 2.5px; text-align:center;} 


#cssmenu_normal_login { background:none; }
#cssmenu_normal_login > ul > li > ul > li a{ border-top:1px solid #FFF; background-color:#424343; opacity:0.9;} 
#cssmenu_normal_login > ul > li > ul > li a:hover{ background:#FFF; color:#373737;} 
#cssmenu_normal_login > ul > li > a{color:#625c55; border-bottom:2px solid #FFF;} 
#cssmenu_normal_login > ul > li > a:after{} 
#cssmenu_normal_login > ul > li > a:hover{background-color: #FFF; color:#373737; border-bottom:1px solid #424343;} 




#cssmenu_normal_login a.active{background-color: #FFF; color:#625c55;  border-bottom:2px solid #424343;}
#cssmenu_normal_login ul li.active a{background-color: #FFF; color:#625c55;  border:2px solid #424343;}
#cssmenu_normal_login ul li.active ul li a{background-color:#E5E5E5; border:2px solid #E5E5E5;} 
#cssmenu_normal_login ul li.active ul li a.active{background-color: #FFF; color:#373737; border:2px solid #424343;}
#cssmenu_normal_login ul li.active ul li a:hover{background-color: #FFF; color:#373737; border:2px solid #424343;}

#cssmenu_normal_login ul li.has-sub2:hover > a:after{top:0; bottom:0;} 
#cssmenu_normal_login > ul > li.has-sub2 > a:before{content:''; position:absolute; top:12px; right:2px; border:5px solid transparent; border-top:5px solid #373737; color: #373737;} 
#cssmenu_normal_login > ul > li.has-sub2:hover > a:before{top:12px; } 
#cssmenu_normal_login ul li.has-sub2:hover > a{ background:#FFF; z-index:999; color:#373737; border:2px solid #424343;} 
#cssmenu_normal_login ul li.has-sub2:hover > ul{display:block;}
#cssmenu_normal_login ul li.has-sub2:hover > div{display:block;} 
#cssmenu_normal_login ul li.has-sub2 > a:hover{background-color: #FFF; color:#373737; border:2px solid #424343;} 

#cssmenu_normal_login ul li > ul li > ul {position:absolute; top:-10px; left:190px; background-color:transparent;} 

/* --------------------------------------------- Menü Login --------------------------------------------- */

/* --------------------------------------------- Menü Handy --------------------------------------------- */
#cssmenu{display:none;}
@media all and (max-width: 1320px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1320px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1320px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1320px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1320px), only screen and (min-resolution: 192dpi) and (max-width: 1320px), only screen and (min-resolution: 2dppx) and (max-width: 1320px) {
	#cssmenu{display:block;}
	#cssmenu_normal{display:none;}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  margin-left:0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Nunito', sans-serif; 
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  font-family: 'Nunito', sans-serif;
  background: #FFF;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 12px;
  font-size: 20px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #424343;
  font-weight: normal;
  text-transform: uppercase;
  padding-right: 60px;
}
#cssmenu > ul > li:hover > a {
  color: #363636;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 60px;
}
#cssmenu > ul > li.has-sub > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #424343;
  content: '';
}
#cssmenu > ul > li.has-sub > a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #424343;
  content: '';
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu ul ul li {
  height: 0;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu li:hover > ul > li {
  height: 35px;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 15px;
  width: 100%;
  font-size: 16px;
  text-decoration: none;
  color: #424343;
  font-weight: 400;
  background: #333333;
  padding-right: 60px;
  text-transform: uppercase;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}

  #cssmenu {
    width: 100%;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu ul li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
  }
  #cssmenu ul ul li,
  #cssmenu li:hover > ul > li {
    height: auto;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
    border-bottom: 0;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu ul ul li a {
    padding-left: 25px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 35px;
  }
  #cssmenu ul ul li a {
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li.active > a {
    color: #363636;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%!important;
    margin: 0;
    
  }
  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul > li.has-sub > a:after,
  #cssmenu ul ul > li.has-sub > a:before {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 20px 0 16px 0;
    color: #424343;
    cursor: pointer;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 200;
	padding-right: 60px;
  }
  #cssmenu #menu-button:after {
    position: absolute;
    top: 32px;
    right: 17px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #424343;
    border-bottom: 2px solid #424343;
    content: '';
  }
  #cssmenu #menu-button:before {
    position: absolute;
    top: 26px;
    right: 17px;
    display: block;
    height: 2px;
    width: 20px;
    background: #424343;
    content: '';
  }
  #cssmenu #menu-button.menu-opened:after {
    top: 33px;
    border: 0;
    height: 2px;
    width: 15px;
    background: #424343;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #cssmenu #menu-button.menu-opened:before {
    top: 33px;
    background: #424343;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 46px;
    width: 46px;
    cursor: pointer;	
  }
  #cssmenu .submenu-button.submenu-opened {
    background: #424343;
  }
  #cssmenu ul ul .submenu-button {
    height: 34px;
    width: 34px;
  }
  #cssmenu .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    background: #ffffff;
  }
  #cssmenu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  #cssmenu .submenu-button.submenu-opened:before {
    display: none;
  }
}

/* --------------------------------------------- Menü Handy --------------------------------------------- */

/* --------------------------------------------- Auflösungsabfragen --------------------------------------------- */
#Logo{height: 900px;display: flex;align-items: center;justify-content: center;top:0px;}

@media all and (max-width: 2100px){
	#Logo{max-width: 700px; margin-left: -350px;}
}
@media all and (max-width: 2100px){

}
@media all and (max-width: 1900px){
	#Logo{max-width: 600px; margin-left: -300px;}

}
@media all and (max-width: 1700px){
	#Logo{max-width: 550px; margin-left: -275px; height: 800px;}

}
@media all and (max-width: 1550px){
	#Logo{max-width: 500px; margin-left: -250px;}
	.Start-oben-links{width:300px;}
}
@media all and (max-width: 1450px){
	#Logo{max-width: 400px; margin-left: -200px; height: 700px;}
	.Start-oben-rechts{width:180px; position:absolute; top:100px; right:0px;}	
}
@media all and (max-width: 1250px){
	#unten_1 {left: 30px;}

}
@media all and (max-width: 1200px){
	#Logo{top: 0px;height: 600px;}
	
}
@media all and (max-width: 1080px){
	.Start-rechts-unten{width:200px;}
}
@media all and (max-width: 850px){
	#Logo{max-width: 300px; margin-left: -150px;}
}
@media all and (max-width: 800px){

}
@media all and (max-width: 730px){

}
@media all and (max-width: 630px){
	#Logo{max-width: 250px; margin-left: -125px;}
}

/* --------------------------------------------- Auflösungsabfragen --------------------------------------------- */