@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
	font-display: swap;
}
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  src: local('Dancing Script'), local('Dancing Script'), url('../fonts/DancingScript-Regular.ttf') format('truetype');
	font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/Roboto.woff) format('woff');
	font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(../fonts/Roboto-Bold.woff) format('woff');
	font-display: swap;
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(../fonts/RobotoCondensed-Regular.woff) format('woff');
	font-display: swap;
}
body {  
	font-family: 'Roboto', Arial, 'sans serif',Times New Roman,Tahoma;
	font-size: 100.1%;
	line-height: 1.3em;
	color:#01518a;
	background: rgba(255,255,255,1);
	position:relative;
}
.noscript-container {
	background-color: rgba(0,0,0,.8);height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 10000;
}
.noscript-content {position: relative;width:100%;max-width: 1024px;background-color:#FFF;padding:40px;text-align:center;margin:auto;}
.noOffer {
    background: rgba(128,0,0,.15);
    padding: 20px;
    color: #000;
    border: 1px solid #800000;
    margin: 20px 0;
    display: block;
}
.coronawarnung {
	background: rgba(128,0,0,.15);
	padding: 20px;
	color: #000;
	border: 1px solid #800000;
	margin: 20px 0;
	}
.bold {font-weight:700}
.normal {font-weight:400}
.achtung,.achtung>a {color: red!important;}
.achtung>a {text-decoration:underline}
.achtung>a:hover {color:#A00!important;}
.traumreise {font-style:italic;font-size:14pt}
.traumreise:hover {color:#03a4cd}
.traumreise:after {content: "\25BA \25BA \25BA";margin-left:10px}
* {
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
s {font-size:11pt}
.strike {text-align:right}
.strike:before {content:"p.P. ab"}
.clear {clear:both;width:100%;border:0}
.left {float:left}
.right,.doku {float:right}
input {padding-left:5px}
img, iframe {border:0}
#cruise {width:100%;max-width:1140px;padding:10px;border-radius:5px}
#CPIFrame, #IFrame {margin-bottom:10px;width:100%;background-color:#FFF}
#IFrame {height:3100px}
header, nav, section, footer, figure, figcaption, article, aside {display:block}
a {color:#01518a;text-decoration:none}
a:hover>img, .kataloge p:hover>img,header #reiseart div>h2:hover>img {filter: brightness(90%);}
ul li {list-style-type: disc;font-size:0.95em}
ul>ul li {list-style-type: circle}
ol li {margin-left:20px}
a:hover,a>span:hover,.katalogPDF:hover {color:#03a4cd}
h1 { font-size: 1.2em;font-weight:400}
h1>span {font-size: .79em!important;font-style:italic}
h2 { font-size: 1.2em;font-weight:400} 
h2>span {font-size: 0.79em!important;font-style:italic}
h3 { font-size: 1.1em}
h4 { font-size: 1em}
h5 { font-size: .85em}
h6 { font-size: .67em}

p { font-size: 0.9em;margin:10px 0}
#angebotDetails {padding-top:50px!important;top:-30px;position:relative}
#angebotDetails>a,#angebotDetails>a[href],.btn,.nl-btn {
	font-weight:400;
	font-size:1.075em;
	padding:4px;
	cursor:pointer;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-align:center;
	background-color:#096aa6;
	background-image:-moz-linear-gradient(top, #1183c3,#01518a);
	background-image:-webkit-linear-gradient(top, #1183c3,#01518a);
	background-image:-o-linear-gradient(top, #1183c3,#01518a);
	background-image:linear-gradient(to bottom, #1183c3,#01518a);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1183c3', endColorstr='#FF01518a', GradientType=0);
	background-repeat:repeat-x;
	border:1px solid #1183c3;
	color:#FFF;
	display:inline-block;
	text-shadow:unset;
}
#angebotDetails>a {
padding: 6px 10px 6px 10px;
cursor: default;
/*text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);*/
background-color:#FFF;
color:#01518a;
background-image: unset;
font-size: 14pt;
	}

#angebotDetails>a[href]:hover,.btn:hover {
	background-color:#4fa7e0;
	background-image: -moz-linear-gradient(top, #59b0ea,#469ed7);
	background-image: -webkit-linear-gradient(top, #59b0ea,#469ed7);
	background-image: -o-linear-gradient(top, #59b0ea,#469ed7);
	background-image: linear-gradient(to bottom, #59b0ea,#469ed7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF59b0ea', endColorstr='#FF469ed7', GradientType=0);
}
nav {cursor: pointer}
hr {clear:both;border-bottom:1px solid #03a4cd;margin-bottom:20px;color: transparent}
/*button,#schnellsuche h2 a,.offerdetails>article,#bottomlink,#text,#service>div>form>input[type="submit"],#angebotDetails>a,#angebotDetails>a[href],.btn,#film div,.video  {
	-webkit-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.6);
	-moz-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.6);
	box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.6)}*/
#intro,#high-light>a>img,header nav div>h2,#abbinder,#reg,#offer.small>article,#offer>.wide,section .spot,.listensuche>section,#schnellsuche,#wide-offer,.wide,#detail,#list>*,/*#desc,#katalog,*/.btn-white,.btn-gutschein,#mobile_menu,#cruise,#service,#information>section/*,#reisearten>div*/,form table,#newsservice,#service>div>form>.message {
/*	-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 4px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.5);*/
	background: rgba(1,81,138,0.05);
}
.spot1 {background: rgba(255,255,255,0.7);color: #333}
.zusatz,  #about p.zusatz { padding-top:10px;font-size: .6em}
span.zusatz {
  display: block;
  margin: 0;
  padding: 0 10px;
	text-align:right;
}
body>div {
	max-width:1140px;
	margin:auto;
	padding:20px;
	padding-left:20px;
	height:100%;
	background: rgba(255,255,255,0.8);
}
header {margin:0}
header> * {position:relative}
header #reg {line-height:40px; 
  position: fixed;top:0;left:0;right: 0;
  width:100%;
  height:40px;
	background: rgba(1,81,138,1)!important;
  font-size: calc(0.75rem + 0.15vw);text-decoration: none;z-index:200;
}
header #reg>div.navigation {max-width:1140px;margin:auto;text-align:center;}
header #reg>div.navigation>a, #kontakt>a {font-size: calc(0.75rem + 0.15vw);color:#FFF;padding:10px;}
#kontakt {position:relative}
header #reg>div.navigation>a:first-of-type {border:none}
header #reg>div.navigation>#mobileMenu,#kontakt>a span+span {display:none}
#kontakt>a:hover span+span {display:block}
/*Neu ICON Beratung und Hilfe*/
#kontakt>a span+span {position:absolute;width:100%;min-width:224px;font-size:14pt;right:0;top:24px;border-top:2px solid #4fa7e0;border-left:1px solid #FFF;background: rgba(79,167,224,1);text-align:center}
header #reg>div.navigation>a:hover, #kontakt>a:hover {background-color:#4fa7e0;color:#FFF}
#kontakt>a:hover>span,.text-white {color:#FFF!important}
header #reg>div.navigation>a>span:hover {color:#FFF}
header #reg>div.navigation>a>img, #kontakt>a>img,header #reg>div.navigation>a>img, #kontakt>a>svg {max-width:38px;max-height:28px;vertical-align:middle}
ul.erreichbarkeit,ul.erreichbarkeit li,.kundenlogo>ul.erreichbarkeit,.kundenlogo>ul.erreichbarkeit li {
  display: inline-block;
  float: right;
  font-size: 1em;
  text-align: center;
}
.drsf,ul.erreichbarkeit.none {display:none}
#lp-neu .drsf {display:inline-block;}
.kundenlogo ul {padding-left: 0;}
.mr-1rem {
	margin: 0 2rem 0 0;
  float: right;}
@media only screen and (min-width:1024px){
	.drsf,ul.erreichbarkeit.none {display:inline-block;}
	.drsfPos {height:60px;margin-top:-15px}
	.drsfPos img {margin:0 auto;max-width: 200px;}	
	
}
#desc ul.erreichbar, #service ul.erreichbar {margin-bottom:30px}
ul.erreichbar,ul.erreichbar li {
  display: inline-block;
  font-size: 1em;
  text-align: center;
}
ul.erreichbar li.vorteil a.tel {
  font-size: 1.7em;
  vertical-align: bottom;
	text-decoration: none !important;
	color:#03a4cd;
}
ul.erreichbar .tel {background: url(../partner_icons/tel-03a4cd.svg) no-repeat}
header>div>div:nth-of-type(2),.kundenlogo {padding:20px 0}
header>div>div:nth-of-type(2).clear {padding:0}
header div.logo {float:left;margin:0 0 10px 0}
header div.logo a {
  background-image:url(../img/sprite.png);
  width:357px;
  height:125px;
  display:inline-block;
  z-index:10;
  position:relative;
}
ul.erreichbarkeit li.vorteil {
  padding-left: 20px;
  margin-top:20px;
}
ul.erreichbarkeit:last-of-type li.vorteil {
  padding: 0 20px 0 0;
  margin-top:30px;
}
ul.erreichbarkeit li.vorteil a {
	font-weight: bold;
	color:#01518a}
.tel {
    background: url(../partner_icons/tel-01518a.svg) no-repeat;
		height: 31px;
		padding: 0 0 4px 26px;
		margin: 6px 0;
		line-height: 31px;
/*		color:#01518a*/
}
.tel-grau {
    background: url(../partner_icons/tel-555555.svg) no-repeat;
		height: 31px;
		padding: 0 0 4px 26px;
		margin: 6px 0;
		line-height: 31px;
/*		color:#01518a*/
}
#phone {
    background: url(../partner_icons/tel-01518a.svg) no-repeat;
		height: 31px;
		padding: 0 0 4px 26px;
		margin: 6px 0;
		line-height: 31px;
		color:#01518a}
.tel:hover, .tel-grau:hover {background: url(../partner_icons/tel-03a4cd.svg) no-repeat}
ul.erreichbarkeit li.vorteil a.tel {font-size:1.8em;vertical-align:bottom}
ul.erreichbarkeit li.vorteil a.tel>img {vertical-align:middle}
ul.erreichbarkeit+a>img,ul.erreichbarkeit+img {margin-top:10px}
header div+#reiseart {clear:both;white-space: nowrap!important;padding:6px 0}
header #reiseart>div {position:relative;float:left;text-align:center;width:16.66%;margin:auto}
header nav div>*,header nav span>* {width:97%}
header #reiseart div>h2 {
font-size:110%;
text-align:center;
padding-bottom: 6px;
	color:#01518a;
}
header #reiseart span>*,header #reiseart div>*,header #reiseart div>h2>img {max-width:100%;display:inline-block}
.Hochseekreuzfahrt {background-color:#F3E7DB}
.Flusskreuzfahrt {background-color:#F1E2D4}
.Bahn-Busreise {background-color:#ECD9C5}
.Rund-Flugreise {background-color:#EEDDCC}
.Wellness-Aktiv {background-color:#EAD4BE}
.Eigene-Anreise {background-color:#E7CFB6}
.Reisen {background-color:#d5c9a7}
header #reiseart h2+span {position:absolute;display:none;background-color: #fefefe;float:none;text-align:left;padding:10px;z-index:200} 
header #reiseart div>span>a {display:block;border-bottom:1px dotted #01518a}
/*Suchmaske mit Codesuche*/
#codesuche {margin-top:10px}
/*Darstellung der Startseite*/
#intro {position:relative;margin:20px 0;clip:auto;overflow:hidden;width:100%;height:420px}
#intro>div {position:absolute;width:100%;height:420px}
#intro>div>#text {position:absolute;right:0;bottom:40px;width:320px;min-height:120px;padding:10px 20px;z-index:100}
#intro>div>#text>* {
line-height:1em;
	text-shadow: none;
				
}
#intro>div>#text>a {
	color:#01518a}
#intro>div>#text>a>h2 {font-size:1.05em;line-height:1em}
#intro>div>#text>a>h3 {font-size:0.95em;line-height:1.5em}
#intro>div>#text>a>h4 {font-size:1.4em;line-height:2.3em}
#intro>div>#text>a>h4>span {font-size:0.8em}
#intro>div>#text>a>p {font-size:0.8em;margin:0}
#intro>#change {
	position:absolute;right:0;bottom:0;height:24px;width:100%;text-align:center;
	background: rgba(255,255,255,0.8);
	-webkit-box-shadow: 0 -4px 4px -3px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 -4px 4px -3px rgba(0,0,0,0.6);
	box-shadow: 0 -4px 4px -3px rgba(0,0,0,0.6);z-index:60}
#intro>#change>a {cursor:pointer;font-size:1.3em;margin:0 10px}
#intro>#change>.actual {color: #03a4cd;cursor:auto}

.copyright {position:absolute;left:20px;bottom:0;min-width:300px;line-height: none;z-index:99;font-size:6.5pt;color:#FFF}
@media (min-width: 768px) {
	.copyright{font-size:8pt;}
}
.copyright::before,#bildleiste>div>span>img+span::before,.offerdetails>article>span::before,.wide>article img+span::before {content: "\00a9\00A0"}
#intro .area .copyright {color:#000}
.kundenlogo {width:100%;max-width: 1140px}
#ReiseweltAnmeldung {padding:0 20px 20px}
#ReiseweltAnmeldung ul li {list-style-type: none;list-style-image:none}
#ReiseweltAnmeldung li::before {content: "\f00c\00A0";font-family: FontAwesome}
#ReiseweltAnmeldung img {float:right}
#schnellsuche,#filter {
    /*background-color: #FFF;*/
		background-color:rgba(255,255,255,0.6);
    float:left;
    /*border-radius:5px;height:354px;*/
    width:325px;
		height:396px;
    text-align:center;
    /*margin:20px;*/		
		margin:0 20px;
    position:absolute;
    z-index:100;
}
.listensuche>section {
	border-radius:5px;
	text-align:center;
	width:100%;
	height:inherit;
	float:none;
	margin:0;
	position: relative;
	padding:10px 0 10px 1%;
	text-align:left;
}
#schnellsuche h4, #schnellsuche h2 a,#filter h4, #filter h2 a {
	margin-top:10px;
	font-size:1.05em;
}
.listensuche>#schnellsuche h4 {
    padding-top:0;
}
a.btn {font-weight:normal;padding:4px 14px;color:#FFF}

#schnellsuche select, #schnellsuche input,#filter select, #filter input {
    border:1px solid #bbb;
    width:92%;
    height:25px;
    margin-bottom:5px;
    font-size:12pt;
    line-height:1.2em;
		padding-left:5px;
}
.formular {margin:1% 0.6%}
#newsbest .formular {margin:0}
.formular input[type="submit"],table+input[type="submit"] {width:32.4%;min-width:200px;float:right;padding-left:4px}
.insurance {border: 1px solid #01518a;padding: 0 10px 10px;margin-top: 10px;}
#detail form .insurance h3 {font-size:16px;padding: 4px 0;}
.insurance a {text-decoration: none;}
.insurance a:hover {text-decoration: underline;}
#PopUpMoewe {
	box-sizing: border-box;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 0px;
	max-width: -webkit-calc(100% - 20px) !important;
	max-width: calc(100% - 20px) !important;
	background: #fff;
	z-index:1000;
	padding:20px;
	border: 4px solid #f93;
}
#PopUpMoewe>img {float:right;}
#PopUpMoewe a.btn.col-md-4 {margin: 0 auto;}

#detail form .insurance p {font-size:14px;}
.listensuche>section select,.listensuche>section input {
    border:1px solid #bbb;
    width:32.5%;
    height:25px;
    margin:0 .5% 5px 0;
    font-size:12pt;
    line-height:1.2em;
		padding-left:5px;
}
#schnellsuche input,#filter input  {padding-left:5px}
#schnellsuche>form,#filter>form {position:relative}
.listensuche>section a.btn {width:32.5%;vertical-align:bottom}
.listensuche>section>form>span {font-size:1.1em;color:#000;min-width:33.45%!important;float:left}
#cal {position:absolute;width: 211px;margin-top:0;background-color:#FFF;border-top:1px solid #01518a;border-right:1px solid #01518a;z-index:2}
#cal span, #cal a {height:30px;border-bottom:1px solid #01518a;border-left:1px solid #01518a;width:30px;line-height:30px;display:block;float:left;text-align:center;font-size:0.8em}
#cal>div:first-child>span {width:150px}
#cal a {cursor:pointer;font-weight:bold}
.gray {color:#888;font-weight:normal!important;cursor:default}
#schnellsuche>form+form {
    position:relative;
    top:30px;
    background-color:#01518a;
    /*border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;*/
    color:#FFF;font-size:1em;
    z-index:0;
    line-height:2em;
    padding-bottom:5px;
}
button>hr {margin:10px;border-bottom:1px solid #fff;color: transparent}
#schnellsuche>form+form button:before {content:"\25BA  "}
#schnellsuche>form+form input {margin:0 1%;width:92%;border:1px solid #03a4cd}
#high-light>a {float:left;text-align:center;width:33.33333%;;margin:auto}
#high-light>a#vers,#offer>a#vers {width:100%;margin-top: 20px;}
#high-light>section+a#vers {margin-top:0}
#high-light>a>img {width:99%;max-width:420px;margin:auto}
#high-light>a#vers>img,#offer>a#vers>img {width:100%;max-width: 1100px;}
#offer.small .copyright {position: absolute;bottom: 0;width:200px}
#offer.small>article  {float:left;width:30.33%;margin:1.5% auto;position:relative;}
#offer.small section>a {position:relative;display: block}
#offer.small>article>a>img {display: block;width: 100%; height: auto; overflow: auto}
#offer.small>article a+div {background-color:#F7F7F7;padding-bottom:10px;border: 1px solid rgba(0,0,0,.05);}
#offer>section a+div>*,#offer.small>article a+div>* {padding:0 20px;margin:0 0 10px 0}
#offer>section h3,#offer.small>article h3 {
	position:relative;
	color:#01518a;
	line-height:1.8em
}
#offer>section h2,#offer.small>article h2 {height:1em}
#offer>section h1,#offer.small>article h1 {height:4em;font-size:1em}
#offer>section h1>em,#offer.small>article h1>em {display:block;font-size:0.75em}
#offer>section h4,#offer.small>article h4 {height:1em}
#offer>section .spot,#offer.small>article .spot {/*height:4em;padding:10px 4px;*/
		min-height: 58px;
    position: relative;
    padding: 7px 15px;
    background-color: rgba(1,81,138,0.05)!important;
    background-image: url(../partner_icons/spot-b4dbd1.svg);
    background-repeat: no-repeat;
    background-position: 0 center;
    margin-left: -6px}
#offer>section .spot1,#offer.small>article .spot1 {
	background-color:#FFF!important;
;
}		
#offer.small>article .spot,#offer.small>article .spot {margin-left: 0}		
#offer>section .spot>em,#offer.small>article .spot>em {
    margin: 0 10px 0 30px;
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    font-style: italic;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
		color:#01518a;
}
#offer>section .spot.spot1>em,#offer.small>article .spot.spot1>em {
		color:#333;
}
#offer>section div+div,#offer.small>article div+div {margin:0 15px}
#offer>section div+div>ul,#offer.small>article div+div>ul {height:8em;font-size:0.9em}
/*#offer>section div+div+div {height:2em}*/
#offer.small>article div.termine {margin-left:-5px;font-style: italic;height: 2em;}
#offer.small>article .preis {text-align:right}
#offer.small>article .preis p {height: 2.5em;}
.preis:before {content:"p.P. ab"}
#offer>section .preis>a:first-of-type,#offer.small>article .preis>a:first-of-type {font-size:1.79em;font-weight:700}
.more>a {color:#FFF;vertical-align:middle;padding:auto;line-height:2em}

#offer>.wide {width:100%;margin:10px 0;position: relative}
#offer>.wide>article {position:relative}
#offer>.wide>article h3 {padding:15px 10px;text-transform:uppercase;font-weight:400}
#offer>.wide>article {width:42%;float:left;padding:15px 0 10px 2%}
#offer>.wide>article>a>img {display: block;width: 100%; height: auto; overflow: auto}
#offer>.wide>article:first-child {width:27%;padding:0}
#offer>.wide>article:last-of-type {width:25%;float:right;padding:0;text-align:right;margin-right:1%;position: absolute;bottom: 2px;right: 10px}
#offer>.wide>article>.termine {font-style: italic;margin:10px 0}
/*#offer>.wide>article>.preis {margin:0}
#offer>.wide>article .spot {margin:0}*/
.wide>article img+span {position: absolute;left: 10px;bottom: 0;color: #FFF;font-size: 8pt}

/*Darstellung der Einzelreise*/
.topic {display:block;font-size:18pt;font-weight:400;padding:2px 10px;margin:20px 0;text-align:center}
#wide-offer {
	position:relative;margin:20px 0;clip:auto;overflow:hidden;width:100%;
		border: 1px solid #E7CFB6;
;
}
#wide-offer #bild {z-index:10;display:block;width:100%;height:100%}
#wide-offer #text {right:0;top:0;z-index:60;height: 423px;}
#wide-offer #text h2 {min-height:2em}
#wide-offer #text *,#bottomlink * {
line-height:1.4em;
color:#01518a}
#wide-offer>#text>a,#bottomlink>a {
color:#01518a}
#text>a>p,#bottomlink>a>p,#text>.preis+p {font-size:0.8em;margin:0}
#text>.preis+p {margin-top:15px}
#text>a>ul {margin:15px 0;}
#text>a>ul>li,#bottomlink>ul>li {list-style-image: none;list-style-type: disc}
#wide-offer>section .spot {
	background-color:#FFF!important;
			border-right: 1px solid #F3E7DB
;

height:4em;padding:10px;margin:4px -16px

}
#wide-offer #text .spot>em,#wide-offer #text .spot>em * {color:#01518a!important}
#wide-offer .preis,#wide-offer .dauer {color:#FFF;text-align:right}
#wide-offer .preis a {color:#FFF;font-size:1.79em;font-weight:700}
#wide-offer .preis>p {margin-top:-6px}
.rad,.stern {display:inline-block;height:11px;background-repeat:repeat-x}
.rad {background-image: url(../partner_icons/anker-01518a.svg);background-repeat: repeat-x;}
.rad-weiss {background-image: url(../partner_icons/anker-ffffff.svg);display: inline-block;height: 12px;background-repeat: repeat-x;}
.stern {background-image: url(../partner_icons/stern-01518a.svg);background-repeat: repeat-x;}
.stern-weiss {background-image: url(../partner_icons/stern-FFFFFF.svg);display: inline-block;height: 12px;background-repeat: repeat-x;}
#bottomlink {padding:15px}
											
#bottomlink>ul {margin:15px}
#wide-offer .dauer,#bottomlink .preis,#bottomlink .dauer {color:#FFF;text-align:right}
#bottomlink .preis>a {
color:#01518afont-size:1.79em;font-weight:700;
}
#bottomlink .preis {
color:#01518a}
#bottomlink .preis>p {margin-top:-6px}
.pfeillinks {
	clear:both;
  background-image: url(../img/pfeil-links.gif);
  background-repeat:no-repeat;
  float:left;
  margin-left:10px;
  padding-left:60px;
  height:24px;
}
.pfeillinks:hover {
  background-image: url(../img/pfeil-links-rot.gif);
}
.pfeilrechts {
  background-image: url(../img/pfeil-rechts.gif);
  background-repeat:no-repeat;
  background-position: right;
  float:right;
  margin-right:10px;
  padding-right:60px;
}
.pfeilrechts:hover {background-image: url(../img/pfeil-rechts-rot.gif)}


.btn-white {
    float:right;
    font-size:1em;
    padding:4px 10px;
    cursor:pointer;
    text-shadow: none;
    display:inline-block;
    border-radius: 5px;
    text-align:center;
    background-color: #ff9933;
}
.btn-long {width: 100%;}
.btn-white>a {color:#000!important}
.btn-white>a:before {content:"\25BA  "}
.btn-white:hover {
    background-color: #cbe1b4;
}
.btn-orange {
    padding:4px 10px;
    cursor:pointer;
    text-shadow: none;
    display:inline-block;
    border-radius: 5px;
    text-align:center;
    background-color: #ff9933;
    border: 1px solid#ff9933;
}
.btn-orange>a {color:#000!important}
.btn-orange:hover {
    background-color: #cbe1b4;
}
#jetztBuchen button {font-size:18pt;border:0;border-radius: 0;}
#jetztBuchen img {width:60px;vertical-align: middle}
#jetztBuchen span {float:right}
.einrueck {text-indent:-30px;margin-left:30px!important}
.einrueck>li {list-style:none}
.einrueck img {vertical-align:middle}
.weiter .einrueck {text-indent: -22px;margin-left: 30px !important}
.weiter h3 {margin-bottom: 10px}
.weiter td {padding: 0 20px}
.weiter img {vertical-align:middle;width:18px}
#bildleiste {position:relative;width: 100%;height:116px;white-space: nowrap;overflow: hidden; clip:auto; background:rgba(1,81,138,0.3);padding:5px 0}
#bildleiste>img {position:absolute;top:5px}
#bildleiste>img+img {right:0}
#bildleiste>div {position:absolute;left:0}
#bildleiste>div>span>img,#bildleiste>div>a>img {max-width:150px;vertical-align:top;height:105px;margin-right:5px}
#bildleiste>div>span>img:hover,#bildleiste>div>a>img:hover {cursor:pointer}
#bildleiste>div>span {position:relative}
#bildleiste>div>span>span {position:absolute;left:5px;top:80px;line-height: none;z-index:200;font-size:0.69em;color:#FFF;text-overflow:ellipsis;max-width:150px;overflow:hidden}

#detail {width:100%;height:100%; 
    font-family: 'Arial', 'sans serif';
		font-color: #01518a;
    font-size: 1em;
		background-color:#FFF;
		border-right:2px solid rgba(1,81,138,0.05);		
		position:relative;
		z-index:99;
}
#detail section{float:left}
#tripp {width: 65.5%;background:rgba(1,81,138,0.05);padding:1%}
#tripp>*,#tripp>div {padding:10px}
#tripp div {font-size: 0.9em}
/*#tripp p,#tripp div {text-align:justify}*/
#pax .btn {/*width:100%;*/text-overflow:clip ellipsis}
#pax p {text-align: left}
#pax>label {width:120px}
#pax>div:nth-child(even),#pax>div:nth-child(odd) {padding: 10px}
#pax table {border:1px solid #DDD}
#tripp div#pax {padding:0}
#detail>section ul {margin-left:20px}
#detail table{
    text-decoration: none;
    line-height: 22px;
    width: 100%;
    empty-cells: show;
		background-color:#FFF;
}
#detail form h3,#pax {color: #777777;margin-top:20px}
#detail form p {color: #777777;}
td, th{
	border:0;
	margin: 0 2px;
	empty-cells: show;
	vertical-align:top;
	margin:0;
	padding:3px;
	color: #777777;
	font-size:12pt;
}
#detail td, #detail th{
	font-size:0.9em;
}

#detail tr:nth-child(even),#pax>div:nth-child(even) {background-color: rgba(1,81,138,0.05)}
#detail tr:nth-child(odd),#pax>div:nth-child(odd) {background-color: #FFF}
#detail #abschluss tr:nth-child(odd) {background-color: rgba(1,81,138,0.05)}
#detail tr:nth-child(2n).zeilenfarbe {background-color: #fff;}
#detail #abschluss tr:nth-child(2n+1).zeilenfarbeGP {background-color: #b4dbd1;}
#detail .zeilenfarbeGP th {font-size: 1em;}
input[type=text],input[type=email],input[type=tel], select,textarea {width:100%;min-height:27px;font-size:1em;height:27px}

div[id^="id_"] th{text-align:right}
div[id^="id_"] th:first-child, div[id^="id_"] th:first-child+th{text-align:left}
table[id^="cs_"] tr>*,table[id^="zubuch"] tr>*{text-align:right}
table[id^="cs_"] tr>*:first-child,table[id^="zubuch"] tr>*:first-child {text-align:left;width:10%}
table[id^="cs_"] tr>*:first-child+*,table[id^="zubuch"] tr>*:first-child+* {text-align:left}
table[id^="cs_"] img {vertical-align:middle;cursor:pointer}
table input, table select, table textarea {border:1px solid #DDD}
#pax input, #pax select, #pax textarea {border:1px solid #DDD;/*float:right;width:calc(100% - 120px);*/min-width:80px;padding-left:4px;background-color: #FFF;}
#pax textarea[name^="Anreise"] {width:100%;height: 5em;min-width:100%; font-size:initial; padding:4px}
#pax input[type="radio"] {min-width:inherit}
#pax input[type="radio"]+span {margin:0 30px 0 5px;font-weight:bold}

table input[type="checkbox"],#pax input[type="checkbox"] {width:18px;height:18px;vertical-align:middle}
#pax input[type="checkbox"]{float:left}

.formtable {background-color:rgba(1,81,138,0.05)}

.formtable tr>td:nth-child(2) {width:70%}
.formtable tr>td:first-child {width:30%;margin-left:0}
.formtable tr>td[colspan="2"] {width:100%}
.formtable .btn {float:right}
.formtable td {padding:10px;}
.formtable label {display:inline;}
.datenUebernehmen {
	float:right;
	padding: 2px 4px;
	font-size: 9pt;
}

#detail td p, #detail td div, #detail td span, #detail li, #detail li p {
    padding: 0;
    margin:0;   
}
#detail td p {font-size: inherit;}
#detail>section+.offerdetails {width: 34.5%;float:right;border-left:2px solid rgba(1,81,138,0.05)}
.offerdetails>article>* {margin: 0 10px;padding: 0 20px 20px}
.offerdetails>article>h2 {padding:0 0 10px 0}
.offerdetails>article ul{padding:10px 10px 20px 20px}
.offerdetails>article>img {width:100%;margin:0 0 -8px 0!important;padding: 10px 20px;}
.offerdetails>article>#imgsel {margin:4px 0}
.offerdetails>article#anbieterlogo {text-align:center}
.offerdetails>article#anbieterlogo>h2,.offerdetails>article#anbieterlogo>p {text-align:left}
.offerdetails>article#anbieterlogo>img {max-width:300px;padding:0 5%}
.offerdetails>article {position:relative;padding-bottom:0}
.offerdetails>article>span {position:absolute;left:10px;bottom:60px;color:#FFF;font-size:10pt}

#imgsel>img {width:20px;margin:2px 0!important}
#imgsel>img:first-child {float:left}
#imgsel>img:last-child {float:right}
#imgsel span {
    width: calc(100% - 40px);
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10px;
		line-height:1em;
    text-align: center;
    display: inline-block;
		}
.offerdetails>article>div#imgsel {
    margin: 0 20px;
    padding: 0 !important;
    background-color: #eee;
}
#detail article {margin:20px 10px;clear:both;padding:2px 0}
.blanco img {width:20px;height:20px;padding:0;vertical-align:bottom}

::placeholder {
  opacity: 0.5;
}

/*Gutschein*/
.klein {font-size: .67em;line-height: 1.3em}
.gutschein {background-color:#01518a!important;padding:10px;color: #FFF !important}
h3.gutschein {background-color:#01518a!important;padding:10px}
.GutscheinTermsLink {color:#01518a; text-decoration:underline;font-size:12px;cursor:pointer;}
h3.gutschein>img {width:40px;vertical-align:middle}
.gutscheinHinweis, .codeFalsch {display:none}

@media (min-width: 768px) {
h3.gutschein {font-size: 24px}
h3.gutschein>img {width:60px}
}


.gutschein tr {background-color:#01518a!important}
.gutschein td {color: #FFF;font-size:1.2em!important;vertical-align: middle}
.gutschein input[type="text"] {min-height:40px}
#detail td p.codeFalsch {background-color: #F1C5DA;color: #000;padding:4px}
#detail td .gutscheinHinweis {background-color: #FFF;color:#01518a;padding:6px;text-align: left}
#detail td .gutscheinHinweis h5 {margin-bottom:10px;line-height:1.2em}
#detail td .gutscheinHinweis img {width: 200px;margin: 10px}


#detail td p.btn-gutschein {
		font-size:1em;
    padding:10px;
    cursor:pointer;
    text-shadow: none;
    display:block;
    text-align:center;
    background-color: #B3DC78;
		color:#000!important;
}
#detail td p.btn-gutschein:hover {
    background-color: #cbe1b4;
}
/*Reisearten*/
#reisearten>div {margin: 1.5% auto;position: relative;}
#reisearten>div>h2 {font-size:110%;
	color:#01518a;
padding:6px 10px;}
#reisearten div>article {position:relative;padding:20px 10px;line-height:1.2em;}
#reisearten div>article>div:first-of-type {overflow:hidden}
.grau {background-color:#EEE;padding:6px;margin:6px 0;/*position:absolute;*/bottom:0;}
#reisearten div>article>nav>* {font-size: 0.9em}
#reisearten div>article>nav>p>a {font-size: 1em;font-weight:700;text-decoration:underline}
#reisearten div>article>nav>p {bottom:10px;padding-right:20px}
#reisearten div>article a:after {content:'\00A0\25CF'}
#reisearten div>article a:last-of-type:after {content:''}
#reisearten>div img {width:100%;padding:0!important;display:inline-block}

/*pager block*/
.paging {clear:both;
	margin: 50px 0;
	text-align:center;
}
.paging>* {
	cursor:pointer;
	color:#01518a;
	width:34px;
	padding: 4px 0;
	display:inline-block;
	text-align:center;
	background-color: rgba(1,81,138,0.05);
  border-right: 1px solid #d5d9e1;
}
.paging>.pagingNext {border:none}
.paging>.active {
	background-color:#096aa6;
	color:#FFF;
	border-right: 1px solid #FFF;
}
.paging>span {cursor: default!important}
.paging>a:hover {background-color: rgba(1,81,138,0.3);color:#01518a;border-right: 1px solid #FFF}

/*Footer*/
footer {padding-bottom:100px}
footer>* {padding:0 1% 20px 1%}
footer section {width:30%;margin:0 1%;float:left}
footer nav {width:24%;float:left}
footer nav a:hover {text-decoration:underline}
footer h2 {border-top:1px solid #01518a; border-bottom:1px dotted #01518a;line-height:2em;margin:10px 0;padding-left:15px}
footer .sozials>h2 {border:none;}
footer>a {float:left;width:16%;margin-right:1%}
footer ul {
    padding-left:30px;
    margin:10px;
}
footer ul a{
  line-height: 25px;
}
.payment-list img {padding: 4px;float: left;width:40px}
#cookie {
background-color: #E6E6E6;
/*display: none;*/padding: 0 5%;
bottom: 0;
position: fixed;
left: 0;
z-index: 300;
}
#datenschutzcheck {float:right;min-width:120px;margin: 10px 0;text-decoration: underline}
.logoSVG>section>article>h1>img {max-width:150px;margin: 0 5px -2px;}
.logoSVG a:hover,.logoSVG a:focus {color:#81a86b!important}
#cookie>p {line-height: 1.2em}
#cookie>p>a {text-decoration:underline}

/*Teamseite*/
#desc>*, #katalog {padding:20px}
#desc a,.erfahren {font-weight:600;text-decoration: underline}
#desc>section>article,#katalog>section>article {margin-bottom:20px}
#desc ul,#service ul, {margin:10px 20px;}
#desc ul,#desc ol {padding-left:0}
#newsbest>article {width:33%;float:left;margin:10px 2% 10px 0}
#newsbest>article+article {width:65%;margin:10px 0}
#newsbest>article.articleblue {padding:10px;color:#FFF;background-color:#01518a;font-weight: bold}
.terms-link {
	color:#FFF;
	cursor: pointer;
	text-decoration: underline;
	font-weight: normal;
}
#newsbest>article>h2 {color:#FFF;margin-bottom: 10px;}
#newsbest>article.articleblue ul {margin-left: 20px;}
#newsbest>article>ul>li {list-style-image: url(../img/haken.png)}
#newsbest>article>ul>li>ul>li {list-style-image: none;list-style-type: square;font-weight: normal;width:100%}
#newsbest>div {margin:20px 0; width:100%}
#newsbest>div>img {width:100%}
.abstand {margin-top:20px}
.ui {margin:20px 0;background-color:#EEE}
.ui a {text-decoration:underline!important;margin:0 10px}
.bestpreis li {list-style-image: url(../img/listpfeil.png)}
/*///////////////////////////////////////////////////////////////////////////////////////////*/
#team>div {float:left;position:relative;width:32.1%;margin:1% 0.6%}
#team>div>img {width:100%}
#team>div>div {max-width: 323px;position:absolute;bottom:0;right: 15px;left: 15px;background: rgba(1,81,138,0.8);color:#FFF;padding:2%;line-height:1em}
#team>div:nth-of-type(2n+1)>div{background: rgba(0,140,206,0.8)}
#team>div>div>h2>a {color:#FFF}
#team>div>div:hover {background: rgba(3,164,205,0.8)}
#team>div>div>p {line-height:1.2em}
#service {background-color:#F7F7F7;margin: 0 0.6%;padding: 60px 1% 20px;border-radius:5px;color:#777}
#service>div {float:left;width:68%}
#service>div>h4 {line-height:1.8em}
#service>div:first-of-type {float:left;width:32%}
#service>div>a {font-size:1.8em;color:#555;vertical-align:bottom}
#service>div>a:hover {color:#03a4cd}
#service>div>p:last-of-type {line-height:1em!important;}
#service>div+div {border-left:1px solid #CCC;padding-left:20px}
#service>div {position:relative}
#service>div>form>input,#service>div>form>select,#service>div>form>textarea {border:0;width:49%;height:36px;margin:6px 1% 8px 0;float:left;font-size:12pt;line-height:1.2em;padding:4px;border:1px solid #DDD}
#service>div>form>input[type="submit"]{float:right;margin: 0}
#service>div>form>textarea {height:338px/*386px*/;float:right}
#service>div>form>input[type="checkbox"] {width:20px;margin:0 1% 0 0;height:26px}
#service>div>form>input+em {width:43.7%;vertical-align:bottom}
#service>div:first-of-type>img {width:60%;max-width: 200px;border-radius: 50% !important;box-shadow: 0 0 10px rgba(0,0,0,0.2);margin-top: 20px}
#newsservice {background-color:#F7F7F7;padding:4px 1%!important;margin:1% 0.6%;border-radius:5px;color:#777}
#newsservice>form>input {border:1px solid #DDD;height:36px;margin-right:1%;font-size:12pt;line-height:1.2em;padding:4px}
#newsservice>form>button {width:32.4%;margin:0;float:right}
#newsservice>form>*{float:left}
#newsservice>h2 {line-height: 1.2em;}
#service>div>form>.message {position:absolute;left:5%;background:#EEE url('../img/off.png') no-repeat top left;color:#777;width:80%;height:auto;padding:40px}
.info {position:relative;display:block;cursor: pointer;max-width:680px;z-index:200}
.info-blau {position:relative;cursor: pointer;max-width:680px}
.info-blau>img, .info-pdf>img {position:relative;z-index:200;vertical-align:middle}
.hinw {color:#F00;font-size:8pt}
.nlhinw {position:relative;cursor: pointer;font-weight:bold}
input.error, select.error {background-color:#F1C5DA}
select[type="checkbox"].error {border:2px solid #F00}
label.error {color:#F00}
.warn {color:#F00;font-weight:bold}
.warn>a {color:#F00;text-decoration:underline}
.info:hover,.nlhinw:hover,.info-blau:hover {color:#03a4cd}
.info span,.nlhinw span {display:none;font-size:0.8em;color:#777;line-height:1.2em;position:absolute;top:10px;right:0;border:1px solid #CCC;background-color:#FFF;padding:10px;font-weight:normal;text-align:left}
.info-blau span {display:none;font-size:0.8em;color:#777;line-height:1.2em;position:absolute;top:10px;left:0;border:1px solid #CCC;background-color:#FFF;padding:10px;font-weight:normal;text-align:left;min-height:18px;padding:6px!important;z-index:300}
.info-blau span>p {font-size:inherit;line-height:1.2em}
.info:hover span,.nlhinw:hover span,.info-blau:hover span {display:block;width:250px}
.info-blau.gross span {
	display:none;
	font-size:14px;
	line-height:1.2em;
	max-width: 1140px;
	margin: auto;
  position: fixed;
  min-width: 60%;
  top: 30%;
  left: 20%;
	right:20%;
	border:1px solid #CCC;
	background-color:#FFF;
	padding:10px;
	font-weight:600;
	text-align:left;
	min-height:18px;
	padding:20px!important;
	z-index:300;
	box-shadow: 0px 0px 10px 10px rgba(90, 90, 90,.5);
	}
.info-blau.gross:hover span {display:block!important;}
.contact {float:left; margin-right:2%;width:20%}
.contact>img {width:100%}
.contact+div {float:left;width:78%}
#chef>span {float:left;width:100%;margin-bottom: 40px}
#chef>span>img {float:left;margin:10px 0}
#chef>span>h5 {float:left;margin:24px 0 0 20px;font-weight: normal}
.f span {margin-right:10px;float:left;display:inline!important}
#desc h1,#katalog h1 {margin-bottom:10px}
#desc h3, #katalog h3 {padding-top:20px}
#desc h4, #katalog h4 {margin-top:60px;font-style:italic}
.f span {width:200px}
.f>img:first-child {float:right}
.rightimg {float:right;margin:10px 20px;}
.leftimg {float:left;margin:-4px 10px 0 0}
.voll {max-width:1120px; width:100%;height:auto}
.flex {
    display: flex;
    flex-wrap: wrap;
}
.flex {
    display: flex;
    flex-wrap: wrap;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
	}
.px-1 {
  padding-right: 1em !important;
  padding-left: 1em !important;
}
.pt-3,
.py-3 {
  padding-top: 1.5rem !important;
}
.pb-3,
.py-3 {
  padding-bottom: 1.5rem !important;
}
.px-15P {padding-right: 1.5% !important;padding-left: 1.5% !important;}
.px-5P {padding-right: 5% !important;padding-left: 5% !important;}
.mt-2,
.my-2 {
  margin-top: .75rem !important;
}
.mb-2,
.my-2 {
  margin-bottom: .75rem !important;
}
.mt-3,
.my-3 {
  margin-top: 1.5rem !important;
}
.mb-3,
.my-3 {
  margin-bottom: 1.5rem !important;
}
.mt-5,
.my-5 {
  margin-top: 3rem !important;
}
.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}
.mt-auto,
.my-auto {
  margin-top: auto !important;;
}
.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}
.mt-60 { margin-top: 60px;}
.ml-auto,.mx-auto {margin-left:auto !important}
.mr-auto,.mx-auto {margin-right:auto !important}
.ml-5,.mx-5 {margin-left:3rem !important}
.mr-5,.mx-5 {margin-right:3rem !important}
.m-auto {margin:auto !important}
.col-12,.col-md-3,.col-md-4, .col-md-6,col-md-8, col-md-9,.col-lg-4, .col-lg-6, .col-lg-6a {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.kataloge {flex: 0 0 33.33333%;max-width: 33.33333%}
.col-md-4>img {width:100%;height: auto;}
.weltreise .col-md-6 {
  padding-top: 15px;
  padding-bottom: 15px;
	align-items:center; 
	}
@media (min-width: 576px) {
.col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
	}
}
	
@media (min-width: 768px) {
.col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
	.col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
#WhatsApp-Popup .col-md-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}	
	.col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }	
	.col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }	
	.px-md-5P {padding-right: 5% !important;padding-left: 5% !important;}
	.p-20 {padding:20px}
	.pt-md-0, .py-md-0 {padding-top: 0 !important;}
}
@media (min-width: 800px) {
	.mt-2 {margin-top:2em}
	}
@media (min-width: 992px) {
.col-lg-2 {
	-ms-flex: 0 0 16.66666667%;
	width: 16.66666667%;
	flex: 0 0 16.66666667%;
	max-width: 16.66666667%;
}
.col-lg-3 {
	
	-ms-flex: 0 0 25%;
	width: 25%;
	flex: 0 0 25%;
	max-width: 25%;
}
.col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
	.col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 1200px) {
.col-xl-2 {
	-ms-flex: 0 0 16.66666667%;
	width: 16.66666667%;
	flex: 0 0 16.66666667%;
	max-width: 16.66666667%;
}

.col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
	.col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }	
}

.kataloge>div {float:left;position:relative;clip:auto;overflow:hidden;padding:10px;box-shadow: 0 0 10px rgba(0,0,0,0.2);width:98%;margin:1%;min-height:470px;text-align:center}
.kataloge>div .kreis {position:absolute; top:-50px;right:-50px;width:100px; height:100px;border:1px solid #c00000;border-radius: 50px;background-color:#c00000;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(450deg);-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.kataloge>div .kreis>span {color:#FFF;margin-top:70px;display:block}
.kataloge>div p:first-of-type {height:6em}
.kataloge>div p:first-of-type+p {min-height:240px}
.kataloge>div .kat-best {width:100%}
.kataloge a {text-decoration: none}

/*Film*/
#film {line-height:1.2em;font-size:0.9em}
#film>div {float:left;width:32%;margin:1% 0.5%;border-radius:5px;position:relative;height:400px;background-color: rgba(1,81,138,0.05)}
#film>div h2 {margin:10px 10px 30px 10px}
#film>div>p {position:relative;padding:0 10px}
#film>div a>img {width:100%}
#film>div a>img+img {position:absolute;top:40%;left:45%;width:39px;height:39px}
#film>div h2+a {position:absolute;bottom:10px;right:10px}
.video {float:left;position:relative;width:100%;margin:1% 0.5%;border-radius:5px;padding:10px}
.video1,.video2 {position:relative;width:100%;max-width:1098px;margin:1% 0;height:auto;}
.video>a>img {width:100%}
.video>a>img+img {position:absolute;top:40%;left:45%;width:39px;height:39px}
.wrapper {
    display: table;
    width: auto;
    position: relative;
		}
.playpause {
  background-image: url(../img/play.png);
  background-repeat: no-repeat;
  width: 130px;
  height: 130px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-size: contain;
  background-position: center;
  z-index: 100;
}
.g span p {padding-top:70px;font-style:italic}
.g span img {margin-right:10px}
.g span {width:300px}
.g span,.f span {margin-right:10px;float:left;display:inline!important}
.g img {float:left;margin-right:10px}

/*Information*/
#information>section {background-color:rgba(1,81,138,0.05);float:left;width:23.8%;min-height:480px;margin:1% 0.6%;border-radius:5px;}
#information>section>* {padding:10px}
#information>section>a,#information>section>a>img {display: block;width:100%;height:auto;padding:0!important}
#information>section>h3 {height:3.5em}
#information>section>h3 em {display:block;font-size:0.79em;font-style:italic}
#information>section>p:first-of-type {margin:10px 0;height:10em}
#information>section>p>a {font-size: 1.2em;text-decoration:underline}
#information>section>div.film {position:relative;padding: 0;}
#information>section>div.film img {position: absolute;top: 40%;left: 44%;width: 39px;height: 39px;z-index: 100;}

/*Formulare*/
#information input[type="email"],.newsletter {width:98%;padding:4px;margin:0 1%}
#information input[type="email"] {margin-bottom:6px}
form table {width:100%;background-color: #FFF}
#bildbox {z-index:1000}
#bildbox span {position: relative; bottom:40px;left:0; background-color: #FFF;padding:4px}

/*Partner Abweichungen*/
.partner #newsbest>article>ul+div {box-shadow: 0 0 10px rgba(0,0,0,0.4);background-color:#03a4cd;color:#FFF;text-align:center;/*font-family:'Palatino Linotype';*/padding:4px 10px;margin:10px 0 0 0;max-width:250px;float:right;text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);}
.partner #newsbest>article>ul+div:hover {background-color:#c63;color:#FFF}
.partner .info:hover {color:#FFFFFF}
.partner .formtable tr>td[colspan="2"]>label {font-size:10pt}
.partner .formtable tr>td[colspan="2"] a {color:#777777;border-bottom:1px solid #777777}
.partner .formular h4,.partner .formular h4+span {margin:0 10px}
.partner .formular>span {font-size:10pt}
.partner>section>h1,div.partnerportal+section>h1+p {padding-left: 10px}
.partner>section>h1 {font-size:16pt;margin-top: 20px}
.partner>section>h1+p {font-size:14pt;font-style:italic}
.partner #newsbest {border-top: 4px solid rgba(1,81,138,1)}
.partner section#newsbest h1+p {margin-left: 10px}
.partner ul {margin-left:20px}
.partner ul.erreichbarkeit {margin-left:0}
a.hochkant,a.hochkant+a,a.farbe {font-size:10pt}
a.hochkant:hover,a.hochkant+a:hover,a.farbe:hover {border-bottom:1px solid #01518a;color:#01518a}
a.bannerlink {display:block}
a.bannerlink>img {width: 100%;max-width: 600px}
/*Partner Reiseart Navi*/
.partnerreiseart {margin-bottom:10px}
.partnerreiseart a {font-size:110%;text-align:center;color:#000;padding:4px 6px;background: rgba(1,81,138,0.3);display: inline-block;margin-top: 4px}
.partnerreiseart a:hover {background-color:#03a4cd;color:#FFF}
.redakteur {margin:15px 5% 0 0;float:left;max-width: 208px;width: calc(100% - 80%)}
.redakteur>img {width:100%}
.redakteur+span {width:60%;float:left}
.red {color:#03a4cd;font-weight:700}
.halb {width:49%;float:left}
.space {margin-right:2%}
.aboextra {background-color:#f6efe4}
.aboextra>h2 {background-color:#9d8150;line-height:29px;color:#FFF;font-weight:700}
.aboextra>h2>img {margin-right:20px}
.aboextra>p {padding:0 20px 10px 20px}
.willkommen div {float:left}
.willkommen div:first-of-type {width:60%;padding:3% 30px 0 10px}
.willkommen div:first-of-type>span {font-family: 'Cormorant Infant', serif;color:#01518a; line-height:2em}
.willkommen h1 {font-size: 36pt;line-height: 36pt}
.willkommen p {font-size:18pt}
.willkommen h2 {margin-top:13%}
.willkommen div:last-of-type {width:40%;overflow:hidden}
.willkommen img {width:100%}
.offerdetails>article.vorteiltitel>h2 {background-color:inherit;line-height:29px;color:inherit;font-weight:700;padding:0 4px}
.offerdetails>article.extratitel>h2 {background-color:inherit;line-height:29px;color:inherit;font-weight:700;padding:0 4px}
.offerdetails>article.extratitel>h2>img,.offerdetails>article.vorteiltitel>h2>img {margin-right:6px}
/*Partner Footer Layout*/
div.partnerfooter #information>section {width:32%;min-height: 520px;color:#01518a}
div.partnerfooter #information.vier>section {width:23.8%;min-height: 520px;color:#01518a; position:relative;}
div.partnerfooter #information.vier>section>a.pos {position: absolute;bottom: 70px;font-size: 1.2em;text-decoration: underline;display: block;text-align: center;}
div.partnerfooter #information>section>ul {margin: 10px 0;}
div.partnerfooter ul li {margin-left: 20px}
div.partnerfooter {margin:2% 0;padding:10px;background-color:rgba(1,81,138,0.05);box-shadow: 0 0 10px rgba(0,0,0,0.2);color:#01518a}
div.partnerfooter>section {width:49%;float:left}
div.partnerfooter>section>a,div.partnerfooter>section>p>a {color:#01518a}
div.partnerfooter section:nth-child(1),div.partnerfooter .clear+section {margin-right:2%}
div.partnerfooter>section h2{background-color:#01518a;color:#fff;padding:4px;text-align:left}
div.partnerfooter>section a.tel {font-size: 1.5em;vertical-align: bottom}
div.partnerfooter>section a.tel>img {vertical-align: middle}
.center {text-align:center}
.center>h4 {margin-top:70px}

@media print {
 #detail {    
	-webkit-box-shadow: none; 
  -moz-box-shadow: none;
   box-shadow: none;
	 padding:0;
  }	
	#tripp {width:100%}
}

@media only screen and (max-width:1279px) {
#offer.small>article div+div>ul {height:10em}
}

@media only screen and (max-width:1100px) {
div.partnerfooter #information.vier>section {width:48.8%;min-height: 520px;color:#01518a}
div.partnerfooter #information.vier>section>a.pos {bottom: 30px;}
}
@media only screen and (max-width:1030px) {
header div.logo a {background-position: -155px -127px;width:236px; height:83px}
ul.erreichbarkeit:last-of-type li.vorteil {margin-top:20px}
ul.erreichbarkeit li.vorteil {margin-top:10px}
ul.erreichbarkeit+a>img,ul.erreichbarkeit+img {margin-top:0}
header nav #reiseart>h2 {font-size:100%}
header #reg>div.navigation>a>img, #kontakt>a>img, header #reg>div.navigation>a>img, #kontakt>a>svg {max-width:32px;max-height:24px}
#desc {box-shadow: none}
#kontakt>a span+span {min-width:190px}
}
@media only screen and (min-width:901px){
	header #reg>div.navigation>a>img, #kontakt>a>img,#mobileMenu>img {display:none}
}
@media only screen and (max-width:959px) {
body>div {padding:20px 5px;width: calc(100% - 10px);}
header div.logo {margin:10px 0}
body>h1 {display:none}
#high-light>a, #high-light>a>img {width:100%;max-width:100%;margin:0 0 10px 0} 
#high-light>a#vers,#offer>a#vers {display:none}
#information>section {min-height:474px}
/*#reisearten>div {width:47.9%}
#reisearten>div img {max-width:444px}*/
/*.kundenlogo ul.erreichbarkeit:last-of-type li.vorteil {display:none}*/
}

@media only screen and (max-width:900px) {
#mobile_menu {
    position:fixed;
    top:40px;
    right:0;
    width:60%;
    z-index:500;
}
#mobileMenu {
		position: absolute;
		right: 0;
		top: 0;
}
#mobileMenu>img {
    width:32px;height:24px;
    cursor:pointer;
    padding:4px 4px 0 0;
}
#mobile_menu {
    background-color: #FFF;                           
    border-left:2px solid #669999;
    border-bottom:1px solid #669999;
}
#mobile_menu li {list-style-image: none;list-style-type: none}
#mobile_menu li>a,#mobile_menu li[data-a]  {
    border-bottom:1px solid #669999;
    display:block;
    font-size:12pt;
    font-weight:bold;
    color:#555;
    padding:0.5em 15px;
}
#mobile_menu li[data-a]>p {margin:0}
#mobile_menu li[data-a]>p::after {
  content: " \00A0 \00A0 \25BA \00A0 ";
  display: inline-block;
	transform: rotate(90deg);
	height: 18px;}
#mobile_menu li[data-a]>span>a::before {
  content: "\00BB \0020 \00A0 ";
  display: inline-block;
}
#mobile_menu li[data-a]>span>a {display:block;margin:4px 0 0 10px;}
header>div.kundenlogo.riw, #reiseart {
  display: none;
}
header>div.kundenlogo {padding:0}
header>div.kundenlogo>a:first-of-type {margin: 0 auto;display:block;float: none;}
ul.erreichbarkeit+a>img {display:none}

#landingpage header>div {display: block;}
header #reg>div.navigation>#mobileMenu {display:inline}
header #reg>div.navigation>a>span,#reiseart {display:none}	
#kontakt>a span {display:none!important}
/*header #reiseart>div {width:100%;background-color:#FFF;margin:0 0 4px 0;-webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.75);
-ms-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.75);
box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.75)}
header #reiseart>div:last-of-type {margin-bottom:10px}
header nav div>* {width:50%}
header #reiseart>div>h2 {
	-webkit-box-shadow:none;
	-ms-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;float:left;padding:4px 10px;text-align:left}
header #reiseart>div>h2:after {content:'\25BA  ';float:right;margin:0 10px}
header #reiseart>div>h2+span {position:absolute;top:0;right:0;background-color: #e7ecee} 
header #reiseart>div>h2>img, header #reiseart>div>h2>img+br {display:none} */
ul.erreichbarkeit li.vorteil>span,.contact,.contact>img {display:none}
#offer.small>article, #information>section  {width:47%}
div.partnerfooter>section h2 {font-size:12pt}
div.partnerfooter #information>section,div.partnerfooter #information.vier>section {width:100%;margin: 1% 0} 
#information>section>p:first-of-type {height: inherit}
#newsbest>article {width:100%;float:none}
#newsbest>article+article,.contact+div {width:100%}
footer>* {width:100%!important;margin: 0 0 10px!important;}
footer section img {max-width: 100%;}
div.partnerfooter>section h2 {font-size:12pt}
.willkommen h1 {font-size: 24pt;line-height: 24pt}
.willkommen p {font-size: 16pt}
.willkommen div:first-of-type>h2 {margin-top:10%}
}

@media only screen and (max-width:800px) {	
	.partnerportal>* {display:block}
	.partnerportal>span:last-of-type{text-align:right}
	.partnerportal>img {margin: 20px auto}	
	div.partnerfooter>section {width:100%}
	div.partnerfooter section:nth-child(1),div.partnerfooter .clear+section {margin-right:0}
	div.partnerfooter section{margin:0 0 20px 0}
	div.partnerfooter section:last-of-type {margin-bottom:0}	
	div.partnerfooter>section h2 {font-size:16pt}
	.kundenlogo ul.erreichbarkeit+img {display:none}
	.kundenlogo>ul.erreichbarkeit li.vorteil>span {display:inline}
	.halb {width:100%}
}

@media only screen and (max-width:759px) {
header>div.kundenlogo ul.erreichbarkeit {display:none}
ul.erreichbarkeit:last-of-type li.vorteil {border-right: 1px solid #01518a}
#detail section,#detail>section+div  {width:100%!important;margin:10px 0}
/*#detail>section+.offerdetails {display:none;}*/
#tripp>*{padding:0}
#detail article,.formular {margin:10px}
#team>div,#film>div  {width:47.9%}
#schnellsuche,#filter {width:100%;height:384px;margin:0 0 20px 0;position: inherit}
.listensuche>section select, .listensuche>section input {width:49%}
.listensuche>section>form>span {width:50%}
.listensuche>section a.btn {width:99%}
/*#cal {display:none}*/
.kataloge {flex: 0 0 50%;max-width: 50%}
#offer>.wide {width:48%;float:left;margin:10px 1%}
#offer>.wide>article {width:100%;float:none}
#offer>.wide>article:first-child,#service>div {width:100%!important}
#service>div+div {padding-left:0;border:0}
#offer>.wide>article:last-of-type {width:100%;text-align:right;position:relative;margin:10px 0;padding-left:20px}
#offer .preis>p {height: 4em}
#offer>section .spot,#offer.small>article .spot {margin: 0 0 0 -6px}
#newsservice>form>input,#newsservice>form>button {width:98%;float:none;margin-left:1%}
.willkommen div:first-of-type {padding: 2% 30px 0 10px}
.info-blau.gross span {
	min-width: 80%;
  top: 30%;
  left: 10%;
	right:10%;
	}
}

@media only screen and (max-width:639px) {
ul.erreichbarkeit li.vorteil {padding:0;font-size:0.75em}
ul.erreichbarkeit:last-of-type {display:none}
.kundenlogo ul.erreichbarkeit:last-of-type li.vorteil {display:none}
#landingpage .kundenlogo>a:first-of-type {background-position: center;}
#intro {height:300px}
#intro>div>#text {width:180px;height:200px;padding:10px;left:0;top:50px}
#offer.small>article,#wide-offer #text {width:100%}
/*.grau {height: 10em}
#reisearten>div>article {height:100%!important}
#reisearten>div img {max-width:610px}*/
#reisearten div>article>nav>p {bottom:30px}
#offer>.wide {width:100%;float:none;margin:10px 0}
.partnerreiseart {display:none}
.willkommen div:first-of-type {width:100%; padding: 5% 30px 0 10px}
.willkommen div:last-of-type,.willkommen img {display:none}
.copyright {bottom:inherit;top:6px}
#offer>section .spot {margin: 0 0 0 -12px}
}

@media only screen and (max-width:479px) {
header #reg>div.navigation>a {padding:6px 0 6px 4px}
header #reg>div.navigation>a:nth-of-type(2),header #reg>div.navigation>a:nth-of-type(3),header #reg>div.navigation>a:nth-of-type(4) {display:none}
header #reg>div.navigation>a:nth-of-type(4) {border:none}
ul.erreichbarkeit li.vorteil>span {display:inline}
ul.erreichbarkeit,ul.erreichbarkeit li {float:none!important;margin-bottom:10px}
ul.erreichbarkeit li.vorteil {padding:0}
wide-offer #bild {position:absolute}
#film>div,#team>div {width:100%;height:inherit}
#detail #pax .btn>span {display:none}
#service>div>*,#newsservice>form>*,#service>div>form>* {width:100%!important;float:none}
#service>div>form>input[type="checkbox"] {width:20px!important}
#information>section{width:100%}
.kataloge {flex: 0 0 100%;max-width: 100%}
#information>section>p:first-of-type {margin:10px 0;height:6em}
header nav div>* {width:100%}
.listensuche>#schnellsuche form>input,.listensuche>#schnellsuche form>select,.listensuche>#schnellsuche a.btn {width:97.5%}
.listensuche>section select, .listensuche>section input {width:99%}
div.partnerfooter>section h2 {font-size:12pt}
}

@media only screen and (max-width:390px) {
#einleitung, #Team {display:none}
#reisearten div>article>div:first-of-type {height:25em}
div.partnerfooter>section h2+br+img {width:100%}
.paging>* {width:30px;padding: 2px 0}
}
.kundenlogo>a:first-of-type {
  float:left;
  font-weight:bold;
  font-size:12pt;
  min-height:125px;
  background-position:left;
  background-repeat:no-repeat;
  width:100%;
  margin-bottom:20px;
}
.kundenlogo>a:first-of-type>* {
  padding:4px 10px 0 10px;
}

/*chat-css*/
#chatbox {position:fixed; top:25%; right:0;width:60px; height:50px;background-color:#eff7fc;border:1px solid #CCC;z-index:1000;cursor:pointer}
#chatbox h2 {position:relative;padding:10px;background-color:#096aa6}
#chatbox h2>span>span {color:#FFF;font-size:24pt;text-align:center}
#chatbox h2>span {color:#FFF;font-size:14pt;font-style: normal; white-space: nowrap}
#chatbox h2>span>img {position:absolute;top:-80px;left:125px}
#chatlog {background-color:#FFF; height:280px;overflow-y: scroll;margin:10px 0}
#chatform {height:auto;margin:10px;display:none}
#chatform>input,#chatform>select {border:1px solid #CCC;padding:0 4px;margin:10px 0;width:330px;height:30px;font-size:12pt}
#chatform>button {width:100%}
#chatlog>p {margin:0}
#chatinput {border:1px solid #CCC;margin:-70px 10px 10px 10px;width:330px}
#close {color:#FFF;padding:0 4px;cursor:pointer;float:right;font-size:20px;display:none}
.a {color:#01518a}
.q {color:#888}

/*Gutscheine*/
.underline {text-decoration:underline}
#detail td .gutscheinHinweis.gutscheine {padding: 20px;}
.gutscheinHinweis.gutscheine h4>span {font-size:12px}
.gutscheinHinweis.gutscheine .klein {margin-top: 10px;}
.gutscheinHinweis.gutscheine .klein>a {text-decoration:underline;}
.gutscheinbedingung h1,#gutscheine h1 {font-size:1.5em;margin: 40px auto;}
.gutscheinbedingung ul {margin:20px}
#gutscheine h2 {margin: 40px auto;}
.gutscheinbedingung img,#gutschein img {width:100%}
#gutscheine ul {margin:0 0 40px 45px}
#gutscheine ul li {list-style-type:none;text-indent:-25px}
#gutscheine ul li::before {
    content: "\f00c";
    font-family: fontawesome;
		margin-right:10px
		}
.nichtGefunden {background-color:#01518a;color:#FFF;font-weight:700;text-align:center;padding:20px 0;margin-top:20px}

/*Reiseübersicht*/
#abschluss {color:#777;}
#abschluss h1 {font-weight:700}
#abschluss h2 {margin-top:20px}
#jetztBuchen span {float:none}
#jetztBuchen span>.btn {float:left;min-width:150px}
#jetztBuchen span h2 {margin:inherit}
#jetztBuchen span>.btn-white {border-radius:0;border:1px solid #ff9933;float:right}
span.paxback {display:block;}
span.paxback>p {padding:10px}
span.paxback:nth-child(even)  {background-color: rgba(1,81,138,0.05)}
span.paxback:nth-child(odd) {background-color: #FFF}
#tripp>#abschluss p,#tripp>#abschluss div {text-align:inherit}

@media (max-width: 438px){
#jetztBuchen .btn,#jetztBuchen .btn-white {width:100%;margin:5px 0;}
}
.imgLink {display:block;position:relative;}
.imgLink>.copyright {color:#000;}

/*Landingpages*/
body#landingpage>div {padding: 0 20px;}
#landingpage header {border-bottom:4px solid #01518a;padding-bottom:10px;}
#landingpage .kundenlogo {padding:0;  margin: 10px auto 0;height: 100px;width:98%}
#landingpage .kundenlogo>a:first-of-type {min-height:100px;margin-bottom: 0;max-width: 100%;width: 300px;}
#landingpageBild {width: 100%; height: auto; position: relative;}

#landingpage>h1 {
margin: 20px auto;
padding: 10px 20px;
text-transform: uppercase;
line-height: 1.5em;
font-weight: 600;
letter-spacing: 0.05em;
font-size: calc(1rem + 1.2vw);
text-align: center;
max-width:1140px;
}
#landingpage #intro, #landingpage .area {height: auto;position:relative;}
#landingpage .kurztext {padding:20px;line-height:1.4em;text-align: justify;}
#landingpage .kurztext h2 {font-size: 24px;line-height: 1.2em;}
#landingpage .kurztext p {font-size: 18px;}
#landingpage .relative {position: relative;}
#landingpage #filter {
  background-color: #FFF;
  background-color: rgba(255,255,255,0.6);
  float: none;
  border-radius: 5px;
  height: auto;
  width: 80%;
  text-align: center;
  margin: 0 10%;
  position: absolute;
  z-index: 100;
	bottom: 0;
	padding-bottom:20px;
}
#landingpage #filter select, #landingpage #filter input {
  height: 34px;
	width:100%;
}
#landingpage #filter select {padding-left: 5px;}
#landingpage #filter input {padding-left: 8px;}

#landingpage .copyright {bottom: 0!important;top:inherit}
a.filterbtn {
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	background-color: #03a4cd;
	background-image: -moz-linear-gradient(top, #1183c3,#01518a);
	background-image: -webkit-linear-gradient(top, #1183c3,#01518a);
	background-image: -o-linear-gradient(top, #1183c3,#01518a);
	background-image: linear-gradient(to bottom, #1183c3,#01518a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1183c3', endColorstr='#FF01518a', GradientType=0);
	background-repeat: repeat-x;
	border: 1px solid #1183c3;
	height:34px;
	width: 100%;
  color: #FFF;
  font-size: 14pt;
  line-height: 30px;
  display: block;
}
a.filterbtn:hover {
	background-color: #4fa7e0;
	background-image: -moz-linear-gradient(top, #01518a,#469ed7);
	background-image: -webkit-linear-gradient(top, #01518a,#469ed7);
	background-image: -o-linear-gradient(top, #01518a,#469ed7);
	background-image: linear-gradient(to bottom, #01518a,#469ed7);
	color: #FFF;
}
#landingpage>div>article {padding: 20px;}
#landingpage .specialFont h2 {font-family: 'Dancing Script', serif;font-size: 50px;line-height: 1em;color: #81a86b;margin-top:1em;}
#landingpage .specialFont p {font-size:18px;line-height:1.5em;text-align: justify;}
#landingpage #filter h4 {margin: 10px;font-size: 1.2em;color: #000;}
#landingpage footer .kundenlogo ul {margin: initial;}
#landingpage #offer.small>article {position:relative;background: rgba(1, 81, 138,1);padding-bottom:46px;}
#landingpage #offer.small>article h1>a {text-transform: uppercase;}
#landingpage #offer.small>article a+div {background: rgba(1, 81, 138,1);color:#FFF;padding: 10px 0;height: auto;}
#landingpage #offer.small>article a+div * {color:#FFF;}
#landingpage #offer.small>article div.termine {margin-left: 0;font-style: italic;font-size: 18px;}
#landingpage #offer>section .spot.spot1>em, #landingpage #offer.small>article .spot.spot1>em {color:#01518a}
#landingpage #offer.small>article .preis {height:auto}
#landingpage #offer.small>article .preis>a,#landingpage #offer.small>article .preis::before {text-shadow: 2px 2px #000;}
#landingpage #offer.small>article .preis>a.btn {background-color: #03a4cd;color: #FFF;background-image: none;text-shadow:none;position: absolute;bottom: 10px;right: 30px;padding: 10px 20px;}
#landingpage #offer.small>article .preis>a.btn:hover {color: #000;}
.hit {
	position: absolute;
	display: flex;
	width: 130px;
	height: 130px !important;
	z-index: 100;
	background: #C60000;
	color: #fff;
	top: 15px;
	right: 10px;
	justify-content: center;
	border-radius: 50%;
	box-shadow: 0 0 3px 0px rgb(0 0 0 / 100%);
	align-items: center;
	flex-direction: column;
	font-size: 16px;
	padding: 15px;
	text-align: center;
	text-shadow: 1px 1px #000;
/*	font-weight: bold;*/
	hyphens: auto;
}
.hit>span {
  transform: rotate(10deg);
  width: 120px;
}
.showMore {
	display: block;
	font-size: 16px;
	font-weight: 700;
	padding-bottom: 20px;
	text-align: center;
	margin-top:20px;
}
.arrowMore {
    background-image: url('data:image/svg+xml,<svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 18"><path fill="rgba(1, 81, 138,1)" d="M0 4L2 2L9 9L16 2L18 4L9 13Z"></path></svg>');
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: top;
    background-repeat:no-repeat}
.arrowLess {
    background-image: url('data:image/svg+xml,<svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 18"><path fill="rgba(1, 81, 138,1)" d="M0 11L2 13L9 6L16 13L18 11L9 2Z"></path></svg>');
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: top;
    background-repeat:no-repeat}
a.showMore:hover .arrowMore {
    background-image: url('data:image/svg+xml,<svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 18"><path fill="rgba(3, 164, 205,1)" d="M0 4L2 2L9 9L16 2L18 4L9 13Z"></path></svg>');
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: top;
    background-repeat:no-repeat}
a.showMore:hover .arrowLess {
		background-image: url('data:image/svg+xml,<svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 18"><path fill="rgba(3, 164, 205,1)" d="M0 11L2 13L9 6L16 13L18 11L9 2Z"></path></svg>');
		display: inline-block;
		width: 30px;
		height: 30px;
		vertical-align: top;
		background-repeat:no-repeat
		}
.welle {background-image: url(/img/welle.jpg);background-position:bottom left; background-repeat: no-repeat;text-align:center;padding: 82px 20px 40px;line-height: 1.4em;  max-width: calc(100% - 1.2%); margin: auto;}
.welle h4 {font-size: 20px;}
.welle .btn {margin:20px 0}
.direktkontakt {padding: 40px 20px 20px;width: calc(100% - 1.2%);max-width: 1140px;margin: auto;}
.direktkontakt a {border-bottom: 2px solid #01518a;}
.direktkontakt a:hover {border-bottom: 2px solid #4fa7e0;}
#landingpage .icon {background-color: #4fa7e0; height: 40px; width: 40px; display: inline-block; margin:0 25px 0 0; padding: 3px; vertical-align: bottom;}
#landingpage .icon+div{display: inline-block;width: calc(100% - 80px);}		
		
@media only screen and (max-width:959px) {
body#landingpage>h1 {display:block}
}
@media only screen and (max-width:759px) {
body#landingpage>div {
  padding: 0 5px 20px 5px;
}
#landingpage header,#landingpage .kundenlogo {height: 200px;}
#landingpage #filter {
position: relative;
width: 100%;
margin: auto;
}
#landingpage .kundenlogo>ul.erreichbarkeit {display:block}
}
@media only screen and (max-width:629px) {
#landingpage .kundenlogo>a:first-of-type {min-height:100px;margin-bottom: 0;max-width: 100%;width: 100%;}
}

@media only screen and (max-width:479px) {
#landingpage .kurztext *,#landingpage .specialFont * {hyphens: auto;}
#landingpage .specialFont h2 {font-size:40px;}
.welle {max-width: 100%;margin: auto .6%;}
}
.bigger {
  font-size: calc(1.225rem + 0.9vw);
	font-weight:500;
	margin: 20px 10px;
	line-height:1.4em;
}
@media (min-width: 1200px) {
  .bigger {
    font-size: 1.8rem;
  }
}
.relative {position:relative}
.middle {vertical-align: middle;}
.headline {
  line-height: 1.4em;
  color: #01518a;
}
h1.headline>span {
  font-size: .6em !important;
  color: #777;
}
#katalogPDFpopup {
position: fixed;
width: 98%;
max-width: 580px;
top: 100px;
z-index: 1010;
box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
background-color: #F7F7F7;
margin: 0 0.6%;
padding: 20px 1%;
border-radius: 5px;
color: #777;
display:none}
#katalogPDFpopup input,#katalogPDFpopup select {
border:0;
height:36px;
margin:6px 1% 8px 0;
font-size:12pt;
line-height:1.2em;
padding:4px;
border:1px solid #DDD
}
#katalogPDFpopup input[type="submit"] {
  float: right;
  margin: 0;
}
#katmessage>h3 {color: #01518a;}
@media (min-width: 580px) {
#katmessage>h3 {white-space:nowrap;}
}
#katmessage>img {max-width:100%}

header #reg>div.sozials {
	padding-right: 20px;
	font-style: normal;
	background-color: #FFF;	
  text-align: right;
	font-weight:normal;
	height: 40px;
	}
.sozials>a {
	width: 30px;
	margin-right:10px;
	height: auto;
	color: #01518a !important;
	display: inline-block;
	text-align: center;
	}
.hoch span {
	transform: rotate(-90deg);
  display: inline-block;
  font-size: 40px;
  vertical-align: bottom;
  margin-right: 10px;
}
.justify {text-align: justify;}
ul.listStyleNone {
  margin: 10px 0 10px 0px !important;
}
ul.listStyleNone>li {list-style-type: none;}
.buchungEinrueck {margin-right: 20px;}
.buchungEinrueck .rightimg {margin: 10px 0 0 12px;}
.img100 {width:100%}
.img-fluid {
  max-width: 100%;
  height: auto;
}
/* Möwe */
#moe {
  height: 400px;
  width: 400px;
  position: fixed;
  z-index: 200;
  bottom: 10px;
  right: 0px;
	pointer-events:none;
}
.part2,.part1 {
	display:none;
}
#moeText {
  height: 110px;
  width: 220px;
  position: fixed;
  z-index: 201;
  bottom: 260px;
  right: 150px;
	background:transparent;
	font-size: 0.9em;
	text-align: center;
	display:none;
}
.cw-loader-welcome {
  display: none!important;
}

.hovered {
	color:#81a86b;
  transform: scale(1.1);
}
#aus {
	height: 21px;
	width: 20px;
	right: 36px;
	bottom: 152px;
  position: fixed;
  z-index: 501;
	cursor: pointer;
	display:none;
}
#bull {
	height: 64px;
	width: 64px;
	right: 38px;
	bottom: 48px;
  position: fixed;
  z-index: 199;
	cursor: pointer;
	display:none;
}
.cw-loader-button {
  position: absolute;
  bottom: 225px!important;
  right: 150px!important;
  width: 220px!important;
  height: 150px!important;
  background-color: transparent!important;
  box-shadow: none!important;
	cursor:pointer;
}
.cw-loader-button:hover {
  transform: scale(1)!important;
}
.cw-loader-container svg {
  display: none!important;
}

.video3 {
	display: block;
	width: 100%;
	height: auto;
	padding: 0!important;
}
 /* Style the breadcrumb */
#detail ul.breadcrumb {
  padding: 10px;
	margin:0;
  list-style: none;
  background-color: #FFF;
}

/* Display list items side by side */
#detail ul.breadcrumb li {
  display: inline;
	color:#999;
	font-size: 1em;
}
#detail ul.breadcrumb li.active, #detail ul.breadcrumb li.active::before {
  color: #01518a;
}
/* Add a slash symbol (/) before/behind each list item */
#detail ul.breadcrumb li+li:before {
  margin: -2px 2px 2px 6px;
  content: "»";
  font-size: 1.3em;
}

/*WhatsApp Popup*/

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 200;
	display:none;
}
#modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 250;
	width: 100%;
	display:none;
}
#PopUpMoewe {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 250;
	display:none;
}
#close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
}

#close-button:hover {
  color: #ff0000;
}
#modal-content {
  background-color: #fff;
  border-radius: 5px;
	width:100%;
	padding:40px 2%;
}
body.modal-open {
  overflow: hidden;
}

body.modal-open #overlay {
  opacity: 0.5;
  transition: opacity 0.3s;
}
#WhatsApp-Popup {
	box-sizing: border-box;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 0px;
	max-width: -webkit-calc(100% - 20px) !important;
	max-width: calc(100% - 20px) !important;
	background: #fff;
	z-index:1000;
	}
#WhatsApp-Popup	h3 {
font-size: 17pt;
font-weight: normal;
text-align: left;
padding: 0;
}
.WhatsAppButton {line-height:1.3em; width:100%}
@media (min-width: 1024px) {
#modal {max-width: 1024px;width:100%;}
#WhatsApp-Popup .col-md-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	}
}

@media (max-width: 1023px) {
#modal {
overflow-y: auto;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: translate(-0%, -0%);
}
#WhatsApp-Popup {
	height: 1000px;
	position: relative;
	width: auto;
}
#WhatsApp-Popup .col-md-6 {
		padding-right: 0;
		padding-left: 0;
		width:100%!important;
	}
#WhatsApp-Popup img {max-width: 100%;height: auto;}
}
#WhatsApp-Popup	h2 {
	text-transform: uppercase;
	font-size: 2em;
  line-height: 1.1;
	margin: .5em 0 1em;
}
#WhatsApp-Popup	h2>span {
	text-transform: uppercase;
	font-style:normal;
	font-size: 0.8em!important;
}
#WhatsApp-Popup	ul {list-style-position: inside;}
#WhatsApp-Popup img.qr {max-width:100px;height:100px;margin-top:10px}
#WhatsApp-Popup .text-content {
	font-size: .6em;
	line-height: 1.4em;
	width: calc(100% - 110px);
	padding:10px;
}
#WhatsApp-Popup .text-content>h3 {
font-size: 1.6em;
font-weight: normal;
margin-bottom:8px;
line-height: 1;
text-indent: -8px;
}
#WhatsApp-Popup .btn {
	margin: 1em 0;
	font-size: 18pt;
	padding: 10px 2%;
}
.order-1 {
  -ms-flex-order: 1;
  order: 1!important;
}

.order-2 {
  -ms-flex-order: 2;
  order: 2!important;
}
@media (min-width: 1024px) {
	.order-md-0 {
	-ms-flex-order: 0;
  order: 0!important;
	}
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1!important;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2!important;
  }
	.col-lg-6a {
		ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;}
}
@media (min-width: 992px) {
	.order-lg-0 {
	-ms-flex-order: 0;
  order: 0!important;
	}
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1!important;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2!important;
  }
}
@media (min-width: 768px) {
.column2 {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		font-weight: 500;
		column-gap: 3em;
	}
	.order-sm-1 {
	-ms-flex-order: 1;
  order: 1!important;
	}
	.order-sm-2 {
  -ms-flex-order: 2;
  order: 2!important;
	}
}
.nowrap {font-size: inherit !important; font-style:inherit;white-space: nowrap;}
header #reg>div.ticker-wrap {
    white-space: nowrap;
    overflow: hidden;
    padding: 0 20px;
    text-align: center;
    max-width: 100%;
    background-color: #800000;
    color: #FFF;
		font-weight: normal;
		font-style: normal;
}
.ticker__item>a {color:#FFF}
.ticker {list-style-type: none}
#scroller{height:100%;margin:0;padding:0;line-height:28px;position:relative;list-style-type: none}
#scroller li{float:left;height:30px;padding:0 0 0 10px;list-style-position:inside;}
#scrollerWrapper{height:30px;margin:30px;overflow:hidden;border:1px #333 solid;background:#F2F2F2;}
.ticker__item {list-style-type: none; transform: translate3d(0%, 0%, 0px); left: 100%;}
header>div>div:nth-of-type(2), .kundenlogo {padding: 40px 0 20px 0;}
input[name="gebI"], select[name="shf"] {display:none}
@media only screen and (min-width: 760px) {
#schnellsuche > form + form {
  position: absolute;
	top: inherit;
  bottom: 0;}
}
.align-items {align-items: center;}
.align-content {align-content: center;}
.text-align {text-align:center}
.sand {background-color: #F3E7DB}
.sepia {
filter: sepia(100%);
-webkit-filter: sepia(100%);
}


/*LP-neu*/
#lp-neu ul.erreichbarkeit:last-of-type li.vorteil {border-right: 0}
#lp-neu #wide-offer #text h2,#lp-neu #wide-offer #text h2>em {line-height:1.2em}
#lp-neu ul li {font-size:inherit;}
#lp-neu .kundenlogo>a:first-of-type {width: 190px !important;min-height: inherit;margin:auto 20px!important;}
#lp-neu .kundenlogo {
	padding: 2px 0;
	margin: 0 auto 0;
	width: 98%;
	max-width: 1140px;
	height: 92px;
}
#lp-neu .kundenlogo .logo>img {width: 190px !important;height:auto;}
#lp-neu #header ul {text-align: center;margin-bottom: 0;}
#lp-neu #header ul li {list-style:none;}
#lp-neu #header ul li>a {font-weight:bold;font-size:16px;}
#lp-neu #header ul.erreichbarkeit {
  text-align: center;
	display:inline-block;
	font-size:14px;
}
#lp-neu #header ul.erreichbarkeit li.vorteil {float:none;margin:0;font-size:14px;}
#lp-neu  ul.erreichbarkeit, #lp-neu ul.erreichbarkeit+a>img, #lp-neu ul.erreichbarkeit+img {float:none;}
#lp-neu .best {width:65px;margin:0;vertical-align: top;}
#lp-neu header>div {display: block;}
#lp-neu .offer.small section>a {position:relative;display: block}
#lp-neu .offer.small>article>a>img {display: block;width: 100%; height: auto; overflow: auto}
#lp-neu .offer.small>article a+div {background-color:#F7F7F7;padding-bottom:10px;border: 1px solid rgba(0,0,0,.05);}
#lp-neu .offer>section a+div>*,#lp-neu .offer.small>article a+div>* {padding:0 20px;margin:0 0 10px 0}
#lp-neu .offer>section h3,#lp-neu .offer.small>article h3 {
	position:relative;
	color:#01518a
