@charset "utf-8";
/* CSS Document */
* {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    transition: 1s;
}

/*------------Farben-----------*/

:root{
  --beige: #baaf93;
  --weiss: #ffffff;
  --dunkelgruen: #3F8A71;
  --orange: #f07d14; 
  
}

html {
  scroll-behavior: smooth;
}

nav.navbar{
  border-bottom: 10px solid var(--orange);
}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .nav-link.active{
  color:var(--orange);
}

nav.text-right{
  margin-top:-17px;
}

 .navbar-light .navbar-toggler:focus, .navbar-light .navbar-toggler:hover {  
  color: transparent;
}
header.header .main-navigation-wrapper a.button {
  margin-top:0;
}

article .container .theme-light.slider-wrapper {
  padding:0;
  }

article {
    margin-top: 9.70rem;
}

.content ul li::before {
    font-size: 1.0rem;
    font-family: "FontAwesome";
    content: "\f00c";
    color: #ee7f00;
    margin-right: 0.5rem;
    margin-top: -1.25rem;
}
h1{
  font-size: 1.5rem;
  max-width:100%;
  line-height:1.8rem;
  padding-top:0;
  color: var(--orange);
}

h4 {
  color: #ee7f00;
  margin-bottom: 0.3rem;
  margin-top:0.8rem;
  }

.theme-default .nivo-caption {
  position:absolute;
  bottom:20px;
  background:none;
  left:0;
  text-align:center;
  font-family:  Georgia,Helvetica,Arial,sans-serif;
  }
.theme-default .nivo-caption h2 span {
  background-color: #3F8A71;
  padding: .5rem;
  font-size:1.8rem;
  }
 .theme-default .nivo-caption h3 span {
  background-color: #ee7f00;
  padding: .5rem;
  font-size:1.8rem;
  }
.first-meta-navigation li.last a:before {
   font-family: FontAwesome;
   content: "\f082";
  color: #454C59;
  font-size: 1.5rem;
   margin-top: -0.5rem;
}
figure.image{
  margin-bottom: 2rem;
}
.card figure.image{
  margin-bottom: 0;
}



.content{
  margin-top: 13rem;
}
figcaption{
  text-align: center;
}
/*--------------- Seite Vorstand------------------*/

.col-sm-6 img {
  margin-bottom:10px;
  border: 2px solid #ccc;
  padding: 3px;
}
.col-sm-6 figure{
  margin-bottom: 0;
}
/*.col-md-3:last-of-type .card{
  border-right: 0.25rem solid #EFEFEF;
  padding-right: 1rem;
}*/

.fa {
  margin-right:4px;
  }

.col-sm-6 p {
  margin-bottom:0;
  }

.card-footer {
  font-size: 0.95rem;  
  background-color:#fff;
  border:none;  
  padding:0 5px 10px 22px;
  margin:0;  
  /*background: #182983;
  color:#fff;*/
  width:100%;
  height:auto;
}
 
.card-footer:hover {
  opacity:0.8;
  }


.btn{
  border-radius: 0.5rem;
  }
.form-inline label {
  justify-content:left;
  float:left;
  padding: 5px 5px 5px 10px;
  }
.news-backlink-wrap:before {
    font-size: 1.2rem;
    font-family: "FontAwesome";
    content: "\f060";
    margin-right: 0.5rem;
    margin-top: -1.25rem;
    color: #ee7f00;
  }
.news-backlink-wrap:before:hover, a.more:after:hover {
  text-decoration:none;
  }

/*--------------------------------news--------------------*/
.news .article .teaser-text {
    margin: 50px 0 10px 50px !important;
}

.news .article .news-img-wrap img {
  width:200px !important;
  
  }

.news .article .news-img-wrap {
    float: left;
    margin: 3px 100px 5px 0 !important;
}
 .news .article .teaser-text {
  margin-top: 30px;
  }

.news-single .article .news-img-wrap img {
  float:left;
  }
.news .article .news-img-wrap a {
  background: transparent;
  }

ul.f3-widget-paginator{
	display: flex;
    list-style: none;
  	justify-content: flex-end;
}

.content ul.f3-widget-paginator li::before {
  content:'';
}
.news .article h3 {
    margin-bottom: 30px !important;
}


a.more:after {
   font-size: 1.2rem;
    font-family: "FontAwesome";
    content: "\f061";
    margin-left: 0.5rem;
    margin-top: -1.25rem;
    color: #ee7f00;
}

.news .news-backlink-wrap:before {
    font-size: 1.2rem;
    font-family: "FontAwesome";
    content: "\f060";
    margin-right: 0.5rem;
    margin-top: -1.25rem;
    color: #ee7f00;
  }
  .news .news-backlink-wrap:before:hover, a.more:after:hover {
  text-decoration:none;
  }


/*------------------Dateilinks----------------------------*/

.frame-type-uploads h4 {
  color: inherit;
  }


.content ul.ce-uploads li:before {
  content:"";
  }


.content ul.ce-uploads li span:before {
  font-size: 1.2rem;
    font-family: "FontAwesome";
    content: "\f019";
    margin-right: 0.5rem;
    margin-top: -1.25rem;
    color: #ee7f00;
  }
