/*--------------------------------------------------------------------
	Author: {ths} Thomas Schostok Design
	Version: 1.0
---------------------------------------------------------------------*/
/*@import url("ths_fonts_static.css");*/
@import url("ths_fonts_static.css");
@view-transition {
	navigation: auto;
}
/* Swatch Variables */
:root{
	--thsBody: #F8F7EE;				/*Body BG */
	--thsTextfarbe: #1C1C1C;				/* Textfarbe */
	--thsRahmen: #1C1C1C;				/* Linien: Buttons, Trenner */
	--thsButtonBG: #F8F7EE;	
	--thsButtonTextHover: rgb(240, 240, 240);
	--thsButtonHover: #1C1C1C;
	--thsLinks: #1C1C1C;				/* Textlinks */
	--thsLinksHover: #FF4C4C;		/* Textlinks Hover */
	--thsSidebarLinks: #1C1C1C;				
	--thsSidebarLinksHover: #FF4C4C;
	--thsSidebarLinksActive: #FF4C4C;	
	--thsFooterLinks: #1C1C1C;		/* Textlinks */
	--thsFooterLinksHover: #FF4C4C;	/* Textlinks Hover */
	--thsAccordionHover: #1C1C1C;
	--thsOffcanvasBG: rgba(255, 255, 255, 1);
	--thsgelb: #E7D96D;
	--thsrot: #FF4C4C;
	--bs-offcanvas-bg: #F8F7EE!important; /* Offcanvas BG */
}
.offcanvas {
	background-color: #F8F7EE;
}
.navbar {
	background: #F8F7EE;
	--bs-navbar-color: var(--thsTextfarbe);				/* links */
	--bs-navbar-hover-color: #FF4C4C;	;		/* linksHover */
	--bs-navbar-active-color: #FF4C4C;	;	/* Active */
	background-image: url("../img/bg_header.png");
	background-size: 100% 100%;
	background-position: top 0px center;
	background-repeat: no-repeat;
  min-height: 150px;
}
.nav-link {
	font-weight: 700;
}	

footer {
	background: #F8F7EE;
	background-image: url("../img/bg_footer.png");
	background-size: 100% 130px;
	background-repeat: no-repeat;
  background-position: bottom 0px center;
  background-repeat: no-repeat;
}
@media (max-width:768px) { /* ab MD */
	.navbar {
		min-height: auto;
	  }
}

.ths-bg-red {
	background-color: var(--thsrot)!important;
}

.dropdown-menu {
	--bs-dropdown-link-color: var(--thsTextfarbe);	
	--bs-dropdown-link-hover-color:#FF4C4C!important;
    --bs-dropdown-link-hover-bg:  #E7D96D;	/* BG hover dropdown) */
	--bs-dropdown-bg: #F8F7EE;
    border: 2px solid var(--thsgelb);	
}
.dropdown-toggle::after {
 /* Dropdown Pfeil */
	/* border:0; */
}
.container {
	/* max-width:1140px; */
}
@media (max-width: 991px) { .container{width:100%;}}
.bloc{
	width:100%;
	clear:both;
	background: 50% 50% no-repeat;
	padding:0 20px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	display:flex;
}
.bloc .container{
	padding-left:0;
	padding-right:0;
	position:relative;
}
.test {
	color:var(--thsButtonHover);
}
body {
	margin:0;
	padding:0;
    background-color:var(--thsBody);
    overflow-x:hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family:"vszl-text";
	display: flex;
	flex-direction: column;

}




/* fixes */
a,button{
	/* Prevent ugly blue glow on chrome and safari */
	outline: none!important;
}
.a-block{
	width:100%;
	text-align:left;
	display: inline-block;
}
.text-center .a-block{
	text-align:center;
}
.navbar-toggler:focus,.btn-close:focus, button:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
}
/* footer sticky bottom */
html, body {
	height: 100%;
}  
main {
	flex: 1; 
  }
footer {
	margin-top: auto; 
  }
/* end footer sticky bottom */

.page-container{overflow: hidden;} /* Prevents unwanted scroll space when scroll FX used. */
/* navigation */
.dropdown-menu {
    border-radius: 0;
	width:100%; /* fix */
	min-width: 200px;
}
.dropdown-item {
	white-space: normal; /* fix */
	transition: all .2s ease-out;
}
footer a, .text-footer a {
	color:var(--thsFooterLinks);
	text-decoration: none;
	transition: all .2s ease-out;
}
footer a:hover, v.text-footer a:hover {
	color:var(--thsFooterLinksHover);
}
.activeNav{
	color: var(--bs-navbar-active-color)!important;
}
.navbar-brand img { width:auto; height:50px;transition: all .2s ease-out;}
@media (min-width:768px) { /* ab MD */
	.navbar-brand img { height:70px;}
  }
