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


/* poppins-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  src: url('/typo3conf/ext/sitepackage/Resources/Public/Fonts/poppins-v24-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  src: url('/typo3conf/ext/sitepackage/Resources/Public/Fonts/poppins-v24-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: url('/typo3conf/ext/sitepackage/Resources/Public/Fonts/poppins-v24-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  src: url('/typo3conf/ext/sitepackage/Resources/Public/Fonts/poppins-v24-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('/typo3conf/ext/sitepackage/Resources/Public/Fonts/poppins-v24-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  src: url('/typo3conf/ext/sitepackage/Resources/Public/Fonts/poppins-v24-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('/typo3conf/ext/sitepackage/Resources/Public/Fonts/poppins-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('/typo3conf/ext/sitepackage/Resources/Public/Fonts/poppins-v24-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('/typo3conf/ext/sitepackage/Resources/Public/Fonts/poppins-v24-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  src: url('/typo3conf/ext/sitepackage/Resources/Public/Fonts/poppins-v24-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('/typo3conf/ext/sitepackage/Resources/Public/Fonts/poppins-v24-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  src: url('/typo3conf/ext/sitepackage/Resources/Public/Fonts/poppins-v24-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('/typo3conf/ext/sitepackage/Resources/Public/Fonts/poppins-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: url('/typo3conf/ext/sitepackage/Resources/Public/Fonts/poppins-v24-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('/typo3conf/ext/sitepackage/Resources/Public/Fonts/poppins-v24-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  src: url('/typo3conf/ext/sitepackage/Resources/Public/Fonts/poppins-v24-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url('/typo3conf/ext/sitepackage/Resources/Public/Fonts/poppins-v24-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  src: url('/typo3conf/ext/sitepackage/Resources/Public/Fonts/poppins-v24-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


:root {
	--color-light-shades: #EEEEEE;
	--color-light-accent: #C8C4A5;
	--color-main-brand: #B93430;
	--color-dark-accent: #9E2D36;
	--color-dark-shades: #333333;
	
}

.mainbrand{
	background-color: var(--color-main-brand);
	color: var(--color-light-shades);
}

.light-shades{
	background-color: var(--color-light-shades);
	color: var(--color-dark-shades);
}

.dark-shades{
	background-color: var(--color-dark-shades);
	color: var(--color-light-shades);
}

.light-accent{
	background-color: var(--color-light-accent);
	color: var(--color-dark-shades);
}

.dark-accent{
	background-color: var(--color-dark-accent);
	color: var(--color-light-shades);

}

.row {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

.padding-tb{
	padding-top: 5vw;
	padding-bottom: 5vw;
}

.padding-lr{
	padding-left: 5vw;
	padding-right: 5vw;
}




.btn-primary{
	background-color: var(--color-main-brand);
	border-color: var(--color-main-brand);
	color: var(--color-light-shades);
	
}

.btn-primary img{
	margin-right: 10px;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
	
}

.btn-primary:hover{
	background-color: var(--color-light-shades);
	border-color: var(--color-light-shades);
	color:  var(--color-main-brand);
	
}

.btn-primary:hover img{
	margin-right: 10px;
	filter: invert(28%) sepia(20%) saturate(6885%) hue-rotate(341deg) brightness(85%) contrast(87%);
	
}

body{
	font-family: 'Poppins';
	background-color: var(--color-light-shades);
}

h1, h2, h3, h4, h5, h6{
	hyphens: auto;
}

h2{
	font-size: 3em;
}

h3{
	font-size: 2em;
}

.fade-in {
  opacity: 0;
  transform: translateY(50px);
}

.fade-in.is-visible {
  animation: slideUpFade 0.8s ease forwards;
}

@keyframes slideUpFade {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}


/* HEADER VARIANTE 1 */

#headmenu1{
	padding-top: 3vh;
	padding-bottom: 1vh;
	display: flex;
	text-transform: uppercase;
	background-color: #fff;
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 3px 3px 5px 3px rgba(0,0,0,0); 
	box-shadow: 0px 10px 13px -7px #000000, 3px 3px 5px 3px rgba(0,0,0,0);
	z-index: 10000;

}

#mainmenu1{
	font-size: 1em;
}

#mainmenu2{
	font-size: 1.1em;
}

#mainmenu2 li{
	transition: .3s ease;
}

#mainmenu2 li:hover{
	background-color: var(--color-main-brand);
	color: white !important;
	border-radius: 5px;
}

