body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/********************************************************************************/
/*
Description: CSS File for Reset
Theme Name: Lucky Westend
Theme URI: https://www.luckywestend.de/
Version: 1.0 [03.2025]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/
/* Contao */
header,footer,nav,section,aside,main,article,figure,figcaption {display:block;}

body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea,hr {margin:0;padding:0;}

blockquote,q {quotes:none;}

fieldset,img,iframe {border:0;}

ul,ol {list-style-type:none;}

sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}

input,button,textarea,select {font-family:inherit;font-size:99%;font-weight:inherit;}

/* body {font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000;} */

pre,code {font-family:Monaco,monospace;}

/********************************************************************************/

*, *::before, *::after {box-sizing: border-box;}

html {
   -webkit-font-smoothing: antialiased;
   overflow-y: scroll;
   height: 100%;
}

figure {line-height:0;}

:link,:visited {text-decoration: none;}

a img,:link img,:visited img {border: none;}

img {width: 100%;}

/********************************************************************************/

header,
main,
footer { 
  padding:  
   env(safe-area-inset-top)  
   env(safe-area-inset-right)  
   0  
   env(safe-area-inset-left);
}

/********************************************************************************/

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {
   body {-webkit-text-size-adjust: 100%;}
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for variables
Theme Name: Lucky Westend
Theme URI: https://www.luckywestend.de/
Version: 1.0 [03.2025]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

:root {
   /* Schrift [#333] */
   --color1: rgba(51, 51, 51, 1);

   /* Farbe 2 [#D2232A] - (*Links, Footer*) */
   --color2: rgba(210, 35, 42, 1);
   
   /* Farbe 3 [#EDABF9] - (*Pink*) */
   --color3: rgba(237, 171, 249, 1);
   
   /* Farbe 4 [#0065DC] */
   --color4: rgba(0, 101, 220, 1);
   
   /* Farbe 5 [#8287FF] */
   --color5: rgba(130, 135, 255, 1);
   
   /* Farbe 6 [#EFEBAF] */
   --color6: rgba(239, 235, 175, 1);
   
   /* Farbe 7 [#FFE96F] */
   --color7: rgba(255, 233, 111, 1);
   
   /* Farbe 8 [#EDABF9] */
   --color8: rgba(237, 171, 249, 1);
   
   /* Farbe 9 [#FD5C49] */
   --color9: rgba(253, 92, 73, 1);

   /*****/
   
   /* Banner: Standard [#333] */
   --banner1: var(--color1);
   
   /* Banner: Hinweis [#1EB100] */
   --banner2: rgba(30, 177, 0, 1);
   
   /* Banner: Wichtig [#cd1719] */
   --banner3: var(--color2);
   
   /*****/
   
   /* Error [#D2232A] - (*Error & Warning*) */
   --error: rgba(210, 35, 42, 1);

   /* Weiß [#fff] */
   --colorW: rgba(255, 255, 255, 1);
   
   /* Schwarz [#000] */
   --colorB: rgba(0, 0, 0, 1);
   
   /*****/
   
   --font1: 'Instrument Sans', arial, sans-serif;
   --font2: 'Bricolage Grotesque', arial, sans-serif;
   
   --text: clamp(1.750rem, 1.714rem + 0.134vw, 2.375rem);
   --linehT: clamp(2.500rem, 2.320rem + 0.671vw, 3.125rem);
   
   --textS: 1.313rem;
   --linehTS: 1.875rem;
   
   --head1: clamp(3.750rem, 2.848rem + 3.356vw, 6.875rem);
   --linehH1: clamp(4.375rem, 3.473rem + 3.356vw, 7.500rem);
   
   --head2: clamp(3.750rem, 2.848rem + 3.356vw, 6.875rem);
   --linehH2: clamp(4.375rem, 3.473rem + 3.356vw, 7.500rem);
   
   --head3: clamp(2.188rem, 1.196rem + 3.691vw, 5.625rem);
   --linehH3: clamp(4.375rem, 5.096rem + -2.685vw, 1.875rem);
   
   --head4: clamp(1.875rem, 1.514rem + 1.342vw, 3.125rem);
   --linehH4: clamp(2.813rem, 2.584rem + 2.013vw, 5.000rem);
   
   --head5: 1.375rem;
   --linehH5: 1.867rem;
   
   --head6: 1.375rem;
   --linehH6: 1.867rem;
   
   /*****/
   
   /* Navigation Header */
   --naviH: 0.938rem;
   --linehNH: 0.750rem;
   
   /* Navigation Footer */
   --naviF: 0.938rem;
   --linehNF: 1.375rem;
   
   /* Navigation Mobil */
   --naviM: 2.000rem;
   --linehNM: 3.000rem;
   
   /*****/

   /* Content-Breite */
   --contentWidth: 1920px;
   --contentPaddingW: 50px;
   --contentPaddingH: 20px;
   --contentPaddingV: 200px;
   --footerPaddingH: 100px;

   /* Border */
   --border: 2px;

   /* Border-Radius */
   --br1: 5px;
   --br2: 10px;
   --br3: 25px;

   /* Boxes */
   --padding-boxes: var(--contentPaddingH);
   --br-boxes: var(--br1);
   --bg-boxes: var(--color6);
   --bl-boxes: var(--color2);
}

@media only screen and (max-width : 599px) {
   :root {
   --contentPaddingV: 100px;
   }
}

@media only screen and (max-width : 400px) {
   :root {
   --contentPaddingW: 20px;
   --contentPaddingV: 50px;
   }
}

/********************************************************************************/

.bg-grau {background: var(--color6); margin: var(--contentPaddingH) 0;}
.bg-pink {background: var(--color3); color: var(--colorB); margin: 0;}

.center {text-align: center !important;}
.right {text-align: right !important;}
.left {text-align: left !important;}

/********************************************************************************/
/* Auswahltext-Farbe ändern */
::selection {background: var(--colorW); color: var(--colorB);}

/* Highlight Searchword */
.highlight {background: var(--colorW); color: var(--colorB); padding: 0 2px;}

/********************************************************************************/

.margin-top-bottom-100 {margin-top: 100px !important; margin-bottom: 100px !important;}
.margin-top-bottom-90 {margin-top: 90px !important; margin-bottom: 90px !important;}
.margin-top-bottom-80 {margin-top: 80px !important; margin-bottom: 80px !important;}
.margin-top-bottom-70 {margin-top: 70px !important; margin-bottom: 70px !important;}
.margin-top-bottom-60 {margin-top: 60px !important; margin-bottom: 60px !important;}
.margin-top-bottom-50 {margin-top: 50px !important; margin-bottom: 50px !important;}
.margin-top-bottom-40 {margin-top: 40px !important; margin-bottom: 40px !important;}
.margin-top-bottom-30 {margin-top: 30px !important; margin-bottom: 30px !important;}
.margin-top-bottom-20 {margin-top: 20px !important; margin-bottom: 20px !important;}
.margin-top-bottom-10 {margin-top: 10px !important; margin-bottom: 10px !important;}
.margin-top-bottom-0 {margin-top: 0 !important; margin-bottom: 0 !important;}

.margin-top-100 {margin-top: 100px !important;}
.margin-top-90 {margin-top: 90px !important;}
.margin-top-80 {margin-top: 80px !important;}
.margin-top-70 {margin-top: 70px !important;}
.margin-top-60 {margin-top: 60px !important;}
.margin-top-50 {margin-top: 50px !important;}
.margin-top-40 {margin-top: 40px !important;}
.margin-top-30 {margin-top: 30px !important;}
.margin-top-20 {margin-top: 20px !important;}
.margin-top-10 {margin-top: 10px !important;}
.margin-top-0 {margin-top: 0 !important;}

.margin-bottom-100 {margin-bottom: 100px !important;}
.margin-bottom-90 {margin-bottom: 90px !important;}
.margin-bottom-80 {margin-bottom: 80px !important;}
.margin-bottom-70 {margin-bottom: 70px !important;}
.margin-bottom-60 {margin-bottom: 60px !important;}
.margin-bottom-50 {margin-bottom: 50px !important;}
.margin-bottom-40 {margin-bottom: 40px !important;}
.margin-bottom-30 {margin-bottom: 30px !important;}
.margin-bottom-20 {margin-bottom: 20px !important;}
.margin-bottom-10 {margin-bottom: 10px !important;}
.margin-bottom-0 {margin-bottom: 0 !important;}

.padding-top-bottom-100 {padding-top: 100px !important; padding-bottom: 100px !important;}
.padding-top-bottom-90 {padding-top: 90px !important; padding-bottom: 90px !important;}
.padding-top-bottom-80 {padding-top: 80px !important; padding-bottom: 80px !important;}
.padding-top-bottom-70 {padding-top: 70px !important; padding-bottom: 70px !important;}
.padding-top-bottom-60 {padding-top: 60px !important; padding-bottom: 60px !important;}
.padding-top-bottom-50 {padding-top: 50px !important; padding-bottom: 50px !important;}
.padding-top-bottom-40 {padding-top: 40px !important; padding-bottom: 40px !important;}
.padding-top-bottom-30 {padding-top: 30px !important; padding-bottom: 30px !important;}
.padding-top-bottom-20 {padding-top: 20px !important; padding-bottom: 20px !important;}
.padding-top-bottom-10 {padding-top: 10px !important; padding-bottom: 10px !important;}
.padding-top-bottom-0 {padding-top: 0 !important; padding-bottom: 0 !important;}

.padding-top-100 {padding-top: 100px !important;}
.padding-top-90 {padding-top: 90px !important;}
.padding-top-80 {padding-top: 80px !important;}
.padding-top-70 {padding-top: 70px !important;}
.padding-top-60 {padding-top: 60px !important;}
.padding-top-50 {padding-top: 50px !important;}
.padding-top-40 {padding-top: 40px !important;}
.padding-top-30 {padding-top: 30px !important;}
.padding-top-20 {padding-top: 20px !important;}
.padding-top-10 {padding-top: 10px !important;}
.padding-top-0 {padding-top: 0 !important;}

.padding-bottom-100 {padding-bottom: 100px !important;}
.padding-bottom-90 {padding-bottom: 90px !important;}
.padding-bottom-80 {padding-bottom: 80px !important;}
.padding-bottom-70 {padding-bottom: 70px !important;}
.padding-bottom-60 {padding-bottom: 60px !important;}
.padding-bottom-50 {padding-bottom: 50px !important;}
.padding-bottom-40 {padding-bottom: 40px !important;}
.padding-bottom-30 {padding-bottom: 30px !important;}
.padding-bottom-20 {padding-bottom: 20px !important;}
.padding-bottom-10 {padding-bottom: 10px !important;}
.padding-bottom-0 {padding-bottom: 0 !important;}

/********************************************************************************/

@media screen and (prefers-reduced-motion: reduce) {
   .animate { animation: none !important; }
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for fonts
Theme Name: Lucky Westend
Theme URI: https://www.luckywestend.de/
Version: 1.0 [03.2025]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

/* instrument-sans-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/data/fonts/instrument-sans-v1-latin-500.woff2') format('woff2');
}

/* instrument-sans-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/data/fonts/instrument-sans-v1-latin-700.woff2') format('woff2');
}

/* bricolage-grotesque-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/data/fonts/bricolage-grotesque-v8-latin-700.woff2') format('woff2');
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Layout
Theme Name: Lucky Westend
Theme URI: https://www.luckywestend.de/
Version: 1.0 [03.2025]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

body {
	font-family: var(--font1);
	color: var(--colorW);
	margin: 0 auto;
	padding: 0;
	background: var(--colorB);
}

/********************************************************************************/
/*	Aufbau	*/

#container {
	text-align: center;
	margin: 0 auto;
}

#header {
	position: relative;
	text-align: center;
	background: url('/files/daten/background/spray_gelb_flieder.webp') no-repeat;
	background-size: cover;
}

