*{margin: 0; padding: 0;}

body{
    font-size: 0.5cm;
    margin-top: 0;
}

nav li ul li{
    text-align: center;
}

h1{
    font-size: 1cm;
}

/*Scrollbereich'*/

body::-webkit-scrollbar {
    width: 0.15cm;
    height: 5px;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(117, 142, 252, 0.65);
}

 
body::-webkit-scrollbar-thumb {
  background-color: rgb(117, 142, 252);
  
    border-radius: 10px;
    
} 

/*Headbereich*/

.header{
    position: absolute;
}

.twdksmall{
    position: fixed;
    top: 1px;
    right: 5px;
    color: rgb(0, 209, 255);
    font-size: 0.41cm;
    font-family: Agency FB;
    pointer-events: none;
    
    z-index: 9999999999999999999;
}

/*menue*/

#menue{
    width: 100%;
    height: auto;
    position: fixed;
    left: 0;
    margin: 0;
    z-index: 999999999999999999999999999999999999999999999999;
}
    
    nav ul li{
    vertical-align: middle;
    line-height: 50px;
    height: 50px;
    margin: 0 20px 0 20px;
    font-size: 0.425cm;
    font-family:cursive;
    float: left;
    list-style: none;
    z-index: 999999999999999999;
}

nav span{
    position: relative;
    margin-left: 55px;
    color: #fff;
    list-style: none;
    pointer-events: none;
    z-index: 9999999999999;
}

span b{
    position: absolute;
    color: orange;
    font-family: comic sans;
    font-size: 9px;
    margin-top: 20px;
    margin-left: 50px;
}

.drop1 span, .drop2 span{
    margin-right: 0;
    margin-left: 0;
}

nav li .drop1 {
    position: absolute;
    margin-left: -20px;
    width: 200px;
    height: auto;
    visibility: hidden;
    opacity: 0;
    transition: all 0.8s ease;
    pointer-events: none;
    list-style: none;
    z-index: 9999999999999999999999999999999999999999;
    
    
   background-color: #000;
}

nav li:hover .drop1{
    visibility: inherit;
    opacity: 1;
    float: left;
    pointer-events: all;
    
}

.drop1 li{
    position: relative;
    left: -20px;
    width: 200px;
    color: #fff;
    transition: all 0.3s ease;
    text-align: center;
    height: auto;
     z-index: 9999999999999999999999999999999999999999;
}

.drop2 li{
    text-align: center;
    width: 300px;
}

.dropextra li{
    text-align: center;
    width: 300px;
    
}

.drop1 li:hover{
    background-color: rgba(82, 172, 10, 0.88);
}

 ul li li .drop2{
     position: absolute;
     visibility: hidden;
     opacity: 0;
     margin-left: 200px;
     margin-top: -150px;
     background-color: black;
     width: 300px;
     border-radius: 2px;
     list-style: none;
     transition: all 0.5s ease;
     pointer-events: none;
     float: left;
     z-index: 999999999999999999999999999999999999999999999999999999999999999999999999999999999;
} 

ul li li:hover .drop2{
    margin-top: -50px;
    visibility: inherit;
    opacity: 1;
     background-color: black;
    float: left;
    pointer-events: all;
}

.dropextra{
    position: absolute;
    opacity: 0;
    margin-top: -50px;
    margin-left: 0;
    visibility: hidden;
    pointer-events: none;
    
}

.infor1 .dropextra, .infor2 .dropextra, .infor3 .dropextra{
    transition: 0.5s ease;
}

.infor3:hover .dropextra{
    margin-top: -50px;
    margin-left: 310px;
    visibility: inherit;
    opacity: 1;
    background-color: rgba(255, 0, 0, 0.623);
    float: left;
    pointer-events: none;
    transition: all 0.8s ease;
}

.infor2:hover .dropextra{
    margin-top: -50px;
    margin-left: 210px;
    visibility: inherit;
    opacity: 1;
    background-color: rgba(255, 0, 0, 0.623);
    float: left;
    pointer-events: none;
    transition: all 0.8s ease;
}

.infor1:hover .dropextra{
    margin-top: 0px;
    margin-left: 50px;
    visibility: inherit;
    opacity: 1;
    background-color: rgba(26, 74, 61, 0.81);
    float: left;
    pointer-events: none;
    transition: all 0.8s ease;
}

/*Content*/

.content{
    position: relative;
    top: 100px;
    max-width: 1200px;
    min-width: 1000px;
    height: auto;
}

.content p{
    color: #000;
}

.center{
margin: 0px auto;
}

.title{
    position: relative;
    top: 0px;
    color: #e9ffd3;
    font-size: 50px;
    font-family: Forte;
    width: 100%;
    background-color: rgb(26, 74, 61);
    height: 80px;
    line-height: 80px;
    text-align: center;
    
    height: auto;
    
}

.undertitle{
    position: relative;
    top: 10px;
    font-size: 30px;
    font-family:  Tw Cen MT Condensed Extra Bold;
    margin-left: 5px;
    color: #05051f;
    
}

.hello{
    color: red;
    height: 2px;
    background: rgba(128, 128, 128, 0.46);
}

.texte{
    margin-left: 10px;
    margin-right: 10px;
    line-height: 30px;
    font-size: 20px;
    padding: 10px;
}

.texte2{
    margin-left: 10px;
    margin-right: 10px;
    line-height: 30px;
    font-size: 20px;
    padding: 10px;
    color: #fff;
}

#quelle{
    color: grey;
    text-align: right;
    font-size: 0.35cm;
    
}

