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}
/* open-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: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/fonts/open-sans-v35-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-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: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/fonts/open-sans-v35-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-600 - 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: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/fonts/open-sans-v35-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* cookie-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: 'Cookie';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/fonts/cookie-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/* Light Mode */
:root[color-mode="light"] {
	
	--body-bg: #eeeeee; 
	--body-font: #404040;
	--box-white-bg:#fafafa;
	--box-white-border-bottom:1px solid #ddd;
	--container-bg:#fafafa;
	--breadcrumb-color:#484848;
	--link-color:#c929a5;
	--booking-advantages-bg:#f4f4f4;
	--input-border-focus:1px solid #333333;
	--jumbo-headline-color:#F3F3F2;
	--jumbo-textshaddow:2px 2px 3px rgba(0,0,0,0.6);
	--jumbo-greenevent-bw: url("../../files/img/icon-green-eventbw-neg.svg");
	--eventtable-border:1px solid #ddd;
	--icons-ambiente-bg:url("../../files/img/icons-ambience-bg2.svg");
	--bg-color-gradient:linear-gradient(120deg, #efd193 0%, #f9ac87 100%);
	--bg-faq-elements:rgba(255,255,255,.7);
	--bg-faq-elements-hover:white;
	--icons-gender-selection-bg: url("../../files/img/icons-gender-selection-bg.svg");
	--icons-image-sprite: url("../../files/img/icons-image-sprite.svg");
	--input-border:1px solid #ccc;
	--input-bg:white;
	--header-bg:white;
	--logo:url("../../files/img/logo.svg");
	--bg-nav:white;

	
}

/* Dark Mode */
:root[color-mode="dark"] {
	
	--body-bg: #121212; 
	--body-font: #f3f3f2;
	--box-white-bg:#333;
	--box-white-border-bottom:none;
	--container-bg:#333;
	--breadcrumb-color:#F3F3F2;
	--link-color:#1dd5e6;
	--booking-advantages-bg:#121212;
	--input-border-focus:1px solid #1dd5e6;
	--jumbo-headline-color:#333;
	--jumbo-textshaddow:none;
	--jumbo-greenevent-bw: url("../../files/img/icon-green-eventbw-black.svg");
	--eventtable-border:none;
	--icons-ambiente-bg:url("../../files/img/icons-ambience-bg-dark.svg");
	--bg-color-gradient:url("../../files/img/icons-ambience-bg-dark.svg");
	--bg-faq-elements:#333;
	--bg-faq-elements-hover:#000;
	--icons-gender-selection-bg: url("../../files/img/icons-gender-selection-bg-dark.svg");
	--icons-image-sprite: url("../../files/img/icons-image-sprite-dark.svg");
	--input-border:1px solid #535353;
	--input-bg:#121212;
	--header-bg:#121212;
	--logo:url("../../files/img/logo-dark.svg");
	--bg-nav:#121212;

}

/* Any element with the class "light--hidden" will be hidden when the site is set to Light Mode */
:root[color-mode="light"] .light--hidden {
  display: none;
 }

.icon-sun {
background-position: 8px 11px;
background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%237b7979" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="12" cy="12" r="5"%3E%3C/circle%3E%3Cline x1="12" y1="1" x2="12" y2="3"%3E%3C/line%3E%3Cline x1="12" y1="21" x2="12" y2="23"%3E%3C/line%3E%3Cline x1="4.22" y1="4.22" x2="5.64" y2="5.64"%3E%3C/line%3E%3Cline x1="18.36" y1="18.36" x2="19.78" y2="19.78"%3E%3C/line%3E%3Cline x1="1" y1="12" x2="3" y2="12"%3E%3C/line%3E%3Cline x1="21" y1="12" x2="23" y2="12"%3E%3C/line%3E%3Cline x1="4.22" y1="19.78" x2="5.64" y2="18.36"%3E%3C/line%3E%3Cline x1="18.36" y1="5.64" x2="19.78" y2="4.22"%3E%3C/line%3E%3C/svg%3E');
}

.icon-moon {
background-position: 9px 10px;	
background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%237b7979" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"%3E%3C/path%3E%3C/svg%3E');
}

/* Any element with the class "dark--hidden" will be hidden when the site is set to Dark Mode */
:root[color-mode="dark"] .dark--hidden {
  display: none;
}

.color-mode__btn {
color: rgba(0,0,0,.7);
font-weight:600;
font-size:0.875em;
cursor: pointer;
padding-left: 36px;
height: 41px;
width: 145px;
border-radius: 3px;
border: 1px solid #ccc;
background-size: 19px;
background-repeat:no-repeat;
background-color:white;
text-align:left;
}

.color-mode__btn:hover {
background-color:#f3f3f2;	
}

body {
padding:0;
background-color:var(--body-bg);

font-size:0.938em;
color:var(--body-font);
line-height: 1.6em;

/*
color: #4b4b4d;
line-height: 1.625em;
font-size: 1.063em;
*/
	}

html, button, input, select, textarea,
.pure-g [class*="pure-u"] {
    /* Set your content font stack here: */
	font-family: 'Open 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:var(--link-color);
	}

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 {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}
	
	div#container {
	padding-bottom:40px;
	padding-top:50px;
		}
		
