html { font-size: 16px; }


@media (min-width: 992px){
.navbar-expand-lg .navbar-toggler {
    display: block;
}
.navbar-expand-lg .navbar-collapse {
  display: none !important;
  flex-basis: auto;
}
.navbar-expand-lg .navbar-nav {
  flex-direction: column;
}
}

@media (min-width: 1200px){
  .navbar-expand-lg .navbar-toggler {
      display: none !important;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
}
  .navbar-nav {

align-items: center;
}#nav .navbar-nav .nav-link {

    text-align: center;
}
.navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
}
  }


  @media (max-width: 1200px){
    #topmenu {display: none;
    }
    }
/*ie11 debug*/
.no-flexboxlegacy .layout-bg-lightgrey.d-flex {display: block !important;}
#bundeslaender {width: 100%; height: auto;}
.input-block-level {width: 100%;}
.jumbotron .tx-kesearch-pi1 select {background: transparent;color: #fff;}
.jumbotron .tx-kesearch-pi1 select option{color:#2F4858;}
/* Show hidden content when the checkbox is checked */
.toggle:checked ~ * .d-none { display: block}

.img-100 { width: 100%; }

h2 { font-size: 2rem; font-weight: 700; }
.textmedia > h2 { margin-top: 1em; margin-bottom: 0.5em; }
h3 { font-size: 1.25rem; color: #2F4858; }
h4 { font-size: 1.125rem; line-height: 1.2em; font-weight: 700; text-transform: none; color: #003E90; }

h1, h2, h3, h4 { margin: 1em 0 0.5em 0; }

#page-content header h2 { margin-bottom: 0.5em; }
#page-content header h3 { margin-bottom: 1em; }
#page-content header h4 { margin-bottom: 0.25em; }

.jumbotron header { max-width: 860px; }

h5, h6 { margin-bottom: 0.625rem; }

.text-secondary { color: #0CC5A3; font-weight: 500; }
.image-caption { margin-top: 0.25em; }

#topmenu { font-size: 1rem; }
#topmenu input, #topmenu button, .btn, input[type=submit] { font-size: 0.875em; padding-top: 0.75rem; padding-bottom: 0.75rem; margin-top: 0; margin-bottom: 0; }
#topmenu fieldset, .kesearch_searchbox, .news fieldset { padding: 0; }

.news-related-files-link.btn { margin-left: -15px; background: rgba(0, 62, 144, 0.95); padding: 0!important; }
.news-img-wrap { margin-bottom: 1em; border: solid 1px #E4ECF2; }




#page-content > div > aside h3 { font-size: 1.125rem; text-transform: none; color: #003E90; padding-top: 0.25rem;  }
#page-content > div > aside h4 { font-size: 1rem; font-weight: 600; color: #2F4858; text-transform: none; }
#page-content > div > aside .layout-bg-lightgrey { margin-bottom: 1rem; padding: 1rem; }

#page-content > div > aside input, .news input, #page-content > div > aside button, #page-content > div > aside .btn { width: 100%; }
#page-content > div > aside fieldset { background: none; padding: 0; }

.textmedia ul { padding-left: 20px; }
.textmedia ul li { margin-bottom: 0.75rem; }
.textmedia ul li:before { left: -10px; color: #3fb299; margin-left: -10px; }

.img-thumbnail { padding: 0; border: none; border-radius: 0; }
 
legend {font-size: 1.125rem;font-weight: 600;color: #003E90;padding-bottom: 0.25rem;padding-top: 1rem;display: contents;}

.frame-border { padding: 1.5rem; margin-bottom: 2em!important; font-size: 0.875rem; border: 1px solid #E4ECF2; border-radius: 0; background: #fff; }

.row-eq-height > div > .frame-border { margin-bottom: 0!important; }

.leitlinien .layout-bg-lightgrey h3 { font-size: 1rem; color: #003E90; padding-bottom: 1.25rem !important; }
.leitlinien > .row > div { padding-top: 15px; padding-bottom: 15px; }

.layout-bg-lightgrey { padding: 1.5rem; font-size: 0.875rem; background: #E4ECF2; }
.layout-bg-lightgrey .date { padding-bottom: 0.875rem !important; }
.layout-bg-lightgrey p:last-child { margin-bottom: 0; }

.layout-bg-grey { padding: 1.5rem; }

.layout-bg-darkblue h2, .layout-bg-darkblue h4 { color: #fff; }
.layout-gradient-blue { background: rgba(12, 197, 163, 1); color:#fff }
.layout-gradient-blue fieldset  { background: none; }


.news-list-latest h4 {font-size: 1rem; padding-bottom: 0.5rem;}
.news-list-latest .item {font-size: 0.875rem; /* background: #F5F8FA; padding: 1rem; */ }
.news-list-latest .item .date { color: rgba(47, 72, 88, 0.8); }


#page-content .layout-bg-darkblue { padding: 2.5em; color: rgba(255, 255, 255, 0.8); }
#page-content .layout-bg-darkblue a {color:#ddd }

#logo { max-width: 200px; }
#nav .navbar-nav .nav-link {font-size: 1.125rem;padding: 1.5em 1em 1.5em 1em;/* text-align:left */}



.nav-link.active { color: #0CC5A3; font-weight: 600; }
.menusubpages li, .menupages li { border-bottom: none; }
.menusubpages li a, .menupages li a { padding: 0.5em 0; }


input[type=submit], button[type=submit] {/* background: rgba(0, 62, 144, 1); */border-radius: 0.25rem;}
button:hover, .btn:hover, .btn-primary:hover, input[type=submit]:hover { box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.125); }

.jumbotron .logo h1 { font-size: 34px; line-heigth: 40px; text-transform: uppercase; }
.jumbotron .frame-square figure { margin: 3rem 0 0.5rem 0; }
.jumbotron .frame-square p { text-transform: uppercase; }

.jumbotron #kesearch_filters .jq-selectbox__select { height: 44px; padding: 0.75rem 2em; }

.jumbotron .tx-kesearch-pi1 .jq-selectbox__trigger { top: 0; }
.jumbotron .tx-kesearch-pi1 .icon-ic_search, #page-content .tx-kesearch-pi1 .icon-ic_search { font-size: 24px; color: #2F4858; }

.tx-kesearch-pi1 input, .tx-kesearch-pi1 input:focus { color: #2F4858!important; }

.border { border: 2px solid #dee2e6 !important; }
.border-white { border-color: #fff !important; }
.rounded { border-radius: 0.5rem !important; }

figure { border-radius: 0; }

.ce-link-content:hover { box-shadow: 3px 3px 8px rgba(0,0,0,0.25); }


button, .btn {padding: 0.875em 1.5em;font-size: 1em;/* border-radius: 30px; */margin-top: 0.5em;margin-bottom: 0.5em;}

.row-eq-height > div { margin-bottom: 2em; }

footer a { text-transform: none; }

.back-to-top { color: #0CC5A3; opacity: .3; }
.back-to-top:hover { color: #0CC5A3; opacity: .7; }

.mb-minus-10rem  {
margin-bottom: -10rem;
}
#page-1 #logo {/* display: none */}
#page-1 #header.clone #logo {display: block}
/*tel+mail topmenu*/
#c10001207 p { margin: 1em 0 0 0; }


#cookie { font-size: 14px; background: #E4ECF2; opacity: 0.95; }
#cookie #wrapper { padding: 0.5em 0; }
#cookie #wrapper p { padding-top: 0.5em; margin: 0; }
#closecookie { min-width: 150px; padding: 0.75em 1em; margin: 0; background: #003E90; }

/*Formular DDG Geschäftsstelle*/
.form-geschaeftsstelle input[type="submit"] { background: rgba(0, 62, 144, 1); }


@media (min-width: 1200px) {
  main.main-content { padding-right: 0; padding-bottom: 3rem; }
  #page-content > div > aside { padding-left: 8%; font-size: 0.875rem; }
}
#nav .navbar-toggler, #nav .navbar-toggler:hover { top: 1.5rem; right: 1rem; background: none; }
#nav .navbar-toggler:before { content: ""!important; }
#nav .navbar-toggler .line { background: #003E90; }
#nav .navbar-toggler.active .line { background: #E4ECF2; }
@media (max-width: 1200px) {

  h1, .h1 { font-size: 1.75rem; }
  h2, .h2 { font-size: 1.5rem; }

  .mb-4, .my-4 { margin-bottom: 1.5rem!important; }
  
  #logo img { margin-top: 0; }
  
  .jumbotron { padding: 2rem 1rem; }
  .jumbotron .logo { padding-top: 0!important; }
  .jumbotron .logo h1 { font-size: 1rem; }

  .m-display-none { display: none; }
 
  .navbar { padding: 0 15px; }
  
  section { padding: 0!important; }  

  .tx-kesearch-pi1 div { font-size: 0.875rem; }
  .jumbotron .tx-kesearch-pi1 .jq-selectbox__trigger, #page-content .tx-kesearch-pi1 .jq-selectbox__trigger { right: -12px; }


  #topmenu { display:none; }
  #nav .navbar-collapse.show, #nav .navbar-collapse.collapsing {
    display: block !important;
    position: fixed;
    background: rgba(0, 62, 144, 0.98);
    z-index: 2;
    height: 100%;
    width: 80%;
    max-width: 300px;
    top: 0;
    right: 0;
    margin: 0;
  }


  #nav .navbar-nav { margin-top: 5em; }
  #nav .navbar-nav .nav-link { color: #FFFFFF; font-size: 1.25em; text-align: left; padding: 1em 1.5em 1em 1.5em; }

  #nav .dropdown-toggle::after { right: 37px; top: 15px; }
  #nav .dropdown-menu { margin: 0; border-radius: 0; background: rgba(228, 236, 242, 1); }
  #nav .dropdown-submenu .dropdown-menu { background: #fff; }
  #nav .dropdown-submenu a::after { top: 1.75em; right: 42px; }
  #nav .navbar-nav .active > .nav-link {color: #0CC5A3;display: block;}

  .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover { color: #fff!important; }
  
  
  .back-to-top { bottom: 0; }

  #page-footer .menusubpages { padding: 1rem; }

  #page-footer .menusubpages li { 
    display: block; 
    margin-bottom: 1.25rem;
    text-align: center;
  }

  #page-footer .menusubpages li a {
    padding: 0;
  }



#page-footer p { text-align: center!important; }

  #page-content > div > aside { top: 0; margin-top: 2rem; margin-bottom: 2rem; }
  .article .page-navigation { margin-left: 15px; margin-right: 15px; font-size: 0.875rem; }

  .page-navigation .pagination { margin-top: 2rem!important;  padding-bottom: 1rem; }

  #cookie { position: relative; }
  #cookie #wrapper p {
    font-size: 12px;
    line-height: 1.25;
    width: 100%;
    margin-bottom: 0.5rem;
  }

  #cookie #close {
    float:none;
    width: 100%;
  }
}
