/* =================COPYRIGHT================= */
/* Entwicklung & Umsetzung                     */
/* (c)2025 Agentur Hundertmarck                */
/* www.hundertmarck.com                        */
/* =========================================== */

html, body {
	font-family: sans-serif !important;
	background : #fcfcfc;
	height : 200px;
	color : #4d4d4d;
	font-size : 18px;
}

@media (max-width: 575px) {
	.content {
		padding : 15px;
	}
}

/* Logo */
	.logo {
		padding-left : 10px;
		max-width : 200px;
		float : left !important;
	}
	.logo-scrolled {
		padding-left : 10px;
		max-width : 100px;
	}
	@media (max-width: 991px) {
		.logo {
			max-width : 190px;
		}
		.logo-scrolled {
			padding-left : 0px;
			max-width : 140px;
		}
	}
	@media (max-width: 1199px) {
		.logo {
			max-width : 190px;
		}
	}
	.scrolled img.if-scrolled {
	    display: block;
	}
	img.if-scrolled {
	    display: none;
	}
	.scrolled img.if-not-scrolled {
	    display: none;
	}
/* Logo Ende */


/* Navigation Start */
	.navbar {
		z-index : 2;
		color : white;
		padding : 0px;
		font-size : 17px;
		margin-bottom : 25px;
		transition : 0.3s;
		/*background: rgb(255,255,255,0.7);*/
		background : #fcfcfc;
		/*background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 80%, rgba(255,255,255,0) 100%);*/
	}
	.navbar:hover {
		/*background: rgb(255,255,255,0.9);*/
	}
	.nav-header {
		/*border-bottom : 2.5px solid #DE584D;*/
	}
	.nav-link {
		color : #DE584D;
		font-weight : 400;
		transition : 0.1s;
		border-bottom : 2.5px solid transparent;
	}
	.nav-link.active {
		color : #DE584D;
		border-bottom : 2.5px solid #df584e;
	}
	.nav-link:focus, .nav-link:hover {
		color : #DE584D;
		border-bottom : 2.5px solid #DE584D;
	}
	.nav-lang a {
		/*color : #df584e;*/
	}
	.nav-item {
		margin : 5px;
	}
	.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
		color : #DE584D;
	}
	.dual-nav-btn {
		padding-right : 10px;
	}
/* Navigation Ende */


/* Navigation Scrolled Start */
	.navbar.scrolled {
		background:rgba(222, 88, 78, 0.95);
		/*background:rgba(255, 255, 255, 0.95);*/
		height : 70px;
	}
	nav.scrolled .nav-link {
		color : white;
	}
	nav.scrolled .nav-link.active {
		color : white !important;
		border-bottom : 2.5px solid #dcdcdc;
	}
	nav.scrolled .nav-link:hover {
		border-bottom : 2.5px solid white
	}
	.navbar-nav .nav-link.show {
		color : #DE584D;
	}
	nav.scrolled .navbar-nav .nav-link.show {
		color : white !important;
	}
	.nav-cart {
		padding : 15px;
	}
	nav.scrolled .bg-primary {
		background-color : white !important;
	}
	nav.scrolled .bg-primary i {
		color : #DE584D;
	}
/* Navigation Scrolled Ende */


/* Navigation Mobile Start */
	.navbar-toggler {
		background-color : #DE584E;
		padding : 20px;
		color : white;
		border-radius : 8px;
		border-color : #DE584D;
		height : 100%;
	}
	.navbar-toggler:focus,
	.navbar-toggler:active,
	.navbar-toggler-icon:focus {
		outline: none;
		box-shadow: none;
	}
/* Naviagtion Mobile Ende */

/* Navigation Mobile Scrolled Start */
	.navbar.scrolled .navbar-toggler {
		margin-top : -30px;
		padding : 10px;
	}
	.navbar.scrolled .btn-shopping-cart {
		padding-top : 13px !important;
		padding-bottom : 10.5px !important;
	}
/* Navigation Mobile Scrolled Ende */