#mainmenu2 li:hover .nav-link{

	color: white !important;

}

#mainmenu2 .btn-primary{
	background-color: transparent;
	color: var(--color-main-brand);
	border: none;
	font-size: 1.3em;
	transition: .3s ease;
	border: 1px solid var(--color-main-brand);
}

#mainmenu2 .btn-primary img{
	margin-right: 10px;
	filter: invert(28%) sepia(20%) saturate(6885%) hue-rotate(341deg) brightness(85%) contrast(87%);
	
}

#mainmenu2 .btn-primary:hover{
	background-color: transparent;
	color: var(--color-main-brand);
	border: none;
	transform: translateY(-5px);
	border: 1px solid var(--color-main-brand);
	
}

#mainmenu2 .btn-primary:hover img{
	margin-right: 10px;
	filter: invert(28%) sepia(20%) saturate(6885%) hue-rotate(341deg) brightness(85%) contrast(87%);
	
}

#mainmenu1, #mainmenu2{
		width: 100%;
	}

@media (min-width:992px){

	#mainmenu1 ul{
		justify-content: space-between;
	}
	
	#mainmenu2{
		display: flex;
	}
}



#headmenu1 #logo{
	width: 20vw;
	float: left;
	padding: 2vh;
	padding-right: 5vw;

}


#headmenu1 #mainmenu{
	width: 80vw;
	float: left;	
	
}

@media (max-width:768px){
	#headmenu1 #logo{
		width: 60vw;
		float: left;
		padding: 2vh;
	}
	
	#headmenu1 #mainmenu{
		width: 40vw;
		float: left;	

	}	
}	 


@media (min-width:992px){
	#mainmenu{
		padding-right: 10%;
	}
}

#headmenu1 .navbar-brand{
	color: var(--color-main-brand);
}

#headmenu1 .nav-link{
	color: var(--color-dark-shades);
	font-family: 'Poppins';
	font-size: 1.0em;
}

#headmenu1 #mainmenu2 .nav-link{
	color: var(--color-main-brand);
	font-family: 'Poppins';
	font-size: 1.3em;
}

#headmenu1 .nav-link:hover{
	color: var(--color-dark-accent);	
}

#headmenu1 .offcanvas{
	color: var(--color-dark-shades);
	background-color: var(--color-light-shades);
}

#mainmenu .offcanvas-body{
	display: block;
}

#headmenu1 .offcanvas-logo{

}

#headmenu1 .offcanvas .nav-link:hover{
	color: var(--color-main-brand);	
}


#headmenu1 .offcanvas .dropdown-menu a{
	white-space: pre-wrap
}


#headmenu1 .offcanvas-logo{
	padding: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
}



/* ENDE HEADER VARIANTE 1 */


/* HEADSLIDER */

#headslider{
	position: relative;
	overflow: hidden;

}


#headslider img{
	width: 100%;
	height: auto;
	animation: shrink 10s ease-out forwards;

}

@keyframes shrink {
      0% {
        transform: scale(1.1); /* Bild startet größer */
      }
      100% {
        transform: scale(1); /* wird kleiner beim Laden */
      }
    }

#headslider .carousel-caption{
	position: absolute;
	bottom: 10vh;
	left: 5vw;
	text-align: left;
	padding-left: 1vw;
	width: 50vw;
	
}

#headslider .carousel-caption > * {
  opacity: 0;
}

#headslider .carousel-item.active .carousel-caption > * {
  animation: slideUpFade 0.8s ease forwards;

}

#headslider .carousel-caption{
	
}



#headslider .carousel-caption h1{
	font-size: 3em;
	font-weight: 700;
	text-transform: uppercase;
	color: white;
	line-height: 1em;
	margin-bottom: 5vh;
 	text-shadow: 2px 2px 0px rgba(0,0,0,1);


  /* Fallback */

}

#headslider .carousel-caption h5{
	font-size: 2em;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--color-main-brand);
	text-shadow: 2px 2px 0px rgba(0,0,0,1);
}

#headslider .carousel-caption .btn{
	margin-top: 5vh;
}


#headslider .carousel-control-prev, #headslider .carousel-control-next{
	width: 5%;
	display: none;
} 



