body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
/* fira-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/fonts/fira-sans-v17-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/fonts/fira-sans-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/fonts/fira-sans-v17-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-family: 'Chillax-Variable';
  src: url('../../files/fonts/Chillax-Variable.woff2') format('woff2');
       font-weight: 200 700;
       font-display: swap;
       font-style: normal;
}


body {
padding:0;
background-color:#F3F3F2;
font-size:1.10em;
color:#404040;
line-height: 1.6em;
	}

html, button, input, select, textarea,
.pure-g [class*="pure-u"] {
    /* Set your content font stack here: */
	font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
	font-weight: 400; 
	font-style: normal; 
	 }
	
* {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

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

a {
	text-decoration:none;
	color:#4facfe;
	}

a:hover ,
a:active {
	text-decoration:underline;
	}
	
	.ce_text,
	.ce_image,
	.ce_headline,
	.ce_gallery,
	.mod_newslist,
	.ce_dlh_googlemaps,
	.mod_breadcrumb,
	.ce_form,
	.ce_table,
	.mod_registration,
	.mod_unsubscribe,
	.ce_sliderStart {
	padding-right:0.75rem;
	padding-left:0.75rem;
		}

.mod_article,
.jumbo-inner {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}
	
	div#container {
	padding-bottom:40px;
	padding-top:50px;
		}
		
/* header */
body.home #container {

padding-top:0;
}

a.cta-jumbo,
a.cta-jumbo:link,
a.cta-jumbo:visited {
	padding-left:100px;
	padding-right: 20px;
	padding-bottom:62px;
text-shadow: 0 10px 15px black, 0 5px 20px black, 0 0px 30px black;
	color:white;
	font-weight:300;
	text-decoration:underline;
	
	background-image: url("../../files/img/bg-arrow.svg");
background-repeat: no-repeat;
background-position: center bottom;
display:block;
font-size: 1.25em;
transition: transform .3s; /* Animation */
}
a.cta-jumbo:hover,
a.cta-jumbo:active {
transform: scale(1.1);
}

a.cta-jumbo-shadow,
a.cta-jumbo-shadow:hover,
a.cta-jumbo-shadow:active {
box-shadow: 0px 0px 1em 0.25em rgb(255, 255, 255);
}

.jumbo-text p {
line-height: 1.4em;
font-size:1.1em;
color: rgb(204,204,204);
}

.jumbo-text span  {
font-size: 1.5em;
color:white;
}

.jumbo-text .pure-button {
	margin-top:0;
	margin-bottom:15px;
	padding: 10px 12px;
	font-size:90%;
}

.jumbo-text {
	padding-top: 10px;
}

#header {
  width:100%;
  background:#000;
   
}
#header .nav-outer {
background:white;
width: 100%;
padding: 14px 0;
overflow: hidden;
	
	
	}
	
	#header .nav-inner {
max-width: 1140px;
margin: 0 auto;
		
	}
	

#logo {
float:left;
padding:0 .75em;
		
	}
	
#logo a {
font-family: 'Chillax-Variable';
font-weight: 600;
font-size: 1.9em;
vertical-align: text-top;
text-decoration: none;
background-image: linear-gradient( 109.6deg, rgb(116, 18, 203) 11.2%, rgb(230, 46, 131) 91.2% );
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}


#topbar {
	
	background:#4facfe;
	text-align:center;
	color:white;
	padding:6px 0;
	font-size: 92%;
}
#topbar p {
	margin:0;
	padding:0;
}

/** Navigation **/

.mod_navigation ul,
.mod_booknav ul,
.mod_breadcrumb ul,
.mod_customnav ul {
list-style-type: none;
margin: 0;
padding: 0;
}

ul {
margin: 0;
padding: 0;	
	
}
.sponsoren ul li {
	margin-left: 17px;
	
}

.mod_navigation {
	float:right;
	margin-top:8px;
	
}
.mod_navigation ul {
width: max-content;
margin-left: auto;
margin-right: auto
	
}	

	
/** listenelememte nach links */	
.mod_navigation .level_1 li,
.mod_customnav li {
float:left;
width:auto;
margin:0;
}



/* Menu links und den aktiven Menupunkt gestalten */
.mod_navigation .level_1 a, 
.mod_navigation .level_1 span {
font-weight:400;
color:#454545;
text-decoration:none;
padding: 0 0.8em;
border-right:1px solid #8e8e8e;
text-transform:uppercase;
}

