@charset "utf-8";

/* CSS Document */
html {overflow-y:scroll !important;}
html, body {
	height: 100% !important;
	width:100% !important;
	min-height:100%;
	margin:0;
	padding:0;
	background:#f4f4f4;
	background-image:url(filz.jpg);
	background-repeat:repeat;
	color:#707173;
	font-family:"OpenSansRegular", Arial, Helvetica, sans-serif;
	font-size:19px; 
	}

*:not(html) {-webkit-transform:translade3d(0,0,0);}

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

h1,h2,h3,h4,h5,h6 {
	font-family:"OpenSansLight", Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
	text-transform:uppercase;
	color:#b74e95;
	line-height:36px;
	line-height:2rem;
}

/*.home h1, .home h2, .home h3, .home h4, .home h5, .home h6 {color:#fff;}*/

h1 {
	font-size:32px; font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
}
h2 {
	font-size:28px; font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
}
h3 {
	font-size:25px; font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
}
h4, h5, h6 {
	font-size:20px;
}

table {
	font-size:inherit;
}
caption,th {
	font-weight:bold; 
}
a {
	color:#b74e95; 
}

/**
 * Default margins
 */

h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form {
	margin-bottom:16px; /* Should match the font size */
	margin-bottom:1rem;
}

h2,h3,h4,h5,h6 {
	margin-top:30px;
	text-align:left !important;
}


#container h1:first-child, #container h2:first-child, #container h3:first-child, #container h4:first-child {margin-top:0;}

figure {font-size:0 !important;}

img {width:100%; height:auto;}
.notresponsive img, img.notresponsive, .notresponsive {width:auto; height:auto}

