﻿body				{ font-family:'Open Sans Condensed', sans-serif; text-rendering: auto !important; }

#startpage			{ max-width:846px; margin:1em auto; text-align:center;  }
#startpage h1		{ font-family:'Open Sans Condensed', sans-serif; text-rendering: auto; font-size:1.5rem; font-weight:600; line-height:1; color:#008CBA; }
#startpage h2		{ font-family:'Open Sans Condensed', sans-serif; text-rendering: auto; font-size:1.2rem; font-weight:300; line-height:1; }
#startpage table	{ background-color:#F2F2F2; }
#startpage img		{ max-width:100%; height:auto; }

#startpage-tabelle	{ border:1px solid #008CBA; max-width:846px; margin-bottom:8px; }
#startpage-tabelle img	{ max-width:280px; float:left; margin:1px; }
#startpage-rechts	{ width:270px; float:right; background-color:white; padding:10px 0 10px 10px; text-align:left; }
#startpage-links div	{ max-width:281px; float:left; }
@media only screen and (max-width : 1024px) {
#startpage			{ max-width:435px; margin:1em auto; text-align:center; padding:0 6px;  }
#startpage-tabelle	{ max-width:423px; }
#startpage-tabelle img	{ max-width:140px; }
#startpage-links div	{ max-width:141px; }
}
@media only screen and (max-width : 360px) {
#startpage h1		{ font-size:1.2rem; }
#startpage-rechts	{ width:190px; padding:5px 0 5px 5px; }
#startpage-tabelle img	{ max-width:110px; }
#startpage-links div	{ max-width:111px; }
}

#topbarwrapper		{ background-color:#a4a8a5; }

#topbar				{ background-color:#ccb690; margin-left:0.9375rem; margin-right:0.9375rem; background-image:url(../../images/dlw_world.png); background-repeat:no-repeat; background-size:83px 80px; background-position:32px 0px; }
#topbar1, #topbar2, #topbar1 a, #topbar2 a	{ color:white; }
#topbar1			{ text-align:center; padding-left:0; }
#topbar1 img		{ width:30px; height:23px; margin-bottom:0.2em; }
#topbar1 h1, span.title			{ font-family:'Open Sans Condensed', sans-serif; text-rendering: auto; font-size:1.5rem; font-weight:300; color:white; line-height:1; padding-left:90px; }
span.title { display: block; margin-bottom: 5px; margin-top: 5px; }
#topbar1 h1 span	{ font-size:1.5rem; }
#topbar1 p			{ font-family:'Open Sans Condensed', sans-serif; text-rendering: auto; font-weight:300; line-height:1; margin-bottom:0; font-size:1.2rem;  padding-left:90px; }
#topbar2 p			{ font-family:'Open Sans Condensed', sans-serif; text-rendering: auto; font-weight:300; line-height:1; font-size:1rem; margin:0.4rem 0;}
#topbar2.small-5 	{ text-align:right; }
#topbar:after 		{ content: " "; display: table; clear: both; }

#slider .orbit-container 	{ margin-top:14px; background-color:#DDD; }
#slider .orbit-container ul	{ height:80px; }
#slider-he .orbit-container 	{ margin-top:0; background:white; max-width:465px; }
#slider-cat .orbit-container 	{ margin-top:0; background:white; max-width:230px; }
.example-orbit {
    list-style: none outside none;
    margin: 0px;
    padding: 0px;
    position: relative; }
	.example-orbit > * {
    position: absolute;
    top: 0px;
    width: 100%;
    margin-left: 0%;
}
.orbit-container .orbit-slides-container > * .orbit-caption { position: absolute; bottom: 0px; background-color:transparent; color: black; width: 100%; text-align:center; padding: 0.2em; font-size: 1.2em; }
.orbit-container .orbit-slides-container > * .orbit-caption span { font-size: 1.5em; }
.orbit-timer { display:none; }

