.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)}
/*  */

:root {

--color1: #ffffff;
--color2: #1e1e1e;

--color3: #000000;
--color4: #d97c7c;

--bgcolor1: #ffffff;
--bgcolor2: #1e1e1e;

--bgcolor3: #000000;
--bgcolor4: #cecece;

}

.color1 {color: var(--color1); }

.color2 {color: var(--color2); }

.color3 {color: var(--color3); }

.color4 {color: var(--color4); }

.bgcolor1 {background-color: var(--bgcolor1); }

.bgcolor2 {background-color: var(--bgcolor2); }

.bgcolor3 {background-color: var(--bgcolor3); }

.bgcolor4 {background-color: var(--bgcolor4); }

.bgbox1 {
background: rgba(0, 0, 0, 0.5);
}

.bgbox2 {
background: rgba(255, 255, 255, 0.6);
}

@font-face {
font-family: 'ArchitectsDaughter';
src: local('☺'),
url('../../files/theme/fonts/ArchitectsDaughter/ArchitectsDaughter.woff') format('woff'),
url('../../files/theme/fonts/ArchitectsDaughter/ArchitectsDaughter.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'OpenSansLight';
src: url('../../files/theme/fonts/OpenSansLight/OpenSansLight.eot');
src: local('☺'),
url('../../files/theme/fonts/OpenSansLight/OpenSansLight.woff') format('woff'),
url('../../files/theme/fonts/OpenSansLight/OpenSansLight.ttf') format('truetype'),
url('../../files/theme/fonts/OpenSansLight/OpenSansLight.svg') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'OpenSansReg';
src: url('../../files/theme/fonts/OpenSansReg/OpenSansRegular.eot');
src: local('☺'),
url('../../files/theme/fonts/OpenSansReg/OpenSansRegular.woff') format('woff'),
url('../../files/theme/fonts/OpenSansReg/OpenSansRegular.ttf') format('truetype'),
url('../../files/theme/fonts/OpenSansReg/OpenSansRegular.svg') format('svg');
font-weight: normal;
font-style: normal;
}

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 {
margin: 0;
padding: 0;
}

figure {
line-height: 0em !important;
}

/*=== format basic elements
========================================================================*/

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}

table { border-spacing: 0; border-collapse: collapse; }

caption, th, td { text-align: left; text-align: start; vertical-align: top;}

abbr, acronym { font-variant: normal; border-bottom: 1px dotted #666; cursor: help;}

blockquote, q { quotes: none;}

fieldset, img {border: 0;}

sup {vertical-align: text-top;}

sub { vertical-align: text-bottom;}

del { text-decoration: line-through;}

ins { text-decoration: none; }

strong, b {font-weight: normal;font-family: 'OpenSansReg', sans-serif;}

em, i {font-style: italic;}

:focus {outline: 0;}

img { max-width: 100%; height: auto; }

hr {
clear: both;
margin: 1.5em 0;
border: none;
height: 1px;
background: #ddd;
}

address {
font-family: 'ArchitectsDaughter', cursive;
font-style: italic;
color: #888;
margin-bottom: 1.5em;
line-height: 1.5em;
font-size: 87.5%;
}

blockquote {
font-family: 'ArchitectsDaughter', cursive;
color: #444;
font-size: 75%;
padding: 1.5em 8.5%;
}

.centerText {
text-align: center;
}

.float_left {
margin: 0 20px 10px 0;
}

.float_right {
margin: 0 0 10px 20px;
}

/*=== Default font settings
========================================================================*/

html {

}

body {
margin: 0;
font-family: 'OpenSansLight', "Arial Narrow", sans-serif;
color: #fff;
text-align: left;
background: #000;
font-size: 1.1rem;
letter-spacing: 1px;
}

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

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

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

table {font-size: inherit;}

caption, th {font-weight: bold;}

h1, h2, h3, h4, h5, h6 {
font-weight: normal;
position: relative;
text-align: left;
clear: both;
}

/*=== Default margins
========================================================================*/

h1 { font-size: 200%; margin: 0.75em 0; line-height: 0.75em; text-transform: uppercase;}

h2 { font-size: 175%; margin: 0.857em 0; line-height: 0.857em; text-transform: uppercase;}

h3 { font-size: 150%; margin: 1em 0; line-height: 1em;  text-transform: uppercase;}

h4 { font-size: 125%; margin: 1.2em 0; line-height: 1.2em;}

h5 { font-size: 112.5%; margin: 1.333em 0; line-height: 1.333em;}

h6 { font-size: 100%; margin: 1.5em 0; line-height: 1.5em; font-style: italic;}

p, pre, blockquote, table, ol, ul, li, dl, dt, dd, form {
margin-bottom: 1.5em;
}

p, pre, blockquote, ul, ol, dd, dt, td {
line-height: 1.5em;
}

ul, ol, dl {
margin-left: 1em;
}

li {
margin-left: 1.5em;
margin-bottom: 0;
text-align: left;
}

dt {
font-weight: bold;
}

dd {
margin-left: 2em;
}

#main a {color: #fff;}

/*=== Default Listen
========================================================================*/

ol {
counter-reset: li;
margin-left: 0;
padding-left: 0;
}

ol > li {
position: relative;
list-style: none;
padding-left: 1.5em;
}

ol > li:last-child {
padding-bottom: 0 !important;
}

ol > li:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: -1em;
top: 0.25em;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 1.5em;
height: 1.5em;
line-height: 1.5em;
color: #000;
background: #eee;
text-align: center;
text-shadow: none;
border: 1px solid #ddd;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
font-size: 87.5%;
}

ol > li h4 {
padding-top: 0 !important;
}

ol > li p:last-child {
background: #fff;
border: 1px solid #B5B9AC;
width: 100px;
padding: 3px 7px;
text-align: center;
margin-bottom: 0 !important;
margin-left: -45px;
}

/*========================================================================
=== LAYOUT
========================================================================*/

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



.invisible {
width: 0;
height: 0;
left: -1000px;
top: -1000px;
position: absolute;
overflow: hidden;
display: inline;
}

.block { overflow: hidden; }

.clear, #clear {
height: 0.1px;
font-size: 0.1px;
line-height: 0.1px;
clear: both;
}

#container, .inside { position: relative;width: 100%;}

#container {
padding: 0;
margin: 0;
clear: both;
height: 100%;
width: 100%;
}

#wrapper, #main, #left, #right {
position: relative;
}

#wrapper {
width: 100%;
}


#main {
width: 100%;
/**/box-sizing: border-box;
height: 100%;
}

#left {
width: 280px;
height: 100%;
background: rgba(197, 182, 169, 1);
box-sizing: border-box;

z-index: 20;
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: -300px;
transition: left .65s cubic-bezier(0.22, 1, 0.36, 1);
overflow: auto;

}

body.open #left {
left: 0;
}

#left .inside {

}




.logobox {
margin: 0 auto; text-align: center;
padding:45px 15px 15px 15px;
}

.logobox img {
max-width: 180px;
}

.socialnavi {padding: 0 0 5px 15px;}

.socialnavi ul {margin: 0;
padding: 0;
list-style: none;}

.socialnavi ul li {margin: 0 6px 6px 0;display: inline-block;}

.socialnavi ul li:before {content: none}

.socialnavi ul li a {font-size: 0; text-decoration: none;}

.socialnavi ul li a:before {font-size: 24px;color: #fff;margin: 0;}

.cookieeinstellungen {padding: 0 0 15px 12px; cursor: pointer;font-size: .7em;}

.internnavi{padding: 0 0 5px 0;}
.internnavi .mainnav {margin-bottom: 0px;font-size: .8rem;}
.internnavi .mainnav ul li {
padding: 2px 0;
}
.internnavi .mainnav a,
.internnavi .mainnav strong{text-transform: inherit;border-top: none;
padding: 0;}

#footer {
clear: both;
}

@media (max-width: 767px) {

}

#main > .inside {
/*min-height: 1px;
overflow: auto;*/
height: 100%;
width: 100%;
}


body.scrollable  #wrapper{
height:100vh;
}

#main .mod_article {
height: 100%
}

body.scrollable #main .mod_article {
height: 100vh;
overflow-y:scroll;
}


body.h100 #main .mod_article {
height:100vh;
}


body.scrollable #main .mod_article .inside {
max-width: 1040px;
margin-left: auto;
margin-right: auto;
padding-left: 4rem;
padding-right: 4rem;
padding-top: 4rem;
padding-bottom: 1rem;
}

@media (max-width: 1024px) {
body.scrollable #main .mod_article .inside {
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: 4rem;
padding-bottom: 1rem;
}

}