;
	line-height:1.8em
}
#lp-neu .offer>section h2,#lp-neu .offer.small>article h2 {height:1em}
#lp-neu .offer>section h1,#lp-neu .offer.small>article h1 {height:4em;font-size:1em}
#lp-neu .offer>section h1>em,#lp-neu .offer.small>article h1>em {display:block;font-size:0.75em;margin-top: 2px;}
#lp-neu .offer>section h4,#lp-neu .offer.small>article h4 {height:1em}
#lp-neu .offer>section .spot,#lp-neu .offer.small>article .spot {
    min-height: 58px;
    position: relative;
    padding: 7px 15px;
    background-color: rgba(1,81,138,0.05)!important;
    background-image: url(../partner_icons/spot-b4dbd1.svg);
    background-repeat: no-repeat;
    background-position: 0 center;
    margin-left: -6px;
}
#lp-neu #wide-offer .bild {
	position: relative;
  display: block;
}
#lp-neu #wide-offer>section .spot {
		height: 58px;
    position: relative;
    background-image: url(../partner_icons/spot-b4dbd1.svg);
    background-repeat: no-repeat;
    background-position: 0 center;
}
#lp-neu .termin {
    margin: 0;
    height: 2em;
    line-height: 1.1em;
}
#lp-neu #wide-offer div.termin {font-size:0.9em;}
#lp-neu .offer>section .spot1,#lp-neu .offer.small>article .spot1 {
	background-color:#FFF!important;