.mod_navigation .level_1 a.last,
.mod_navigation .level_1 span.last {
	border-right:none;
}

/* aktiven menupunkt und ubergeordneten hervorheben */
.mod_navigation .level_1 .active,
.mod_navigation .level_1 .trail {
font-weight:500;

}

/* menu links bei hover und tab navigation */
.mod_navigation a:hover,
.mod_navigation a:focus {
color:#c2c2c2;
}

/* breadcrumb */

.mod_breadcrumb {
max-width: 1140px;
margin-left: auto;
margin-right: auto;

}

			
.mod_breadcrumb li {
  float:left;
  padding:2px 3px;
  padding-right:8px;
}

.mod_breadcrumb li a {
	text-decoration:none;
	color:#484848;
	}

	.mod_breadcrumb li a:hover {
		text-decoration:underline;
		}

.mod_breadcrumb li:after{
content:"/";
padding-left:1em;
}
/** kein Slash beim letzten Element **/
.mod_breadcrumb li.last:after{
content:"";
}
.mod_breadcrumb li.last{
color:#c929a5;
}

#jumbo {
max-width: 100%;
background: #1C1C1C;
padding: 40px 0;
}

#jumbo-bild {
	position:relative;
}

#jumbo-bild::before {
  content: '';
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' width='57' height='38' viewBox='0 0 57 38'%3E%3Crect x='16.1' y='1.06' width='15.62' height='15.62' rx='3' ry='3' transform='translate(-.65 1.99) rotate(-4.7)' fill='%23fff' opacity='.6' stroke-width='0'/%3E%3Crect x='3.06' y='20.53' width='15.62' height='15.62' rx='3' ry='3' transform='translate(-2.29 .99) rotate(-4.7)' fill='%23fff' opacity='.6' stroke-width='0'/%3E%3Crect x='21.34' y='19.02' width='15.62' height='15.62' rx='3' ry='3' transform='translate(-2.1 2.48) rotate(-4.7)' fill='%23fff' opacity='.6' stroke-width='0'/%3E%3Crect x='39.61' y='17.52' width='15.62' height='15.62' rx='3' ry='3' transform='translate(-1.92 3.97) rotate(-4.7)' fill='%23fff' opacity='.6' stroke-width='0'/%3E%3Cpath d='m20.48,6.22v.14c.16.49.37,1.09.62,1.82s.48,1.35.64,1.77l.22.61v.16s.11.55.11.55v-.56s0-.17,0-.17c.14-.64.29-1.37.41-1.97.07-.37.16-.79.24-1.25s.16-.88.21-1.16v-.14s1.22-.1,1.22-.1v.14c.3.91.87,2.59,1.23,3.59l.22.61v.16s.12.55.12.55l.02-.56.04-.17c.07-.3.18-.78.25-1.17.15-.68.24-1.11.37-1.8s.21-1.02.26-1.42v-.14s.99-.08.99-.08l-.04.24c-.18.88-.41,1.99-.6,2.86s-.36,1.52-.64,2.63l-.05.22-1.04.09-.08-.21c-.26-.67-.64-1.75-.99-2.74-.27-.67-.44-1.38-.5-2.1h0c.01.21.01.43,0,.64,0,.27-.02.55-.07.82-.05.33-.08.49-.19,1.02-.19.92-.31,1.54-.53,2.54l-.05.22-1.35.11-.09-.2c-.4-.97-.59-1.48-.81-2.02s-.5-1.31-.71-1.95l-.44-1.28-.09-.26,1.08-.04Z' stroke-width='0'/%3E%3Cpath d='m8.02,31.32c.22-.81.51-1.78.86-2.88.28-.89.49-1.5.88-2.66l.07-.2,1.14-.09.1.19c.5.96.83,1.65,1.21,2.53s.75,1.62,1.22,2.63l.11.26-1.16.1v-.14c-.19-.46-.39-.92-.65-1.53v-.12s-2.17.18-2.17.18v.14c-.08.35-.31,1.19-.41,1.6v.14s-1.07.09-1.07.09l-.13-.23Zm3.33-2.7l-.08-.19-.28-.65-.22-.52c-.17-.38-.21-.46-.33-.76.01.14-.06.25-.07.29l-.16.51c-.04.1-.07.21-.09.32.01.13-.09.29-.14.49s-.09.34-.12.41l-.06.23,1.55-.13Z' stroke-width='0'/%3E%3Cpath d='m27.55,28.69c.48.34,1.06.51,1.64.47.63-.05.97-.37.94-.81-.02-.24-.16-.46-.37-.58-.24-.15-.49-.28-.76-.37-.43-.13-.82-.34-1.17-.62-.27-.25-.45-.59-.48-.96-.08-1,.69-1.72,1.91-1.82.52-.05,1.04.03,1.52.23l.08,1c-.43-.3-.95-.44-1.48-.4-.63.05-1.03.38-1,.78.03.25.18.47.41.58.24.12.49.23.75.32.43.13.83.35,1.18.63.31.28.49.66.51,1.07.08,1-.7,1.75-1.96,1.86-.56.05-1.12-.04-1.65-.25l-.06-1.12Z' stroke-width='0'/%3E%3Cpath d='m45,22.81h.18c.61-.06.99-.16,1.39-.19.9-.15,1.82,0,2.61.44.71.48,1.14,1.27,1.18,2.12.12.9-.2,1.8-.85,2.43-.72.57-1.62.89-2.55.89l-1.45.12-.52-5.81Zm1.4,4.8l.69-.06c.61,0,1.2-.22,1.65-.64.37-.45.54-1.04.46-1.62-.11-1.33-.91-1.93-2.36-1.81l-.6.05h-.18s.33,4.08.33,4.08Z' stroke-width='0'/%3E%3C/svg%3E");
  position: absolute;
  right: 32px;
  bottom: 28px;
  width: 130px;
  height: 87px;
  background-repeat: no-repeat;
  background-size: 100%;
}


