/*   
Theme Name: Brainandstorm
Version: 1.0
Description: Template zum WordPress Brainandstorm
Author: Ivonne von Nostitz-Wallwitz
*/

@import url('css/bootstrap/bootstrap.css'); 
@import url('css/mobile-menu/jquery-simple-mobilemenu.css'); 

/* @font-face { */
	/* font-family: Montserrat; */
	/* src: url('fonts/Montserrat/Montserrat-Thin.ttf'); */
	/* font-weight:100; */
	/* font-display: swap; */
/* } */

/* @font-face { */
	/* font-family: Montserrat; */
	/* src: url('fonts/Montserrat/Montserrat-ThinItalic.ttf'); */
	/* font-weight:100; */
	/* font-style:italic; */
	/* font-display: swap; */
/* } */

/* @font-face { */
	/* font-family: Montserrat; */
	/* src: url('fonts/Montserrat/Montserrat-ExtraLight.ttf'); */
	/* font-weight:200; */
	/* font-display: swap; */
/* } */

/* @font-face { */
	/* font-family: Montserrat; */
	/* src: url('fonts/Montserrat/Montserrat-ExtraLightItalic.ttf'); */
	/* font-weight:200; */
	/* font-style:italic; */
	/* font-display: swap; */
/* } */

@font-face {
	font-family: Montserrat;
	src: url('fonts/Montserrat/Montserrat-Light.ttf');
	font-weight:300;
	font-display: swap;
}

@font-face {
	font-family: Montserrat;
	src: url('fonts/Montserrat/Montserrat-LightItalic.ttf');
	font-weight:300;
	font-style:italic;
	font-display: swap;
}

@font-face {
	font-family: Montserrat;
	src: url('fonts/Montserrat/Montserrat-Regular.ttf');
	font-weight:400;
	font-display: swap;
}

@font-face {
	font-family: Montserrat;
	src: url('fonts/Montserrat/Montserrat-Italic.ttf');
	font-weight:400;
	font-style:italic;
	font-display: swap;
}

@font-face {
	font-family: Montserrat;
	src: url('fonts/Montserrat/Montserrat-Medium.ttf');
	font-weight:500;
	font-display: swap;
}

@font-face {
	font-family: Montserrat;
	src: url('fonts/Montserrat/Montserrat-MediumItalic.ttf');
	font-weight:500;
	font-style:italic;
	font-display: swap;
}

@font-face {
	font-family: Montserrat;
	src: url('fonts/Montserrat/Montserrat-SemiBold.ttf');
	font-weight:600;
	font-display: swap;
}

@font-face {
	font-family: Montserrat;
	src: url('fonts/Montserrat/Montserrat-SemiBoldItalic.ttf');
	font-weight:600;
	font-style:italic;
	font-display: swap;
}

@font-face {
	font-family: Montserrat;
	src: url('fonts/Montserrat/Montserrat-Bold.ttf');
	font-weight:700;
	font-display: swap;
}

@font-face {
	font-family: Montserrat;
	src: url('fonts/Montserrat/Montserrat-BoldItalic.ttf');
	font-weight:700;
	font-style:italic;
	font-display: swap;
}

/* @font-face { */
	/* font-family: Montserrat; */
	/* src: url('fonts/Montserrat/Montserrat-ExtraBold.ttf'); */
	/* font-weight:800; */
	/* font-display: swap; */
/* } */

/* @font-face { */
	/* font-family: Montserrat; */
	/* src: url('fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf'); */
	/* font-weight:800; */
	/* font-style:italic; */
	/* font-display: swap; */
/* } */

/* @font-face { */
	/* font-family: Montserrat; */
	/* src: url('fonts/Montserrat/Montserrat-Black.ttf'); */
	/* font-weight:900; */
	/* font-display: swap; */
/* } */

/* @font-face { */
	/* font-family: Montserrat; */
	/* src: url('fonts/Montserrat/Montserrat-BlackItalic.ttf'); */
	/* font-weight:900; */
	/* font-style:italic; */
	/* font-display: swap; */
/* } */


@font-face {
	font-family: CourierPrime;
	src: url('fonts/Courier_Prime/CourierPrime-Regular.ttf');
	font-weight:400;
	font-display: swap;
}

@font-face {
	font-family: CourierPrime;
	src: url('fonts/Courier_Prime/CourierPrime-Italic.ttf');
	font-weight:400;
	font-style:italic;
	font-display: swap;
}

@font-face {
	font-family: CourierPrime;
	src: url('fonts/Courier_Prime/CourierPrime-Bold.ttf');
	font-weight:700;
	font-display: swap;
}

@font-face {
	font-family: CourierPrime;
	src: url('fonts/Courier_Prime/CourierPrime-BoldItalic.ttf');
	font-weight:700;
	font-style:italic;
	font-display: swap;
}

@font-face {
	font-family: Inter;
	src: url('fonts/Inter/Inter_18pt-Light.ttf');
	font-weight:300;
	font-display: swap;
}

@font-face {
	font-family: Inter;
	src: url('fonts/Inter/Inter_18pt-LightItalic.ttf');
	font-weight:300;
	font-style:italic;
	font-display: swap;
}

@font-face {
	font-family: Inter;
	src: url('fonts/Inter/Inter_18pt-Regular.ttf');
	font-weight:400;
	font-display: swap;
}

@font-face {
	font-family: Inter;
	src: url('fonts/Inter/Inter_18pt-Italic.ttf');
	font-weight:400;
	font-style:italic;
	font-display: swap;
}

@font-face {
	font-family: Inter;
	src: url('fonts/Inter/Inter_18pt-Medium.ttf');
	font-weight:500;
	font-display: swap;
}

@font-face {
	font-family: Inter;
	src: url('fonts/Inter/Inter_18pt-MediumItalic.ttf');
	font-weight:500;
	font-style:italic;
	font-display: swap;
}

@font-face {
	font-family: Inter;
	src: url('fonts/Inter/Inter_18pt-SemiBold.ttf');
	font-weight:600;
	font-display: swap;
}

@font-face {
	font-family: Inter;
	src: url('fonts/Inter/Inter_18pt-SemiBoldItalic.ttf');
	font-weight:600;
	font-style:italic;
	font-display: swap;
}

@font-face {
	font-family: Inter;
	src: url('fonts/Inter/Inter_18pt-Bold.ttf');
	font-weight:700;
	font-display: swap;
}

@font-face {
	font-family: Inter;
	src: url('fonts/Inter/Inter_18pt-BoldItalic.ttf');
	font-weight:700;
	font-style:italic;
	font-display: swap;
}

/* @font-face { */
	/* font-family: Inter; */
	/* src: url('fonts/Inter/Inter_18pt-ExtraBold.ttf'); */
	/* font-weight:800; */
	/* font-display: swap; */
/* } */

/* @font-face { */
	/* font-family: Inter; */
	/* src: url('fonts/Inter/Inter_18pt-ExtraBoldItalic.ttf'); */
	/* font-weight:800; */
	/* font-style:italic; */
	/* font-display: swap; */
/* } */

/* @font-face { */
	/* font-family: Inter; */
	/* src: url('fonts/Inter/Inter_18pt-Black.ttf'); */
	/* font-weight:900; */
	/* font-display: swap; */
/* } */

/* @font-face { */
	/* font-family: Inter; */
	/* src: url('fonts/Inter/Inter_18pt-BlackItalic.ttf'); */
	/* font-weight:900; */
	/* font-style:italic; */
	/* font-display: swap; */
/* } */


/* GRUNDGERÜST */
*{
	padding:0;
	margin:0;
	box-sizing:border-box;
	
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

html{
    overflow: hidden;    
}

html,body {
    height:100%; /* braucht es für die min-height des Containers */
	
}

body
{
	position:relative;
	width:100%;
	height:100%;
	color:black;
	font-family: Inter;
	font-size:22px;
	overflow-x:hidden;
	background-color:white;
	background-size: cover;
	line-height:1.5em;
	font-weight:400;
    min-height: 100vh;
}

.bg-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Hinter den Content */
    background-image: url("images/background_2000.webp");
    background-size: cover;
    /* backdrop-filter: blur(20px); */
	filter: blur(20px); 
    /* Wichtig: Vergrößere das Bild leicht (z.B. scale), 
       damit an den Rändern durch den Blur keine weißen Kanten entstehen */
    transform: scale(1.1);
}

body strong
{
	font-weight:600;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
	font-family: Montserrat;
	line-height:1.3em;
	margin-bottom:30px;
	width:100%;
	hyphens:none;
	hyphens: manual;
}

h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, .h1 *, .h2 *, .h3 *, .h4 *, .h5 *, .h6 *
{
	hyphens:none;
	hyphens: manual;
}

h1, .h1
{
	font-size:50px;
	font-weight:500;
}

h2, .h2
{
	font-size:44px;
	font-weight:500;
}

h3, .h3
{
	color:#fbff4a;
	font-size:30px;
	font-weight:500;
	font-family:CourierPrime;
}

h4, .h4
{
	color:#fbff4a;
	font-size:16px;
}

h5, .h5
{
	color:#fbff4a;
	font-size:14px;
}

h6, .h6
{
	color:#fbff4a;
	font-size:14px;
}

blockquote, .blockquote,
.spalte_2_item .spalte_2_inhalt blockquote p
{
	font-size:20px;
}

@media (max-width: 1200px) {
	h1, .h1
	{
		font-size:40px;
		font-weight:500;
	}
	
	h1, .h2
	{
		font-size:40px;
	}
}

@media (max-width: 800px) {
	h1, .h1
	{
		font-size:34px;
	}
	
	h2, .h2
	{
		font-size:34px;
	}
	
	h3, .h3
	{
		font-size:26px;
	}
	
	body
	{
		font-size:18px;
	}
	
	body {
		background-image: linear-gradient(to right, rgba(111, 18, 174, 0.4) 25%, rgba(111, 18, 174, 0) 80%, rgba(111, 18, 174, 0.0) 100%), url("images/background_1000.webp");
	}
}

