@charset "utf-8";
/* CSS Document */

body { background:#e1e1e1; margin:0; padding:0;}

main { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:1rem;
	line-height:2.0rem;
	color:#333333;
	min-height:350px;
	margin-right:30px;
 }
 
 h1 {
  font-size: 20px;
  color: #333333;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 15px;
}
 h2 {
  font-size: 18px;
  color: #333333;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 0px;
}
 h3 {
  font-size: 17px;
  color: #333333;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 0px;
}
h3.pfeil {
  padding-left: 17px;
  padding-top: 0px;
  text-indent: -15px;
  cursor: pointer;
}
.site-grid {
  margin-bottom:0px;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  background:#ffffff!important;
}


.pipe { color:#c0d239!important; }


.liste { margin: 5px 20px 20px 0px;}
.liste li {
	list-style:none;
}
.liste li:before {
 content: "|"; padding-right:15px; color:#c0d239!important; 
 }
 
.liste_ohne { margin: 5px 20px 20px 0px;}
.liste_ohne li {
	list-style:none; padding-left:24px; line-height:20px;
}

.liste-neu { margin: 5px 0px 20px 20px;}
.liste-neu li {
	list-style-image:url('../images/strich_gruen.png'); line-height:1.6em;list-style-position: outside;
}

.liste-neu2 { margin: 5px 0px 20px 20px;}
.liste-neu2 li {
	list-style-image:url('../images/strich_hoch_gruen.png'); line-height:1.6em;list-style-position: outside;
}
.claim {
  font-size: 30px;
  color: #c0d239;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 30px;
  margin-top:10px;
}



 
p.antwort { padding-left:19px; padding-top:10px; text-indent:-15px;}
p.antwort:before { content: "|"; color:#c0d239!important; padding-right:8px; }

.antwort { padding-left:19px; padding-top:10px; text-indent:-15px;}
.antwort:before { content: "|"; color:#c0d239!important; padding-right:8px; }

h3.pfeil { padding-left:15px; padding-top:0px; text-indent:-15px; cursor:pointer;}
h3.pfeil:before { content: "|"; color:#c0d239!important; padding-right:15px; }
h3.pfeil:after { content:url(../images/pfeil_gruen.png); color:#c0d239!important; padding-left:10px; }

.pfeil { padding-left:15px; padding-top:0px; text-indent:-15px;}
.pfeil:before { content: "|"; color:#c0d239!important; padding-right:15px; }
.pfeil:after { content:url(../images/pfeil_gruen.png); color:#c0d239!important; padding-left:10px; }

h3.ohne_pfeil { padding-left:15px; padding-top:0px; text-indent:-15px;}
h3.ohne_pfeil:before { content: "|"; color:#c0d239!important; padding-right:15px; }

.ohne_pfeil { padding-left:15px; padding-top:0px; text-indent:-15px;}
.ohne_pfeil:before { content: "|"; color:#c0d239!important; padding-right:15px; }

.artikel_aktuelles { float:left; margin:0px; padding:0px; }
p.readmore{ border:0; border-bottom:1px solid #e3e3e3; margin-bottom:20px; margin-top:0px; margin-right:20px; padding-top:5px;}

	
.klein { 
	font-size:0.9rem;
	line-height:1.5rem;
	color:#333333;
 }
.klein-mail { 
	font-size:0.8rem;
	line-height:1.5rem;
	color:#333333;
 }
.card {
  --card-spacer-y: 0.5rem;
  --card-spacer-x: 0.5rem;
  --card-border-width: 0px;
  --card-border-color: #dfe3e7;
  --card-border-radius: var(--border-radius);
  --card-height: ;
  --card-color: ;
  --card-bg: var(--body-bg);
  color: var(--body-color);
  word-wrap: break-word;
}

p {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

/*   ---------------------------------------  */
/*   Links  */
/*   ---------------------------------------  */	 
	 
a:link {color: #333333; text-decoration: underline;}
a:visited {color: #333333; text-decoration: none;}
a:active {color: #333333; text-decoration: none;}
a:hover {color: #c0d239; text-decoration: underline;}

.container-topbar, .container-below-top {
	background:#e1e1e1;
  	color: #000000;
	margin-top:60px;
	padding:0px!important;
}

.container-header {
  z-index: 10;
  background-color: #e1e1e1;
  background-image: linear-gradient(0deg, #e1e1e1 0%, #e1e1e1 0%);
  position: relative;
} 




.container-nav { background:#ffffff;}

.container-header .container-nav {
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 0.25em;
  border-bottom: 1px solid #c2c2c2;
}



.footer {
  color: #fff;
  background-color: #e1e1e1;
  background-image: linear-gradient(0deg, #e1e1e1 0%, #e1e1e1 100%);
  margin-top: 0rem;
  margin-bottom:60px;
}

.footer .grid-child {
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem .5em;
  background: #d8d8d8 ;
  font-size: 12px;
  color: #7c7c7c !important;
}

/* Container-Abstände entfernen */
.xxxsite-grid {
    grid-gap: 0;
    gap: 0;
}


@media (width <= 991.98px) {
  .container-header .container-nav .container-search, .container-header .container-nav nav {
    margin-top: 1em;
    display: none;
  }
}

/* Trigger nur unterhalb 1024px anzeigen (typischer Mobile-Fall) */
@media (min-width: 991.98px) {
    .offcanvas-trigger-wrapper {
        display: none;
    }
}


@media (max-width: 991.98px) {
.container-topbar, .container-below-top {
	background:#e1e1e1;
  	color: #000000;
	margin-top:5px;
	padding:0px!important;
}

main { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:1rem;
	line-height:2.0rem;
	color:#333333;
	margin-right:5px;
 }
 
 
}