.logo img {
	max-width: 800px;
	width: auto;
	max-height: 100vh;
	padding: 50px 50px 120px 50px;
	transition: 0.3s;
}

@media screen and (orientation:portrait) {
   .logo img {
	max-width: 100%;
	height: auto;
   }
}

#footer {
	text-align: center;
}

#footer .inside {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: calc(var(--contentWidth) + 2 * var(--contentPaddingW));
	margin: 0 auto;
	padding: var(--footerPaddingH) var(--contentPaddingW);
}

/********************************************************************************/
/*	Artikel & Inhalte	*/

.mod_article {
	padding: var(--contentPaddingV) var(--contentPaddingW);
}

.mod_article.ohne-abstand {
	padding: 0;
}

.mod_article > .content-headline,
.mod_article > .content-text,
.mod_article > .ce_form,
.mod_article > .mod_newslist,
.mod_article > .mod_newsreader,
.mod_article > .content-accordion,
.mod_article > .content-table,
.mod_article > .rs-columns,
.mod_article > .content-swiper,
.mod_article > .content-youtube {
	max-width: var(--contentWidth);
	margin: 0 auto;
}

.mod_article.ohne-abstand > div {
	max-width: 100%;
	margin: 0 auto;
}

.mod_article.breite-1570 > div {
	max-width: 1570px;
	margin: 0 auto;
}

