@import url(jquery-jvectormap-1.2.2.css);

/* roboto-regular - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('/seen_db/static/layout/css/fonts/roboto-v27-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('/seen_db/static/layout/css/fonts/roboto-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/seen_db/static/layout/css/fonts/roboto-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/seen_db/static/layout/css/fonts/roboto-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('/seen_db/static/layout/css/fonts/roboto-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('/seen_db/static/layout/css/fonts/roboto-v27-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
  
/* roboto-700 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url('/seen_db/static/layout/css/fonts/roboto-v27-latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('/seen_db/static/layout/css/fonts/roboto-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/seen_db/static/layout/css/fonts/roboto-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/seen_db/static/layout/css/fonts/roboto-v27-latin-700.woff') format('woff'), /* Modern Browsers */
		 url('/seen_db/static/layout/css/fonts/roboto-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('/seen_db/static/layout/css/fonts/roboto-v27-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
  
/* raleway-300 - latin */
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 300;
	src: url('/seen_db/static/layout/css/fonts/raleway-v22-latin-300.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('/seen_db/static/layout/css/fonts/raleway-v22-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/seen_db/static/layout/css/fonts/raleway-v22-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/seen_db/static/layout/css/fonts/raleway-v22-latin-300.woff') format('woff'), /* Modern Browsers */
		 url('/seen_db/static/layout/css/fonts/raleway-v22-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('/seen_db/static/layout/css/fonts/raleway-v22-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
}
  
/* raleway-regular - latin */
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	src: url('/seen_db/static/layout/css/fonts/raleway-v22-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('/seen_db/static/layout/css/fonts/raleway-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/seen_db/static/layout/css/fonts/raleway-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/seen_db/static/layout/css/fonts/raleway-v22-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('/seen_db/static/layout/css/fonts/raleway-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('/seen_db/static/layout/css/fonts/raleway-v22-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
  
/* raleway-500 - latin */
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 500;
	src: url('/seen_db/static/layout/css/fonts/raleway-v22-latin-500.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('/seen_db/static/layout/css/fonts/raleway-v22-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/seen_db/static/layout/css/fonts/raleway-v22-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/seen_db/static/layout/css/fonts/raleway-v22-latin-500.woff') format('woff'), /* Modern Browsers */
		 url('/seen_db/static/layout/css/fonts/raleway-v22-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('/seen_db/static/layout/css/fonts/raleway-v22-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}
  
/* raleway-700 - latin */
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 700;
	src: url('/seen_db/static/layout/css/fonts/raleway-v22-latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('/seen_db/static/layout/css/fonts/raleway-v22-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/seen_db/static/layout/css/fonts/raleway-v22-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/seen_db/static/layout/css/fonts/raleway-v22-latin-700.woff') format('woff'), /* Modern Browsers */
		 url('/seen_db/static/layout/css/fonts/raleway-v22-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('/seen_db/static/layout/css/fonts/raleway-v22-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'flexslider-icon';
	src:url('/seen_db/static/layout/css/fonts/flexslider-icon.eot');
	src:url('/seen_db/static/layout/css/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('/seen_db/static/layout/css/fonts/flexslider-icon.woff') format('woff'),
		url('/seen_db/static/layout/css/fonts/flexslider-icon.ttf') format('truetype'),
		url('/seen_db/static/layout/css/fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

* {
margin:0;
padding:0;
border:0;
}

/* COLORS

0891B2
0891B2
3285c1
60aad9
85cff0

*/

/* Legende

mr10 	= margin-right:10
btn		= button
act		= aktiv
act		= inaktiv
sf2		= shortfact
arrow	= Doppelpfeil vor Text
trans	= animierter Farbwechsel

*/


body {
color:#333;
}

a {
color:#0891B2;
color:#0891B2;
}

/*** edit by dr 18.08.2015 | add new link color ***/
#content p a {
color:#0891B2;
}

#content p a:hover {
color:#0E7490;
}

h1, .h1, h2, h3 {
color:#0891B2;
color:#0891B2;
}

h5 {
color:#888;
}

#subnav h2,
#subnav h3 {
color:#0891B2;
color:#0891B2;
}

#subnav ul li a {
color:#666;
}
#subnav ul li a:hover,
#subnav ul li a.act {
color:#0891B2;
}

#header #topnav {
color:#0891B2;
}
#header #topnav a {
color:#0891B2;
font-size: .875rem;
margin-right: 10px;
}

#header #topnav .language {
float: right;
display: block;
}

#header #topnav .language a{
margin-right: 0px;
}


#content #motiv,
#content #headmotiv,
#content #headmotiv h1,
#content #motiv h2,
#content #motiv h2 a,
#content .motiv h2,
#content .motiv h2 a,
#content #headmotiv h2,
#content #headmotiv h2 a,
#content #motiv h3,
#content #motiv h3 a,
#content .motiv h3,
#content .motiv h3 a,
#content #headmotiv h3,
#content #headmotiv h3 a {
color:#fff;
}

#footer a,
#footer p,
#footer p a,
#footer ul li a {
color:#fff;
}


#content #auszeichnung img {
background-color:#0891B2;
}

#content .social a:hover, #content .social span:hover {
transform: scale(1.1);
}

#content #breadcrumb,
#content #breadcrumb a {
color:#666;
}

.table-bg {
background-color:#edf2f6;
}
table thead th {
background-color:#cddaeb;
}

.prev_next_browse b {
border:1px solid #dadada;
padding:4px 8px 5px 8px;
}

.img_author {
position:absolute;
bottom:7px;
left:5px;
font-size:10px;
color:#fff;
opacity:.8;
text-shadow:0 0 3px #000, 0 0 3px #000;
}



/***** FONT *****/

*,
#cms-content h2,
#cms-content h2 a,
.teaser-start h2 {
font-family:Roboto, Arial, Helvetica, sans-serif;
}

h1, .h1,
#motiv h2,
#motiv h2 a,
.motiv h2,
.motiv h2 a,
#headmotiv h2,
#headmotiv h2 a,
#motiv h3,
#motiv h3 a,
.motiv h3,
.motiv h3 a,
#headmotiv h3,
#headmotiv h3 a,
#mainnav ul li a,
#map-tabs a {
font-family:Raleway, Arial, Helvetica, sans-serif;
}

body {
font-weight:400;
}

h1, .h1 {
font-weight:500;
}

h2 {
font-weight:700;
}

h3 {
font-weight:300;
}

h5 {
font-weight:300;
}

#content #startpage #motiv h2,
#content #startpage #motiv h3,
#content #startpage .motiv h2,
#content #startpage .motiv h3,
#content #headmotiv h1,
#content #headmotiv h2,
.col-4 .teaserbox h2,
.col-2 .teaserbox h4 {
font-weight:300;
}

.teaser-start h2,
.sidebox h4 {
font-weight:700;
}

#subnav h3 {
font-weight:500;
}

table thead td {
font-weight:700;
}

.teaser-start p a,
.teaser-start article p span {
font-weight:700;
}

#lake_comments .commentbox h4 span.time {
font-weight:400;
}

#content .ho_facts h3,
#content .ho_facts h4,
#content .ho_overview h4 {
font-weight:500;
}

#content .ho_rooms h3 ,
#content .ho_map h3  {
font-weight:700;
}

#footer h4 {
font-weight:700;
}

/***** FONT *****/

body {
text-align:center;
font-size:14px;
}

div {
text-align:left;
}

a {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}

a.arrow:before,
span.arrow:before,
button.arrow:before {
content:"» ";
font-size:120%;
}

p, ul, ol {
line-height:22px;
margin-bottom:16px;
}
#content > .col-8 p {
/*** TEST ***/
-webkit-hyphens:auto;
-moz-hyphens:auto;
-ms-hyphens:auto;
-o-hyphens:auto;
hyphens:auto;
/*** TEST ENDE ***/
}
ul, ol {
margin-top:10px;
margin-bottom:25px;
}
#cms-content p + ul {
margin-top:-7px;
}
#content li {
line-height:22px;
margin-bottom:8px;
margin-left:30px;
}
#content ul.smalllist li {
margin-bottom:2px;
}
#content ul.adminlist li {
float:left;
margin-right:20px;
width:220px;
}

#cms-content li ul {
margin-top:5px;
margin-bottom:20px;
}
#cms-content li ul li {
margin-left:35px;
margin-bottom:3px;
}

#content ul.linklist li {
list-style-type:none;
margin: 0 0 5px 5px;
}
#content ul.linklist li:before  {
content:"» ";
color:#0891B2;
font-size:18px;
}

#content ul.floated li {
float:left;
width:200px;
}
#content ul.floated.small li {
width:180px;
}
#content #subnav ul.floated li {
float:left;
width:145px;
}
#content #subnav ul.floated li:nth-child(2n+1) {
margin-right:10px;
}

#content ul.linklist.lieblingssee li {
width:220px;
}

h1, .h1 {
font-size:24px;
line-height:30px;
margin-bottom:15px;
}
h1.nomargin {
margin-bottom:3px;
}

h2, h3 {
font-size:17px;
line-height:22px;
margin-bottom:8px;
margin-top:35px;
}
h2.abstand {
margin-top:45px;
}

h3 {
margin-top:10px;
margin-bottom:6px;

margin-top:22px;
margin-bottom:4px;
}

h2 + h3 {
margin-top:10px;
}

h4 {
font-size:13px;
margin-bottom:2px;
margin-top:13px;
}

h5 {
font-size:12px;
line-height: 18px;
margin-top:-10px;
margin-bottom:15px;
}
h1 + h5 {
margin-top:-15px;
}

.table-bg {
margin:0 0 25px 0;
}

table {
width:100%;
border-collapse:collapse;
}

table td,
table th {
border-bottom:1px solid #fff;
}

table td {
padding:4px 10px;
vertical-align:top;
}

table thead th {
padding:6px 10px;
text-align:left;
}

table td a {
display:block;
}

table.tablesorter thead th {
cursor:pointer;
}

img.align-left,
img.align-left-mid {
float:left;
margin-right:20px;
}

img.align-right,
img.align-right-mid {
float:right;
margin-left:20px;
margin-left:0;
margin-right:20px;
}

img.align-full {
padding:0 !important;
margin: 3px 0 5px 0 !important;
}

img.align-big,
img.align-big-8-col {
}

img.original {
float:left;
margin-right:20px;
margin-bottom:10px;
}

.img-wrap {
margin-bottom:20px;
}
.img-wrap img {
float:left;
margin-top:3px;
}

.img-wrap.img-wrap-left,
.img-wrap.img-wrap-right {
margin-bottom:20px;
}

.img-wrap.img-wrap-left {
float:left;
}

.img-wrap.img-wrap-left .col-3-186 {
margin-right:20px;
}

.img-wrap.img-wrap-right {
float:right;
}
.img-wrap.img-wrap-right img {
margin-right:0;
margin-left:20px;
}

.img-caption {
clear:both;
font-size:11px;
line-height:15px;
padding:3px 4px 0 2px;
color:#888;
margin-top:2px;
margin-bottom:0 !important;
}






.clear {
clear:both;
}
.clear-block:before,
.clear-block:after {
content:" ";
display:table;
clear:both;
}

.border-bottom {
border-bottom:1px solid #ccc;
padding-bottom:3px;
}

.autowidth {
width:auto !important;
}

#wrap  {
margin:0 auto;
width:1010px;
text-align:left;
}

#wrap-980  {
margin:0 auto;
width:980px;
box-shadow:0px 0px 15px 0px #ddd;
padding-top:5px;
}

#wrap-1010  {
float:left;
width:1010px;
width:980px;
text-align:left;
background-color:#fff;
/*background:url(../img/page-bg.png) repeat-y center #fff;*/
}

#header  {
position:relative;
width:940px;
height:35px;
margin:15px 20px 15px 20px;
}

#header #topnav {
font-size:11px;
float:right;
margin:0;
}

#header #topsuche {
position:absolute;
right:0;
top:78px;
}

#header #topsuche input {
border:1px solid #0891B2;
padding:4px 14px;
border-radius: 20px;
height:21px;
width:170px !important;
background:none;
}

#header .mp_partner {
clear:both;
display:block;
position:absolute;
right:0;
top:35px;
}
#header .mp_partner img {
float:right;
}

#header #logo {
float:left;
position:absolute;
}

#header #logo img{
 width:  170px;
}

#content {
margin:0 20px 50px 20px;
}

#content #motiv, #content .motiv  {
background:none;
width:940px;
height:440px;
margin-bottom:30px;
overflow:hidden;
}

#content .motiv.medium{
width: 620px;
height: 310px;
}

#content .motiv.max{
	height: auto;
}

#content .motiv.medium .text{
	bottom: 110px;
}

#content .motiv.medium h2, #content .motiv.big h2{
font-weight: 300;
font-family: Raleway, Arial, Helvetica, sans-serif;
}

#content .motiv.medium h2{
font-size: 35px;
}

#content .motiv.medium h3{
font-size: 16px;
}

#content #headmotiv {
height:280px;
margin-bottom:20px;
position:relative;
}

#content #motiv .shadow,
#content .motiv .shadow,
#content #headmotiv .shadow {
position:absolute;
z-index:15;
height:280px;
width:940px;
box-shadow:inset 0 -150px 150px -150px #000;
}
#content #motiv .shadow,
#content .motiv .shadow {
height:440px;
}

#content #headmotiv img {
position:absolute;
z-index:10;
}

/*
#content #motiv .text,
#content #headmotiv .text {
display:table-cell;
padding:0 0 0 25px;
vertical-align:bottom;
height:0;
}
*/


#content #motiv .text,
#content .motiv .text,
#content #headmotiv .text {
position:absolute;
/* top:auto; */
bottom:30px;
display:table-cell;
padding:0 0 0 25px;
vertical-align:baseline;
width:780px;
z-index: 30;
}

#content #motiv .text,
#content .motiv .text {
/* height:400px; */
position:relative;
padding:0 0 0 60px;
}
#content #motiv .slides div > a {
position: absolute;
height: 100%;
width: 100%;
z-index: 30;
text-decoration:none;
}

