/* --- General --- */

body {
  margin: 0;
  backgroundcolor:#ffffff;
  color:#333333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:1em;
}

a {color:#003399; text-decoration:none}
a:hover {color:#990000;}

.header {padding: 30px;text-align: center;}

.fuss {background-color: #585858;padding:20px 12% 50px 12%;}
.fuss a {font-size:0.8em;color:#ffffff;text-decoration:none;}
.welle {width:100%; height:100px; position:relative; overflow:hidden;margin:0;}
.welle:before {content:""; display:block; width:50.1%; height:50px; background:#585858; border-radius:100% 0 0 0; position:absolute; left:0; bottom:0;}
.welle:after {content:""; display:block; width:50.1%; height:50px; background:transparent; border-radius:0 0 100% 0; border:200px solid #585858; border-width:0 200px 200px 0; position:absolute; left:50%; top:0;}
.welle.top {top:-1px;-webkit-transform:rotateX(180deg);transform:rotateX(180deg);}
.welle.right {-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.welle.top.right {top:-1px;-webkit-transform:rotateY(180deg) rotateX(180deg);transform:rotateY(180deg) rotateX(180deg);}

.kontakt {font-size:0.7em;color:#ffffff;}

.megabild {width:100%;border-top-width:3px; border-top-style:solid; border-top-color:#585858;
           border-bottom-width:0px; border-bottom-style:solid; border-bottom-color:#585858;}
.roundfltpic {border-radius:50%;float:right;margin:10px;}
.melogo {width:100%;max-width:768px;}		    
.iconize {font-face: bold; font-size:1.5em;}
.socialicon {border-radius:50%;margin:10px;}
.blockbn, .blockbb1, .blockbb2 {clear:both;padding:10px 12% 40px 12%;margin:10px 0px 10px 0px;}
.blockbn {background-color:#ffffff;overflow-x: auto;}
.blockbb1, .blockbb2 {background-color:#d8d8d8;overflow-x: auto}
.blockbb1 {background-image:url("../bilder/background1.jpg");height:320px;}
.blockbb2 {background-image:url("../bilder/background2.jpg");height:550px;}
h1, h2 {color:#00000; font-family: Garamond, serif;font-weight:bold}
h3 {color:#00000; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:normal}
h1 {font-size:2em;}
h2 {font-size:1.6em;}
h3 {font-size:1.3em;margin-top:50px;}
.weiss {color:#ffffff}
.aufweiss {background-color:#ffffff; padding:2px}
.az>li {list-style-type:square;margin-bottom:20px;}
.azl>li {list-style-type:none; margin-bottom:20px;}
.azl>li::before {content:"\25B8  ";}
.top1 {font-weight:bold;}
.distri {border-radius:1.5em;background-color:#ffffff;padding:5px;margin:10px;}
.nachoben {margin-top:20px;background-color:#d8d8d8; padding:5px; width:200px; text-align:center;border-top-width:1px; border-top-style:solid; border-top-color:#585858;}

/* --- Navigation Bar --- */

#navbar {
  overflow:hidden;
  background-color: #848484;
  padding:0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav-open {
	display: none;	
}

#nav {
	position: relative;
	float: left;
	background: #848484;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav ul li {
	float: left;
}

#nav ul li.close {
	display: none;
}

#nav ul li a {
	padding: 10px 15px;
	display: block;
	color: #ffffff;
	text-decoration: none;
}

#nav ul li a:hover {
	background: #585858;
	color: #ffffff;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%
}

.sticky + .content {
  padding-top: 60px;
}


/* ----------------------------- */
/* --- Responsives Verhalten --- */
@media screen and (max-width: 620px) {

/* ---General ---*/
.header {display: none;}
.firstbanner {margin-top:120px;}

/* --- Navigation ---*/
	
.nav-open {
	position: fixed;
	top: 0;
	left: 0;
	background: #484848;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	width: 100%;
}

.nav-open a {
	padding: 10px 15px;
	display: block;
	color: #ffffff;
	text-align: center;
	text-decoration: none;	
}
	
#nav {
	position: fixed;
	top: -200%;
	left: 0;
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
	-webkit-transition: all 0s ease-in-out;
	-moz-transition: all 0s ease-in-out;
	-o-transition: all 0s ease-in-out;
	-ms-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out;
}

#nav:target {
	top: 0;
}

#nav ul li {
	float: none;
	text-align: center;
	border-bottom: 1px solid #cccccc;
}

#nav ul li.close {
	display: block;
}

#nav ul li:last-child {
	border-bottom: none;
}

/* --- Blocks --- */

#aussteller, #ausstelleradvanced, #ausstellerpremium {margin:10px 10px 40px 10px;}
#tribox {
   float:none;
   min-width:320px;
   border:1px solid #009ee0;
   overflow:hidden;
   text-align:center;
   padding:10px;
   margin:0px 21px 20px 0px;}

}