@font-face {
	font-family: 'raleway';
	src: url('../fonts/raleway-bold-webfont.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'raleway';
	src: url('../fonts/raleway-bolditalic-webfont.woff') format('woff');
	font-style: italic;
	font-weight: bold;
}

@font-face {
	font-family: 'raleway';
	src: url('../fonts/raleway-italic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'raleway';
	src: url('../fonts/raleway-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'tt_bluescreensbold';
	src: url('../fonts/tt-bluescreens-bold-webfont.eot');
	src: url('../fonts/tt-bluescreens-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/tt-bluescreens-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

:root {
	--orange: #ff6e53;
	--schwarz: #2f2f2f;
	--rahmen: #888888;
	--swatch-var-default: #2f2f2f;
	--grau: #888888;
	/* bugfix variable fuer js fuer untere leiste */
	--viewport-height: 100%;
}

body,
body p {
	font: 17px/26px raleway, "Lucida Grande", Lucida, Verdana, sans-serif;
	color: var(--schwarz);
}
a {
	color: var(--orange);
	text-decoration: none;
	transition: all .3s;
}
.cover {
	opacity:1;
	position:fixed;
	margin: 0;
	padding: 0;
	border: 15px solid #ffffff;
	height: 100vh;
	width:100%;
	z-index: 5100!important;
	background-repeat: none;
	background-position: center;
	background-size: cover;
	/* bugfix fuer untere leiste 
	@supports (height: var(--)) {
		height: var(--viewport-height);
	  } */
}
.cover:hover {
	cursor: pointer;
}

.scrollbutton {
	width: 53px;
	margin-bottom: 21px;
}

.bw_w_logo {
	width: 290px;
}

.nav-logo {
	height: 40px;
}

.nav-logo img {
	width: auto;
	height: 100%;
}

.claim p,
.text_hello p,
.text_hello  {
	font-size: 14px;
	line-height: 22px;
	width: 235px;
	margin-bottom: 0;
	padding-bottom: 0;
	text-transform: initial;
}

.telefon p {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 15px;
	padding-bottom: 0;
	text-transform: initial;
}

.text_hello {
	padding-top: 10px;
	margin-bottom: 15px;
}

.text_hello p a,
.telefon p a {
	color: var(--orange);
}

.text_hello p a:hover,
.telefon p a:hover {
	color: var(--schwarz);
}

.navhr {
	border-bottom: 1px solid var(--schwarz);
	width: 238px;
	opacity: 1;
}
.trenner {
	border: 0;opacity: 1;
	border-top: 1px solid var(--schwarz);
}

ul.sidenav {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	text-decoration: none;
}

ul.sidenav li a {
	text-decoration: none;
	transition: all .2s ease;
}

.sidenav {
	text-transform: uppercase;
	font-size: 0.875rem;
	letter-spacing: 0.0625rem;
	margin-left: 0;
	width: 202px;
	transition: all .2s ease;
}

.sidenav a,
.impressum_bottom a,
.mobile_impressum_bottom a {
	color: var(--schwarz);
}

.sidenav a:hover,
.impressum_bottom a:hover,
.mobile_impressum_bottom a:hover {
	color: var(--orange);
}

.intro {
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	text-align: center;
	position: relative;
}

.side_thumbs {
	margin: 0;
	padding: 0;
}

.sidebar_nav {
	width: 250px;
	height: 100%;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 10px;

}
.inhalt {
	padding-left: 265px;
	margin-top: 146px;
}

@media (max-width:767px) {
	/*xs */
	.inhalt {
		padding-left: 10px;
		padding-right: 10px;
		margin-top: 0px;
	}
}
.inhalt_home {
	padding-left: 0px;
}
.maxh {
	max-height: 80vh;
}
/* mobile navigation */
.navbar {
	background-color: #ffffff;
}

.navbar-toggler {
	border: none;
	padding: 0;
}

.navbar-toggler:focus,
.btn-close:focus,
.btn:focus,
button:focus {
	text-decoration: none;
	outline: 0 !important;
	box-shadow: none !important;
	border: none !important;
}

.offcanvas {
	border-left: #f1f1f1 solid 1px !important;
}

.offcanvas.offcanvas-end {
	border: none;
}

.offcanvas-backdrop {
	background-color: rgba(255, 255, 255, 1);
}

/* offcanvas nav */
.sidebaritem {
	color: var(--swatch-var-default);
	font-size: 17px;
	border-color: #d8d8d8 !important;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	padding-bottom: 10px;
	padding-top: 10px;
	letter-spacing: .8px;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	text-transform: uppercase;
}

a.sidebaritemlink {
	color: var(--schwarz) !important;
	text-decoration: none;
}

a.sidebaritemlink:hover {
	color: var(--orange) !important;
	text-decoration: none;
	transition: all .2s ease-out;
}

a.sideactive,
a.sidesubactive {
	color: var(--orange) !important;
	text-decoration: none;
}

/* end offcanvsas navigation */

.thumbnail_container {
	margin-left: 250px;
}

.thumb {
	overflow: hidden;
	float: left;
	position: relative;
	width: 33%;
	height: 257px;
}

.sticky {
	position: fixed;
	top: 0;
}

.news_entry {
	margin-bottom: 50px;
}

.aktuell h3,
.mobile_aktuell h3 {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--orange);
	line-height: 20px;
	padding: 0;
	margin: 0;
}
.h3 {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--orange);
	line-height: 20px;
}

.aktuell_text p {
	padding-bottom: 0;
	margin-bottom: 0;
	font-size: 16px;
	line-height: 1.3;
}

.impressum_bottom {
	margin-left: 0px;
	font-size: 14px;
	text-transform: uppercase;
	bottom: 25px;
	position: fixed;
	height: auto;
}

.title {
	margin-left: -2px;
}

.title h1 {
	font: 120px/112px tt_bluescreensbold, raleway, "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
}

.maxw {
	max-width:840px;
}
.border-orange {
    opacity: 1;
    border-color: var(--orange)!important;
}
.pricing {
	border: solid 1px!important;
	border-color: var(--grau)!important;
}
.preislinks {
	border: solid 1px;
	border-color: var(--schwarz);
	color:var(--schwarz);
	transition: all .3s;
	line-height: 1.2;
}
.preislinks:hover {
	border-color: var(--orange);
	color:white;
	background-color: var(--orange);
}
.subheadline {
	font: bold 17px/20px raleway, "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
}

.scrolldown {
	font: bold 17px/20px raleway, "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	margin-bottom: 10px;
	letter-spacing: 1px;
}
.scrolldown-black {
	color: var(--schwarz);
}
.bodytext {
	width: 750px;
	padding-right: 32px;
}


.bodytext p,
.text_left p,
.text_left,
.text {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	letter-spacing: 0.0313rem;
	text-wrap: pretty;
}
.bodytext a,
.text_left a,
.text a {
color: var(--orange);
border-bottom: 1px solid var(--orange);
padding-bottom:2px;
}
.bodytext a:hover,
.text_left a:hover,
.text a:hover {
	color: var(--schwarz);
border-bottom: 1px solid var(--schwarz);
}
.text p:last-child {
	margin-bottom: 0;
}
.title_smaller {
	font: 90px/80px tt_bluescreensbold, raleway, "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
}
@media (max-width: 800px) { /* bis MD */
	.title_smaller {
		font: 60px/55px tt_bluescreensbold, raleway, "Lucida Grande", Lucida, Verdana, sans-serif;
		text-transform: uppercase;
	}
  }

.title_smaller a {
	text-decoration: none;
	color: var(--schwarz);
	border: none;
}
.title_smaller a:hover {
	text-decoration: none;
	color: var(--orange);
	border: none;
}
.newstitle{
	font-size: 50px;
	line-height: 45px;
}

.image_right {
	max-width: 70%;
	float: left;
}

.image_right img {
	width: 100%;
	height: auto;
}

.bodytext h1,
.preise_text h1,
.text_left h1, .text h1 {
	font: bold 24px raleway, "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	line-height: 1.;
}
.preise_text h3, .text h3  {
	color: var(--orange);
}

.bodytext h2,
.bodytext h3,
.bodytext h4,
.bodytext h5,
.preise_text h2,
.preise_text h3,
.preise_text h4,
.preise_text h5,
.text_left h2,
.text_left h3 
.text_left h4,
.text h2,
.text h3,
.text h4,
.text h5
{
	font: bold 17px/20px raleway, "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
}

.portfolio_image {
	margin-bottom: 40px;
	width: 1200px;
}

.newsletter_image {
	margin-bottom: 40px;

}

.portfolio_image img {
	max-height: 800px;
}

.description {
	color: #686868;
	font-size:16px;
	line-height:1.4;
	padding-top: 10px;
}

.preise {
	margin-bottom: 50px;
	padding-right: 16px;
}

.preise_image {
	height: 430px;
	width: 430px;
	float: left;
	overflow: hidden;
	margin-right: 50px;
	margin-bottom: 30px;
}

.hrpreise {
	border-top: 1px solid var(--grau);
	
}

.clear {
	float: none;
	clear: both;
}

.page_counter {
	font: 138px/78px youthproblem, flat_sans, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
}

.page_nav {
	width: 100%;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	padding: 30px 50px 50px;
}

.page_nav a {
	text-decoration: none;

}

.arrows {
	height: 30px;
}

.prev {
	text-align: right;

	width: 45%;
	padding-right: 10px;
	float: left;
}

.next {
	width: 45%;
	padding-left: 10px;
	float: right;
}

.preise_title {
	font: 90px/85px tt_bluescreensbold, raleway, "Lucida Grande", Lucida, Verdana, sans-serif;

	text-transform: uppercase;
	margin-left: -2px;
	margin-bottom: -2px;
	margin-top: -9px;
}

.preise_subheadline {
	font: bold 17px/20px raleway, "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	margin-top: 0;
	width: 750px;
	margin-bottom: 13px;
}
.kat_title {
	font: 57px/58px tt_bluescreensbold, raleway, "Lucida Grande", Lucida, Verdana, sans-serif;
	color: var(--schwarz);
	text-transform: uppercase;
}
/* hover images with flexbox */
.hovercontainer {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
	filter: grayscale(1);
	transition: filter 0.3s ease;
  }
  .overlay-txt {
    opacity: 1;
    position: absolute;
/*     top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: transparent; */
    border: none;
	text-align: center;
	font: 50px/48px tt_bluescreensbold, raleway, "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #ffffff;
	letter-spacing: 0.7px;
	transition: all .3s;
	text-transform: uppercase;
	/*background-color: rgba(0, 0, 0, 0.2);*/
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
  }
  @media (max-width: 820px) { /* bis MD */
	.overlay-txt {
	font: 35px/35px tt_bluescreensbold, raleway, "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing: 0.0938rem;
	}
  }
  @media (max-width: 520px) { /* bis MD */
	.overlay-txt {
	font: 28px/28px tt_bluescreensbold, raleway, "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing: 0.0938rem;
	}
  }
  .hovercontainer:hover {
	filter: None;
  }
  .hovercontainer:hover .hoverimg {
	transition: filter 0.3s ease;
  }
.hoverimg {
	filter: brightness(.85);
}
.thumbnail {
	filter: grayscale(1);
	transition: filter 0.3s ease;
}
.thumbnail:hover {
	filter: None;
}
.datum {
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	background: var(--orange);
	padding: 6px 12px;
	color: #ffffff;
}

.hamburger {
	background: none;
	position: absolute;
	top: 0;
	right: 0;
	padding: 15px 16px 0px 15px;
	color: var(--schwarz);
	border: 0;
	cursor: pointer;
	outline: none;
	z-index: 10000;
}

.cross {
	background: none;
	position: absolute;
	top: 0px;
	right: 0;
	padding: 15px 19px 0px 15px;
	color: var(--schwarz);
	border: 0;
	cursor: pointer;
	outline: none;
	z-index: 10000;
}

.menu_ham {
	width: 24px;
	height: 24px;
}

.hammenu {
	z-index: 10001;
	font-weight: bold;
	font-size: 16px;
	width: 100%;
	background: #f6f6f6;
	position: absolute;
	text-align: center;
	margin-top: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.hammenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

.hammenu li {
	display: block;
	padding: 15px 0 15px 0;
	border-bottom: #dddddd 1px solid;
}

.hammenu li:hover {
	display: block;
	background: #ffffff;
	padding: 15px 0 15px 0;
	border-bottom: #dddddd 1px solid;
}

.hammenu ul li a {
	text-decoration: none;
	margin: 0px;
	color: #666;
}

.hammenu ul li a:hover {
	color: #666;
	text-decoration: none;
}

.hammenu a {
	text-decoration: none;
	color: #666;
}

.hammenu a:hover {
	text-decoration: none;
	color: #666;
}

/* My Comment */
@media (max-width: 1600px) {
	#rig li {
		width: 33.33%;
	}
}

@media (max-width: 1400px) {
	#rig li {
		width: 50%;
	}

	.preise_image {
		height: 330px;
		width: 330px;
		float: left;
		overflow: hidden;
		margin-right: 25px;
		margin-bottom: 25px;
	}

	.portfolio_image {
		width: 100%;
	}

}

@media (max-width: 1300px) {
	.text_left {
		width: 100%;
		float: none;
	}

	.image_right {
		max-width: 100%;
		float: none;
	}

	.preise_subheadline {
		width: 100%;
		max-width: 100%;
		padding-right: 16px;
	}
}

@media (max-width: 1000px) {


	#rig li {
		width: 100%;
	}

	.portfolio_image img {
		max-height: 600px;
		display: block;
	}

	.preise_text {
		width: 100%;
		max-width: 100%;
		float: none;
		padding-right: 16px;
	}

	.preise_subheadline {
		width: 100%;
		max-width: 100%;
		padding-right: 16px;
	}

	.preise_image {
		float: none;
		margin-bottom: 30px;
		width: 100%;
		height: auto;
	}

}

@media (max-width: 989px) {
	.portfolio_image img {
		margin-left: auto;
		margin-right: auto;
	}

	.title h1 {
		font: 80px/74px tt_bluescreensbold, raleway, "Lucida Grande", Lucida, Verdana, sans-serif;
	}

	.sticky {
		position: fixed;
		top: 0;
		z-index: 5000;
	}

	.thumbnail_container {
		margin-left: -15px;
	}

	.mobile_impressum_bottom {
		text-transform: uppercase;
		font-size: 13px;
	}

	.aktuell_text {
		height: auto;
		padding-top: 0;
	}

	.aktuell_text p {
		font-size: 15px;
		line-height: 20px;
	}

	.portfolio_image {
		margin-bottom: 20px;
	}

	.mobile_aktuell h3 {
		border-top: 1px solid #bcbcbc;
		padding-top: 16px;
	}
	.subheadline {
		padding-left: 15px;
		padding-right: 15px;
	}

	.bodytext,
	.text_left {
		padding-left: 15px;
		padding-right: 15px;
	}

	.bodytext h1,
	.preise_text h1,
	.text_left h1 {
		font: bold 29px/32px raleway, "Lucida Grande", Lucida, Verdana, sans-serif;
		text-transform: uppercase;
		margin-bottom: 0;
	}

	.portfolio_image {
		width: 100%;
	}

	.portfolio_image img {
		margin-left: auto;
		margin-right: auto;
		max-height: 500px;
		display: block;
	}

	.preise_image {
		width: 100%;
		height: auto;
	}

	.preise {
		margin-left: 16px;
	}

	.preise_title {
		font: 79px/76px tt_bluescreensbold, raleway, "Lucida Grande", Lucida, Verdana, sans-serif;

		text-transform: uppercase;
		margin-left: -2px;
		margin-bottom: -2px;
		margin-top: -9px;
	}
}



@media all and (max-width: 767px) {
	.paket_title {
		font: bold 22px/24px raleway, "Lucida Grande", Lucida, Verdana, sans-serif;
	}

	.paket_preis {
		font: bold 20px/22px raleway, "Lucida Grande", Lucida, Verdana, sans-serif;
	}
}
.mb-4 {
	margin-bottom: 40px;
}

.paket_title p {
	font: bold 20px/27px raleway, "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	text-align: center;
}

.paket_preis {
	color: var(--schwarz);
	font: bold 24px/26px raleway, "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	text-align: center;
}

.paket_text, .paket_text p{
	font-size: 16px;
	line-height: 1.5;
}
.paket_text h3 {
	font-size: 16px;
	line-height: 1.1;
	color: var(--orange);
	text-transform: uppercase;
	border-bottom: 1px solid var(--grau);
	padding-bottom: 15px;
	padding-top: 15px;
}

.paket_text ul li {
	list-style: inside;
}

.paket_text p {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid var(--grau);
	padding-bottom: 12px;
	padding-top: 12px;
}

.paket_text p:first-child,
.paket_text h3:first-child {
	padding-top: 7px;
}

.paket_text p:last-child,
.paket_text h3:last-child {
	border-bottom: 1px none transparent;
	padding-bottom: 0px;
}

/* -------------- cookie ----------------*/
.privacywire {
	position: fixed;
	bottom: -250%;
	width: 90%;
	margin: auto;
	box-shadow: 0 -1px 28px rgba(0, 0, 0, .3) !important;
	opacity: 0;
	/* background: #94C11F; */
	background: #ffffff;
	z-index: 10001 !important;
	padding: 2rem !important;
	transition: bottom .3s ease-in, opacity .3s ease;
}

.privacywire button,
.privacywire-consent-button,
.privacywire-show-options {
	background-color: #ffffff;
	border-radius: 42px;
	border: 4px solid #676767;
	display: inline-block;
	cursor: pointer;
	color: #424242;
	font-size: 14px;
	padding: 7px 33px;
	text-decoration: none;
	font-weight: bold;

}

a.privacywire-show-options {
	text-decoration: none;
	color: #424242;
	font-weight: bold;
}

.privacywire button:focus,
.privacywire-consent-button:focus,
.privacywire-show-options:focus {
	outline: none;
	box-shadow: none;
}

.privacywire button:hover,
.privacywire-consent-button:hover,
.privacywire-show-options:hover {
	background-color: #f1f1f1;
}

.privacywire button:active,
.privacywire-consent-button:active,
.privacywire-show-options:active {
	position: relative;
	top: 1px;
}

.privacywire-text input {
	margin-right: 8px;
}

.show-banner .privacywire-banner,
.show-message .privacywire-message,
.show-options .privacywire-options {
	bottom: 0;
	opacity: 1;
}

.privacywire-header {
	font-weight: 700;
}

.privacywire-ask-consent {
	padding: 4rem;
}

.privacywire-ask-consent-blueprint,
.privacywire button[hidden],
[data-ask-consent-rendered="1"] {
	display: none;

}

.boxed {
	padding: 18px;
}

@media all and (max-width: 767px) {
	.m-3 {
		margin: 10px;
	}
}

@media all and (min-width: 767px) {
	.homeM {
		margin-top: 145px;
	}
}

/* ScrollToTop button */
.scrollToTop {
	width: 36px;
	height: 36px;
	padding: 5px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	opacity: 0;
	z-index: 999;
	transition: all .3s ease-in-out;
	pointer-events: none;
}

.showScrollTop {
	opacity: 1;
	pointer-events: all;
}

.scroll-to-top-btn-icon {
	fill: none;
	stroke: var(--schwarz);
	stroke-width: 2px;
	fill-rule: evenodd;
	stroke-linecap: round;
}

.scrollToTop {
	border-radius: 50%;
}

.scrollToTop svg {
	vertical-align: top;
}
.pfeil {
	height: 50px;
	transition: opacity .1s ease-in-out 0s;
}

.pfeil:hover {
	transition: opacity .2s ease-in-out 0s;
	opacity: 0.2;
}
/* Images inside Text */
.align_left {float: left; margin: 0 15px 0 0;}
.align_right {float: right; margin: 0 0 0 15px;}
.align_center{margin: 0px auto; margin-bottom:15px;display:block;}

.nolinks a, .nolinks p a, .nolinksblack a, .nolinksblack p a{
	text-decoration: none!important;
	color: var(--schwarz)!important;
	border: 0!important;
}
.nolinks a:hover, p a img {
	text-decoration: none!important;
	color: var(--orange)!important;
	border: 0!important;
}
/* ↓ --------- THS-Accordion - see jquery */
dl.THSaccordion {
	margin: 0;
	padding: 0;
	position: relative;
	border-bottom: 1px solid var(--rahmen);
	margin-bottom: 15px;
}
dl.THSaccordion > dt {
	list-style: none;
	margin: 0;
	padding: 0;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: var(--rahmen); 
}
dl.THSaccordion > dt > a {
	display: block;
	padding: 10px 40px 10px 10px;
	
	position: relative;
	transition: all .2s ease; 
	text-decoration: none;
	color: var(--schwarz)!important
}
dl.THSaccordion > dt > a:after {
	color:  var(--rahmen); 
	right: 16px;
	position: absolute; 
	top: 8px;
    width: 30px;
    height: 30px;
    content: "";
	background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 167 167" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;"><path d="M83.333,0l0,166.667" style="fill:none;stroke:%23000;stroke-width:4.17px;"/><path d="M0,83.333l166.667,0" style="fill:none;stroke:%23000;stroke-width:4.17px;"/></svg>');
    background-repeat: no-repeat;
   transition: all .2s ease; 
}
dl.THSaccordion > dt > a:hover {
	color: var(--schwarz)!important;
	text-decoration: none;
	background: var(--orange); 
}
dl.THSaccordion > dt > a.open {
	background: #ffffff; 
	transform: 0.2s ease-in-out;
}
dl.THSaccordion > dt > a.open:after {
	top: 8px;
	content: "";
	transform: 0.2s ease-in-out;
	transform: rotate(-45deg);
}
dl.THSaccordion dd {
	color: var(--rahmen)!important;
	display: none;
	padding: 10px 20px;
    margin: 0;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: var(--rahmen);
}
/* ↓ --------- THS-B5-Carousel-Slider mit eigener BU - see jquery */
/*	THS bootstrap 5 carousel addon
	center img, maxheight img, caption below */
	.THScarousel5 {
		max-height: 80vh; /* bildhöhe begrenzen */
		max-width: 100%!important;
		width: auto!important;
		margin-right: auto!important; /* center img */
		margin-left: auto!important; /* center img */
		display: block!important; /* center img */
	}
	.carousel-caption-center {
		/* fix BU links unter dem Bild */
		transform: none;
	}
	.THS_B5_SLIDER {
		/*  maximale breite insgesamt? dann hier: 
		width:300px; */
	}
	.THS_B5_SLIDER_CAPTION{
	}
	.carousel-caption {  /* stdn captions ausschalten */
		display: none !important;
	}
	.carousel-control-prev-icon{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44' version='1.1' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(-1 0 0 1 27.301 0)'%3E%3Cpath id='arrow' d='M5.431 41.747L22.331 24.847L22.356 24.872L25.891 21.336L25.867 21.312L25.891 21.288L22.356 17.752L22.331 17.777L5.965 1.414L2.43 4.95L18.794 21.314L1.9 38.212L5.435 41.747M5.435 43.161L0.482 38.212L17.382 21.312L1.016 4.95L5.965 0L22.329 16.364L22.354 16.339L27.3 21.29L27.276 21.314L27.3 21.338L22.351 26.288L22.326 26.263L5.435 43.161Z' style='fill-rule:nonzero;fill:rgb(200,200,200);'/%3E%3C/g%3E%3C/svg%3E")
	}
	.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2%3B'%3E%3Cg transform='matrix(1 0 0 1 -0.481 0)'%3E%3Cpath id='arrow' d='M5.431 41.747L22.331 24.847L22.356 24.872L25.891 21.336L25.867 21.312L25.891 21.288L22.356 17.752L22.331 17.777L5.965 1.414L2.43 4.95L18.794 21.314L1.9 38.212L5.435 41.747M5.435 43.161L0.482 38.212L17.382 21.312L1.016 4.95L5.965 0L22.329 16.364L22.354 16.339L27.3 21.29L27.276 21.314L27.3 21.338L22.351 26.288L22.326 26.263L5.435 43.161Z' style='fill-rule:nonzero;fill:rgb(200,200,200);'/%3E%3C/g%3E%3C/svg%3E")
	}
	.carousel-control-next-icon, .carousel-control-prev-icon {
		width: 27px; height: 44px; transition: all .2s ease-out;
	}
	.carousel-control-next, .carousel-control-prev  {
		opacity: 1;
	}
	.carousel-control-next:hover, .carousel-control-prev:hover  {
		opacity: .5;
	}
	/*	end THS bootstrap 5 carousel addon -------------------- */