.mod_article.breite-1300 > div {
	max-width: 1300px;
	margin: 0 auto;
}

.mod_article.breite-1150 > div {
	max-width: 1150px;
	margin: 0 auto;
}

.mod_article.breite-880 > div {
	max-width: 880px;
	margin: 0 auto;
}

.mod_article.breite-770 > div {
	max-width: 770px;
	margin: 0 auto;
}

/********************************************************************************/
/*	Ausrichtung	*/

.rs-column h1,
.rs-column h2,
.rs-column .content-text {
	text-align: left;
}

/********************************************************************************/
/*	Mobile Anpassungen	*/

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

}

@media only screen and (max-width : 767px) {
	#header .nav_main {
	display: none !important;
	}
}

@media only screen and (max-width : 1200px) {
	#header {
	height: 100vh;
	align-content: flex-end;
	}
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Navigation
Theme Name: Lucky Westend
Theme URI: https://www.luckywestend.de/
Version: 1.0 [03.2025]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

#main .nav_main {
	z-index: 9;
	position: absolute;
	top: 40px;
	right: 50px;
	font-size: var(--naviH);
	line-height: var(--linehNH);
	text-align: right;
}

@media only screen and (max-width : 963px) {
	#main .nav_main {
	text-align: center;
	top: 30px;
	right: 0;
	left: 0;
	}
}

#main .nav_main li {
	display: inline-block;
	margin-left: var(--contentPaddingH);
	padding: 1px 0;
}

#main .nav_main li:nth-child(1) {
	margin-left: 0;
}