/* end navigation */

/* mobile navigation */
.navbar-toggler {
	border:none;
	padding: 0;
}
.offcanvas {
	border-left: #f1f1f1 solid 1px!important;
}
.offcanvas.offcanvas-end {
    border:none;
}
.offcanvas-backdrop {
	background-color: var(--thsOffcanvasBG);
}
/* offcanvas nav */
.sidebaritem {
	color:var(--thsTextfarbe);
	font-size:19px;
	font-family: "vszl-head";
	letter-spacing: 0.032em;
	font-variation-settings: "wght" 500;
	border-color: var(--thsRahmen)!important;
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    padding-bottom: 10px;
    padding-top: 12px;
	overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
a.sidebaritemlink {
	color:var(--thsSidebarLinks)!important;
	text-decoration: none;
}
a.sidebaritemlink:hover {
	color:var(--thsSidebarLinksHover)!important;
	text-decoration: none;
	transition: all .2s ease-out;
}
a.sideactive, a.sidesubactive {
	color:var(--thsSidebarLinksActive)!important;
	text-decoration: none;
}
/* end offcanvsas navigation */

/* ScrollToTop button */

.scrollToTop {
	width:36px;
	height:36px;
	padding:5px;
	position:fixed;
	bottom:20px;
	right:20px;
	border-radius:50%;
	opacity:0;
	z-index:999;
	transition: all .3s ease-in-out;
	pointer-events:none;
	
}
.scrollToTop, .scrollToTop:hover, .scrollToTop:focus {
	color: #FFF;
	background: rgba(248, 247, 239, 1);
	border: 2px solid var(--thsRahmen);
}
.scrollToTop:hover {
	opacity: 0.5;
}
.showScrollTop{
	opacity: 1;
	pointer-events:all;
}
.scrollToTop svg {
	vertical-align: top;
}
.scroll-to-top-btn-icon{
	fill: none;
	stroke: var(--thsRahmen);
	stroke-width: 2px;
	fill-rule: evenodd;
	stroke-linecap:round;
}
.maxigmH {
	max-height: 70vh;
}
.min-vh-40 {
	min-height: 40vh;
}
/* 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; text-align: center;}

p.align_left {text-align: left;}
p.align_center {text-align: center;}
p.align_right {text-align: right;}


/* ↓ --------- THS-Accordion - see jquery */
dl.THSaccordion {
	margin: 0;
	padding: 0;
	position: relative;
	border-bottom: 1px solid var(--thsRahmen);
}
dl.THSaccordion > dt {
	list-style: none;
	margin: 0;
	padding: 0;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: var(--thsRahmen); 
}
dl.THSaccordion > dt > a {
	display: block;
	padding: 10px 60px 10px 10px;
	position: relative;
	transition: all .2s ease; 
	text-decoration: none;
	color: var(--thsRahmen)!important
}
dl.THSaccordion > dt > a:after {
	color:  var(--thsRahmen); 
	right: 16px;
	position: absolute; 
	top: 8px;
    width: 30px;
    height: 30px;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2' viewBox='0 0 125 125'%3E%3Cpath d='M24.574 20.824 62.048 58.25l37.328-37.417L122 43.436 62.048 103.62 1.944 43.436l22.63-22.612Zm-.004 6.556L8.496 43.436l53.552 53.703 53.405-53.703L99.38 27.37 62.048 64.773 24.574 27.37l-.004.01Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
   transition: all .2s ease; 
}
dl.THSaccordion > dt > a:hover {
	text-decoration: none;
	color:var(--thsButtonTextHover)!important;
	background: var(--thsAccordionHover);
}
dl.THSaccordion > dt > a.open {
	transform: 0.2s ease-in-out;
}
dl.THSaccordion > dt > a.open:after {
	top: 7px;
	content: "";
	transform: 0.2s ease-in-out;
	transform: rotate(-180deg);
}
dl.THSaccordion dd {
	color: var(--thsRahmen)!important;
	display: none;
	padding: 10px 20px;
    margin: 0;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: var(--thsRahmen);
}
/* ↓ --------- THS-Accordion2 - css only*/



/* ↓ --------- THS-B5-Carousel-Slider mit eigener BU - see jquery */
/*	THS bootstrap 5 carousel addon
	center img, maxheight img, caption below */
.THScarousel5 {
	max-height: 50vh; /* 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, .BU{
	color: var(--thsTextfarbe);
}
.carousel-caption {  /* stdn captions ausschalten */
	display: none !important;
}
.carousel-control-prev-icon{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 105 175" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-miterlimit:1.5;"><path d="M93.75,4.167l-83.333,83.333l83.333,83.333" style="fill:none;stroke:%23000;stroke-width:8.33px;"/><path d="M89.583,4.167l-83.333,83.333l83.333,83.333" style="fill:none;stroke:%23fff;stroke-width:8.33px;"/></svg>');
}
.carousel-control-next-icon{background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg clip-rule="evenodd" fill-rule="evenodd" stroke-miterlimit="1.5" version="1.1" viewBox="0 0 105 175" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path d="m14.583 4.167 83.334 83.333-83.334 83.333" fill="none" stroke="%23000" stroke-width="8.33px"/><path d="m10.417 4.167 83.333 83.333-83.333 83.333" fill="none" stroke="%23fff" stroke-width="8.33px"/></svg>');
}
.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 -------------------- */
/* masonry fake gallery 3-spaltig */
.masonry {
	display: grid;
	/*   grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));*/
	grid-template-columns: repeat(3, 1fr); /* Force 3 columns */
	grid-auto-rows: 250px;
	gap: 10px;
	transition: all .2s ease-out;
}
.masonry-item {
	box-sizing: border-box;
	transition: transform 0.3s;
	display: flex;
	align-masonry-items: center;
	justify-content: center;
	font-size: 1.2em;
	margin:0;
	position: relative; /* Add position: relative to the masonry-item */
}
.masonry-item:hover {
}
.masonry-item a {
	display: block; 
	width: 100%; 
	height: 100%; 
	cursor: zoom-in;
}
.image-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4); /* Adjust opacity as needed */
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	display: flex; /* Make image-overlay a flex container */
	align-items: flex-end; /* Align title to the bottom */
	justify-content: center; /* Center title horizontally */
}
.image-title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); /* Center the title */
	opacity: 0; /* Initially hide the title */
	transition: opacity 0.3s ease-in-out; /* Add transition for smooth fading */
	color: #fff;
	padding: 10px 15px;
	border-radius: 5px;
	text-align: center;
	max-width: 100%; /* Limit the width of the title */
}
.masonry-item:hover .image-overlay {
	opacity: 1; /* Show the overlay on hover */
}
.masonry-item:hover .image-title {
	opacity: 1; /* Show the title on hover */
}
.masonry_portrait { grid-row: span 2;} /* Bildhöhe > Bildbreite */