/* header */
body.home #container {
padding-top:0;
}

#mod_article_outer_id_1 {
background-image: url("../../files/img/bg-home-comp.jpg");
background-repeat: no-repeat;
background-position:center top;	
}



body.forms #container,
body.bgimage #container {
background-image: url("../../files/img/bg-common.jpg");
background-repeat: no-repeat;
background-position:center top;
background-size:cover;
}



body.bg-color-gradient #container {
background-image: var(--bg-color-gradient);
background-position: center top;
background-repeat:no-repeat;
background-size:2006px auto;
	
}
body.icons-ambiente-bg #container {
  background: var(--icons-ambiente-bg);
 background-position: center top;
  background-size: 2006px auto;
  background-repeat: no-repeat;
}

.bg-solid {
	background:white;
}

.bilder-box {
max-width: 1115px;
padding-top: 13px;
padding-bottom: 7px;
}

#header {
    width:100%;
   background:var(--header-bg);
}
#header .nav-outer {
	background:#333333;
	width: 100%;
	height:50px;
	margin-left: auto;
    margin-right: auto;
	}
	

	#background_wrap {
	height: 498px;
	background-repeat:no-repeat;
	}
	
#logo a {
background-image:var(--logo);
background-repeat:no-repeat;
background-position:11px 26px; 
width: 240px;
height: 75px;
float:left;
text-indent: -9999px;
}

.color-mode-switch {
	
float: right;
margin-top: 18px;
}


/** Navigation **/

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

.mod_navigation ul {
width:auto;
float:left;
	
}	

	
/** 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:white;
text-decoration:none;
padding:0 1.4em;
border-right:1px solid #8e8e8e;
}

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

}

/* 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:var(--breadcrumb-color);
	}

	.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:var(--link-color);
}


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

body.id-41 #mod_article_outer_id_76 {
	background:white;
}

body.id-41 #mod_article_outer_id_76 {
	padding: 40px 0;
}

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

/* home teaser */

#home-intro-teaser {
margin-top: 100px;
max-width: 88%;
	
	}
	
#home-intro-teaser .inner {
position:relative;
margin-left: auto;
margin-right: auto;
max-width: 400px;
}
	
#home-intro-teaser p.headline {
color: var(--jumbo-headline-color);
font-weight: 400;
font-size: 24px;
line-height: 133%;
margin-left: 60px;
margin-top: 10px;
text-shadow: var(--jumbo-textshaddow);
}

#home-intro-teaser p.content {
    color: #5B3245;
    font-weight: 400;
    font-size: 16px;
    line-height: 163%;
    margin-top: 5px;
    margin-bottom: 15px;
}

#home-intro-teaser p.small {
    float: left;
    width: 90px;
    color: #5B3245;
    padding-bottom: 10px;
	margin-top:0;
	line-height: 80%;
}

.home-welcome-text {
margin-bottom: 35px;
}

.home-welcome-text p {

font-size:1.25em;
line-height:1.5em;
}


/* home */

.home-teaserbox2 {
margin:20px 0px;
}
 
 .home-teaserbox2 h2:before {
background-image: url("../../files/img/icons-home-sprites.svg");
padding-top: 55px;
background-repeat:no-repeat;
background-size: 46px;
content:'';
display:block;
 }
 
.icon-veranstaltungsorte2 h2:before {
background-position:0 0;
}

.icon-foto h2:before {
background-position:0 -76px;
}

.icon-faq2 h2:before {
background-position:0 -158px;
}

.icon-kontaktgarantie2 h2:before {
background-position:0 -238px;
}

.icon-datenschutz2 h2:before {
background-position:0 -318px;
}

.icon-service2 h2:before {
background-position:0 -400px;
}

h3.icon-signup:before {
content:'';
display:block;
background-image: url("../../files/img/icons-so-funktioniert-speed-dating-sprites.svg");
background-size: 65px;
padding-top: 75px;
background-position:0 0;
background-repeat: no-repeat;
}

h3.icon-dating:before {
content:'';
display:block;
background-image: url("../../files/img/icons-so-funktioniert-speed-dating-sprites.svg");
background-size: 65px;
padding-top: 75px;
background-position:0 -97px;
background-repeat: no-repeat;
}

h3.icon-voting:before {
content:'';
display:block;
background-image: url("../../files/img/icons-so-funktioniert-speed-dating-sprites.svg");
background-size: 65px;
padding-top: 75px;
background-position:0 -195px;
background-repeat: no-repeat;
}

/* home event countdown */
.eventcounter {
  color: #333;
  margin: 0 auto;
  text-align: center;
  margin-top: 26px;
background: url("../../files/img/bg-eventcounter-jumbo.png");
background-repeat: no-repeat;
background-position: center -14px;
overflow: hidden;
}

.eventcounter li {
  display: inline-block;
  font-size: 0.7em;
  list-style-type: none;
  padding: 1px;
}

.eventcounter li span {
  display: block;
  font-size: 1.7rem;
  font-weight:600;
  background:#333;
color:white;
 border-radius:3px;
 width:40px;
 padding: 6px 0;
}