body.bgimg1 {
background-image: url("/files/media/backgrounds/Florian-Klein-7.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center bottom;
}

/*=== HEADER/FOOTER
========================================================================*/

#header {

}

#footer {

}

/*========================================================================
=== Content
========================================================================*/
/*=== Allgemein
========================================================================*/

.ccb-element-blocker .cc-icon {
width: 80px !important;
height: 20px !important;
}


#logo-left {
width: 36%;
margin: 0 auto;
margin-top: 1em;
}

#logo-left h1 {
margin: 0;
}

#logo-main-no,
#logo-main-mo {
width: 100%;
margin: 1em auto;
position: absolute;
z-index: 998;
text-align: center;
}

#logo-main-no a,
#logo-main-mo a {
color: #fff;
}

#logo-main-no img,
#logo-main-mo img {
width: 40%;
height: auto;
max-width: 250px;
}

.mobile #logo-main-no img,
.mobile #logo-main-mo img {
width: 30%;
height: auto;
max-width: 100px;
}

.overlay {
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
background: transparent;
z-index: 99999;
}

/*=== Navigationen
========================================================================*/

.nav-share {
position: fixed;
z-index: 999;
left: 16px;
top: 16px;
}

.icon-menu {
font-size: 0;
}

.icon-menu::before {
font-size: 30px; cursor: pointer;
}

body.open .icon-menu::before {
content: '\e81c';
}
/* Dezenter Menü-Hinweis nach Inaktivität */

.share-nav ul,
.share-nav li {
margin: 0;
padding: 0;
list-style: none;
}

.share-nav li.first {
margin-bottom: 1em;
}

.share-nav a {
color: #fff;
text-decoration: none;
}

.mod_sharebuttons {
position: fixed;
left: -500px;
top: 10.6em;
z-index: 1000000;
display: none;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}

.mod_sharebuttons ul,
.mod_sharebuttons li {
margin: 0;
padding: 0;
list-style: none;
}

.mod_sharebuttons li {
float: left;
}

.mod_sharebuttons a {
display: block;
color: white;
font-size: 175%;
text-decoration: none;
}

/*
.mod_sharebuttons a.icon-whatsapp {
	background-image: url(../../files/theme/gfx/basics/whatsapp.png) !important;
}

.mod_sharebuttons a.icon-phone {
	background-image: url(../../files/theme/gfx/basics/phone.png) !important;
}*/

/*=== LangSwitch
========================================================================*/

#langSwitch {
margin-bottom: .4em;
}

#langSwitch ul,
#langSwitch li {
margin: 0;
padding: 0;
list-style: none;
}

#langSwitch li {
display: inline-block;
width: auto;
}

#langSwitch li.active {

}

#langSwitch ul {
margin:0 .6em;
/*border-bottom: 1px solid rgb(240,232,227);*/
}

#langSwitch a,
#langSwitch strong {
display: block;
text-decoration: none;
text-transform: uppercase;
padding: 2px 5px;
margin-right: 1px;
border: 0 solid #9b887d; border-radius: 6px;
font-size: .8rem;
}

#langSwitch li a, #langSwitch li strong {
color: #fff;
}

#langSwitch li strong,
#langSwitch a:hover {
color: rgb(161, 119, 96);
}

/*=== MainNav
========================================================================*/

.mainnav {
font-size: 92.5%;
margin-bottom: 20px;
}

.mainnav ul,
.mainnav ul li {
margin: 0;
padding: 0;
list-style: none;
}

.mainnav ul.level_1 {
padding: 0 1em;
}

.mainnav a,
.mainnav strong {
display: block;
color: #fff;
text-decoration: none;
text-transform: uppercase;
border-top: 1px solid rgb(240, 232, 227);
padding: 0.5em 0;
}

.mainnav a:last-child,
.mainnav strong:last-child {
/*	border-bottom: 1px solid rgb(240,232,227);*/
}

.mainnav strong,
.mainnav a:hover {
color: rgb(220, 209, 198);
color: rgb(240, 232, 227);
color: rgb(161, 119, 96);
}

.mainnav li.submenu {
background: #EDE4DD;
margin: 0 -1em;
padding: 0 1em;
}

.mainnav li.submenu a,
.mainnav li.submenu strong {
color: rgb(199, 174, 160);
color: rgb(161, 119, 96);
border-bottom: 1px solid rgb(197, 182, 169);
}

.mainnav ul.level_2 li:last-child a,
.mainnav ul.level_2 li:last-child strong {
border-bottom: none;
}

.mainnav ul.level_2 {
display: none;
}

.mainnav ul.level_2 a {
color: rgb(199, 174, 160) !important;
padding-left: 1em;
}

.mainnav ul.level_2 a:hover {
color: rgb(197, 182, 169) !important;
color: rgb(161, 119, 96) !important;
}

.mainnav ul.level_2 strong {
padding-left: 1em;
}

/*=== Left Kontaktdaten
========================================================================*/

#left .kontakt {
margin-bottom: 1.5em;
}

#left .kontakt ul,
#left .kontakt li {
margin: 0;
padding: 0;
list-style: none;
}

#left .kontakt ul {
padding: 0 1em;
}

#left .kontakt li {
border-top: 1px solid rgb(240, 232, 227);
padding: 0.5em 0;
}

#left .kontakt a {
display: block;
color: #fff;
text-decoration: none;
text-transform: uppercase;
}

#left .kontakt a:hover {
color: rgb(220, 209, 198);
}

/*=== Linkbox
========================================================================*/

.linkbox {
margin: 0 auto;
width: 60%;
font-size: 1px;
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
margin-left: -30%;
}

#florian .linkbox {
width: 50%;
margin-left: -25%;
}

.linkbox * {
line-height: 120%;
text-align: center;
text-transform: uppercase;
}

.linkbox a {
color: #fff;
text-decoration: none;
display: block;
text-align: center;
text-transform: uppercase;
cursor: pointer;
}

.linkbox p {
margin-bottom: 1em;
}

.linkbox i {
display: block;
font-size: 1px;
}

/*=== Accoridion
========================================================================

.toggler {
	padding: 0.5em 0;
	background: #eee;
	cursor: pointer;
	border-top: 1px solid #f1f2f3;
	border-bottom: 1px solid #ddd;
}

.toggler:before {
	font-family: 'fontello';
	content:"\e898";
	display: inline-block;
	margin-left: 1em;
	margin-right: 1em;
}

.toggler.ui-state-active:before {
	content:"\e89a";
}

.toggler.ui-state-active {
	background: #ddd;
}

.toggler:hover {
	background: #ccc;
}

.accordion>div {
	padding: 1em;
}
*/

/*=== Tabs
========================================================================*/

.ce_tabs {
box-sizing: border-box;
border: 1px solid #ddd;
overflow: auto;
}

.ce_tabs ul,
.ce_tabs li {
margin: 0;
padding: 0;
list-style: none;
position: relative;
}

.ce_tabs ul {
overflow: auto;
background: #000;
}

.ce_tabs li {
float: left;
}

.ce_tabs li a {
display: block;
padding: 0.5em 1em;
background: #eee;
color: #000;
border-right: 1px solid #ddd;
text-decoration: none;
}

.ce_tabs li.ui-state-active a {
background: #fff;
}

.ce_tabs li a:hover {
background: #ddd;
}

.tabs > div {
padding: 1em;
background: #fff;
}

/*=== Icons
========================================================================*/

div#icons {
margin: 0 !important
}

span.i-name {
font-size: 100%;
}

span.i-code {
float: right;
font-size: 87.5%;
color: #999;
}

span.i-code:before {
content: "(";
}

span.i-code:after {
content: ")";
}

.icon-loader {
display: inline-block !important;
/* 	background-image: url(../../files/theme/gfx/basics/icon-loader.gif); */
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
background-attachment: scroll;

height: 64px;
width: 64px;
}

/*=== Buchungsformular
========================================================================*/