.ce_sliderStart .home-teaserbox2 {
	margin:0;
}

.home-teaserbox2 div {
	margin-right: auto;
margin-left: auto;
	width:500px;
}

 .icon-digital-signage2 div {
    width: 460px;
 }
 
  .icon-equipment2 div {
    width: 360px;
 }
 
.slider-next, .slider-prev {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAABACAMAAADmk0MgAAAAh1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9qkf8RAAAALHRSTlMArKeZhn5kyK+jnpaPgF21iXtokwKD79HMwbGbdldQRgTcPyQI9m80K8O5FqSsoyMAAAH+SURBVFjD7dfZVsJADAbgny5AwbJKWcoiO2re//kEhZPSgMO0E7zxu/V4/pNMMkPx77nWk2TZwzPMR8l4xblbOppC34xOLsmHLX3rQFuPfixw8pnQ2QC6qnRxwFFApJsscynCkUcsgJ4escn5wFkXWloyJiLGE6ZYL71vgHyzKQRTqreGizplxHCvShmjV/5DhTIGurk1zs13O1bNxbW2OGed8x2+gcnZDrTmecx9vl1zV6lekSvO+QVu7O7P1Z3Znrp6B+VcSXXXd1hP7i/T2Sq5R+PMPBsmLHY6V2DGcw7c9bm2ATOfc+iq3hGYTc369coXw939bDaR3dbPleccuHt/zSKxVSX2FxbEi+HkHbSveQ4be3FfWWkQqxT+zzasvRCrw4ZHzCuVSy3YWFBGhBJH3IedLhVudrPcj5EuFRyQlDJS2AsoY2I7ltxne6Go2bbPPooZUIanXy8LbbudilwXyXWlPpsnrGLT5ybKiR/fZ9+wvwr7LHMbKK8jztmc24EL00dq7ot6XdfsQedj0Vzzh+kd9CG42apIb4+k8LetSo191rnDfIU+y27L5FSnzyy+ndw0vAuuu+1xn7XqZbG8Sebq9cp7u5r/KvWhJ8iX3NTNZYPcPbI27K/GhO2vfvk3oK2T+zJZ8TuobJr7+FzUkmWMZ9gtk+EMf+kL0S/x3AeXRoQAAAAASUVORK5CYII=);
    position: absolute;
    top: -190px !important;
    background-repeat: no-repeat;
   width: 38px;
height: 64px;
}

.slider-prev {
    left: 0px !important;
    background-position: -82px -1px;
}

.slider-next {
    right: 0px !important;
    background-position: -2px -1px;
}

