/* Zugriff auf originale Wbblite-Codes, damit es ohne Springen funktioniert */
#bg { margin: 0; padding: 0; }


/* Hintergrundfarbe und Bild des Headerbereichs */
header { margin-left: auto; margin-right: auto; width: 760px; box-sizing: border-box; padding: 30px; height: 460px; background: #ffffff; }
#inner { width: 700px; height: 400px; background: url('https://i.ibb.co/L9PFZkD/logo2.jpg'); background-position: right; padding: 0; background-repeat: no-repeat; }


/* Menü zum ein- und ausklappen */
.tab { text-align: right; }
div.tab:not(:target) div.inhalt, div.tab:target div.show, div.tab div.hide { display: none; }
div.tab:target div.inhalt, div.tab:target div.hide { display: block; }

.menuicon { color: #c01100; font-size: 20px; background: #ffffff; padding: 0px 1px 2px 5px; }
#text1 { position: relative; top: -30; padding: 30px 0px 0px 0px; }
.inhalt { float: right; background: rgba(255,255,255,0.5); padding: 5px 0px 5px 5px; }


/* Tabs der Headertabelle */
#inner td { margin: 0; padding: 0; vertical-align: top; font-family: verdana; font-size: 10px; }

.tabs input[type=radio] { display:none; }
  
.tabs { width: 100%; margin: 0; padding: 0; }
  
.labels { text-align: center; width: 150px; } 
.tabs label { display: block; TEXT-DECORATION: none; background: #333333; margin: 2px 5px 1px 1px; color: #efefef; font-family: verdana; font-size: 10px; text-transform: uppercase; padding: 2px 5px; width: 135px; text-align: center; letter-spacing: 2px; font-weight: normal; }
.tabs label:hover { background: #c01100; }
  
.tab-inhalt {display: none;width: 100%; margin: 0; padding: 0; }
[id^=tab]:checked ~ div[id^=tab-inhalt] { display: block; }
  

/* Umgebung Tab-Inhalt */
.inhalt-hg { float: left; width: 430px; background: #ffffff; height: 380px; overflow: hidden; padding: 10px; text-align: center; margin: 0; }
.inhalt-rand { float: left; width: 0; height: 0; border-right: 55px solid transparent; border-top: 400px solid #ffffff; }



/* Start-Tab */
#forenname { margin-top: 75px; font-family: 'Nobile', sans-serif; font-size: 60px; color: #272727; text-shadow: 2px 2px 4px #272727; text-transform: uppercase; border-bottom: solid 1px #e3e3e3; font-weight: normal; text-decoration: none; }
.icons {width: 70px; height: 35px; display: inline-block; margin-top: 20px; font-size: 14px; color: #464849; }
.icons .besch { text-transform: uppercase; font-size: 8px; visibility: hidden; }
.icons:hover .besch { visibility: visible; }



/* Link-Tab */
.headlink { padding: 5px; margin: 1px; background: #fefefe; border-bottom: solid 1px #e0e0e0; color: #363636; font-style: normal; font-weight: normal; text-transform: uppercase; letter-spacing: 3px; font-family: verdana; font-size: 9px; }
#headlinkl { padding: 5px; margin: 1px; background: #fefefe; color: #363636; font-style: normal; font-weight: normal; text-transform: uppercase; letter-spacing: 3px; font-family: verdana; font-size: 9px; }



/* Text-Tab */
.inhalt-hg h2 { color: #666666; text-shadow: 1px 1px 1px rgba(151,24,64,0.2); font-size: 15px; text-align: center; margin: 0; font-family: 'Nobile', sans-serif; border-bottom: solid 1px #e0e0e0; font-weight: normal; margin-top: 40px; }
.texttab { height: 220px; overflow: auto; padding: 5px; text-align: justify; font-size: 10px; font-family: arial; color: #000000; }

.texttab::-webkit-scrollbar { width: 3px; height: 3px; background: #444444; }
.texttab::-webkit-scrollbar-thumb { background: #444444; }
.texttab::-webkit-scrollbar-track-piece { background: #b7b512; border: 1px solid #ffffff; }