/* so funktionierts */

.box-ablauf {
	padding: 20px 60px;


	}
	
	.box-ablauf-text {
	padding:20px 60px;


	}

.box-ablauf-intro {
	padding:40px 280px;
	padding-top:0;
}

.jumbo-text p {
	
font-size: 1.2em;
line-height: 149%;
}


.text-mitte {
text-align: center;	
}
	

	.slider-content h1 {
		margin-bottom: 0;
		
	}
	.slider-content h2 {
    	line-height: 1.6em;
    	margin-top: 1.25em;
    }
	
	.slider-content h3 {
		margin-top: 0; 
		font-size: 1.75em; 
		color: #c929a5; 
		font-weight: 300; 
		line-height: 1.5em;
		}
    	
  .slider-content  h2:before {
    display: block;
    background: #c929a5;
    height: 2rem;
    width: 2rem;
    color: #fff;
    font-weight:600;
    border-radius: 50%;
 	text-align: center;
    line-height: 1.6em;
    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 ol {
    margin: 0;
    padding:0;
    list-style: none;
}
.slider-content ol li p {
	clear:left;
	margin-left:42px;
}

/* SLIDER EVENTS */

#events h2 {
	text-align:center;
	margin-bottom: 25px;
}

.slider-control {
    position: relative;
    width: 100%;
	 }
	 
	 .ce_sliderStart {
		 padding-bottom:30px;
		 }
	
.slider-next,
.slider-prev {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAAtCAMAAAAHmLz6AAAAPFBMVEUAAACenJyenJyenJyenJyenJyenJyenJyenJyenJyenJyenJyenJyenJyenJyenJyenJyenJyenJyenJwztjeFAAAAE3RSTlMAjXNqYeTcq6J6TTwMzcq4tUU3RkKX9AAAAORJREFUSMe919sKgzAQhGFr1CTGc97/XUvbFQtDQPqTzl2G5btQspCmXo4w+J0iyQ8hXccuv+KY6d5Idx7HnLnqDBntvGVLy828WpEzVt1lTJ+mFxWYvVUxI9VMSzzLx7fKzId1qnJTVWpyVU2uqsnVVkyoqslVNbmqJlfV5KqaXFXzvtqVxzox76pzeWoR87Y6lWam382lPDWL+p9vyv8+N1VFJr+lWOVbCphsR0NVTWcdVdXkqppcVZOranI1ignUaF0vJlB7W7hiItWaVUygblVeJ5XeUZYUBp8amN0P4Wiq5Qmn6kDbLrm5xgAAAABJRU5ErkJggg==);
		position: absolute;
		 top: -314px !important;
		 background-repeat:no-repeat;
		 width:28px;
		 height:42px;
		}
	
	.slider-next {
    right: 0px !important;
	background-position:-2px -1px;
    }

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

   
   /* SLIDER EVENTS */
#table_365 {
width:100%;
border-collapse: collapse;
border-spacing: 0;
margin-top:40px;
}	
#table_365 thead th {
	padding-bottom:10px;
}
#table_365 thead th.head_0,
#table_365 thead th.head_4 {
	text-align:left;
}
#table_365 thead th.head_0 {
	padding-left:10px;
}
#table_365 thead th.head_4 {
	padding-left:38px;
}


#table_365 tbody .col_0 {
    width: 145px;
    padding-left:15px;
}
#table_365 .col_1 {
 width: 256px;
text-align: center;
padding: 0 25px;
}
#table_365 .col_2 {
    width: 167px;
    text-align:center;
}
#table_365 .col_3 {
    width: 182px;
    text-align:center;
}
/* discount or special event sticker */
#table_365 span.button {
    padding: 2px 4px;
    font-size:79%;
    color:white;
	border-radius: 3px;
}
#table_365 span.w {
	background:#8b1b8b;
}
#table_365 span.m {
	background:#00aff2;
}

#table_365 span.new {
	background:#00aff2;
}

#table_365 .col_4 {
    width: 270px;
    padding-left:29px;
}
#table_365 .col_5 {
    width: 167px;
    text-align:right;
    padding-right:10px;
}
#table_365 tbody tr {
	

	border: var(--eventtable-border);
}

#table_365 tbody tr.even {
	background:var(--booking-advantages-bg);
}
#table_365 tbody tr.odd {
	background:var(--box-white-bg);
}