#content #motiv h2,
#content .motiv h2,
#content #headmotiv h1,
#content #headmotiv h2 {
position:relative;
/* z-index:20; */
font-size:48px;
line-height:44px;
margin-bottom:0;
/*margin-top:10px;*/
margin-top:0;
text-shadow: 1.3px 1.3px 0.5px #000;
}

#content #motiv h3,
#content .motiv h3,
#content #headmotiv h3 {
position:relative;
/* z-index:20; */
font-size:18px;
line-height:23px;
margin-bottom:7px;
margin-top:5px;
text-shadow:1px 1px 4px #000;
}

#content .motiv .text-area-bottom .text-left h2{
color: rgba(8, 145, 178, 1);
border: none;
text-shadow: none;
font-weight: 500;
font-size:  28px;
top: 0px;
}

#content .motiv .text-area-bottom .text-left h3{
    top: 0px;
    width: 640px;
    color: rgba(8, 145, 178, 1);
    text-shadow: none;
    font-size: 16px;
    font-weight: 500;
}

#content .motiv.max .text-area-bottom .text-left h2{
top: 8px;
}

#content .motiv.max .text-area-bottom .text-left h3{
    top: 2px;
    font-weight: 400;
}

#content #motiv h2,
#content #motiv h3,
#content .motiv h2,
#content .motiv h3 {
top:270px;
}
#content #motiv h2 a,
#content #motiv h3 a,
#content .motiv h2 a,
#content .motiv h3 a {
text-decoration:none;
}

#content #headmotiv h2,
#content #headmotiv h3 {
/* top:170px; */
top:auto;
}

#content #headmotiv .photo {
display:block;
position:absolute;
z-index:20;
font-size:10px;
font-weight:400;
bottom:4px;
right:8px;
color:#fff;
text-align:right;
opacity:.7;
}
#content #headmotiv .photo a {
color:#fff;
}

#content #headmotiv .signet {
display:block;
position:absolute;
z-index:30;
top:0;
left:800px;
font-size:0;
}

#content #auszeichnung {
float:right;
font-size:10px;
margin-left:10px;
width:250px;
text-align:right;
}

#content #auszeichnung p {
line-height:13px;
}

#content #auszeichnung img {
float:right;
width:36px;
height:36px;
margin-left:5px;
margin-bottom:20px;
}

#content #breadcrumb {
font-size:10px;
line-height:13px;
height:30px;
margin-bottom:30px;
}

#content #breadcrumb b {
padding:0 3px;
}

#content .social {
height:60px;
margin-bottom:5px;
}

#content .social a, #content .social .open-bookmarklayer {
display:block;
float:left;
width:56px;
height:56px;
line-height:0;
margin-right:6px;
font-size:0;
background-repeat:no-repeat;
transition: all .2s ease-in-out;
}

#content .social .facebook {
background-image:url(../img/social/facebook.svg);
}
#content .social .instagram {
background-image:url(../img/social/instagram.svg);
}
#content .social .googleplus {
background-image:url(../img/social/google.svg);
}
#content .social .open-bookmarklayer {
background-image:url(../img/social/bookmark.svg);
}
#content .social .cleverpush {
background-image:url(../img/social/push-abo.svg);
}

#content .social .facebook:hover {
background-image:url(../img/social/hover/facebook.svg);
}
#content .social .instagram:hover {
background-image:url(../img/social/hover/instagram.svg);
}
#content .social .googleplus:hover {
background-image:url(../img/social/hover/google.svg);
}
#content .social .open-bookmarklayer:hover {
background-image:url(../img/social/hover/bookmark.svg);
}
#content .social .cleverpush:hover {
background-image:url(../img/social/hover/push-abo.svg);
}

#content .social-media a {
display: block;
width: 56px;
height: 56px;
margin: 10px;
float: left;
}

#content .social-media a:first-child {
margin-left: 0px;
}

#content .social-media .facebook {
background-image:url(../img/social/share/facebook.svg);
}


#content .social-media .twitter {
background-image:url(../img/social/share/twitter.svg);
}

#content .social-media .mail {
background-image:url(../img/social/share/mail.svg);
}


#content .social-media .facebook:hover {
text-decoration: none;
background-image:url(../img/social/share/outline/facebook.svg) !important;
}

#content .social-media .twitter:hover {
text-decoration: none;
background-image:url(../img/social/share/outline/twitter.svg) !important;
}

#content .social-media .mail:hover {
text-decoration: none;
background-image:url(../img/social/share/outline/mail.svg) !important;
}


#content .map-full {
margin:20px 0 25px 0;
}

/***** LEFT-COL *****/

#left-col .teaser {
margin-bottom:30px;
}

#left-col .teaser h2 {
border-bottom: 1px solid #DADADA;
font-size:15px;
line-height:15px;
margin:0 0 8px;
padding:0px 10px 4px 1px;
}

#left-col .teaser p,
#left-col .teaser li {
font-size:12px;
line-height:20px;
margin-bottom:6px;
}

#left-col .teaser li {
list-style:none;
line-height:17px;
margin-bottom:4px;
}

#left-col .teaser ul{
margin-bottom: 10px;
}

/***** AD-COL *****/

.ad-col .teaser {
margin-bottom:30px;
}

#content .ad-col .teaser p {
margin-bottom:4px;
}

/***** SUBNAV *****/


#subnav {
font-size:13px;
margin-bottom:40px;
}

#subnav h2,
#finder-filter h2 {
font-size: 16px;
font-weight: 400;
line-height:15px;
border-bottom: 1px solid #abb7d8;
padding:6px 10px 4px 1px;
margin:0;
margin-bottom:10px;
padding-bottom: 10px;
}

#subnav h3 {
font-size:14px;
line-height:12px;
padding:0 0 0 10px;
margin:25px 0 0 0;
}

#subnav ul {
margin-bottom: 25px;
margin-top: 10px;
}

#subnav ul li {
margin:0;
line-height:17px;
list-style:none;
}

#subnav ul li ul {
margin-left:12px;
margin-top:5px;
}

#subnav ul li ul li ul {
margin-left:12px;
margin-top:2px;
margin-bottom:7px;
}

#subnav ul li a:hover, #subnav ul li a.act {
color: #fff;
}

#subnav ul li a {
padding-left: 15px;
}

#subnav li a:hover,
#subnav li a.act,
ul.subnav > li:hover > a,
ul.subnav > li.act > a  {
background:#0891B2;
color:#fff;
text-decoration:none;
}

#subnav li a:hover::before,
#subnav li a.act::before{
color: #fff;
}

/***** COL *****/

.col {
float:left;
margin-right:20px;
}
/*
.col:last-child {
margin-right:0;
}
*/
.col-1 {
width:60px;
}
.col-2 {
width:140px;
}
.col-3 {
width:220px;
}
.col-4 {
width:300px;
}
.col-5 {
width:380px;
}
.col-6 {
width:460px;
}
.col-7 {
width:540px;
}
.col-8 {
width:620px;
}
.col-9 {
width:700px;
}
.col-10 {
width:780px;
}
.col-11 {
width:860px;
}
.col-12 {
width:940px;
}

.lastcol {
margin-right:0;
}

.row {
clear:both;
}

.row.bottom-margin {
margin-bottom: 20px;
}

.row:before,
.row:after {
content:" ";
display:block;
clear:both;
}

.emptycol-1 {
margin-left:80px;
}
.emptycol-2 {
margin-left:160px;
}
.emptycol-3 {
margin-left:240px;
}
.emptycol-4 {
margin-left:320px;
}

#content .col-2 p {
font-size:11px;
line-height:17px;
margin-bottom:20px;
}
#content .col-2 img {
display:block;
}
#content .col-2 h4 {
margin-top:0;
margin-bottom:0;
}



/***** FOOTER *****/

#footer {
clear:both;
min-height:170px;
font-size:10px;
}

#footer .inner {
padding:16px 0 20px 0;
}

#footer a {
font-size:10px;
}

#footer p a {
font-size:10px;
}

#footer p {
font-size:10px;
}

#footer h4 {
font-size:10px;
line-height:16px;
margin-top:0;
margin-bottom:0;
}

#footer ul {
list-style:none;
margin-top:0;
margin-bottom:22px;
}

#footer ul li {
font-size:10px;
line-height:13px;
/*background-image:url(../img/picto-image.png);
background-repeat:no-repeat;
background-position:1px -395px;
padding-left: 5px;
*/
}


#footer ul li a {
padding-left:4px;
}

#footer .footernav {
clear:both;
}

#footer .footernav p {
border-top:1px solid #6383c2;
margin:0;
padding:4px 1px 5px 1px;
margin-right:20px;
line-height:15px;
}

#footer .footernav p b {
padding:0 3px;
}



/***** TEASERBOX MIT HOVER-EFFEKT *****/

.col-4 .teaserbox {
position:relative;
background:#f2f2f2;
width:300px;
height:150px;
overflow:hidden;
margin-bottom:20px;
float:left;
}
#startpage .col-4 .teaserbox {
margin-bottom:30px;
}

#startpage .uaw-teaser-slide{
	position: relative;
	display: flex;
	overflow: hidden;
	margin-bottom: 20px;
}

.col-4 .teaserbox .text {
position:relative;
z-index:20;
width:300px;
height:150px;
background-color:rgba(0, 51, 153, 0.85);
background-color:rgba(255, 255, 255, 0.9);
margin-top:115px;
}
.col-4 .teaserbox.green .text {
background-color:rgba(153, 204, 0, 0.85);
}

.col-4 .teaserbox.teaserheight-200,
.col-4 .teaserbox.teaserheight-200 .text {
height:200px;
}
.col-4 .teaserbox.teaserheight-200 .text {
margin-top:165px;
}

.col-4 .teaserbox:hover .text {
margin-top:40px;
}
.col-4 .teaserbox.teaserheight-200:hover .text {
margin-top:77px;
}

.col-4 .teaserbox .text,
.col-4 .teaserbox:hover .text {
transition: all 250ms ease-in;
-moz-transition: all 250ms ease-in;
-webkit-transition: all 250ms ease-in;
-o-transition: all 250ms ease-in-out;
/*behavior:url("./ie-css3.htc");*/
behavior:url("/seen_db/static/layout/css/ie-css3.htc");
}

.col-4 .teaserbox img {
position:absolute;
z-index:10;
}

.col-4 .teaserbox h2{
line-height:25px;
padding:5px 10px 5px 10px;
font-size:16px;
color:#fff;
color:#0891B2;
margin-bottom:0;
margin-top:0;
}

.col-4 .teaserbox h2 p {
line-height:25px;
font-size:16px;
color:#fff;
color:#0891B2;
margin-bottom:0;
margin-top:0;
}

.col-4 .teaserbox h2 a:before, .col-4 .teaserbox h2 p:before {
content: "»" "  ";
color:#0891B2;
font-size:20px;
}

.col-4 .teaserbox p {
padding:0px 10px 8px 10px;
margin:0;
font-size:12px;
color:#fff;
color:#0891B2;
line-height:20px;
line-height:19px;
}

#content .col-4 .teaserbox a {
color:#fff;
color:#0891B2;
display:block;
}

.col-2 .teaserbox,
.col-4 .col-2 .teaserbox {
margin-top:0;
width:140px;
}

.col-2 .teaserbox img,
.col-4 .col-2 .teaserbox img {
position:relative;
display:block;
}

.col-2 .teaserbox h4 {
height:45px;
}

.col-2 .teaserbox h4,
.col-4 .col-2 .teaserbox h4 {
font-size:14px;
background-color:#0891B2;
background-color:#0891B2;
color:#fff;
margin-top:0;
line-height:18px;
}

.col-2 .teaserbox h4 a,
.col-4 .col-2 .teaserbox h4 a {
display:block;
color:#fff;
padding:4px 5px 5px 8px;
}


.teaser-start {
width:300px;
margin-bottom:40px;
overflow: hidden;
}

.teaser-start h2{
border-bottom: 1px solid #DADADA;
font-size: 15px;
line-height: 15px;
margin: 0 0 8px;
padding: 0px 10px 4px 1px;
}

#cms-content .ad-col h2,
.ad-col h2 {
/*color:#0891B2;*/
padding-bottom:3px;
font-size:15px;
margin-bottom:0;
margin-top:0;
line-height:16px;
}
.teaser-start h2 a {
color:#0891B2;
}

.teaser-start h3,
.ad-col h3 {
color:#999;
font-size:10px;
text-transform:uppercase;
margin:0;
line-height:16px;
}
.teaser-start h3 a:before {
content: "»" "  ";
font-size:15px;
}

.teaser-start h4 {
font-size:11px;
text-transform:uppercase;
margin-bottom:0;
margin-top:0;
}

.teaser-start h4 a {
color:#999;
}

.teaser-start p {
color:#666;
font-size:12px;
line-height:20px;
margin-bottom:0;
}

.teaser-start p a,
.teaser-start article p span {
color:#333;
display:block;
padding:5px 0;
}
.teaser-start p a:before,
.teaser-start article p span:before {
content: "»" "  ";
font-size:15px;
}

#content .teaser-start li{
    list-style: none;
    line-height: 17px;
    margin-bottom: 4px;
}

.teaser-start ul{
margin-bottom: 25px;
}
.teaser-textonly p a {
display:inline;
padding:0;
font-size:12px;
}
.teaser-textonly p a:before {
content:none;
}

.teaser-start img {
float:left;
margin:4px 0 6px 0;
}

.teaser-start img.align-left {
margin-right:30px;
}

.teaser-start .linkbox img.t_140_95 {
width:140px;
height:95px;
font-size:9px;
background-color:#f0f8fd;
}

.teaser-start .linkbox img.t_300_150 {
width:300px;
height:150px;
font-size:9px;
background-color:#f0f8fd;
}

.teaser-start .linkbox img.align-left {
margin-right:10px;
}

.lake_country {
float:right;
font-weight: normal;
color:#333;
margin-top:-1px;
}