.slider-control .slider-menu b {
    color: white;
    font-size: 4rem;
}

.slider-control .slider-menu b.active {
    color: #4facfe;
}
	
	.slider-content h1 {
		margin-bottom: 0;
		
	}
	.slider-content h2 {
    	line-height: 1.6em;
    	margin-top: 1.25em;
    	margin-bottom: 20px;
    }
	
	.slider-content h3 {
		margin-top: 0; 
		font-size: 1.75em; 
		color: #c929a5; 
		font-weight: 400; 
		line-height: 1.5em;
		}
    	
  .slider-content  h2:before {
    display: block;
    background: #c929a5;
    height: 2rem;
    width: 2rem;
    color: #fff;
    font-weight:500;
    border-radius: 50%;
 	text-align: center;
    line-height: 1.4em;
    content:'';
    float:left;
    margin-right:9px;
}
h2.secondary:before {
	
	background: #8b8989;
}

.slider-content ol li    {
float:left;
}

.slider-content h2.step-1:before {
	content: "1";
	}

.slider-content h2.step-2:before {
  content: "2";
    }
    
.slider-content h2.step-3:before {
 content: "3";
    }
    
.slider-content h2.step-4:before {
    content: "4";
}

.slider-content h2.step-5:before {
    content: "5";
}

.slider-content h2.step-6:before {
    content: "6";
}

.slider-content ol {
    margin: 0;
    padding:0;
    list-style: none;
}
.slider-content ol li p {
	clear:left;
	margin-left:42px;
}



/* headlines */

h1, .h1 {
    line-height: 1.4;
    font-size: 2.2em;
    font-weight: 300;
    margin-bottom: 0.3em;
	}
	
p.caption + h1 {
	margin-top:0;
	}

body.forms h1 {
	color:#404040;
	}

/* home teaser headlines */
h2, .h2 {
    padding: 0;
    color: #404040;
    font-weight: 400;
    font-size: 125%;
    margin-bottom: 0;
	margin-top: 5px;
	}
	
.boxtrenner h2::before {
  height: 1px;
  background: #d5d3d3;
  display: block;
  content: '';
  margin-top: 40px;
  margin-bottom:60px;
}

h2 + p {
	 margin-top:3px;
	 }

h3 {
    margin-bottom: 0;
    font-size: 17px;
    font-weight:500;
}

p.caption {
 font-size: 125%;
 font-weight: 500;
 margin-bottom: 0;
}
p.caption + p {
	margin-top: 2px;
}

p.caption + ul {
	margin-top: 6px !important;
}


b, strong {
    font-weight: 500 !important;
}

/* Form */

#table_365 {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 92%;
}

#table_365 tbody tr {
	background: white;
  border: 1px solid #ddd;
}

#table_365 tbody tr.row_0 {
background: rgb(116, 18, 203);
background: linear-gradient(90deg, rgba(116, 18, 203,1) 0%, rgba(230, 46, 131,1) 100%);
color:white;
	
}


#table_365 td {
	padding:15px 10px;
vertical-align:top;
}

#feature-pc,
#carry-pc {
	display:none;
}

#table_365 tbody tr td.first {
	padding-left:20px;
	width:165px;
	vertical-align: middle;
}

#table_365 td.available {
color:#7ba737;
padding-right:20px;
vertical-align:middle;
text-align:center;
}

#table_365 td.notavailable{
color:#C6383A;
padding-right:20px;
vertical-align:middle;
}

#table_365 tbody tr td.available span,
#table_365 tbody tr td.notavailable span{
	background:white;
	padding:4px 6px;
	border-radius:5px;
	
}

#table_365 tr td.price {  
	width: 110px;
	vertical-align:middle;
	text-align:center;
}

#table_365 tr.row-disabled {  
	color:#b4b4b4;
	cursor:not-allowed;
}

.strichpreis {
	
text-decoration: line-through;
color: rgba(255,255,255,.6)
}