#table_365 tbody tr:hover {

	
}






	/* Detailseiten */
	
	
		#header-konstanz {
		background-image:url(../../files/img/header-location-konstanz.jpg);
		background-repeat:no-repeat;
		background-position:right top;
		height:390px;
		}
		
		#header-radolfzell {
		background-image:url(../../files/img/header-location-radolfzell.jpg);
		background-repeat:no-repeat;
		background-position:right top;
		height:390px;
		}
		
		#header-singen {
		background-image:url(../../files/img/header-location-singen2.jpg);
		background-repeat:no-repeat;
		background-position:right top;
		height:390px;
		}
		
		#header-friedrichshafen {
		background-image:url(../../files/img/citybanner-friedrichshafen.jpg);
		background-repeat:no-repeat;
		background-position:right top;
		height:390px;
		}
		
		#header-rottweil {
		background-image:url(../../files/img/citybanner-rottweil.jpg);
		background-repeat:no-repeat;
		background-position:right top;
		height:390px;
		}
		
			#header-ravensburg {
		background-image:url(../../files/img/citybanner-ravensburg.jpg);
		background-repeat:no-repeat;
		background-position:right top;
		height:390px;
		}
		
	.detail-header-teaserbox {
		float:right;
margin-top: 105px;
margin-right: 13px;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 0px 3px 0 rgba(0, 0, 0, 0.12);
padding: 10px 25px;
background:var(--container-bg);
color:var(--body-font);
}
	

body.detail .bg-container {
padding: 2.5em 5em;
border-bottom:var(--box-white-border-bottom);
margin-bottom: 20px;
}


#ravensburg .ce_text h1 + p,
#konstanz .ce_text h1 + p,
#friedrichshafen .ce_text h1 + p,
#singen .ce_text h1 + p,
#radolfzell .ce_text h1 + p,
#rottweil .ce_text h1 + h2 + p {
font-size: 20px;
line-height: 162%;
}

body.forms .mod_article {
    max-width: 640px;
	float:left;
}


.bg-booking {

background-image:url(../../files/img/bg-header-booking4.jpg);
background-repeat:no-repeat;
background-position: right top;
	}
	
	body.forms .kontakt-teambild {
background-color:var(--box-white-bg);
background-image:url(../../files/img/kontakt-teambild.jpg);
background-repeat:no-repeat;
	}
	
	 .kontakt-teambild-neu {
height: 320px;
background-image:url(../../files/img/kontakt-teambild.jpg);
background-repeat:no-repeat;
	}

body.forms #main {
    max-width: 1140px;
	margin-left: auto;
    margin-right: auto;
    float: none;
}

/* headlines */

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

p.caption + h1 {
	margin-top:5px;
	}


/* home teaser headlines */
h2, .h2 {
    padding: 0;
  	font-weight:600;
    font-size: 125%;
    margin-bottom: 6px;
	margin-top: 5px;
	}

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

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

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


body.home h3 {
    padding: 0;
    color: #404040;
    font-weight: 400;
    font-size: 16px;
}

p.speed-dating {
	
color: var(--jumbo-headline-color);
font-size: 8.5rem;
font-family: 'cookie';
line-height: 77%;
text-shadow:var(--jumbo-textshaddow);
margin-left:56px;
font-weight:400;
margin-bottom: 6px;
margin-top: 5px;
padding:0;
}

.dating {
margin-left: 83px;
}

/* Form */

body.bookingbox .bg-container {
padding-left:1.5rem;
}

/* booking advantages box */


.booking-advantages {
	
	border:none;
	margin:0;
}

.booking-advantages .inner {
    margin-right: auto;
    margin-left: auto;
    margin-top: 41px;
    width: 350px;
}



ul.base {
padding:0;	
	
}
ul.base li {
margin-left: 0;
margin-bottom: 5px;
list-style: none;	
}

ul.confirm li {
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='34' height='34' viewBox='0 0 34 34'%3E%3Ccircle id='b' cx='17' cy='17.04' r='16.18' fill='%2333a854' stroke-width='0'/%3E%3Cpath d='m15.8,19.99l-3.03-3.4s-.96-1.17-2.24-.26c-.08.06-.54.43-.62,1.09-.07.61.25,1.05.32,1.14l4.26,4.84c.11.11.48.61,1.25.63.74.02,1.19-.47,1.26-.54l8.66-9.75s.83-1.11-.18-2.12c0,0-1.07-1-2.21,0l-7.46,8.38Z' fill='%23fff' stroke-width='0'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-size: 23px 23px;
padding-left: 32px;
}

ul.error li {
	
background: url("../../files/img/cancel.svg") no-repeat;
background-size: 23px;
padding-left: 32px;
}

ul.star li {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cg class='oi-favorite-fill%5Bstar%5D'%3E%3Cpath class='oi-fill' d='M12.8945 3.05279C12.7251 2.714 12.3788 2.5 12 2.5C11.6213 2.5 11.275 2.714 11.1056 3.05279L8.5267 8.2106L2.85609 9.03541C2.47946 9.0902 2.16658 9.35402 2.04897 9.71599C1.93136 10.078 2.02942 10.4753 2.30193 10.741L6.42906 14.7649L5.50065 20.4385C5.4393 20.8135 5.59573 21.1908 5.9044 21.4124C6.21306 21.6339 6.62062 21.6614 6.95624 21.4834L12 18.8071L17.0438 21.4834C17.3794 21.6614 17.787 21.6339 18.0957 21.4124C18.4043 21.1908 18.5608 20.8135 18.4994 20.4385L17.571 14.7649L21.6981 10.741C21.9706 10.4753 22.0687 10.078 21.9511 9.71599C21.8335 9.35402 21.5206 9.0902 21.144 9.03541L15.4734 8.2106L12.8945 3.05279Z' fill='%23575757' /%3E%3C/g%3E%3C/svg%3E");
background-repeat:no-repeat;
background-size: 23px 23px;
padding-left: 32px;
}