.masonry-item img {
	width: 100%; /* Make the image fill the container width */
	height: 100%; /* Make the image fill the container height */
	object-fit: cover; /* Crop the image to fill the container while maintaining aspect ratio */
}
@media (max-width: 978px) { 
	.masonry {
		grid-auto-rows: 200px;
	}
}
@media (max-width: 768px) { 
	.masonry {
		grid-template-columns: repeat(2, 1fr); /* Force 3 columns */
		grid-auto-rows: auto;
        gap: 15px;
    }
}
/* end masonry-gallery */

.pfeil {
	width:60px
}
.nolinks a, .nolinks p a, .nolinksblack a, .nolinksblack p a{
	text-decoration: none!important;
	color: var(--thsTextfarbe)!important;
	border: 0!important;
}
.nolinks a:hover {
	text-decoration: none!important;
	color: var(--thsLinks)!important;
	border: 0!important;
}
/* searchbox height */
.searchboxheight {
	 height: auto!important; 
	 padding-bottom: 50px!important;
	 bottom: inherit !important;
}
.trennerVR {
	height:100%;
	border-style:solid;
	border-width:0 30px 0 0; /* T R B L */
	border-color:#E7D96D!important;
	width: 30px;
	flex: 0 0 30px;
}
.trennerv{
	position:relative;
}
.boxr{
	background-color:var(--thsgelb);
	position:absolute;
	top:0px;
	right:-24px;
	width:24px;
	height:100%;
}
.boxl{
	width:24px;
	height:100%;
	position:absolute;
	left:0px;
	border: solid 3px var(--thsgelb);
}
@media (max-width:768px) { /* bis MD */
.boxr, .boxl {
	display:none; }
}
h1, h2, h3, h4, h5, h6, .datum, 
h1.text, h2.text, h3.text, h4.text, h5.text
{
	font-family:"vszl-head";
	font-style: italic;
	line-height: 1.4;
}

h3, h3.text, h6, h6.text {line-height: 1.1; margin-bottom: 3px!important;}