.home #main .nav_main li.active.home {
	display: none;
}

.home #main .nav_main li:nth-child(2) {
	margin-left: 0;
}

#main .nav_main .level_1 a:link,
#main .nav_main .level_1 a:visited {
	display: block;
	color: var(--colorB);
	padding: 10px 30px;
	border-radius: var(--br3);
	background: var(--color5);
	transition: 0.1s;
}

#main .nav_main .level_1 a:hover,
#main .nav_main .level_1 a:focus,
#main .nav_main .level_1 strong {
	display: block;
	font-weight: normal;
	color: var(--colorW);
	padding: 10px 30px;
	border-radius: var(--br3);
	background: var(--color5);
}

/********************************************************************************/
/*	Footer Navigation	*/

.nav_footer {

}

.nav_footer ul {
	color: var(--colorW);
}

.nav_footer li {
	display: inline-block;
	font-size: var(--textS);
	line-height: var(--linehTS);
	padding: 0 10px;
	margin-bottom: 5px;
}

.nav_footer .level_1 a:link,
.nav_footer .level_1 a:visited {
	color: var(--colorW);
	font-weight: 700;
}

.nav_footer .level_1 a:hover,
.nav_footer .level_1 a:focus,
.nav_footer .level_1 strong {
	color: var(--colorW);
	font-weight: 700;
	border-bottom: 1px solid var(--colorW);
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for columns
Theme Name: Lucky Westend
Theme URI: https://www.luckywestend.de/
Version: 1.0 [03.2025]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.rs-columns {
  display: flex;
  flex-wrap: wrap;
  /* gap: 1em; */
  width: 100%;
}

.rs-columns > * {
  flex: 1 1 450px;
}

.rs-column {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

/*****/

.disco .rs-columns {
  /* gap: 0; */
  align-items: baseline;
}

.disco .rs-column:nth-of-type(1) {
  flex-basis: 70%;
}

.disco .rs-column:nth-of-type(2) {
  flex-basis: 30%;
}

/*****/

.mietanfrage .rs-columns {
  border-top: var(--border) solid var(--color6);
  border-bottom: var(--border) solid var(--color6);
  margin-top: var(--contentPaddingH);
}

.mietanfrage .rs-column {
  height: 250px;
  justify-content: center;
}

.mietanfrage .rs-column:nth-child(1) {
  border-right: var(--border) solid var(--color6);
}

.mietanfrage .rs-column:nth-child(1) .content-text p {
  text-align: right;
  font-family: var(--font2);
  font-weight: 700;
  font-size: var(--head1);
  line-height: var(--linehH1);
  padding-right: 6vw;
}

.mietanfrage .rs-column:nth-child(2) .content-text p {
  font-size: var(--head4);
  line-height: var(--linehH4);
  padding-left: 6vw;
}

/********************************************************************************/

@media only screen and (max-width : 1200px) {
  .mietanfrage .rs-column .content-text p {
  padding: 0 !important;
  text-align: center !important;
  }
}

@media only screen and (max-width : 963px) {
  .mietanfrage .rs-column:nth-child(1) {
  border-right: none;
  }
  
  .disco .rs-column,
  .mietanfrage .rs-column {
  flex-basis: 100% !important;
  flex-wrap: nowrap;
  padding: 50px 0;
  }
  
  .mietanfrage .rs-column {
  height: auto;
  padding: 25px 0;
  }
  
  .mietanfrage .rs-column:nth-of-type(1) {
  padding-bottom: 0;
  }
  
  .mietanfrage .rs-column .content-text p {
  padding: 0 !important;
  text-align: center !important;
  }
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Font Sizes
Theme Name: Lucky Westend
Theme URI: https://www.luckywestend.de/
Version: 1.0 [03.2025]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font2);
	font-weight: 700;
	/* hyphens: auto; */
}

h1 {
	font-size: var(--head1);
	line-height: var(--linehH1);
	padding-bottom: 50px;
	/* padding: 0.375rem 0 0.750rem 0; */
}

h2 {
	font-size: var(--head2);
	line-height: var(--linehH2);
	padding-bottom: 50px;
}

.textseite h2 {
	font-size: var(--head4);
	line-height: var(--linehH4);
	padding: 5rem 0 1rem 0;
}

h3 {
	font-size: var(--head3);
	line-height: var(--linehH3);
}

.textseite h3 {
	font-size: var(--head4);
	line-height: var(--linehH4);
	padding: 5rem 0 1rem 0;
}

h4 {
	font-size: var(--head4);
	line-height: var(--linehH4);
}

.textseite h4 {
	padding: 0.375rem 0 0.875rem 0;
}

h5 {
	font-size: var(--head5);
	line-height: var(--linehH5);
	font-weight: bold;
}

h6 {
	font-size: var(--head6);
	line-height: var(--linehH6);
	text-transform: uppercase;
}

.bg-grau p,
.bg-grau li,
.bg-grau h1,
.bg-grau h2,
.bg-grau h3,
.bg-grau h4,
.bg-grau h5,
.bg-grau h6 {
	color: var(--colorW);
}

p,
.content-hyperlink {
	font-size: var(--text);
	line-height: var(--linehT);
	font-weight: 500;
	/* padding: 0 0 1.867rem 0; */
}

p:nth-last-child(1) {
	padding-bottom: 0;
}

/*****	Copy to TinyMCE ANFANG	*****/
span.hinweis-text {
	color: var(--banner3);
	font-weight: bold;
}

p.small {
	font-size: var(--textS);
	line-height: var(--linehTS);
}

p.standard-banner {
	color: var(--banner1);
	margin: 0 0 1.867rem 0;
	padding: 1em;
	border: 1px dotted var(--banner1);
}

p.hinweis-banner {
	color: var(--banner2);
	margin: 0 0 1.867rem 0;
	padding: 1em;
	border: 1px dotted var(--banner2);
}

p.wichtig-banner {
	color: var(--banner3);
	margin: 0 0 1.867rem 0;
	padding: 1em;
	border: 1px dotted var(--banner3);
}
/*****	Copy to TinyMCE ENDE	*****/

#footer p {
	color: var(--colorW);
	font-size: var(--textS);
	line-height: var(--linehTS);
	margin-bottom: 5px;
	padding: 0;
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Links
Theme Name: Lucky Westend
Theme URI: https://www.luckywestend.de/
Version: 1.0 [03.2025]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

a:link,
a:visited {
	color: var(--colorW);
	/* border-bottom: 1px solid var(--color2); */
}

a:hover,
a:active,
a:focus {
	color: var(--colorW);
	/* border-bottom: 1px dotted var(--color2); */
}

/*****/

#footer a:link,
#footer a:visited {
	color: var(--colorW);
	/* border-bottom: 1px solid var(--colorW); */
}

