body {font-size: 16px; color: hsl(0, 0%, 9%); font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #8db6f3; }
.warning{ color:red; font-weight:bold;}
.marker{ color:blue; font-weight:bold;}
a,a:visited,a:hover{color: #000066;}
.center{text-align: center;}
button.center{ margin: 10px auto;}
.dimmed{color: #272727;}
div.g-recaptcha{width:304px;margin-top:25px;}
.adjust-top32{display:block;margin-top:32px;width:100%;}
.dimmed,
.borderframe{background-color: #f7f6f0;}
h1,h2,h3,h4 { color:#2e2e2e;}
div.space15 { height:15px; width:100%}
/* .collapse {  transition: height 10ms ease !important;  } */
/* Panels ohne Animation öffnen/schließen */
.collapse {
  display: none;
}

.collapse.show {
  display: block;
}

.collapsing {
  position: relative;
  height: auto !important;
  transition: none !important;
  display: block !important;
  overflow: visible !important;
}

#nav-accordion .nav-tabs .nav-link {
    border: 1px solid white;
    height: 100%;
}

#nav-accordion .nav-link {
  background-color: #007bff;
  color: white;
  border-radius: 0;
}

#nav-accordion .nav-link:hover {
  background-color: #0056b3;
  color: white;
}

#nav-accordion .nav-link.active {
  background-color: #004085;
  color: white;
}

@media screen and (max-width: 900px) {
    .main { width: 98%; min-height: 14rem; margin-top: 2%; margin-right: auto; margin-left: auto;}
    .borderframe{ padding: 6px; margin: 6px 0 20px 0;}
    img{ max-width: 95%;}
    h1 { font-size: 16px; line-height: 26px; padding: 3% 0; text-align: center;}
    h2 { font-size: 15px; line-height: 20px; padding:0; margin: 0; }
    h3,h4 { font-size: 14px; line-height: 18px; padding:0; margin: 0; }
    p { font-size: 14px; line-height: 18px;}
    p.info { color: #e63131; line-height: 18px; margin-bottom:5%;}
    #accordion .container{min-height:250px; }
}
@media screen and (min-width: 901px) {
    .main { width: 720px; height: 450px; margin-top: 3%; margin-right: auto; margin-left: auto;}
    .borderframe{ padding: 15px; margin: 15px 0 50px 0;}
    h1 { font-size: 20px; line-height: 28px; text-align: center; padding: 3% 0;margin: 0; }
    h2 { font-size: 18px; font-weight:600; line-height: 24px; padding:0;margin: 0; }
    h3,h4 {  font-size: 18px; line-height: 22px; padding:0; margin: 2% 0; }
    p { font-size: 16px; line-height: 20px;}
    p.info { color: #e63131; line-height: 20px; margin-bottom:6%;}
    button {box-shadow: inset -1px -1px 2px rgba(70, 72, 73, 0.9);}
    button.center{ text-align: center; margin:auto;}
    button:hover,button:active {box-shadow: inset 1px 1px 2px rgb(25, 29, 34);}
    #accordion .container{min-height:500px; }
}
/*border-bottom: 1px solid #0e3166; border-right: 1px solid #0e3166; */