@media (max-width: 991px) {
	.nav-link {
		text-align : center;
		color : white;
		border-bottom : none;
	}
	.nav-link.active {
		border-bottom : none;
		color : #DE584D !important;
		/*border-left : 2.5px solid #df584e;*/
		background-color: rgba(255, 255, 255, 0.9);
	}
	.nav-link:focus, .nav-link:hover {
		color : white;
		border-bottom : none;
	}
	.navbar-collapse {
		text-align : center;
		background:rgba(222, 88, 78, 0.9);
	}
	.navbar.scrolled {
		height : 100px;
		padding-top : 0px;
		/*border-bottom : 2px solid #DE584D;*/
	}
	.navbar.scrolled .navbar-toggler {
		margin-top : 2px;
		padding-top : -7px;
		background-color : white;
		color : #DE584D;
		border-color : white;
		border : 2px solid white;
	}
	.navbar-toggler {
		
	}
	.navbar.scrolled .btn-shopping-cart {
		padding : 10px;
		margin-right : 10px;
		border : 2px solid white;
	}
	nav.scrolled .nav-link:hover {
		border-bottom : 0px;
		border-top: 0px solid transparent;
	}
	nav.scrolled .nav-link.active {
		color : #DE584D !important;
		border-top: 0px solid transparent;
	}
	.slideshow-teaser .carousel-indicators [data-bs-target] {
		font-size : 18px !important;
	}
	.slideshow-teaser .carousel-item img {
		min-height : 500px;
	}
}

@media (max-width: 576px) {
	.nav-header {
		padding-left : 0px;
		padding-right : 0px;
	}
	.container {
		padding-left : 0px;
		padding-right : 0px;
	}
}

.btn-shopping-cart {
	background-color : #DE584E !important;
	color : white;
	padding-top : 23px;
	padding-bottom : 20.5px;
	padding-left : 18px;
	padding-right : 18px;
	margin-right : 10px;
	border-radius : 8px;
}
.btn-shopping-cart:hover {
	color : white;
}




/* Login Box */

.login-box {
	position : fixed;
	top: 0px;
	right : 240px;
	padding : 6px;
	z-index : 2;
	color : white;
	background:rgba(222, 88, 78, 0.9);
}


/* Dropdown Menü Start */
.dropdown-menu {
	margin-top : -2.5px !important;
	font-size : 17px;
	padding : 0px;
	background:rgba(222, 88, 78, 0.95);
	border-radius : 0px;
	border : none;
	border-top : 2.5px solid #DE584D;
}
.dropdown-item {
	padding : 8px;
}
.dropdown-item:focus, .dropdown-item:hover {
	color : #DE584D;
	background-color:rgba(255, 255, 255, 0.9);
	/*border-left : 2.5px solid #df584e;*/
	/*background-color : #eaede8;*/
}
.dropdown-menu a {
	color : white;
}
.dropdown .dropdown-menu .dropdown-item:focus {
	outline: none;
}
.dropdown-item.active, .dropdown-item:active {
	color : #DE584D;
	background-color:rgba(255, 255, 255, 0.9);
	/*border-left : 2.5px solid #df584e;*/
}

@media (max-width: 991px) {
	nav.scrolled .dropdown-menu {
		background:rgba(222, 88, 78, 0.95);
		border-top-right-radius : 0px !important;
	}
	.dropdown-item {
		text-align : center;
	}
	.dropdown-menu {
		background-color:rgba(222, 88, 78, 0.95) !important;
		border-top-right-radius : 0px !important;
	}
	a#dropdown.nav-link.show {
		/*background:rgba(0, 181, 212, 0.95);*/
		background-color: rgba(255, 255, 255, 0.9);
		color : #DE584D;
	}
	 .dropdown-item:hover {
		 border-left : 0px !important;
	 }
}

@media screen and (min-width: 992px) {
	.dropdown:hover .dropdown-menu {
		display : block;
	}
	.dropdown .dropdown-menu {
	  display: none;
	}
}
/* Dropdown Menü Ende */



/* Dropdown Animation Start */
@media (min-width: 768px) {
  .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}
@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }

  100% {
    transform: translateY(0rem);
    opacity: 1;
  }

  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}
@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }

  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}
.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}
/* Dropdown Animation Ende */