.lake_country span {
font-size:12px;
margin-left:10px;
}

.lake_country img {
padding-left:5px;
}


/***** Teaser Content *****/

.teaser-small img,
.teaser-small img.align-left,
.teaser-small img.align-right,
.teaser-big img.align-left,
.teaser-big img.align-right {
margin-top:3px;
}

.teaser-small {
margin-bottom:30px;
}
.teaser-small h3 {
margin-bottom:4px;
}

.teaser-mid {
margin-bottom:35px;
}

.teaser-big {
margin-bottom:20px;
}
.teaser-big h2 {
margin:20px 0 3px 0;
}


.teaser-small:before,
.teaser-small:after,
.teaser-mid:before,
.teaser-mid:after,
.teaser-big:before,
.teaser-big:after {
content:" ";
display:table;
clear:both;
}


/***** Teaser Article *****/


.teaser-start article,
.teaserbox article,
.teaser article {
position: relative;
}

.teaser-start article figcaption,
.teaserbox article figcaption,
.teaser article figcaption {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
line-height: 300px;
z-index: 1;
}

.teaser-start article:hover,
.teaserbox article:hover,
.teaser article:hover  {
opacity: 0.9;
font-weight: normal;
}

.teaser-start article:hover span,
.teaser article:hover h2,
.teaser article:hover span   {
text-decoration: underline;
}

.teaser article span   {
color: #0891B2
}


/***** CMS-CONTENT *****/

#cms-content h2 {
margin-top:35px;
}

#cms-content .teaser {
clear:both;
}

#cms-content .info {
margin-top:10px;
}

#content .info a {
background-image:url('../img/pictos/pic_info.gif');
background-repeat:no-repeat;
background-position:left 2px;
padding-left:20px;
margin-left:0;
padding-bottom:0;
padding-right:3px;
}
#content .info b a,
#content .info strong a {
background-position:left 0px;
}

#content a.pic_link,
#content a.pic_link.pic_info {
background-image:url('../img/pictos/pic_info.gif');
background-repeat:no-repeat;
background-position:left 2px;
padding-left:20px;
margin-left:2px;
padding-bottom:0;
padding-right:2px;
}
#content b a.pic_link,
#content strong a.pic_link,
#content b a.pic_link.pic_info,
#content strong a.pic_link.pic_info {
background-position:left 0px;
}

#content a.pic_link.pic_ext {
background-image:url('../img/pictos/pic_ext.gif');
}

#content a.pic_link.pic_end {
background-position:right 2px;
padding-right:19px;
margin-right:3px;
padding-left:0;
margin-left:0;
}
#content b a.pic_link.pic_end,
#content strong a.pic_link.pic_end {
background-position:right 0px;
}

#pjax-loading {
display:none;
position:absolute;
width:620px;
height:820px;
z-index:9999;
}

#pjax-loading .curtain {
position:absolute;
width:620px;
height:620px;
background-color:#fff;
opacity:0.8;
}

#pjax-loading .text {
position:absolute;
text-align:center;
width:620px;
font-size:28px;
padding-top:140px;
}



.sidebox {
margin-top:30px;
background-color:#f1f1f1;
}

.sidebox h4 {
background-color:#ffa826;
color:#fff;
padding:6px 10px 6px 10px;
margin-bottom:14px;
font-size:15px;
}

.sidebox h4 a {
color:#fff;
background-image: url("../img/picto-image.png");
background-position: 0 -92px;
background-repeat: no-repeat;
padding-left: 12px;
}

.sidebox .item {
padding:0 23px 10px 22px;
}

.sidebox .item .text b a {
color:#333;
}


#event {
background-color:#e6e9ee;
padding:10px;
color:#666;
}
#event h4 a {
font-size:14px;
color:#036;
}
#event .date {
font-size:11px;
padding-top:10px;
}
#event p a {
padding-top:10px;
}


#newsletter {
background: url(../img/newsletter-bg.jpg) #f9950c no-repeat;
padding: 8px 12px;
color:#fff;
}
#newsletter h4 {
color:#fff;
font-size:16px;
}
#newsletter p {
color:#fff;
}
#newsletter input {
background:none;
height:25px;
color:#333;
font-size:11px;
padding:3px 5px 4px 5px;
width:162px;
}
#newsletter input.send {
cursor:pointer;
width:auto;
padding:0 30px;
}

.adsense {
margin-top:15px;
margin-bottom:20px;
padding:7px 0;
border-top:1px solid #dadada;
border-bottom:1px solid #dadada;
}

#left-col .adsense {
border:0;
}

.freizeit {
/*background-color:#f1f1f1;*/
padding:15px 0 5px 0;
margin-top:0px;
margin-bottom:15px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

.freizeit div.item {
float:left;
height:46px;
width:145px;
margin-left:10px;
line-height:16px;
font-size:13px;
}

.freizeit div span {
display:block;
float:left;
height:36px;
width:36px;
margin-right:10px;
}

.freizeit span.fi-act {
background-color: #FFFFFF;
background-repeat: no-repeat;
background-image: url("../img/pictos/picto-activities-act.png");
}

.freizeit-teaser p {
display:inline;
}


#lake_comments {
margin:25px 0 0px 0;
}

#lake_comments h2{
margin-bottom: 20px;
}
#lake_comments_form_div {
position:relative;
margin:15px 0 5px 0;
}

#lake_comments_submit_div {
display:none;
}

#lake_comments_form_div div {
margin-bottom:10px;
}

#lake_comments_form_div input {
width:calc(100% - 16px);
margin-right: 10px;
margin-bottom: 10px;
padding: 6px;
}

#lake_comments_form_div input.submit {
padding: 7px 25px;
}

#lake_comments_form_div textarea {
width:calc(100% - 16px);
height:120px;
padding:6px;
font-size:14px;
}

#lake_comments_form_loading,
#ho_requests_form_loading,
#contact_form_loading,
#sup_form_loading {
display:none;
position:absolute;
height:100%;
width:100%;
background-color:#fff;
opacity:.75;
/*padding:4px;*/
color:#000;
}

#lake_comments_form_loading p,
#ho_requests_form_loading p,
#contact_form_loading p,
#sup_form_loading p {
text-align:center;
padding-top:60px;
font-weight:bold;
font-size:18px;
}

#lake_comments .commentbox {
background-color:#fff;
padding:20px 25px;
margin-bottom:12px;
cursor:pointer;
border: 1px solid #ddd;
}

#lake_comments .commentbox:hover a {
text-decoration:underline;
}

#lake_comments .commentbox.nocur {
cursor:auto;
}

#lake_comments .commentbox.red_com {
background-color:#edf2f6;
}

#lake_comments .commentbox h4 {
margin-top:0;
margin-bottom:4px;
color: #0891B2;
font-weight: normal;
}

#lake_comments .commentbox span.time {
color:#888;
font-size:13px;
line-height:19px;
padding-right:5px;
}

#lake_comments .comment_text{
	padding-top: 15px;
}

#lake_comments .commentbox p {
font-size:14px;
line-height:19px;
white-space:pre-line;
word-wrap:break-word;
margin-bottom:3px;
}

#lake_comments .commentbox .hide a {
display:inline;
}

#lake_comments .commentbox .hide {
display:none;
}

#lake_comments .ecke {
display:block;
height:20px;
width:20px;
float:right;
background-image:url(../img/picto-image.png);
background-repeat:no-repeat;
background-position:0 -60px;
margin-top:10px;
margin-right:15px;
}

#lake_comments #show_all_comments {
display:none;
text-align:center;
margin-top:20px;
}

#lake_comments #show_all_comments a {
background-color: #0891B2;
color: #fff;
font-weight: bold;
text-align:center;
width:180px;
padding: 7px 25px;
text-decoration:none;
}

#lake_comments #show_all_comments a:hover{
background-color: #0891B2;
color: #fff;
font-weight: bold;
text-align:center;
width:180px;
padding: 7px 25px;
}


.lake_facts h4 {
border-bottom: 1px solid #EEE;
color: #0891B2;
font-size: 14px;
margin-bottom: 0;
margin-top: 13px;
padding-bottom: 8px;
}

#content .lake_facts li {
background: url("../img/picto-image.png") no-repeat scroll 0 -293px rgba(0, 0, 0, 0);
display: block;
line-height: 22px;
margin-bottom: 2px;
margin-left: 4px;
padding-left: 20px;
}

.lake_facts table,
.lake_facts ul  {
margin-bottom: 40px;
}

.lake_facts table td {
border-bottom: 1px solid #EEE;
font-size: 14px;
padding: 4px 10px 4px 4px;
}


/***** START-PAGE *****/



/***** START-PAGE *****/



/***** FORMULARE *****/

input, select, textarea {
border: 1px solid #dadada;
background-color:#fff;
font-size:12px;
padding:2px;
width:140px;
color: #757575;
padding: 4px;
}

input:hover, select:hover, textarea:hover,
#finder-suche input:hover {
border: 1px solid #d1d1d1;
}

textarea {
width:380px;
}

input.submit,
button.cr_button,
a.cr_button {
background-color:#0891B2;
color: #fff;
font-weight: bold;
border:0;
cursor:pointer;
width:auto !important;
padding: 8px 14px;
border-radius: 2px;
}

input.submit:hover,
button.cr_button:hover,
a.cr_button:hover,
#finder-suche .finder-submit:hover,
.cities  .finder-submit:hover {
background-color: #0E7490;
}

button.cr_button, a.cr_button {
    display: inline;
}

table tr td .cr_button {
    padding: 2px 20px;
}

.layout_form input {
width: 240px;
}

.layout_form label.itemname {
width: 80px;
float:left;
}

/***** FORMULARE *****/



/***** TRANSITIONS *****/

.trans {
-webkit-transition: background-color 0.4s ease;
-moz-transition: background-color 0.4s ease;
-o-transition: background-color 0.4s ease;
transition: background-color 0.4s ease;
}

/***** TRANSITIONS *****/


/***** GALLERY *****/

#content .gallery {
margin:20px 0 25px 0;
}

#content .gallery ul {
list-style:none;
}

#content .gallery ul li {
float:left;
margin:0;
padding:0 10px 10px 0;
}

#content .gallery ul li a {
  display: block;
}

#content .gallery ul li a img {
display:block;
width:135px;
}

/** Lightbox **/

.lb-caption a {
color:#bbb;
text-decoration:underline;
}
.lb-caption a:hover {
color:#eee;
}


/***** GALLERY *****/



/***** HOTEL *****/

#content .ho_gal  .ho_detail h2 {
margin-top:20px;
}

#content .ho_gal  .bigimg {
float:left;
margin:0 0 4px 0;
}

#content  .ho_gal .thumb {
float:left;
margin:0 0 4px 4px;
}

#content .ho_gal .first {
float:left;
margin-left: 0;
}

#content .hide {
display:none;
}

#content  .ho_facts p {
font-size:10px;
margin-bottom: 10px;
line-height: 14px;
}

#content .ho_facts  a {
color: #333;
background-image: url("../img/picto-image.png");
background-position: 0 4px;
background-repeat: no-repeat;
padding-left: 12px;
}

#content .ho_facts  small a {
background-image: none;
padding: 0;
}

#content .ho_facts h3 {
color:#333;
font-size:11px;
margin:20px 0 10px 0;
line-height: 14px;
}
#content .ho_facts h3.first {
margin-top:0;
}

#content .ho_facts h4 {
font-size:10px;
margin:15px 0 2px 0;
}

#content .ho_facts img {
display:inline;
}

#content .ho_facts ul li {
background: url("../img/picto-image.png") no-repeat 0 -296px ;
color: #666666;
display: block;
padding-left: 15px;
margin: 0 0 6px 2px;
}

#content .ho_facts ul li ,
#content .ho_interior ul li,
#content .ho_rooms ul li,
#content .ho_overview ul li {
background: url("../img/picto-image.png") no-repeat 0 -296px ;
color: #666666;
display: block;
padding-left: 15px;
margin-left: 2px;
}

#content .ho_facts ul li {
margin: 0 0 6px 2px;
}

#content .ho_rooms ul li,
#content .ho_overview ul li {
background: url("../img/picto-image.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
padding-bottom:2px;
color: #333333;
}

#content .ho_rooms_desc ul {

margin-top: 2px;
margin-bottom: 17px;
width:300px;
}

#content .ho_interior ul {
margin-bottom: 30px;
}

#content .ho_facts .bigger {
color: #666;
font-size:18px;
margin: 3px 0 15px 0;
line-height: 18px;
}

#content .ho_facts .prospekt img {
margin-top:20px;
box-shadow:4px 4px 4px #666;
}

#content .ho_facts .prospekt a {
background-image: none;
padding: 0;
}

.stars-1 {
background: url("../img/stars.png") no-repeat 0 0 ;
height: 22px;
}
.stars-2 {
background: url("../img/stars.png") no-repeat 0 -22px ;
height: 22px;
}
.stars-3 {
background: url("../img/stars.png") no-repeat 0 -44px ;
height: 22px;
}
.stars-4 {
background: url("../img/stars.png") no-repeat 0 -66px ;
height: 22px;
}
.stars-5 {
background: url("../img/stars.png") no-repeat 0 -88px ;
height: 22px;
}

.fee-0 {
background: url("../img/fee.png") no-repeat 0 0 ;
height: 22px;
}
.fee-1 {
background: url("../img/fee.png") no-repeat 0 -22px ;
height: 22px;
}
.fee-2 {
background: url("../img/fee.png") no-repeat 0 -44px ;
height: 22px;
}

#content .ho_requests {
margin:30px 0 25px 0;
padding: 0 0;
}

#ho_requests_form_div,
#contact_form_div,
#sup_form_div {
position:relative;
margin:17px 0 25px 0;
}

#ho_requests_form_div input{
width:127px;
margin-right:10px;
margin-bottom:10px;
}


#contact_form_div input,
#sup_form_div input {
width: calc(50% - 17px);
margin-right:10px;
margin-bottom:10px;
}