@media (max-width: 768px) {
	h1, .h1
	{
		font-size:28px;
	}
	
	h2, .h2
	{
		font-size:28px;
	}
	
	h3, .h3
	{
		font-size:22px;
	}
	
	body
	{
		font-size:18px;
	}
}

p
{
	margin-bottom:0px;
}

a
{
	color: rgba(111,18,232,1);
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

img
{
	width:100%;
	height:auto;
	/* margin-top:15px; */
}

.wp-caption
{
	position:relative;
}

.wp-caption-text
{
	position:absolute;
	bottom:0px;
	left: 0px;
	font-size: 20px !important;
	padding: 15px;
	line-height: 1.3;
	/* text-shadow: 0 0 10px white, 0 0 20px rgba(255, 255, 255, 0.5); */
	text-shadow: 0 0 10px black, 0 0 20px rgba(0, 0, 0, 0.2);
	/* background-color: rgba(255, 255, 255, 0.2); /* Sehr helles Weiß, fast durchsichtig */ 
	/* background: linear-gradient(37deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 49%, rgba(0, 0, 0, 0) 100%); */
    /* padding: 5px; */
	color:white;
}

.wp-caption .color_gradient {
	/* position: absolute; */
	/* bottom: 0px; */
	/* left: 0px; */
	/* background: linear-gradient(37deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 0) 100%); */
	/* background: linear-gradient(37deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 49%, rgba(0, 0, 0, 0) 100%); */
	/* height: 100%; */
	/* width: 100%; */
	/* margin: 10px; */
}

/* img.half_width */
/* { */
	/* max-width:400px; */
/* } */

/* WHITE CIRCLES */

.white_circle_line
{
	border:2px solid white;
	width:100px;
	height:100px;
	border-radius:50%;
	position:absolute;
	right:-70px;
	top:-100px;
}


.white_circle_line.animation_1
{
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	/* IE 5-7 */
	filter: alpha(opacity=0);
	/* Netscape */
	-moz-opacity: 0;
	/* Safari 1.x */
	-khtml-opacity: 0;
	opacity: 0;
	top:-600px;
}

.white_circle_line.animation_1.transparent_class 
{
	top:-600px;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	/* IE 5-7 */
	filter: alpha(opacity=0);
	/* Netscape */
	-moz-opacity: 0;
	/* Safari 1.x */
	-khtml-opacity: 0;
	/* Good browsers */
	opacity: 0;
	transition: opacity 1s ease-in-out, top 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out, top 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out, top 1s ease-in-out;
} 

.white_circle_line.animation_1.visible_class 
{
	top:-100px;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	/* IE 5-7 */
	filter: alpha(opacity=100);
	/* Netscape */
	-moz-opacity: 1;
	/* Safari 1.x */
	-khtml-opacity: 1;
	/* Good browsers */
	opacity: 1;
	transition: opacity 1s ease-in-out, top 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out, top 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out, top 1s ease-in-out;
} 

.white_circle_line.animation_1.transparent_class2 
{
	top:600px;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	/* IE 5-7 */
	filter: alpha(opacity=0);
	/* Netscape */
	-moz-opacity: 0;
	/* Safari 1.x */
	-khtml-opacity: 0;
	/* Good browsers */
	opacity: 0;
	transition: opacity 1s ease-in-out, top 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out, top 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out, top 1s ease-in-out;
} 


.white_circle_line.animation_2
{
	right:300%;
}

.white_circle_line.animation_2 .white_line
{
	width:2000%;
}

.white_circle_line.animation_2.visible_class 
{
	right:-70px;
	transition: right 1.5s ease-in-out, top 1.5s ease-in-out;
	-moz-transition: right 1.5s ease-in-out, top 1.5s ease-in-out;
	-webkit-transition: right 1.5s ease-in-out, top 1.5s ease-in-out;
} 

.white_circle_line.animation_3 .white_line
{
	width:2000%;
}

.white_circle_line.animation_3 
{
	margin-top:80px;
}

.white_circle_line.animation_4 .white_line
{
	width:550px;
}

.white_circle_line.animation_4 
{
	margin-top:80px;
	left:-100px;
}

.white_circle_line.animation_5 .white_line
{
	width:550px;
}

.white_circle_line.animation_5 
{
	margin-top:80px;
	right:-100%;
}

.white_circle_line.animation_5.visible_class 
{
	right:-100px;
	transition: right 2s ease-in-out;
	-moz-transition: right 2s ease-in-out;
	-webkit-transition: right 2s ease-in-out;
} 

.white_circle_line.animation_6
{
	right:300%;
	margin-top:80px;
}

.white_circle_line.animation_6 .white_line
{
	width:2000%;
}

.white_circle_line.animation_6.visible_class 
{
	right:50%;
	transition: right 1.5s ease-in-out;
	-moz-transition: right 1.5s ease-in-out;
	-webkit-transition: right 1.5s ease-in-out;
} 

.white_circle_line.animation_7
{
	right:300%;
	top:unset;
	bottom:-160px;
	
}

.white_circle_line.animation_7 .white_line
{
	width:10000%;
}

.white_circle_line.animation_7.visible_class 
{
	right:-500px;
	transition: right 1.5s ease-in-out;
	-moz-transition: right 1.5s ease-in-out;
	-webkit-transition: right 1.5s ease-in-out;
} 

.white_circle_line.animation_8
{
	right:300%;
	top:100px;
	z-index:10;
}

.white_circle_line.animation_8 .white_line
{
	width:2000%;
}

.white_circle_line.animation_8.visible_class 
{
	right:-500px;
	transition: right 1.5s ease-in-out, top 1.5s ease-in-out;
	-moz-transition: right 1.5s ease-in-out, top 1.5s ease-in-out;
	-webkit-transition: right 1.5s ease-in-out, top 1.5s ease-in-out;
} 

@media (max-width: 1000px) {
	.white_circle_line.animation_7
	{
		right:-50px;
	}
}

/* WHITE CIRCLES */

/* WHITE LINES */

.white_line
{
	border:1px solid white;
	width:calc(700% + 10px);
	height:1px;
	position:absolute;
	right:50px;
	top:50px;
}

.white_line.animation_1
{
	width:0px;
}

.white_line.animation_1.no_width_class {
	width:0px;
	transition: width 1s ease-in-out;
	-moz-transition: width 1s ease-in-out;
	-webkit-transition: width 1s ease-in-out;
} 

.white_line.animation_1.max_width_class {
	width:calc(700% + 10px);
	transition: width 1s ease-in-out;
	-moz-transition: width 1s ease-in-out;
	-webkit-transition: width 1s ease-in-out;
} 

.white_line.animation_1.no_width_class2 {
	width:0px;
	transition: width 1s ease-in-out;
	-moz-transition: width 1s ease-in-out;
	-webkit-transition: width 1s ease-in-out;
} 

.white_line.animation_3
{
	right:0px;
}

@media (max-width: 800px) {
	.white_circle_line.animation_3
	{
		margin-top:10px;
	}
}

.white_line.animation_4
{
	left: -500px;
	right:unset;
}

.white_line.animation_5
{
	right: -500px;
	left:unset;
}

.white_line.animation_7
{
	right: -4000px;
}

/* WHITE LINES */

/* BLOCKS COMMON */

.content_container_outer
{
	width:100%;
	float:left;
}

.content_container_inner
{
	width:100%;
	margin:auto;
	position:relative;
	max-width:1400px;
}

.content_item_inner
{
	position:relative;
}

/* BLOCKS COMMON */

/* MENÜ */

.main_menu
{
	height:130px;
	width:100%;
	text-align:center;
	background-image:
    linear-gradient(to right, rgba(111, 18, 174, 0.4) 25%, rgba(111, 18, 174, 0) 80%, rgba(111, 18, 174, 0.0) 100%), url("images/background_1000.webp");
	background-size:cover;
	margin:auto;
	z-index: 2000;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4); 
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
	position:sticky;
	top:0;
}

.main_menu_content
{
	max-width:1400px;
	padding-left:15px;
	padding-right:15px;
	text-align:left;
	line-height:20px;
	letter-spacing:0.025em;
	margin:auto;
	height:140px;
	box-sizing:border-box;
	color:white;
	font-weight:300;
	font-size:24px;
	display:flex;
	justify-content:start;
	align-items: end;
	
}

.logo_div
{
	padding:15px; 
	display:inline-block;
}

.menu_div
{
	width:100%;
	display:flex;
	justify-content:start;
	align-items: end;
	margin-bottom:15px;
}

.menu_div img
{
	height:80px;
	width:auto;
}

.menu_container
{
	height:80px;
	display:flex;
	justify-content:start;
	align-items: center;
	width:100%;
}

.menu_1_div
{
	width:100%;
}

.menu-hauptmenue-container
{
	width:100%;
	display:flex;
	justify-content:start;
	align-items: baseline;
}

.menu-hauptmenue-container ul:not(.sub-menu)
{
	display:flex;
	justify-content:flex-end;
	align-items: baseline;
	width:100%;
	flex-wrap:wrap;
	padding:0px;
	margin-bottom:0px;
	height:95px;
}

.menu-hauptmenue-container ul:not(.sub-menu) > li
{
	color:black;
	font-weight:bold;
	list-style:none;
	height:80px;
	margin-bottom:0px;
	padding-top:30px;
}


.menu-hauptmenue-container ul li a
{
	color:black;
	margin-right:10px;
	margin-left:10px;
	font-size:24px;
	font-weight:bold;
	font-weight:400;
	text-decoration:none;
	text-transform:uppercase;
}

.menu-hauptmenue-container ul li ul li a
{
	margin-right:0px;
	margin-left:0px;
	text-transform:none;
}

.menu-hauptmenue-container ul li a:hover, .menu-hauptmenue-container ul li.current-menu-item a
{
	color:#6f12e8;
}


.menu-hauptmenue-container .menu
{
	/* position:relative; */
}

.sub-menu
{
	/* position:absolute; */
	/* top:100px; */
	/* background-color:rgba(111,18,232,0.5); */
}

.menu-hauptmenue-container ul.sub-menu
{
	display:flex;
	flex-direction:column;
	text-align:left;
	width:auto;
	padding-top:50px;
	display:none;
	padding-left:0px;
}