/* Carousel Start */
.carousel {
	z-index : 1;
}
/*.carousel-item:before {
	content: "";
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
	display: block;
	position: absolute;
	top: 0;
	width: 100vw;
	height: 100vh;
}*/
.teasers .carousel-item img {
	object-fit: cover;
	object-position: center center;
	height: 45vh;
	overflow: hidden;
}
.slideshow-teaser {
	margin-top : 125px;
}
.slideshow-teaser .carousel-item img {
	object-fit: cover;
	object-position: bottom right;
	height: 55vh;
	overflow: hidden;
}
.slideshow-teaser .carousel-item-multiple img {
	height : auto !important;
}
.slideshow-teaser .carousel-caption {
	color : #4d4d4d;
	top : 0 !important;
	text-align : left;
	left : 13px; /* 1vh*/
	max-width : 100%;
	top : 100px;
	width : 100%;
	background: rgb(255,255,255);
	background: linear-gradient(15deg, rgba(255,255,255,0.8) 25%, rgba(255,255,255,0.3) 45%, rgba(255,255,255,0.0) 65%);
	margin-left : -13px;
}
.slideshow-teaser .carousel h2 {
	font-size : 25px;
	font-weight : 500x;
	color : #DE584D;
	/*text-shadow: 1px 1px 2px #e9e9e9;*/
}
.slideshow-teaser .carousel-caption h2 {
	font-weight : 500;
}
.slideshow-teaser .carousel-caption h3 {
	margin-bottom : 10px;
	font-size : 30px !important;
	line-height : 35px;
	font-weight : 400;
	/*text-shadow: 2px 2px 3px #e9e9e9;*/
}
.slideshow-teaser .carousel-text {
	max-width : 45vw;
	margin-left : 15px;
    padding : 15px;
	border-top-right-radius : 30px;
	bottom : 0px;
	position : absolute;
}
.carousel-control-prev-icon {
	height : 25px;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23DE584D' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
	height : 25px;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23DE584D' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.slideshow-teaser .carousel-menu {
	background:rgba(222, 88, 78, 0.95);
	color : white;
	margin-left : 0px;
	margin-bottom : 0px;
}
.slideshow-teaser .carousel-indicators {
	width : 100%;
}
.slideshow-teaser .carousel-indicators [data-bs-target] {
	background:rgba(222, 88, 78, 0.0);
	font-size : 22px;
	/*margin-left : 20px;
	margin-right : 20px;*/
	padding-top : 2px;
	padding-bottom : 8px;
	padding-left : 15px; /*für breitere Striche */
	padding-right : 15px; /*für breitere Striche */
    border-radius: 0px;
    overflow: hidden;
    border-top-width : 10px;
    opacity : 1.0;
    margin-bottom : -5px;
    color : #f4f4f4;
}
.slideshow-teaser .carousel-indicators .active {
	border-bottom : 5px solid #df584e;
	border-bottom-left-radius : 0px  !important;
	border-bottom-right-radius : 0px !important;
	border-bottom : 5px solid #df584e;
	font-weight : 500;
	color : white;
}
.slideshow-teaser .carousel-indicators .text[data-bs-target] {
    width: auto;
    height: 30px;
    text-indent: 0;
}
.slideshow-teaser .carousel-menu .ul {
	margin-top : -20px;
}
.carousel-indicators [data-bs-target] {
	background-color : #DE584E;
}

@media (max-width: 768px) {
	.slideshow-teaser .carousel-text {
		max-width : 80vh
	}
	.slideshow-teaser .carousel-caption h2 {
		font-size : 18px;
		/*text-shadow: 1px 1px #e9e9e9;*/
	}
	.slideshow-teaser .carousel-caption h3 {
		font-size : 23px !important;
		line-height : 28px;
		/*text-shadow: 1px 1px #e9e9e9;*/
	}
	.slideshow-teaser .carousel-item img {
		height : 40vh;
	}
	.slideshow-teaser .carousel-caption {
		bottom : 0px !important;
		max-width : 100vw !important;
	}
	.footer {
		text-align : center;
	}
}
/* Carousel Ende */