#contact_form_div input:last-child,
#sup_form_div input:last-child{
  margin-right:0px;
}

#contact_form_div textarea,
#sup_form_div textarea {
width:calc( 100% - 11px);
height:200px;
margin-bottom:10px;
}

#contact_form_div select,
#sup_form_div select {
width: calc(50% - 4px);
margin-bottom: 10px;
}


#ho_requests_form_div textarea{
width:427px;
height:60px;
margin-bottom:10px;
}



.form_error{
border: 1px solid red !important;
}

#content .ho_footernav {
clear:both;
margin-top:40px;
border-top: 1px solid #999;
}

#content .ho_footernav ul li  {
background: url("../img/picto-image.png") no-repeat 0 5px ;
color: #666666;
display: inline;
padding: 0 10px 0 12px;
margin-left: 0;
}

#content .ho_footernav li a {
color: #666;
}

#content .ho_overview img{
/*width:300px;*/
/*height:200px*/
}

#content .ho_overview {
border-top: 1px solid #999;
margin:30px 0;
}

#content .ho_overview_basic {
margin:20px 0;
}
#content .ho_overview.ho_overview_basic h2 {
margin-top:15px;
}

#content .ho_overview  a {
color: #333;
}

#content .ho_overview h2,
#content .ho_interior h2 {
margin:20px 0 3px 0;
}

#content .ho_overview h2 a {
color:#0891B2;
}

#content .ho_overview p{
margin:0 0 10px 0;
}
#content p.subline {
font-size:12px;
color:#666;
line-height:12px;
margin-bottom:15px;
}
#content p.subline a {
color:#666;
}
#content p.subline a:hover {
color:#333;
}

#content .ho_overview   .ho_desc2 {
margin: 15px 0 20px 0;
width: 95%;
}

#content .ho_overview .mr10 {
margin-right:10px;
}

#content .shortfacts {
float:left;
margin:0 0 3px 0;
width:125px;
position:relative;
}
#content .shortfacts.sf2 {
width:80px;
}
#content .shortfacts.sf3 {
width:95px;
}
#content .shortfacts p{
color: #666;
font-size:16px;
line-height: 18px;
}
#content .shortfacts h4 {
font-size:10px!important;
margin:0 0 0px 0;
}
#content .shortfacts img.eco {
position: absolute;
right:-36px;
top:0;
}

#content .btn,
#layer_text .btn_row .btn_item .btn {
background:url("../img/picto-image.png") no-repeat 8px -21px;
background-color: #0891B2;
color: #fff !important;
font-size: 14px;
margin-top: 7px;
padding: 8px 20px 8px 25px;
width: fit-content !important;
border-radius: 2px;
display: block;
height: 28px;
line-height: 25px;
width: 135px;
text-decoration: none;
text-align: left;
}
#content .btn:hover,
#layer_text .btn_row .btn_item .btn:hover {
background-color:#0E7490;
}

#content .btn.hotel-button-left{
float: left;
color: #fff;
width: 97px !important;
}


#content .btn.hotel-button-right{
float: right;
height: 26px;
width: 95px !important;
background-color: white !important;
color: #0891B2 !important;
border: 1px solid #0891B2;
}
#content .btn.hotel-button-right:hover{
background-color:#0E7490 !important;
color: #fff !important;
border: 1px solid #0E7490;
}

#content .btn.autowidth,
#layer_block .btn.autowidth {
padding-right:30px;
}

#content .btn.btn_basic {
background-color: #0891B2;
float: right;
margin-top: 16px;
margin-left: 20px;
padding-right: 20px;
height: 24px;
line-height: 21px;
}

#content .btn.btn_basic:hover {
	background-color: #0E7490;
}

#content .ho_overview .act {
background-color: #0891B2;
}

#content .ho_overview .act:hover {
background-color: #0891B2;
}

#content .ho_overview .inact {
background-color: #8ba0cd;
}

#content .ho_rooms  {
margin-bottom:50px;
}

#content .ho_rooms p  {
margin-bottom:15px;
}

#content .ho_rooms h2 ,
#content .ho_map h2  {
margin:20px 0 10px 0;
}

#content .ho_rooms h3 ,
#content .ho_map h3  {
font-size:14px;
line-height:18px;
margin:20px 0 10px 0;
}

#content .ho_rooms h3  {
margin-top:30px;
}

#content .ho_rooms img  {
margin:0 0 30px 0;
}

#content .ho_map iframe {
margin:20px 0 0 0;
}

/***** HOTEL *****/


.tablesorter .headerSortDown {
background-image:url(../img/tablesorter/asc.gif)
}

.tablesorter .headerSortUp {
background-image:url(../img/tablesorter/desc.gif)
}

.tablesorter .headerSortDown,
.tablesorter .headerSortUp {
background-repeat:no-repeat;
background-position:right center;
}

.tablepager {
margin-bottom:40px;
}

.tablepager .pagedisplay {
float:left;
border:0;
background:none;
color:#333;
text-align:center;
width:85px;
height:24px;
}

.tablepager .first,
.tablepager .prev,
.tablepager .next,
.tablepager .last {
display:block;
float:left;
font-size:28px;
line-height:19px;
display:inline;
cursor:pointer;
text-decoration:none;
padding:0 8px 8px 8px;
background-color:#F1F1F1;
}

.tablepager input,
.tablepager select {
font-size:14px;
padding:0;
}

/***** FINDER *****/


#content #headmotiv .finder-searchbox.text{
width: 620px;
right: 10px;
padding: 0px;
}

#content #headmotiv .finder-searchbox.text #finder-suche input{
width: 66%;
}

.radius-button{
border: 1px solid #666666;
color: #666666;
padding: 10px;
}

.radius-button:hover{
border: 1px solid #0891B2;
color: #0891B2;
text-decoration:none;
}

.radius-button.selected{
border: 1px solid #0891B2;
color: #0891B2;

}


#content #headmotiv .finder-searchbox.text #finder-suche .finder-submit{
width: 14%;
margin-right: 100px;
}

#finder-suche {
padding-bottom:20px;
}

#finder-suche input {
background-color: #fff;
border: 1px solid #dadada;
font-size: 20px;
color: #757575;
padding: 8px;
width: 95%;
}

#finder-suche .finder-submit,
.cities  .finder-submit{
background-color:#0891B2;
font-size:20px;
color: #fff;
font-weight: bold;
padding: 8px;
width: 95%;
float: right;
height: 45px;
cursor: pointer;
}

.finder-switch {
float: left;
margin: 6px 0 20px 0;
}

.finder-switch a{
border: 1px solid #dadada;
padding: 5px 8px 5px 30px;
margin-right:8px;
color: #858585;
text-decoration: none;
}

.finder-switch a.btn-list-act,
.finder-switch a.btn-list:hover {
background:url("../img/picto-image.png") no-repeat 8px -590px;
color: #0891B2;
}

.finder-switch a.btn-detail-act,
.finder-switch a.btn-detail:hover {
background:url("../img/picto-image.png") no-repeat 8px -640px;
color: #0891B2;
}

.finder-switch a.btn-list {
background:url("../img/picto-image.png") no-repeat -77px -590px;
}

.finder-switch a.btn-detail {
background:url("../img/picto-image.png") no-repeat -77px -640px;
}

.finder-radius,
.finder-region {
float: right;
overflow: hidden;
/* background:url("../img/picto-image.png") no-repeat 142px -694px;  */
background:url("../img/pictos/select-arrow.png") no-repeat right ;
border: 1px solid #dadada;
width: 170px;
}

.finder-region {
border: 1px solid #dadada;
border-top: 0;
width: 298px;
}

.finder-radius select,
.finder-region select {
background: #fff;
color: #858585;
font-size:14px;
color: #858585;
padding:4px;
width: 322px;
height: 29px;
cursor: pointer;
background: transparent;
border: 0;
border-radius: 0;
line-height: 1;
-webkit-appearance: none;
}

.finder-radius select:hover,
.finder-region select:hover {
color: #0891B2;
}

.finder-radius select {
width: 195px;
}

.finder-radius select option,
.finder-region select option  {
background: #fff;
}

#finder-filter {
margin-top: 60px;
}

.finder-picto {
margin-bottom: 20px;
}

.finder-picto a{
font-size: 12px;
color: #666;
float:right;
margin-top:-10px;
position: relative;
padding-right:16px;
text-decoration:none;
}

.finder-picto a:after {
content:' >';
font-size:15px;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
position: absolute;
right:1px;
top:-1px;
}

.finder-picto a:hover {
color: #0891B2;
}

#finder-filter .finder-picto ul.pictolist {
margin-bottom:5px;
}

#finder-filter .finder-picto ul li  {
color: #666666;
display: block;
height: 70px;
width: 40px;
margin: 0;
}
#finder-filter .finder-picto ul li.off  {
color: #666666 !important;
}
#content .teaser-big ul.pictolist li {
float:left;
display:block;
width:35px;
height:35px;
margin:0;
}

#finder-filter .finder-picto ul li.btn-filter {
background-color: #FFFFFF;
background-repeat: no-repeat;
height:65px;
width:75px;
}

#finder-filter .finder-picto ul li.btn-filter:hover,
#finder-filter .finder-picto ul li.btn-filter.active {
color: #0062a8;
}

#finder-filter .finder-picto ul li.btn-filter:last-child {
margin-right: 0;
}

#finder-filter .finder-picto ul li.fi-info {background-image: url("../img/pictos/picto-infos.png")}
#finder-filter .finder-picto ul li.fi-info.off {background-image: url("../img/pictos/picto-infos.png") !important}
#finder-filter .finder-picto ul li.fi-info:hover,
#finder-filter .finder-picto ul li.fi-info.active {background-image: url("../img/pictos/picto-infos-act.png")}
.teaser-big ul.pictolist li.fi-info {background-image: url("../img/pictos/picto-infos-small.png");background-repeat: no-repeat;}

#finder-filter .finder-picto ul li.fi-act {background-image: url("../img/pictos/picto-activities.png")}
#finder-filter .finder-picto ul li.fi-act.off {background-image: url("../img/pictos/picto-activities.png") !important}
#finder-filter .finder-picto ul li.fi-act:hover,
#finder-filter .finder-picto ul li.fi-act.active {background-image: url("../img/pictos/picto-activities-act.png")}
.teaser-big ul.pictolist li.fi-act {background-image: url("../img/pictos/picto-activities-small.png");background-repeat: no-repeat;}

#finder-filter .finder-picto ul li.fi-lodg {background-image: url("../img/pictos/picto-lodging.png")}
#finder-filter .finder-picto ul li.fi-lodg.off {background-image: url("../img/pictos/picto-lodging.png") !important}
#finder-filter .finder-picto ul li.fi-lodg:hover,
#finder-filter .finder-picto ul li.fi-lodg.active {background-image: url("../img/pictos/picto-lodging-act.png")}
.teaser-big ul.pictolist li.fi-lodg {background-image: url("../img/pictos/picto-lodging-small.png");background-repeat: no-repeat;}


#finder-filter  .finder-picto span,
.teaser-big ul.pictolist li span {
display: inline-block;
font-size: 10px;
font-weight: normal;
margin-top:38px;
overflow: hidden;
white-space: nowrap;
width: 75px;
text-align: center;
line-height:12px;
}
.teaser-big ul.pictolist li span {
width:35px;
margin-top:30px;
}

#finder-filter .fi-button {
color: #666666;
cursor: pointer;
font-size: 12px;
font-weight: bold;
margin: 8px auto 0;
text-align: center;
}

#finder-filter .finder-picto ul li {
float: left;
}

#finder-filter .finder-picto ul li.fpic001 {
background-position: 17px 0;
}

#finder-filter .finder-picto ul li.fpic002 {
background-position: 17px -78px;
}

.clr:before,
.clr:after {
content: "";
display: table;
}
.clr:after {
clear: both;
}

.finder-map {
border: 1px solid #dadada;
margin-top:-1px;
}

#map-tabs {
margin-top:8px;
font-size:15px;
display:block;
height:28px;
line-height: 26px;
}

#map-tabs a {
font-weight:700;
color:#c9c9c9;
padding:5px 10px;
border: 1px solid #dadada;
border-bottom: 0;
border-collapse:separate;
}

#map-tabs a:last-child {
border-left:0;
}

#map-tabs  a.tab-act {
color: #0891B2;
background-color: #f6f6f6;
border-bottom: 1px solid #f6f6f6;
}

#layer_curtain, #layer_curtain_share {
display:none;
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
z-index:999980;
width:100% !important;
height:100%;
background-color:#111;
opacity:.8;
/* transition:all .3s; */
}

#layer_curtain_bookmark{
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
z-index:999980;
width:100% !important;
height:100%;
background-color:#111;
opacity:.8;
/* transition:all .3s; */
}


#layer_block_share{
position:fixed;
left:50%;
top:45%;
transform:translate(-50%, -55%);
z-index:999999970;
/* transition:all .3s; */
}

#layer_block{
display:none;
position:fixed;
left:50%;
top:45%;
transform:translate(-50%, -55%);
z-index:999999970;
/* transition:all .3s; */
}

#layer_block .btn-close, #layer_block_share .btn-close {
position:absolute;
right:-15px;
top:-16px;
cursor:pointer;
}

#layer_content{
background-color:#fff;
border:15px solid #fff;
}

#layer_content h2,
#layer_content .h1 {
margin:0 0 15px 0;
}

#layer_content.curtain_urlaub {
/*background-image:url('/seen_db/static/img/slider_root/layer/layer-bg-uralub-am-see.jpg');
background-position:bottom;
background-repeat:no-repeat;*/
width:930px;
min-height:430px;
}

#layer_content.curtain_treschers {
background-image:url('/seen_db/static/img/slider_root/layer/layer-bg-treschers.jpg');
background-repeat:no-repeat;
width:930px;
min-height:430px;
display:block;
}

a.treschers_btn{
	background: #33ccff;
	color: #fff;
	box-shadow: 0 3px #46b8fa;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	border-radius: 5px;
	padding: 3px 20px 5px 20px;
	display: inline-block;
	letter-spacing: 1px;
	outline: none;
	position: fixed;
	left: 41.5%;
	top: 72%;
	border: none;
}