@media (max-width:768px){
	#headslider{
		height: auto;
		min-height: unset;
	}

	#headslider .carousel-inner{
		height: auto;
		min-height: unset;
		overflow: visible;
		
	}
	
	
	#headslider .carousel-caption{
		position: static;
		top: 5vh;
		padding: 1vw;
		padding-top: 5vw;
		text-align: center;
		height: auto;
		width: 100vw;

	}
		
	#headslider .carousel-caption h1{
		font-size: 2em;
		font-weight: 700;
		text-transform: uppercase;
		text-shadow: 0px 0px 0px rgba(0,0,0,1);
		color: var(--color-dark-shades);

	}
	
	#headslider .carousel-caption h5{
		font-size: 1.5em;
		text-shadow: 0px 0px 0px rgba(0,0,0,1);

	}
	
	
}

#headslider #headersocials{
	position: absolute;
	right: 0;
	top: 10vh;
	width: 180px;
	z-index: 2000;
}

#headslider #headersocials a{
	text-decoration: none;
}


#headslider #headersocials a:hover{
	text-decoration: none;
}

#headslider #headersocials .social{
	transform: translateX(120px);
	transition: 1s ease;
}

#headslider #headersocials .social:hover{
	transform: translateX(0px);
	transition: 1s ease;
}


#headslider #headersocials .icon{
	margin: 10px;
}

#headslider #headersocials .text{
	margin: 10px;
}


/* ENDE HEADSLIDER */


/*NUMBERS */

#numbers{
	transform: translateY(-50px);
	position: relative;
	z-index: 1000;
}

@media (max-width:768px){
	#numbers{
		transform: translateY(0px);
	}
	
}

#numbers .numbersouter{
	text-align: center;
	padding: 1em;
}


#numbers .numberheader{
	font-size: 2em;
	font-weight: 700;
}

#numbers .notrufbutton{
	border: 1px solid white;
	background-color: transparent;
	color: white;
	font-size: 1.1em;
	padding: 10px;
	
}

#numbers .notrufbutton img{
	margin-right: 10px;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
	
}

#NotrufModal h2{
	font-size: 2em;
	color: white;
}

#NotrufModal #verhalten h2{
	font-size: 2em;
	margin-top: 2em;
}

#NotrufModal .modal-dialog{
	margin-left: 10vw;
	margin-right: 10vw;
}

#NotrufModal .modal-content{
	width: 80vw;
	text-align: center;
	padding: 2em;
}

#NotrufModal .modal-content .modalpart{
	padding: 2em;
}

#NotrufModal .modal-content .modalpart img{
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

#NotrufModal .modal-content .modal-body .modalicon img{
	width: 50%;
	height: auto;
	margin-bottom: 1em;
}

/* ENDE NUMBERS */


/*NEWS STARTSEITE */
#news-startseite{
	  display: flex;
  flex-wrap: wrap;
}

#news-startseite .news-startseite-item{
	display: flex;
	
}


#news-startseite .news-startseite-item .inner{
	margin: 2.5em;
	margin-top: 1em;
	text-align: center;
	padding-bottom: 1em;
	
	display: flex;
  flex-direction: column;
  width: 100%;

}

@media (max-width:768px){
	#news-startseite .news-startseite-item .inner{
		margin: 0;
		margin-top: 1em;

	}
}

#news-startseite .news-startseite-item .inner a{
	text-decoration: none;
	color: var(--color-light-shades);

}

#news-startseite .news-startseite-item .inner a:hover{
	text-decoration: none;
	color: var(--color-main-brand);

}

#news-startseite .news-startseite-item .inner .itemheader{
	color: var(--color-light-shades);
	background-color: var(--color-main-brand);
	font-size: 2em;

}

#news-startseite .news-startseite-item .inner .news{
	margin: 2em;
}

#news-startseite .news-startseite-item .inner .news .header{
	margin-top: 1em;
}

#news-startseite .news-startseite-item .inner .news .article .news-img-wrap{
	float: none; 
	margin: 0;
	border: none;
	position: relative;
}


#news-startseite .news-startseite-item .inner .news .article .news-img-wrap .news-list-category{
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	padding: .5em;
	background-color: var(--color-main-brand);
	color: white;
}

#news-startseite .news-startseite-item .inner .news .article .news-img-wrap a{
	float: none; 
	margin: 0;
	padding: 0;
	border: none;
}

#news-startseite .news-startseite-item .inner .news .article .news-img-wrap img{
	float: none; 
	width: 100%;
	height: auto;

}

#news-startseite .news-startseite-item .inner .teaser-text{
	padding-top: 1em;
}

#news-startseite .news-startseite-item .inner .footer{
	display: none;
}

/* ENDE NEWS STARTSEITE */