#hauptmenu			{ background-color:white; border-bottom: 2px solid #6DCAEC; box-shadow: 0px 6px 12px -2px rgba(0, 0, 0, 0.1); }
#menuoben 			{ background-color:white; }
#menuoben a 		{ font-family:'Open Sans Condensed', sans-serif; text-rendering: auto; font-size:1.2em; font-weight:300; color:#666; background-color:white; }
#menuoben a:hover, #menuoben a:focus  { color: #ccc; background-color:#444; }
ul#menuoben 		{ padding-right:0.9375rem; padding-left:0.9375rem; }
.top-bar-section li:not(.has-form) a:not(.button) { padding: 0px 0.6em; }
#navibar { background-color:white; color:#666;}
#navibar a { background-color:white; color:#666;}
.top-bar.expanded ul { line-height: 1.5; }
.top-bar.expanded ul li a { padding: 0px 0px 0px 8px; }
.top-bar.expanded ul li:last-child { margin-bottom: 6px; }
.top-bar.expanded .title-area { background-color:white; }
.top-bar .toggle-topbar.menu-icon a span:after { right:10px;
    -webkit-box-shadow: 0px 0px 0px 1px #333, 0px 7px 0px 1px #333, 0px 14px 0px 1px #333 !important;
box-shadow: 0 0 0 1px #333, 0 7px 0 1px #333, 0 14px 0 1px #333 !important; }
.contain-to-grid .top-bar { max-width: $row-width; margin: 0 auto; overflow:hidden; }  /* Verhindert Umbrechen des Menüs */

.mfp-figure button:hover 	{ background-color:transparent !important; }
.mfp-container button:hover 	{ background-color:transparent !important; }

#weltkarte			{ text-align:center; }
#weltkarte img		{ margin-bottom:0.5em; width:142px; border:none; }
#sidebar 			{ padding-right: 0.66rem; }
.laender img.th		{ vertical-align: top; width:136px; }
.info 				{ font-size: 0.9em; }
.infobox			{ border:1px solid black; padding: 3px; margin-bottom:6px; }
.infobox a img		{ padding-right:5px; float:left; width:75px; height:70px; }
.infobox div		{ min-height:71px; }
.infobox div img	{ height:10px; }

table tr td 		{ font-size:1em; }

#hotel				{ padding:0.8em 0 0 0; }
#hotel:after 		{ content: " "; display: table; clear: both; }

#kategorien h2		{ font-family:'Open Sans Condensed', sans-serif; text-rendering: auto; font-size:1.5rem; font-weight:300; }
#kategorien li		{ list-style-type:none; font-size:1em; }
#kategorien ul		{ margin-left:0; }
#hotelinfos .panel	{ padding: 0.9375rem; }
#hotelbild01 		{ padding-left: 0; }
#hotelbild01 img	{ border: 1px solid #6DCAEC; }
#hotelbilder 		{ padding-right: 0; }
#hotelbilder img	{ margin-bottom: 10px; }
#hotelinfos h1 { font-family:'Open Sans Condensed', sans-serif; text-rendering: auto; font-weight:700; line-height: 1.2; }
#hotelinfos p { font-family:'Open Sans Condensed', sans-serif; text-rendering: auto; }
#hotelinfos .button { margin-bottom: 0; }
#hoteltext p		{ font-family:'Open Sans Condensed', sans-serif !important; text-rendering: auto; text-align: justify; margin-right: 18px; }
#formmenu li		{ padding: 0px 0.6rem 0.25rem; }
#formmenu select	{ font-size:12px; margin-bottom: 0; height: 1.8rem; padding: 0.2rem; }

#content h1, #content h2, #content h3 { font-family:'Open Sans Condensed', sans-serif; text-rendering: auto; font-weight:300; }
#content h1 { font-size:1.8em; }
#content h2 { font-size:1.6em; border-bottom: 1px solid #6DCAEC; margin-bottom:1em; }
#content h3 { font-size:1.2em; font-weight:300; }
#katalog h2 { font-family:'Open Sans Condensed', sans-serif; text-rendering: auto; font-size:1.5rem; font-weight:300; }

#fahnen	{ display:none; }
#fahnen	a, #fahnen img { padding:0; margin:0; }

.katalog			{ width:230px; }
.hotellisting tr td a img	{ width:160px; }
.hotellisting tr td a img.hotelrot	{ width:100%; }

div.on 				{ background: none repeat scroll 0% 0% #6DCAEC !important; }


.error input, .error textarea, .error select { margin-bottom: 16px; }
.error small.error { margin-bottom: 0; font-size: 0.8rem; }
label { line-height: 2; }


#footerwrapper, #footerwrapper .row		{ background-color:#222222 !important; }
#footer .columns .columns	{ padding-left:0; }
#footer				{ color:#777; padding-top:3em; }
#footer span		{ color:#CCC; text-transform: uppercase; }
#footer #sociallinks { text-align:right; }
#footer #back-to-top { color: rgba(255, 255, 255, 0.7); background: none repeat scroll 0% 0% #333; text-align: center;
    width: 60px;
    display: block;
    margin: 0px auto;
    border-radius: 6px 6px 0px 0px;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05) inset; font-size: 38px; position: relative; }