fieldset.signup-form {
	border: none;
	
}

input[type="text"],  input[type="email"], input[type="tel"], textarea,  fieldset, select {
	border:var(--input-border);
	padding:10px;
	margin-bottom:8px;
	width:100%;
	border-radius: 4px;
}

input[type="text"],  input[type="email"], input[type="tel"], textarea,  select {
background:var(--input-bg);
color:var(--body-font);
}


/* 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:none;
border: var(--input-border-focus);
	}
	
	
	
	
fieldset {
	padding:0;
	}

input[type="submit"] {
	margin-top:15px;
	margin-bottom: 15px;
}


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;
	
	
	}

.radio_container label {
		display:inline !important;
		}
		
.payment-options span {
			display:block;
		}



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


.form-event-hidden {
	visibility:hidden;
	height:0;
}

fieldset.event-details {
   
    padding-bottom: 1.5em;
    border: none;
   
    margin:0;
	margin-top: 1em;

	border-right: var(--input-border);
border-radius: 0;
}

fieldset.event-details fieldset {
	margin-bottom:0;
}

fieldset.event-details strong {
	display:block;
}

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

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

/*
fieldset.event-details .radio_container span {
background: url("../../files/img/icons-image-sprite.png") no-repeat -7px 0px;
background-size:70px 250px;
}
*/

			
fieldset.logo-payment {
    background: url("../../files/img/footer-payment-icons.svg") no-repeat 126px 14px;
    margin-bottom: 26px;
}

/* styling radio buttons */

fieldset.payment-options input[type=radio]:not(old),
fieldset.gender-selection input[type=radio]:not(old),
fieldset#ctrl_gender input[type=radio]:not(old),
input[type=checkbox]:not(old){
  width: 0;
  height:0;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor:pointer;
  position:absolute;
}

fieldset.payment-options input[type=radio]:not(old) + label,
fieldset.age input[type=radio]:not(old) + label  {

  padding-left : 32px;
  padding-bottom: 2px;
  background-image: var(--icons-image-sprite);
  background-size:70px 250px;
  background-position:-5px -153px;
  background-repeat:no-repeat;
  line-height  : 35px;
}

fieldset.payment-options input[type=radio]:not(old):checked + label,
fieldset.age input[type=radio]:not(old):checked + label{
  background-position : -5px -203px;
}

/* 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: var(--icons-gender-selection-bg);
background-repeat: no-repeat;
background-size: 79px 180px;	
padding-left: 74px;
padding-bottom: 15px;
padding-top: 13px;
margin-right: 10px;
}

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

}

	
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;

}

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



/* gender selection */

input[type=checkbox]:not(old) + label{
 
  padding-left : 35px;
  background-image: var(--icons-image-sprite);
  background-repeat: no-repeat;
  background-position:-3px -95px;
  background-size:70px 250px;
  padding-bottom: 3px;
  
}

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


/* make voucher textfield smaller */
input.voucher {
	max-width: 304px;
	}

		fieldset.agb-check {
			margin-top: 10px;
			}
			
			
			#events table {
				margin-left:auto;
				margin-right:auto;
				
			}
			#events table th,
			#events table td	{
				text-align:left;
				
			}
			
			#events table th,
			#events table td {
				padding-top: 10px;
				padding-bottom:5px;
				vertical-align: top;

			}
			
			#events table tr.row_last th,
			#events table tr.row_last td {
				border-bottom:none;
				
			}
		
		/* 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;
				
			}
			
			#tl_registration .formbody {
				margin-top:20px;
			}
			
			/* basic messagebox */
		#main .messagebox {
		margin:2em 0;
		display:block;
		background-image: url("data:image/svg+xml,%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='m256,0C114.84,0,0,114.84,0,256s114.84,256,256,256,256-114.84,256-256S397.16,0,256,0Zm42.67,416c0,5.9-4.77,10.67-10.67,10.67h-64c-5.9,0-10.67-4.77-10.67-10.67v-160h-10.67c-5.9,0-10.67-4.77-10.67-10.67v-42.67c0-5.9,4.77-10.67,10.67-10.67h85.34c5.9,0,10.67,4.77,10.67,10.67v213.34Zm-42.67-245.33c-23.53,0-42.67-19.13-42.67-42.67s19.14-42.67,42.67-42.67,42.67,19.14,42.67,42.67-19.14,42.67-42.67,42.67Z' fill='%23fff' stroke-width='0'/%3E%3C/svg%3E");
		background-size: 20px;
		background-repeat: no-repeat;
		background-position: 8px center;
		border-radius: 4px;	
		
		}
		
		#main .messagebox .text {
			padding: 12px 20px;
			margin-left: 34px;	
			color: #333;
			border-top-right-radius: 4px;
			border-bottom-right-radius: 4px;
		}
		/* confirm addons */
		#main .messagebox.confirm {
			background-color:#3cc261;
			
		}
		
		#main .messagebox.confirm .text {
			
			background: white;
			border:1px solid #3cc261;
			
		}
		
		/* notice addons */
			#main .messagebox.notice {
			background-color:#00aff2;
			
		}
		
			#main .messagebox.notice .text {
			
			background: white;
			border:1px solid #00aff2;
		}
		
		/* error addons */
			#main .messagebox.error {
		
			background-color:#f87171;
		
			
		}
		
			#main .messagebox.error .text {
			
			background: white;
			border:1px solid #f87171;
			
		}
		
		
				/* eventbooking men woman availability sprites */
				
						
					.icons-auslastung {
					background-image:url(../../files/img/icons-termine-auslastung.png);
					background-repeat:no-repeat;
					background-size:146px 81px;	
					height:38px;
					width:66px;
					float:left;
					
						}
						
						.men2-error {
							background-position:0px -44px;
						}
						.men2-confirm {
							background-position:0px 0px;

						}
						.woman2-error {
							background-position:-77px 0px;
						}
						.woman2-confirm {
							background-position:-77px -44px;
						}
						.box-auslastung {
							float:left;
							width:50px;
						}
						
							.icons-auslastung2 {
					background-image: var(--icons-gender-selection-bg);
background-repeat: no-repeat;
background-size: 79px 180px;	
height:36px;
width:36px;
margin-left: auto;
margin-right: auto;
							}
							
	.icon-woman2 {
						background-position:-36px -95px;
						}
						
					.icon-men2 {
						background-position:-36px -3px;
						}




