.container { max-width: 1400px; }
footer#footer { background: linear-gradient(to right,var(--primary-color),70%, var(--contrast-color)) !important; /* background: var(--contrast-color) !important; */ }
.main_logo img { height: 80px; }
section.ls-topmargin-header { margin-top: 0; min-height: 20vH; }
.ls-card-v1 .card-footer { background: var(--primary-color); }
.ls-card-v1:hover .card-footer { background: var(--contrast-color); }
#footer ul.list-group-transparent li a { padding: 0.3rem 0; }
.form-group > label { font-weight: bold; }
div.formhinweis { font-size: 0.9rem; color: #888; margin-bottom: 2rem; }
.radiovertikal div.radiofield { display: inline-block; width: auto; padding: 6px 8px 0 8px; background: rgba(0,0,0,0.05); border-radius: 6px; margin: 0 6px 6px 0; }
.radiovertikal div.radiofield:last-child { display: block; width: 100%; padding: 0; background: #fff; border-radius: 0; margin: 0 0 6px 0; font-size: 0.8rem; color: #999;  }
.btn .ls-circle-btn {	display: inline-block;	margin: -1rem 0.5rem -0.7rem -1.5rem;	height: 3rem;	width: 3rem; }
.btn .ls-circle-btn i { line-height: 3rem; font-size: 1.5rem; }
.bewertung .btn.choosen { box-shadow: 0 0 8px 4px rgba(0,0,0,0.2); }

header > .ls-bottomround > .container, .ls-mainshadow { position: relative; box-shadow: 0 0 30px 1px rgba(0,0,0,0.1); }
header.notnow > .ls-bottomround > .container::after {
	-webkit-shape-outside: ellipse(51% 60% at 50% 10%);
	shape-outside: ellipse(51% 60% at 50% 10%);
	-webkit-clip-path: ellipse(51% 60% at 50% 10%);
	clip-path: ellipse(51% 60% at 50% 10%);
	position: absolute;
	width: 100%;
	background: #fff;
	height: 25px;
	content: "";
	bottom: -24px;
	left: 0;
}
#mobil-navi { z-index: 1050; }
body header#mainheader.ls-header-v4 #top {
		width:220px;
}
body.scrolled header#mainheader.ls-header-v4 #top {
		transition: width 0.5s ease-in-out;
	
		width:160px;
}
@media only screen and (max-width: 575.98px)
{
	body header#mainheader.ls-header-v4 #top {
			width:160px;
	}
	body.scrolled header#mainheader.ls-header-v4 #top {
			transition: width 0.5s ease-in-out;
			width:120px;
	}
}

footer a { text-decoration: none !important; }

header#mainheader.ls-header-v4 .nav-link { border-bottom: 3px solid #fff !important; margin-left: 0.4rem; text-transform: uppercase; padding: 0 0.4rem; }
header#mainheader.ls-header-v4 .nav-link:hover { color: var(--primary-color) !important; border-color: var(--primary-color) !important; background: transparent !important; }
header#mainheader.ls-header-v4 li.active .nav-link { border-color: var(--primary-color) !important; background-color: var(--primary-color) !important; color: #fff !important; }