#footer #back-to-top i { overflow: hidden; }
#footer .fa { width: 1.4em; }




@media only screen and (max-width : 1024px) {
.orbit-container .orbit-slides-container > * .orbit-caption { font-size: 1em; }
ul#menuoben 		{ padding-right:0.5rem; padding-left:0; }
.top-bar-section li:not(.has-form) a:not(.button) { padding: 0px 0.3em; }
}


@media only screen and (max-width : 768px) {
#topbar1 h1			{ font-size:1.5rem; }
#topbar1 h1 span	{ font-size:1.5rem; }
#topbar1 span:before, #topbar1 span:after {  content:"";  }
#topbar1 p			{ line-height:1; margin-bottom:0; font-size:1rem;}
#topbar2 p			{ line-height:1; font-size:0.95rem; margin:0.4rem 0;}
.orbit-container .orbit-slides-container > * .orbit-caption { font-size: 0.8em; }
.orbit-container .orbit-slides-container > * .orbit-caption span { font-size: 1.4em; }
#slider .orbit-container ul	{ height:60px; }
#menuoben a 		{ font-size:1em; }
ul#menuoben 		{ padding-right:0.4rem; padding-left:0; }
.top-bar-section li:not(.has-form) a:not(.button) { padding: 0px 0.3em; }


#formmenu select	{ font-size:0.8em; }

.hotellisting tr td a img	{ width:120px; }
}

@media only screen and (device-width : 768px) and (orientation: portrait) {
.laender img.th		{ width:72px; }
}

@media only screen and (max-width : 640px) {
body				{ margin-top:8px; }
#katalog 			{ display:none; }
#topbar				{ margin-bottom:0; background-position: 28px 0px; }
#topbar img			{ width:26px; height:20px; margin-bottom:0.2em;  }
#topbar1 h1			{ font-family:'Open Sans Condensed', sans-serif; text-rendering: auto; font-size:1.2rem; line-height: 0.7; margin-bottom:0.3em; }
#topbar1 h1 span	{ font-size:1rem; }
#topbar1 p			{ font-size:0.9rem; line-height:0.9; }
#topbar1 a, #topbar2 a	{ font-size:0.9rem; }
#topbar1 span:before, #topbar1 span:after {  content:"";  }

#topbar2 p			{ line-height:0.7; font-size:0.7rem; margin:0.1rem 0;}
.orbit-container 	{ margin-top:6px; }
.orbit-container .orbit-slides-container > * .orbit-caption { font-size: 0.8em; line-height:1.2; }
.orbit-container .orbit-slides-container > * .orbit-caption span { font-size: 1.2em;  }
#slider .orbit-container ul	{ height:50px; }
#sidebar				{ padding-right: 0.9375rem; }
#weltkarte, #kategorien			{ display:none; }
#hotelbild01 		{ padding-left: 0.9375rem; margin-bottom:0.9375rem; }
#hotelbilder 		{ padding-right: 0.9375rem; }


#weltkarte			{ display:none; }
.katalog			{ display:none; }
object				{ display:none; }
p					{ font-size:1.2rem; text-rendering: auto !important; }
}

@media only screen and (max-width : 480px) {
#topbar, #katalog 	{ display:none; }
body				{ margin-top:8px; }
.orbit-container 	{ background-color:#eee; margin-top:0; }
.orbit-container .orbit-slides-container > * .orbit-caption { font-size: 0.6em;  line-height:1.2; }
.orbit-container .orbit-slides-container > * .orbit-caption span { font-size: 1.44em;  }
.top-bar, .top-bar .name { height:35px; }
#slider .orbit-container ul	{ height:36px; }

#hotelbild01 img	{ width:100%; }
#fahnen				{ display:block; margin-left:1em; padding-top:0.2em; }
#fahnen img			{ margin-right:6px; width:30px; }
.zusatzinfos 		{ display:none; }
.hotellisting tbody tr td, table tr td { line-height: 1; }
h1					{ font-size: 1.8em; }
#sidebar p			{ line-height: 1; margin-bottom: 0.6rem; text-rendering: auto;}
p					{ font-size:1.1rem; text-rendering: auto !important; }
form 				{ margin:0; }
}

@media only screen and (max-width : 360px) {
.orbit-container .orbit-slides-container > * .orbit-caption { font-size: 0.6em; line-height:1; }
#slider .orbit-container ul	{ height:26px; }
}
