/* css erstellt mit c:\cloud\Grips\WebProjekt\Explicandum\Explicandum.xgdpr */

.bg-start{
  padding-bottom:40px;
  padding-top:60px;
  margin-top:60px;
}

.body > header > div.fixed-top.navleft > div > div.col-9 > ul > li > a{
  color:gray;
  
}

.btn{
  font-size:12px!important;
  max-width:400px;
  margin-top:18px;
}

.container{
  padding-left:0;
  margin-left:0;}

.dataclass {
  margin-left:400px;
}

.float-left{
  float:left;
  margin:12px;
  padding:12px;
}

.form-control{
  font-size:12px!important;
  max-width:400px;
}

h1{
  font-size:300%;
  padding-top:40px;
}

h2{
  font-size: 18px;
}

h3{
  font-size: 16px;
}

.handyonly{
  visibility:hidden;
  max-width: 0;
}

.hidden{
  display:none;
}

.hinweis{
    background-color:red;
    color:white;}

.istneu{
    background-color:#cee9dd;
    color:black;
    padding:2em;
}

.invspacer{
  margin-top:-10px;
}

.leftbar{
  min-width:300px;
}

.leftside{
  margin-left=300px;}

.mt-menu{
  padding-top:56px;}

.mw-800{
  max-width:100%;
  min-width:300px;
}

.nav-item{
  color:white!important;
}

.nav-item > ul{
}

.nav-item > ul > li{
  color:white;
  list-style:none;
  font-size:120%;
}

.nav-item > ul > li > a{
  color:white!important;
  text-decoration: none;}

.nav-item > ul > li > a:hover{
  color:lightgreen!important;
  text-decoration-line: underline;
}

.nav-item > ul > li > a:visited{
  color:white;
}

.nav-item > ul > ul{
  padding-left:10px;
}

.nav-item > ul > ul > li{
  color:white;
  list-style:none;
  margin-left:10px;
}

.nav-item > ul > ul > li > a{
  color:white!important;
  text-decoration: none;}

.nav-item > ul > ul > li > a:hover{
  color:lightgreen!important;
  text-decoration-line: underline;
}

.nav-item > ul > ul > li > a:visited{
  color:white;
}

.nav-item > a{
  color:white!important;
  text-decoration: none;}

.nav-item > a:hover{
  color:lightgreen!important;
  text-decoration-line: underline;
}

.nav-item > a:visited{
  color:white;
}

.navgreen{
  background-color:#006666;
}

.navgreen > .container{
}

.navgreen > .container > ul{
  padding-left}

.navgreen > .container > ul > li{
  color:white;
  list-style:none;
  font-size:16px;
}

.navgreen > .container > ul > li > a{
  color:white!important;
  text-decoration: none;}

.navgreen > .container > ul > li > a:hover{
  color:lightgreen!important;
  font-weight: 400;
  letter-spacing: 1px;
}

.navgreen > .container > ul > li > a:visited{
  color:white;
}

.navgreen > .container > ul > ul{
  padding-left:10px;
}

.navgreen > .container > ul > ul > li{
  color:white;
  list-style:none;
  margin-left:10px;
}

.navgreen > .container > ul > ul > li > a{
  color:white!important;
  text-decoration: none;}

.navgreen > .container > ul > ul > li > a:hover{
  color:lightgreen!important;
  font-weight: 400;
  letter-spacing: 1px;
}

.navgreen > .container > ul > ul > li > a:visited{
  color:white;
}

.navleft{
  max-width:290px;
  min-height:3000px;
  color:white;}

.outro{
  min-height:600px;
}

.questions{
}

.questions > h3{
  background-color:#006666;
  padding:8px;
  color:white;
}

.spacer{
  min-height:180px;
}

@media (max-width:800px) {
  .navleft{
    visibility:hidden;
  }
  
  .dataclass{
    margin:8px !important;
  }
  
  .notsmall{
    visibility:hidden;
  }
  
  .container{
    max-width:100%;
  }
  
  .handyonly{
    visibility: visible;
    max-width: 300px;}
  
}