p{margin-bottom:16px; margin-top:16px; line-height:19px; margin-bottom:1rem; margin-top:1rem; line-height:1.3rem;}
a{color: #b74e95; padding:0px; text-decoration:none;}

/*Beginn der Attribute für Schriften, Überschriften, Links,...*/

a:link {color:#b74e95; } 
a:visited {color:#b74e95; }
a:active {color:#b74e95; }
a:hover {color:#8b366f; text-decoration:underline; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}

ol,ul {margin:0px; line-height:20px; line-height:1.3rem; -webkit-padding-start: 0px; padding:0px;}
li {margin-top:6px; margin-bottom:6px; }
ul {list-style:outside square; }
ol {list-style:outside decimal;}

table { border-collapse:collapse; margin:0; width:100%;}
table td { padding:8px 2px; padding:0.5rem; border:none; background: #f4f4f4; border:1px solid #ccc; text-align:center; font-weight:bold;}
table tr:nth-of-type(odd) td {background:#f0e6ed;}
table th {background:#b74e95; color:#f4f4f4; border:1px solid #b74e95; padding: 6px 2px;}

.ce_news_gallery table td, .ce_gallery table td, .mod_galleryviewer table td {border:none; padding:0;}

em {font-size:13px; font-size:1rem; font-style:italic;}
strong {font-weight:bold;}

hr{
background-color: #000; /* Farbe für Opera und Firefox */
color: #000; /* Farbe für Internet Explorer (IE) */
border: 0;
height: 1px;
margin-bottom:18px;
margin-bottom:1.333rem;
margin-top:18px;
margin-top:1.333rem;
}

label, caption, th, blockquote, cite {color:#999;}
/*label {padding-bottom:4px; display:inline-block;}*/

/*Styling Hauptelemente*/
.wrapper {
	clear:both;
	padding:15px 0 0 0;
	}

#logo {text-align:center;}
#logo img {max-width:320px;}
	
	
main {min-height:250px; letter-spacing:1px;}
main p {text-align:justify;}
main h1, main h2, main h3, main h4, main h5, main h6, {letter-spacing:-4px;} 

#container {padding-top:30px;}

footer {
	height: auto;
	width: 100%;
	font-size: 18px;
	clear: both;
	text-align: center;
	margin:0;
	padding-top:20px;
	padding-bottom:20px;
	position:relative;
	}

footer img.baum1 {max-width:500px; position:absolute; bottom:110px; left:50%; margin-left:-320px; margin-top:-400px;}	
footer img.baum {max-width:250px;}

footer p {padding-top:20px; border-top:1px solid #707173;}
	
.pdf_link img, .noresize {width:auto !important;}
.pdf_link {float:right; margin-right:10px;}

/* Listen im Textelement 

.ce_text li {padding:10px 5px; border-left:5px solid #ccc; border-right:5px solid #ccc; background:none;}
.ce_text li:hover {background:#ccc; transition:all .5s ease-in-out 0s !important; -webkit-transition:all .5s ease-in-out 0s !important; -moz-transition:all .5s ease-in-out 0s !important;}*/

.ce_text ol {padding-left:25px;}

.ce_text ul li { list-style-type:none !important; list-style-position:inside !important; margin-left:0px; border-top:1px dashed #707173; border-bottom: 1px dashed #707173; text-align:center; padding:8px; border-left: 5px solid #707173;
border-right: 5px solid #707173;}
.ce_text ol li { list-style-type:decimal !important; list-style-position:outside !important;}
.ce_text ul li:hover {background:#707173; color:#f4f4f4; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; border-top:1px solid #707173; border-bottom: 1px solid #707173;}

#right .ce_text ul li { list-style-type:none !important; list-style-position:inside !important; margin-left:0px; text-align:center; padding:8px; border-left: 3px solid #707173; border-top:0px; border-bottom:0px;
border-right: 3px solid #707173;}
#right .ce_text ul li:hover {background:none; color:#707173; transition: none; -moz-transition: none; -webkit-transition: none;}


/*
|--------------------------------------------------------------------------
| Inhalt nach Prozent
|--------------------------------------------------------------------------
*/
.percentleft {width:23%; float:left;}
.percentright {width:23%; float:right;}
.percentmain {width:50%; margin:0 auto; float:none; padding:0 25px; display:block;}
.percentmain2 {width:75%; margin:0; float:none; padding:0 25px 0 0; display:block;}
.onlinebuchen .percentmain2 {width:100%; margin:0px auto; float:none; padding:0 25px 0 0; display:block;}

.features {font-size:1.3rem; color:#707173;}

.fifty1 {width:47%; float:left; margin-left:0px !important; margin-right:0px !important;}
.fifty2 {width:47%; float:right; margin-left:0px !important; margin-right:0px !important;}


/*
|--------------------------------------------------------------------------
| Margin Gridsystem überschreiben
|--------------------------------------------------------------------------
*/
.mod_article *[class*="ce_"],.mod_article *[class*="mod_"] {
	margin-left:0px !important;
	margin-right:0px !important;
}

/*
|--------------------------------------------------------------------------
| Accordion bzw. Content Element
|--------------------------------------------------------------------------
*/

/*Accordion*/
.toggler {margin-top:10px; color:#ff6600; padding:15px 15px; font-family:"OpenSansRegular", Arial, Helvetica, sans-serif; text-transform:uppercase; cursor:pointer; background-image:url(updown.png); background-repeat:no-repeat; background-position:right 13px; background-size:50px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.toggler:hover {background:#ff6600; color:#fff; background-image:url(updown.png); background-repeat:no-repeat; background-position:right -35px; background-size:50px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.ui-accordion-header-active {background:#ff6600; background-image:url(updown.png); background-repeat:no-repeat; background-position:right -83px; background-size:50px;}
.ui-accordion-header-active:hover {background:#c34e00; background-image:url(updown.png); background-repeat:no-repeat; background-position:right -132px; background-size:50px;}

/*Accordion mit .home Klasse*/
.home .toggler {font-size:26px; margin:0px; padding-right:60px; }
.home .ce_accordion {padding:0px; }
.home .ui-accordion-header-active {background:#fff; background-image:url(updown.png); background-repeat:no-repeat; background-position:right -83px; background-size:50px;}
.home .ui-accordion-header-active:hover {background:#ff6600; background-image:url(updown.png); background-repeat:no-repeat; background-position:right -132px; background-size:50px;}
.home .accordion {padding:0 15px;}

/*Sonstige Inhalte mit Accordion*/
.wrapper .toggler {font-size:18px; margin:0px; padding-right:60px; background-position:right 8px;}
.wrapper .toggler:hover {color:#fff; background-position:right -40px;}
.wrapper .ce_accordion {padding:0px; }
.wrapper .ui-accordion-header-active {background:#fff; background-image:url(updown.png); background-repeat:no-repeat; background-position:right -88px !important; background-size:50px;}
.wrapper .ui-accordion-header-active:hover {background:#ff6600; background-image:url(updown.png); background-repeat:no-repeat; background-position:right -137px !important; background-size:50px;}
.wrapper .accordion {padding:0 15px;}

/*Styling Klassen*/

.left {float:left !important;}
.right {float:right !important;}
.aligncenter, .aligncenter h1, .aligncenter h2, .aligncenter h3 {text-align:center !important; margin:auto;}
.alignright {text-align:right;}
.alignleft {text-align:left;}
.clear, .defloat {clear:both !important; }

.invisible, .block.invisible {visibility:hidden !important; display:none !important;}

.noborder {border:none;}
.nomargin, .nomargin .ce_image {margin-left:0 !important; margin-right:0 !important;}
.nopadding, .nopadding .ce_image {padding:0 !important;}
.nomobile {visibility:hidden; display:none;}
.nodesktop, .ce_image.nodesktop {display:none !important; visibility:hidden !important;}
.onlydesktop {}
.block {display:block !important;}

.round, .round img {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;}
.round a img {border:5px solid #ff6600;}
.round img {border:none;}

/*
|--------------------------------------------------------------------------
| Telefon und Mail Buttons
|--------------------------------------------------------------------------
*/
#telefon img, #mail img {max-width:50px;}
#telefon img {float:left; margin-right:15px;}
#mail img {float:right; margin-left:15px;}
#telefon a, #mail a{font-size:19px; line-height:50px; display:inline-block; color:#707173; font-family:"sans_semibold", Arial, Helvetica, sans-serif;}
#telefon a:hover, #mail a:hover {color:#707173;}
#mail {text-align:right;}

/*
|--------------------------------------------------------------------------
| Navigation Grundkonfiguration
|--------------------------------------------------------------------------
*/
#navibalken, #language {
	font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:22px;
	}
#navibalken ul ul li {font-family:"OpenSansRegular", Arial, Helvetica, sans-serif; font-size:17px;}
#language {text-align:right;}
#language a {padding:15px 5px; display:inline-block; color:#707173; line-height:30px;}
#language a:hover {color:#f4f4f4; text-decoration:none; background:#b74e95;}

#right nav ul {margin:0; padding:0;}
#right nav ul li {margin-left:0; list-style:none;}
#right nav ul li a {padding:10px; display:block; background:none; border:1px solid #b74e95;}
#right nav ul li a:hover {background:#b74e95; text-decoration:none; color:#fff;}
#right nav ul li.active {padding:10px; background:#b74e95; text-decoration:none; color:#fff; border:1px solid #b74e95;}

#mobilenav, #mobilenav nav {display:none !important; visibility:hidden !important;}
.mean-nav li {margin-top:0px; margin-bottom:0px;}


/*
|--------------------------------------------------------------------------
| Navigation Affix!!!
|--------------------------------------------------------------------------
*/
#naviwrapper {clear:both;}
#naviwrapper img {display:none; visibility:hidden;}
#naviwrapper.affix {position:fixed; top:0; left:0; width:100%; z-index:9997; background:url(filz.jpg) repeat; padding:0; -webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.5);-moz-box-shadow:0px 5px 10px 0px rgba(50, 50, 50, 0.5);box-shadow:0px 5px 10px 0px rgba(50, 50, 50, 0.5); }
#naviwrapper.affix img {display: inline-block; visibility:visible; width:auto; float:left; padding:8px 0px 0 50px;}
#naviwrapper.affix #language {width:100px; float:right; margin-right:40px;}

/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin
|--------------------------------------------------------------------------
*/

#toTop {
		width:48px;
		height:48px;
		text-align:center;
        background:#b74e95;
        text-align:center;
        position:fixed; /* this is the magic */
        bottom:20px; /* together with this to put the div at the bottom*/
        right:40px;
        cursor:pointer;
        display:none;
        color:#f4f4f4;
        font-size:48px;		
}

#toTop:hover {
        opacity:0.7;
		transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;
}

#toTop i {
	display:block;
	height:48px;
	width:48px;
	margin-top:-2px;
	}


/*
|--------------------------------------------------------------------------
| Slideshow
|--------------------------------------------------------------------------
*/

.slideshow {max-width:1750px; margin:0 auto; }

/*
|--------------------------------------------------------------------------
| Zierleisten
|--------------------------------------------------------------------------
*/

#zierde-links {width:30px; background-image:url(zierde.jpg); position:absolute; top:0; left:0; height:100%; position:fixed; z-index:9998;}
#zierde-rechts {width:30px; background-image:url(zierde.jpg); position:absolute; top:0; right:0; height:100%; position:fixed; z-index:9998;}

/*
|--------------------------------------------------------------------------
| Galerien, Bilder & Box Hover span i
|--------------------------------------------------------------------------
*/
.ce_gallery li {width: 19%; float: left; display: inline; padding:0; margin-right:0.5%; margin-left:0.5%; text-align:center !important;}

.ce_gallery ul {margin:0; padding:0;}
.ce_gallery img {width:100%; height:auto;  }
.ce_gallery a, .ce_text figure a {font-size:0px !important; line-height:0px !important; display:block;}

.ce_image figure, .ce_gallery figure, .ce_text figure {position:relative !important; font-size:0px !important; padding-bottom:0px !important; }

.ce_image figure a i, .ce_gallery figure a i, .ce_text figure a i  {width:60px; height:60px; position:absolute; bottom:auto !important; left:50%; top: 0%; opacity:0; margin-left:-25px; margin-top:-25px; text-decoration:none; color:#fff; z-index:9999; font-size:50px;}
.ce_image figure:hover a i, .ce_gallery figure:hover a i, .ce_text figure:hover a i {visibility:visible; height:50px; width:50px; position:absolute; bottom:auto; left:50%; top: 50%; opacity:0.8;
text-decoration:none; color:#fff;
transition:all 0.3s ease-in-out 0s; animation:0.3s ease-in-out 0s;
-moz-transition:all 0.3s ease-in-out 0s;
-webkit-transition:all 0.3s ease-in-out 0s;
-o-transition:all 0.3s ease-in-out 0s;}

.ce_image figure:hover span, .ce_gallery figure:hover span, .ce_text figure:hover span {width:100%; height:100%; background:#b74e95; background:rgba(183,78,149,0.7); opacity:0.8; transition:all 0.3s ease-in-out 0s; animation:0.3s ease-in-out 0s; 
-moz-transition:all 0.3s ease-in-out 0s;
-webkit-transition:all 0.3s ease-in-out 0s;
-o-transition:all 0.3s ease-in-out 0s;
position:absolute;
cursor:pointer;
z-index:9996;
}

.ie8 .ce_image figure a i, .ie8 .ce_gallery figure a i, .ie8 .ce_text figure a i, .ie8 .ce_image figure span, .ie8 .ce_gallery figure span, .ie8 .ce_text figure span, .ie8 .ce_image figure:hover span, .ie8 .ce_gallery figure:hover span, .ie8 .ce_text figure:hover span {display:none !important; visibility:hidden !important;}


/*Contao Pagination*/
.pagination {margin:15px 0 0 0; padding:0; clear:both;}
.pagination p {display:none;}
.pagination ul {margin-top:20px; margin-bottom:10px; margin-left:0; font-weight:normal; font-size:16px; }
.pagination ul li {display:inline; text-decoration:none; font-weight:normal; padding:0 !important; border:none !important; font-weight:normal; color:#fff; margin-right:2px !important; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;}
.pagination ul li a, .pagination ul li a:visited, .pagination ul li a:link {text-decoration:none; color:#fff; font-weight:normal; margin:0px; border:none;background-color:#151d2d; padding:5px 12px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;}
.pagination ul li a:hover {background:#ff6600; color:#fff; 	transition: all .5s ease-in-out;
   	-moz-transition: all .5s ease-in-out;
   	-webkit-transition: all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;}
.pagination ul li .current {padding:5px 12px; background:#ff6600; color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;}

#news .pagination {margin:15px 10px 15px 10px; clear:both; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; overflow:hidden; padding:15px;}
#news .pagination ul {margin-top:0; margin-bottom:0;}
/*Pagination Ende*/


/* Kontakt Formular 
#main span.mandatory {margin-left:6px;}
#main input, #main textarea {margin-bottom:10px; padding:6px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; font-size:14px;}
#main input.submit {width:100%; background:#b74e95; color:#f4f4f4; text-transform:uppercase; font-size:18px; letter-spacing:2px; padding:15px 10px; display:block; border:none; outline:none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
#main input.submit:hover {background:#8b366f;}
#main select {width:100%; padding:6px 6px 7px;  margin-bottom:9px; font-size:14px;}
#main select option:first-child {color:#ccc;}
#main textarea {height:165px;}
#main label {color:#000; letter-spacing:0px; font-size:14px; }*/

.anfragebutton {background:#ff6600; padding:10px; color:#f4f4f4 !important; font-family:"OpenSansRegular", Arial, Helvetica, sans-serif; font-size:18px; line-height:24px; text-align:center; width:100%; display:block; text-transform:uppercase; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;}
.anfragebutton:hover {background:#c34e00; text-decoration:none !important;}

#main .captcha {margin-bottom:4px; margin-top:4px;}
#main .captcha_text {color:#999; margin-bottom:15px; display:block;}

/* Quicknavigation Los Button ausblenden mit JQUERY */
.js .mod_quicknav .submit { 
   display:none !important; visibility:hidden !important;
}

/*
|--------------------------------------------------------------------------
| Mobile Tel + Mail Button
|--------------------------------------------------------------------------
*/
#mobiletel, #mobilemail, #mobilelanguage {display:none !important; visibility:hidden !important;}

/*
|--------------------------------------------------------------------------
| Google Maps
|--------------------------------------------------------------------------
*/
#googlemaps {clear:both;}

/*
|--------------------------------------------------------------------------
| Button für Links
|--------------------------------------------------------------------------
*/
.button {background:#b74e95; color:#f4f4f4; padding:8px 12px; font-size:1rem; border:none; border-radius:0px;  -webkit-border-radius:0px;  -moz-border-radius:0px;}
.button:hover {background:#8b366f; color:#f4f4f4; padding:8px 12px; font-size:1rem;}
a.button {color:#f4f4f4;}

/*
|--------------------------------------------------------------------------
| Easybooking Anpassung 2017
|--------------------------------------------------------------------------
*/
.EBPRC-wrapper {
    display: inline-block !important;
	float:none !important;
}

.EBPRC-wrapper .EBPRC-result .EBPRC-onecategory .EBPRC-category-resulttable .EBPRC-onepricerow-heading {
    font-size: 14px !important;
}

span.EBPRC-currency {
    font-weight: 600 !important;
}

.EBCTG-eb-catlist-wrap .EBCTG-content {
	font-size:14px !important;
}

/*Datenschutz und Cookiebar*/
.checkbox_container {
	margin-top:15px;
}

.checkbox_container input{
	margin:0 !important;
}

/* Cookiebar ohne Plugin */
#cookiedingsbums a {color:#ffffff; text-decoration:none;}

#cookiedingsbums a:hover {text-decoration:underline;}

#cookiedingsbums div {padding:10px; padding-right:40px;}

#cookiedingsbums { 
   text-align:center; 
   background: #b74e95; 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:14px; 
   line-height:12px;
	padding:10px 30px;
	color:#ffffff;
	box-sizing: border-box;
}

#cookiedingsbumsCloser {
   color: #b74e95;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 15px;
   text-decoration: none;
   top: 5px;
   cursor:pointer;
   padding:13px;
   background: #ffffff;
 }

#cookiedingsbumsCloser:hover {background:#cccccc;}

@media only screen and (max-width:1230px) {
	#cookiedingsbumsCloser {
		position: relative;
		margin:10px;
		display:inline-block;
	}
}

.reiseversicherung {
	float:left !important;
	margin-left:0px;
	margin-right:0px;
}

.onlinebuchen .reiseversicherung {
	width:100% !important;
	text-align:center !important;
}

.onlinebuchen .reiseversicherung * {
	text-align:center !important;
}

.home .reiseversicherung {
	display:none !important;
}

/* EasyBooking 2022 */

#ebAvailability img {width:auto !important;}