body.buchung {
background-image: url("/files/media/backgrounds/Florian-Klein-7.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
background-attachment: scroll;
}

.bgbox1 {
background: rgba(0, 0, 0, 0.5);
}

.bgbox2 {
background: rgba(255, 255, 255, 0.6);
}

.spinner {
text-align: center;
font-size: 125%;
}

.responseText,
.spinner {
margin: 0 auto;
font-size: 300%;
position: relative;
top: 50%;
padding-top: 2em;
}

.responseText * {
line-height: 1em;
text-align: center;
text-transform: uppercase;
}

.ui-timepicker-minutes {
position: absolute;
top: -999em;
left: -999em;
}

.ui-timepicker-table {
font-size: 0.9em;
}

.ui-timepicker-table td a {
padding: 0.3em 0.5em;
width: auto;
}

input.captcha {
width: 2.5em;
text-align: center;
}

.captcha_text {
color: #fff;
font-size: 75%;
}

@media (min-width: 980px) and (max-width: 1280px) {

}

@media (min-width: 768px) and (max-width: 979px) {

}

@media (max-width: 767px) {

}

.agb-text p,
.agb-text li {
  text-shadow:
    2px 2px 3px rgba(0,0,0,1),
    -2px -2px 3px rgba(0,0,0,0.9),
    2px -2px 3px rgba(0,0,0,0.9),
    -2px 2px 3px rgba(0,0,0,0.9),
    0 4px 12px rgba(0,0,0,0.9) !important;
}
.impressum-text p,
.impressum-text li {
  text-shadow:
    2px 2px 3px rgba(0,0,0,1),
    -2px -2px 3px rgba(0,0,0,0.9),
    2px -2px 3px rgba(0,0,0,0.9),
    -2px 2px 3px rgba(0,0,0,0.9),
    0 4px 12px rgba(0,0,0,0.9) !important;
}
.datenschutz-text p,
.datenschutz-text li {
  text-shadow:
    2px 2px 3px rgba(0,0,0,1),
    -2px -2px 3px rgba(0,0,0,0.9),
    2px -2px 3px rgba(0,0,0,0.9),
    -2px 2px 3px rgba(0,0,0,0.9),
    0 4px 12px rgba(0,0,0,0.9) !important;
}
.kontakt-text p,
.kontakt-text li {
  text-shadow:
    2px 2px 3px rgba(0,0,0,1),
    -2px -2px 3px rgba(0,0,0,0.9),
    2px -2px 3px rgba(0,0,0,0.9),
    -2px 2px 3px rgba(0,0,0,0.9),
    0 4px 12px rgba(0,0,0,0.9) !important;
}
.swiper-slide .textbox {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1.5s ease, transform 1.5s ease;
}

.swiper-slide-active .textbox {
  opacity: 1;
  transform: translateY(0);
}

/* Dezenter Grain-Effekt für Seiten mit Hintergrundbild */
@media (min-width: 1280px) {

  body.bgimg1::after,
  body.buchung::after {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0.05;

    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.8'/%3E%3C/svg%3E");

    background-size: 100px 100px;
  }


}
@keyframes menuPulse {
    0%, 100% {
        opacity: 1;
        transform: none;
    }

    50% {
        opacity: 0.15;
        transform: none;
    }
}

@media (max-width: 767px) {

    body.menu-hint .icon-menu::before {
        animation: menuPulse 1.7s ease-in-out 4;
    }

}
@keyframes arrowPulse {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.15;
    }
}