#footer a:hover,
#footer a:active,
#footer a:focus {
	color: var(--colorW);
	/* border-bottom: 1px dotted var(--colorW); */
}

/*****/

.content-hyperlink {
	margin-top: var(--linehT);
	margin-bottom: var(--linehT);
}

.rs-column .content-hyperlink,
.bg-grau .content-hyperlink {
	text-align: center;
	margin-bottom: 0;
}

.content-hyperlink a:link,
.content-hyperlink a:visited,
p.more a:link,
p.more a:visited {
	display: inline-block;
	padding: 5px 25px;
	color: var(--colorW);
	border-radius: var(--br1);
	border: var(--border) solid var(--color2);
	background: var(--color2);
	transition: 0.3s;
}

.boxen-bg .content-hyperlink a {
	color: var(--color2);
	border: var(--border) solid var(--color9);
	background: var(--color9);
}

.content-hyperlink a:hover,
.content-hyperlink a:active,
.content-hyperlink a:focus,
p.more a:hover,
p.more a:active,
p.more a:focus {
	color: var(--color2);
	border: var(--border) solid var(--color2);
	background: var(--colorW);
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Images
Theme Name: Lucky Westend
Theme URI: https://www.luckywestend.de/
Version: 1.0 [03.2025]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

/*	Abstand unter Bildern entfernen	*/
figure {
	line-height: 0;
}

figure a:link,
figure a:visited,
figure a:hover,
figure a:active,
figure a:focus {
	border-bottom: none;
}

#main figure {
	position: relative;
}

#main figure img {
	/* border-radius: var(--br1); */
}

#main .media--above figure,
#main .media--below figure {
	margin: 0 0 1em 0;
}

#main .media--left figure {
	max-width: 50%;
	margin: 0 1em 1em 0;
}

#main .media--right figure {
	max-width: 50%;
	margin: 0 0 1em 1em;
}

#main .media--below {display: flex; flex-direction: column;}
#main .media--below h1 {order: 1;}
#main .media--below .rte {order: 2;}
#main .media--below figure {order: 3;}

#main figure a.cboxElement img {
	cursor: -moz-zoom-in; 
	cursor: -webkit-zoom-in; 
	cursor: zoom-in;
}

#main .mod_newslist figure a img {
	cursor: pointer;
}

@media only screen and (max-width : 599px) {
	#main .media--left figure,
	#main .media--right figure {
	float: none;
	clear: both;
	text-align: center;
	width: 100%;
	max-width: 100%;
	margin: 0 0 1em 0 !important;
	}
}

/********************************************************************************/

figcaption {
	position: absolute;
	bottom: -50px;
	left: 0;
	text-align: left;
	width: 100%;
	padding: 15px 10px;
	line-height: initial;
	/* background: rgba(255, 255, 255, 0.8); */
}

/********************************************************************************/

.lease_text {
	position: absolute;
	bottom: 13vw;
	left: -46vw;
	right: 0;
	width: 27vw;
	min-width: 40vw;
	width: calc(267px + 0.129 x 100vw);
	max-width: 515px !important;
}

@media only screen and (max-width : 963px) {
	.lease_text {
	top: 80px;
	bottom: 0;
	left: 0;
	width: 80%;
	}
}