;
}
#lp-neu .offer.small>article .spot,#lp-neu .offer.small>article .spot {margin-left: 0}
#lp-neu .offer>section .spot>em,#lp-neu .offer.small>article .spot>em,#lp-neu #wide-offer>section .spot>em {
    margin: 0 10px 0 30px;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    font-style: italic;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    color:#01518a;
}
#lp-neu #text h3 {margin-bottom:0;font-size:18px;}
#lp-neu #text>a>ul {margin:10px 0}
#lp-neu #text>a>ul>li {font-size:15px;}
#lp-neu .offer>section div+div {margin:0 15px}
#lp-neu .offer>section div+div>ul,#lp-neu .offer.small>article div+div>ul {height:6em;font-size:0.9em;}
#lp-neu .offer.small>article div.termine {margin-left:-5px;font-style: italic;
}
#lp-neu .offer.small>article .preis {height:9em;text-align:right;
}
#lp-neu .offer>section .preis>a:first-of-type,#lp-neu .offer.small>article .preis>a:first-of-type {font-size:1.79em;font-weight:700;
}
#lp-neu .preis>p {height: 2rem;}
#lp-neu header>div#euinfo {display:none;max-width:300px;min-height: 250px;padding:20px;background-color: #F7F7F7;box-shadow: 0 0 10px rgba(0,0,0,0.2);position:absolute;bottom:3%;right:20%;
}
@media only screen and (max-width:1279px) {
 #lp-neu .offer.small>article div+div>ul {height:10em}
}
@media only screen and (max-width:900px) {
#lp-neu .offer.small>article  {width:47%}
header #reg>div.navigation {margin-right:30px}
}
@media only screen and (max-width:759px) {
#lp-neu .offer>section .spot,#lp-neu .offer.small>article .spot {margin: 0 0 0 0}
#lp-neu .kundenlogo>ul.erreichbarkeit {margin: 10px 4px;padding:0;float:none!important;}
}
@media only screen and (max-width:639px) {
#lp-neu .kundenlogo>a:first-of-type {background-position: center;}
#lp-neu .offer.small>article {width:100%}
}
.sand1 {background-color:#f9f4ee;}
.sand2 {background-color:#F3E7DB;}
.sand3 {background-color:#EEDDCC;}
#lp-neu .sand .headline, #lp-neu .sand .kurztext {/*background-color:#f9f4ee;color:#000;*/display:inline-block;}
#lp-neu .sand .headline {padding:0 10px;}
body#lp-neu>div {padding: 0;}
#lp-neu header {background:rgb(237,245,255,0.85);position:absolute;width:100%;z-index:200;}
#lp-neu #intro figure {margin:90px 0 0;}
@media (min-width: 412px) {
	#lp-neu .kurztext h2 {font-size: 24px;line-height: 1.2em;}
}
@media (min-width: 768px) {
	#lp-neu header{top:20px;}
	#lp-neu #intro figure {margin: 0;}
}

#lp-neu ul.erreichbarkeit li.vorteil a.tel {font-size: 22px!important;}
#lp-neuBild {width: 100%; height: auto; position: relative;}
#lp-neu .tighter {max-width:1140px;width: 100%;}

#lp-neu h1.headline {
text-transform: uppercase;
line-height: 1.2em;
letter-spacing: 0.05em;
font-size: calc(0.9rem + 1.5vw);
text-align:center;
}
#lp-neu #intro, #lp-neu .area {height: auto;position:relative;margin:0;padding:0;}
#lp-neu .offer.small article>a {position:relative;display:block;}
#lp-neu .offer.small .copyright, #lp-neu .copyright {color:#000;}
 {color:#000;}
#lp-neu #wide-offer {
	height: 100%;
	}
#lp-neu #bild	{position: relative;}
#lp-neu #bild img,#lp-neu .bild img	{
	width: 100%;
  height: 100%;
  object-fit: cover;
	}
#lp-neu .bild img {height: 343px;padding-right: 320px;}
#lp-neu #wide-offer #text {
	height: 343px;
	position: absolute;
	width: 330px; 
	padding: 16px;
	}