a.treschers_btn:hover{
	background: #46b8fa;
	text-decoration: none;
}

#layer_text {
padding:25px;
}

#layer_text .btn_row {
position: absolute;
bottom: 30px;
}

#layer_text .btn_row .btn_item {
float:left;
margin-right:10px;
}
#layer_text .btn_row .btn_item:last-child {
margin-right:0;
}

#layer_text .btn_row .btn_item a.btn {
display:block;
width:247px !important;
height:38px;
line-height:36px;
font-size:17px;
}





input.votebutton {
width:240px !important;
height:29px !important;
background-image: url('../img/btn/btn-vote-dl14.png');
font-size:0;
}

#mdm_ad_right {
float:left;
max-width:160px;
/*background-color:#ff00ff;*/
}


/***** Cities *****/

p.citiesheader {
font-size: 17px;
color: #0891B2;
margin-top:30px;
font-weight: bold;
}

.cities #map {
margin-bottom: 20px;
}

.cities  .laketype {
background-image: url("../img/pictos/picto-badesee.png");
background-repeat: no-repeat;
background-position: 8px 6px;
}

.cities  .finder-submit {
margin: 20px 0;
width: 300px;
float: left;
height: 80px;
padding: 12px 0 12px 30px;
}

#content .cities  .finder-submit  li {
font-size:13px;
margin-left: 14px;
}

.cities .button {
background-color: #0891B2;
background-image: url("../img/pictos/button-arrow.png");
background-position: 0 0;
background-repeat: no-repeat;
color: #FFFFFF;
cursor: pointer;
float: left;
font-size: 18px;
font-weight: bold;
height: 80px;
margin: 20px 0;
padding: 10px 14px 0 50px;
position: relative;
}

.cities .button:hover {
background-color:#0891B2;
}

.cities .button a {
color: #000;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #3382ba;
opacity: 0;
filter: alpha(opacity=1);
text-decoration: none;
z-index: 100;
}

#content .cities .button li {
line-height: 15px;
font-size: 13px;
font-weight: normal;
margin-left: 14px;
}



/***** Teaser Linkbox-Test *****/

.linkbox {
position: relative;
}

.linkbox a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 10;
background-color: #FFF;
opacity: 0;
filter: alpha(opacity=1);
text-decoration: none;
}

.teaser-start .linkbox p span {
color: #333333;
display: block;
padding: 5px 0;
font-weight: 700;
}

.teaser-start .linkbox p span:before {
content: "»" " ";
font-size: 14px;
}

.teaser-start .linkbox:hover  {
opacity: 0.9;
font-weight: normal;
}

.teaser-start .linkbox:hover  span{
text-decoration: underline;
}


/***** menulayer *****/

#mainnav_layer  {
width:960px;
height:65px;
}

#mainnav_layer #topsuche{
float: right;
padding-top: 27px;
}

ul.mainnav {
list-style:none;
position:relative;
float:left;
clear:both;
height:36px;
list-style-type:none;
margin:0 20px;
}

ul.mainnav > li {
padding-bottom:2px;
padding-top: 25px;
float:left;
}

ul.mainnav > li#logo {
padding-top:  0px;
}

ul.mainnav > li > a {
color:  rgb(8, 145, 178);
display:block;
font-family: Raleway,Arial,Helvetica,sans-serif;
font-weight: 500;
height:36px;
line-height:35px;
font-size:19px;
padding:0 15px;
-webkit-transition: background-color 0.4s ease;
-moz-transition: background-color 0.4s ease;
-o-transition: background-color 0.4s ease;
transition: background-color 0.4s ease;
}

ul.mainnav div {
display:none;
position:absolute;
top:65px;
border-top:4px solid #fff;
left:-20px;
/*background:#f5f8ff;*/
background:#fff;
width:965px;
height:260px;
padding:10px 0 20px 15px;
/*box-shadow:0 10px 10px -5px #333;*/
box-shadow:0 10px 20px -17px #333;
box-shadow:0 10px 25px -15px #333;
}

ul.mainnav div ul li a {
display:block;
text-decoration:none;
color:#222;
padding:2px 2px 2px 4px;
margin:2px;
font-size:12px;
}

ul.mainnav li ul {
list-style:none;
float:left;
width:150px;
width:176px;
width:188px;
margin-right:28px !important;
}

ul.mainnav li ul:last-child {
margin-right:0 !important;
width:301px;
overflow:hidden;
}

li.mainnav_head {
color:#0891B2;
font-size:16px;
margin-bottom:10px;
padding-bottom:6px;
font-family:Roboto, Arial, Helvetica, sans-serif;
}

#mainnav ul li a{
display:block;
color:gray;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight: 500;
height: auto;
font-size:14px;
line-height:16px;
padding:5px 0 5px 0px;
margin: 0;
}

#mainnav ul li a:hover{
color: rgb(8, 145, 178);
border-bottom:  none;
}

#subnav ul li a {
display:block;
color:#0891B2;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight: 500;
height: auto;
font-size:12px;
line-height:16px;
padding:6px 0 6px 14px;
border-bottom: 1px solid #dfe5f3;
margin: 0;
}

#subnav ul li a:before {
content: "» ";
color: #0891B2;
font-size: 16px;
}

#mainnav a:hover,
#mainnav a.act,
ul.mainnav > li:hover > a,
ul.mainnav > li.act > a  {
text-decoration:none;
border-bottom: 1px solid rgb(8, 145, 178);
}

#mainnav #logo a{
height: 65px;
}

#mainnav #logo a:hover,
#mainnav #logo a.act{
background: transparent;
border-bottom: none;
}

ul.mainnav #uaw-link {
color: #39f;
}

ul.mainnav #uaw-link.act,
ul.mainnav > li:hover > a#uaw-link,
ul.mainnav > li.act > a#uaw-link  {
text-decoration:none;
}

#mainnav li div ul li a:hover {
color: #0891B2;
}

ul.mainnav > li:hover div {
z-index:9999;
display:block;
}

#mainnav  li.mainnav_ad {
margin-top:28px;
}

#mainnav  li.mainnav_ad a {
background-color: transparent;
border: 0;
margin: 0;
padding: 0;
}

#mainnav  li.mainnav_ad a:before {
content: none;
}

#mainnav  li.mainnav_ad a:hover {
background-color: transparent;
}

.display-none {
display:none !important;
}


/* Urlaub am See */

/* #cms-content .btn,
#content-pjax .btn {
background:url("../img/picto-image.png") no-repeat 8px -21px;
color:#fff;
font-size:14px;
margin-top:8px;
padding-left:10px;
display:block;
height:28px;
line-height:25px;
width:150px;
text-decoration:none;
text-align:left;
} */

#cms-content .act {
background-color: #0891B2;
}

#cms-content  .act:hover {
background-color: #0891B2;
}

#cms-content .teaser-angebot {
margin:0px 0 40px 0;
position:relative;
}

#cms-content .teaser-angebot a {
display:block;
}

#cms-content .teaser-angebot h3,
#cms-content .teaser-angebot a,
#cms-content .teaser-angebot a span,
#cms-content h2.angebot a {
font-family:Raleway, Arial, Helvetica, sans-serif;
}

#cms-content .teaser-angebot p.price  {
padding-top:10px;
text-align: right;
}

#cms-content .teaser-angebot .price span {
font-size: 30px;
}

#cms-content h2.angebot {
font-weight: 600;
font-size: 20px;
margin-top:20px;
}

#cms-content .teaser-angebot h3 {
margin:0;
}

#cms-content .teaser-angebot a.one_link {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
display:block;
}

#cms-content .teaser-angebot-private {
transition:all .3s;
margin-bottom:60px;
}

#cms-content .teaser-angebot-private:hover {
opacity:.85;
}

#cms-content .teaser-angebot-private img {
margin-bottom:2px;
}

#cms-content .teaser-angebot-private h3 {
margin-bottom:5px;
line-height:1.2em;
}

#cms-content .teaser-angebot-private p {
font-size:12px;
line-height:1.4em;
margin-bottom:0.4em;
}

#cms-content .teaser-angebot-private p.price {
float:right;
padding-top:5px;
font-family:Raleway, Arial, Helvetica, sans-serif;
color:#0891B2;
}

#cms-content .teaser-angebot-private p.price span.price_big {
font-size:28px;
padding-left:2px;
font-family:Raleway, Arial, Helvetica, sans-serif;
font-weight:500;
}

#cms-content .teaser-angebot-private p.price span.price_euro {
padding-left:4px;
font-family:Raleway, Arial, Helvetica, sans-serif;
font-size:90%;
}

/* Shop - Produktscout */

#cms-content .teaser-angebot-shop {
margin:12px 0 30px 0;
font-family:Raleway, Arial, Helvetica, sans-serif;
}

#cms-content .teaser-angebot-shop a {
font-family:Raleway, Arial, Helvetica, sans-serif;
}

#cms-content .teaser-angebot-shop p {
color:#0891B2;
margin-top:10px;
font-size:12px;
line-height:20px;
}

#cms-content .teaser-angebot-shop p.price a {
font-family:Roboto, Arial, Helvetica, sans-serif;
}

#cms-content .teaser-angebot-shop p.price span {
padding-top:10px;
font-weight:bold;
}

#cms-content .teaser-angebot-shop h3 {
margin:15px 0 0 0;
}

.cc_container .cc_btn,
.cc_container .cc_btn:hover,
.cc_container .cc_btn:active,
.cc_container .cc_btn:visited {
background-color:#0891B2 !important;
color:#fff !important;
}

.cc_container .cc_btn:hover {
text-decoration:underline !important;
}

.infobox {
background-color:#e7f5fc;
background-color:#edf2f6;
padding:15px 20px 20px 20px;
margin-top:20px;
margin-bottom:30px;
}

.infobox h4 {
margin-top:0;
color:#0891B2;
margin-bottom:4px;
font-size:14px;
}

.infobox p {
margin-bottom:0;
font-size:12px;
line-height:19px;
}

#debug-bar {
color:#fff;
text-align:left;
line-height:1.4em;
position:fixed;
left:0px;
top:0px;
width: 100%;
background-color:#333;
box-shadow:0 0 3px 3px rgba(0,0,0,0.3);
padding:0;
transition:all .2s;
}

#debug-bar:hover {
opacity:1;
}

#debug-bar h2, #debug-bar h3, #debug-bar a {
color: #fff;
}

#debug-bar > .left {
width: 50%; float:left; margin: 10px;
}

#debug-bar > .right {
width: 45%; float:right; text-align: right; margin: 10px;
}

#debug-bar a.button {
background: #fff; color: #000; padding: 3px; border-radius: 3px; margin: 3px;
}

#debug-bar .green {
color: #0e0;
}

#debug-bar .red {
color: #e00;
}

.debug-margin {
margin-top:40px;
}

#content a.btn-book {
-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
box-shadow:inset 0px 1px 0px 0px #fce2c1;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
background:-moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
background:-webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
background:-o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
background:-ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);
background-color:#ffc477;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #eeb44f;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-size:15px;
font-weight:700;
padding:4px 24px;
text-decoration:none;
text-shadow:0px 0px 2px #6C3F00;
margin-bottom:30px;
}

#content a.btn-book:before {
content:"» ";
font-size:120%;
}

#content a.btn-book:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
background:-moz-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
background:-webkit-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
background:-o-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
background:-ms-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477',GradientType=0);
background-color:#fb9e25;
}

#content a.btn-book.btn-book-left {
float:left;
margin-right:20px;
margin-bottom:7px;
}
#content a.btn-book.btn-book-right {
float:right;
margin-left:20px;
margin-bottom:7px;
}

/* UAW */

/* UAW-Searchform */

.searchbar-urlaub {
bottom:120px!important;
left:50px;
}

#content #headmotiv .searchbar-urlaub h2 {
font-size:33px;
font-weight:400;
margin-bottom:80px;
left:8px;
}

.searchform-border {
background-color:#0891B2;
border-radius:5px;
opacity:0.5;
width:600px;
}

.searchform-urlaub{
position: absolute;
top: auto;
bottom: 30px;
display: table-cell;
vertical-align: baseline;
z-index: 30;
display: flex;
}

.searchform-urlaub select, input {
font-family:Raleway, Arial, Helvetica, sans-serif;
width:232px;
font-size:12px;
}

.uaw-search-button {
width:40px!important;
background-image: url("../img/go-arrow.png");
background-repeat: no-repeat;
background-position: 12px;
border-radius: 0px 3px 3px 0px;
-moz-transition:0.6s ease-in-out;
-webkit-transition:0.6s ease-in-out;
-o-transition:0.6s ease-in-out;
transition:0.6s ease-in-out;
}

.uaw-search-button :hover {
color:#333;
opacity:0.5;
font-size:30px;
}

.uaw-search-textfield {
border-radius: 3px 0px 0px 3px;
}

input.uaw-search-textfield::placeholder {
color: #0891B2;
opacity: 1;
}

.searchform-urlaub {
border:9px solid rgba(0,99,169, 0);
background-color:rgba(0,99,169, .7);
border-radius:5px;
}

.searchform-urlaub input {
border:none;
padding: 7px;
margin-right: 3px;
}

.searchform-urlaub select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: none;
border-radius: 0px;
outline: none;
cursor: pointer;
margin-right:3px;
background-image: url("../img/search-arrow.png");
background-repeat: no-repeat;
background-position: 210px 11px;
}

.searchform-urlaub select::-ms-expand {
display: none;
}

.searchform-urlaub input[type=submit] {
cursor:pointer;
}

.searchform-urlaub input[type="submit"]:hover {
background-color: #4caeed;
background-image: url("../img/go-arrow.png");
}

/* UAW-Searchform End */

#uaw-newsletter {
margin-bottom:60px;
margin-top: -7px;
}

#uaw-newsletter hr {
border: solid 0.1px #eee;
margin-bottom: 4px;
margin-top: -6px;
}