@media screen and (orientation:landscape) {
	.lease_text {
	top: 40vh;
	left: -30vw;
	}
   
   .lease_text img {
	max-height: 30vh;
	width: auto;
   }
}

@media only screen and (max-width : 599px) {
	.lease_text {
	top: 50%;
	transform: translateY(-60%);
	}
	
	.logo {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	}
}

@media only screen and (max-width : 400px) {
	.lease_text {
	top: 50%;
	transform: translateY(-70%);
	}
	
	.logo {
	transform: translateY(-10%);
	}
}

/*****/

.from2025_text {
	
}

/*****/

.discokugel {
	position: relative;
	max-width: 464px;
	margin: auto;
}

.discokugel figure {
	padding: 0 20px
}

/*****/

.kirschen {
	position: relative;
	margin-bottom: 200px;
}

.content-image.kirschen_kugeln {
	display: flex;
	justify-content: flex-end;
}

.kirschen_kugeln figure {
	max-width: 400px;
	margin-right: 100px;
}

.content-image.kirschen_text {
	position: absolute;
	bottom: 30px;
	right: 0;
	left: 0;
	max-width: 80% !important;
}

.kirschen_text figure {
	max-width: 935px;
}

/*****/

.glueck {
	position: relative;
	padding-bottom: 350px;
}

.content-image.hufeisen {
	display: flex;
	justify-content: flex-end;
}

.hufeisen figure {
	max-width: 370px;
	margin-right: 100px;
}

.content-image.hufeisen_text {
	position: absolute;
	bottom: 150px;
	right: 0;
	left: 0;
	max-width: 80% !important;
}

.hufeisen_text figure {
	max-width: 880px;
}

/********************************************************************************/

@media only screen and (max-width : 963px) {
	.kirschen,
	.glueck {
	padding-bottom: 100px;
	}
	
	.kirschen {
	margin-bottom: 100px;
	}
	
	.content-image.kirschen_kugeln,
	.content-image.hufeisen {
	justify-content: center;
	}
	
	.kirschen_kugeln figure,
	.hufeisen figure {
	margin-right: 0;
	}
	
	.content-image.kirschen_text,
	.content-image.hufeisen_text {
	position: relative;
	bottom: 0;
	padding-top: 50px;
	}
}