@media only screen and ((max-width: 639px) or ((min-width: 992px) and (max-width: 1200px))) {
#lp-neu #wide-offer #text {
	position: relative;
	width: 100%;
	}
#lp-neu .bild img {padding-right:0}
}
#lp-neu .kurztext {padding:20px;line-height:1.4em;}
#lp-neu .kurztext p {font-size: inherit;}
#lp-neu .relative {
	position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
	}
#lp-neu #filter {
  background-color: #FFF;
  background-color: rgba(255,255,255,0.6);
  float: none;
  border-radius: 5px;
  height: auto;
  width: 80%;
	max-width:880px;
  text-align: center;
  z-index: 100;
	bottom: 0;
	padding-bottom:10px;
}
#lp-neu #filter select, #lp-neu #filter input {
  height: 34px;
	width:100%;
}
#lp-neu #filter select {padding-left: 5px;}
#lp-neu #filter input {padding-left: 8px;}
#lp-neu .copyright {bottom: 0!important;top:inherit}
#lp-neu>div>article {padding: 20px;}
#lp-neu .specialFont h2 {font-family: 'Dancing Script', serif;font-size: 50px;line-height: 1em;color: #81a86b;}
#lp-neu .specialFont p {font-size:18px;line-height:1.5em;text-align: justify;}
#lp-neu #filter h4 {margin: 10px;font-size: 1.2em;color: #000;}
#lp-neu footer .kundenlogo ul {margin: initial;}
#lp-neu .offer.small>article {position:relative;}
#lp-neu .offer.small>article h1>a {text-transform: uppercase;}
#lp-neu .offer.small>article a+div {background: rgba(1, 81, 138,1);color:#FFF;padding: 10px 0;height: auto;}
#lp-neu .offer.small>article a+div * {color:#FFF;}
#lp-neu .offer.small>article div.termine {margin-left: 0;font-style: italic;font-size: 18px;}
																									   
