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-v22-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




body {
padding:0;
background-color:#F3F3F2;

font-size:0.938em;
color:#404040;
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-weight:500; */
	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:#c929a5;
	}

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 {
background-image: url("../../files/img/bg-home-comp.jpg");
background-repeat: no-repeat;
background-position:center top;
padding-top:0;
}

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: linear-gradient( 92.7deg,  rgba(245,212,212,1) 8.5%, rgba(252,251,224,1) 90.2% );
	
}
body.icons-ambiente-bg #container {
  background: url("../../files/img/icons-ambience-bg2.svg");
 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:white;
}
#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:url("../../files/img/logo.svg");
background-repeat:no-repeat;
background-position:11px 26px; 
width: 240px;
height: 75px;
float:left;
text-indent: -9999px;
}


/** 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:#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;
}


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

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: white;
font-weight: 400;
font-size: 24px;
line-height: 133%;
margin-left: 60px;
margin-top: 10px;
text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
}

#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-teaserbox {
	    background-image: url("../../files/img/startseite-teaser-icons-sprites.png");
    background-repeat: no-repeat;
    background-size: 51px 650px;
	height:96px;
 }
 
	 
.icon-termine {
    background-position: center 19px;
}

.icon-veranstaltungsorte {
    background-position: center -92px;
}

.icon-faq {
    background-position: center -205px;
}

.icon-kontaktgarantie {
    background-position: center -312px;
}

.icon-datenschutz {
    background-position: center -416px;
}

.icon-service {
    background-position: center -522px;
}

.home-teaserbox2 {
margin:20px 0px;

background-position: 13px top;
padding-top: 55px;
background-repeat:no-repeat;
background-size: 46px;
 }
 


.icon-foto {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='95' viewBox='0 0 96 95'%3E%3Crect x='1' y='1' width='93' height='93' rx='10' fill='%23323232'/%3E%3Cpath d='M75,30.1a6.7,6.7,0,0,0-4.7-2H60.8a5.1,5.1,0,0,0-1.6-3.7,5.2,5.2,0,0,0-3.7-1.5H38.4A5.3,5.3,0,0,0,33.1,28H23.7a6.6,6.6,0,0,0-4.7,2,7,7,0,0,0-2,4.8V63.3A6.2,6.2,0,0,0,19,68a6.7,6.7,0,0,0,4.7,2H70.3A6.3,6.3,0,0,0,75,68a6.7,6.7,0,0,0,2-4.7V34.9A6.8,6.8,0,0,0,75,30.1ZM74,63.3h0A3.8,3.8,0,0,1,70.3,67H23.7A3.8,3.8,0,0,1,20,63.3V34.9a3.5,3.5,0,0,1,1.1-2.6,3.6,3.6,0,0,1,2.6-1.1h11a1.6,1.6,0,0,0,1.6-1.6V28a2.1,2.1,0,0,1,2.2-2.2h17a2.1,2.1,0,0,1,1.6.6,2.4,2.4,0,0,1,.7,1.6v1.6a1.5,1.5,0,0,0,1.5,1.6h11A3.8,3.8,0,0,1,74,34.9Z' fill='%23f3f3f1'/%3E%3Cpath d='M47,35.1a14,14,0,0,0-14,14A14,14,0,0,0,37.1,59,13.6,13.6,0,0,0,47,63.1,14,14,0,0,0,56.9,59,13.7,13.7,0,0,0,61,49.1a14,14,0,0,0-4.1-9.9A13.6,13.6,0,0,0,47,35.1Zm7.7,21.8A11.2,11.2,0,0,1,47,60.1a11.5,11.5,0,0,1-7.8-3.2A10.9,10.9,0,0,1,36,49.1a11.2,11.2,0,0,1,3.2-7.7A11,11,0,0,1,47,38.2,10.9,10.9,0,0,1,57.9,49.1,10.5,10.5,0,0,1,54.7,56.9Z' fill='%23f3f3f1'/%3E%3Ccircle cx='67.3' cy='37.8' r='2.8' fill='%23f3f3f1'/%3E%3C/svg%3E");
}

.icon-veranstaltungsorte2 {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='97' height='97' viewBox='0 0 97 97'%3E%3Crect x='2' y='2' width='93' height='93' rx='10' fill='%23323232'/%3E%3Cpath d='M49,43.9a8,8,0,0,1-8-8,8,8,0,0,1,16,0A8,8,0,0,1,49,43.9Zm0-13.3a5.2,5.2,0,0,0-5.2,5.3A5.2,5.2,0,0,0,49,41.1a5.2,5.2,0,0,0,5.3-5.2A5.3,5.3,0,0,0,49,30.6Z' fill='%23f3f3f1'/%3E%3Cpath d='M49,43.6a7.7,7.7,0,1,0-7.7-7.7A7.8,7.8,0,0,0,49,43.6Zm0-13.2a5.5,5.5,0,1,1-5.5,5.5A5.5,5.5,0,0,1,49,30.4Z' fill='%23f3f3f1'/%3E%3Cpath d='M31.7,51c-6.4-8.5-5.4-22.5,2-30a21.5,21.5,0,0,1,30.2,0c7.5,7.5,8.4,21.5,2,30L48.8,75.7ZM48.8,17.5a18.5,18.5,0,0,0-13.2,5.4c-6.6,6.6-7.4,19-1.7,26.5L48.8,70.9,63.7,49.4c5.7-7.5,4.9-19.9-1.7-26.5A18.5,18.5,0,0,0,48.8,17.5Z' fill='%23f3f3f1'/%3E%3Cpath d='M48.8,75.2,65.7,50.9c6.3-8.5,5.4-22.3-2-29.7a21,21,0,0,0-29.8,0c-7.4,7.4-8.3,21.2-2,29.6ZM35.4,22.7a19.1,19.1,0,0,1,26.8,0c6.6,6.7,7.4,19.2,1.7,26.9L48.8,71.4,33.7,49.5C28,41.9,28.8,29.4,35.4,22.7Z' fill='%23f3f3f1'/%3E%3Cpath d='M49,81.3c-21.8,0-33.2-4.9-33.2-9.7s8.1-8.2,19.8-9.5h.2a1.3,1.3,0,0,1,1.3,1.2,1.1,1.1,0,0,1-.2,1,1.4,1.4,0,0,1-.9.5c-11.3,1.4-17.5,5-17.5,6.9S30.4,78.5,49,78.5s30.5-4,30.5-6.9S73.3,66.1,62,64.7a1.4,1.4,0,0,1-.9-.5,1.1,1.1,0,0,1-.2-1A1.3,1.3,0,0,1,62.2,62h.2c11.7,1.3,19.9,5.3,19.9,9.5S70.8,81.3,49,81.3Z' fill='%23f3f3f1'/%3E%3Cpath d='M62.3,62.3a1.1,1.1,0,0,0-.2,2.2c11.5,1.4,17.7,5,17.7,7.2S68.1,78.8,49,78.8s-30.8-4.2-30.8-7.1,6.2-5.8,17.7-7.2a1.1,1.1,0,1,0-.2-2.2C24.1,63.7,16,67.5,16,71.7S27.3,81,49,81s33-4.7,33-9.3S73.9,63.7,62.3,62.3Z' fill='%23f3f3f1'/%3E%3C/svg%3E");  
}

.icon-faq2 {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='95' height='96' viewBox='0 0 95 96'%3E%3Crect x='1' y='2' width='93' height='93' rx='10' fill='%23323232'/%3E%3Cpath d='M47.8,81.8A27.9,27.9,0,0,1,27.5,34.7l.9-.9-4.2-4.2,2.4-2.3,4.3,4.3.9-.6A27.6,27.6,0,0,1,45,26.1l1.2-.2V17.6H40.3V14.3h15v3.3H49.5v8.3l1.1.2A27.6,27.6,0,0,1,63.9,31l.9.6,4.3-4.3,2.4,2.3-4.2,4.2.8.9a27.8,27.8,0,0,1,0,38.3A27.4,27.4,0,0,1,47.8,81.8Zm0-52.5A24.6,24.6,0,1,0,72.4,53.8,24.6,24.6,0,0,0,47.8,29.3Z' fill='%23f3f3f1'/%3E%3Cpath d='M47.8,81A27.2,27.2,0,0,1,28.1,35.2l1.3-1.4-4.1-4.2,1.3-1.3,4.2,4.3,1.4-1a27.4,27.4,0,0,1,12.9-4.8l1.8-.2V16.8H41.1V15H54.6v1.8H48.8v9.8l1.8.2a27.4,27.4,0,0,1,12.9,4.8l1.3,1,4.3-4.3,1.3,1.3-4.2,4.2,1.4,1.4A27.2,27.2,0,0,1,47.8,81Zm0-52.5A25.4,25.4,0,1,0,73.2,53.8,25.4,25.4,0,0,0,47.8,28.5Z' fill='%23f3f3f1'/%3E%3Cpath d='M48.6,68.5a1.6,1.6,0,0,1-1.1-.5L36.9,56.8a8.7,8.7,0,0,1,0-12l.4-.4a7.4,7.4,0,0,1,5.3-2.1,8.2,8.2,0,0,1,5.9,2.5h.2a8,8,0,0,1,11.6,0,8.9,8.9,0,0,1,0,12L49.6,68a1.2,1.2,0,0,1-1,.5ZM42.7,45.2A5.1,5.1,0,0,0,39,46.8a5.9,5.9,0,0,0,0,8l9.6,10.1,9.5-10.1a5.9,5.9,0,0,0,0-8c-.1-.1-.1-.2-.2-.2a5.1,5.1,0,0,0-3.4-1.4,5.2,5.2,0,0,0-3.7,1.6l-1.2,1.3a1.3,1.3,0,0,1-1,.4,1.5,1.5,0,0,1-1.1-.4l-1.2-1.3-.3-.2A4.7,4.7,0,0,0,42.7,45.2Z' fill='%23f3f3f1'/%3E%3Cpath d='M59.9,45.2a7.4,7.4,0,0,0-10.9,0l-.4.5-.5-.5a7.4,7.4,0,0,0-10.5-.4c-.1.1-.3.2-.4.4a8.4,8.4,0,0,0,0,11.3L47.9,67.7a.9.9,0,0,0,1.3,0h.1L59.9,56.5A8.2,8.2,0,0,0,59.9,45.2Zm-1.4,9.9h0L48.6,65.6l-10-10.5a6.4,6.4,0,0,1,0-8.6,5.5,5.5,0,0,1,7.8-.3l.3.3,1.2,1.2a1,1,0,0,0,1.4,0l1.1-1.2a5.5,5.5,0,0,1,7.8-.3l.3.3A6.2,6.2,0,0,1,58.5,55.1Z' fill='%23f3f3f1'/%3E%3C/svg%3E");
}

.icon-kontaktgarantie2 {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='95' height='95' viewBox='0 0 95 95'%3E%3Crect x='1' y='1' width='93' height='93' rx='10' fill='%23323232'/%3E%3Cpath d='M24.2,45.2c.5,1.8-.7,4.6.6,6.8s4.4,2.6,5.6,3.9a17.5,17.5,0,0,1,2,3.5L26.1,77.7a2.4,2.4,0,0,0,.9,2.6,2.3,2.3,0,0,0,2.7.1l3.9-2.7L35,82.3A2.6,2.6,0,0,0,37.2,84a2.4,2.4,0,0,0,2.3-1.6l6.1-17.7a4,4,0,0,0,3.4,0l6,17.7A2.5,2.5,0,0,0,57.3,84a2.2,2.2,0,0,0,2.2-1.7l1.4-4.6,4,2.7a2.3,2.3,0,0,0,2.7,0,2.4,2.4,0,0,0,.8-2.6L62.2,59.5a18.2,18.2,0,0,1,2-3.6c1.3-1.3,4.4-1.6,5.6-3.9s.1-5,.6-6.8,2.9-3.6,2.9-6.2-2.5-4.5-2.9-6.1.7-4.7-.6-6.9-4.4-2.6-5.6-3.8-1.6-4.5-3.9-5.7-5.1,0-6.8-.5-3.6-3-6.2-3-4.5,2.5-6.2,3-4.6-.8-6.8.5-2.6,4.4-3.9,5.6S26,23.8,24.8,26s0,5.1-.5,6.9-3,3.5-3,6.1,2.5,4.5,2.9,6.2ZM37.3,81.6,35.9,77a2.4,2.4,0,0,0-3.6-1.2l-3.9,2.8c6.3-18.5,5.8-17.1,5.9-17.1,2.2,1.3,5.1,0,6.8.5a9.7,9.7,0,0,1,2.4,1.5Zm25-5.9a2.8,2.8,0,0,0-2.2-.3A2.5,2.5,0,0,0,58.7,77l-1.4,4.6L51,63.5a10,10,0,0,1,2.4-1.4c1.9-.5,4.6.8,6.9-.5.1-.1-.5-1.5,5.9,17ZM25,36.3c1.7-2.4,1.9-3.1,1.6-6.2s-.1-3.3,2.7-4.5,3.3-1.9,4.5-4.6,1.7-2.9,4.6-2.7,3.8,0,6.2-1.6,2.9-1.8,5.4,0,3.2,1.9,6.2,1.6,3.3-.1,4.6,2.7,1.8,3.3,4.5,4.6,3,1.5,2.7,4.5,0,3.8,1.6,6.2,1.8,2.9,0,5.4-1.9,3.2-1.6,6.2.1,3.3-2.7,4.6-3.3,1.8-4.5,4.6-1.6,2.9-4.6,2.6-3.8,0-6.2,1.6-2.9,1.8-5.4,0a6.6,6.6,0,0,0-4.5-1.7c-1.7,0-3.6.5-4.6-.1s-1.8-3.6-3.4-5.3-4.5-2-5.3-3.3.3-4.1-.3-6.3-2.9-4-2.9-5.6A5.9,5.9,0,0,1,25,36.3Z' fill='%23f3f3f1'/%3E%3Cpath d='M47.3,56.8A17.8,17.8,0,1,0,29.5,39,17.8,17.8,0,0,0,47.3,56.8Zm0-33.2A15.4,15.4,0,1,1,31.9,39a15.1,15.1,0,0,1,4.5-10.8A15.5,15.5,0,0,1,47.3,23.6Z' fill='%23f3f3f1'/%3E%3C/svg%3E");  
}

.icon-datenschutz2 {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='95' height='95' viewBox='0 0 95 95'%3E%3Crect x='1' y='1' width='93' height='93' rx='10' fill='%23323232'/%3E%3Cpath d='M47.2,82.5h-.9l-.6-.2a43.8,43.8,0,0,1-16.6-9.8,34,34,0,0,1-8.4-13.1c-3.5-9.4-3.3-19.7-3.1-28h0V29a7.2,7.2,0,0,1,6.7-6.9c8.2-.4,14.7-3.1,20.1-8.5a4.1,4.1,0,0,1,5.6,0c5.5,5.4,11.9,8.1,20.2,8.5A7,7,0,0,1,76.8,29c0,.8.1,1.5.1,2.2.1,8.4.3,18.7-3.1,28a34.5,34.5,0,0,1-8.5,13.2,42.6,42.6,0,0,1-16.5,9.8l-.7.2Zm0-66.8c-.2,0-.4,0-.5.2a33.8,33.8,0,0,1-10,6.7,36.4,36.4,0,0,1-12.3,2.7,3.8,3.8,0,0,0-3.6,3.8,15.5,15.5,0,0,1-.1,2.2c-.1,8.5-.3,18.1,2.9,26.9S34.9,75.1,46.8,79.3h.9c11.9-4.2,19.4-11.1,23.1-21.2s3.1-18.3,2.9-26.7V29.1A4,4,0,0,0,70,25.3a36.3,36.3,0,0,1-12.2-2.7,32.5,32.5,0,0,1-10-6.7A.7.7,0,0,0,47.2,15.7Z' fill='%23f3f3f1'/%3E%3Cpath d='M47.2,64.7A17.2,17.2,0,1,1,64.4,47.5,17.3,17.3,0,0,1,47.2,64.7Zm0-31.2a14,14,0,1,0,14.1,14A14,14,0,0,0,47.2,33.5Z' fill='%23f3f3f1'/%3E%3Cpath d='M55.6,42.8a1.2,1.2,0,0,0-1.8-.1l-8.4,8-4-4.1a1.2,1.2,0,0,0-1.8-.1,1.3,1.3,0,0,0-.1,1.9l4.9,5a1.3,1.3,0,0,0,1,.4,1.6,1.6,0,0,0,.9-.3l9.3-8.9A1.3,1.3,0,0,0,55.6,42.8Z' fill='%23f3f3f1'/%3E%3C/svg%3E");
}

.icon-service2 {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='95' height='95' viewBox='0 0 95 95'%3E%3Crect x='1' y='1' width='93' height='93' rx='10' fill='%23323232'/%3E%3Cpath d='M70.5,70.8,48,49.9' fill='%23fff'/%3E%3Cpath d='M76.2,26.5h0C74.9,25.3,73.8,24,72,24H23c-1.8,0-2.9,1.3-4.2,2.5h0A6.3,6.3,0,0,0,17,31V66.8a6.3,6.3,0,0,0,2,4.7h0c1.2,1.1,2.3,2.5,4,2.5H72c1.7,0,2.8-1.4,4-2.5h0a6.3,6.3,0,0,0,2-4.7V31a6.3,6.3,0,0,0-1.8-4.5ZM55.2,54A10,10,0,0,0,57,52.1a7.2,7.2,0,0,0,1.3-4.4,10.5,10.5,0,0,0-.6-2.4L75,29V69ZM20,69V32a27.3,27.3,0,0,1,0-3L37.3,45.3a9.4,9.4,0,0,0-.6,2.4A7.2,7.2,0,0,0,38,52.1,10,10,0,0,0,39.8,54ZM40,50.8a4.4,4.4,0,0,1-.9-3,3.9,3.9,0,0,1,3.8-3.7c2,0,3.6,2.4,3.6,2.4a1.2,1.2,0,0,0,1,.5,1.1,1.1,0,0,0,1-.5c.4-.6,2-2.4,3.6-2.4a3.9,3.9,0,0,1,3.8,3.7,4.4,4.4,0,0,1-.9,3c-.8,1.2-4.8,4.2-7.5,6-2.7-1.9-6.7-4.8-7.5-6ZM23.4,27H71.6a4.3,4.3,0,0,1,1.9.4l-17.2,16a6.3,6.3,0,0,0-4.2-1.6A6.9,6.9,0,0,0,47.5,44a6.7,6.7,0,0,0-4.6-2.2,6.3,6.3,0,0,0-4.2,1.6l-17.2-16a4.3,4.3,0,0,1,1.9-.4ZM72,71H23c-.6,0-.6-.2-1.1-.4l19.8-15c2.3,1.7,4.7,3.3,5.2,3.6l.6.2.7-.2,5.1-3.6,19.8,15' fill='%23f3f3f1'/%3E%3C/svg%3E");
}

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


.icon-step {
background-image: url("../../files/img/so-funktionierts-icons-sprites-contao.png");
background-repeat: no-repeat;
background-size: 70px 1080px;
height:110px;
}

	.step-1 {
	background-position:center 20px;
	}
	
	.step-2 {
	background-position:center -85px;
	}
	
	.step-3 {
	background-position:center -314px;
	}
	
	.step-4 {
	background-position:center -200px;
	}
	
	.step-5 {
	background-position:center -468px;
	}
	
	.step-6 {
	background-position:center -565px;
	}
	
	.step-7 {
	background-position:center -699px;
	}
	
	.step-8 {
	background-position:center -824px;
	}
	
	.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: 1px solid #ddd;
}

#table_365 tbody tr.even {
	background:rgba(255,255,255,.7);
}
#table_365 tbody tr.odd {
	background:#fff;
}

#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:white;
color:black;
}
	

body.detail .bg-container {
padding: 2.5em 5em;
border-bottom: 1px solid #ddd;
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:rgba(255,255,255,1);
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;
	color: #333333;
	}

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: white;
font-size: 8.5rem;
font-family: 'cookie';
line-height: 77%;
text-shadow:2px 2px 3px rgba(0,0,0,0.6);
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: url("../../files/img/check-color2.svg") no-repeat;
background-size: 27px 22px;
padding-left: 36px;
}

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


fieldset.signup-form {
	border: none;
	
}

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


/* 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: 1px solid #333333;
	}
	
	
	
	
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;
	
	
	}
.checkbox_container label,
.radio_container label {
		display:inline !important;
		}
		
.payment-options span {
			display:block;
		}

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

/* 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: 1px solid #ddd;
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   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
  cursor:pointer;
}

fieldset.payment-options input[type=radio]:not(old) + label,
fieldset.age input[type=radio]:not(old) + label  {
  display      : inline-block;
  margin-left  : -35px;
  padding-left : 32px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url("../../files/img/icons-image-sprite.png") no-repeat -5px -153px;
  background-size:70px 250px;
  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: 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;
}



/* gender selection */