/* Cards Start */
.card {
	color : #4d4d4d;
	border-top-right-radius : 20px;
	border-top-left-radius : 20px;
	border-bottom-left-radius : 20px;
	border-bottom-right-radius : 20px;
	border : 0px;
}
.card img {
	border-top-right-radius : 30px;
	border-top-left-radius : 20px;
	border-bottom-left-radius : 20px;
	border-bottom-right-radius : 20px;
	
}
.card p {
	margin-bottom : 0px;
}

.card-featured {
	border-top-right-radius : 20px;
	border-top-left-radius : 20px;
	border-bottom-left-radius : 20px;
	border-bottom-right-radius : 20px;
	color : #DE584D;
	border : 1.5px solid #DE584D;
	transition : 0.2s;
}
.card-lightblue-bg {
	background: rgb(0,188,220,1.0);
	border : none !important;
	color : white;
}
.card-beige-bg {
	background-color : #eaede8;
	border : 1.5px solid #eaede8;
	color : #4d4d4d;
}
.card-big {
	border-top-right-radius : 20px;
	border-top-left-radius : 20px;
	border-bottom-left-radius : 20px;
	border-bottom-right-radius : 20px;	
}
.card-footer {
	background-color : white;
	border-top:0px;
	padding-bottom:20px;
}
/* Cards Ende */


/* Akkordeon Start */
.accordion-button {
	color : #4d4d4d;
	background-color : #f6f6f6;
}
.accordion-button:focus {
	background-color : #DE584E;
	color : white;
}
.accordion-button:not(.collapsed) {
	background-color : #DE584E;
	color : white;
}
.accordion-header {
	color : #4d4d4d;
}
.accordion-body {
	color : #4d4d4d;
}

/* Akkordeon Ende */


/* Elemente Start */

.element-text h2 {
	font-size : 35px;
	color : #DE584D;
}

@media (max-width: 576px) {
	.element-text {
		padding : 20px;
		border-top-right-radius : 60px;
	}
}
.element {
	padding : 20px;
}
.element p {
}
.element-beige {
	background-color : #eaede8;
}
.element-lightblue {
	background-color : #DE584E;
	color : white;
}
.element-lightblue h6 {
	color : white;
	padding-bottom : 10px;
}
.element-lightblue p span { /* nicht verwendet */
	background-color : white;
	padding : 7px;
	color : #DE584E;
	padding-top : 10px;
}
.element-lightblue a {
	color : white;
	border-bottom : 2px solid white;
}
.element-lightblue a:hover {
	color : #f57377;
	border-bottom : 2px solid #f57377;
}
.element-lightblue h2 {
	color : white;
	font-weight : 400;
	font-size : 35px;
}
.element-white {
	background-color : white;
}
.element-lightgrey {
	background-color : #f6f6f6;	
}
.element-lightgrey a {
	color : #df584e;
	border-bottom: 2px solid #df584e;
}
.element-lightgrey h2 {
	color : #DE584D;
	font-weight : 400;
	font-size : 35px;
}
.element-red {
	background-color : #DE584E;
	/*border : 10px solid #df584e;*/
	color : white;
}
.element-red a {
	/*color : #df584e;*/
	color : white;
	text-decoration : underline;
}
.element-red a:hover {
	color : white;
}
.element-red h2 {
	color : white;
}
.element-red h5 {
	color : white;
}
.element-red .btn-primary {
	background-color : #4d4d4d !important;
}
.element-red .btn-primary:hover, .element-red .btn-primary:visited:hover {
	background-color : #1e4281 !important;
}
.element-red .btn-primary:visited {
	background-color : #4d4d4d !important;
}
.element-darkblue {
	background-color : #4d4d4d;
	color : #B5A972;
}
.element-darkblue h5 {
	color : #B5A972;	
}
.element-darkblue h2 {
	color : white;
	font-weight : 400;
	font-size : 35px;
}
.element-darkblue a {
	color : #B5A972;	
}
.element-darkblue a:hover {
	color : #e2d081;
}
.element-darkblue i {
	color : #B5A972;
}
.element-pink {
	background-color : #df584e;
	color : white; /* eaece7 */
}