#lp-neu .offer>section .spot.spot1>em, #lp-neu .offer.small>article .spot.spot1>em, #lp-neu .offer.small>article .spot.spot1>em>b {color:#01518a}
#lp-neu .offer.small>article .preis {height:auto}
#lp-neu .offer.small>article .preis>a,#lp-neu .offer.small>article .preis::before {text-shadow: 2px 2px #000;}
#lp-neu .offer.small>article .preis>a.btn {background-color: #03a4cd;color: #FFF;background-image: none;text-shadow:none;position: absolute;bottom: 10px;right: 30px;padding: 10px 20px;}
#lp-neu .offer.small>article .preis>a.btn:hover {color: #000;}
#lp-neu .icon,#about .icon {background-color: #4fa7e0; height: 40px; width: 40px; display: inline-block; margin:0 25px 0 0; padding: 3px; vertical-align: bottom;}
#lp-neu .icon+div,#about .icon+div {display: inline-block;width: calc(100% - 80px);}	
body#lp-neu>div {width:100%;max-width:100%}
body#lp-neu > div#cmpboxrecall {
  width: inherit;
}		
@media only screen and (max-width:959px) {
body#lp-neu>h1 {display:block}
#lp-neu #header .topsiegel {display:none!important;}

}
@media only screen and (max-width:759px) {
#lp-neu .relative {display:block;}
#lp-neu #filter {
position: relative;
width: 100%;
margin: auto;
padding: 112px 0 30px;
}
#lp-neu #filter+#intro figure {margin:0;}
#lp-neu .kundenlogo>ul.erreichbarkeit {display:block}
}
@media only screen and (max-width:629px) {
#lp-neu .kundenlogo>a:first-of-type {margin-bottom: 0;max-width: 100%;width: 100%;}
}