.menu-hauptmenue-container ul.sub-menu li
{
	margin:0px;
	margin-bottom:30px;
	color:white;
	text-align:left;
	list-style:none;
	padding-left:0px;
	margin-left:10px;
	margin-right:10px;
}

.menu-hauptmenue-container ul.sub-menu li a
{
	color:white;
	font-weight:300;
	white-space: nowrap;
}

.hover_element
{
	background-color:rgba(111,18,232,0.8);
	/* margin-top:-10px; */
	position:absolute;
	width:100%;
	left:0;
	right:0;
	margin:0px;
	/* margin-top:30px; */
	margin-top:-23px;
	z-index:-1;
	display:none;
}

.menu-hauptmenue-container .menu > li .up
{
	display:none;
}

.menu-hauptmenue-container .menu .menu-item:hover .hover_element,
.menu-hauptmenue-container .menu .menu-item:hover ul
{
	display:flex;
}

.menu-hauptmenue-container .menu .menu-item:hover .down
{
	display:none;
}

.arrow {
	border: solid black;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	
}

.up {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	margin-bottom:4px;
}

.down {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	margin-bottom:7px;
}


.menu-hauptmenue-container .menu .menu-item:hover .up
{
	display:inline-block;
}



@media (max-width: 1000px) {
	
	.menu_div
	{
		margin-bottom:0px;
	}
	.menu_div img
	{
		height:40px;
	}
	
	.menu_container
	{
		display:none;
	}
	
	.main_menu,
	.main_menu_content
	{
		height:60px;
	}
}

@media (max-width: 500px) {
	.main_menu 
	{
		background-image:
		linear-gradient(to right, rgba(111, 18, 174, 0.4) 25%, rgba(111, 18, 174, 0) 80%, rgba(111, 18, 174, 0.0) 100%), url("images/background_500.webp");
	}
	
	.logo_div img
	{
		padding-top:10px;
	}
}

/* MENÜ */

/* VERTICAL SLIDER */

.content_container_two_divers
{
	width:100%;
	background-position-x: center, 55%, 55%,center;
	background-position-y: center, 26%, 92%,center;
	background-repeat: no-repeat;
	background-size: cover, 300px, 300px, cover;
	display:inline-block;
	background-image:
    linear-gradient(to bottom, rgba(111, 18, 174, 0.4) 25%, rgba(111, 18, 174, 0) 60%, rgba(111, 18, 174, 0.6) 96%, rgba(111, 18, 174, 1) 100%), url("images/diver_1.webp"), url("images/diver_2.webp"), url("images/diver_background_1500.webp");
	padding-bottom:150px;
}

@media (max-width: 1800px) {
	.content_container_two_divers
	{
		background-position-x: center, 56%, 56%,center;
	}	
}

@media (max-width: 1500px) {
	.content_container_two_divers
	{
		background-position-x: center, 58%, 58%,center;
	}	
}

@media (max-width: 1200px) {
	.content_container_two_divers
	{
		background-image: linear-gradient(to bottom, rgba(111, 18, 174, 0.4) 25%, rgba(111, 18, 174, 0) 80%, rgba(111, 18, 174, 0.6) 100%), url("images/diver_1.webp"), url("images/diver_2.webp"), url("images/diver_background_1500.webp");
		background-size: cover, 300px, 300px, cover;
		background-position-x: center, 60%, 60%,center;
		background-position-y: center, 24%, 70%,center;
	}
}

@media (max-width: 1000px) {
	.content_container_two_divers
	{
		background-position-x: center, 62%, 62%,center;
		background-position-y: center, 24%, 64%,center;
		background-image: linear-gradient(to bottom, rgba(111, 18, 174, 0.4) 25%, rgba(111, 18, 174, 0) 80%, rgba(111, 18, 174, 0.6) 100%), url("images/diver_1.webp"), url("images/diver_2.webp"), url("images/diver_background_1500.webp");
	}
}

@media (max-width: 800px) {
	.content_container_two_divers
	{
		background-position-x: center, 65%, 65%,center;
		background-position-y: center, 28%, 66%,center;
	}
}

@media (max-width: 700px) {
	.content_container_two_divers
	{
		background-position-x: center, 73%, 73%,center;
		background-position-y: center, 28%, 68%,center;
	}
}

@media (max-width: 600px) {
	.content_container_two_divers
	{
		background-position-x: center, 76%, 76%,center;
		background-position-y: center, 10%, 68%,center;
	}
}

@media (max-width: 576px) {
	.content_container_two_divers
	{
		background-position-x: center, 90%, 90%,center;
		background-position-y: center, 10%, 74%,center;
	}
}

.content_container_two_divers .content_item
{
	position:relative;
	display:flex;
	/* height:100vh; */
	height:1000px;
	padding-bottom:11%;
}

.content_container_two_divers .content_item_inner {
	align-self: flex-end;
}

.content_container_two_divers .content_item_inner.diver_first_column
{
	align-self: center;
}

.content_container_two_divers img
{
	max-width:350px;
	margin:auto;
	bottom:-50px;
	position:absolute;
	left:0;
	right:0;
}

@media (max-width: 1200px) {
	.content_container_two_divers .content_item
	{
		height:800px;
	}
}

@media (max-width: 576px) {
	.content_container_two_divers .content_item
	{
		height:600px;
	}
}


/* VERTICAL SLIDER */

/* HEADER VERSION 1 */

.content_container_header_1
{
	width:100%;
	background-position-x: center;
	background-position-y: center;
	background-repeat: no-repeat;
	background-size: cover;
	display:inline-block;
}

.content_container_header_1.content_container_div_spalte_1
{
	padding-top:100px;
	padding-bottom:0px;
}

.content_container_header_1 h1
{
	font-size: 180px;
	font-weight: 700;
	width:100%;
	opacity:0.6;
	transition: padding-top 0.8s ease-out, opacity 0.8s ease-out;
	padding-top:0px;
}

.content_container_header_1 h1.disable
{
	opacity:0;
	/* transition: padding-top 0.8s ease-out, opacity 0.8s ease-out; */
	transition: opacity 0.8s ease-out;
	/* padding-top:500px; */
}

.content_container_header_1 .spalte_2_item
{
	/* Animationseinstellungen */
	/* transition: transform 1s ease-in-out; */
	/* will-change: transform; /* Optimiert die Performance */ 
	transition: padding-bottom 1s ease-in-out;
	padding-bottom:0px;
	
}

.content_container_header_1.background_zoom .spalte_2_item{
	/* transform: scale(1.3); /* Zoomt um 15% rein */ 
	padding-bottom:300px;
}

.content_container_header_1 .spalte_1_inhalt
{
	padding-bottom:400px;
}

.content_container_div_spalte_1.mobile_only {
	display:none;
}

@media (max-width: 800px) {
	.content_container_header_1.content_container_div_spalte_1
	{
		padding-bottom:200px;
	}
	
	.content_container_header_1 .spalte_1_inhalt
	{
		padding-bottom:100px;
	}
}

@media (max-width: 1400px) {
	.content_container_header_1 h1
	{
		font-size: 100px;
	}
}

@media (max-width: 768px) {
	
	.content_container_div_spalte_1.desktop_only
	{
		display:none;
	}
	
	.content_container_div_spalte_1.mobile_only
	{
		display:block;
	}
}

@media (max-width: 600px) {
	.content_container_header_1 h1
	{
		font-size: 80px;
	}
}

@media (max-width: 500px) {
	.content_container_header_1 h1
	{
		font-size: 50px;
	}
}

.content_container_header_1 ul li,
.content_container_header_1 ul li a
{
	list-style:none;
	text-decoration:none;
}

.content_container_header_1 .spalte_1_inhalt > ul > li > h3
{
	margin:0px;
	cursor:pointer;
}

.content_container_header_1 .spalte_1_inhalt > ul > li > h3:before {
    background-color: white;
    border-radius: 50px 50px 50px 50px;
    content: "";
    height: 20px;
    margin: 6px 0 0 -30px;
    position: absolute;
    width: 20px;
}

.content_container_header_1 .spalte_1_inhalt > ul > li.darkblue > h3:before {
    background-color: #001c89;
}

.content_container_header_1 .spalte_1_inhalt > ul > li.lightblue > h3:before {
    background-color: #ccf3fb;
}

.content_container_header_1 .spalte_1_inhalt > ul > li.purple > h3:before {
    background-color: #6f12e8;
}

.content_container_header_1 .spalte_1_inhalt > ul > li.yellow > h3:before {
    background-color: #fbff4a;
}

.content_container_header_1 .spalte_1_inhalt > ul > li.beige > h3:before {
    /* background-color: #f5f5dc; */
    background-color: #cb95ff;
}

.content_container_header_1 .spalte_1_inhalt > ul > li > ul
{
	opacity:0;
	left:550px;
	margin-top:-37px;
	position:absolute;
}

.content_container_header_1 .spalte_1_inhalt > ul > li > ul li
{
	margin-bottom:15px;
}

.content_container_header_1 .spalte_1_inhalt > ul > li > ul .color_button
{
	margin-top:15px;
	margin-bottom:30px;
}

/* .content_container_header_1 ul > li span */
/* { */
	/* font-size:22px; */
/* } */
@media (max-width: 1200px) {
	.content_container_header_1 .spalte_1_inhalt > ul > li > ul
	{
		position:relative;
		display:none;
		left:unset;
		margin-top:0px;
		padding-left:0px;
		opacity:1;
	}
	
	.content_container_header_1 .spalte_1_inhalt > ul > li ul li > h3
	{
		display:none;
	}
}

@media (max-width: 768px) {
	.content_container_header_1 .spalte_1_inhalt > ul > li > h3::before
	{
		margin: 3px 0 0 -30px;
	}
}

/* HEADER VERSION 1 */

/* UNTERSEITEN HEADER */

.content_container_div_unterseiten_header .spalte_1_item .spalte_1_inhalt h2
{
	font-size:34px;
}