.element-sporter {
}
.element-sporter h2 {
	font-size : 50px;
	font-weight : 600;
}
.element-sporter img {
	margin-top : -140px;
	width : 100%;
	position : relative;
	bottom : 0;
}
@media (max-width: 768px) {
	.element-sporter h2 {
		font-size : 40px;
	}
}

.element-blue-red {
	background: rgb(0,188,220);
	background: -moz-linear-gradient(180deg, rgba(0,188,220,1) 0%, rgba(239,104,109,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0,188,220,1) 0%, rgba(239,104,109,1) 100%);
	background: linear-gradient(180deg, rgba(0,188,220,1) 0%, rgba(239,104,109,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#DE584E",endColorstr="#df584e",GradientType=1);
	color : white;
	}
/*.element-blue-red { von links nach rechts
	background: rgb(0,188,220);
	background: -moz-linear-gradient(90deg, rgba(0,188,220,1) 0%, rgba(239,104,109,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0,188,220,1) 0%, rgba(239,104,109,1) 100%);
	background: linear-gradient(90deg, rgba(0,188,220,1) 0%, rgba(239,104,109,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#DE584E",endColorstr="#df584e",GradientType=1);
	color : white;
}*/
@media (max-width: 768px) {
	.element-blue-red {
	background: rgb(0,188,220);
	background: -moz-linear-gradient(180deg, rgba(0,188,220,1) 0%, rgba(239,104,109,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0,188,220,1) 0%, rgba(239,104,109,1) 100%);
	background: linear-gradient(180deg, rgba(0,188,220,1) 0%, rgba(239,104,109,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#DE584E",endColorstr="#df584e",GradientType=1);
	}
}

@media (min-width: 768px) {
	.element-noedge {
		border-top-right-radius : 0px !important;
	}
}

@media (min-width: 769px) {
	.element-catcher {
		margin-right : -50px;
		margin-top : -50px;
		width : 300px;
		float : right;
		margin-bottom : 20px;
		margin-left : 10px;
	}
	.element-catcher-image {
		margin-right : -80px;
		margin-top : -130px;
		width : 300px;
		float : right;
		margin-bottom : 20px;
		margin-left : 10px;
	}
}

.element-special {
	 background-size:cover;
	 padding:20px;
	 color:white;
	 margin-top:55px;
	 text-shadow : 2px 2px 6px black;
	 border-top-right-radius: 60px;
}
.element-special-img {
	opacity : 0.8;
	transition : 0.5s;
	width:100%;
	float:bottom;
	position:relative;
	margin-bottom:-20px;
	margin-top:-70px;
}
@media (max-width: 768px) {
	.element-special-img {
		margin-top : 0px;
	}
}
.element-special:hover .element-special-img {
	opacity : 1.0;
}
.element-special h2 {
	font-size : 45px;
	font-weight : 600;
	text-shadow : 1px 1px 9px black;
	color : white;
}
.element-borderless-img {
	min-height:400px; 
	background-size:cover;
	margin-left:-6px;
	margin-top:-20px;
	margin-bottom:-20px;
}
@media (max-width: 992px) {
	.element-borderless-img {
		border-top-right-radius : 60px;
	}
}

.partner-werder-bremen {
		/*background-image:url(../img/sv-werder-bremen-logo_weiss.png);*/
		background-repeat:no-repeat;
		background-size : 50%;
		background-position : center;
}
@media (min-width: 768px) {
	.element-side {
		border-left : 15px solid white;
	}
}

@media (max-width: 768px) {
	.pads-faecher {
		background-image:url(../img/pads-faecher.png);
		background-repeat:no-repeat;
		background-size : 50%;
		background-position : center left;
	}
	.pads-faecher h1, .pads-faecher p {
		/*text-shadow: 2px 2px 6px grey;*/
	}
	.icon {
		opacity : 0.85;
	}
}
.element-sport {
	
}
.element-sport h2 {
	color : white;
	font-size : 60px;
	font-weight : 600; 
}
@media (max-width: 992px) {
	.element-sport h2 {
		font-size : 40px;		
	}
	.img-text-container {
		text-align : left;
	}
}

.top-right-rounded {
	border-top-right-radius : 60px;
}
.award-banderole {
	float : right;
}
.award-banderole img {
	max-height : 350px;
}

@media (max-width: 768px) {
	.award-banderole img {
		
	}
}
/* Elemente Ende */

/* OptIn */
#bootstrapCookieConsentSettingsModal a {
	color : #DE584E;
}

#bootstrapCookieConsentSettingsModal a:hover {
    color: #f57377;
}
	
/* Body Images Start */
#body-images {
	text-align : center;
}

@media (max-width: 992px) {
	#body-images img {
		width : 30%;
		margin-bottom : 20px;
	}
}
#body-links li {
	padding : 5px;
}
#body-links li:hover {
	cursor : pointer;
	/*background-color : white;*/
	background-color : #DE584D;
	transition : 0.3s;
	/*color: #df584e;*/
	color : white;
	border-top-right-radius : 30px;
}
ul#body-links {
    list-style-type : none;
}
ul#body-links li:before {    
    font-family : 'FontAwesome';
    content : '\f002'; /* auge f06e */
    color : #bebebe; /* #4d4d4d */
    margin : 0 5px 0 -23px; /* -20 mit font-size 15 */
}
/* Body Images Ende */