#uaw-newsletter p {
font-size:12px;
font-weight:500;
margin-bottom: 2px;
}

.uaw-intro {
height:40px;
}

.uaw-headline h1{
	margin-top: 20px;
}

.uaw-shadow {
position:absolute;
z-index:15;
height:440px;
width:940px;
box-shadow:inset 0 -150px 150px -150px #000;
}

.boxlink {
display:block;
min-height:400px;
width:460px;
position:absolute;
z-index:8000;
}

#content .uaw-motiv {
height:440px!important;
margin-bottom:0px!important;
position:relative!important;
background:#eee!important;
}

#uaw-breadcrumb {
font-size:15px;
color:#418abf;
margin-bottom: 45px;
}

#uaw-breadcrumb a {
margin:0px 0px 5px 5px;
padding:1.5px 6px;
border:solid 1px #418abf;
border-radius:5px;
color:#fff;
background-color:#418abf;
}

#uaw-breadcrumb a:hover {
text-decoration:none;
opacity:0.9
}

.uaw-page {
position: absolute;
margin: -40px 0px 0px 350px;
border:solid 1px #418abf;
border-radius:5px;
background-color:none;
width:241px;
}

.uaw-page .tablepager .first, .tablepager .prev, .tablepager .next {
font-size: 16px;
display: inline;
cursor: pointer;
text-decoration: none;
padding: 8px 12px 8px 12px;
background-color:transparent;
z-index:500;
}

.uaw-page a:hover {
background-color:#e6f4ff;
z-index:400;
}

.uaw-border-right:hover {
border-radius:4px 0px 0px 4px !important;
}

.uaw-border-left:hover {
border-radius:0px 4px 4px 0px !important;
}

.prev .uaw-border-right a:hover {
font-size:20px !important;
}

.uaw-border-right {
border-right:solid 1px #418abf;
padding-left:16px !important;
}

.uaw-border-left {
border-left:solid 1px #418abf;
padding-left:13px !important;
}

#uaw-tablepager .tablepager {
margin-bottom:100px !important;
}

.holiday-map{
margin-bottom: 40px;
}

/* UAW-Teaser */

.uaw-see-teaser{
margin-top: 5px;
}

#uaw-teaser .photo {
display: block;
position: absolute;
z-index: 30;
font-size: 10px;
font-weight: 400;
margin-top: -23px;
color: #fff;
text-align: right;
width: 450px;
opacity:.7;
text-shadow:0 0 3px #000, 0 0 3px #000;
}

.uaw-teaser {
	border-radius: 4px;
}

#content #uaw-teaser .uaw-teaser {
margin-bottom:20px;
width:458px;
transition: box-shadow 0.5s;
box-shadow: none;
}

.uaw-teaser-text {
padding: 15px 15px 0 15px;
min-height: 108px;
}

.small .uaw-teaser-content{
padding: 15px;
}
.uaw-teaser-footer {
	padding: 0px 15px 15px 15px;
}
.small .uaw-teaser-footer {
padding: 0px 15px 15px 15px;
}

.bahn .uaw-teaser-content {
padding: 5px 10px 0px 10px;
}

.uaw-teaser.bahn.bahn-small{
width:200px;
margin-right:10px;
}

.uaw-teaser.bahn .uaw-teaser-top img.teaser-bahn{
margin-left:10px;
margin-right:10px;
}

.uaw-teaser.bahn.lastcol{
margin-right:0px;
}

.bahn .uaw-teaser-content .teaser-button{
	position: relative;
    width: max-content;
    padding: 10px 0px;
    color: #0891B2;
    border-radius: 3px;
    font-size: 14px;
}

#cms-content .bahn .uaw-teaser-content .teaser-button{
	margin-bottom: 10px;
}

.bahn .uaw-teaser-content .teaser-button svg{
	margin-right: 5px;
}

.small .uaw-teaser-top {
height: 260px;
overflow: hidden;
}

.small .uaw-teaser-bottom {
padding: 5px 15px 5px 15px;
min-height: 42px;
}

.uaw-teaser-bottom .uaw-partner {
width: 77px;
}

.uaw-teaser-content {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.uaw-teaser-footer {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

#cms-content .uaw-teaser-content h2, .uaw-teaser-content h2 {
margin-top: 0px;
font-size: 20px;
font-weight: 400;
}

.uaw-stoerer {
color:#fff;
background-color:#f8b343;
padding:9px 13px 9px 13px;
font-size:20px;
position:absolute;
margin-top: -250px;
border-radius: 0px 5px 5px 0px;
}

.small .uaw-stoerer{
margin-top: -170px;
}

.uaw-teaser.small .photo {
display: block;
position: absolute;
z-index: 30;
font-size: 10px;
font-weight: 400;
margin-top: -20px;
color: #fff;
text-align: right;
width: 290px;
opacity:.7;
text-shadow:0 0 3px #000, 0 0 3px #000;
}

.uaw-teaser.small h2, .uaw-teaser.small span.uaw-headline, .uaw-teaser.bahn span.uaw-headline{
color: #0891B2;
margin-bottom: 10px;
margin-top: 5px;
min-height: 50px;
font-size: 20px;
line-height: 24px;
}

.uaw-teaser.bahn span.uaw-headline{
    display: block;
    min-height: 40px;
}

#cms-content .uaw-teaser.bahn h2{
    margin-top:10px;
}

.uaw-teaser.small span.uaw-headline{
display: block;
line-height: 22px;
}

.uaw-teaser.small a{
text-decoration: none;
display: block;
border-radius: 4px;
}

.uaw-teaser-shadow  {
	-webkit-box-shadow: 0px 3px 6px #00000029;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 4px;
}
.uaw-teaser-shadow:hover  {
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.4);
	box-shadow: 0px 3px 6px #00000058;
}

.uaw-teaser.bahn .uaw-teaser-top img, .uaw-teaser .uaw-teaser-top div, .uaw-teaser .uaw-teaser-top img{
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}

.uaw-teaser.bahn .uaw-teaser-top img{
margin:10px auto 0 auto;
display:block;
}

.uaw-price-head{

}

.uaw-price-person{
	font-size: 11px;
	text-align:left;
	color: #555;
	display:block;
	margin-bottom:5px;
}

.uaw-teaser .uaw-price,.uaw-teaser .uaw-price-symbol{
color: #434343;

}
.uaw-teaser.small .uaw-teaser-content {
	border: none;
	min-height: 160px;
}
.uaw-teaser.bahn .uaw-teaser-content {
    border: none;
    min-height: auto;
}

.uaw-teaser.small, .uaw-teaser.bahn{
margin-bottom:20px;
}

.uaw-teaser p {
  color: #707070;
  font-size: 14px;
  line-height: 18px;
}

.uaw-teaser a {
text-decoration: none;
}

.morecontent {
display:none;
}

.uaw-price {
font-size:28px;
font-weight:500;
}

.uaw-price-symbol {
font-size:28px;
font-weight:500;
}

.uaw-price-head {
color: #434343;
opacity: 1;
margin-right: 5px;
font-size:16px;
}

.uaw-price-copy {
color: #666;
margin-top: -17px;
font-size: 11px;
display: flex;
float: right;
margin-top: 0px;
text-align:left;
}

.uaw-teaser.small .uaw-price-copy {
	width: 100%;
	text-align:right;
}

.uaw-teaser.small .uaw-footer-line1 {
	min-height: 23px;

}
.uaw-teaser.small .uaw-footer-line2 {
	min-height: 33px;

}
.uaw-teaser.small .uaw-footer-line3 {
	min-height: 26px;

}


.uaw-stoerer-top{
	position: absolute;
    z-index: 30;
    text-align: center;
}
.uaw-stoerer-inner{
	display: inline-block;
	font-size: 16px;
    background-color: #fff;
    padding: 5px 30px;
    border-radius: 5px;
}
.uaw-teaser .uaw-stoerer-top{
    margin-top: 20px;
}

.uaw-right p span {
font-family:Raleway, Arial, Helvetica, sans-serif;
}

.uaw-right p {
margin-bottom: 0px;
hyphens: auto;
}

.uaw-right {
text-align: right;
float: right;
}

.uaw-left{
float:left;
}

.uaw-teaser-margin-bottom {
	margin-bottom: 1rem;
}

/* UAW End */

.animate {
transition: opacity 1s;
opacity: 0;
}

.fadein {
opacity: 1;
}

/* Teaser 2-Spaltig */

.uaw-teaser.big .photo {
display: block;
position: absolute;
z-index: 30;
font-size: 10px;
font-weight: 400;
margin-top: -23px;
color: #fff;
text-align: right;
width: 604px;
opacity:.7;
text-shadow:0 0 3px #000, 0 0 3px #000;
}

.uaw-teaser.big {
	margin-right: 0px;
}

.uaw-teaser.big .uaw-teaser-top {
height: 240px;
overflow:hidden;
}


.uaw-teaser.big .uaw-teaser-bottom .uaw-partner {
	width: 77px;
	margin-top:13px;
}

#cms-content .uaw-teaser .uaw-partner, .uaw-teaser .uaw-partner {
	width: 77px;
}

.uaw-teaser.big .uaw-teaser-content {
min-height:104px;
padding: 15px 15px 15px 15px;
}
.uaw-teaser.big .uaw-teaser-footer {
	min-height:73px;
	padding: 0px 15px 15px 15px;
}
.uaw-teaser.big .uaw-stoerer {
	margin-top:-210px;
}

/* slick slider */

.uaw-teaser-slide .slick-prev{
	left: 13px;
	z-index: 10;
	width: 30px;
	height: 38px;
	top: 32%;
}

.uaw-teaser-slide .slick-next {
    right: 13px;
    z-index: 10;
    width: 30px;
	height: 38px;
	top: 32%;
}

.uaw-teaser-slide .slick-prev::before{
    color: white!important;
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: '\f001';
}

.uaw-teaser-slide .slick-next::before {
    color: white!important;
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: '\f002';
}

#content .slickslider {
	border:0;
	border-radius:0;
	box-shadow:none;
	margin:0;
	background-color:#f0f8fd;
}

#content .slickslider li {
	margin:0;
}

#content .slickslider .slides img, .motiv .mainpage-motiv  {
	position:absolute;
	width:auto;
	z-index:10;
}

.motiv.max .mainpage-motiv{
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.motiv.max .text-area-bottom{
	margin-top:  323px;
}

.motiv.max .text-area-bottom .text-left{
	float: left;
	min-height:  150px;
}

#content .motiv a:hover{
	text-decoration: none;
}

#content .slickslider .slides > div {
	position:relative;
	height:440px;
}

#content .slickslider .photo, #content .motiv .photo {
	display:block;
	position:absolute;
	z-index:30;
	font-size:10px;
	font-weight:400;
	top: 453px;
	right: -90px;
	color:#fff;
	text-align:right;
	opacity:.7;
	text-shadow:0 0 3px #000, 0 0 3px #000;
}

#content .motiv.medium .photo {
	right: 10px;
}

#content .motiv.max .photo {
	top:  340px;
}

#content .slickslider .photo a, #content .motiv .photo a {
	color:#fff;
}

#content .slickslider .slick-prev{
	left: 13px;
	z-index: 10;
	width: 40px;
	height: 40px;
	top: 50%;
}

#content .slickslider .slick-next {
    right: 13px;
    z-index: 10;
    width: 40px;
	height: 40px;
	top: 50%;
}

#content .slickslider .slick-prev::before{
    color: white!important;
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    background-image:url(../img/arrow_left.png);
    content: " ";
    width: 40px;
	height: 40px;
}

#content .slickslider .slick-next::before {
    color: white!important;
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    background-image:url(../img/arrow_right.png);
    content: " ";
    width: 40px;
	height: 40px;
}

#content .slickslider .slick-prev:focus::before{
	opacity:.7;
}

#content .slickslider .slick-next:focus::before {
	opacity:.7;
}

#content .slickslider .slick-prev:hover::before{
	opacity:1;
}

#content .slickslider .slick-next:hover::before {
	opacity:1;
}

#content .slickslider .slick-dots {
    bottom: 10px;
    z-index: 10;
}

#content .slickslider .slick-dots li button::before{
	font-size: 35px;
	color: white;
	opacity: 0.65;
}

#content .slickslider .slick-dots li button:hover::before, #content .slickslider .slick-dots li button:focus::before {
    opacity: 1;
}

#content .slickslider .slick-dots li button:hover::before, #content .slickslider .slick-dots li button:focus::before , #content .slickslider .slick-dots li.slick-active button::before{
    opacity: 1;
}

.slick-prev:hover::before, .slick-prev:focus::before, .slick-next:hover::before, .slick-next:focus::before {
    opacity: 1;
}

.mobile-only{
	display: none !important;
}

.desktop-only{
	display: inline-block !important;
	float:left;
}


 /*botui Style Seen.de*/

#seende{
 	display:none;
 }

#seende .botui-chatbox{
	height:460px;
	width: 500px;
}

#seende.botui-app-container{
	position: fixed;
	bottom: 60px;
	right: 60px;
	height: 460px;
	width: 505px;
	font-family: "raleway";
	z-index: 100;
}

#seende .botui-header{
	background-color: #0891B2;
	height: 50px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border: 2px solid #0891B2;
	width:100%;
}

.botui-starticon{
	width:40px;
	height:40px;
	background: url(../img/bubble.png) no-repeat;
	background-size: contain;
	position: fixed;
	bottom: 15px;
	right: 15px;
	transition: all .2s ease-in-out;
	z-index: 200;
}


.botui-starticon.active{
	background: url(../img/bubble_active.png) no-repeat;
}

.botui-starticon:hover, #seende .botui-closeicon:hover{
	cursor: pointer;
}

#seende .botui-closeicon{
	width:30px;
	height:30px;
	background: url(../img/close.png) no-repeat;
	background-size: contain;
	float:right;
	margin-right: 10px;
	margin-top: 6px;
}

