/* Einbindung Schrift */

@font-face {
        font-family: PTSansProRegular;
        src: url("PTSansProRegular.woff") format("woff");
        }

@font-face {
        font-family: PTSansProRegular;
        src: url("PTSansProRegular.woff2") format("woff2");
        }
       
@font-face {
        font-family: PTSansProDemi;
        src: url("PTSansProDemi.woff") format("woff");
          }

@font-face {
        font-family: PTSansProDemi;
        src: url("PTSansProDemi.woff2") format("woff2");
        }

@font-face {
        font-family: PTSansProBold;
        src: url("PTSansProBold.woff") format("woff");
          }

@font-face {
        font-family: PTSansProBold;
        src: url("PTSansProBold.woff2") format("woff2");
        }

html {
  position: relative;
  min-height: 100%;
}

body {
  font-size: 18px;  
  font-family: PTSansProRegular, sans-serif;    
  padding: 0;      
  color: #000000;
}

.card {
  border-radius: 0;
}

div.card-body p {
  padding-left: 0px;
  padding-right: 0px;
} 

div.article div.row {
  padding-left: 200px;
  padding-right: 200px;
} 

div.article p, div.article ul {
  padding-left: 0px;
  padding-right: 0px;
} 

div#news-container-82, div#news-container-81 {
  padding-left: 200px;
  padding-right: 200px;
}

div#news-container-82 img {
  display: none;
}

div#news-container-82 .card-text, div#news-container-81 .card-text {
  display: none;
}

span.nospam:before {
content:'@';
}

span.punkt:before {
content:'.';
}



ul {
  margin-left: 0;  
  padding-left: 65px;
  padding-right: 50px;
}

.carousel-caption {
  position: absolute;
  right: 45%;
  bottom: 0.00rem;
  left: 0%;
  padding-top: 0.0rem;
  padding-bottom: 0.00rem;
  padding-right: 1.25rem;
  background-color: rgba(255,255,255,0.8);
  color: #000000;
  text-transform: uppercase;
  font-size: 35px;  
  font-family: PTSansProRegular, sans-serif;  
  font-style: normal;   
  color: #000000;  
  text-align: right; 
  letter-spacing: 2px;
}






#languagenav {
  font-size: 14px;  
  font-family: PTSansProRegular, sans-serif;  
  color: #000000;
  text-transform: uppercase;
}

#mainnav {
  background: #ffffff; 
  padding: 20px 0px;
}

.navbar-nav .nav-link {
  font-size: 20px;  
  font-family: PTSansProRegular, sans-serif;  
  text-transform: uppercase; 
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: #e84e0f;  
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: #e84e0f;
}

.nav-item  {
  padding: 0.0rem 1.0rem;
}

.navbar-light .navbar-toggler {
  border: 0px solid #ffffff; 
  padding: 0px;
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1.0)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.dropdown-menu {
  margin: 50px 0 0 0;
  padding: 0px 0 0 0px;
  border: none;
  border-radius: 0;
  background-color: rgba(0,155,177,0.7);
  color: #ffffff;
}

.dropdown-item {
padding: 0.25rem 0.5rem;
}

.dropdown-item a:hover {
color: #ffffff;
}

.dropdown-item {
font-style: normal;
font-size: 1rem;
color: #ffffff;
text-transform: uppercase;

}

.dropdown-item:hover, .dropdown-item:focus {
  color: #e84e0f;

}

.dropdown-item .show > .nav-link,
.dropdown-item .active > .nav-link,
.dropdown-item .nav-link.show,
.dropdown-item .nav-link.active {
  color: #e84e0f;

}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 0.5rem;
  clear: both;
  font-weight: 400;
  color: #ffffff;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #ffffff;

}
.dropdown-item.active, .dropdown-item:active {
  color: #000000;
  text-decoration: none;
  background-color: transparent;
}

h1,h2 {
  font-size: 24px;  
  font-family: PTSansProBold, sans-serif;  
  color: #009bb1;
  border-top: 1px solid #009bb1;
  border-bottom: 1px solid #009bb1;
  background-image: url(kreis_liste.png);
  background-repeat: no-repeat;
  background-position: 50px 12px;
  padding: 10px 100px;
  margin: 30px 0px;
}

h3 {
  font-size: 20px;  
  font-family: PTSansProBold, sans-serif;  
  color: #009bb1; 
  padding: 10px 50px;
  margin: 30px 0px;
}

.card-header {
  font-size: 24px;  
  font-family: PTSansProRegular, sans-serif; 
  color: #000000;
  background-color: rgba(0,155,177,0.1);
}

#languagenav a {color: #000000; text-decoration: none;}
#languagenav a:focus { color: #000000;}
#languagenav a:hover {color: #009bb1;}
#languagenav a:active { color: #009bb1;}

#content {
   
  }

#content p {
  padding: 0px 50px;
} 
#footerwrap {
  font-size: 18px;  
  font-family: PTSansProRegular, sans-serif;  
  background-color: #009bb1;
  color: #ffffff;
}

#footer {
  padding: 0px 50px;
}

#nav2 .nav-item {
  margin: 0;
  padding: 0;
}

#nav2 .nav-link {
  color: #ffffff;  
  font-size: 18px;  
  font-family: PTSansProRegular, sans-serif;   
  text-transform: uppercase;
}

#nav2 .nav-link li:hover, .nav-link li a:hover {
color: #000000;
}

@media (max-width: 998px) {
  
ul {
  margin-left: 0;  
  padding-left: 15px;
  padding-right: 0px;
}

p {
  padding-left: 0px;
  padding-right: 0px;
}


  
h2 {
font-size: 26px;
font-family: PTSansProRegularBold, sans-serif;
font-style: normal;
color: #2fafe5;
line-height: 1.2;
  padding-left: 0px;
  padding-right: 0px;
margin: 2rem 0rem;
  letter-spacing: 2px;
  }

h3, h4 {
    padding-left: 0px;
  padding-right: 0px;
  font-size: 22px;
} 
  
}