/* Gesundheit Icons Start */



.iconbox {
}

.iconbox-icon {
	width : 100px;
	float : left;
	margin : 5px;
}

@media (max-width: 768px) {
	.iconbox-icon img {
		
	}
}
.iconbox-sport-icon {
	/*filter: invert(49%) sepia(99%) saturate(2270%) hue-rotate(154deg) brightness(103%) contrast(102%);*/
}

.iconbox-sport-icon:hover {
}


.icon {
	background-color : white;
	transition : 0.2s;
	color : #DE584E;
	font-size : 16px;
	padding: 5px;
	border-top-right-radius : 15px;
	font-size : 12px;
	margin : 0px !important;
}
.icon:hover {
	background-color : #f3f3f3;
	cursor : pointer;
}
.icon img {
	margin-bottom : 7px;
}
.icon a {
	color : #df584e;
	transition : 0.2s;
}

.icons a {
	border-bottom : none;
	padding : 0px;
	margin : 0px;
}
.icons a:hover {
	border-bottom : none;
}
/* Gesundheit Icons Ende */

/* Footer Start */

.footer {
	background : #343434;
	min-height : 250px;
	padding : 20px;
	color : #e1e1e1;
	line-height : 28px;
	position : absolute;
	width :  100%;
	font-size : 16px;
	border-top : 5px solid #DE584E;
}

ul.nav-footer {
	list-style : none;
	padding : 0;
	margin : 0;
}

.footer a {
	color : #e1e1e1;
	transition : 0.1s;
	font-weight : 400;
}

.footer a:hover {
	color : #e1e1e1;
	border-bottom : 2px solid white;
}
.copyright {
	text-align : center;
	font-size : 14px;
	color : black;
}
.footer h4 {
	/*border-bottom : 3px solid #df584e;*/
	/*text-decoration : underline;*/
	text-decoration-color : #df584e !important;
	text-underline-position : under;
}

/* Footer Ende */



/* Bilder Start */
.rounded {
	border-top-right-radius : 100% !important;
	border-bottom-right-radius : 100% !important;
}
@media (min-width: 1px) and (max-width:991.98px) {
	.rounded {
		width : 100%;
		border-top-right-radius : 60px !important;
		border-bottom-right-radius : 6px !important;
	}
}
/* Bilder Ende */

/* Alerts Start */

.alert-warning {
	background-color : #e4a700; /*#ffd45c*/ /*#ffc65d*/
	color : white; /*#725300*/
	border : none;
	border-radius : 0px;
}

.alert-success {
	background-color : #DE584E; /*#ffc65d*/
	color : white;
	border : none;
	border-radius : 0px;
}

/* Badge Start */

.navbar .bg-primary {
	background-color : #df584e !important;
}
.navbar .badge a {
	color : white;
}
.navbar .badge a:hover {
	border-bottom : 0px;
}

/* Buttons Start */
.btn-primary {
	padding-left : 20px;
	padding-right : 20px;
}
.btn-primary,
.btn-primary:active,
.btn-primary:visited {
    background-color: #df584e !important;
    border-color: #df584e;
    border-radius : 20px;
}
.btn-primary:hover {
    background-color: #f66f73 !important;
    border-color: #f16e57;
    color : white !important;
}

