body { background-color:#603; color:#ccc; margin:0px; padding:0px; font-family:'Roboto',Arial; font-size: clamp(13pt, 1vw, 18pt); font-weight:400; display:inline; }
p { display:inline; }

.HeadSans   { color:#7e0; font-size: clamp(20pt, 2vw, 35pt);  font-weight:700; line-height:1; }
.SubSans    { color:#fff; font-size: clamp(15pt, 2vw, 21pt);  font-weight:700;  }
.TextFooter { color:#666; font-size: clamp(11pt, 2vw, 13pt);  font-weight:400; }
.Textklein  { color:#aaa; font-size: clamp(9pt, 1vw, 11pt);  font-weight:400; }

a:link 	  { color: #7e0; text-decoration:none;}
a:visited { color: #7e0; text-decoration:none; }
a:hover 	{ color: #fff; text-decoration:none; }
a:active 	{ color: #fff; text-decoration:none; }

a.Menu:link 	      { color: #000; font-size:30px; font-weight:700; text-decoration: none; }
a.Menu:visited      { color: #000; font-size:30px; font-weight:700; text-decoration: none; }
a.Menu:hover 	      { color: #fff; font-size:30px; font-weight:700; text-decoration: none; }
a.Menu:active 	    { color: #fff; font-size:30px; font-weight:700; text-decoration: none; }

a.MenuKlein:link 	{ color: #000; font-size:22px; font-weight:700; text-decoration: none; }
a.MenuKlein:visited { color: #000; font-size:22px; font-weight:700; text-decoration: none; }
a.MenuKlein:hover 	{ color: #fff; font-size:22px; font-weight:700; text-decoration: none; }
a.MenuKlein:active 	{ color: #fff; font-size:22px; font-weight:700; text-decoration: none; }

a.Button:link       { color:#000; background-color:#7e0; text-decoration:none; padding:17px; border-radius:.4rem; transition: 0.2s; }
a.Button:visited    { color:#000; background-color:#7e0; text-decoration:none; padding:17px; border-radius:.4rem; transition: 0.2s; }
a.Button:hover      { color:#000; background-color:#fff; text-decoration:none; padding:17px; border-radius:.4rem; transition: 0.2s; }												
a.Button:active     { color:#000; background-color:#fff; text-decoration:none; padding:17px; border-radius:.4rem; transition: 0.2s; }

.Menu_Zeile		{ margin:0px; padding: 6px 0px 6px 57px; position:relative; }
.Menu_Zeile:hover	{ Background-color:#202328; }

.Navileiste	{ Background-color:#ddd; margin-bottom:30px;  position:relative; }
.Rechts 	{ right: 10px; position: absolute; display:inline; }
.Links 	{ left: 10px; position: absolute; display:inline; }

input[type=submit]    { color:#000; background-color:#7e0; text-decoration:none; padding:14px 18px 14px 18px; border: solid 2px #7e0; border-radius:.4rem; transition: 0.2s; cursor: pointer;  }
input[type=text]      { color:#7e0; background-color:#333; text-decoration:none; padding:14px 18px 14px 18px; border: solid 2px #7e0; border-radius:.4rem; transition: 0.2s; cursor: pointer;  }
input[type=password]  { color:#7e0; background-color:#333; text-decoration:none; padding:14px 18px 14px 18px; border: solid 2px #7e0; border-radius:.4rem; transition: 0.2s; cursor: pointer;  }



textarea 		{ width:100%; background:#333; border:none; border:2px solid #7e0; font-size:28px; color:#fff;
   			  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.Icon		                { display:inline; max-width:26px; max-height:26px; width: auto; height: auto; margin-bottom:8px; margin-right:10px; }	
.MenuButton	            { display:inline; max-width:18px; max-height:18px; width: auto; height: auto; margin: 0px; }	
.PWG_overlay_container 	{ height:0%; width:100%; position:fixed;  z-index:5; top:0%; left:0%; background-color:#7e0; overflow-x:hidden; transition:0.5s; }
.ModalRand 	{ background:#333; border: solid 2px #7e0;  }





/* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;  border-radius:.4rem; }

/* Create a custom checkbox */
.checkmark { position: absolute; top: 0; left: 0; height: 36px; width: 36px; background-color: #333; color:#333; border: solid 2px #7e0; border-radius:.4rem; }
.container input:checked ~ .checkmark { background-color: #7e0; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after { content: ""; position: absolute; display: none; }

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 11px;
  top: 4px;
  width: 10px;
  height: 20px;
  border: solid #333;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}