@media (max-width: 1200px) {
	.content_container_div_unterseiten_header .spalte_1_item .spalte_1_inhalt h2 {
		font-size: 28px;
	}
}

@media (max-width: 768px) {
	.content_container_div_unterseiten_header .spalte_1_item .spalte_1_inhalt h2 {
		font-size: 20px;
	}
}

/* UNTERSEITEN HEADER */


/* BUTTONS */ 

.yellow_button a, 
.black_button a,
.purple_button a,
.darkblue_button a,
.lightblue_button a,
.beige_button a,
.white_button a
{
	background-color:#fbff4a;
	color:black;
	padding:10px;
	padding-left:25px;
	padding-right:25px;
	border-radius:30px;
	margin-top:5px;
	margin-bottom:5px;
	display:inline-block;
	text-align:center;
	text-decoration:none;
	font-weight:400;
	font-size:24px;
}

.purple_button a
{
	color:white;
	background-color:#6f12e8;
}

.darkblue_button a
{
	color:white;
	background-color:#001c89;
}

.lightblue_button a
{
	color:black;
	background-color:#ccf3fb;
}

.black_button a
{
	color:white;
	background-color:black;
}

.beige_button a
{
	color:black;
	/* background-color:#f5f5dc; */
	background-color:#cb95ff;
}

.white_button a
{
	color:black;
	background-color:white;
}

.yellow_button a:hover,
.purple_button a:hover,
.darkblue_button a:hover,
.lightblue_button a:hover,
.beige_button a:hover,
.white_button a:hover
{
	background-color:black;
	color:white;
}

.menu-hauptmenue-container ul li.black_button a
{
	color:white;
	background-color:black;
}

.black_button a:hover,
.menu-hauptmenue-container ul li.black_button a:hover,
.menu-hauptmenue-container ul li.current-menu-item.black_button a
{
	background-color:#6f12e8;
	color:white;
}

@media (max-width: 800px) {
	.yellow_button a, 
	.black_button a,
	.purple_button a,
	.darkblue_button a,
	.lightblue_button a,
	.beige_button a,
	.white_button a
	{
		font-size:18px;
	}
}

@media (max-width: 600px) {
	.yellow_button a, 
	.black_button a,
	.purple_button a,
	.darkblue_button a,
	.lightblue_button a,
	.beige_button a,
	.white_button a
	{
		font-size:18px;
	}
}

/* BUTTONS */ 

/* ICONS */ 

.menu-hauptmenue-container ul li.tel_icon .icon,
ul.mobile_menu li.tel_icon .icon 
{
	width:24px; 
	height:24px;
	filter: brightness(0) invert(1);
}

.menu-hauptmenue-container ul li.tel_icon a
{
	background-color:black;
	padding:10px;
	padding-top:7px;
	padding-bottom:7px;
	border-radius:50%;
	text-align:center;
}

.menu-hauptmenue-container ul li.tel_icon:hover a
{
	background-color:#6f12e8;
}

.menu-hauptmenue-container ul li
{
	margin:auto;
}

.menu-hauptmenue-container ul li.tel_icon,
.menu-hauptmenue-container ul li.black_button
{
	margin:0px;
}
/* ICONS */ 

/* CASE DIVER */

.content_container_div_case_diver
{
	padding:0px; 
	float:left; 
	width:100%; 
	display:inline-block;
	color:black;
	position:relative;
	padding-top:0px;
	padding-bottom:0px;
}

.case_diver_item_inner_item
{
	width:100%;
	box-sizing:border-box;
	margin:auto;
	position:relative;
	max-width:1400px;
	min-height:1000px;
}

.case_diver_item_inner
{
	display:inline-block;
	width:100%;
	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
}

.case_diver_item_inner_item
{
	padding-top:200px;
	padding-bottom:200px;
}

.case_diver_item_inner_item img
{
	width:150%;
}

.case_diver_item_inner_item .spalte_1_inhalt {
	display: flex;
	flex-direction: column;
	justify-content: end;
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
}

.case_diver_navigation
{
	width:100%;
	position:absolute;
	top:200px;
	max-width:1400px;
	margin:auto;
	box-sizing: border-box;
	display:inline-block;
	left:50%;
	/* right:0; */
	z-index:10;
	transition: top 0.8s ease-in-out;
	transform: translateX(-50%);
}

.case_diver_navigation ul  {
	max-width:700px;
}

.case_diver_navigation li
{
	list-style:none;
}

.case_diver_navigation li h3
{
	color:white;
	margin-bottom:10px;
}

.case_diver_navigation li:not(.disabled):not(:has(~ li:not(.disabled))) h3 
{
    color: #fbff4a;
}

.case_diver_navigation_text li.disabled
{
	transition: opacity 0.8s ease-in-out;
	opacity:0;
	display:none;
}

.nav_title_item.disabled
{
	/* transition: opacity 1s ease-in-out; */
	/* opacity:0; */
}

.case_diver_item_inner_item .spalte_1_inhalt.case_diver_navigation_mobile
{
	display:none;
}

@media (max-width: 1400px) {

	.case_diver_item_inner_item img
	{
		width:100%;
	}
}

@media (max-width: 768px) {
	.case_diver_navigation
	{
		display:none;
	}
	
	.case_diver_item_inner_item .spalte_1_inhalt.case_diver_navigation_mobile
	{
		display:flex;
	}
	
	.case_diver_item_inner_item
	{
		min-height:500px;
	}

}

/* CASE DIVER */


/* INHALTE 1-SPALTIG */

.content_container_div_spalte_1
{
	padding:0px; 
	float:left; 
	width:100%; 
	display:inline-block;
	color:black;
	position:relative;
	padding-top:200px;
	padding-bottom:200px;
}

.spalte_1_item
{
	width:100%;
	box-sizing:border-box;
	margin:auto;
	position:relative;
	max-width:1400px;
}

.spalte_1_item_inner
{
	display:inline-block;
	width:100%;
	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
}

.spalte_1_item .spalte_1_inhalt
{
	display: flex;
	flex-direction:column;
	justify-content:end;
	position:relative;
	padding-left:15px; 
	padding-right:15px; 
}

.spalte_1_item .spalte_1_inhalt h2
{
	/* font-size:30px; */
}

@media (max-width: 768px) {
	.content_container_div_spalte_1
	{
		padding-top:100px;
		padding-bottom:100px;
	}
	
	.spalte_1_item .spalte_1_inhalt h2
	{
		/* font-size:20px; */
	}
}

/* INHALTE 1-SPALTIG */

/* INHALTE 2-SPALTIG */

.content_container_div_spalte_2
{
	padding:0px; 
	float:left; 
	width:100%; 
	display:inline-block;
	color:black;
	position:relative;
	padding-top:200px;
	padding-bottom:200px;
}

.spalte_2_item
{
	width:100%;
	box-sizing:border-box;
	margin:auto;
	position:relative;
	max-width:1400px;
}

.spalte_2_item_inner
{
	display:inline-block;
	width:100%;
	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
}

.spalte_2_inhalt
{
	display: flex;
	flex-direction:column;
	justify-content:center;
	position:relative;
}

.content_container_div_spalte_2_two_color .spalte_2_inhalt
{
	justify-content:start;
}

.spalte_2_item .spalte_2_inhalt
{
	padding-left:15px; 
	padding-right:15px; 
}

.spalte_2_item .spalte_2_inhalt h3
{
	/* font-size: 22px; */
}

.spalte_2_item .spalte_2_inhalt h2
{
	/* font-size: 30px; */
}

.spalte_2_item .spalte_2_inhalt p
{
	font-size: 18px;
}

.spalte_2_item_inner .spalte_2_inhalt:nth-child(2n + 1) img {
	transition: transform 0.8s ease-out, opacity 0.8s ease-out;
	transform: translateX(-200px);
	opacity: 0;
}

.spalte_2_item_inner .spalte_2_inhalt:nth-child(2n + 1) img.is-visible {
	transform: translateX(0);
	/* Macht das Bild sichtbar */
	opacity: 1;
}

.spalte_2_item_inner .spalte_2_inhalt:nth-child(2n + 2) img {
	transition: transform 0.8s ease-out, opacity 0.8s ease-out;
	transform: translateX(200px);
	opacity: 0;
}

.spalte_2_item_inner .spalte_2_inhalt:nth-child(2n + 2) img.is-visible {
	transform: translateX(0);
	/* Macht das Bild sichtbar */
	opacity: 1;
}

.spalte_2_item_inner .spalte_2_inhalt:nth-child(2n + 3) img {
	transition: transform 0.8s ease-out, opacity 0.8s ease-out;
	transform: translateX(200px);
	opacity: 0;
}

.spalte_2_item_inner .spalte_2_inhalt:nth-child(2n + 3) img.is-visible {
	transform: translateX(0);
	/* Macht das Bild sichtbar */
	opacity: 1;
}

.spalte_2_inhalt.left_side img
{
	width:150%!important;
	max-width:150%!important;
}

.content_container_div_spalte_2.mobile_only
{
	display:none;
}

@media (max-width: 1400px) {
	.spalte_2_inhalt.left_side img
	{
		width:100%!important;
		max-width:100%!important;
	}
}

@media (max-width: 768px) {
	.spalte_2_inhalt
	{
		width:100%;
	}
	
	.content_container_div_spalte_2.desktop_only
	{
		display:none;
	}
	
	.content_container_div_spalte_2.mobile_only
	{
		display:block;
	}
	
	.content_container_div_spalte_2
	{
		padding-top:100px;
		padding-bottom:100px;
	}
	
	.spalte_2_item .spalte_2_inhalt h2
	{
		/* font-size: 20px; */
	}
}
/* INHALTE 2-SPALTIG */


/* SLIDER */

.content_container_div_carousel
{
	padding:0px; 
	float:left; 
	width:100%; 
	background-color:transparent; 
	display:inline-block;
	color:black;
	position:relative;
	padding-top:100px;
	padding-bottom:100px;
}

.carousel_item
{
	width:100%;
	box-sizing:border-box;
	margin:auto;
	position:relative;
	max-width:1400px;
	padding-left:15px;
	padding-right:15px;
}