.ce-uploads span {
  margin-top: 4em;  
  }

.ce-uploads img {
  padding-right:0;
  margin-right: 3em;
  border: 1px solid #cdcdcd;
  }
/*-------------------Accordeon-------------*/
/* ===================================
    Accordion style
====================================== */
/*accordion style 1*/

.accordion {
  --bs-accordion-active-bg: transparent;
}

.accordion-item {
  background: transparent;
  box-shadow: none;
  margin-top: 0.5rem !important;
  border: 1px solid var(--orange);
  padding-left:0;
  color: #454C59;
}
.accordion-item:not(:first-of-type) {
  border-top: 1px solid var(--orange;);
}
.accordion-header button {
  color: var(--orange);
  background-color: transparent;
  padding-left: 1rem;
  font-size: 1.4rem;
  border-bottom: none;
}
.accordion-item h4{
  font-size: 1.4em;
  text-transform: none;
  color:var(--orange);
  margin-top:0;
}

.accordion-button:not(.collapsed) {
  color: var(--orange);
  background-color: transparent;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:focus {
  outline: 0;
  box-shadow: 0 0 0 0.15rem rgba(229, 64, 58, 0.2); /* halbtransparentes Orange */
}
/*.accordion-button:focus:not(:focus-visible) {
  box-shadow: none;
  outline: 0;
}*/
.accordion-style .btn-link {
  background: #fff !important;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  border: none;
  display: block;
  width: 100%;
  text-align: left;
  white-space: normal;
  border: 1px solid var(--orange);
  border-radius: 4px;
 padding: 10px 30px 5px 15px;
  text-decoration: none; }

  .accordion-style .btn-link:hover {
    background: #f5f5f5 !important;  
    text-decoration: none; 
}
 .accordion-button:after {
    background: none;
    content: "-";
    right: 20px;
    left: inherit;
    font-size: 25px;
    height: auto;
    transform: none;
    width: auto;
    top: 10px;
    color: var(--orange);
}
  .accordion-button:not(.collapsed):after {
    background: none;
    content: "+";
    right: 17px;
    left: inherit;
    font-size: 20px;
    height: auto;
    transform: none;
    width: auto;
    top: 13px;
    position: absolute;
    color: var(--orange); 
}
.accordion.style .btn:focus, .accordion.style .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 2px var(--orange);
}
.accordion-style .card-body {
  padding: 20px;
  text-align: left; }
/*-------------------Formular-----------*/
form .row{
  display: flex;
  align-items: stretch;
}
form{
  margin-top: 2rem;
}
fieldset{
  border: 2px solid var(--orange);
  padding: 1rem 2rem;
  width: 60%;
}
form .col-lg-6{
  display: flex;
  flex-direction: column;
}
.col-md-12 fieldset{
  width: 100%;
  flex:1;
}
legend{
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: var(--orange);
  padding-left: 1rem;
  text-transform: uppercase;
  text-align: center;
}

#spendenformular-147-radiobutton-1{
  margin-left: 1.5rem;
}
.form-check-label {
  padding-left: 0;
  padding-top: 0;
}
.form-check-label input {
  transform: scale(1.5);
  transform-origin: center;
  margin: 1rem;
}
input[type="checkbox"] {
  accent-color: var(--orange);
}
.form-control:focus{
  box-shadow: 0 0 0 .2rem rgba(240,126,22,.25);
}
.error.help-block{
  display: none;
}
.previous button.btn{
  color: var(--orange);
  border: 1px solid var(--orange);
  margin-right: 1rem;
}

/* Notwendig, damit sich das Menu bei mouse hover oeffnet*/

li.dropdown:hover > .dropdown-menu {
    display: block;
}
/*-------------Footer-----------------*/
footer figure img {
  max-height: 4.5rem;
  }
footer .nav-link{
  color: #454C59;
}

footer .nav-link:hover{
  color: var(--orange);
}

/*-----------------------Cookie consent -------------------------*/

.cc-floating .cc-message{
  font-family: Georgia,Helvetica,Arial,sans-serif;
  }


@media (min-width: 992px) and (max-width: 1199px) {  
   .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.0rem;
    padding-left: 1.0rem;
    font-size: 1.2rem;
  }
  img.logo{
    width: 250px;
  } 
  
  
}
@media (min-width: 1200px) {  
   .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.0rem;
    padding-left: 1.0rem;
    font-size: 1.2rem;
  }
  
  
}

@media (max-width: 768px) {  
.theme-default .nivo-caption h2 span, .theme-default .nivo-caption h3 span {
  display:none;
  }

article {
    margin-top: 0;
}

.card {
  text-align:center;
  }
.card-footer {
  width:100%;
  position:relative;
  opacity:1;
  background: none;
  border-top:none;
  border-bottom: 1px solid rgba(0,0,0,0.125);
  top:0;
  } 

}

@media (max-width: 576px) { 
  .vorstand .col-sm-6{
    text-align: center;
  }
  
}

@media (max-width: 450px) {  
   .carousel-caption{ display: none;
  }
  img.logo{
    width: 60%;
  }
}