@media only screen and (max-width : 599px) {
	.kirschen {
	margin-bottom: 0;
	}
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Swiper Slider
Theme Name: Lucky Westend
Theme URI: https://www.luckywestend.de/
Version: 1.0 [03.2025]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.swiper-button-next,
.swiper-button-prev {
  display: block;
  width: 80px;
  height: 80px;
  border: none;
  background: transparent;
}

.swiper-button-next svg,
.swiper-button-prev svg {
  display: none;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 50px;
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 50px;
  left: auto;
}

.swiper-button-prev::after {
  content: '';
  position: absolute;
  left: 0;
  display: block;
  width: 80px;
  height: 80px;
  background: url('/files/data/icon/gallery_pfeil_links.svg') no-repeat;
  background-size: 80px;
}

.swiper-button-next::after {
  content: '';
  position: absolute;
  right: 0;
  display: block;
  width: 80px;
  height: 80px;
  background: url('/files/data/icon/gallery_pfeil_rechts.svg') no-repeat;
  background-size: 80px;
}

.swiper-pagination {
  display: none;
}

/* Wenn Swiper nebeneinander in Columns verwendet werden soll */
.swiper-slide {
  width: 100% !important;
}

/*****/

.slider-two-images .swiper-wrapper {
  margin-bottom: 50px;
}
  
.slider-two-images .swiper-slide {
  width: 80% !important;
  max-width: 1054px;
}

/********************************************************************************/

@media only screen and (max-width : 963px) {
  .swiper-button-next,
  .swiper-button-prev {
  width: 40px;
  height: 40px;
  }
  
  .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
  left: 10px;
  }
  
  .swiper-button-next,
  .swiper-rtl .swiper-button-prev {
  right: 10px;
  }
  
  .swiper-button-prev::after,
  .swiper-button-next::after {
  width: 40px;
  height: 40px;
  background-size: 40px;
  }
  
  .slider-two-images .swiper-slide {
  width: 100% !important;
  }
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for forms
Theme Name: Lucky Westend
Theme URI: https://www.luckywestend.de/
Version: 1.0 [03.2025]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.ce_form {
	max-width: 100%;
	font-size: var(--text);
}

.ce_form .widget-text,
.ce_form .widget-textarea {
	position: relative;
	min-height: 80px;
	margin: 0;
}

.ce_form .widget-textarea {
	min-height: 170px;
   margin-bottom: 50px;
}

.ce_form label {
   z-index: 2;
   position: relative;
   display: block;
   min-height: 17px;
   font-size: 1rem;
   font-weight: normal;
   padding: 0 10px;
   margin-bottom: 6px;
   transform: translateY(33px);
   transition: all 0.3s;
}

.is-active label {
	color: var(--color6);
}

.is-completed label {
	font-size: 12px;
	transform: translateY(0);
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
select,
textarea {
   display: inline-block;
   position: relative;
   color: var(--colorW);
   width: 100%;
   min-height: 25px;
   padding: 10px;
   border: var(--border) solid var(--color6);
   /* border-radius: var(--br1); */
   background: transparent;
   /* box-shadow: inset 0 1px 1px #eee; */
   outline: none;
}

input[type="text"].error,
input[type="password"].error,
input[type="date"].error,
input[type="datetime"].error,
input[type="email"].error,
input[type="number"].error,
input[type="search"].error,
input[type="tel"].error,
input[type="time"].error,
input[type="url"].error,
textarea.error {
   color: var(--error);
   border: var(--border) solid var(--error);
}

.widget-submit {
	text-align: center;
}

form button,
input[type="submit"],
.button {
   display: block;
   font-size: var(--text);
   line-height: var(--linehT);
   color: var(--colorB);
   margin: 50px auto;
   padding: 5px 25px;
   border: var(--border) solid var(--color6);
   border-radius: var(--br1);
   background: var(--color6);
}

form button:hover,
form button:active,
form button:focus,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus,
.button:hover,
.button:active,
.button:focus {
	color: var(--color6);
	background: var(--colorB);
}

p.error {
	position: absolute;
	bottom: -3px;
	right: 10px;
	font-size: 1.000rem;
	line-height: 1.250rem;
	color: var(--error);
}

.form-confirmation {
   color: var(--color6);
}

@media only screen and (max-width : 1200px) {
	p.error {
	bottom: 5px;
	}

	.widget-textarea p.error {
	bottom: 10px;
	}
}

@media only screen and (max-width : 991px) {
	p.error {
	bottom: 10px;
	}

	.widget-textarea p.error {
	bottom: 30px;
	}
}

/********************************************************************************/
/*	Checkbox - http://doodlenerd.com/html-control/css-checkbox-generator	*/

.widget-checkbox {
	padding: 10px 0 10px 20px;
   /* background: var(--color6); */
}

.widget-checkbox label {
/* 	display: inline !important; */
	transform: none;
	padding: 0 20px 0 5px;
}

.widget-checkbox .control {
   cursor: pointer;
   display: block;
   position: relative;
   margin-top: 10px;
   padding-top: 5px;
   padding-left: 30px;
}

.widget-checkbox .control input {
   z-index: -1;
   position: absolute;
   opacity: 0;
}

.widget-checkbox .control_indicator {
   position: absolute;
   top: 3px;
   left: 0;
   width: 20px;
   height: 20px;
   border: 1px solid var(--color2);
   border-radius: 0;
   background: var(--colorW);
}

.widget-checkbox .control:hover input ~ .control_indicator,
.widget-checkbox .control input:focus ~ .control_indicator {
   background: var(--color6);
}

.widget-checkbox .control input:checked ~ .control_indicator {
   background: var(--color2);
}

.widget-checkbox .control:hover input:not([disabled]):checked ~ .control_indicator,
.widget-checkbox .control input:checked:focus ~ .control_indicator {
   /* background: var(--color6); */
}

.widget-checkbox .control input:disabled ~ .control_indicator {
   opacity: 0.6;
   pointer-events: none;
   /* background: #e6e6e6; */
}

.widget-checkbox .control_indicator:after {
   box-sizing: unset;
   content: '';
   position: absolute;
   display: none;
}

.widget-checkbox .control input:checked ~ .control_indicator:after {
   display: block;
}

.widget-checkbox .control-checkbox .control_indicator:after {
   top: 0;
   left: 5px;
   width: 4px;
   height: 11px;
   border: solid var(--colorW);
   border-width: 0 3px 3px 0;
   transform: rotate(45deg);
}

.widget-checkbox .control-checkbox input:disabled ~ .control_indicator:after {
   /* border-color: #7b7b7b; */
}

.widget-checkbox .control-checkbox .control_indicator::before {
   z-index: 99999;
   content: '';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 4.5rem;
   height: 4.5rem;
   margin-top: -1.3rem;
   margin-left: -1.3rem;
   border-radius: 3rem;
   opacity: 0.6;
   transform: scale(0);
   background: var(--color2);
}

@keyframes s-ripple {
   0% {
      transform: scale(0);
   }
   20% {
      transform: scale(1);
   }
   100% {
      opacity: 0;
      transform: scale(1);
   }
}

@keyframes s-ripple-dup {
   0% {
      transform: scale(0);
   }
   30% {
      transform: scale(1);
   }
   60% {
      transform: scale(1);
   }
   100% {
      opacity: 0;
      transform: scale(1);
   }
}

.widget-checkbox .control-checkbox input + .control_indicator::before {
   animation: s-ripple 250ms ease-out;
}

.widget-checkbox .control-checkbox input:checked + .control_indicator::before {
   animation-name: s-ripple-dup;
}

/********************************************************************************/
/*	Radiobutton - http://doodlenerd.com/html-control/css-radio-button-generator	*/

.widget-radio {
   padding: 20px 0 40px 20px;
	/* background: var(--color6); */
}

.widget-radio legend {
	/* Abstand unter "legend" entfernen */
	position: absolute;
}

.widget-radio .control {
   cursor: pointer;
   display: block;
   position: relative;
   margin-bottom: 10px;
   padding-top: 5px;
   padding-left: 30px;
}

.widget-radio .control input {
   position: absolute;
   z-index: -1;
   opacity: 0;
}

.widget-radio .control_indicator {
   position: absolute;
   top: 5px;
   left: 0;
   height: 20px;
   width: 20px;
   border: 1px solid var(--color2);
   border-radius: 0;
   background: var(--colorW);
}

.widget-radio .control:hover input ~ .control_indicator,
.widget-radio .control input:focus ~ .control_indicator {
   background: var(--color6);
}

.widget-radio .control input:checked ~ .control_indicator {
   background: var(--color2);
}

.widget-radio .control:hover input:not([disabled]):checked ~ .control_indicator,
.widget-radio .control input:checked:focus ~ .control_indicator {
   background: var(--color2);
}

.widget-radio .control input:disabled ~ .control_indicator {
   background: var(--color6);
   opacity: 0.6;
   pointer-events: none;
}

.widget-radio .control_indicator:after {
   box-sizing: unset;
   content: '';
   position: absolute;
   display: none;
}

.widget-radio .control input:checked ~ .control_indicator:after {
   display: block;
}
.control-radio .control_indicator {
   border-radius: 50%;
}

.control-radio .control_indicator:after {
   left: 6px;
   top: 6px;
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: var(--colorW);
   transition: background 250ms;
}

.control-radio input:disabled ~ .control_indicator:after {
   /* background: #7b7b7b; */
}

.control-radio .control_indicator::before {
   z-index: 99999;
   opacity: 0.6;
   content: '';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 4.5rem;
   height: 4.5rem;
   margin-top: -1.3rem;
   margin-left: -1.3rem;
   border-radius: 3rem;
   background: var(--color2);
   transform: scale(0);
}

@keyframes s-ripple {
   0% {
      opacity: 0;
      transform: scale(0);
   }
   20% {
      transform: scale(1);
   }
   100% {
      opacity: 0.01;
      transform: scale(1);
   }
}

@keyframes s-ripple-dup {
   0% {
      transform: scale(0);
   }
   30% {
      transform: scale(1);
   }
   60% {
      transform: scale(1);
   }
   100% {
      opacity: 0;
      transform: scale(1);
   }
}

.widget-radio .control-radio input + .control_indicator::before {
   animation: s-ripple 250ms ease-out;
}

.widget-radio .control-radio input:checked + .control_indicator::before {
   animation-name: s-ripple-dup;
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Accordion
Theme Name: Lucky Westend
Theme URI: https://www.luckywestend.de/
Version: 1.0 [03.2025]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.content-accordion {
    border-bottom: var(--border) solid var(--color6);
}

.handorgel__header {
    position: relative;
    padding: 0;
}

/*****/

.black .handorgel__header:nth-of-type(1) {
    color: var(--color7);
}

.black .handorgel__header:nth-of-type(2) {
    color: var(--color8);
}

.black .handorgel__header:nth-of-type(3) {
    color: var(--color9);
}

.black .handorgel__header:nth-of-type(4) {
    color: var(--color5);
}

/*****/

.pink .handorgel__header:nth-of-type(1) {
    color: var(--color7);
}

.pink .handorgel__header:nth-of-type(2) {
    color: var(--color4);
}

.pink .handorgel__header:nth-of-type(3) {
    color: var(--color9);
}

.pink .handorgel__header:nth-of-type(4) {
    color: var(--color5);
}

/*****/

.handorgel__header__button {
    /* padding: var(--contentPaddingH) 0 !important; */
    padding: 32px 60px 32px 0 !important;
    text-align: center;
    border-top: var(--border) solid var(--color6);
    background-color: transparent;
}

.handorgel__content {
    border-top: none;
    background-color: transparent;
}

.handorgel__content__inner {
    padding: 0;
    padding-bottom: var(--contentPaddingH) !important;
}

.handorgel__header::after {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    content: '';
    width: 45px;
    height: 45px;
    color: var(--color1);
    margin: auto;
    transition: 0.3s;
    pointer-events: none;
    background: url('/files/data/icon/accordeon_pfeil_open.svg') no-repeat;
}

.handorgel__header--open::after {
    content: '';
    background: url('/files/data/icon/accordeon_pfeil_close.svg') no-repeat;
}

.black .handorgel__header::after {
    content: '';
    background: url('/files/data/icon/accordeon_pfeil_open_w.svg') no-repeat;
}

.black .handorgel__header--open::after {
    content: '';
    background: url('/files/data/icon/accordeon_pfeil_close_w.svg') no-repeat;
}

/********************************************************************************/