.inhalt{
    position: relative;
    padding: 5px 6px 5px 6px;
    border-radius: 4px;
    color: black;
    background: rgb(195, 187, 187);
    transition: all 0.7s ease;
    font-size: 0.5cm;
    float: center;
    margin-right: 5px;
}

.inhalt:hover{
    color: #242121;
    background: rgb(209, 186, 162);
}

.picture{
    position: relative;
    width: 800px;
    min-width: 10px;
    height: 500px;
    min-width: 30px;
    margin-left: 13%
}

.news ul{
    list-style: circle;
}

/*extra*/

option{
    color: #fff;
}

#Sims1{
     padding: 0px;
    clear: both;
    color: #a7813b;
    font-size: 30px;
    line-height: 60px;
    }

#Sims2{
     padding: 0px;
    clear: both;
    color: forestgreen;
    }

#Sims3{
    color: #163429;
}

.partnerk{
    position: relative;
    margin-top: 15px;
    left: 80px;
    border: 2px solid #000;
    width: 900px;
    background-color: rgba(0, 0, 0, 0.66);
    color: #fff;
    transition: all 0.5s ease;
    height: 45px;
    
}

.partnerk:hover{
    position: relative;
    margin-top: 15px;
    border: 2px solid #000;
    width: 900px;
    background-color: rgba(0, 0, 0, 0.85);
    color: #fff;
    height: 200px;
    transition: all 0.5s ease;
}

.partnerk .texte2{
opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
}

.partnerk:hover .texte2{
    opacity: 1;
    visibility: inherit;
}

#field{
    margin-top: 10px;
    width: 400px;
    height: 20px;
    transition: all 0.5s ease;
}

#field:focus{
    margin-top: 10px;
    width: 400px;
    height: 20px;
    border: 1px solid blue;
    background: rgb(26, 74, 61);
    color: #fff;
    transition: all 0.3s ease;
}

#tfield{
    width: 400px;
    height: 50px;
    transition: all 0.5s ease;
}

#tfield:focus{
    width: 400px;
    height: 200px;
    background: rgb(26, 74, 61);
    transition: all 0.2s ease;
    color: #fff;
}

/*Impressum*/

.imprint1{
    position: relative;
    left: 120px;
    margin-top: 15px;
    border: 2px solid #000;
    max-width: 900px;
    min-width: 100px;
    background-color: rgba(0, 0, 0, 0.85);
    color: #fff;
    height: auto;
    transition: all 0.5s ease;
}

.imprint1:active{
    background-color: rgba(0, 0, 0, 0.66);
    border: 2px solid rgba(0, 0, 0, 0.66);
}

.imprint1 a{
    color: #b18a8a;
}


/*footer*/

.footer{
    position: relative;
    left: 0;
    right: 0;
    margin-top:50px;
    top: 50px;
    height: auto;
    max-width: 1200px;
    min-width: 1000px;
    background-color: rgb(46, 45, 45);
}

.footer p{
    position: relative;
    text-align: center;
}

.footer .footertwdk{
    color: rgb(55, 78, 180);
}

.footer .footertwdk:hover{
    color: rgb(55, 78, 180);
}

.footer a{
    color: #fff;
    transition: 0.3s ease;
}

.footer a:hover{
    color: rgb(168, 168, 168);
}

#backtotop {
    background: rgb(26, 74, 61);
    position: fixed;
    bottom:20px;
    right:40px;
    padding:1em;
    color: #fff;
    border-radius: 3px;
    pointer-events: all;
    transition: all .5s ease;
}

#backtotop:hover {
    background: rgb(26, 74, 61);
    position: fixed;
    bottom:20px;
    right:40px;
    padding:1em;
    color: #fff;
    border-radius: 4px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
#backtotop.open {
    pointer-events: all;
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    
    
}
#backtotop.close {
    pointer-events: none;
   -webkit-transform: translate(0%, 200%);
    -moz-transform: translate(0%, 200%);
    -ms-transform: translate(0%, 200%);
    -o-transform: translate(0%, 200%);
    transform: translate(0%, 200%) rotate(180deg);
    }

.footextra1{
margin-top: 70px;
margin-left: 0px;
width: 30px;
}

.footer p{
    color: #fff;
}

.prtn{
    margin-left: -200px;
}

.prtn2{
    margin-top: -21.5px;
    margin-left: 200px;
}

.prtn3{
    position: absolute;
    margin-top: 100px;
    line-height: 200px;
}
    
    
/*Slider*/

#slider {
  display:block;
  max-width: 1250px; /* slider width */
  height:500px; /* slider height */
    border-radius: 2px;
  top: 60px;
  overflow:hidden;
  position:relative;
    z-index: 0;
}

#slider img{
    
}

/* For caption */
#slider figcaption {
  display:block;
  background-color:black;
  font:normal normal 25px Arial,Sans-Serif;
    line-height: 30px;
  color:white;
  opacity:.8;
  padding:10px 15px;
  position:absolute;
  right:0;
  bottom:-100px; /* hide the caption with this way :) */
  left:0;
  z-index:44;
}

/* Navigation */
#slider-nav {
  display:block;
  position:absolute;
  top:480px;
  right: 10px;
  z-index:90;
}

#slider-nav a {
  display:block;
  float:left;
  width:10px;
  height:10px;
  background-color:rgba(17, 17, 17, 0);
  font-size:0;
  color:transparent;
  overflow:hidden;
  text-indent:-99px;
  margin:0 2px 0 0;
  border:2px solid white;
  border-radius:100%;
}

#slider-nav .active {
  background-color:skyblue;
}

/* Hide all element inside the '#slider' until the page has been loaded! */
#slider .container, #slider figcaption {display:none}
#slider-nav {opacity:0; background: 0;}