#seende .botui-container{
	border-bottom-left-radius: 15px;
	border: 2px solid #0891B2;
	font-family: "raleway";
	height: 400px;
}

#seende .botui-actions-buttons-button {
	font-family: "raleway";
}

#seende .botui-header p{
    padding-top: 0px;
    margin-top: 5px;
    margin-left: 15px;
    line-height: 18px;
}

#seende .botui-nametag{
	font-size: 20px;
	color: white;
}

#seende .botui-title{
	font-size: 14px;
	color: #b2d0e5;
}

#seende .botui_avatar{
    width: 100%;
    height:120px;
    content: " ";
    display: block;
    background: url(../img/chat1.png) no-repeat;
    background-size: contain;
    float: left;
    margin: 10px 6px 10px 0;
}

#seende .botui_avatar .botui-message-content{
	margin-top: 10px;
	float: right;
	width: 60%;
	}

#seende .botui-actions-buttons-button{
	width: 100%;
	border-radius: 10px;
	color: black;
	background-color: #fff;
	border: 2px solid #b2d0e5;
	box-shadow: none;
}

#seende .botui-redirect-button .botui-message-content{
	color: black;
	background-color: #fff;
	border: 2px solid #b2d0e5;
	box-shadow: none;
	text-align: center;
	margin-top: 8px;
	border-bottom-left-radius: 0px;
	left: 5px;
	margin-right: 65px;
	display: block;
	width: 50%;
}

#seende .botui-redirect-button .botui-message-content .botui-message-content-link{
	color: #0891B2;
}

#seende .botui-redirect-button .botui-message-content:hover{
	box-shadow: 1px 1px 4px 0 rgba(0,0,0,.25);
}

#seende .botui-actions-buttons-button:hover{
	box-shadow: 1px 1px 4px 0 rgba(0,0,0,.25);
}

#seende .botui-message-content{
	border-bottom-left-radius: 2px;
	background-color: #e6e6e6;
}

#seende .botui-message-content.human{
	background-color: #b2d0e5;
	color: #595a5a;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 2px;
}

#seende .botui-message-content-link {
    color: #0891B2;
}

#seende .botui-message-content-link:hover {
    color: #b2d0e5;
}

#seende button.botui-actions-buttons-button{
	margin-top: 0px;
}

@media (max-width: 600px) {

  #seende.botui-app-container {
	height: 60%;
	width: 90%;
	bottom: 80px;
	right: 5%;
  }

  #seende .botui-chatbox {
      height: 100%;
      width: 100%;
      margin-bottom:15px;
  }

  #seende .botui-container {
      height: 90%;
  }


   .botui-starticon{
  bottom: 20px;
  position:fixed;
  }

  #seende .botui-redirect-button .botui-message-content {
    margin-right: 0px;
  }


#seende .botui_avatar{
  background-size: 80px;
  height: 100%;
  min-height: 100px;
}
}
 /*botui Style Seen.de Ende*/

 /* Font-face Icons */

  #cms-content .slider {
        width: 100%;
        height: 361px;
        margin: 50px auto;
    }
   #cms-content .slick-slide {
      margin: 0px 20px 0 0;
      height: 361px;
     overflow: hidden;
     position: relative;
     display: flex;
    }
   #cms-content .slick-slide img {
      width: 100%;
    }
#cms-content .caption {
    bottom: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    left: 0;
    position: absolute;
    width: 100%;
    background-color: #fff;
    z-index: 2;
}
    #cms-content .slick-prev:before,
    #cms-content .slick-next:before {
      color: black;
    }
    #cms-content .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    #cms-content .slick-active {
      opacity: .5;
    }
#cms-content .slick-list{padding:0 20% 0 0;}
#cms-content .uaw-teaser-slide .slick-list{padding:0 0 0 0;}
#cms-content .uaw-teaser-slide .slick-slide {height: auto;margin:0;}
    #cms-content .slick-current {
      opacity: 1;
    }
    #cms-content .slick-prev{ left: 100px; z-index: 1; }
  #cms-content .slick-next{ right: 100px;  z-index: 1; }
#cms-content .slide {
  position: relative;
}
#cms-content .slide__caption {
  bottom: 0;
  min-height: 80px;
  left: 0;
  position: absolute;
  width: 100%;
  background-color: #fff;
  z-index: 2;
  opacity:0.9;
}
#cms-content .slide__caption h3{
margin: 5px 0px 0px 10px;
}
#cms-content .slide__caption p{
margin: 10px 10px 10px 10px;
}
#cms-content .insel_fewo_space{
margin: 5px 0px 5px 0px;}
#cms-content .kategorie{
margin: 0px 0px 0px 10px !important;
font-size: 11px;}
#cms-content .slick-next.slick-arrow {
text-shadow: -1px 0px 2px #555;
    padding: 180px 0 180px 0;
    width: 125px;
    right: 0;}
#cms-content .slick-prev.slick-arrow {
text-shadow: 1px 0px 2px #555;
    padding: 180px 0 180px 0;
    width: 125px;
    left: 0;
}
#cms-content .slick-prev::before, #cms-content .slick-next::before {
    color: white!important;
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: '\f001';
}

#cms-content .slick-prev, #cms-content .slick-next {
	top: 40%;
}
#cms-content .slick-next::before {
    content: '\f002';
    font-family: "flexslider-icon";
}
#cms-content .sliderbox{
height:361.25px}

#content .instagram-col .teaserbox {
  position: relative;
  background: #f2f2f2;
  width: 300px;
  height: 150px;
  overflow: hidden;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  float: none;
}

.before-element:before {
  content: "»" " ";
  color: #0891B2;
  font-size: 12px;
}

#content .instagram-col .teaserbox .text{
    position: relative;
    z-index: 20;
    width: 300px;
    height: 150px;
    background-color: rgba(0, 51, 153, 0.85);
    background-color: rgba(255, 255, 255, 0.9);
    margin-top: 300px;
}

#content .instagram-col .teaserbox:hover .text{
    margin-top: 213px !important;
}

#bookmark_layer {
position:fixed;
left:50%;
top:45%;
transform:translate(-50%, -55%);
z-index:999999970;
width: 530px;
max-height: 600px;
background-color: #fff;
/* transition:all .3s; */
padding: 30px 30px 30px 30px;
}

#bookmark_layer #layer_content{
width: 620px;
height: 640px;
}

.bookmark-text{
	width: 450px;
	float: left;
	margin-right: 35px;
}

.bookmark-entry{
	display: block;
	min-height: 60px;
	padding-top: 20px;
	float: left;
}

.bookmark-container{
		margin: 0 10px 20px 20px;
	background-color: #f2f2f5;
	padding: 15px;
	height: 40px;
	width: 770px;
	float:left;
		border-radius: 10px;
}

.bookmark-container h3{
	font-size: 22px;
	margin: 7px 45px 0 0;
	float:right;
}

.sharebutton-container{
	margin: 0 0 20px 0;
	background-color: #f2f2f5;
	padding: 15px;
	height: 40px;
	float: left;
	width: 100px;
	border-radius: 10px;
}

.sharebutton-container .sharebutton-icon{
	width: 40px;
	height: 40px;
	display:block;
	margin:auto;
	background-image:url(../img/social/teilen.svg);
}

.sharebutton-container:hover, .bookmark-container:hover{
box-shadow: 0 3px 8px rgba(0,0,0,0.2) !important;
transition: box-shadow 0s !important;
cursor: pointer;
}

.bookmark-container .bookmark-icon{
	width: 40px;
	height: 40px;
	display:block;
	float:right;
	margin-right: 25px;
	background-image:url(../img/social/bookmark.svg);
}

.bookmark-close{
	width: 30px;
	height: 30px;
}

#bookmarklayer{
font-size: 14px;
background-color: #0891B2;
color: #fff;
font-weight: bold;
padding: 1ex 25px;
border-radius: 5px;
float:right;
cursor:pointer;
}

#bookmark_layer .btn-close {
position:absolute;
right:-16px;
top:-16px;
cursor:pointer;
}

#bookmark_layer .bookmark-email .mailing {
display:block;
width:36px;
height:36px;
line-height:0;
font-size:0;
background-image:url(../img/social/mail.svg);
background-repeat:no-repeat;
transition: all .2s ease-in-out;
float:right;
margin-top: -5px;
margin-left: 7px;
}

#bookmark_layer .bookmark-email p {
float: right;
color: #0891B2;
font-size: 17px;
font-weight: bold;
}

#bookmark_layer .bookmark-email p:hover {
cursor: pointer;
}


#bookmark_layer  .bookmark-head{
	height: 50px;
}

#bookmark_layer  .bookmark-sitelist{
	max-height: 450px;
	overflow: auto;
	min-height:200px;
	margin-bottom: 25px;
}

#bookmark_layer  .bookmark-head h3{
font-size: 30px;
}

#bookmark_layer  .remove-bookmark{
background-image:url(../img/social/entfernen.svg);
width:20px;
height:20px;
background-color: transparent;
cursor:pointer;
}

#bookmark_layer  .remove-bookmark:hover{
	transform: scale(1.1);
}

#bookmark_layer .bookmark-text .bookmark{
	font-size: 17px;
}

#bookmark_layer .bookmark-text p{
	font-size: 13px;

}

#bookmark_layer .bookmark-button{
	display:block;
	float: left;
}

.layer_sharebuttons a{
	width: 50px;
	height: 50px;
	margin-right: 18px;
	display: block;
	float: left;
}

.layer_sharebuttons a.facebook{
	background-image:url(../img/social/facebook.svg);
}

.layer_sharebuttons a.twitter{
	background-image:url(../img/social/twitter.svg);
}

.layer_sharebuttons a.pinterest{
	background-image:url(../img/social/pinterest.svg);
}

.layer_sharebuttons a.tumblr{
	background-image:url(../img/social/tumblr.svg);
}

.layer_sharebuttons a.email{
	background-image:url(../img/social/mail.svg);
}

.layer_sharebuttons {
	margin: 45px auto 0 auto;
	width: 272px;
}

#content .social .cleverpush-content-button-btn.cleverpush-content-button-btn-subscribe, #content .social .cleverpush-content-button-btn.cleverpush-content-button-btn-unsubscribe{
    background-color:transparent !important;
    background-image: url(../img/social/push-abo.svg);
    background-size:cover;
    color: transparent;
    border: none;
    border-radius: 0px!important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: 0 3px 8px rgba(0,0,0,0) !important;
    width: 56px !important;
    height: 56px !important;
    float: left;
    margin: 0 !important;
    padding: 0 !important;
    text-indent: -9999em;
    text-transform: uppercase;
    transition: all .2s ease-in-out;
}

#content .social .cleverpush-content-button-btn.cleverpush-content-button-btn-subscribe:hover, #content .social .cleverpush-content-button-btn.cleverpush-content-button-btn-unsubscribe:hover{
    background-image: url(../img/social/hover/push-abo.svg);
}


#content .social .cleverpush-content-button-btn.cleverpush-content-button-btn-subscribe.disabled {
    display: none !important;
}

.social .cleverpush-content-button .cleverpush-content-button-btn.cleverpush-content-button-btn-unsubscribe{
	border: none !important;
}



#layer_content_share {
    width: 600px;
    height: 155px;
    background-color:#fff;
    padding: 10px;
}

#layer_content_share h3{
	font-size: 30px;
	text-align:center;
}

[v-cloak] {
  display: none;
}



.voting-table tr{
	border-bottom:solid 1px #dddddd;
	display: block;
	width: 100%;
	height: 45px;
	padding: 10px 0px;
}

.voting-table td{
	display: inline-block;
}

.voting-table a.voting-lakename{
	font-size: 21px;
}

.voting-table span{
	font-size: 13px;
}
.voting-button{
	background-color: lightblue;
	color: white;
	border-radius: 5px;
	padding: 5px;
}

#lake-search{
	border-radius: 5px;
	border: 1px solid #008ac3 !important;
	width: 400px;
	height: 25px;
	font-size: 14px;
  	padding-left: 10px;
}


#lake-search::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #777;
  opacity: 1; /* Firefox */
}

#lake-search:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #777;
}

#lake-search::-ms-input-placeholder { /* Microsoft Edge */
  color: #777;
}

.voting-bundesland {
opacity:0.6;
font-size:16px;}

.voting-button{
background-color: #1895c9;
color: white;
border-radius: 5px;
padding: 9px 0px;
text-align: center;
width: 100px;
float: right;
}

.voting-head{
font-size:24px;
color:#333;
opacity:0.8;
font-weight:400}

.voting-lakename{
color:#333;
opacity:0.8;}


.voting-headline{
	font-size:28px;
	color:#1895c9;
}

.voting-subline{
	font-family:Raleway;
	font-size:26px;
	color:#1895c9;
	font-weight:400;
}

#seende-voting #headmotiv{
height:445px;}

#seende-voting #headmotiv img{
width:100%;
}

.partner-logos{
	margin-top: 20px;
}

.partner-logo{
	width: 90px;
	height: auto;
	float:left;
	margin-bottom:20px;
	margin-right:10px;
}

.partner-logo img{
	width: 90px;
	height: 90px;
}

.swal-button--cancel {
position: fixed;
right: 10px;
background-color: transparent;
top: 10px;
width: 25px;
height: 25px;
padding: 0px;
border-radius: 43px;
background-image: url(/seen_db/static/img/social/votingcross.svg);
background-size: cover;
}

.swal-button--confirm {
    width: 250px;
    height: 46px;
    background-size: cover;
    position: fixed;
    top: 51%;
    left: 24%;
    font-weight: 500;
    border: 1px solid #0891B2;
    border-radius: 2px;
    background-color: #0891B2;
}

.swal-button--cancel:focus, .swal-button:not([disabled]):hover {
    box-shadow: none;
    color: #0891B2;
    background-color: white;
}


.swal-title:first-child {
    margin-top: 35px;
}

.swal-overlay--show-modal .swal-modal {
border: 2px solid #1895c9;
}

.swal-footer {
	margin: 0 0 20px 0;
	padding: 0;
}