body { font-size: 1.1rem; color: #363636; }
.bildslider .figure-caption { background: var(--secondary-color) !important; left: 30px !important; }
.carousel-control-next, .carousel-control-prev { width: 30px; }
.ls-mapfokus { border-radius: 360px; }

/* Weiteres */

.bg-gradient {
	background: linear-gradient(to right,var(--primary-color),70%, var(--contrast-color)) !important;
	/* background: var(--contrast-color) !important; */
}
.bg-bubble { background: RGBA(249, 175, 16, 0.3) !important; min-height: 60%; }
.blogitem.bg-bubble::after { border-right-color: RGBA(249, 175, 16, 0.3) !important }


.order-last + div .bg-bubble { background: RGBA(167, 22, 29, 0.2) !important; margin: 1rem 20px 1rem 0px; }
.order-last + div .bg-bubble.blogitem.bg-bubble::after { border-right-color: RGBA(167, 22, 29, 0.2) !important;  left: auto; right: -20px; rotate: 180deg; }

.carousel-indicators { bottom: -3rem; }
.carousel-indicators [data-bs-target] { background-color: var(--secondary-color) !important; border: 0; width: 10px; height: 10px; border-radius: 360px; }
#avatarbubbles { min-height: 10rem; }
.btn-icon { border-radius: 360px; height: 80px; width: 80px; line-height: 80px; font-size: 40px; position: relative; }
.btn-icon > .badge{ position: absolute; left: 70%; top: 0px; font-size: 1rem; }
.btn-icon > .gp-badgeleft { left: auto; right: 70%; }

.gp-incarticon { position: absolute; top: -3px; right: 0px; font-size: 3rem; }

.gp-circleicon { border-radius: 360px; height: 3rem; width: 3rem; line-height: 3rem; font-size: 1.5rem; text-align: center; position: relative; background: rgba(255,255,255,0.2); color: white; margin: -0.5rem 0 -0.75rem 0;}
.gp-circleicon img { height: 3rem; width: 3rem; }

.gp-arrowicon { line-height: 3rem; font-size: 3rem; }

.bg-lightgreen { background-color: rgba(100,125,15,0.5) !important; }

.custom-tooltip {
	--bs-tooltip-bg: var(--secondary-color);
  }

  
/* XS-Version */     
@media only screen and (max-width:575.98px){       

	.btn-icon { border-radius: 360px; height: 40px; width: 40px; line-height: 40px; font-size: 22px; position: relative; }
	.btn-icon > .badge { font-size: 0.8rem; }
	}  
  

/* Lightbox */    
.libcover { display: none; }
body.mitlib .libcover { display: block; }
html.mitlib, body.mitlib { /*height: 100%; overflow-x: hidden; overflow-y: visible; */ }
.libcover { z-index: 1500; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #eeeeee; background: rgba( 50,50,50,0.7); }
.libclose { position: relative; top: 0; left: 0; right: 0; bottom: auto; height: 50px; width: 100%; margin: 0 auto; width: calc(100% - 160px); max-width: 880px; cursor: pointer; background: url('../../media/navi-close.svg') top right no-repeat #fff; background-size: contain;  border-radius: 12px 12px 0 0; }
.libcontent { position: fixed; z-index: 1510; top: 90px; left: 30px; right: 30px; bottom: 0; overflow: visible; }
.libinner { position: relative; width: 100%; width: calc(100% - 160px); max-width: 880px; background: #ffffff; overflow-y: auto; padding: 0 50px 50px 50px; margin: 0 auto; height: calc(100vH - 140px); }    
       
@media only screen and (min-width:576px) and (max-width:991.98px){    

.libinner { width: calc(100% - 40px); max-width: 100%; padding: 0 20px 50px 20px;  }  
.libclose { width: calc(100% - 40px);  max-width: 100%;  }

}  
       
@media only screen and (max-width:575.98px){       

.libcontent { top: 25px; left: 0; right: 0; bottom: 0; padding: 0; }   
.libcontent > .container { padding: 0; }
.libinner { width: calc(100% - 20px); max-width: 100%; padding: 0 10px 20px 10px;  height: calc(100vH - 75px); }  
.libclose { margin-right: 10px; top: 0; z-index: 1550;  width: calc(100% - 20px); max-width: 100%;  }   
.libinner .container-fluid { padding: 0; }

}  

.modal { z-index: 2000; }

/* SDG  */


.sdg-dot-1 {
	color: #e10520
}
.sdg-dot-2 {
	color: #d7a206
}
.sdg-dot-3 {
	color: #249335
}
.sdg-dot-4 {
	color: #c01727
}
.sdg-dot-5 {
	color: #e6301b
}
.sdg-dot-6 {
	color: #02a7d7
}
.sdg-dot-7 {
	color: #fcb801
}
.sdg-dot-8 {
	color: #941831
}
.sdg-dot-9 {
	color: #ec6411
}
.sdg-dot-10 {
	color: #dd0878
}
.sdg-dot-11 {
	color: #f49c0c
}
.sdg-dot-12 {
	color: #d28d0c
}
.sdg-dot-13 {
	color: #497635
}
.sdg-dot-14 {
	color: #0175b8
}
.sdg-dot-15 {
	color: #3ea635
}
.sdg-dot-16 {
	color: #064b84
}
.sdg-dot-17 {
	color: #1d3163
}

.sdg-circle-1 {
	background-color: #e10520
}
.sdg-circle-2 {
	background-color: #d7a206
}
.sdg-circle-3 {
	background-color: #249335
}
.sdg-circle-4 {
	background-color: #c01727
}
.sdg-circle-5 {
	background-color: #e6301b
}
.sdg-circle-6 {
	background-color: #02a7d7
}
.sdg-circle-7 {
	background-color: #fcb801
}
.sdg-circle-8 {
	background-color: #941831
}
.sdg-circle-9 {
	background-color: #ec6411
}
.sdg-circle-10 {
	background-color: #dd0878
}
.sdg-circle-11 {
	background-color: #f49c0c
}
.sdg-circle-12 {
	background-color: #d28d0c
}
.sdg-circle-13 {
	background-color: #497635
}
.sdg-circle-14 {
	background-color: #0175b8
}
.sdg-circle-15 {
	background-color: #3ea635
}
.sdg-circle-16 {
	background-color: #064b84
}
.sdg-circle-17 {
	background-color: #1d3163
}