.progress {
  background: rgba(0,0,0,0.075);
  justify-content: flex-start;
  align-items: center;
  position: relative;
  display: flex;
  
  width: 40px;
  margin-left: auto;
margin-right: auto;
}

.progress-value {
 background: #75b800;
  height: 7px;
  width: 0;
}
.value-7 {
  animation: load7 4s normal forwards;
 
 
}
.value-3 {
  animation: load3 3s normal forwards;
 

}
.value-10 {
  animation: load10 1s normal forwards;
 

}


@keyframes load7 {
  0% { width: 0; }
  100% { width: 70%; }
}

@keyframes load3 {
  0% { width: 0; }
  100% { width: 30%; }
}
@keyframes load10 {
  0% { width: 0; }
  100% { width: 100%; }
}

.legende {
	text-align:right;
}

.legende div {
vertical-align: middle; 
display: inline-block; 
width: 20px;
height:7px;

}
.legende div.green {
background: #75b800;	
	
}
.legende div.red {
background: #C6383A;	
	margin-left: 10px
}
.legende p {

	display: inline-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;
						}
				

						a.pure-button:hover,
						a.pure-button:active {
							text-decoration:none;
						}
				
/* bank account table */
.bank-account-table {
	width:100%;	
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 29px;
}

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

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

footer {
background:#333333;
color:white;
padding: 40px 0;
}

footer h4 {
color: white;
font-weight: 600;
font-size: 1em;
margin-bottom: 10px;
}

header .inner,
header .mod_navigation,
footer .inside,
header .mod_navigation {
    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;
font-weight: 600;
background-color: white;
border-radius: 4px;
border: 1px solid #ccc;
	}
	
.pure-button-active, .pure-button:active {
box-shadow: none;
}

/* pure call to action elements */	
.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected {
	background-color:#c929a5;
	border: 1px solid #c929a5;
	}
	
	.button-spacing-r {
		margin-right:5px;
	}

.button-compact-list {
margin-right: 10px;
margin-bottom: 10px;
border-radius: 7px;
padding-bottom: 5px;
padding-top: 3px;
font-weight:400;
padding-right:10px;
padding-left:10px;	
}

.valign-outer {
height:100%;
}

.valign-inner {
width:100%;
height:100%;	
}

.valign-inner td {
vertical-align:middle;
}

.impression-box {
	margin-bottom:80px;
}