.btn-info {
	padding-left : 20px;
	padding-right : 20px;
}
.btn-info,
.btn-info:active,
.btn-info:visited {
    background-color: #DE584E !important;
    border-color: #DE584E;
    border-radius : 20px;
}
.btn-info:hover {
    background-color: #f57377 !important;
    border-color: #f57377;
    color : white !important;
}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    border-color: #DE584E;
}
/* Buttons Ende */

/* Formular Start */

.form-control {
	color : #4d4d4d !important;
}

.form-label {
	font-weight : 600;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: rgba(222, 88, 78, 0.5);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(222, 88, 78, 0.5);
  outline: 0 none;
}

.form-control:focus {
  border-color: rgba(222, 88, 78, 0.5);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(222, 88, 78, 0.5);
  outline: 0 none;
	
}

.form-check-input:checked {
	background-color : #DE584E;
	border-color : #DE584E;
}

select {
	color : #4d4d4d !important;
}

/* Formular Ende */

/* Listen Start */
ul {
	margin-left : -18px;
}
ul.positive {
	list-style-type : none;
}
ul.positive li::before {
	content : "+";
	color : green;
	display : inline-block;
	width : 1em;
	margin-left : -1em;
	font-weight : 700;
}
ul.negative {
	list-style-type : none;
}
ul.negative li::before {
	content : "–";
	color : red;
	display : inline-block;
	width : 1em;
	margin-left : -1em;
	font-weight : 700;
}
/* Listen Ende */



/* Schriften Start */
h1 {
	font-size : 35px;
	color : #DE584D;
}
h2 {
	font-size : 24px;
	margin-bottom : 20px;
}
h3 {
	font-size : 22px;
}
h4 {
	font-size : 20px;
	font-weight : 600;
}
h5 {
	font-size : 30px;
	color : #4d4d4d;
	font-weight : 400;
}
h6 {
	font-size : 18px;
	color : #4d4d4d;
	font-weight : 400;
}

@media (max-width: 768px) {
	h5 {
		font-size : 25px;
	}
}

.modal h3 {
	color : #DE584D;	
}

.invisible {
	position : absolute;
	clip : rect(1px, 1px, 1px, 1px);
	-webkit-clip-path : inset(0px 0px 99.9% 99.9%);
	clip-path : inset(0px 0px 99.9% 99.9%);
	overflow : hidden;
	height : 1px;
	width : 1px;
	padding : 0;
	border : 0;
}

/* Schriften Ende */

/* Columns Start */

.text-columns-2 {
	column-count:2;
	column-gap : 50px;
}

@media (max-width: 768px) {
	.text-columns-2 {
		column-count:1;
	}
}

/* Columns Ende */


/* Links Start */
a {
	color : #df584e;
	text-decoration : none;
	font-weight : 500;
}

a:hover {
	color : #f57377;
	text-decoration : none;	
}
/* Links Ende */



/* Sonstiges */

.teaser-wrapper {
    display : inline-block;
	position : relative;
}

.teaser-wrapper img {
	display : block;
	width : 100%;
}

.teaser-wrapper-overlay {
	position : absolute;
	bottom : 00px;
	left : 0;
	color : white;
	padding : 20px;
	border-top-right-radius : 40px;
	border-bottom-right-radius : 0px;
	/*background:rgba(239, 104, 109, 0.9);*/
	background:rgba(222, 88, 78, 0.9);
}

.text-darkblue {
	color : #4d4d4d;
}

.figure-caption {
	color : #4d4d4d;
}

/* Text auf Bildern */

/* Container holding the image and the text */
.img-text-container {
  position: relative;
  color: white;
}

/* Bottom left text */
.img-text-bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

/* Top left text */
.img-text-top-left {
  position: absolute;
  top: 8px;
  left: 16px;
  text-align:left;
}

/* Top right text */
.img-text-top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

/* Bottom right text */
.img-text-bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