@media (max-width: 767px) {

    body.menu-hint .content-swiper .swiper-button-prev::after,
    body.menu-hint .content-swiper .swiper-button-next::after {
        animation: arrowPulse 1.7s ease-in-out 4;
    }

}
/*
   Animation example, for spinners
*/
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@font-face {
  font-family: 'fontello';
  src: url('../../files/theme/fonts/fontello/font/fontello.eot?13197033');
  src: url('../../files/theme/fonts/fontello/font/fontello.eot?13197033#iefix') format('embedded-opentype'),
       url('../../files/theme/fonts/fontello/font/fontello.woff?13197033') format('woff'),
       url('../../files/theme/fonts/fontello/font/fontello.ttf?13197033') format('truetype'),
       url('../../files/theme/fonts/fontello/font/fontello.svg?13197033#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../../files/theme/fonts/fontello/font/fontello.svg?13197033#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-mail-squared:before { content: '\e800'; } /* '' */
.icon-heart:before { content: '\e801'; } /* '' */
.icon-heart-empty:before { content: '\e802'; } /* '' */
.icon-star:before { content: '\e803'; } /* '' */
.icon-star-empty:before { content: '\e804'; } /* '' */
.icon-ok:before { content: '\e805'; } /* '' */
.icon-ok-circled:before { content: '\e806'; } /* '' */
.icon-ok-circled2:before { content: '\e807'; } /* '' */
.icon-ok-squared:before { content: '\e808'; } /* '' */
.icon-link:before { content: '\e809'; } /* '' */
.icon-unlink:before { content: '\e80a'; } /* '' */
.icon-link-ext:before { content: '\e80b'; } /* '' */
.icon-link-ext-alt:before { content: '\e80c'; } /* '' */
.icon-thumbs-up-alt:before { content: '\e80d'; } /* '' */
.icon-thumbs-down-alt:before { content: '\e80e'; } /* '' */
.icon-download:before { content: '\e80f'; } /* '' */
.icon-upload:before { content: '\e810'; } /* '' */
.icon-star-half:before { content: '\e811'; } /* '' */
.icon-star-half-alt:before { content: '\e812'; } /* '' */
.icon-user:before { content: '\e813'; } /* '' */
.icon-users:before { content: '\e814'; } /* '' */
.icon-male:before { content: '\e815'; } /* '' */
.icon-female:before { content: '\e816'; } /* '' */
.icon-child:before { content: '\e817'; } /* '' */
.icon-video:before { content: '\e818'; } /* '' */
.icon-videocam:before { content: '\e819'; } /* '' */
.icon-picture:before { content: '\e81a'; } /* '' */
.icon-camera:before { content: '\e81b'; } /* '' */
.icon-cancel:before { content: '\e81c'; } /* '' */
.icon-cancel-circled:before { content: '\e81d'; } /* '' */
.icon-cancel-circled2:before { content: '\e81e'; } /* '' */
.icon-plus:before { content: '\e81f'; } /* '' */
.icon-plus-circled:before { content: '\e820'; } /* '' */
.icon-plus-squared:before { content: '\e821'; } /* '' */
.icon-plus-squared-alt:before { content: '\e822'; } /* '' */
.icon-minus:before { content: '\e823'; } /* '' */
.icon-minus-circled:before { content: '\e824'; } /* '' */
.icon-minus-squared:before { content: '\e825'; } /* '' */
.icon-minus-squared-alt:before { content: '\e826'; } /* '' */
.icon-help:before { content: '\e827'; } /* '' */
.icon-attach:before { content: '\e828'; } /* '' */
.icon-lock:before { content: '\e829'; } /* '' */
.icon-lock-open:before { content: '\e82a'; } /* '' */
.icon-lock-open-alt:before { content: '\e82b'; } /* '' */
.icon-pin:before { content: '\e82c'; } /* '' */
.icon-eye:before { content: '\e82d'; } /* '' */
.icon-eye-off:before { content: '\e82e'; } /* '' */
.icon-tag:before { content: '\e82f'; } /* '' */
.icon-tags:before { content: '\e830'; } /* '' */
.icon-bookmark:before { content: '\e831'; } /* '' */
.icon-bookmark-empty:before { content: '\e832'; } /* '' */
.icon-flag:before { content: '\e833'; } /* '' */
.icon-download-cloud:before { content: '\e834'; } /* '' */
.icon-upload-cloud:before { content: '\e835'; } /* '' */
.icon-reply:before { content: '\e836'; } /* '' */
.icon-reply-all:before { content: '\e837'; } /* '' */
.icon-forward:before { content: '\e838'; } /* '' */
.icon-quote-left:before { content: '\e839'; } /* '' */
.icon-quote-right:before { content: '\e83a'; } /* '' */
.icon-code:before { content: '\e83b'; } /* '' */
.icon-export:before { content: '\e83c'; } /* '' */
.icon-export-alt:before { content: '\e83d'; } /* '' */
.icon-share:before { content: '\e83e'; } /* '' */
.icon-share-squared:before { content: '\e83f'; } /* '' */
.icon-pencil:before { content: '\e840'; } /* '' */
.icon-pencil-squared:before { content: '\e841'; } /* '' */
.icon-edit:before { content: '\e842'; } /* '' */
.icon-print:before { content: '\e843'; } /* '' */
.icon-retweet:before { content: '\e844'; } /* '' */
.icon-keyboard:before { content: '\e845'; } /* '' */
.icon-gamepad:before { content: '\e846'; } /* '' */
.icon-comment:before { content: '\e847'; } /* '' */
.icon-chat:before { content: '\e848'; } /* '' */
.icon-comment-empty:before { content: '\e849'; } /* '' */
.icon-chat-empty:before { content: '\e84a'; } /* '' */
.icon-bell:before { content: '\e84b'; } /* '' */
.icon-bell-alt:before { content: '\e84c'; } /* '' */
.icon-attention-alt:before { content: '\e84d'; } /* '' */
.icon-attention:before { content: '\e84e'; } /* '' */
.icon-attention-circled:before { content: '\e84f'; } /* '' */
.icon-location:before { content: '\e850'; } /* '' */
.icon-direction:before { content: '\e851'; } /* '' */
.icon-compass:before { content: '\e852'; } /* '' */
.icon-trash:before { content: '\e853'; } /* '' */
.icon-doc:before { content: '\e854'; } /* '' */
.icon-docs:before { content: '\e855'; } /* '' */
.icon-doc-text:before { content: '\e856'; } /* '' */
.icon-doc-inv:before { content: '\e857'; } /* '' */
.icon-doc-text-inv:before { content: '\e858'; } /* '' */
.icon-file-pdf:before { content: '\e859'; } /* '' */
.icon-file-word:before { content: '\e85a'; } /* '' */
.icon-file-excel:before { content: '\e85b'; } /* '' */
.icon-file-powerpoint:before { content: '\e85c'; } /* '' */
.icon-file-image:before { content: '\e85d'; } /* '' */
.icon-file-archive:before { content: '\e85e'; } /* '' */
.icon-file-audio:before { content: '\e85f'; } /* '' */
.icon-file-video:before { content: '\e860'; } /* '' */
.icon-file-code:before { content: '\e861'; } /* '' */
.icon-folder:before { content: '\e862'; } /* '' */
.icon-folder-open:before { content: '\e863'; } /* '' */
.icon-folder-empty:before { content: '\e864'; } /* '' */
.icon-folder-open-empty:before { content: '\e865'; } /* '' */
.icon-box:before { content: '\e866'; } /* '' */
.icon-rss:before { content: '\e867'; } /* '' */
.icon-rss-squared:before { content: '\e868'; } /* '' */
.icon-phone:before { content: '\e869'; } /* '' */
.icon-phone-squared:before { content: '\e86a'; } /* '' */
.icon-fax:before { content: '\e86b'; } /* '' */
.icon-menu:before { content: '\e86c'; } /* '' */
.icon-cog:before { content: '\e86d'; } /* '' */
.icon-cog-alt:before { content: '\e86e'; } /* '' */
.icon-wrench:before { content: '\e86f'; } /* '' */
.icon-sliders:before { content: '\e870'; } /* '' */
.icon-basket:before { content: '\e871'; } /* '' */
.icon-calendar:before { content: '\e872'; } /* '' */
.icon-calendar-empty:before { content: '\e873'; } /* '' */
.icon-login:before { content: '\e874'; } /* '' */
.icon-logout:before { content: '\e875'; } /* '' */
.icon-mic:before { content: '\e876'; } /* '' */
.icon-mute:before { content: '\e877'; } /* '' */
.icon-volume-off:before { content: '\e878'; } /* '' */
.icon-volume-down:before { content: '\e879'; } /* '' */
.icon-volume-up:before { content: '\e87a'; } /* '' */
.icon-headphones:before { content: '\e87b'; } /* '' */
.icon-clock:before { content: '\e87c'; } /* '' */
.icon-lightbulb:before { content: '\e87d'; } /* '' */
.icon-block:before { content: '\e87e'; } /* '' */
.icon-resize-full:before { content: '\e87f'; } /* '' */
.icon-resize-full-alt:before { content: '\e880'; } /* '' */
.icon-resize-small:before { content: '\e881'; } /* '' */
.icon-resize-vertical:before { content: '\e882'; } /* '' */
.icon-resize-horizontal:before { content: '\e883'; } /* '' */
.icon-move:before { content: '\e884'; } /* '' */
.icon-zoom-in:before { content: '\e885'; } /* '' */
.icon-zoom-out:before { content: '\e886'; } /* '' */
.icon-down-circled2:before { content: '\e887'; } /* '' */
.icon-up-circled2:before { content: '\e888'; } /* '' */
.icon-left-circled2:before { content: '\e889'; } /* '' */
.icon-right-circled2:before { content: '\e88a'; } /* '' */
.icon-down-dir:before { content: '\e88b'; } /* '' */
.icon-up-dir:before { content: '\e88c'; } /* '' */
.icon-left-dir:before { content: '\e88d'; } /* '' */
.icon-right-dir:before { content: '\e88e'; } /* '' */
.icon-down-open:before { content: '\e88f'; } /* '' */
.icon-left-open:before { content: '\e890'; } /* '' */
.icon-right-open:before { content: '\e891'; } /* '' */
.icon-up-open:before { content: '\e892'; } /* '' */
.icon-angle-left:before { content: '\e893'; } /* '' */
.icon-angle-right:before { content: '\e894'; } /* '' */
.icon-angle-up:before { content: '\e895'; } /* '' */
.icon-angle-down:before { content: '\e896'; } /* '' */
.icon-angle-circled-left:before { content: '\e897'; } /* '' */
.icon-angle-circled-right:before { content: '\e898'; } /* '' */
.icon-angle-circled-up:before { content: '\e899'; } /* '' */
.icon-angle-circled-down:before { content: '\e89a'; } /* '' */
.icon-angle-double-left:before { content: '\e89b'; } /* '' */
.icon-angle-double-right:before { content: '\e89c'; } /* '' */
.icon-angle-double-up:before { content: '\e89d'; } /* '' */
.icon-angle-double-down:before { content: '\e89e'; } /* '' */
.icon-down:before { content: '\e89f'; } /* '' */
.icon-left:before { content: '\e8a0'; } /* '' */
.icon-right:before { content: '\e8a1'; } /* '' */
.icon-up:before { content: '\e8a2'; } /* '' */
.icon-down-big:before { content: '\e8a3'; } /* '' */
.icon-left-big:before { content: '\e8a4'; } /* '' */
.icon-right-big:before { content: '\e8a5'; } /* '' */
.icon-up-big:before { content: '\e8a6'; } /* '' */
.icon-right-hand:before { content: '\e8a7'; } /* '' */
.icon-left-hand:before { content: '\e8a8'; } /* '' */
.icon-up-hand:before { content: '\e8a9'; } /* '' */
.icon-down-hand:before { content: '\e8aa'; } /* '' */
.icon-left-circled:before { content: '\e8ab'; } /* '' */
.icon-right-circled:before { content: '\e8ac'; } /* '' */
.icon-up-circled:before { content: '\e8ad'; } /* '' */
.icon-down-circled:before { content: '\e8ae'; } /* '' */
.icon-cw:before { content: '\e8af'; } /* '' */
.icon-ccw:before { content: '\e8b0'; } /* '' */
.icon-arrows-cw:before { content: '\e8b1'; } /* '' */
.icon-level-up:before { content: '\e8b2'; } /* '' */
.icon-level-down:before { content: '\e8b3'; } /* '' */
.icon-shuffle:before { content: '\e8b4'; } /* '' */
.icon-exchange:before { content: '\e8b5'; } /* '' */
.icon-history:before { content: '\e8b6'; } /* '' */
.icon-expand:before { content: '\e8b7'; } /* '' */
.icon-collapse:before { content: '\e8b8'; } /* '' */
.icon-expand-right:before { content: '\e8b9'; } /* '' */
.icon-collapse-left:before { content: '\e8ba'; } /* '' */
.icon-play:before { content: '\e8bb'; } /* '' */
.icon-play-circled:before { content: '\e8bc'; } /* '' */
.icon-play-circled2:before { content: '\e8bd'; } /* '' */
.icon-stop:before { content: '\e8be'; } /* '' */
.icon-pause:before { content: '\e8bf'; } /* '' */
.icon-to-end:before { content: '\e8c0'; } /* '' */
.icon-to-end-alt:before { content: '\e8c1'; } /* '' */
.icon-to-start:before { content: '\e8c2'; } /* '' */
.icon-to-start-alt:before { content: '\e8c3'; } /* '' */
.icon-fast-fw:before { content: '\e8c4'; } /* '' */
.icon-fast-bw:before { content: '\e8c5'; } /* '' */
.icon-eject:before { content: '\e8c6'; } /* '' */
.icon-target:before { content: '\e8c7'; } /* '' */
.icon-signal:before { content: '\e8c8'; } /* '' */
.icon-award:before { content: '\e8c9'; } /* '' */
.icon-desktop:before { content: '\e8ca'; } /* '' */
.icon-laptop:before { content: '\e8cb'; } /* '' */
.icon-tablet:before { content: '\e8cc'; } /* '' */
.icon-mobile:before { content: '\e8cd'; } /* '' */
.icon-inbox:before { content: '\e8ce'; } /* '' */
.icon-globe:before { content: '\e8cf'; } /* '' */
.icon-sun:before { content: '\e8d0'; } /* '' */
.icon-cloud:before { content: '\e8d1'; } /* '' */
.icon-flash:before { content: '\e8d2'; } /* '' */
.icon-moon:before { content: '\e8d3'; } /* '' */
.icon-umbrella:before { content: '\e8d4'; } /* '' */
.icon-flight:before { content: '\e8d5'; } /* '' */
.icon-fighter-jet:before { content: '\e8d6'; } /* '' */
.icon-paper-plane:before { content: '\e8d7'; } /* '' */
.icon-paper-plane-empty:before { content: '\e8d8'; } /* '' */
.icon-space-shuttle:before { content: '\e8d9'; } /* '' */
.icon-leaf:before { content: '\e8da'; } /* '' */
.icon-font:before { content: '\e8db'; } /* '' */
.icon-bold:before { content: '\e8dc'; } /* '' */
.icon-italic:before { content: '\e8dd'; } /* '' */
.icon-header:before { content: '\e8de'; } /* '' */
.icon-paragraph:before { content: '\e8df'; } /* '' */
.icon-text-height:before { content: '\e8e0'; } /* '' */
.icon-text-width:before { content: '\e8e1'; } /* '' */
.icon-align-left:before { content: '\e8e2'; } /* '' */
.icon-align-center:before { content: '\e8e3'; } /* '' */
.icon-align-right:before { content: '\e8e4'; } /* '' */
.icon-align-justify:before { content: '\e8e5'; } /* '' */
.icon-list:before { content: '\e8e6'; } /* '' */
.icon-indent-left:before { content: '\e8e7'; } /* '' */
.icon-indent-right:before { content: '\e8e8'; } /* '' */
.icon-list-bullet:before { content: '\e8e9'; } /* '' */
.icon-list-numbered:before { content: '\e8ea'; } /* '' */
.icon-strike:before { content: '\e8eb'; } /* '' */
.icon-underline:before { content: '\e8ec'; } /* '' */
.icon-superscript:before { content: '\e8ed'; } /* '' */
.icon-subscript:before { content: '\e8ee'; } /* '' */
.icon-table:before { content: '\e8ef'; } /* '' */
.icon-columns:before { content: '\e8f0'; } /* '' */
.icon-crop:before { content: '\e8f1'; } /* '' */
.icon-scissors:before { content: '\e8f2'; } /* '' */
.icon-paste:before { content: '\e8f3'; } /* '' */
.icon-briefcase:before { content: '\e8f4'; } /* '' */
.icon-suitcase:before { content: '\e8f5'; } /* '' */
.icon-ellipsis:before { content: '\e8f6'; } /* '' */
.icon-ellipsis-vert:before { content: '\e8f7'; } /* '' */
.icon-off:before { content: '\e8f8'; } /* '' */
.icon-road:before { content: '\e8f9'; } /* '' */
.icon-list-alt:before { content: '\e8fa'; } /* '' */
.icon-qrcode:before { content: '\e8fb'; } /* '' */
.icon-barcode:before { content: '\e8fc'; } /* '' */
.icon-book:before { content: '\e8fd'; } /* '' */
.icon-ajust:before { content: '\e8fe'; } /* '' */
.icon-tint:before { content: '\e8ff'; } /* '' */
.icon-check:before { content: '\e900'; } /* '' */
.icon-check-empty:before { content: '\e901'; } /* '' */
.icon-circle:before { content: '\e902'; } /* '' */
.icon-circle-empty:before { content: '\e903'; } /* '' */
.icon-circle-thin:before { content: '\e904'; } /* '' */
.icon-circle-notch:before { content: '\e905'; } /* '' */
.icon-dot-circled:before { content: '\e906'; } /* '' */
.icon-asterisk:before { content: '\e907'; } /* '' */
.icon-gift:before { content: '\e908'; } /* '' */
.icon-fire:before { content: '\e909'; } /* '' */
.icon-magnet:before { content: '\e90a'; } /* '' */
.icon-chart-bar:before { content: '\e90b'; } /* '' */
.icon-ticket:before { content: '\e90c'; } /* '' */
.icon-credit-card:before { content: '\e90d'; } /* '' */
.icon-floppy:before { content: '\e90e'; } /* '' */
.icon-megaphone:before { content: '\e90f'; } /* '' */
.icon-hdd:before { content: '\e910'; } /* '' */
.icon-key:before { content: '\e911'; } /* '' */
.icon-fork:before { content: '\e912'; } /* '' */
.icon-rocket:before { content: '\e913'; } /* '' */
.icon-bug:before { content: '\e914'; } /* '' */
.icon-certificate:before { content: '\e915'; } /* '' */
.icon-tasks:before { content: '\e916'; } /* '' */
.icon-filter:before { content: '\e917'; } /* '' */
.icon-beaker:before { content: '\e918'; } /* '' */
.icon-magic:before { content: '\e919'; } /* '' */
.icon-cab:before { content: '\e91a'; } /* '' */
.icon-taxi:before { content: '\e91b'; } /* '' */
.icon-truck:before { content: '\e91c'; } /* '' */
.icon-money:before { content: '\e91d'; } /* '' */
.icon-euro:before { content: '\e91e'; } /* '' */
.icon-pound:before { content: '\e91f'; } /* '' */
.icon-dollar:before { content: '\e920'; } /* '' */
.icon-rupee:before { content: '\e921'; } /* '' */
.icon-yen:before { content: '\e922'; } /* '' */
.icon-rouble:before { content: '\e923'; } /* '' */
.icon-try:before { content: '\e924'; } /* '' */
.icon-won:before { content: '\e925'; } /* '' */
.icon-bitcoin:before { content: '\e926'; } /* '' */
.icon-sort:before { content: '\e927'; } /* '' */
.icon-sort-down:before { content: '\e928'; } /* '' */
.icon-sort-up:before { content: '\e929'; } /* '' */
.icon-sort-alt-up:before { content: '\e92a'; } /* '' */
.icon-sort-alt-down:before { content: '\e92b'; } /* '' */
.icon-sort-name-up:before { content: '\e92c'; } /* '' */
.icon-sort-name-down:before { content: '\e92d'; } /* '' */
.icon-sort-number-up:before { content: '\e92e'; } /* '' */
.icon-sort-number-down:before { content: '\e92f'; } /* '' */
.icon-hammer:before { content: '\e930'; } /* '' */
.icon-gauge:before { content: '\e931'; } /* '' */
.icon-sitemap:before { content: '\e932'; } /* '' */
.icon-spinner:before { content: '\e933'; } /* '' */
.icon-coffee:before { content: '\e934'; } /* '' */
.icon-food:before { content: '\e935'; } /* '' */
.icon-beer:before { content: '\e936'; } /* '' */
.icon-user-md:before { content: '\e937'; } /* '' */
.icon-stethoscope:before { content: '\e938'; } /* '' */
.icon-ambulance:before { content: '\e939'; } /* '' */
.icon-medkit:before { content: '\e93a'; } /* '' */
.icon-h-sigh:before { content: '\e93b'; } /* '' */
.icon-hospital:before { content: '\e93c'; } /* '' */
.icon-building:before { content: '\e93d'; } /* '' */
.icon-building-filled:before { content: '\e93e'; } /* '' */
.icon-bank:before { content: '\e93f'; } /* '' */
.icon-smile:before { content: '\e940'; } /* '' */
.icon-frown:before { content: '\e941'; } /* '' */
.icon-meh:before { content: '\e942'; } /* '' */
.icon-anchor:before { content: '\e943'; } /* '' */
.icon-terminal:before { content: '\e944'; } /* '' */
.icon-eraser:before { content: '\e945'; } /* '' */
.icon-puzzle:before { content: '\e946'; } /* '' */
.icon-shield:before { content: '\e947'; } /* '' */
.icon-extinguisher:before { content: '\e948'; } /* '' */
.icon-bullseye:before { content: '\e949'; } /* '' */
.icon-wheelchair:before { content: '\e94a'; } /* '' */
.icon-language:before { content: '\e94b'; } /* '' */
.icon-graduation-cap:before { content: '\e94c'; } /* '' */
.icon-paw:before { content: '\e94d'; } /* '' */
.icon-spoon:before { content: '\e94e'; } /* '' */
.icon-cube:before { content: '\e94f'; } /* '' */
.icon-cubes:before { content: '\e950'; } /* '' */
.icon-recycle:before { content: '\e951'; } /* '' */
.icon-tree:before { content: '\e952'; } /* '' */
.icon-database:before { content: '\e953'; } /* '' */
.icon-lifebuoy:before { content: '\e954'; } /* '' */
.icon-rebel:before { content: '\e955'; } /* '' */
.icon-empire:before { content: '\e956'; } /* '' */
.icon-bomb:before { content: '\e957'; } /* '' */
.icon-adn:before { content: '\e958'; } /* '' */
.icon-android:before { content: '\e959'; } /* '' */
.icon-apple:before { content: '\e95a'; } /* '' */
.icon-behance:before { content: '\e95b'; } /* '' */
.icon-behance-squared:before { content: '\e95c'; } /* '' */
.icon-bitbucket:before { content: '\e95d'; } /* '' */
.icon-bitbucket-squared:before { content: '\e95e'; } /* '' */
.icon-codeopen:before { content: '\e95f'; } /* '' */
.icon-css3:before { content: '\e960'; } /* '' */
.icon-delicious:before { content: '\e961'; } /* '' */
.icon-deviantart:before { content: '\e962'; } /* '' */
.icon-digg:before { content: '\e963'; } /* '' */
.icon-dribbble:before { content: '\e964'; } /* '' */
.icon-dropbox:before { content: '\e965'; } /* '' */
.icon-drupal:before { content: '\e966'; } /* '' */
.icon-facebook:before { content: '\e967'; } /* '' */
.icon-facebook-squared:before { content: '\e968'; } /* '' */
.icon-flickr:before { content: '\e969'; } /* '' */
.icon-foursquare:before { content: '\e96a'; } /* '' */
.icon-git-squared:before { content: '\e96b'; } /* '' */
.icon-git:before { content: '\e96c'; } /* '' */
.icon-github:before { content: '\e96d'; } /* '' */
.icon-github-squared:before { content: '\e96e'; } /* '' */
.icon-github-circled:before { content: '\e96f'; } /* '' */
.icon-gittip:before { content: '\e970'; } /* '' */
.icon-google:before { content: '\e971'; } /* '' */
.icon-gplus:before { content: '\e972'; } /* '' */
.icon-gplus-squared:before { content: '\e973'; } /* '' */
.icon-hacker-news:before { content: '\e974'; } /* '' */
.icon-html5:before { content: '\e975'; } /* '' */
.icon-instagramm:before { content: '\e976'; } /* '' */
.icon-joomla:before { content: '\e977'; } /* '' */
.icon-jsfiddle:before { content: '\e978'; } /* '' */
.icon-linkedin-squared:before { content: '\e979'; } /* '' */
.icon-linux:before { content: '\e97a'; } /* '' */
.icon-linkedin:before { content: '\e97b'; } /* '' */
.icon-maxcdn:before { content: '\e97c'; } /* '' */
.icon-openid:before { content: '\e97d'; } /* '' */
.icon-pagelines:before { content: '\e97e'; } /* '' */
.icon-pied-piper-squared:before { content: '\e97f'; } /* '' */
.icon-pied-piper-alt:before { content: '\e980'; } /* '' */
.icon-pinterest-circled:before { content: '\e981'; } /* '' */
.icon-pinterest-squared:before { content: '\e982'; } /* '' */
.icon-qq:before { content: '\e983'; } /* '' */
.icon-reddit:before { content: '\e984'; } /* '' */
.icon-reddit-squared:before { content: '\e985'; } /* '' */
.icon-renren:before { content: '\e986'; } /* '' */
.icon-skype:before { content: '\e987'; } /* '' */
.icon-slack:before { content: '\e988'; } /* '' */
.icon-soundclowd:before { content: '\e989'; } /* '' */
.icon-spotify:before { content: '\e98a'; } /* '' */
.icon-stackexchange:before { content: '\e98b'; } /* '' */
.icon-stackoverflow:before { content: '\e98c'; } /* '' */
.icon-steam:before { content: '\e98d'; } /* '' */
.icon-steam-squared:before { content: '\e98e'; } /* '' */
.icon-stumbleupon:before { content: '\e98f'; } /* '' */
.icon-stumbleupon-circled:before { content: '\e990'; } /* '' */
.icon-tencent-weibo:before { content: '\e991'; } /* '' */
.icon-trello:before { content: '\e992'; } /* '' */
.icon-tumblr:before { content: '\e993'; } /* '' */
.icon-tumblr-squared:before { content: '\e994'; } /* '' */
.icon-twitter-squared:before { content: '\e995'; } /* '' */
.icon-twitter:before { content: '\e996'; } /* '' */
.icon-vimeo-squared:before { content: '\e997'; } /* '' */
.icon-vine:before { content: '\e998'; } /* '' */
.icon-vkontakte:before { content: '\e999'; } /* '' */
.icon-wechat:before { content: '\e99a'; } /* '' */
.icon-weibo:before { content: '\e99b'; } /* '' */
.icon-windows:before { content: '\e99c'; } /* '' */
.icon-wordpress:before { content: '\e99d'; } /* '' */
.icon-xing:before { content: '\e99e'; } /* '' */
.icon-xing-squared:before { content: '\e99f'; } /* '' */
.icon-youtube:before { content: '\e9a0'; } /* '' */
.icon-yahoo:before { content: '\e9a1'; } /* '' */
.icon-youtube-squared:before { content: '\e9a2'; } /* '' */
.icon-youtube-play:before { content: '\e9a3'; } /* '' */
.icon-blank:before { content: '\e9a4'; } /* '' */
.icon-lemon:before { content: '\e9a5'; } /* '' */
.icon-music:before { content: '\e9a6'; } /* '' */
.icon-search:before { content: '\e9a7'; } /* '' */
.icon-mail:before { content: '\e9a8'; } /* '' */
.icon-mail-alt:before { content: '\e9a9'; } /* '' */
.icon-camera-alt:before { content: '\e9aa'; } /* '' */
.icon-th-large:before { content: '\e9ab'; } /* '' */
.icon-th:before { content: '\e9ac'; } /* '' */
.icon-th-list:before { content: '\e9ad'; } /* '' */
.icon-help-circled:before { content: '\e9ae'; } /* '' */
.icon-info-circled:before { content: '\e9af'; } /* '' */
.icon-info:before { content: '\e9b0'; } /* '' */
.icon-home:before { content: '\e9b1'; } /* '' */
.icon-flag-empty:before { content: '\e9b2'; } /* '' */
.icon-flag-checkered:before { content: '\e9b3'; } /* '' */
.icon-thumbs-up:before { content: '\e9b4'; } /* '' */
.icon-thumbs-down:before { content: '\e9b5'; } /* '' */
.icon-glass:before { content: '\e9b6'; } /* '' */
.icon-spin1:before { content: '\e9b7'; } /* '' */
.icon-spin2:before { content: '\e9b8'; } /* '' */
.icon-spin3:before { content: '\e9b9'; } /* '' */
.icon-spin4:before { content: '\e9ba'; } /* '' */
.icon-spin5:before { content: '\e9bb'; } /* '' */
.icon-spin6:before { content: '\e9bc'; } /* '' */
.icon-firefox:before { content: '\e9bd'; } /* '' */
.icon-chrome:before { content: '\e9be'; } /* '' */
.icon-opera:before { content: '\e9bf'; } /* '' */
.icon-ie:before { content: '\e9c0'; } /* '' */
.icon-attach-1:before { content: '\e9c1'; } /* '' */
.icon-rss-1:before { content: '\e9c2'; } /* '' */
.icon-acrobat:before { content: '\e9c3'; } /* '' */
.icon-w3c:before { content: '\e9c4'; } /* '' */
.icon-html5-1:before { content: '\e9c5'; } /* '' */
.content-swiper, .swiper {
  height: 100vh;
}

.swiper-slide .media .image_container {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.swiper-slide .media .image_container picture {
  height: 100vh;
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
}

.swiper-slide .media .image_container picture img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

.swiper-slide .media .image_container .caption {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 2em;
  width: 100%;
  font-size: 125%;
  text-transform: uppercase;
  text-shadow:
  2px 2px 3px rgba(0,0,0,1),
  -2px -2px 3px rgba(0,0,0,0.9),
  2px -2px 3px rgba(0,0,0,0.9),
  -2px 2px 3px rgba(0,0,0,0.9),
  0 4px 12px rgba(0,0,0,0.9);
}

.swiper-slide .textbox {
  position: absolute;
  top: 0;
  bottom: 0;
  max-width: 75vw;
  margin: 0 auto;
  text-align: center;
  left: 0;
  right: 0;

  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1.5s ease, transform 1.5s ease;
}

.swiper-slide-active .textbox {
  opacity: 1;
  transform: translateY(0);
}

.swiper-slide .textbox .text {
  display: grid;
  align-content: center;
  height: 100%;
}

.swiper-slide .textbox .text p {
  line-height: 120%;
  text-align: center;
  text-transform: uppercase;
  font-size: 135%;
  text-shadow:
  2px 2px 3px rgba(0,0,0,1),
  -2px -2px 3px rgba(0,0,0,0.9),
  2px -2px 3px rgba(0,0,0,0.9),
  -2px 2px 3px rgba(0,0,0,0.9),
  0 4px 12px rgba(0,0,0,0.9);
}

.swiper-slide .textbox .text p a {
  color: #fff;
}

.swiper-slide .textbox .text p a:hover {
  color: #ccc;
}

.swiper-slide .textbox .text .uerberschrift {
  font-size: 175%;
  font-family: "OpenSansReg", sans-serif;
  margin-bottom: 30px;
  text-align: center;
  text-transform: uppercase;
  text-shadow:
  2px 2px 3px rgba(0,0,0,1),
  -2px -2px 3px rgba(0,0,0,0.9),
  2px -2px 3px rgba(0,0,0,0.9),
  -2px 2px 3px rgba(0,0,0,0.9),
  0 4px 12px rgba(0,0,0,0.9);
}

.swiper-slide .textbox .text .playbutton::before {
  font-size: 3em;
}

.swiper-slide .textbox .text .box-youtube {
  display: inline-block !important;
}

.swiper-slide .textbox .text .box-youtube.icon-youtube-play:before {
  font-size: 2.6em;
  cursor: pointer;
}

.swiper-slide .textbox .text .box-youtube.icon-youtube-play:hover:before {
  color: red;
}

@media (max-width: 768px) {

  .swiper-slide .textbox {
    max-width: 70vw;
    padding-bottom: 50px;
    padding-top: 60px;
    overflow-y: scroll;
  }

  .swiper-slide .textbox .text p,
  .swiper-slide .textbox .text .uerberschrift {
    font-size: 90%;
  }

  .swiper-slide .media .image_container .caption {
    bottom: 60px;
    font-size: 80%;
    line-height: 125%;
  }
}

@media only screen and (min-device-width: 300px) and (max-device-width: 767px) and (orientation: portrait) {

  .swiper-slide .media .image_container .caption {
    bottom: 15%;
  }
}

.swiper-slide .h1 .textbox .text .uerberschrift {
  font-size: 4rem;
}

.content-swiper {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.content-swiper .swiper-pagination-bullets {
  top: 4em;
  bottom: inherit;
}

/* Navigation arrows */

.content-swiper .swiper-button-prev,
.content-swiper .swiper-button-next {
  background: none;
  border: none;
  z-index: 9999;
}

.content-swiper .swiper-button-prev,
.content-swiper .swiper-button-next {
  padding: 4rem;
}

.content-swiper .swiper-button-next::after,
.content-swiper .swiper-button-prev::after {
  background: url(/files/theme/gfx/basics/pfeil-grau.svg) no-repeat bottom center;
  width: 60px;
  height: 60px;
  position: absolute;
  display: inline-block;
  line-height: 0;
  font-size: 0;
  opacity: 0.8;
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.content-swiper .swiper-button-next:hover::after,
.content-swiper .swiper-button-prev:hover::after {
  background: url(/files/theme/gfx/basics/pfeil-weiss.svg) no-repeat bottom center;
  opacity: 1;
  transform: scale(1.08);
}

.content-swiper .swiper-button-prev {
  transform: rotate(180deg);
  left: 0;
}

.content-swiper .swiper-button-next {
  right: 0;
}
.content-swiper .swiper-pagination-bullet {
  background: none;
  margin: 2px 6px;
  opacity: 0.4;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  background-attachment: scroll;
  height: 14px;
  width: 14px;

  transition:
    opacity 0.45s ease,
    transform 0.45s ease,
    filter 0.45s ease;
}

.content-swiper .swiper-pagination-bullet-active {
  opacity: 1;
  transform: scale(1.7);
filter: brightness(1.5)
        drop-shadow(0 1px 2px rgba(0, 0, 0, 1))
        drop-shadow(0 5px 6px rgba(0, 0, 0, 0.9));

}
/* Aktuelle Seite deutlich hervorheben */
.content-swiper .swiper-pagination-bullet-active {
  opacity: 1;
  transform: scale(1.28);
  filter: brightness(1.15);
}

.content-swiper .swiper-pagination-bullet:nth-child(1),
.content-swiper .swiper-pagination-bullet:nth-child(5),
.content-swiper .swiper-pagination-bullet:nth-child(9),
.content-swiper .swiper-pagination-bullet:nth-child(13) {
  background-image: url(../../files/theme/gfx/basics/card-karo.png);
}

.content-swiper .swiper-pagination-bullet:nth-child(2),
.content-swiper .swiper-pagination-bullet:nth-child(6),
.content-swiper .swiper-pagination-bullet:nth-child(10),
.content-swiper .swiper-pagination-bullet:nth-child(14) {
  background-image: url(../../files/theme/gfx/basics/card-pic.png);
}

.content-swiper .swiper-pagination-bullet:nth-child(3),
.content-swiper .swiper-pagination-bullet:nth-child(7),
.content-swiper .swiper-pagination-bullet:nth-child(11),
.content-swiper .swiper-pagination-bullet:nth-child(15) {
  background-image: url(../../files/theme/gfx/basics/card-kreuz.png);
}

.content-swiper .swiper-pagination-bullet:nth-child(4),
.content-swiper .swiper-pagination-bullet:nth-child(8),
.content-swiper .swiper-pagination-bullet:nth-child(12),
.content-swiper .swiper-pagination-bullet:nth-child(16) {
  background-image: url(../../files/theme/gfx/basics/card-herz.png);
}

.content-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(1),
.content-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(5),
.content-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(9),
.content-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(13) {
  background-image: url(../../files/theme/gfx/basics/card-karo-active.png);
}

.content-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(2),
.content-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(6),
.content-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(10),
.content-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(14) {
  background-image: url(../../files/theme/gfx/basics/card-pic-active.png);
}

.content-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(3),
.content-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(7),
.content-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(11),
.content-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(15) {
  background-image: url(../../files/theme/gfx/basics/card-kreuz-active.png);
}

.content-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(4),
.content-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(8),
.content-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(12),
.content-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(16) {
  background-image: url(../../files/theme/gfx/basics/card-herz-active.png);
}

.content-swiper .swiper-notification {
  display: none;
}

.content-swiper .swiper {
  overflow: hidden;
}

/* Mobile */

@media (max-width: 768px) {

  .content-swiper .swiper-button-prev,
  .content-swiper .swiper-button-next {
    padding: 2rem;
  }

  .content-swiper .swiper-button-next::after,
  .content-swiper .swiper-button-prev::after {
    width: 40px;
    height: 40px;
    opacity: 0.8;
    transition: none;
  }

  /* No enlargement on mobile */

  .content-swiper .swiper-button-next:hover::after,
  .content-swiper .swiper-button-prev:hover::after {
    opacity: 0.8;
    transform: none;
  }

  .content-swiper .swiper-pagination-bullets {
    top: 15px;
    padding: 0 60px;
  }

  /* Subtle visual swipe feedback */

  .content-swiper .swiper-slide-prev .media .image_container img,
  .content-swiper .swiper-slide-next .media .image_container img {
    transition: transform 0.4s ease, filter 0.4s ease;
    filter: brightness(0.92);
  }

  .content-swiper .swiper-slide-active .media .image_container img {
    filter: brightness(1);
  }
}

.swiper-slide .textbox .text .content-youtube {
  display: none;
}

.fancybox-stage .box-youtube {
  position: relative;
  margin: 0 0 0 0;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  background: #fff;
  width: 100%;
  max-width: 90%;
}

.fancybox-stage .box-youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
}

.fancybox-container .fancybox-slide {
  top: 5vh;
  max-height: 90vh;
  width: 100%;
  height: 90vh;
  overflow: hidden;
}

@media (max-width: 1200px) {
  .fancybox-container .fancybox-slide {
    top: 0;
    height: 100vh;
  }
}

@media (max-width: 1200px) {
  .fancybox-container .fancybox-slide {
    top: 0;
    height: 100vh;
  }
}

@media (max-width: 768px) {

@media (max-width: 768px) {

  .content-swiper .swiper-slide-active .media .image_container {
    transition: filter 0.25s ease;
  }

  .content-swiper.is-touching .swiper-slide-active .media .image_container {
    filter: brightness(0.82);
  }

  .content-swiper .swiper-slide-active .media .image_container img {
    transition: transform 0.25s ease;
  }

  .content-swiper.is-touching .swiper-slide-active .media .image_container img {
    transform: scale(1.02);
  }

}

}
/* Subtle film grain to reduce visible color banding on large screens */

@media (min-width: 1280px) {

@media (min-width: 1280px) {

  .swiper-slide .media .image_container::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 2;
    opacity: 0.08;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.8'/%3E%3C/svg%3E");
    background-size: 100px 100px;
  }

}

}

/*# sourceMappingURL=slickslider.css.map */
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}

input::-moz-placeholder,
textarea::-moz-placeholder{
font-style:normal;
}


textarea::-webkit-input-placeholder{
color:#000000 !important;opacity:1;
}

textarea:-moz-placeholder{ /* Firefox 18- */
color:#000000 !important;opacity:1;
}

textarea::-moz-placeholder{ /* Firefox 19+ */
color:#000000 !important;opacity:1;
}

textarea:-ms-input-placeholder{
color:#000000 !important;opacity:1;
}



.ce_form textarea{
overflow:auto;
resize:vertical;
font-family: inherit;
}

.ce_form fieldset{
min-width:0;
margin:0 0 2em 0;
padding:.5em .5em;
border: 1px solid #ced4da;
border-radius: 10px;
}
.ce_form .widget fieldset legend{
padding: 0;
}

.ce_form .widget fieldset{
margin: 0;
padding: 0;
border: none;
}

.ce_form fieldset legend{
display:block;
max-width:100%;
padding: 0 .8em;
margin-bottom:0;
line-height:inherit;
color:inherit;
white-space:normal;
}

.ce_form label{width:100%;padding:0 0 .1em 0;}

.ce_form .widget {margin-bottom: 18px;}
.ce_form .widget > label, legend{font-weight: 600;}


.ce_form .widget.widget-textarea label{}
.ce_form .widget-checkbox {}
.ce_form .widget-checkbox label{
position: relative;
}

/* default volle Breite */
.ce_form .widget-select label,
.ce_form .widget-text label,
.ce_form .widget-email label,
.ce_form .widget-checkbox > label,
.ce_form .widget-radio > label,
.ce_form .widget-range > label,
.ce_form .widget.widget-textarea > label {width:100%;padding: 0 1em .1em 0;}
.ce_form .widget textarea,
.ce_form .widget input,
.ce_form .widget select,
.ce_form .widget-range .range-box{width:100%;}

/* Lable vor Eingabe/Select/Radio/Textarea */
.ce_form.label-before .widget-select label,
.ce_form.label-before .widget-text label,
.ce_form.label-before .widget-email label,
.ce_form.label-before .widget-checkbox > label,
.ce_form.label-before .widget-radio > label,
.ce_form.label-before .widget-range > label,
.ce_form.label-before .widget.widget-textarea > label,
.ce_form.label-before fieldset .legend-box {width: 33%;padding: 8px .1em .1em 0; text-transform: uppercase;}

.ce_form.label-before .widget-select label{width: 30%;}

.ce_form.label-before .widget textarea,
.ce_form.label-before .widget input,
.ce_form.label-before .widget select,
.ce_form.label-before .widget-range .range-box,
.ce_form.label-before fieldset .options-box{width: 66%;}

.ce_form.label-before .widget {display:flex; flex-flow: row; justify-content: space-between;margin-bottom: 18px;position: relative;}

.ce_form.label-before .widget-radio fieldset,
.ce_form.label-before .widget-checkbox fieldset{width: 100%;display: flex;flex-flow: row;justify-content: space-between;}
.ce_form.label-before .options-box{display:flex; flex-wrap: wrap; }
.ce_form.label-before .options-box > div{margin-right: 1em;}



.ce_form div.widget.widget-explanation {display: block;}

.ce_form fieldset .widget-explanation {margin: 0;}
.ce_form fieldset .widget-explanation p{padding:0 .8em;margin: 0;}



.ce_form .custom-controls-stacked{
display: inline-block;
vertical-align: top;
width: 66%;
}


.ce_form .widget.widget-text input {
height: 36px;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
color: var(--color2) !important;
border: 1px solid #ced4da;
border-radius: 5px;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.ce_form .widget.widget-text input:focus {
color: var(--color2);
background-color: #fff;
border-color:  var(--bgcolor3);
outline: 0;
}


.ce_form .widget select{
height: calc(2.25rem + 2px);
padding: 0.1rem 0.5rem 0.3rem 0.5rem;
font-size: 1rem;
line-height: 1.5;
color: var(--color2);
background: var(--bgcolor1);
border: 1px solid #ced4da;
border-radius: 5px;

}

.ce_form .widget select:focus {
color: var(--color3);
background-color: #fff;
border-color:  var(--bgcolor2);
outline: 0;
}

.ce_form .widget textarea{
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
color: var(--color3);
background-color: #fff;
border: 1px solid #ced4da;
border-radius: 5px;
}
.ce_form .widget textarea:focus {
color: var(--color2);
background-color: #fff;
border-color:  var(--bgcolor2);
outline: 0;
}



.ce_form .widget-checkbox.datenschutz label{
display: block;
margin: 0;
padding-left: 22px;
}
.ce_form .widget-checkbox.datenschutz .custom-controls-stacked a{text-decoration:underline;}

.ce_form .widget-checkbox label {
padding-left: 1.5em;
margin: 0;
}

.ce_form .widget-checkbox input[type="checkbox"]{display:none;}
.ce_form .widget-checkbox input[type="checkbox"] + label::before {
width: 14px;
height: 14px;
border-radius: 3px;
border: 2px solid var(--bgcolor2);
background: #ffffff;
display: block;
content: "";
float: left;
margin-right: 5px;
margin-bottom: 2px;
margin-top: 0px;
position: absolute;
top: 6px;
left: 0px;
}
.ce_form .widget-checkbox input[type="checkbox"]:checked+label::before {
border: 2px solid var(--bgcolor2);
background-color: var(--bgcolor3);
}

.ce_form .widget-radio {
/*position: relative;
padding: 0;
margin:0;*/
}
.ce_form .widget-radio input[type='radio'] {display: none; }



.ce_form .widget-radio label {font-weight: normal; position: relative;padding-left: 30px; }
.ce_form .widget-radio label:before {
content: " ";
display: inline-block;
margin: 0 5px 0 0;
width: 15px;
height: 15px;
border-radius: 50%;
border: 2px solid var(--bgcolor2);
background-color: transparent;
position: absolute;
top: 6px;
left: 0;
}

.ce_form .widget-radio input[type=radio]:checked + label:after {
border-radius: 50%;
width: 11px;
height: 11px;
position: absolute;
top: 8px;
left: 2px;
content: " ";
display: block;
background: var(--bgcolor3);
}

.ce_form .widget-radio {display:block;}
.ce_form .widget-range {}
.ce_form .widget-range .range-box {display: flex;flex-flow: row; justify-content: space-between;}
.ce_form .widget-range .input-range {min-width: 90%;}
.ce_form .widget-range output{width: 10%;text-align: right;}


.ce_form span.mandatory{color: var(--color4);margin-left: 3px; }


.ce_form .widget.widget-submit{justify-content: right;display: flex;}
.ce_form .widget.widget-submit button{background: var(--bgcolor1);border: none; cursor: pointer;
border-radius: 5px;
padding: 4px 8px; color:#000;}
.ce_form .widget.widget-submit button:hover{background: var(--bgcolor4);}


#kontaktform {
margin: 0 auto;
margin-top: 5em;
width: 75%;
max-width: 40em;
padding: 3em;
border-radius: 1em;
}

@media (max-width:1024px) {

#kontaktform {
margin-top: 3em;
width:100%;
max-width:inherit;
padding: 1em;
}

}

p.error {
color: #000;
font-size: 75%;
margin: 0;
width: 30%;
position: absolute;
top: 0;
left: 0;
background: #fff;
padding: 4px;
z-index: 10;
opacity: .9;
border-left: 3px solid red;
}

@media (max-width:768px){
.ce_form.label-before .widget,
.ce_form.label-before .widget-radio fieldset,
.ce_form.label-before .widget-checkbox fieldset{display:block; }

.ce_form.label-before .widget-select label,
.ce_form.label-before .widget-text label,
.ce_form.label-before .widget-email label,
.ce_form.label-before .widget-checkbox > label,
.ce_form.label-before .widget-radio > label,
.ce_form.label-before .widget-range > label,
.ce_form.label-before .widget.widget-textarea > label,
.ce_form.label-before fieldset .legend-box {width: 100%;padding: 0 0 .1em 0;display: block;}

.ce_form.label-before .widget textarea,
.ce_form.label-before .widget input,
.ce_form.label-before .widget select,
.ce_form.label-before .widget-range .range-box,
.ce_form.label-before fieldset .options-box{width: 100%;}

.ce_form.label-before .widget input.date{
width: 100% !important;
border-bottom: 0px solid #000;
display: block !important;
padding: 0;
color: #000 !important;
background: #ccc;
background-color: #ddd;
font-size: 16px;
line-height: 18px;

}

p.error {top: inherit;
bottom: -26px; width: 100%}

.ce_form.label-before .widget.error {
margin-bottom: 30px;
}

} /* end 960 */