.cta-gruppenanfrage {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' width='262' height='170' viewBox='0 0 262 170'%3E%3Cpath d='m92.61,136.33c.78-3.53,1.55-7.07,2.35-10.59,1.66-7.37,3.24-14.77,5.07-22.1.55-2.19-.02-3.49-1.63-4.88-7.87-6.8-15.65-13.7-23.5-20.53-2.28-1.98-3.5-4.3-2.55-7.3.94-2.96,3.11-4.34,6.19-4.61,10.12-.87,20.23-1.9,30.36-2.7,2.71-.21,4.35-1.05,5.45-3.76,3.84-9.49,7.96-18.87,12.02-28.27,1.61-3.73,4.68-5.32,8.09-4.32,2.33.68,3.58,2.4,4.48,4.52,3.98,9.35,8.11,18.63,11.91,28.05,1.1,2.74,2.73,3.55,5.43,3.76,10.2.82,20.39,1.84,30.59,2.74,3,.27,5.05,1.73,5.96,4.58.92,2.89-.17,5.21-2.38,7.14-7.77,6.79-15.48,13.66-23.32,20.36-1.92,1.64-2.52,3.13-1.9,5.66,2.4,9.87,4.55,19.8,6.81,29.7.57,2.48.62,4.84-1.17,6.92-2.24,2.61-5.42,2.95-8.97.84-8.74-5.19-17.5-10.35-26.15-15.69-2.19-1.35-3.79-1.58-6.13-.12-8.69,5.43-17.54,10.58-26.35,15.81-3.31,1.97-5.97,1.89-8.3-.17-1.5-1.32-2.29-2.98-2.36-5.06Z' fill='%23ffc107' stroke-width='0'/%3E%3C/svg%3E");
background-repeat:no-repeat;
padding: 5px 34px;
background-position: -7px 0px;
background-size: 43px;
}


input[type="text"],  input[type="email"], input[type="tel"], textarea,  fieldset, select {
	border:1px solid #ccc;
	padding:8px;
	margin-bottom:4px;
	width:100%;
	
	
}


/* form elements hover focus */
input[type="text"]:hover,  input[type="email"]:hover,
input[type="text"]:focus,  input[type="email"]:focus,
input[type="tel"]:hover,  input[type="tel"]:focus,
select:hover, select:focus,
textarea:hover, textarea:focus {

outline: 1px solid #4facfe;
	}
	
.form-event-hidden {
visibility: hidden;
height: 0;
	}
	
	
fieldset {
	padding:0;
	}





input[disabled] {
  cursor: not-allowed !important;
    opacity: .4;
}

.captcha_text {
	display:block;
	
}

.ce_form label,
.mod_registration label {
	display:block;
	margin-bottom: 5px;
	cursor:pointer;
	}
	
.checkbox_container,
.radio_container {
	border:none;
	
	
	}
.checkbox_container label,
.radio_container label {
		display:inline !important;
		}
		
.logo-payment span {
			display:block;
		}

.radio_container span label {
				margin-left:5px;
				}

/* hide radio buttons for event details in booking and display check marks img */

fieldset.event-details {
border:none;
}

fieldset.event-details input {
    visibility: hidden;
	margin-right: 3px;
}

fieldset.event-details label {
	cursor: default;
	}

fieldset.event-details .radio_container span,
ul.check-icons li {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='17' viewBox='0 0 22 17'%3E%3Cpath d='M2,9.3a2.13,2.13,0,0,1,.34-.84A1.74,1.74,0,0,1,4.9,8.18c.23.2.44.43.66.65l2.82,2.81.17.16a1,1,0,0,1,.12-.17q3.89-3.9,7.78-7.78a1.75,1.75,0,0,1,2.63,2.3,1.54,1.54,0,0,1-.17.19L9.84,15.42A1.82,1.82,0,0,1,8.35,16a1.67,1.67,0,0,1-1-.42l-.22-.21c-1.44-1.44-2.87-2.88-4.32-4.31A2.47,2.47,0,0,1,2,9.68Z' fill='%234facfe'/%3E%3C/svg%3E");
background-repeat:no-repeat;
}
ul.check-icons {
	list-style-type: none;
padding-left: 0px;
	
}
ul.check-icons li {
padding-left: 30px;
background-position: 2px 2px
	
}
ul.game-list {
margin-top: 15px !important;
}

ul.game-list li {
	list-style-type: none;
    background: rgb(204,204,204);
    padding: 4px 14px;
    display: inline-block;
    border:none;
    margin-bottom: 10px;
    margin-left:0;
    margin-right:5px;
    color:#1c1c1c;
    border-radius: 4px;
}
ul.turniere {
	margin-top:10px !important;
}

ul.turniere li {
	margin-left: 17px;
	color:white;
	
}