/* Centered text */
.img-text-centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Marked Text */
::-moz-selection { background: #DE584D; color: white; }
::selection { background: #DE584D; color: white; }

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .w-sm-100 {
        width: 100% !important;
    }

    .w-sm-75 {
        width: 75% !important;
    }

    .w-sm-50 {
        width: 50% !important;
    }

    .w-sm-25 {
        width: 25% !important;
    }

    .h-sm-100 {
        height: 100% !important;
    }

    .h-sm-75 {
        height: 75% !important;
    }

    .h-sm-50 {
        height: 50% !important;
    }

    .h-sm-25 {
        height: 25% !important;
    }
}


/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .w-md-100 {
        width: 100% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-25 {
        width: 25% !important;
    }

    .h-md-100 {
        height: 100% !important;
    }

    .h-md-75 {
        height: 75% !important;
    }

    .h-md-50 {
        height: 50% !important;
    }

    .h-md-25 {
        height: 25% !important;
    }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .w-lg-100 {
        width: 100% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-25 {
        width: 25% !important;
    }

    .h-lg-100 {
        height: 100% !important;
    }

    .h-lg-75 {
        height: 75% !important;
    }

    .h-lg-50 {
        height: 50% !important;
    }

    .h-lg-25 {
        height: 25% !important;
    }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .w-xl-100 {
        width: 100% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-25 {
        width: 25% !important;
    }

    .h-xl-100 {
        height: 100% !important;
    }

    .h-xl-75 {
        height: 75% !important;
    }

    .h-xl-50 {
        height: 50% !important;
    }

    .h-xl-25 {
        height: 25% !important;
    }
}

.accordion-button:focus {
	box-shadow: none;
	border-color: rgba(0,0,0,.125);
}


/* carousel test */


.carousel-inner-multiple .carousel-item-multiple.active,
.carousel-inner-multiple .carousel-item-next,
.carousel-inner-multiple .carousel-item-prev {
    display: flex;
}
/* mobile screens */
/*@media (max-width: 767px) {
    .carousel-inner-multiple .carousel-item-multiple > div {
        display: none;
    }
    .carousel-inner-multiple .carousel-item-multiple > div:first-child {
        display: block;
    }
}*/

/* mobile screens */
@media (max-width: 767px) {
    
    .carousel-inner-multiple .carousel-item-end.active,
    .carousel-inner-multiple .carousel-item-next {
      transform: translateX(50%);
    }
    
    .carousel-inner-multiple .carousel-item-start.active, 
    .carousel-inner-multiple .carousel-item-prev {
      transform: translateX(-50%);
    }
}

/* medium screens */
@media (min-width: 768px) {
    
    .carousel-inner-multiple .carousel-item-end.active,
    .carousel-inner-multiple .carousel-item-next {
      transform: translateX(33%);
    }
    
    .carousel-inner-multiple .carousel-item-start.active, 
    .carousel-inner-multiple .carousel-item-prev {
      transform: translateX(-33%);
    }
}

/* large screens */
@media (min-width: 992px) {
    
    .carousel-inner-multiple .carousel-item-end.active,
    .carousel-inner-multiple .carousel-item-next {
      transform: translateX(25%);
    }
    
    .carousel-inner-multiple .carousel-item-start.active, 
    .carousel-inner-multiple .carousel-item-prev {
      transform: translateX(-25%);
    }
}

.carousel-inner-multiple .carousel-item-end,
.carousel-inner-multiple .carousel-item-start { 
  transform: translateX(0);
}

.carousel-inner-multiple .card {
	margin-left : 10px;
	margin-right : 10px;
}

/* Marquee */
.marquee-wrapper {
	overflow: hidden;
	padding: 60px 0;
	background: lightgrey;
	white-space: nowrap;
	position: relative;
	display: none;
}
.jquery-marquee img {
	max-height: 50px;
	margin: 0 40px;
}
.marquee-wrapper:before,
.marquee-wrapper:after {
	position: absolute;
	top: 0;
	width: 250px;
	height: 100%;
	content: '';
	z-index: 2;
}
.marquee-wrapper:before {
	left: 0;
	background: linear-gradient(to left, rgba(255, 255, 255, 0) 50%, white);
}
.marquee-wrapper:after {
	right: 0;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, white);
}