.swal-text{
	padding-top: 107px;
	text-align:center;
}

.exit-intent .exit-intent-left, .curtain .curtain-left{
    width: 50%;
    height: 100%;
    float:left;
}

.exit-intent .exit-intent-left img, .curtain .curtain-left img{
    width: 100%;
    height: auto;
}

.exit-intent .exit-intent-right, .curtain .curtain-right{
	width: calc(50% - 100px);
	height: calc(100% - 50px);
	background-color: #119bcc;
	float: right;
	padding: 25px 50px;
	position: relative;
}

.exit-intent, .curtain {
    display: none;
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.exit-intent .box, .curtain .box{
    position: absolute;
    max-height: 750px;
    max-width: 1500px;
    min-width: 750px;
    min-height: 375px;
    top: 50%;
    width: 80vw;
    height: 40vw;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #119bcc;
    color: #fff;
    font-weight: initial;
    font-size: 1.5vw;
}

.curtain .imgbox{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    color: #fff;
    padding:  10px;
    font-weight: initial;
    font-size: 1.5vw;
}

.curtain .imgbox a{
    display:flex;
}

.exit-intent .box h2, .curtain .box h2{
    font-weight: bold;
    font-size: 2.5vw;
    line-height: 125%;
    color: #fff;
    font-family: 'raleway';
    margin-top: 2.5vw;
}

.exit-intent .box b, .curtain .box b{
	font-family: 'raleway';
}

.exit-intent .box p{
	margin-top: 20px;
	line-height: 142%;
	color: #fff;
	font-size: 1.4vw;
}

 .curtain .box p{
	margin-top: 50px;
	line-height: 142%;
	color: #fff;
	font-size: 1.4vw;
}

.exit-intent .close, .curtain .close{
    position: absolute;
    top: 20px;
    margin: -10px 0 0 -10px;
    width: 20px;
    height: 20px;
    color: #0891B2;
    font-size: 35px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    text-decoration: none;
    right: 20px;
}

.exit-intent-button, .curtain-button{
	background-color: #F90;
	border-radius: 5px;
	padding: 10px;
	color: #fff;
	font-size: 1.3vw;
	margin: 0px auto;
	display: table;
}

.exit-intent-linkbuttons, .curtain-linkbuttons{
    position: absolute;
    bottom: 5vw;
    width: calc(100% - 100px);
}

.curtain .box p.subline{
    font-size: 3vw;
    margin-top: 10px;
}


@media (min-width: 1900px) {
.exit-intent .box p, .curtain .box p{
	font-size: 30px;
}

.exit-intent-button, .curtain-button{
	font-size: 30px;
}

.exit-intent .box h2, .curtain .box h2{
    font-size: 47px;
}

.curtain .box p.subline{
    font-size: 55px;
}


.exit-intent-linkbuttons, .curtain-linkbuttons{
    bottom: 100px;
}

.exit-intent .box h2, .curtain .box h2{
    margin-top: 50px;
}

}

@media (max-width: 1000px) {
.exit-intent .box p, .curtain .box p{
	font-size: 12px;
}

.exit-intent-button, .curtain-button{
	font-size: 12px;
}

.exit-intent .box h2, .curtain .box h2{
    font-size: 24px;
}

.exit-intent-linkbuttons, .curtain-linkbuttons{
    bottom: 40px;
}

.exit-intent .box h2, .curtain .box h2{
    margin-top: 20px;
}

}

.booking-map{
	padding:15px 0px;
}
#bookingAffiliateWidget_9d7cdc72-c63c-49fb-a58b-95f4e63ed061 {
	border:1px solid #00000029;
	margin-bottom: 0.5rem;
	border-radius: 4px;
	box-shadow: 0px 3px 6px #00000029;
}


#content .ankerliste li{
  margin-bottom: 5px;
  margin-left: 20px;
    list-style: none;
    font-size: 13px;
}

#content .ankerliste li:before{
      content: "» ";
    color:#0891B2;
    font-size:14px;
    vertical-align:middle;
    line-height:20px;
}

.leaflet-container .leaflet-tile {filter: saturate(80%) hue-rotate(340deg); }

.leaflet-popup-content-image {
	width:180px;
}
.leaflet-popup-content-cta {
	text-align:right;
	font-size: 14px;
	padding-top: 4px;
}
.leaflet-popup-content-logo {
	width:80px;
}
.leaflet-popup-content-footer {
	display: flex;
}
.leaflet-popup-content-spacer  {
	flex-grow:1;
	min-width:1em;
}

.slider-button{
    top: 280px;
    position: relative;
    border: 1px solid F9FAFB ;
    width: max-content;
    padding: 10px 20px;
    color: #0891B2;
    border-radius: 2px;
    font-size: 14px;
    background-color: #F9FAFB;
}

/*

.slider-button:hover{
	border:  2px solid #0891B2;
	top: 279px;
    left: -1px;
}*/

.max .slider-button{
  float: right;
  background-color: #0891B2;
  margin-right: 15px;
  border-radius: 5px;
  color: #fff;
  border: none;
  font-size: 20px;
  top: 50px;
  padding: 7px 50px 7px 25px;
}

.max .slider-button a{
  color: #fff;
}

.slider-button svg {
  margin-right: 15px;
}

.dlrg-wachstation{
width: 350px;
min-height:200px;
}

.uaw-hotel-button{
border-radius: 2px;
background-color: #0891B2;
padding: 12px 65px;
text-align: center;
text-decoration: none;
color: #fff;
}

.uaw-hotel-button:hover{
background-color: #0E7490;
color: #fff;
text-decoration:none;
}

.banner-teaser {
  position: relative;
  text-align: center;
  color: white;
}

.banner-teaser .bottom-text {
  position: absolute;
  bottom: 8px;
  left: 16px;
  background-color: rgba(255, 255, 255, 0.7);
	border-radius: 10px;
	padding: 15px;
	margin: 13px 0px;
}

.banner-teaser .bottom-text .banner-text{
	color:#4E4C4C;
	font-family: raleway;
	font-weight:bold;
	padding-bottom: 20px;
	padding-top: 5px;
}

.banner-teaser .bottom-text .banner-button{
	background-color: #0891B2;
	color: #fff;
	cursor: pointer;
	padding:4px 20px;
	font-size: 11px;
	font-weight: bold;
	display:inline;
	border-radius: 5px;
}

#banner-container{
	display:flex;
}


.banner-teaser .top-provider {
  position: absolute;
  top: 15px;
  right: 15px;
}

  /* The container <div> - needed to position the dropdown content */
.dropdown {

}

.dropdown .show{
	display: block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  margin-top: 10px;
  display: none;
  min-width: 160px;
  line-height: 30px;
}

.dropdown-content a{
	font-size: 20px;
	margin:5px;
}

.dropdown h3{
	padding: 5px 0px;
	cursor: pointer;
}

.dropdown #dropdown-menu:after{
	display: inline-block;
	float: right;
	background-image: url('/seen_db/static/layout/img/plus.png');
	background-size: 22px;
	width: 22px;
	height: 22px;
	content: "";
}

.dropdown #dropdown-menu.show:after{
	background-image: url('/seen_db/static/layout/img/minus.png');
}

.cta-ls-hover{
   display: none;
}

.cta-button-ls{
    margin: 0 auto;
    width: 250px;
    height: 250px;
}
.cta-button-ls img{
 height: 250px;
 width: 250px;
}


.cta-button-ls:hover .cta-ls{
display: none !important;
}

.cta-button-ls:hover .cta-ls-hover{
display: block !important;
}


/* new footer */

#footer .text-base {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    display: block;
}

#footer .text-base.uppercase a{
	font-size: 1rem;
    line-height: 1.5rem;
    padding: 1rem 0;
    display: block;
}



#footer .footer-accordion{
	 /*display: none;*/
	margin-top: 1rem;
	margin-bottom:  0;
    line-height: 1.25rem;
}

#footer .footer-accordion a{
	font-size: 0.875rem;
}

#footer .footer-accordion li{
	line-height: 2;
}

#footer .uppercase {
    text-transform: uppercase;
}

#footer .footer-block{
	padding: 1.5rem 0;
	border-bottom: 1px solid;
}

#footer .float-right{
	float: right;
}

#footer .hidden{
	display: none;
}

#footer .bg-primary {
    background-color: rgba(8, 145, 178, 1);
    color:  #fff;
}

#footer .footer-inner{
	margin:  0px 2rem;
}

#footer .footer-element{
	padding:  2rem 0;
}

#footer	.text-primary,#footer .text-primary li a,#footer .footer-white p a, #footer p, #footer .text-primary span a {
    color: rgba(8, 145, 178, 1);
}

#footer .text-white{
	color:  #fff;
}

#footer .leading-loose {
    line-height: 2;
}

#footer .merkliste{
	text-align: center;
	font-size: 1rem;
	padding: 0.5rem 0;
	cursor: pointer;
	border-radius: 2px;
}

#footer .mb-4{
	font-size: 1.4rem;
	text-align: center;
}

#footer .footer-social{
	width: 250px;
    margin: auto;
    padding-top: 40px;
}

#footer .text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

#footer .text-gray{
	color:  gray;
	margin-bottom:  0px;
}

#footer .flex {
    display: flex;
}

#footer .flex-1 {
    flex: 1 1 0%;
    align-items:  center;
}

#footer .flex-center{
    display: table;
    margin-left: auto;
    margin-right: auto;
}

#footer .flex-right{
	float: right;
}

#footer .flex-left{
	float: left;
}

#footer .h-0\.5 {
	margin-top:  2rem;
    height: 0.125rem;
}


#footer .my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: right;
}

#footer .ml-auto {
    margin-left: auto;
}

#footer .pr-4 {
    padding-right: 1rem;
}

#footer p span a{
    font-size:  0.75rem;
}

#footer .mt-4{
	margin:  1rem 0;
}

#footer .grid-50{
	width: 50%;
}

#footer .footer-white{
	margin-top: 50px;
}

#footer .footer-toggle{
	cursor:pointer;
}

#footer .footer-toggle img{
	padding-top:  5px;
	margin-right:  20px;
}


/* booking.com map */
.bcplaceholderbox {
	position: relative;
	width: 620px;
	max-height: 590px;

}
.bcplaceholderbox img {
	width: 100%;
}
.bcplaceholder {
	position: absolute;
	background-color: #0891B2;
	color: #fff;
	padding: 1rem 1rem 0rem 1rem;
	top: 25%;
	margin: 5rem;
}
.bcplaceholder input, #bcoptoutbox input {
	width: auto;
}
a.bcdatenschutzlink {
	color: #fff !important;
	text-decoration: underline;
}

/* Komoot Content */
.komootplaceholderbox {
	position: relative;
	margin-bottom: 1rem;
}
.komootplaceholderbox img {
	width: 100%;
}
.komootplaceholder {
	position: absolute;
	background-color: #0891B2;
	color: #fff;
	padding: 1rem 1rem 0rem 1rem;
	top: 25%;
	margin: 5rem;
}
.komootplaceholder input {
	width: auto;
}
.komootoptoutbox, .amazonoptoutbox, .amazonplaceholderbox {
	margin-bottom: 1rem;
}

/* 5anker consent, standard consent box */
.ankerplaceholderbox, .bcplaceholderbox, .komootplaceholderbox, .youtubeplaceholderbox, 
.bestfewoplaceholderbox, .vimeoplaceholderbox, .amazonplaceholderbox  {
	display:flex;
    border: 2px solid #0891b2;
	border-radius: 5px;
	padding: 28px;
	margin-left:auto;
}
.ankerplaceholderbox, .bcplaceholderbox, .komootplaceholderbox, .youtubeplaceholderbox, 
.vimeoplaceholderbox, .amazonplaceholderbox {
	max-width: 562px;
}
button.ankeroptin, button.bcoptin, button.komootoptin, button.youtubeoptin, button.bestfewooptin, 
button.vimeooptin, button.amazonoptin {
    background-color:#0891b2; 
	border-radius: 5px;
    color:#fff; 
    padding: 6px 40px;
	margin-bottom: 4px;
	cursor: pointer;
}

img.consenticon {
	width:118px;
	padding: 8px 28px 0 0;
}

.privacyhint {
	font-size: 80%;
    color: #8a8a8a !important;
	margin:0;
}
.privacyhint a{
    color: #8a8a8a !important;
    text-decoration: underline;
}

#ankeroptout,  #bcoptout, .komootoptout, .youtubeoptout, .bestfewooptout, .vimeooptout, .amazonoptout {
	width: auto;
	cursor: pointer;
}

#bestfewo-frame {
	position:relative; 
	height: 4000px; 
	left:0%; 
	width:100%;
}

/* 5anker widgets */
#content .wls-connect-search-form {
	background-color: #daeff4;
	padding: 10px;
}

#content .wls-connect-widget .panel-bottom .btn{
	width: auto;
	height: auto;
	margin-top: 0px;
}

#content .wls-connect-widget .btn-block{
	width: auto;
	height: auto;
	margin-top: 0px;
	text-align: center;
	padding-left: 30px;
	float: none;
	margin: auto;
	position: relative;
}

#content .wls-connect-widget .btn, .wls-connect .btn{
  width: auto;
  height: auto;
  margin-top: 0px;
}

#content .wls-connect-widget .btn-block{
  width: auto;
  height: auto;
  margin-top: 0px;
  text-align: center;
  padding-left: 30px;
  float: none;
  margin: auto;
  position: relative;
}

#cms-content .wls-connect-widget .slick-arrow {
	padding: 3px 10px 43px 10px;
	width: auto;
}

#cms-content .wls-connect-widget .slick-slide {
	height: auto;
	opacity:1;
	margin:0;
	display: block;
}

#cms-content .wls-connect-widget .slick-slider{
	height: auto;
}

#cms-content .slick-list {
  padding: 0;
}

#cms-content .wls-connect-widget.wls-connect-search .box-main, .wls-connect-widget.wls-connect-search .box-sub {
  background: #edf2f6;
}

.popover-header{
  display: none !important;
}