.icon-love {
background-position: center -6px;
background-size: 80px 80px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath d='M27.92,20.1a9.2,9.2,0,0,0,3-2.49,2.13,2.13,0,0,0,.39-1.3,1.81,1.81,0,0,0-1.77-1.72c-.92,0-1.51,1-1.65,1s-.69-1-1.65-1a1.8,1.8,0,0,0-1.77,1.72,2.13,2.13,0,0,0,.39,1.3A9.54,9.54,0,0,0,27.92,20.1Z' fill='%23757575'/%3E%3Cpath d='M36.38,22.33A2.71,2.71,0,0,0,36.87,24c.61.92,3.27,3.14,3.83,3.14s3.21-2.21,3.82-3.14A2.65,2.65,0,0,0,45,22.33a2.29,2.29,0,0,0-2.23-2.17c-1.17,0-1.91,1.31-2.08,1.31s-.87-1.31-2.09-1.31A2.29,2.29,0,0,0,36.38,22.33Z' fill='%23757575'/%3E%3Cpath d='M37,12.62a7.65,7.65,0,0,0,2.44-2,1.6,1.6,0,0,0,.31-1,1.45,1.45,0,0,0-1.42-1.39c-.75,0-1.22.83-1.34.83s-.55-.83-1.33-.83a1.46,1.46,0,0,0-1.43,1.39,1.72,1.72,0,0,0,.31,1A7.7,7.7,0,0,0,37,12.62Z' fill='%23757575'/%3E%3Cpath d='M53.93,35.45a7.24,7.24,0,0,0-8.41-5.2c-3.64.81-5,5.38-5.58,5.5s-3.6-3.45-7.39-2.61a7.23,7.23,0,0,0-5.41,8.28,8.32,8.32,0,0,0,2.64,4.77c2.54,2.45,12.35,7.51,14.08,7.13s8.44-9.11,9.7-12.43A8.31,8.31,0,0,0,53.93,35.45Z' fill='%23757575'/%3E%3Cpath d='M28.08,48a10.79,10.79,0,0,1-3.36-6.13,9.87,9.87,0,0,1,1.44-7A9.4,9.4,0,0,1,32,30.75a7.68,7.68,0,0,1,1.72-.19,9.7,9.7,0,0,1,5.33,1.73c.1.06.17,0,.15,0a9.63,9.63,0,0,0-6.47-5.32c-5.09-1.13-9.26,3.64-9.9,3.5s-2.61-6.29-7.48-7.37A9.68,9.68,0,0,0,4.09,30a11.05,11.05,0,0,0,.49,7.29c1.69,4.45,10.61,16.13,13,16.66,1.47.32,6.82-2,11.7-4.77.11-.08.1-.18,0-.23A11,11,0,0,1,28.08,48Z' fill='%23757575'/%3E%3C/svg%3E");
background-repeat: no-repeat;
padding-top: 77px;	
}

.icon-green-eventbw {
background-image: url("../../files/img/icon-green-eventbw.svg");
background-position: center 0;
background-size: 60px 60px;
background-repeat: no-repeat;
padding-top: 72px;	
}

.speed-dating::before {
  background-image: var(--jumbo-greenevent-bw);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  height: 90px;
  width: 90px;
  content: '';
  right: -29px;
  top: -2px;
}

	 .button-xlarge {
            font-size: 140%;
        }
		
		 .button-small {
            font-size: 60%;
        }
		
.arrow_box { position: relative; background: #f5f4f4; border-bottom: 1px solid #c1c0bf; height:20px; } .arrow_box:after, .arrow_box:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box:after { border-color: rgba(245, 244, 244, 0); border-top-color: #f5f4f4; border-width: 12px; margin-left: -12px; } .arrow_box:before { border-color: rgba(193, 192, 191, 0); border-top-color: #c1c0bf; border-width: 13px; margin-left: -13px; }

.bg-container {
	background-color:var(--container-bg);
	}
	
	.bg-lightgrey {
		background:#f5f5f5;
	}
	
	/* location ubersicht boxes */
	body.id-3 figure a {
		display:flex;
	}

	
.box-white {
border-bottom:var(--box-white-border-bottom);		
margin-bottom: 20px;
background: var(--box-white-bg);
padding: 2rem 1.5rem;
}

.box-color {
margin-bottom: 20px;
padding: 2rem 1.5rem;
background-image: linear-gradient(120deg, #efd193 0%, #f9ac87 100%);
color:black;
}

.box-color .h2 {
	color:black;
}
	
	@media screen and (min-width: 64em){
		
		p.readmore {
			float: right;
			margin-top: 0;
		}
	}

/* footer nav */

.mod_customnav ul li {
	width:100%;
	}
	.mod_customnav .level_1 a, 
	.mod_customnav .level_1 span {
		
		text-decoration:none;
		color:#a6a5a5;
		display:block;
		
		}
		
		.mod_customnav .level_1 a:hover, 
	.mod_customnav .level_1 a:focus {
		color:white;
		text-decoration:none;
		
		}
		
		.small {
			font-size:88%;
			}
			footer .small {
				color:#a6a5a5;
				}
				footer .small a {
					color:#a6a5a5;
					}
					footer .small a:hover,
					footer .small a:focus
					 {
					color:white;
					text-decoration:none;
					}
					
					footer nav.zahlungsmethoden {
						background-image: url("../../files/img/footer-payment-icons.svg");
						background-repeat: no-repeat;
						background-position: 2px 59px;
						height: 110px;
						}
						
						/* form erstattung teilnahmegebuhr */
						#article-37 .widget-captcha {
							
							margin-top:30px;
						}
						#article-37 .logo-payment {
							
							margin-top: 15px;
						}
						
						fieldset.formfields-bank-account {
							border:0;
							display:none;
						}

@media screen and (max-width:900px) {
.booking-advantages .inner {
width:280px;
}

.event-details h1 {
	font-size: 1.6em;
}

.box-ablauf {
	padding:40px;
	padding-right:60px;

	}
	
	.box-ablauf-text {
	padding:40px;
	padding-left:60px;

	}

.box-ablauf-intro {
	padding:40px 140px;
	
}

.cta-notice-box {
padding: 40px 90px;
text-align: center;
}

}