.base-teaser {
	
padding:40px 60px;
}

.tournament-teaser {
position:relative;
background:#1c1c1c;
color:rgb(204,204,204);
background-image: url(http://www.bodensee-lan.de/files/img/tournament-bg-fan.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}

.base-teaser h1 {color:white;}
.base-teaser h2 {
	margin-bottom:10px;
	color:white;
}

.location-teaser {
background-image:url('../../files/img/impressionen/image16.jpg');
background-size:cover;
	
}

.location-text {
	
color: white;
padding: 20px;
background-image: linear-gradient( 92.7deg, rgb(116, 17, 202) 8.5%, rgb(252, 46, 224) 90.2% );
}


figcaption {
text-align: center;
color: #b9b9b9;
font-weight: 300;
font-size: 14px;
line-height: 126%;	
	
}

fieldset.offer {border:none;}
/* styling radio buttons */

fieldset.logo-payment input[type=radio]:not(old),
fieldset.offer input[type=radio]:not(old),
input[type=checkbox]:not(old){
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
  cursor:pointer;
}

fieldset.logo-payment input[type=radio]:not(old) + label,
fieldset.offer input[type=radio]:not(old) + label{
  display      : inline-block;
  margin-left  : -35px;
  padding-left : 32px;
  
  padding-bottom: 2px;
  background: url("../../files/img/icons-image-sprite.svg") no-repeat -5px -153px;
 
  
}

fieldset.logo-payment input[type=radio]:not(old):checked + label,
fieldset.offer input[type=radio]:not(old):checked + label {
  background-position : -5px -203px;
  font-weight: 500;
}

/* gender selection */

fieldset.gender-selection,
fieldset#ctrl_gender {
	margin-bottom: 20px;
	
}

fieldset.gender-selection legend,
fieldset#ctrl_gender legend,
fieldset#ctrl_newsletter legend {
	margin-bottom: 10px;
	
}
fieldset.gender-selection input[type=radio] + label,
fieldset#ctrl_gender input[type=radio] + label {
background-image: url("../../files/img/icons-gender-selection-bg.png");
background-repeat: no-repeat;
background-size: 79px 180px;	
padding-left: 74px;
padding-bottom: 15px;
padding-top: 13px;
font-size: 90%;
}

/* men */
fieldset.gender-selection .radiocounter_0:not(old) + label,
fieldset#ctrl_gender .radiocounter_0:not(old) + label{
background-position: 0px 3px;
margin-left: -40px;
}

	
fieldset.gender-selection .radiocounter_0:not(old):checked + label,
fieldset#ctrl_gender .radiocounter_0:not(old):checked + label{
background-position: 0px -41px;
}	

/* woman */


fieldset.gender-selection .radiocounter_1:not(old) + label,
fieldset#ctrl_gender .radiocounter_1:not(old) + label{
background-position: -2px -89px;
margin-left: -20px;
}

fieldset.gender-selection .radiocounter_1:not(old):checked + label,
fieldset#ctrl_gender .radiocounter_1:not(old):checked + label
{
background-position: -2px -134px;
}

/* auslastung */
.box-auslastung {
background: white;
padding: 5px 10px;
border:1px solid #e1e1e1;
}

.progress {
    background: rgba(0,0,0,0.075);
   }

.value-7 {
  animation: load7 4s normal forwards;
 }
 
.value-3 {
  animation: load3 3s normal forwards;
 }
 
.value-10 {
  animation: load10 1s normal forwards;
 }


.progress-value {
    background: #75b800;
    height: 12px;
    width: 0;
}

/* gender selection */

input[type=checkbox]:not(old) + label{
  display      : inline-block;
  margin-left  : -35px;
  padding-left : 35px;
  background: url("../../files/img/icons-image-sprite.svg") no-repeat -3px -95px;
  padding-top: 3px;
}

input[type=checkbox]:not(old):checked + label{
  background-position : -3px -44px;
}