/* AKTUELLES */
#aktuelles{
	position: relative;
}

#aktuelles .bgpic img{
	width: 100%;
	height: auto;
}


#aktuelles .text{
	position: absolute;
	top: 20%;
	text-align: center;
	width: 100%;
}

#aktuelles .text h2{
	font-size: 5em;
	color: var(--color-main-brand);
}

#aktuelles .text h3{
	font-size: 2em;
	color: white;
	margin-bottom: 5vh;
}

@media (max-width:768px){
	#aktuelles{
		margin-top: 2em;
	}
	
	#aktuelles .bgpic{
		overflow: hidden;
		
	}
	
	#aktuelles .bgpic img{
		width: 200%;
		height: auto;
	}
	
	#aktuelles .text h2{
	font-size: 3em;
	color: var(--color-main-brand);
}
	
}

/* ENDE AKTUELLES */


/* VERHALTEN */

#verhalten{
	text-align: center;
	margin-top: 5vh;
	margin-bottom: 5vh;
}

#verhalten h2{
	font-size: 3em;
	color: white;
}

#verhalten .verhaltenitem .inner{
	margin: 1em;
}

#verhalten .verhaltenitem .inner .pic{
	padding: 20%;
}

#verhalten .verhaltenitem .inner .pic img{
	width: 100px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	
}

/* ENDE VERHALTEN */

/* GALERIESLIDER */

#galerieslider img{
	width: 100%;
	height: auto;
	animation: shrink 10s ease-out forwards;

}

/* ENDE GALERIESLIDER */

/* AUFGABEN */

#aufgaben{
	text-align: center;
	 display: flex;
     flex-wrap: wrap;
}

#aufgaben h2{
	color: var(--color-main-brand);
}

#aufgaben h3{
	color: var(--color-dark-shades);
}

#aufgaben .aufgabenitem{
	 display: flex;
}

#aufgaben .aufgabenitem .inner{
	margin: 1em;
	background-color: white;
	 display: flex;
	  flex-direction: column;
	  width: 100%;
}

#aufgaben .aufgabenitem .inner img{
	width: 100%;
	height: auto;
}

#aufgaben .aufgabenitem .inner h5{
	margin-top: 1em;
	padding-left: 1em;
	padding-right: 1em;
}

#aufgaben .aufgabenitem .inner p{
	padding: 1em;
}

@media (max-width:768px){
	#aufgaben .aufgabenitem .inner{
		margin: 0em;
		margin-top: 1em;
		margin-bottom: 1em;
	}
}

/* ENDE AUFGABEN */

/* MITGLIED */

#mitglied{
	text-align: center;
}

#mitglied h2{
	color: var(--color-main-brand);
}

#mitglied h3{
	color: var(--color-dark-shades);
}

#mitglied .btn{
	width: 300px;
	margin: auto;
	margin-top: 5vh;
}

/* ENDE MITGLIED */


#imagevideo .video-wrapper {
  width: 100%;
  aspect-ratio: 16 / 9;
}

/* IMAGEVIDEO */

#imagevideo .video-wrapper iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

/* ENDE IMAGEVIDEO */

/* FOOTER */

#footer .footerlogo{
	padding-right: 7vw;
	padding-bottom: 5vh;
}

#footer h5{
	color: white;
}

#footer p{
	color: white;
}

#footer a{
	color: white;
	text-decoration: none;
}

#footer .footeritem{
	margin-bottom: 2em;
}

#footer .footerlogo img{
	width: 80%;
	margin: 10%;
	margin-top: 0;
	height: auto;
}

#footer .socials{
	border-top: 1px solid var(--color-light-accent);
	padding-top: 3em;
	margin-top: 3em;
}

#footer .sociallogos img{
	width: 15%;
	margin-right: 5%;
	height: auto;
	float: left;
	filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(128%) hue-rotate(61deg) brightness(113%) contrast(100%);
}

/* ENDE FOOTER */


/* HEADERBILD SUBSEITE */
#subheadpic img{
	width: 100%;
	height: auto;
}

/* ENDE HEADERBILD SUBSEITE */


/* UNTERSEITE MAINCONTENT ARTICLE OVERVIEW */

#maincontent .news-list-view{
	display: flex;
	flex-wrap: wrap;
	gap: 1em; /* optional, für Abstand */
	margin-top: 5vh;
}

#maincontent .news-list-view .article{
	flex: 0 0 calc(33.333% - 1.34em); /* 3 pro Reihe */
	padding: 1em;
	box-sizing: border-box;
	background-color: white;
}