@media only screen and (max-width:479px) {
/*#lp-neu .kundenlogo>a:first-of-type,#lp-neu .kundenlogo .logo>img {width: 150px !important;}*/
#lp-neu .kurztext *,#lp-neu .specialFont * {hyphens: auto;}
#lp-neu .kundenlogo>a:first-of-type+span {display:none}
#lp-neu .specialFont h2 {font-size:40px;}
}

/*FAQ*/
.background {
	background-color: rgba(1,81,138,0.05);
	box-shadow: 2px 2px 4px rgba(213,217,225,.65);
  padding: 20px;
	border-radius:6px;
	width: 100%;
}
.background>h2 {
	margin-bottom:10px;
}
h1.headline {font-size:20pt;}
h2.headline {font-size:18pt;}
.background ul>li {
	list-style: none;
  text-indent: -16px;
  margin-left: 16px;
}
.background ul>li::before {
	content: "\0020\276F\0020";
  cursor: pointer;
  font-size: 12.5pt;
  font-weight: 400;
  margin-right: 4px;
}
dt {scroll-margin:40px}
dt>h2, dd>p {
	background-color: #FFF;
  padding: 10px;
  border-radius: 20px;
	display:inline-block;
}
dt>*, dd>* {
  margin: 0;
}
dd>p {color:#777;}
dd>p+p {
    margin-top: .5em;
}
dd {	display:inline-block;}

/*SpezialHintergründe*/
.Jubilaeum {background-image:url(../img/40JahreRIW.jpg);}
.Glitter {background-image:url(../img/Glitter.jpg);}
.hintergrund .col-lg-4, .hintergrund .col-md-6 {
	background: rgba(255, 255, 255, 1);
  border-radius: 30px;
  box-shadow: 5px 5px 25px 25px #FFF;
	}
@media (max-width: 1024px) {
ul.erreichbarkeit.xl-display-none{display:none!important;}
}

/*about*/
.headerbild {position:relative;z-index: 1;}
.headerbild>img,.bigbild>img {
	width: 94%;
  margin: 3% 3% auto;
  object-fit: cover;
}
.headerbild>.copyright,.bigbild>.copyright {
  position: absolute;
  left: 3%;
  bottom: 0!important;
  min-width: 300px;
  line-height: none;
  z-index: 99;
  font-size: 6.5pt;
  color: #FFF;
	top: initial;
}
#angebotsservice {padding-top: 60px;}
.angebotsserviceButton {display:none;}
@media only screen and (min-width: 1024px) {
	.angebotsserviceButton {display: inline-block;position: absolute;float: right;top: 106px;margin-left: 40px;}
}
#about h1,#angebotsservice h1 {
  line-height: 1.2em;
  letter-spacing: 0.05em;
  font-size: calc(0.9rem + 1.5vw);
	font-weight:500;
}
@media (min-width: 1530px) {
	#about h1,.headline {font-size: 36px;}
}
#about h2,#portfolio h2, .spezial h2 {
  line-height: 1.2em;
  letter-spacing: 0.05em;
  font-size: calc(1.15rem + 1vw);
	font-weight:400;
}
#about .direktkontakt h2 {
	text-transform: initial;
  line-height: 1.2em;
  letter-spacing: 0.05em;
  font-size: 1.2em;
  font-weight: 400;
	}