/* make voucher textfield smaller */
input.voucher {
	max-width: 304px;
	}
	/* agb reduce font size and give margin top */
	fieldset.agb-check label {
		font-size:85%;
		vertical-align: top;
		padding: 5px 0;
		padding-left: 35px;
		
		}
		fieldset.agb-check {
			margin-top: 10px;
			}
			
			
		
		/* tl registration mod */
		#tl_registration #ctrl_newsletter span {
			display:block;
			}
			span.mandatory {
			display:inline !important;
			margin-left:3px;
			font-size:80%;
			vertical-align: top;
			
			}
			
			fieldset#ctrl_newsletter {
				margin-top: 10px;
				
			}
		
			
			#main p.error {
				margin:.5em 0;
				padding:.3em;
				background-color:#C6383A;
				border:2px solid #C6383A;
				color:white;
				display:block;
				}
				
			#main .confirm {
				margin:.5em 0;
				padding:.3em;
				background-color:#7ba737;
				border:2px solid #7ba737;
				color:white;
				display:block;
				}
				
			#main .notice {
				margin:.5em 0;
				padding:10px 15px;
				background-color:#e5eefa;
				border: 1px solid #8daed9;
				color:#000;
				display:block;
				}
				


				/* add ssl icon submit button */
						input.cta-booking,
					input.cta-booking:hover,
input.cta-booking:focus					{
							    	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAwCAMAAABKbPgaAAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAEHRSTlMAmXNNjwomHV86E3xDhlYwfnVivQAAAKtJREFUeNrl0tsOgyAQBFBZdl1u6v//bc2YNCDS7UsbE+fN4XCJMD02ac1uT171A5Lg3qE0UsquCkdbIZdOoOqwXrBwDPm0zyjHFOpVahaQjM+5YwW9tkcIHaNTHbF4x/i0iWD1jqHtivQdm3/JZo/WV0ERGlfcMLHeYBy2GXInlreNbLYInovFPF6RyQJ+t8Vwjco2IxztnsypLBZD+D9XT2NFFRMaKpkelRcX0QUOSkx+awAAAABJRU5ErkJggg==);
								background-position: 13px 10px;
								background-repeat: no-repeat;
								padding-left: 41px !important;
								margin-bottom: 3px;
								background-size:19px 24px;
						}
						
/* bank account table */
.bank-account-table {
	width:100%;	
	border-collapse: collapse;
	border-spacing: 0;
}

.bank-account-table tr {
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

.bank-account-table td {
padding:5px 0px;
}


footer {
	background:white;
}


header .inner,
footer .inside {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    padding: 0.75em;
	overflow: hidden;
}

header .mod_navigation ul {
  padding: 0;
	}
	




	
	
.pure-button {
	padding: 12px 18px;
	border-radius: 4px;
	margin-top: 15px;
	background-color: white;
	border: 1px solid #ccc;
	}
	
.pure-button-active, .pure-button:active {
box-shadow: none;
}
	
.pure-button:hover,
.pure-button:active {
	text-decoration:none;
}

/* pure call to action elements */	
.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected {
	background-color:#4facfe;
	border: 1px solid #4facfe;
	}
	
	 .button-xlarge {
            font-size: 140%;
            padding: 12px 43px;
        }
		
	.button-spacing-r {
		margin-right:5px;
	}

.bg-container {
	background:white;
	}
	
	.bg-lightgrey {
		background:#f5f5f5;
	}

/* footer */

#silhouette {
	
	background:url(../../files/img/silhouette.svg);
	background-repeat:no-repeat;
	background-position:center center;
background-size: 75%;
}

#silhouette img {

visibility: hidden;
margin-left: auto;
margin-right: auto;
display: block;
width: 75%;
}

/* footer nav */
.mod_customnav ul {
margin-left: auto;
margin-right: auto;
width: max-content;
}

	.mod_customnav .level_1 a, 
	.mod_customnav .level_1 span {
		
		text-decoration:none;
		color:#454545;
		display:block;
		font-size: 0.875em;
		padding: 0 0.6em;
		}
		
		.mod_customnav .level_1 a:hover, 
	.mod_customnav .level_1 a:focus {
		color:black;
		text-decoration:none;
		
		}
		
		.small {
			font-size:83%;
			}
			footer .small {
				color:#7b7a7a;
				}
				footer .small a {
					color:#7b7a7a;
					}
					
					
.logo-sponsor {
	border:1px solid #ccc;
}					
						

  @media screen and (max-width: 1024px){
#table_365 thead {
  display: none;
}

#table_365 td {
	float:left;
	width:100%;
	padding: 0;
}

#table_365 tr {
box-shadow: 4px 4px 10px rgba(0,0,0,0.2);
margin-bottom: 20px;
display: block;
overflow: hidden;
padding:20px;
	
}