@media (max-width: 991px){
	#maincontent .news-list-view .article{
		flex: 0 0 50%;
	}
}

@media (max-width: 768px){
	#maincontent .news-list-view .article{
		flex: 0 0 100%;
	}
}

@media (min-width: 769px){
	#maincontent .news-list-view .article{
		margin-bottom: 0;
	}
}

#maincontent .news-list-view .article{
	padding: 2em;
}

#maincontent .news-list-view .article .news-img-wrap{
	width: 100%;
	position: relative;
}

#maincontent .news-list-view .article .news-img-wrap .news-list-category{
	position: absolute;
	top: 0;
	right: 0;
	padding: .5em;
	background-color: var(--color-main-brand);
	color: white;
}

#maincontent .news-list-view .article .news-img-wrap a{
	border: none;
	padding: 0;
	list-style-type: none;
}

#maincontent .news-list-view .article .news-img-wrap img{
	width: 100%;
	height: auto;
}

#maincontent .news-list-view .article a{
	color: var(--color-dark-shades);
	text-decoration: none;
	transition: .3s ease;
}

#maincontent .news-list-view .article a:hover{
	color: var(--color-main-brand);
}

#maincontent .news-list-view .article .btn{
	color: white;
}

#maincontent .news-single .news-img-wrap{
	display: flex;
	flex-wrap: wrap;
	float: none;
	width: 100%;
	background-color: transparent;
	margin: 0;
}


#maincontent .news-single .news-img-wrap img{
	width: 100%;
	height: auto;
}


#maincontent .news-single .news-img-wrap .outer{
	flex: 0 0 calc(33.333% - 1.34em); /* 3 pro Reihe */
	padding: 1em;
	box-sizing: border-box;
}

@media (max-width: 991px){
	#maincontent .news-single .news-img-wrap .outer{
		flex: 0 0 50%;
	}
}

@media (max-width: 768px){
	#maincontent .news-single .news-img-wrap .outer{
		flex: 0 0 100%;
	}
}

#maincontent .news-single .news-img-wrap .outer .mediaelement a{
	border: none;
	padding: 0;
}

/* ENDE UNTERSEITE MAINCONTENT ARTICLE OVERVIEW */


/* UNTERSEITE FAHRZEUGE */

#fahrzeugehead{

}

#fahrzeugehead h2{
	color: var(--color-dark-shades);
}

#fahrzeugehead h3{
	color: var(--color-dark-shades);
}

#fahrzeugehead a{
	text-decoration: none;
	color: var(--color-dark-shades); 
}

#fahrzeugehead .aufgabenitem{
	 display: flex;
}

#fahrzeugehead .aufgabenitem .inner{
	margin: 1em;
	background-color: white;
	 display: flex;
	  flex-direction: column;
	  width: 100%;
}

#fahrzeugehead .aufgabenitem .inner img{
	width: 100%;
	height: auto;
}

#fahrzeugehead .aufgabenitem .inner h5{
	margin-top: 1em;
	padding-left: 1em;
	padding-right: 1em;
}

#fahrzeugehead .aufgabenitem .inner p{
	padding: 1em;
}

#fahrzeuge{
	
}

#fahrzeuge .fahrzeugmain img{
	margin-bottom: 2em;
}

#fahrzeuge img{
	width: 100%;
	height: auto;
}

#fahrzeuge ul{
	background-color: var(--color-main-brand); 
	color: white;
	padding: 1em;
	font-size: 1.3em;
}

#fahrzeuge li{
	margin-left: 1em;
}



/* ENDE UNTERSEITE FAHRZEUGE */

/* UNTERSEITE GERÄTE */

#geraete{
	
}

#geraete .highlights-item ul{
	background-color: var(--color-main-brand); 
	color: white;
	padding: 1em;
	font-size: 1.3em;
}

#geraete .highlights-item li{
	margin-left: 1em;
}

#geraete .highlights-item{
	padding: 1em;
}

#geraete .geraete-content{
	padding: 1em;
}

#geraete .geraete-item{
	border: 1px solid var(--color-dark-shades); 
}

#geraete .geraete-item h3{
	background-color: var(--color-dark-shades); 
	color: white;
	padding: 1em;
}

#geraete .geraetegalleryitem img{
	width: 100%;
	height: auto;
	padding: 1em;
}

/* ENDE UNTERSEITE GERÄTE */