#about .direktkontakt h4	{font-size: 1em;}
#about h3,#portfolio h3, .spezial h3 {
  font-size: calc(1.15rem + 0.5vw);
	font-weight:400;
}
#about .single-service h5 {
  font-size: calc(1.1rem + 0.1vw);
	font-weight:400;
}
#about h4 {
  font-size: calc(1.15rem + 0.3vw);
	font-weight:400;
}
#about h4 > i {
  font-size: calc(1rem + 0.2vw);
}
.zitat h5 {
font-family: 'Cormorant Infant', serif;
  font-size: calc(1.175rem + 0.5vw);
	font-weight:500;
	font-style:italic;
}
.zitat h5>span {font-size: calc(1rem + 0.3vw);}
#about p {
  margin-top: 0;
	font-size: 0.9rem;
}
#about .single-service p {
  margin-top: 0;
	font-size: 0.9rem;
	}
#about div>img {width:100%;height:auto; border: 7px solid #fff;}
#service label {
  display: inherit;
}
#about div>img.img50.right,#about div>img.img50.left {width:100%;padding:0;border:0;}
@media (min-width: 1024px) {
#about div>img.img50.right {
	min-width: 50%;
	width: 50%;
	padding-left: 20px;
  }
#about div>img.img50.left {
	min-width: 50%;
	width: 50%;
	padding-right: 20px;
  }
