/*** extra Classes ***/

@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('googlefonts/barlow-v12-latin-300.eot');
  src: local(''),
  		url('googlefonts/barlow-v12-latin-300.eot?#iefix') format('embedded-opentype'),
		url('googlefonts/barlow-v12-latin-300.eot.woff2') format('woff2'),
		url('googlefonts/barlow-v12-latin-300.eot.woff') format('woff');
		url('googlefonts/barlow-v12-latin-300.eot.ttf') format('truetype'),
		url('googlefonts/barlow-v12-latin-300.eot.svg#Montserrat') format('svg');
}
/***********************************************************/
.runderrahmen {
	border: thin solid Rgba(50,120,50,0.7);
	-webkit-border-radius: 15px;
   -moz-border-radius: 15px;
    border-radius: 15px;
}

.rundeecken {
  border-radius: 10px 10px 10px 10px; 
}
.rundeeckenoben {
  border-radius: 10px 10px 0px 0px; 
}
.rundeeckenunten {
  border-radius: 0px 0px 10px 10px; 
}
.rundeeckenlinks {
  border-radius: 10px 0px 0px 10px; 
}
.rundeeckenrechts {
  border-radius: 0px 10px 10px 0px; 
}
/*******************************************/

.bg-body {
  background-color:#e9ecef;
}

.ce-link-content {
    text-decoration: none !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.74);
    transition: all .3s cubic-bezier(.25,.8,.25,1);
    padding: 1.5rem;
}
.hintergrund {
  background-color:rgba(255,255,255,0.75)
}

.linkschwarz a {
  color:#333
}

.linkweiss a {
  color:#fff
}

.linkweiss a:hover {
  color:#fff
}
.frame-ruler-after:after {
    content: '';
    display: block;
    border-bottom: 1px solid rgba(255,255,255,0.55);
    margin-top: 2em;
}
body {
  font-family: 'Barlow', sans-serif;
  font-size: 1.15rem;
}

a {
	color:rgba(52,58,64,0.99);
}
a:hover {
	color:rgba(52,58,64,0.79);
}
#main-navbar {
	 border-top: 0.1em solid rgba(0,0,0,0.09);
	 border-bottom: 0.1em solid rgba(0,0,0,0.09);
}

.breadcrumb {
    background-color: transparent;
    font-size: 0.8rem;
}
 
/*** Viewpoints H3 ***/

@media (max-width: 1199.98px) {

	  }
@media (max-width: 767.98px) {

  h3 {
  font-size: 1.3rem;
     }   

	  }
@media (max-width: 575.98px) {
  h3 {
  font-size: 1.15rem;
     } 

	  }
	 
/**** Jumbotron ***
.jumbotron-fluid {
    padding: 0px;
    border-radius: 0;
}

.jumbotron {
  padding: 0 0 0rem 0rem;
  margin-bottom: 0rem;
  background-color: transparent;
  border-radius: 0.3rem;
}

/* Navigation */
/*
.nav-icon div, .nav-icon:after, .nav-icon:before {
    background-color: #444;
    border-radius: 3px;
    content: "";
    display: block;
    width: 3.1rem;
    height: 5px;
    margin: 7px 0;
    transition: all .2s ease-in-out;
    width:3rem;
}
*/
.nav-icon div, .nav-icon:after, .nav-icon:before {
    background-color: #444;
    border-radius: 3px;
    content: "";
    display: block;
    width: 3rem; /* Vereinheitlichung der Breite */
    height: 5px;
    margin: 7px 0;
    transition: all .2s ease-in-out;
}

@media (max-width: 768px) { /* Beispiel für Mobilgeräte, die maximal 768px breit sind */
    .nav-icon {
        display: none;
    }
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .34rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: rgba(255,255,255,0.92);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}

.dropdown-item.hover, .dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: rgba(55,120,15,0.8);
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: rgba(55,120,15,0.8);
}

/** Button **/
.btn-outline-secondary.active, .btn-outline-secondary:active {
    color: #6c757d;
    border-color: #37780F;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #37780F;
}

.nav-pills .nav-link {
    color: #444;
    background-color: #fff);
   /* background-color: rgba(255,255,255,0.2);*/
}

/** NEWS ***/

.btn-primary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-primary:hover {
    color: #fff;
    background-color: #696B6C;
    border-color: #696B6C;
}

.btn-primary:vocus {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: rgba(255,255,255,0.0);
    border: 1px solid rgba(0,0,0,.125);
}

.nav-pills .nav-link {
    color: #fff;
    background-color: rgba(55,120,15,0.7);
    margin-bottom: 0.5rem;
}

.border-secondary {
    border-color: transparent !important;
}
/*** News Pagination ***/
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: rgba(52,58,64,0.99);
    border-color: rgba(52,58,64,0.99);
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: rgba(52,58,64,0.99);
    background-color: #fff;
    border: 1px solid #dee2e6;
}

/*** Powermail ***/
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid #333;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
/*** Footer ***/

#page-footer {
	border-top: 0.1em solid rgba(0,0,0,0.19);
	margin-top:5rem;
}

/**** Modal Sction t3sb ***/
.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}


.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
    margin-top: 3.7rem;
    z-index: 2000;
}

/*** Suche ***/


/**** Cookie Consent ***

.klaro.we_cookie_consent .cookie-modal .cm-btn.cm-btn-info.cm-btn-accept {
    background: #37780F;
    color: #FFF;
    display: block;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-decoration: none;
    width: 100%;
}

/********* t3solutions *********************/

.navbar {
    background-color: rgba(255,255,255,0.0);
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-ms-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
}

.navbar-color {
	background-color: rgba(255,255,255,0.99);
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-ms-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
}

/*** Accordion ***/
.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #198754;
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

/**** T3SBOOTSTRAP - Linktext-Farbe ***/
.mein-bereich { color: #fff; }