h1 {
	color:var(--thsrot);
	font-size: clamp(2.5rem, 6vw, 4rem); /* Modern browsers */
	line-height: 1;
	text-align: center;
}

.text p:last-child {
	margin-bottom: 0;
}

.text, .text-footer {
	font-family:"vszl-text";
	color:var(--thsTextfarbe)!important;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	letter-spacing: 0.00625em;
	font-size: 1.125rem;
	line-height: 1.4
}
.text a {
	text-decoration:none;
	border-bottom:1px solid var(--thsLinks)!important;
	transition: all .2s ease-out;
	color:var(--thsLinks);
}
.text a:hover {
	text-decoration:none;
	border-bottom:1px solid var(--thsLinksHover)!important;
	padding-bottom:0px;
	color:var(--thsLinksHover)!important;
}
.text ol li, .text ul li {
	margin-bottom: 5px;
}

.blog {
font-family:"vszl-text"!important;
font-style: normal!important;
font-weight:bold;
	color:var(--thsrot)!important;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	letter-spacing: 0.00625em;
	font-size: 1.25rem;
	line-height: 1.0
}
.imgmaxH {
	max-height: 150px;
}

strong {
	font-variation-settings: "wght" 700;
}
.h1_start h1, .h2_start h2, .h3_start h3, .h4_start h4 {
	color: var(--thsrot)!important;
}
.h1_start {
	color: var(--thsrot)!important;
}
.h3_start h3 {
	font-size: clamp(2.5rem, 6vw, 4rem); /* Modern browsers */
		/*font-size: 4rem;*/
		line-height: 1;
}
.h3plus_start h3 {
	color: var(--thsrot)!important;
	font-size: clamp(2.5rem, 6vw, 5rem); /* Modern browsers */
		/*font-size: 4rem;*/
		line-height: 1;
}
.h1_start {
	font-size: clamp(2.4rem, 8vw, 7rem); /* Modern browsers */
		line-height: 1.1;
}
.h1_start .gelbunderline {
text-decoration: underline;
text-decoration-thickness: 18px;
text-decoration-color: var(--thsgelb);
text-underline-offset: -8px;
text-decoration-skip-ink: none;
}
@media (max-width:768px) { /* bis MD */
.h1_start .gelbunderline {text-decoration-thickness: 8px; text-underline-offset: -4px;}
}
.serif
{
	font-family:"vszl-head"!important;
	line-height: 1.1;
}
.tags {
	font-size: clamp(16px, 4.5vw, 2.3rem)!important; /* Modern browsers */
		/*font-size: 2.125rem!important;*/
	line-height: 1;
}
.fs-6, .fs-5, .fs-4, .fs-3, .fs-2, .fs-1 {letter-spacing: normal;}



.ths_button {
	border-bottom-width: 1px;
	border: 1px solid var(--thsRahmen);
	padding: 8px 12px 6px;
	display: inline-block;
	transition: all .2s ease-out;
	background-color: var(--thsButtonBG);
}
.ths_button a{
	text-decoration: none;
	color: var(--thsRahmen);
}
.ths_button:hover{
	color: var(--thsButtonTextHover);
	background-color: var(--thsButtonHover);
}
.ths_button:hover a {
	color: var(--thsButtonTextHover);
}
.text-footer {
	font-weight: bold;
	font-size: 1rem;
}
.inline_button,
a > .inline_button {
		border: 1px solid var(--thsRahmen);
		padding: 8px 12px 6px;
		display: inline-block;
		transition: all .2s ease-out;
		background-color: var(--thsButtonBG);
		margin-bottom: -1px;
		text-decoration: none !important;
		color: var(--thsRahmen) !important;
	}
/* This targets links specifically inside inline_button */
.inline_button a {
    text-decoration: none !important;
    color: inherit !important;
    border-bottom: none !important;
}
.inline_button:hover,
a:hover > .inline_button {
    background-color: var(--thsButtonHover);
    color: var(--thsButtonTextHover) !important;
}
/* Hover state for the link inside */
.inline_button:hover a {
    color: inherit !important;
	border-bottom: none !important;

}
/* Hover state for inline button links */
.Xinline_button a:hover {
    border-bottom: none !important;
	color: var(--thsButtonTextHover)!important;
	background-color: var(--thsButtonHover);
}
.inputsearchbutton {
    height: 66px;
    background-color: transparent;
    border-color: var(--thsRahmen)!important;
    border-width: 1px 1px 1px 1px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-style: solid;
    border-radius: 0px 0px 0px 0px;
    color: var(--thsTextfarbe)!important;
}
blockquote {
	display: grid;
	grid-template-columns: 50px auto; /* Eine Spalte für das Icon (50px breit), eine für den Text (restliche Breite) */
	grid-gap: 1rem; /* Abstand zwischen den Spalten */
}
blockquote p {
	font-style: italic;
	font-family: "vszl-head";
	margin: 0; /* Remove default margins */
	grid-column: 2; /* Platziere alle <p>-Elemente in der zweiten Spalte */
}
blockquote::before {
	content: "\F250"; /* Unicode representation of your icon */
	font-family: bootstrap-icons;
	font-size: 36px;
	margin-right: 20px; /* Adjust spacing between icon and text */
	font-style: normal;
}
.blockquote2 blockquote  { 
margin-top: 15px;
}

