html, body { height: 100%; width: 100%; margin: 0; padding: 0; scroll-behavior: smooth; }

a { color:#605d5c; }

* { margin:0; padding:0; list-style:none;	-webkit-box-sizing:border-box; -moz-box-sizing:border-box;	box-sizing:border-box;	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

table { z-index:1000; }

#id_top    { position: absolute; top:0; left:0; width=100%; height:0; }
#id_content{ display:block; position:relativ; top:0.5%; left:0; width:100%; height:auto; /* top:40px; */ left:-50%; margin-left:50%; position:relative; overflow:hidden; z-index:2000; }

.pads      { padding-left: 10px; padding-top:10px; padding-right:10px; padding-bottom:10px; }
.headline1 { padding-left: 10px; padding-top:10px; padding-right:10px; padding-bottom:10px; background: #fee000; color: #605d5c; font-size: 1.5em;}
.headline2 { padding-left: 10px; padding-top:10px; padding-right:10px; padding-bottom:10px; background: #605d5c; color: #fee000; font-size: 1.0em; }
.text1     { background: #ffffff; color: #604d5c; font-size: 1.0em; }

badges   { position:static; width:100%; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-evenly; float:left; background: #ffffff; text-align:center; text-decoration: none; min-height:125px; align-items:center; }
badge    { position:static; display:block; width:8%; height:fit-content; min-width:100px; max-width:120px; padding:8px; /* border:1px solid #0000ff; */}

.topline { display:block; background: linear-gradient(to bottom, #0764a8, #2784c8, #1774b8, #14458a); width:100%; padding:0.5em; border-radius:5px; text-decoration:none; color:#ffffff; }

header {width:100%; float:left; /* background: #0000d2;*/ background:rgba(0,0,100,0.85);  position:fixed; z-index:3000; }
content  { position:static; width:100%; float:left; background: #ffffff; min-height:100%; height:fit-content; }
.spacer  { position:static; width:100%; float:left; background: #ffffff; min-height:1px; }

.container { max-width:1000px; margin:0 auto; z-index:2000; }
.site-nav     { width:100%; float:left;  /* background:rgba(150,150,150,0.5); background-color: #0000d2; */ /* border: 2px solid rgba(0,0,0,0.85); */ }
.site-nav li  { float:left; width:100%; position:relative; }
.site-nav a   { display:block; height:100%; width:100%; padding:1.0em; text-decoration:none; color:white; /* background:#0000d2; background:rgba(150,150,150,0.5); */ border-top: 1px solid rgba(0,0,0,0.5); }
.site-nav a:hover { background: linear-gradient(to bottom, #000000, #111111, #444444, #111111, #000000); }
.js .site-nav { display:none; }
.js .sub-menu { display:none; }
.sub-menu li:last-of-type { padding-bottom:0; }
.sub-menu a { color:black; background:rgba(240,240,245,0.80); z-index:2001; } /* Mobil Submenu, Normal Text */
.sub-menu a:hover { color:white; background: linear-gradient(to bottom, #000000, #111111, #444444, #111111, #000000); } /* Mobil Submenu, Normal Text */
.sub-menu .sub-menu a {	color:green; /* black; */ background:rgba(255,255,255,0.75);}

/* toggles */
.toggle-site-nav { background:rgba(0,0,80,0.50); display:block; position:fixed; right:0; bottom:0; padding:0.8em; color:#ffffff; cursor:pointer; z-index:2000; }
.toggle-site-nav:hover { background: linear-gradient(to bottom, #000000, #111111, #444444, #111111, #000000); }
.toggle-sub-menu { display:none; }

.js .toggle-sub-menu { position:absolute;	right:0; top:1px; display:block; padding:0.8em; background: #0000d2; color:#ffffff; height: 50px; width: 100%; cursor:pointer; }
.js .toggle-sub-menu.active {	background: darkblue; }                                                                 /* Submenue Tagbar */
.js .toggle-sub-menu:hover { background: linear-gradient(to bottom, #000000, #111111, #444444, #111111, #000000); }   /* Submenue Tagbar */
.toggle-sub-menu.active:hover  { background-color: darkblue; }                                                        /* Submenue Tagbar */

@media screen and (min-width:1081px) 
{
.spacer  { position:static; width:100%; float:left; background: #ffffff; min-height:50px; z-index:1000; }

.site-nav   { float:right; width:1000px; display:block !important; }
.site-nav a { border:none; padding: 0.8em; }
.site-nav a:hover { background: linear-gradient(to bottom, #000000, #111111, #444444, #111111, #000000); color:#ffffff; }

.site-nav li{width:auto; padding:0;	}
.site-nav li:hover { background: linear-gradient(to bottom, #000020, #111130, #444480, #111130, #000020); }
.has-sub-menu a {	padding-right: 2em; } 
/* .has-sub-menu:after { content:''; position: absolute;	top:0; right: 0; width:1em; height:100%; background:#ffff00; } */

/* sub menu */
.site-nav li:hover > .sub-menu {display: block; position: absolute; width: 300px; padding: 0em 25px 25px 25px; left: -25px; top: 45px; z-index:2002; }
.sub-menu {display:none;}
.sub-menu li {width:100%; }
.sub-menu > a {width:100%; display:block;	}
.has-sub-menu .has-sub-menu:after {	background:#ffffff; }
.has-sub-menu .has-sub-menu:hover .sub-menu { display:block; position:absolute; width: 300px; padding: 0 25px 25px 25px; left: 224px; top: 0px; }
.toggle-site-nav,	.toggle-sub-menu { display:none !important; }

/* Navigationspunkte, die nach links ausklappen */
.sub-left > .sub-menu { left:auto; right:0; }
.site-nav .sub-menu .sub-left > .sub-menu { left:-275px; }
}