.carousel_item_inner
{
	display:inline-block;
	width:100%;
	float:left;
}

.prev, .next
{
	width:60px;
	height:40px;
	top:46%;
	padding:5px; 
	padding-bottom:15px;
	font-size:50px;
	z-index:200;
	color:#ffcc00;
	opacity:1;
	border-radius:5px;
	text-decoration:none;
}

a.carousel-control-prev, a.carousel-control-next
{
	color:white;
}


.prev
{
	left:-60px;
}

.next
{
	right:-60px;
}

.slider_white_circle_line
{
	width:100%;
}

.slider_white_circle
{
	width:15px;
	height:15px;
	border:4px solid white;
	border-radius:50%;
	position:absolute;
}

.slider_white_line
{
	border:2px solid white;
	width:50px;
	height:1px;
	position:absolute;
	margin-top:6px;
	
}

a.carousel-control-next .slider_white_circle_line
{
	right:0;
	text-align:right;
}

a.carousel-control-prev .slider_white_circle_line
{
	left:0;
	text-align:left;
}

a.carousel-control-next .slider_white_circle
{
	right:0;
}

a.carousel-control-prev .slider_white_circle
{
	left:0;
}

a.carousel-control-next .slider_white_line
{
	right:12px;
}

a.carousel-control-prev .slider_white_line
{
	left:12px;
}

@media (max-width: 300px) {
	.carosel-item {
		width: 100%;
	}

}
@media (min-width: 300px) {
	.carosel-item {
		width: 100%;
	}
}
@media (min-width: 500px) {
	.carosel-item {
		width: 100%;
	}
}

@media (max-width: 1400px) {
	.prev
	{
		left:10%;
		bottom:30px;
		top:unset;
	}
	
	.next
	{
		right:10%;
		bottom:30px;
		top:unset;
	}
}

@media (max-width: 991px) {
	.prev
	{
		left:30%;
		bottom:-50px;
		top:unset;
	}
	
	.next
	{
		right:30%;
		bottom:-50px;
		top:unset;
	}
	
	.prev .slider_white_circle,
	.prev .slider_white_line,
	.next .slider_white_circle,
	.next .slider_white_line
	{
		/* border-color:black !important; */
	}
}

@media (min-width: 768px) {
	/* .carosel-item { */
		/* width: 33.3333%; */
		/* width: calc(100%/3); */
	/* } */
}

.carosel {
	position: relative;
	margin-top:50px;
}

.carosel-inner {
	white-space: nowrap;
	overflow: hidden;
	font-size: 0; 
	display:flex;
}

.carosel-item {
	display: inline-block;
	text-align:center;
	vertical-align:top;
}

.carosel_card_outer
{
	padding:15px;
	padding:15px;
	width:30%;
}

.carosel_card
{
	background-color: #fbff4a;
	white-space: normal;
	color:black;
	text-align:center;
	padding-top:30px;
	padding-bottom:50px;
	height:500px;
	margin-top:50px;
	opacity:0.5; 
}

.carosel_card h3
{
	color:black;
	font-size:22px;
	font-family:Inter;
	padding-left:40px;
	padding-right:40px;
}

.carosel_card_inner
{
	color:black;
	text-align:center;
}

.carosel_card_inner p
{
	font-size:16px;
	padding-left:30px;
	padding-right:30px;
	line-height:1.4;
	width:100%;
}

.carosel_card_outer:nth-of-type(2) .carosel_card
{
	height:600px;
	padding-top:50px; 
	margin-top:0px;
	opacity:1;  
}

.carosel_card_outer:nth-of-type(2) .carosel_card h3
{
	font-size:26px;
}

.carosel_card_outer:nth-of-type(2) .carosel_card p
{
	font-size:20px;
	padding-left:50px;
	padding-right:50px;
}

.carosel_card_outer:nth-of-type(2)
{
	position:relative;
	width: 40%;
}

.content_container_div_carousel img.icon
{
	width:70px;
	margin-bottom:30px;
}

.carosel_card_outer
{
	width:30%;
	flex: 0 0 auto;
}

.slider_arrow
{
	color:white;
}

.carousel_item .zitat_footer
{
	margin-top:30px;
	color:#6f12e8;
}
.carousel_item .zitat_footer p
{
	/* margin-bottom:10px; */
}

@media (max-width: 991px) {
	.carosel_card_outer,
	.carosel_card_outer:nth-of-type(2)
	{
		width:100%;
	}
	
	.carosel_card_outer:nth-of-type(1) .carosel_card
	{
		height:600px;
		/* padding-top:100px; */
		margin-top:0px;
		background-color: #fbff4a;
		opacity:1;
	}
	
	.carosel_card
	{
		opacity:1;
	}
	
	.carosel_card
	{
		height:600px;
		padding-top:50px; 
		margin-top:0px;
		opacity:1;  
	}
	
	.carosel_card_outer .carosel_card h3
	{
		font-size:28px;
	}

	.carosel_card_outer .carosel_card p
	{
		font-size:22px;
		padding-left:50px;
		padding-right:50px;
	}
	
	.content_container_div_carousel img.icon
	{
		margin-bottom:30px;
	}
	
	.slider_arrow
	{
		color:black;
	}
	
	.slider_white_circle
	{
		border:4px solid black;
	}

	.slider_white_line
	{
		border:2px solid black;
		width:20px;
	}
	
	.carosel_card_outer
	{
		padding:0px;
	}
}

.carosel_card_outer.move_mid_before
{
	position:absolute;
	right:0;
	top:0;
	
}

.carosel_card_outer.move_left_before
{
	position:absolute;
	right:30%;
	top:-50px;
	/* height:600px; */
	padding:15px;
	padding:15px;
	width:40%;
	z-index:20;
}

.carosel_card_outer.move_left_before.carosel_card_outer_only_bilder
{
	/* height:600px; */
}

.carosel_card_outer.move_left_before.carosel_card_outer_only_bilder .carosel_card
{
	/* margin-top:0px; */
}

.carosel_card_outer.move_left_before .carosel_card
{
	padding-top: 50px;
	margin-top: 50px;
	height:600px;
	/* background-color:red !important; */
}

.carosel_card_outer.move_left_before .carosel_card h3
{
	font-size:26px;
}

.carosel_card_outer.move_left_before .carosel_card p
{
	font-size:20px;
	padding-left: 50px;
	padding-right: 50px;
}

@media (max-width: 400px) {
	
	.carosel_card_outer .carosel_card h3
	{
		font-size:20px;
	}
	
	.carosel_card_outer .carosel_card p
	{
		font-size:16px;
	}
}

/* SLIDER */

/* BUBBLE SLIDER */

.content_container_div_bubble_slider
{
	padding:0px; 
	float:left; 
	width:100%; 
	background-color:transparent; 
	display:inline-block;
	color:black;
	position:relative;
	padding-top:0px;
	padding-bottom:0px;
}

.content_container_div_bubble_slider .carousel
{
	width:100%;
	box-sizing:border-box;
	margin:auto;
	position:relative;
	height:800px;
}

.content_container_div_bubble_slider .carousel-inner,
.content_container_div_bubble_slider .carousel-item
{
	height:800px;
}

.content_container_div_bubble_slider .carousel-inner
{
	overflow:visible;
}

.content_container_div_bubble_slider .carousel-item img
{
	object-fit: cover;
	height:800px;
}

.content_container_div_bubble_slider .carousel-caption
{
	font-size:26px;
	color:white;
	width:500px;
	height:500px;
	border-radius:50%;
	display:flex !important;
	align-items:center;
	padding:30px;
	position:absolute;
	bottom:-100px;
	z-index:100;
	flex-direction:column;
	justify-content: center;
	max-width:100%;
}

.content_container_div_bubble_slider .carousel-caption h2
{
	font-size:40px;
}

.content_container_div_bubble_slider .carousel-caption.left
{
	left:15%;
	right:auto;
}

.content_container_div_bubble_slider .carousel-caption.right
{
	right:15%;
	left:auto;
}

.content_container_div_bubble_slider .carousel-caption.mid
{
	right:0;
	left:0;
}

.content_container_div_bubble_slider .carousel-caption.big
{
	bottom:unset;
	top:30px;
	width:700px;
	height:700px;
	right:5%;
	width: 700px;
	height: 700px;
	border-radius: 50%;
	color: white;
	margin: 20px auto;
	overflow: hidden;
	padding: 40px; 
	text-align: center;
	font-family: sans-serif;
	line-height: 1.6;
	display:block !important;
}

.content_container_div_bubble_slider .carousel-caption.big .shape-left {
	float: left;
	width: 50%;
	height: 100%;
	shape-outside: polygon(
		0% 0%, 100% 0%, 
		50% 10%, 25% 25%, 10% 50%, 25% 75%, 50% 90%, 
		100% 100%, 0% 100%
	);
}

.content_container_div_bubble_slider .carousel-caption.big .shape-right {
	float: right;
	width: 50%;
	height: 100%;
	shape-outside: polygon(
	100% 0%, 0% 0%, 
	50% 10%, 75% 25%, 90% 50%, 75% 75%, 50% 90%, 
	0% 100%, 100% 100%
	);
}

.content_container_div_bubble_slider .carousel-caption.big  .vertical-spacer {
	height: 25%; /* Je nach Textmenge anpassen (20-30% ist meist ideal) */
	width: 100%;
}

.content_container_div_bubble_slider .carousel-caption.big .content {
	hyphens: auto;
	word-wrap: break-word;
}

.content_container_div_bubble_slider .carousel-indicators
{
	margin:0px;
	justify-content:flex-end;
	right:50px;
	bottom:50px;
}

.content_container_div_bubble_slider .carousel-indicators button
{
	width:20px;
	height:20px;
	border-radius:50%;
	border:0px;
	margin:5px;
	background-color: #0D0B50;
	opacity:1;
}

