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

.{
  padding-bottom: 24px;
}

.banner{
  z-index:3;
  max-height:140px;
  min-width:1500px;
  margin-left:0px;}

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

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

.btn-primary{
  background-color:#203176;
}

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

.d-relative{
  padding-top:00px;
}

.dataclass {
  z-index:0;
  margin-left:350px;
  max-width:1200px;}

.download-header{
  font-size:30pt;
}

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

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

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

h1{
  font-size:150%;
  padding-top:50px;
  color:#58554F;}

h2{
  font-size: 130%;
  color:#58554F;
}

h3{
  font-size: 115%;
  color:#58554F;
}

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

.hidden{
  display:none;
}

.hide{
  display:none;}

.hinweis{
    background-color:#4E7F7D;
    color:white;}

.image-center{
  margin:0px auto}

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

.leftbar{
  min-width:300px;
}

.leftside{
  margin-left=300px;}

.menu-border{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.ml-300{
  margin-left:300px;
}

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

.mw-icon{
  max-width:100px ;
  min-width:80px;
}

.nav-item{
  xcolor:#203176;!important;
}

.nav-item > ul{
}

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

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

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

.nav-item > ul > li > a:visited{
  color:#3A5199;
}

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

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

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

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

.nav-item > ul > ul > li > a:visited{
  color:#3A5199;
}

.nav-item > a{
  xcolor:#3A5199!important;
  text-decoration: none;}

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

.nav-item > a:visited{
  xcolor:#3A5199;
}

.nav-link{
  color:#3A5199;}

.navgray{
  background-color:#58554F;
  color: #3A5199;}

.navheader{
  font-size:150%;
  padding-top:50px;
  color:#58554F;}

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

.navleft-margin{
  margin-left:20px;
}

.navleft-margin > p{
  margin:0;
  padding:0;
  font-size:75%;
}

.outro{
  min-height:600px;
}

.questions{
}

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

.show-more{
  text-align:right;
  color:blue;
  font-size:70%;
}

.spacer{
  min-height:180px;
}

.stepbutton{
  color: white;
  background-color: #FF403A;
  padding: 4px 8px 4px 8px;
  margin: 4px;
  border-radius: 58px;
}

@media (max-width:800px) {
  .hidden-md{
    width: 0;
    display:none;
  }
  
  .navleft{
    visibility:hidden;
  }
  
  .dataclass{
    margin-left:20px;
  }
  
  .notsmall{
    visibility:hidden;
  }
  
  .container{
    max-width:100%;
  }
  
  .hidden-sm{
    width: 0;
    display:none;
  }
  
  .banner{
    margin-left:0px;}
  
  .handyonly{
    visibility: visible;
    max-width: 300px;}
  
}

.nav-top{
  z-index:10;}

.nav-start{
  color: white;
  background-color: #FF403A;
  padding: 4px 8px 4px 8px;
  margin: 4px;
  border-radius: 58px;
}

.nav-border{
  background-color:white;
  border-bottom:2px;
  border-top:0;
  border-left:0;
  border-right:0;
  border-color: #D5D6D2;
  border-style:solid;
}

.display-small{
  font-size:10px;
  margin-top:0;
}

.nav-button{
  height: 10px;
  margin: 5px;
  width: 140px;
  padding-top: 0px;
  padding-bottom: 20px;
  //background-color: #646CA9;
  color: #58554F;
  text-align: center;
  list-style: none;
  font-weight: normal;
  font-family: Verdana;
  font-size: 12px;}

.nav-button:visited{
  color: #58554F;
}

.nav-button:hover{
  color:green;
}

.absolute-position{
  position:absolute;
  top:150px;
  /*left:190px;*/
  width:100%;
  padding-left:200px;
  pointer-events: all;
  z-index:100;
  background-color: transparent;
  border-bottom:0;
}

.background-banner{
  position:absolute;
  top:150px;
  left:0px;
  width:100%;
  z-index: -1;
  background-color: #D5D6D2;
  height:40px;
}

.top-info{
  position:absolute;
  top:80px;
  left:200px;
  width:100%;
  height:40px;
  pointer-events: all;
  z-index:10;}

.left-content{
  max-width:200px;
  z-index:12;}

.main-menu{
  margin-top:80px;
  font-family: Verdana;
  font-size: 12px;
  z-index:10;
  pointer-events: all;
  width:230px;}

.main-menu > ul{
}

.main-menu > ul > li{
  list-style-type: none; 
  font-weight: bold;
  text-align:right;
  margin-top:3em;
  margin-bottom:0.8em;}

.main-menu > ul > ul{
}

.main-menu > ul > ul > li{
  list-style-type: none; 
  text-align:right;
  padding-right:8px;
}

.main-menu > ul > ul > li > a{
  color:black;
  text-decoration:underline;
}

.main-menu > ul > ul > li > a:hover{
  color:green;
}

.main-menu > p{
  text-align:right;}

.main-menu > h1{
  text-align:right;}

.glogo{
  width:200px;
  margin-left:30px;}