#table_365 tbody tr td.first {
  padding-left: 4px;
  width: 100%;
  font-size: 125%;
 
}

#table_365 td.available,
#table_365 td.notavailable  {
  padding-right: 0;
  text-align:right;
}

#table_365 tr td.price {
  width: 100%;
  text-align:right;
  margin-top:20px;
}
}


@media only screen and (min-width: 840px) {
div.menubutton {
	display:none;
	}
	
	.limit-width {
		
		max-width:75%;
	}
}
		
		
	@media only screen and (max-width: 839px) {
		
		
	#header .nav-outer {
	height:auto;
	
	}
	
	div.menubutton {
		position:absolute;
		right:0.75rem;
		top: 1rem;
		display:block;
		z-index:10;
		}
	/* links im menubutton */
	div.menubutton a {
		display:block;
		padding:0.25rem;
		padding-bottom:0;
	
		text-decoration:none;
		color:black;
		}
	/* Pfeil nach unten */
	div.menubutton a.shownav:after {
		font-size:0.7rem;
		content: " \25bc";
		}
		
		/* Pfeil nach oben */
	div.menubutton a.hidenav:after {
		font-size:0.7rem;
		content: " \25b2";
		}
		
		/* button mit pfeil nach oben ausblenden */
		div.menubutton a.hidenav {
			display:none;
			}
			

			/* navigationsbereich gestalten */
			.mod_navigation {
				margin:0;
				padding:0;
				background-color:#fff;
			float:left;
				transition:1s;
				}
				
				.mod_navigation ul {
					width: 100%;
					}
				
				.mod_navigation ul.level_1 {
					margin:0;
					padding:0;
					
					}
				.mod_navigation .level_1 li {
					margin:0;
					padding:0;
					list-style-type:none;
					width:100%;	
					border-bottom:1px solid #d5d4d4;
					padding: 4px 18px;
					padding-top: 8px;
					}
					
					.mod_navigation .level_1 li:last-of-type {
						border-bottom:0;
						
						}
					nav.mod_navigation .level_2 li:last-of-type {
						border-bottom:0;
						padding-bottom: 0px;
						}
						
.mod_navigation .level_1 a, 
.mod_navigation .level_1 span {
		display:block;
		padding:0.5rem;
		text-align:left;
		text-decoration:none;
		color:#444;
		border-right:none;
		}
		
		#header .mod_navigation {
				max-height:0;
				}
				#menu:target .mod_navigation {
					max-height:50em;
					}
					
					#menu:target a.shownav {
						display:none;
						}
						
						#menu:target a.hidenav {
						display:block;
						}
						

						
.mod_breadcrumb {
display:none;
}
							
div#container {
 padding-top:0;
}

.base-teaser {
padding:40px 0;
}


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


.home-teaserbox2 div {

	width:100% !important;
}

.slider-next, .slider-prev {
  background-size:80px 43px;
    top: -12px !important;
width: 24px;
height: 42px;
}

.slider-prev {
    
    background-position: -56px -1px;
}


 
 
		}

	@media only screen and (max-width: 567px) {	
		
		body { font-size:0.95em;
		}

.jumbo-headline span {
		font-size: 1.6rem;
line-height: 129%;
padding: 0 5px;
	}		
}


/*Print __________________________________________________________________________________________________________ */
@media print {
body {
	font: 13pt Georgia, "Times New Roman", Times, serif;
line-height: 1.3;
background: #fff !important;
color: #000;
}
/* urls sichtbar machen */
a[href]:after {
	content:" ("attr(href)")";
	font-style:italic;
}
/* img alt sichtbar machen */
  img[alt]:after {
	content:" ("attr(alt)")";
}

h1 {
font-size: 24pt;
}

h2, h3, h4 {
font-size: 14pt;
margin-top: 25px;
}

/* Alle Seitenumbrüche definieren */

table, img {
  page-break-inside: avoid;
}

h1 {
  page-break-before: always;
}

h1, h2, h3, h4, h5, h6 {
  page-break-after: avoid;
}

table {
  page-break-after: always;
}

/* Wichtige Elemente definieren */    
p, address, li, dt, dd, blockquote {
font-size: 100%;
}

header, footer  {
	display:none;
}

 @page {
margin: 2cm;
}
}