html,body{
 font-family:arial;
 color:#000;
 font-size:10pt;
 margin:0;
 padding:0;
 width:100%;
 height:100%;
 background-color:#fff;
 background-image:url(layout/hg.jpg);
 background-repeat:repeat-x;}

img{ border:none; }

.anfragebutton{
	margin-left:2rem;
	margin-bottom:2rem;
	float:right;
	background:orange;
	color:#844202;
	text-decoration:none;
	padding:5px 10px;
	border:1px solid orange;
	border-radius:5px;	}

.anfragebutton:hover{
	border:1px solid #482502;
	color:#482502;}

#seite {
/* margin:auto; */
 width:90vw;
 min-height:600px;
 background-color:transparent;}

#kopf {
 width:1010px;
 height:385px;
 background-repeat:no-repeat;}

#flash{width:276px;height:341px;position:absolute;top:10px;left:0px;}
#frame{width:951px;height:309px;position:absolute;top:60px;left:60px;}
#braun{width:100%;height:43px;position:absolute;top:345px;left:0px;
 background-image:url(layout/braun.png);background-repeat:repeat-x;}
#hhs{width:769px;height:100px;position:absolute;top:258px;left:197px;}

#kopf2 {
 width:1010px;
 height:385px;}

.k1 {background-image:url(layout/k1.png);}
.k2 {background-image:url(layout/k2.png);}
.k3 {background-image:url(layout/k3.png);}
.k4 {background-image:url(layout/k4.png);}

#body{
	margin:0;
	padding:0;
	padding-top:2rem;
	width:100%;
	height:100%;}

#navigation{
	display:inline-block;
	float:left;
	width:220px;
	min-height:calc( 100vh - 385px);
	height:100%;
	margin-right:70px;
	background-color:#F3E2C0;
	border:3px solid #704723;
	border-radius:0 30px 0 0;}
.info{
	padding:20px;
	background-image:linear-gradient(0deg, #F3E2C0 0%, #e8d8B0 50%, #F3E2C0 100%);border-radius:0 30px 0 0;box-shadow:2px 2px 8px 0;}

#navigation ul{margin:0;padding:0;}
#navigation li{display:inline-block;width:100%;line-height:3rem;border-bottom:3px dotted #704723;}
#navigation li:last-child{border-bottom:none;}
.nav,.navi,.nav:hover{
 text-decoration:none;
 display:inline-block;
 width:100%;
 text-align:center;
 font-family:arial;
 font-size:14pt;
 font-weight:normal;
 color:#572C09;}

.flagcontainer{	line-height:130%;}
.flaglink{
	font-weight:bold;
	color:#572C09;}

.flag{
	padding:0 !important;
	border:2px solid transparent;
	box-shadow:none;
	border-radius:13px;
	height:120px;width:auto;
	margin:0 15px 0px 0;

	float:left;}

.flag:hover{

	opacity:.95;
	box-shadow:0 0 4px rgba(0,0,0,0.6);}

.flag.active{

	opacity:1;
	box-shadow:0 0 4px rgba(0,0,0,0.6);
	border:2px solid #572C09;}



.navi,.nav:hover{
 font-weight:bold;letter-spacing:-.85px}
.nav.b{display:inline;}
.nav img{
	border-radius:20%;
	display:inline;float:left;margin:10px 10px;}
.nav img:hover{
	box-shadow:0px 0px 5px 5px rgba(120,80,0,.5);}

.ilink{
 text-decoration:none;
 margin-top:10px;
 margin-right:20px;
 float:right;
 font-family:arial;
 font-size:12pt;
 font-weight:bold;
 color:#844202;}

#content{
 display:inline-block;float:left;
 font-family:arial;
 line-height:150%;
 font-size:1.3rem;
 color:#844202;
 width:750px;}

#fuss {
 display:none;}

.cb{clear:both;
	overflow: auto;}
.cb::after {
  content: "";
  clear: both;
  display: table;}
.addflags{display:none;}
	
#navigation ul li:first-child{display:none;}
#aboutflags{ display:none;}

	.addflags{max-width: 1010px;float:right;display:inline-block;margin-top:5px;}
	.addflags .flag{height:20px;width:auto;border-radius:5px;}
	#navigation ul li:nth-child(2){display:none;}
	#aboutflags .flagcontainer{font-size:80%;}
	#aboutflags{display:block;}
	#aboutflags .flag{height:60px;width:auto;}


@media screen and (max-width: 1160px) {
	.swapper{cursor:pointer;}
	#navigation ul li:first-child{display:block;}
.nomob{display:none !important;}
	#navigation{margin-top:4px;height:30px;overflow:hidden;min-height:30px;border-radius:0;width:calc(100% - 6px);}
	#navigation ul li{display:block;height:30px;line-height:30px;}
	#content{padding-left:20px;width:100%;}
	#content img{padding:10px 20px;max-width:calc(100% - 40px);}
	.anfragebutton {display:block;float:none;text-align:center;margin:1rem;}
	.ilink{margin:5px 20px 15px 20px;}
	#kopf2{width:100vw;}
	#frame{position:relative;left:0;top:0;width:100vw;margin-left:0;margin-right:0;background-position:center center;background-size:cover;}
	#hhs {width:100vw;left:0;margin-left:0;margin-right:0;height:auto;}
	#hhs img{max-width:90vw;margin-left:5vw;}
}