/* Die inaktiven Punkte */
.content_container_div_bubble_slider .carousel-indicators button {
	background-color: var(--inactive-color, #fff); 
}

/* Der aktive Punkt */
.content_container_div_bubble_slider .carousel-indicators button.active {
	background-color: var(--active-color, #fff) !important;
}

.content_container_div_bubble_slider .carousel-indicators button.active
{
	background-color: white;
}

@media (max-width: 1400px) {
	
	.content_container_div_bubble_slider .carousel-caption h2
	{
		font-size:24px;
	}

	.content_container_div_bubble_slider .carousel,
	.content_container_div_bubble_slider .carousel-inner,
	.content_container_div_bubble_slider .carousel-item,
	.content_container_div_bubble_slider .carousel-item img
	{
		height:500px;
	}
	
	.content_container_div_bubble_slider .carousel-caption,
	.content_container_div_bubble_slider .carousel-caption.right,
	.content_container_div_bubble_slider .carousel-caption.left
	{
		width:400px;
		height:400px;
		font-size:18px;
		padding:15px;
		left:5%;
		right:auto;
		line-height:1.3;
	}

	.content_container_div_bubble_slider .carousel-caption
	{
		bottom:-50px;
	}
	
	.content_container_div_bubble_slider .carousel-indicators
	{
		right:30px;
		bottom:30px;
	}
	
	.content_container_div_bubble_slider .carousel-caption.big
	{
		left:unset;
		bottom:unset;
		top:15px;
		width:450px;
		height:450px;
		right:5%;
	}
	
	.content_container_div_bubble_slider .carousel-caption.big {
		width: 450px;
		height: 450px;
		border-radius: 50%;
		background: #e74c3c; /* Ein kräftiges Rot */
		color: white;
		margin: 20px auto;
		overflow: hidden;
		text-align: center;
		line-height: 1.4;
		padding:10px;
	}
	
	.content_container_div_bubble_slider .carousel-caption.big.mid,
	.content_container_div_bubble_slider .carousel-caption.mid
	{
		left:0;
		right:0;
	}

	.content_container_div_bubble_slider .carousel-caption.big .shape-left, .content_container_div_bubble_slider .carousel-caption.big .shape-right {
		width: 50%;
		height: 100%;
	}

	.content_container_div_bubble_slider .carousel-caption.big .shape-left {
		float: left;
		/* Die Kurve ist bei 450px etwas steiler */
		shape-outside: polygon(0 0, 100% 0, 65% 15%, 35% 30%, 20% 50%, 35% 70%, 65% 85%, 100% 100%, 0 100%);
	}

	.content_container_div_bubble_slider .carousel-caption.big .shape-right {
		float: right;
		shape-outside: polygon(100% 0, 0 0, 35% 15%, 65% 30%, 80% 50%, 65% 70%, 35% 85%, 0 100%, 100% 100%);
	}

	/* Vertikale Zentrierung für 450px */
	.content_container_div_bubble_slider .carousel-caption.big .vertical-spacer {
		height: 10%; /* Schiebt den Inhalt in das Zentrum */
		width: 100%;
	}
	
	/* Vertikale Zentrierung für 350px */
	.content_container_div_bubble_slider .carousel-caption.big .vertical-spacer {
		height: 25%; /* Schiebt den Inhalt in das Zentrum */
		width: 100%;
	}

	.content_container_div_bubble_slider .carousel-caption.big .content {
		hyphens: auto;
		padding: 0 15px; /* Etwas weniger Padding als bei 700px */
	}

	.content_container_div_bubble_slider .carousel-caption.big h2 {
		margin: 0 0 10px 0;
		text-transform: uppercase;
	}

	.content_container_div_bubble_slider .carousel-caption.big p {
		margin: 0;
	}
	
	.content_container_div_bubble_slider .carousel-caption p, 
	.content_container_div_bubble_slider .color_button a
	{
		font-size:20px;
	}
}

@media (max-width: 1000px) {
	.content_container_div_bubble_slider .carousel-caption h2
	{
		font-size:20px;
	}
	
	.content_container_div_bubble_slider .carousel-caption p,
	.content_container_div_bubble_slider .color_button a
	{
		font-size:20px;
	}
	
	.content_container_div_bubble_slider .color_button a
	{
		padding:5px;
		padding-left:10px;
		padding-right:10px;
	}
}

@media (max-width: 600px) {
	
	.content_container_div_bubble_slider .carousel-caption.big {
		width: 400px;
		height: 400px;
	}
	
	/* Vertikale Zentrierung für 350px */
	.content_container_div_bubble_slider .carousel-caption.big .vertical-spacer {
		height: 25%; /* Schiebt den Inhalt in das Zentrum */
		width: 100%;
	}
	
	.content_container_div_bubble_slider .carousel,
	.content_container_div_bubble_slider .carousel-inner,
	.content_container_div_bubble_slider .carousel-item,
	.content_container_div_bubble_slider .carousel-item img
	{
		height:600px;
	}
	
	.content_container_div_bubble_slider .carousel-caption,
	.content_container_div_bubble_slider .carousel-caption.right,
	.content_container_div_bubble_slider .carousel-caption.left
	{
		/* width:200px; */
		/* height:200px; */
		/* font-size:12px; */
		/* padding:10px; */
		/* left:5%; */
		/* right:auto; */
		/* line-height:1.3; */
	}
	
	.content_container_div_bubble_slider .carousel-caption
	{
		bottom:-50px;
	}
	
	.content_container_div_bubble_slider .carousel-indicators
	{
		right:15px;
		bottom:15px;
	}
	
	.content_container_div_bubble_slider .carousel-caption h2
	{
		/* font-size:12px; */
		margin-bottom:10px;
	}
	
	.content_container_div_bubble_slider .carousel-caption p,
	.content_container_div_bubble_slider .color_button a
	{
		font-size:18px;
	}

	
	/* .content_container_div_bubble_slider .carousel-caption.big */
	/* { */
		/* left:unset; */
		/* bottom:unset; */
		/* top:15px; */
		/* width:270px; */
		/* height:270px; */
		/* right:5%; */
		/* font-size:12px; */
	/* } */

}

@media (max-width: 500px) {
	.content_container_div_bubble_slider .carousel-caption.big
	{
		width:400px;
		height:400px;
	}
	
	/* Vertikale Zentrierung für 350px */
	.content_container_div_bubble_slider .carousel-caption.big .vertical-spacer {
		height: 25%; /* Schiebt den Inhalt in das Zentrum */
		width: 100%;
	}
	
	.content_container_div_bubble_slider .carousel-caption p,
	.content_container_div_bubble_slider .color_button a
	{
		font-size:16px;
	}
	
	

}

@media (max-width: 400px) {
	.content_container_div_bubble_slider .carousel-caption.big
	{
		width:300px;
		height:300px;
	}
	
	/* Vertikale Zentrierung für 350px */
	.content_container_div_bubble_slider .carousel-caption.big .vertical-spacer {
		height: 10%; /* Schiebt den Inhalt in das Zentrum */
		width: 100%;
	}
	
	.content_container_div_bubble_slider .carousel-caption p,
	.content_container_div_bubble_slider .color_button a
	{
		font-size:14px;
	}
	
	.content_container_div_bubble_slider .carousel-caption,
	.content_container_div_bubble_slider .carousel-caption.right,
	.content_container_div_bubble_slider .carousel-caption.left
	{
		left:0;
		top:20%;
	}
	
	 
}

/* BUBBLE SLIDER */

/* VERTICAL SLIDER */

.content_container_div_bubble_slider.content_container_div_text_slider .carousel-caption
{
	width:600px;
	height:100%;
	bottom:unset;
	top:0px;
	z-index: 2;
}

.content_container_div_bubble_slider.content_container_div_text_slider .carousel-item img
{
	object-position:left;
}

.content_container_div_bubble_slider.content_container_div_text_slider.left .carousel-item img
{
	object-position:right;
}

.content_container_div_bubble_slider.content_container_div_text_slider .carousel-caption h3,
.content_container_div_bubble_slider.content_container_div_text_slider .carousel-caption h2,
.content_container_div_bubble_slider.content_container_div_text_slider .carousel-caption p
{
	/* text-align:inherit; */
}

.content_container_div_bubble_slider.content_container_div_text_slider .carousel-caption h3
{
	font-size:20px;
}

.content_container_div_bubble_slider.content_container_div_text_slider .carousel-caption h2,
.content_container_div_bubble_slider.content_container_div_text_slider .carousel-caption p
{
	padding-left:30px;
}

.content_container_div_bubble_slider.content_container_div_text_slider .carousel-item::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	/* Verlauf von rechts nach links */
	background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.6) 100%);
	z-index: 1;
}

.content_container_div_bubble_slider.content_container_div_text_slider .carousel-item.left::after {
	background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.6) 100%);
}

@media (max-width: 1400px) {
	.content_container_div_bubble_slider.content_container_div_text_slider .carousel-caption 
	{
		left:unset;
		right:5%;
		width:500px;
	}
	
	.content_container_div_bubble_slider.content_container_div_text_slider .left .carousel-caption 
	{
		right:unset;
		left:5%;
	}
}

@media (max-width: 800px) {
	.content_container_div_bubble_slider.content_container_div_text_slider .carousel-caption 
	{
		left:unset;
		right:5%;
		width:400px;
		font-size: 14px;
	}
	
	.content_container_div_bubble_slider.content_container_div_text_slider .left .carousel-caption 
	{
		right:unset;
		left:5%;
	}
	
	.content_container_div_bubble_slider.content_container_div_text_slider .carousel-item img
	{
		object-position:10%;
	}
	
	.content_container_div_bubble_slider.content_container_div_text_slider .carousel-item::after {
		background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0.8) 100%);
	}
	
	.content_container_div_bubble_slider.content_container_div_text_slider .carousel-item.left::after {
		background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0.8) 100%);
	}
}

/* VERTICAL SLIDER */


/* ONE/TWO FACE CARDS */

.content_container_div_two_face_cards .front,
.content_container_div_two_face_cards .back,
.content_container_div_one_face_cards .front
{
	height:300px;
	margin-bottom:30px;
	padding:30px;
	align-items: center;
}

.content_container_div_two_face_cards .front,
.content_container_div_one_face_cards .front
{
	display:flex;
}