.blockquote2 blockquote p {
	text-transform: uppercase;
	font-style: normal;
	font-family: "vszl-head";
	margin: 0; /* Remove default margins */
	grid-column: 2; /* Platziere alle <p>-Elemente in der zweiten Spalte */
}
.blockquote2 blockquote::before {
	font-family: "vszl-head";
	content: "→";
	/*content: "\F250";  Unicode representation of your icon */
	font-size: 56px;
	line-height: 1;
	margin-right: 20px; /* Adjust spacing between icon and text */
	font-style: normal;
}


@media (max-width:768px) { /* ab MD */
	.blockquote2 blockquote {
		display: grid;
		grid-template-columns: 0px auto; /* Eine Spalte für das Icon (50px breit), eine für den Text (restliche Breite) */
		grid-gap: 0; /* Abstand zwischen den Spalten */
	}
	.blockquote2 blockquote::before {
		content: none;
		margin-right: 0px; 
	}
.blockquote2 blockquote p { font-size: 1rem;}
}

.extranav a {
	background-color: transparent;
	transition: all .2s ease-out;
}
.extranav a:hover {
	background-color: white;
	color: var(--thsrot)!important;
}

.extranav a {
  background-color: transparent;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.text-red {color: var(--thsrot)!important;}

.italics {
	font-style: italic;
}

hr { opacity: 1; }
video {cursor:pointer}

/*mehr text */
.textaufklapper{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  transition: all 0.3s ease;
}
.collapsed {
  -webkit-line-clamp: 10; /* zeigt nur 2 Zeilen */
  line-clamp: 10;
}
.expanded {
  -webkit-line-clamp: unset;
  line-clamp: unset;
}

 /* simplelightbox */
 .sl-wrapper .sl-close {
    background: url('../img/lx_close.svg') center center no-repeat;
    background-size: contain;
    width: 34px;
    height: 34px;
	transition: all .2s ease-out;
}
.sl-wrapper button:hover {
    opacity: 1;
    background: url('../img/lx_close_hover.svg') center center no-repeat;
    background-size: contain;
    width: 34px;
    height: 34px;
}
.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(../img/lx_left.svg) center center no-repeat;
    width: 40px;
    height: 40px;
}

.sl-wrapper .sl-navigation button.sl-prev:hover {
    opacity: 1;
    background: url(../img/lx_left_hover.svg) center center no-repeat;
    width: 40px;
    height: 40px;
}
.sl-wrapper .sl-navigation button.sl-next {
    opacity: 1;
    background: url(../img/lx_right.svg) center center no-repeat;
    width: 40px;
    height: 40px;
}
.sl-wrapper .sl-navigation button.sl-next:hover {
    opacity: 1;
    background: url(../img/lx_right_hover.svg) center center no-repeat;
    width: 40px;
    height: 40px;
}
.trenner {
	border-width:3px 3px 3px 3px;
	border-style:solid;
	border-color:#E7D96D!important;
	height:33px;
}
/* superhero */
.fullscreen {
	width: 100%;
    min-height: 100vh;
    padding: 0;
}
.halfscreen {
	min-height: auto;
    height: 70vh;
    padding: 0;
}
.bgimage {
	background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
/* ths ----------------------------------------- styles */
.editme {
	z-index:90000;
	color: #ff0946;
	background-color: rgba(210, 215, 63, 0.439);
	position: fixed;
	top: 85px; 	left: 10px;
	padding:6px 7px 3px 7px;
	font-weight: bold;
	font-size: 18px;
	border-radius:50%;
	box-shadow: 5px 5px 5px rgba(169, 169, 169, 0.51);
	transition: all .2s ease-out;
}
.editme:hover {
	background-color: rgba(91, 206, 204, 0.539);
}
.editme a {
	text-decoration: none; font-weight: bold;
}