.tablecenter {
    display: flex;
    justify-content: center;
    align-items: center;}
}
#erfolg, #SOS-Kinderdorf {
  margin: 0 auto -80px;
}
@media (min-width: 769px) {
#erfolg,#SOS-Kinderdorf {
	margin: 0 auto -120px;
	}
.bigbild {position:relative;z-index: 1;}
}
.bigbild {position: relative;}
#sosk {margin: 0 auto;}
#erfolgsgeschichte,#SOS-Kinderdorf {background-color:#F1E2D4}
#erfolgsgeschichte>div,#SOS-Kinderdorf>div {position:relative;z-index: 3;background-color:#FFF;}
.single-service {
  text-align: center;
  background-color: #f5f5ff;
}
.single-service .text {
/*  padding: 30px;*/
  color: #01518a;
  text-align: center;
}
.single-service .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /*height: 100%;
  width: 100%;*/
  opacity: 0;
  transition: .5s ease;
  background-color: #EEE;
}
.single-service:hover .overlay {
  opacity: 1;
  cursor: pointer;
}
.nachwuchs {max-width: 724px;}

a.weiter,span.weiter {
	color:#4fa7e0;
	font-size: calc(1rem + 0.2vw);
  font-weight: 400;
	cursor:pointer;
}
.aufklapp {display:none}
.siegel {max-width: 280px;  height: auto;}
.count span {font-size: calc(1.4rem + 0.175vw);}
@media (max-width: 991px) {
	video.lg-absolute {
  margin: 10% 7.5%;
	max-width: 85%;
  }
}
.bildVideo {
	background-image: url(/img/about/videoarea1.jpg);
	background-position: center right;
	position:relative;
	}

@media (min-width: 992px) {
video.lg-absolute {
	position:absolute;
	right: -20px;
  top: 10%;
  max-width: 680px;
  width: 95%;
	}
.bildVideo {
	min-height:500px;
	}
}
@media (min-width: 768px) {
	#about p {
    font-size: calc(0.9rem + 0.15vw);
		line-height:1.2em;
  }
	#erfolg,#sosk {max-width: 1600px;}
	#about {margin-top: 80px;}
}
@media (max-width: 412px) {
.col-halb.col-sm-6, .col-halb.col-md-4, .col-halb.col-lg-3 col-xl-2 {
	position: relative;
  width: 50%!important;
	padding-right: 0;
  padding-left: 0;
	}
.siegel {max-width:200px}
}
#about .count p {
    font-size: calc(0.9rem + 0.175vw);
    line-height: 1.2em;
  }
.btn-neu {
  padding: 6px 10px;
  background-color: #4fa7e0;
	color:#FFF;
	position: absolute;
  bottom: 4px;
  right: 4px;
}
.btn-neu:hover {background-color:#FFF;color: #01518a;}
#about #service {background-color:#F7F7F7;margin:auto;padding: 60px 1% 20px;max-width:960px;border-radius:5px;color:#777}
#about p.zusatz {clear: both;}
/*------------------Ende about------------------*/
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  width: 30px;
  height: 30px;
  border-radius: 3px;
  right: 15px;
  bottom: 50%;
  background: #f48f00;
  color: #fff;
  transition: display 0.5s ease-in-out;
  z-index: 99999;
}

.back-to-top i::before {
  position: absolute;
  top: 4px;
  left: 10px;
  content: "\0020\276F\0020";
  cursor: pointer;
  font-size: 15pt;
  font-weight: 400;
  margin-right: 4px;
  color: #FFF;
  transform: rotate(-90deg);
  font-style: normal;
}

.back-to-top:hover {
  color: #fff;
  background: #ff774a;
  transition: background 0.2s ease-in-out;
}
.grid-container {grid-template-columns: repeat(auto-fit, minmax(165px, 1fr))}
#popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
}

#popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    border-radius: 10px;
}

.close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
#kennwort {
	font-size: 1em;
  font-style: italic;
	color:#81a86b;
}
.z-index1 {z-index:1;}
.z-index2 {z-index:2;}

.sandright {
	display: block;
	background: #F3E7DB;
}
.BP-1,.BP-2 {max-width:620px;margin:auto;}
@media (min-width: 992px) {
	.sandright {margin-left: -114px;	padding-left: 134px !important;}
	.BP-1, .BP-2 {max-width:100%;}
}

.absoluteMitte {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.sandverlaufUWO {background: linear-gradient(to bottom, #e7cfb6 0%,#eeddcc 31%,#ffffff 100%);}
.sandverlaufUW {
	background: linear-gradient(to bottom, #ffffff 0%,#f3e7db 25%,#f1e2d4 40%,#f1e2d4 58%,#f3e7db 79%,#ffffff 100%);
}
.width94 {width: 94%;}
.vollbild {
	display: block;
	width: 100%;
	height: auto;
	position:relative;
}
.vollbild>img {
	object-fit: cover;
  width: 100%;
  height: 240px;}

@media (min-width: 660px) {
.vollbild>img {width:100%;height:auto;}
}


/*--------neues Formular------*/
:root {
  --input-padding-x: .5rem;
  --input-padding-y: 0.75rem;
	}
@media (min-width: 820px) {
:root {
  --input-padding-x: 1.5rem;
  --input-padding-y: 0.75rem;
	}
}
.form-label-group > input, .form-label-group>select, .form-label-group > textarea, .form-label-group>label {
  padding: var(--input-padding-y) var(--input-padding-x);
  height: auto;
}
.form-control {
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
  color: #495057;
	background-color:#fff;
	background-clip: padding-box;
	border: 1px solid	#ced4da;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
input.form-control {
  height: inherit;
}
.form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.form-label-group>input,
.form-label-group>textarea,
.form-label-group>label {
  padding: var(--input-padding-y) var(--input-padding-x);
  height: auto;
}

.form-label-group>label {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  margin-bottom: 0;
  /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  cursor: text;
  /* Match the input under the label */
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
}
.form-label-group input::-webkit-input-placeholder,.form-label-group>textarea::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group input:-ms-input-placeholder,.form-label-group>textarea::-ms-input-placeholder  {
  color: transparent;
}

.form-label-group input::-ms-input-placeholder,.form-label-group>textarea::-ms-input-placeholder  {
  color: transparent;
}

.form-label-group input::-moz-placeholder,.form-label-group>textarea::-moz-placeholder  {
  color: transparent;
}

.form-label-group input::placeholder,.form-label-group>textarea::placeholder  {
  color: transparent;
}

.form-label-group input:not(:placeholder-shown),.form-label-group textarea:not(:placeholder-shown) {
  padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
  padding-bottom: calc(var(--input-padding-y) / 3);
}

.form-label-group input:not(:placeholder-shown)~label,.form-label-group textarea:not(:placeholder-shown)~label,.form-check-label {
  padding-top: calc(var(--input-padding-y) / 3);
  padding-bottom: calc(var(--input-padding-y) / 3);
  font-size: 12px;
  color: #777;
}
.form-label-group>label,.form-select {font-size:.9rem}
.form-label-group>label>span {display:none;}
.newsletter .form-control * {border-radius:0!important;}

@media (min-width: 820px) {
	.form-label-group>label,.form-select {font-size:1rem}
	.form-label-group>label>span {display:inline-block;font-size:11px;}
}
.bg-image {
background-image: url(/img/bg-angebotsservice.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-attachment: fixed;
  background-size: cover;
}
.bg-weiss {background: rgba(255,255,255,0.5);}
#information {max-width: 1140px;margin:auto;}

.text-align-right {text-align:right;}
.text-align-left {text-align:left;}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
body>div#portfolio {max-width:100%!important;}
.portfolio .portfolio-item {
  margin-bottom: 30px;
}

.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 auto 20px auto;
  list-style: none;
  text-align: center;
}

.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 8px 15px 10px 15px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: #444444;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 3px;
}

.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
  color: #fff;
  background: #657b92;
}

.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

.portfolio .portfolio-wrap {
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: rgba(34, 34, 34, 0.6);
}

/*.portfolio .portfolio-wrap::before {
  content: "";
  background: rgba(34, 34, 34, 0.6);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all ease-in-out 0.3s;
  z-index: 2;
  opacity: 0;
}*/

.portfolio .portfolio-wrap img {
  transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-wrap .portfolio-info {
  opacity: 1/*0*/;
  position: absolute;
  /*top: 0;*/
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 20px;
}
.portfolio .portfolio-wrap .portfolio-text {
  opacity: 1;
  position: absolute;
  top: 40px;
  left: 5%;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 20px;
}
.portfolio .portfolio-wrap .portfolio-info h4 a {
  font-size: 24px;
  color: #fff;
  font-weight: 500;
	text-shadow: 2px 1px 1px rgba(0,0,0,.8);
	letter-spacing: 0.05em;
}
.portfolio .portfolio-wrap p.portfolio-text a {
  font-size: 24px;
	color: #fff;
  font-weight: 500;
	text-shadow: 2px 1px 1px rgba(0,0,0,.8);
	letter-spacing: 0.05em;
	line-height:1.2em;
	font-style:normal;
	text-transform: initial;
}
.portfolio .portfolio-wrap .portfolio-info p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  font-style: italic;
}

.portfolio .portfolio-wrap .portfolio-links {
  text-align: center;
  z-index: 4;
}

.portfolio .portfolio-wrap .portfolio-links a {
  color: #fff;
  margin: 0 5px 0 0;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a:hover {
  color: #6ec083;
}

/*.portfolio .portfolio-wrap:hover::before {
  opacity: 1;
}*/

.portfolio .portfolio-wrap:hover img {
  transform: scale(1.2);
	filter: brightness(80%);
}

.portfolio .portfolio-wrap:hover .portfolio-info {
  opacity: 1;
}
/*Footer Neu*/
.newsletter.form-control {
  padding: 0;
  width: 70%;
	border: 3px solid #FFF;
}
.newsletter.form-control input {height:36px}

#branchly-chat-widget-container {z-index:2500;background: none;height: initial;}
.css-xvw10d {font-size: 18px!important;}

body>div.trboModuleContainer {
	padding: 0;
	height: initial;
	background: none;
}