.content_container_div_two_face_cards .back
{
	display:none;
}

.content_container_div_two_face_cards .spalte_1_inhalt:hover .back
{
	display:flex;
}

.content_container_div_two_face_cards .spalte_1_inhalt:hover .front
{
	display:none;
}

.content_container_div_one_face_cards h3,
.content_container_div_two_face_cards h3 
{
	font-family: Montserrat;
}

@media (max-width: 1200px) {
	.content_container_div_one_face_cards h3, 
	.content_container_div_two_face_cards h3 
	{
		font-size: 22px;
	}
}

/* TWO FACE CARDS */

/* GALERIE */

.content_container_div_galerie
{
	padding-top:0px;
}

.spalte_1_item .spalte_1_inhalt.galerie
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.variante_two .spalte_1_item .spalte_1_inhalt.galerie
{
	grid-template-columns: 1fr 1fr;
	align-items: center;
}

.image_switch .first_image
{
	
}

.image_switch:hover .first_image
{
	display:none;
}

.image_switch:hover .second_image,
.image_switch:hover .bildtext,
.image_switch:hover .color_gradient
{
	display:block;
}

.image_switch {
	width:75%;
	padding:10px;
	position:relative;
}

.image_switch:nth-child(2n + 1)
{
	grid-column: 1 / span 1; 
	width: 100%;
	height: auto;
	grid-row: 1; 
	
	transition: transform 0.8s ease-out, opacity 0.8s ease-out;
	transform: translateX(-200px);
	opacity: 0;
}

.image_switch:nth-child(2n + 1).is-visible {
	transform: translateX(0);
	/* Macht das Bild sichtbar */
	opacity: 1;
}

.image_switch:nth-child(2n + 2)
{
	grid-column: 1 / span 1; 
	align-self: end; 
	width: 100%;
	height: auto;
	grid-row: 2;
	
	transition: transform 0.8s ease-out, opacity 0.8s ease-out;
	transform: translateX(-200px);
	opacity: 0;
}

.image_switch:nth-child(2n + 2).is-visible {
	transform: translateX(0);
	/* Macht das Bild sichtbar */
	opacity: 1;
}

.image_switch:nth-child(2n + 3)
{
	grid-column: 2 / span 3;
	grid-row: 1 / span 2; 
	align-self: end; 
	width: 100%;
	height: auto;
	grid-row: 1 / span 2; 
	
	transition: transform 0.8s ease-out, opacity 0.8s ease-out;
	transform: translateX(200px);
	opacity: 0;
}

.image_switch:nth-child(2n + 3).is-visible {
	transform: translateX(0);
	/* Macht das Bild sichtbar */
	opacity: 1;
}

.variante_two .image_switch:nth-child(2n + 1),
.variante_two .image_switch:nth-child(2n + 3)
{
	grid-column: 1 / span 1; 
	grid-row: 1; 
	transform: translateX(-200px);
}

.variante_two .image_switch:nth-child(2n + 2)
{
	grid-column: 2 / span 1; 
	grid-row: 1; 
	transform: translateX(200px);
}

.variante_two .image_switch:nth-child(2n + 1).is-visible,
.variante_two .image_switch:nth-child(2n + 3).is-visible
{
	transform: translateX(0);
	/* Macht das Bild sichtbar */
	opacity: 1;
}

.variante_two .image_switch:nth-child(2n + 2).is-visible
{
	transform: translateX(0);
	/* Macht das Bild sichtbar */
	opacity: 1;
}

.image_switch img
{
	width:100%;
}

.image_switch .text 
{
	padding-left:30px;
	padding-bottom:30px;
}

.bottom .image_switch .text 
{
	padding-left:30px;
	padding-top:30px;
	padding-bottom:0px;
}

.image_switch .second_image,
.image_switch .bildtext,
.image_switch .color_gradient
{
	display:none;
}

.image_switch .color_gradient
{
	position:absolute;
	bottom:0;
	left:0;
	background: linear-gradient(37deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 49%, rgba(0, 0, 0, 0) 100%);
	height:100%;
	width:100%;
	margin:0px; 
}

.image_switch .bildtext
{
	position:absolute;
	bottom:0;
	left:0;
	font-size:20px;
	padding:15px;
	line-height:1.3;
	color:white;
	font-family:CourierPrime;
	max-width:500px;
}

@media (max-width: 1000px) {
	
	.image_switch .bildtext
	{
		font-size:12px;
	}
}

@media (max-width: 700px) {
	.spalte_1_item .spalte_1_inhalt.galerie
	{
		display: flex; 
		flex-direction: column;
	}
	
	.image_switch {
		width:100%;
		padding:10px;
		position:relative;
	}
	
	.image_switch .bildtext
	{
		font-size:16px;
	}

}
/* GALERIE */


/* FORMULAR */

.wpforms-form,
.wpforms-container,
.wpforms-submit
{
	width:100% !important;
}

/* Kopple die WPForms-Label-Farbe an deine benutzerdefinierte Variable */
div.spalte_1_inhalt[style*="--wpforms-label-color-custom"] div.wpforms-container-full .wpforms-field-label-inline,
div.spalte_1_inhalt[style*="--wpforms-label-color-custom"] div.wpforms-container-full .wpforms-field-label-inline a {
    color: var(--wpforms-label-color-custom) !important;
}

div.spalte_1_inhalt[style*="--wpforms-label-color-custom"] div.wpforms-container-full .wpforms-field-label-inline a
{
	text-decoration: underline;
}

/* FORMULAR */



/* AUFKLAPPELEMENT - NEU */

.content_container_div_aufklappelement
{
	padding:0px; 
	float:left; 
	width:100%; 
	background-color:transparent; 
	display:inline-block;
	color:black;
	position:relative;
	padding-top:100px;
	padding-bottom:100px;
}

.content_container_div_aufklappelement h3 *
{
	/* hyphens: auto; */
	/* hyphens: auto; */
}

.aufklapp_item
{
	width:100%;
	box-sizing:border-box;
	margin:auto;
	position:relative;
	max-width:1400px;
}

.aufklapp_item_inner
{
	display:inline-block;
	width:100%;
}

.accordion-button
{
	position:relative;
}

.accordion-item, 
.accordion, 
.accordion-header, 
.accordion-button, 
.accordion-button:not(.collapsed)::after, 
.accordion-button::after, 
.accordion-button:not(.collapsed)
{
	background:transparent;
	/* border:0px; */
}

.accordion-button:not(.collapsed),
.accordion-button:focus
{
	box-shadow:none;
}

.accordion-header,
.accordion-header .accordion-button,
.accordion-header .accordion-button h3,
.accordion-header .accordion-button p
{
	color:white;
	margin:0px;
	line-height:1.4;
}

.black_layout .accordion-header,
.black_layout .accordion-header .accordion-button,
.black_layout .accordion-header .accordion-button h3,
.black_layout .accordion-header .accordion-button p
{
	color:black;
}

.accordion-header .accordion-button[aria-expanded="true"],
.accordion-header .accordion-button[aria-expanded="true"] h3,
.accordion-header .accordion-button[aria-expanded="true"] p{
	/* color: #fbff4a; */
}

.black_layout .accordion-header .accordion-button[aria-expanded="true"],
.black_layout .accordion-header .accordion-button[aria-expanded="true"] h3,
.black_layout .accordion-header .accordion-button[aria-expanded="true"] p{
	color: black;
}

.accordion-header .accordion-button h3,
.accordion-header .accordion-button .h3
{
	font-family: Montserrat;
	margin-bottom:10px;
	
	font-size:30px;
	font-weight:400;
	max-width:90%;
}

.accordion-header .accordion-button p:not(.h3)
{
	font-size:20px;
}

.accordion-item:first-of-type > .accordion-header .accordion-button
{
	border-radius:0px;
	/* border-bottom:none; */
}

.accordion-item
{
	border:1px solid white;
	border-radius:0px !important;
	border-left:0px !important;
	border-right:0px !important;
	padding-top:30px;
	padding-bottom:30px;
	position:relative;
}


.black_layout .accordion-item
{
	border:1px solid black;
}

.accordion-flush > .accordion-item:first-child
{
	border-top:1px solid white;
}

.accordion-flush > .accordion-item:last-child
{
	border-bottom:1px solid white;
}

.black_layout .accordion-flush > .accordion-item:first-child
{
	border-top:3px solid black;
}

.black_layout .accordion-flush > .accordion-item:last-child
{
	border-bottom:3px solid black;
}

.aufklapp_image
{
	opacity:0;
	margin-top:-150px;
	object-fit:cover;
	width:80%;
}

.accordion-collapse.show .aufklapp_image
{
	opacity:1;
	margin-top:-250px;
	
	transition: opacity 1s ease-in-out, margin-top 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out, margin-top 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out, margin-top 1s ease-in-out;
}

.aufklappelement_schalter
{
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
	
	position:absolute;
	right:0px;
	top:30px;
	
	transform-origin:40px 24px;
	transition: 1s all;
}

.aufklappelement_white_circle_line
{
	position:relative;
	width:50px;
	display:inline-block;
}

.aufklappelement_white_circle
{
	width:30px;
	height:30px;
	border:3px solid white;
	border-radius:50%;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
}

.black_layout .aufklappelement_white_circle
{
	border:3px solid black;
}

.aufklappelement_white_line
{
	border:2px solid white;
	width:40px;
	height:1px;
	position:absolute;
	right:24px;
	top:14px;
	margin:auto;
}
.black_layout .aufklappelement_white_line
{
	border:2px solid black;
}

.accordion-header .accordion-button[aria-expanded="true"] .aufklappelement_schalter
{
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
	top:50px;
	transform-origin:40px 24px;
	
	transition: 1s all;
}

@media (max-width: 900px) {
	.accordion-button
	{
		position:inherit;
	}
	
	.aufklappelement_schalter
	{
		margin-right:15px;
	}
	
	.accordion-header .accordion-button h3,
	.accordion-header .accordion-button .h3
	{
		font-family: Montserrat;
		margin-bottom:10px;
		
		font-size:22px;
		font-weight:400;
		max-width:90%;
	}
	
	.accordion-collapse.show .aufklapp_image
	{
		margin-top:30px;
	}
}