/* simplelightbox */
.sl-wrapper .sl-close {
    background: url('../i/lx_close.svg') center center no-repeat;
    background-size: contain;
    width: 38px;
    height: 38px;
	transition: all .2s ease-out;
}
.sl-wrapper button:hover {
    opacity: 1;
    background: url('../i/lx_close_hover.svg') center center no-repeat;
    background-size: contain;
    width: 38px;
    height: 38px;
}
.sl-wrapper .sl-image .sl-caption {
    color: #b1b1b1;
    padding-left: 0;
    line-height: 22px;
    font-size: 14px;
}
.sl-wrapper .sl-counter {
    color: #b1b1b1;
    line-height: 22px;
    font-size: 14px;
}
.sl-wrapper .sl-navigation button.sl-prev {
    opacity: 1;
    background: url(../i/lx_left.svg) center center no-repeat;
    width: 40px;
    height: 40px;
}

.sl-wrapper .sl-navigation button.sl-prev:hover {
    opacity: 1;
    background: url(../i/lx_left_hover.svg) center center no-repeat;
    width: 40px;
    height: 40px;
}
.sl-wrapper .sl-navigation button.sl-next {
    opacity: 1;
    background: url(../i/lx_right.svg) center center no-repeat;
    width: 40px;
    height: 40px;
}
.sl-wrapper .sl-navigation button.sl-next:hover {
    opacity: 1;
    background: url(../i/lx_right_hover.svg) center center no-repeat;
    width: 40px;
    height: 40px;
}
.unloaded {
	min-height: 120px;
  /* set a minimum default height for image containers
   this prevents too many images from appearing in the viewport
   thus causing lazy load to load too many images at once
   we will use the lazyload .load() callback to remove this fixed */
}
/*Thumbs new */
.grid {
	margin: 0px;
	padding: 0;
}
.grid a{
  text-decoration: none;
}
.grid:after {
content: '';
display: block;
clear: both;
}
.grid-sizer,
.grid-item {
	width: 100%;
}
@media (min-width: 320px) { /* bis MD */
	.grid-sizer,
	.grid-item {
		width: 50%;
	}
}
@media (min-width: 900px) { /* bis MD */
	.grid-sizer,
	.grid-item {
	width: 33.33%;
	}
}
@media (min-width: 1200px) { /* bis MD */
	.grid-sizer,
	.grid-item {
	width: 25%;
	}
}
.grid-item {
	position: relative;
	display: block;
	padding: 3px 3px 3px;
	overflow: hidden;
}

.grid-item img {
	display: block;
	width: 100%;
}
.item {
	transition: all .3s;
}
.item:hover {
	filter:brightness(0.8);
}
.grid-item a {
  padding: 0;
  margin: 0;
  display: block;
}
/* ths ----------------------------------------- styles */
.editme {
	z-index:10000;
	color: #ff0947;
	background-color: rgba(246, 253, 53, 0.71);
	position: fixed;
	top: 10px;
	left: 10px;
	padding-top:6px;
	padding-left:7px;
	padding-right:7px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 18px;
	border-radius:50%;
	box-shadow: 5px 5px 5px rgba(169, 169, 169, 0.91);
	transition: all .2s ease-out;
}
.editme:hover {
	background-color: rgba(53, 254, 249, 0.91);
}
.editme a {
	text-decoration: none;
	font-weight: bold;
}