@media screen and (max-width:1024px) {
	
.box-ablauf {
	padding:10px 20px;


	}
	
	.box-ablauf-text {
	padding:10px 20px;
	

	}

.box-ablauf-intro {
	padding:40px 80px;
	
}



#table_365 tbody tr.even,
#table_365 tbody tr.odd {
	
border:none;
	background:var(--container-bg);
	border-bottom:var(--box-white-border-bottom);
}

#table_365 thead {
		display:none;
	}

#table_365 tr {
		float: none;
		max-width: 350px;
		margin-bottom:35px;
		padding:20px;
		border-radius: 15px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
	}

#table_365 td {
		float: left;
		width: 100% !important;
		text-align:center;
		padding:3px 10px;
		
}
#table_365 td.col_1 {
	font-size: 129%;
	font-weight: 600;
}


	#table_365 td.col_0::before {
	/*	content:'Datum: '; */
}
	#table_365 td.col_1::before {
		/* content:'Stadt: '; */
}
	#table_365 td.col_2::before {
	/*	content:'Altersgruppe: '; */
}
	#table_365 td.col_3::before {
	/*	content:'Teilnahmegebühr: '; */
}

	#table_365 td.col_4 {
		margin-top:10px;
		padding-left:10px;
	}
	
	#table_365 .col_5 {
    
    text-align:center;
    
}

.box-auslastung {
	float:none;
	display:inline-block;
}

.legende {
    text-align: center;
}

}


@media only screen and (min-width: 860px) {
div.menubutton {
	display:none;
	}
}
		
		
	@media only screen and (max-width: 859px) {
	
	#header .nav-outer {
	height:auto;
	background:none;
	}
	
	div.menubutton {
		position:absolute;
		right:0.75rem;
		top:1.8rem;
		display:block;
		z-index:10;
		}
		
		.color-mode-switch {
			
		margin-right: 80px;
			
		}
		
		.color-mode__btn {
		text-indent: -99999px;
		padding-left:0;
		width:38px;
			
		}
	/* links im menubutton */
	div.menubutton a {
		display:block;
		padding:0.5rem;
		background-color:#484848;
		border-radius:0.25rem;
		text-decoration:none;
		color:#f5f4f4;
		}
	/* 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:var(--bg-nav);
				border-radius:0.5rem;
				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;
					}
					
		#menu:target .mod_navigation .level_1 li.first {
					border-top:1px solid #d5d4d4;
					}
					
					
					
					.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.8rem 0.7rem;
		text-align:left;
		text-decoration:none;
		color:var(--body-font);
		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;
						}
						
#logo a {
   height: 58px;
}

							
div#container {
 /* padding-top:0; */
}

/* picture styles mobile device*/


#article-43 .pic-row p {
	background: white;
padding:20px;
display: inline-block;
box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
}
#article-43 .pic-row {
text-align:center;
	
}


.box-ablauf {
  padding-top: 0;
}


#footer {
 
  text-align: center;
}

footer nav.zahlungsmethoden {
  
  background-position: center 59px;
 
}

body.detail .bg-container {
	padding:10px 0;
}

body.bookingbox .bg-container {
	
	padding-left:0;
}

	}
	@media only screen and (max-width: 767px) {
	.booking-advantages {
  
    background: var(--body-bg);
    padding-bottom: 25px;
}	

.booking-advantages .inner {
	width:355px;
}

fieldset.event-details {
	border-right:none;
}
	}

	@media only screen and (max-width: 590px) {	
		
			body.home #container {
			background-position:-830px top;
			
		}
		
	p.speed-dating {
  
    font-size: 6.5rem;
   margin-left:0;
    
    
}

#home-intro-teaser {
    
    max-width: 100%;
}

#home-intro-teaser .inner {
  
    max-width: 334px
}

.dating {
margin-left: 64px;
}

.speed-dating::before {
  height: 72px;
  width: 72px;
  right: 50px;

}

#home-intro-teaser p.headline {
	margin-left:0;
	margin-top:20px;
}


h1, .h1 {
  line-height: 1.25;
  font-size: 1.6em;
}

.slider-content h3 {
 
  font-size: 1.25em;
  line-height: 1.5em;
}

.jumbo-text p,
.home-welcome-text p,
#ravensburg .ce_text h1 + p, 
#konstanz .ce_text h1 + p, 
#friedrichshafen .ce_text h1 + p, 
#singen .ce_text h1 + p, 
#radolfzell .ce_text h1 + p {
  font-size: 1em;
}

.box-ablauf-intro {
  padding: 40px 25px;
}


}


/*Print __________________________________________________________________________________________________________ */
@media print {
* {
	background:#fff !important;
	color:#000 !important;
	text-shadow:none !important;
	box-shadow:none !important;
}

  html {
    font-family: "times new roman",times,serif;
    font-size: 12pt;
    line-height: 1.3;
  }

/* urls sichtbar machen */
a[href]:after {
	content:" ("attr(href)")";
	font-style:italic;
}
/* img alt sichtbar machen */
  img[alt]:after {
	content:" ("attr(alt)")";
}

tr, img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
	height: auto;
    page-break-inside: avoid;
}
 @page {
margin: 2cm 0.5cm;
size: A4;
}

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  
  h2,
  h3 {
    page-break-after: avoid;
  }
}