/* AUFKLAPPELEMENT - NEU */

/* FOOTER */

.content_container_div_footer
{
	padding:0px; 
	float:left; 
	width:100%; 
	display:inline-block;
	color:white;
}

.footer_item_container
{
	width:100%;
	box-sizing:border-box;
	position:relative;
	color:black;
	float:left;
	display:inline-block;
	text-align:center;
	background-image:url("images/diver_background.webp");
	background-position-y: bottom;
	/* border-top:15px solid #6db7d3; */
	/* padding-bottom:100px; */
}


.footer
{
	width:100%;
	box-sizing:border-box;
	margin:auto;
	position:relative;
	max-width:1400px;
	padding:150px;
	padding-left:15px;
	padding-right:15px;
	font-size:20px;
	line-height:1.5em; 
	display:inline-block;
}

.footer_spalte
{
	width:calc(100% / 3);
	float:left;
	font-weight:400;
	color:white;
	display:inline-block;
}

.footer_spalte_1
{
	width:calc(100% / 3);
	padding-left: 15px;
	padding-right: 15px;
}

.footer_spalte_2
{
	width:calc(100% / 3);
}

.footer_spalte_3
{
	width:calc(100% / 3);
	text-align:right;
}

.footer_spalte .textwidget
{
	margin-bottom:10px;
}

.footer_spalte ul
{
	margin-top:0px;

}

.footer_spalte li, .footer_spalte li
{
	list-style:none;
}

.footer_spalte li
{
	float:none;
	text-align:left;
	margin-left:0px;
	width:100%;
}

.footer_spalte li p
{
	margin:0px;
}

.footer_spalte
{
	float:left;
}

.footer_spalte li a, .footer_spalte a
{
	/* font-weight:600; */
	color:black;
}

.footer img
{
	/* width:100%; */
	margin-bottom:30px;
	/* max-width:250px; */
	
	height: 80px;
	width: auto;
}

.footer .icon
{
	text-align:right;
}


.footer img.icon,
.footer .icon img
{
	width: auto !important;
	height: 50px !important;
	margin:0px;
	margin-left: 40px;
	margin-bottom: 5px;
	float:right;
}

.footer figure.icon 
{
	margin:0px;
}

.copyright_container,
.links_container
{
	float:left;
	background-color:white;
	text-align:center;
	width:100%;
}

.copyright,
.links
{
	width:100%;
	box-sizing:border-box;
	margin:auto;
	position:relative;
	max-width:1000px;
	padding:15px;
	font-size:12px;
	line-height:1.5em; 
	color:black;
	text-align:left;
	list-style:none;
	display:inline-block;
}

.copyright p,
.links p
{
	margin:0px;
}

.copyright_container
{
	margin-top:120px;
	background-color:transparent;
}

.copyright
{
	width:100%;
	max-width:100%;
	padding:0px;
}

.copyright ul
{
	display:flex;
	list-style:none;
	justify-content: space-between;
	background-color:transparent;
	width:100%;
	padding:0px;
	flex-wrap: wrap;
}

.copyright ul li
{
	margin-bottom:10px;
}


.copyright ul li,
.copyright ul li a
{
	color:white;
	font-size:16px;
	text-decoration:none;
	text-align:center;
}

.footer_spalte .links li
{
	list-style:none;
	float:left;
	color:black;
	padding-right:6px;
	margin-right:5px;
	color:black;
	position: relative;
	width:auto;
}

.links li a
{
	color:black;
}

.links li ul li:not(:last-child)::after {
  content: '';
  width: 0;
  height: 60%;
  position: absolute;
  border: 1px solid black;
  top: 0;
  right: 0px;
  top: 4px;
}

@media (max-width: 1000px) {
	

	.copyright ul.wp-block-list li
	{
		flex: 0 0 100%;
	}
}

@media (max-width: 900px) {
	
	.footer
	{
		font-size:16px;
	}
	
	.footer img
	{
		height:40px;
	}
	
	.footer_spalte_2
	{
		padding-top:0px;
	}
	
	.footer img.icon,
	.footer .icon img
	{
		height: 30px !important;
		margin-left: 15px;
	}

}

@media (max-width: 600px) {
	
	.footer
	{
		font-size:14px;
	}
	
	.footer img
	{
		max-width:150px;
		height:auto;
	}
	
	.footer_spalte_1
	{
		width:100%;
		text-align:center;
		padding-bottom:50px;
	}
	
	.footer_spalte_1 li
	{
		text-align:center !important;
	}
	
	.footer_spalte_1 figure
	{
		text-align:center;
	}
	
	.footer_spalte_1 figure img
	{
		margin:auto;
	}

	.footer_spalte_2
	{
		width:100%;
		padding-top:0px;
		text-align:center;
	}

	.footer_spalte_3
	{
		width:100%;
		margin-top:100px;
		text-align:center;
	}
	
	.footer_spalte_3 li,
	.footer_spalte_3 figure
	{
		display:inline-block;
		text-align:center;
		width:auto;
	}
}

/* FOOTER */


/* LOGO SLIDER */

.wpcp-carousel-section .wpcp-single-item img
{
	/* width:auto; */
	/* max-height:120px; */
}
/* LOGO SLIDER */




/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #fff;
}



#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
	bottom:0; 
	right:0; 
    width: 100%;
    height: 100%;
    z-index: 6000;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #cb95ff;

    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

    z-index: 1001;
}

    #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #fbff4a;

        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #ccf3fb;

        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
          animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    @-webkit-keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }
    @keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }

    #loader-wrapper .loader-section {
        position: fixed;
        top: 0;
        width: 51%;
        height: 100%;
        background: #3f0091;
        z-index: 1000;
        -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateX(0);  /* IE 9 */
        transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
    }

    #loader-wrapper .loader-section.section-left {
        left: 0;
    }

    #loader-wrapper .loader-section.section-right {
        right: 0;
    }

    /* Loaded */
    .loaded #loader-wrapper .loader-section.section-left {
        -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(-100%);  /* IE 9 */
                transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }

    .loaded #loader-wrapper .loader-section.section-right {
        -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(100%);  /* IE 9 */
                transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }
    
    .loaded #loader {
        opacity: 0;
        -webkit-transition: all 0.3s ease-out;  
                transition: all 0.3s ease-out;
    }
    .loaded #loader-wrapper {
        visibility: hidden;

        -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateY(-100%);  /* IE 9 */
                transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.3s 1s ease-out;  
                transition: all 0.3s 1s ease-out;
    }
    
    /* JavaScript Turned Off */
    .no-js #loader-wrapper {
        display: none;
    }
    .no-js h1 {
        color: #222222;
    }

    #content {
        margin: 0 auto;
        padding-bottom: 50px;
        width: 80%;
        max-width: 978px;
    } 
	
	
	
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

#sm_menu_ham
{
	position:sticky;
	margin-bottom: 15px;
}


.sm_menu_outer
{
	background-image: linear-gradient(161deg, rgba(111, 18, 174, 0.4) 25%, rgba(111, 18, 174, 0) 80%, rgba(111, 18, 174, 0.0) 100%), url("images/background_500.webp");
	background-size: cover;
	
}

.sm_menu_outer .mobile_menu a
{
	text-align:center;
	color:black;
	letter-spacing:3px;
}

.mobile_menu
{
	backdrop-filter: blur(20px);
	min-height:100%;
	margin-bottom:0px;
}

.mobile_menu,
.mobile_menu ul,
.sm_menu_outer.accordion .mobile_menu .hasChild > .submenu li
{
	padding-left:0px;
	
}

.mobile_menu ul.submenu
{
	border-bottom: 0.5px solid rgba(0, 0, 0, 0);
	border-top: 0.5px solid rgba(0, 0, 0, 0);
	border-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #2a2a2a 20%, #2a2a2a 50%, #2a2a2a 80%, rgba(0, 0, 0, 0) 100%) 0 0 1 0;
	
}

.sm_menu_outer .mobile_menu ul.submenu a
{
	text-transform:none;
	font-size:16px;
}

.sm_menu_outer .mobile_menu li
{
	border:none;
	text-align:center;
}

.sm_menu_outer .mobile_menu li.color_button a
{
	width:auto;
	color:white;
	display: inline-block;
	padding:5px;
	padding-left:30px;
	padding-right:30px;
	font-size:14px;
	margin-top:5px;
	margin-bottom:25px;
	text-transform:none;
}

.sm_menu_outer .mobile_menu .menu-copyright-container ul
{
	margin-top:15px;
	padding-bottom:50px;
}

.sm_menu_outer .mobile_menu .menu-copyright-container ul li a
{
	font-size:14px;
	padding-top:5px;
	padding-bottom:0px;
	text-transform:none;
}
/* #simple-menu */
/* { */
	/* margin-bottom:5px; */
	/* display:none; */
/* } */

/* @media (max-width: 1000px) { */
	/* #simple-menu { */
		/* display: block; */
	/* } */
/* } */

.spalte_2_inhalt.left_side img.logo,
img.logo
{
	max-width:100px!important;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.spalte_2_inhalt.left_side img.mobile_only,
.spalte_2_inhalt img.mobile_only
{
	display:none;
}

.spalte_2_inhalt.left_side img.logo_mid,
img.logo_mid
{
	max-width:200px!important;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

@media (max-width: 768px) {
	
	.spalte_2_inhalt.left_side img.desktop_only,
	.spalte_2_inhalt img.desktop_only
	{
		display:none;
	}
	
	.spalte_2_inhalt.left_side img.mobile_only,
	.spalte_2_inhalt img.mobile_only
	{
		display:block;
	}
}

@media (max-width: 500px) {
	.wpcp-carousel-section .wpcp-single-item img
	{
		max-width:250px!important;
	}
}

@media (max-width: 400px) {
	.wpcp-carousel-section .wpcp-single-item img
	{
		max-width:200px!important;
	}
}

.display_none
{
	display:none;
}

table td {
	padding:15px;
	border:1px solid black;
}