input[type=checkbox]:not(old) + label{
  display      : inline-block;
  margin-left  : -29px;
  padding-left : 35px;
  background: url("../../files/img/icons-image-sprite.png") no-repeat -3px -95px;
  background-size:70px 250px;
  padding-top: 3px;
  padding-bottom: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;
			}
			
			
			#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;
				
			}
			
			/* basic messagebox */
		#main .messagebox {
		margin:2em 0;
		display:block;
		background-image: url(../../files/img/icon-information-white.svg);
		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: url("../../files/img/icons-gender-selection-bg.png");
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("../../files/img/hearts2.svg");
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: url("../../files/img/icon-green-eventbw-neg.svg");
  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:white;
	}
	
	.bg-lightgrey {
		background:#f5f5f5;
	}
	
	/* location ubersicht boxes */
	body.id-3 figure a {
		display:flex;
	}

	
.box-white {
border-bottom: 1px solid #ddd;		
margin-bottom: 20px;
background: white;
padding: 2rem 1.5rem;
}
	
	@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:#9a9a9a;
		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:#9a9a9a;
				}
				footer .small a {
					color:#9a9a9a;
					}
					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:white;
	border-bottom: 1px solid #ddd;
}

#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;
		}
	/* 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:#fff;
				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:#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;
						}
						
#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: #f4f4f4;
    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:none!important;
	color:black!important;
	text-shadow:none!important;
	filter:none!important;
	-ms-filter:none!important;
}
/* urls sichtbar machen */
a[href]:after {
	content:" ("attr(href)")";
	font-style:italic;
}
/* img alt sichtbar machen */
  img[alt]:after {
	content:" ("attr(alt)")";
}
header, footer, #header-konstanz, #header-radolfzell, #header-singen {
	display:none;
}
tr, img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
 @page {
margin: 0.5cm;
}
}