/* Resets */
html, body, div, span, h1, h2, h3, h4, h5, h6, a, p, em, strong, b, u, i,
img, form, label, ul, ol, li, iframe, table, tbody, thead, tr, th, td,
object, blockquote, pre, abbr, address, cite, code, del, dfn, ins, kbd,
q, s, samp, small, sub, sup, var, dl, dt, dd, fieldset, legend, caption,
article, aside, canvas, details, embed, figure, figcaption, footer, header,
hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
border: 0 none;
margin: 0;
padding: 0;
vertical-align: baseline;
}
/* HTML5 hack alte Browser */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
display: block;
}
/* weitere Resets */
h1, h2, h3, h4, h5, h6 {
line-height: 1.2;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input::-moz-focus-inner { /* entfernt unerwünschten Abstand (z.B. Formular Sendebutton) */
border: 0;
padding: 0;
}
/* Grundlegende Angaben */
body {
color: #393939;
font: 300 18px/1.5 'Roboto Condensed', sans-serif;
-webkit-text-size-adjust: none;
}
html, body {
height: 100%;
width: 100%,
}
a {
color: #000000;
font-weight: normal;
text-decoration: none;
}
a:hover {
color: #004070;
}
input, textarea, select, button {
border: 1px solid #CFCFCF;
border-radius: 0;
color: inherit;
font-family: inherit;
font-size: inherit;
}
input[type='submit'] {
-webkit-appearance: none;
}
ol, ul {
list-style: none;
}
.cmsMargin {
margin: 25px 0;
}
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
strong {
font-weight: bold;
}
/* Menü - Hauptmenü */
nav {
float: left;
}
nav > div {
display: none;
}
nav > ul:after {
clear: both;
content: "";
display: block;
}
nav > ul > li {
float: left;
position: relative;
}
nav > ul > li > a:before {
bottom: 15px;
content: "";
height: 25px;
left: 18px;
position: absolute;
width: 6px;
-webkit-transition: background 200ms ease-in;
-moz-transition: background 200ms ease-in;
-ms-transition: background 200ms ease-in;
-o-transition: background 200ms ease-in;
transition: background 200ms ease-in;
}
nav > ul > li:hover > a:before,
nav > ul > li > a.selected:before {
}
nav > ul > li > a {
border-left: 1px solid transparent;
border-right: 1px solid transparent;
display: block;
font-size: 22px;
font-weight: bold;
padding: 32px 18px 12px 30px;
position: relative;
-webkit-transition: background 200ms ease-in, color 200ms ease-in;
-moz-transition: background 200ms ease-in, color 200ms ease-in;
-ms-transition: background 200ms ease-in, color 200ms ease-in;
-o-transition: background 200ms ease-in, color 200ms ease-in;
transition: background 200ms ease-in, color 200ms ease-in;
}
nav > ul > li:hover > a,
nav > ul > li > a.selected {
background: #FFFFFF;
border-left: 1px solid #9CA0A6;
border-right: 1px solid #9CA0A6;
color: #E30613;
}
/* MOBILE */
nav.mobile {
float: none;
margin-left: -15px;
margin-right: -15px;
}
nav.mobile > div:before {
content: '\E819';
font-family: 'fontello';
font-size: 30px;
margin: 0 10px 0 0;
position: relative;
top: 2px;
}
nav.mobile > div {
color: #000000;
cursor: pointer;
display: block;
font-size: 22px;
font-weight: bold;
left: 5px;
line-height: 1;
padding: 5px 0 10px 10px;
position: absolute;
text-transform: uppercase;
top: 16px;
}
nav.mobile > ul {
clear: both;
display: none;
padding: 10px 0;
}
nav.mobile > ul.open {
display: block;
}
nav.mobile > ul > li {
float: none;
padding-bottom: 0;
padding-left: 15px;
padding-right: 15px;
}
nav.mobile > ul > li:hover > ul {
display: none;
}
nav.mobile > ul > li > ul.open {
display: block;
left: 0;
position: relative;
top: 0;
}
nav.mobile > ul > li > a {
border-left: 0 none !important;
border-right: 0 none !important;
padding: 10px;
}
/* MOBILE Custom */
@media all and (max-width: 1050px){
nav > ul > li > a {
font-size: 20px;
padding-left: 22px;
padding-right: 10px;
padding-top: 35px;
}
nav > ul > li > a:before {
left: 10px;
}
}
@media all and (max-width: 900px){
nav > ul > li > a {
padding-left: 8px;
padding-right: 8px;
}
nav > ul > li > a:before {
display: none;
}
}
/* Elemente - Überschriften */
h1 {
color: #C31622;
font-size: 34px;
font-weight: 300;
margin-top: 0 !important;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 21px;
font-weight: normal;
}
/* Folgeüberschriften */
h1.cms + h2.cms {
margin-top: -21px;
}
h2.cms + h3.cms {
margin-top: -21px;
}
/* Elemente - Textinhalt */
/* Elemente - Aufzählung */
.cmsList > h2 {
margin: 0 0 10px 0;
}
.cmsList > ul > li:before {
color: #C31622;
content: '\E823';
font-family: 'fontello';
left: 0;
position: absolute;
}
.cmsList > ul > li {
margin: 2px 0;
padding: 0 0 0 25px;
position: relative;
}
/* 2-spaltig */
.cmsList2Columns > ul > li {
float: left;
width: 50%;
}
.cmsList2Columns > ul > li:nth-child(2n+1) {
padding-right: 20px;
}
.cmsList2Columns > ul > li:nth-child(2n) + li {
clear: left;
}
.cmsList2Columns:after {
clear: both;
content: "";
display: block;
}
@media all and (max-width: 750px){
.cmsList2Columns > ul > li {
clear: none !important;
padding-right: 0 !important;
width: 100%;
}
}
/* Elemente - Bild-Text */
.cmsImage:after {
clear: both;
content: "";
display: block;
}
.cmsImage > .left {
float: left;
margin: 7px 25px 10px 0;
max-width: 50%;
}
.cmsImage > .right {
float: right;
margin: 7px 0 10px 25px;
max-width: 50%;
}
.cmsImage img {
display: block;
width: 100%;
}
.cmsImage figcaption {
font-size: 16px;
font-style: italic;
padding: 5px 0 0 0;
}
@media all and (max-width: 750px){
.cmsImage > .left,
.cmsImage > .right {
float: none;
margin: 0;
max-width: none;
}
}
/* Elemente - Bildergalerie */
.cmsGallery:after {
clear: both;
content: "";
display: block;
}
.cmsGallery + * {
margin-top: -10px;
}
.cmsGallery > li {
float: left;
margin: 0 2.818181818181818% 2.818181818181818% 0; /* 0 31 31 0 */
position: relative;
width: 31.454545454545453%; /* 346 */
}
.cmsGallery > li:nth-child(3n) {
margin-right: 0;
}
.cmsGallery > li:nth-child(3n) + li {
clear: left;
}
.cmsGallery > li > figure {
overflow: hidden;
position: relative;
}
.cmsGallery > li > figure > a {
display: block;
}
.cmsGallery > li > figure > a:after { /* Overlay */
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.8);
box-shadow: 0 0 80px 0 #111111 inset;
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.cmsGallery > li:hover > figure > a:after { /* Overlay einblenden */
opacity: 1;
-webkit-transition: opacity 300ms ease-in-out;
-moz-transition: opacity 300ms ease-in-out;
-ms-transition: opacity 300ms ease-in-out;
-o-transition: opacity 300ms ease-in-out;
transition: opacity 300ms ease-in-out;
}
.cmsGallery > li > figure > a > img {
display: block;
width: 100%;
}
.cmsGallery > li > figure > figcaption {
color: #ffffff;
cursor: pointer;
font-size: smaller;
left: 50%;
line-height: 1.5;
margin: 18px auto auto auto;
opacity: 0;
padding: 0 10px;
position: absolute;
text-align: center;
text-shadow: 0 0 4px #000000;
top: 50%;
width: 100%;
z-index: 10;
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.cmsGallery > li:hover > figure > figcaption {
opacity: 1;
-webkit-transition: opacity 700ms ease-in-out;
-moz-transition: opacity 700ms ease-in-out;
-ms-transition: opacity 700ms ease-in-out;
-o-transition: opacity 700ms ease-in-out;
transition: opacity 700ms ease-in-out;
}
.cmsGallery > li > figure > figcaption:after {
content: "\E81E";
font-family: "fontello";
font-size: 36px;
left: 0;
position: absolute;
text-align: center;
top: -50px;
width: 100%;
}
.cmsGallery > li:hover > figure > a > img {
-webkit-transition: all 150ms ease;
-moz-transition: all 150ms ease;
-ms-transition: all 150ms ease;
-o-transition: all 150ms ease;
transition: all 150ms ease 100ms;
-moz-transform: scale(1.4);
-webkit-transform: scale(1.4);
-o-transform: scale(1.4);
-ms-transform: scale(1.4);
transform: scale(1.4);
}
.fancybox-wrap .fancydownload:before {
content: '\E801';
font-family: 'fontello';
font-size: 18px;
font-weight: normal;
margin: 0 10px 0 0;
}
.fancybox-wrap .fancydownload {
background: #003f6f;
border-radius: 4px;
color: #ffffff;
cursor: pointer;
font-size: 14px;
font-weight: bold;
padding: 5px;
position: relative;
text-align: center;
text-transform: uppercase;
z-index: 1;
}
@media all and (max-width: 550px){
.cmsGallery > li {
float: none;
margin: 0 0 20px 0;
width: 100%;
}
}
/* Elemente - Verlinkungen */
/* Links (intern & extern) */
.cmsLink > a:before {
content: '\E814';
font-family: 'fontello';
font-weight: normal;
margin: 0 8px 0 0;
}
.cmsLink > a {
display: inline-block;
font-size: 20px;
font-weight: normal;
position: relative;
}
/* Verweisliste */
.cmsRefs > h2 {
margin: 0 0 10px 0;
}
.cmsRefs > ul > li > a:before {
content: '\E814';
font-family: 'fontello';
font-weight: normal;
margin: 0 8px 0 0;
}
.cmsRefs > ul > li > a {
display: inline-block;
font-weight: normal;
position: relative;
}
/* E-Mail */
.cmsMail > a:before {
content: '\E81D';
font-family: 'fontello';
font-weight: normal;
margin: 0 8px 0 0;
}
.cmsMail > a {
display: inline-block;
font-size: 20px;
font-weight: normal;
position: relative;
}
/* Elemente - Dropdown */
.cmsDrop > h3:before {
content: '\E820';
font-family: 'fontello';
font-weight: normal;
margin: 0 10px 0 0;
}
.cmsDrop > h3 {
background: #004070;
color: #FFFFFF;
cursor: pointer;
display: block;
font-weight: bold;
padding: 8px 15px;
}
.cmsDrop > h3:hover {
background: #C31622;
}
.cmsDrop > h3.contentHide:before {
content: '\E81F';
}
.cmsDrop > h3.contentHide + div {
display: none;
}
.cmsDrop > h3 + div {
overflow: hidden;
}
/* Elemente - HTML */
/* Elemente - Youtube */
.cmsYoutube > h2 {
margin: 0 0 15px 0;
}
.cmsYoutube > div {
height: 0;
overflow: hidden;
padding: 30px 0 56.25% 0;
position: relative;
}
.cmsYoutube > div > iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.cmsYoutube > p {
font-size: 16px;
line-height: 1.3;
margin: 10px 0 0 0;
}
/* Elemente - Iframe */
.cmsIframe {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.cmsIframe > iframe {
width: 100%;
}
/* Elemente - Downloads */
.cmsFile > a:before {
content: '\E801';
font-family: 'fontello';
font-weight: normal;
margin: 0 8px 0 0;
}
.cmsFile > a {
display: inline-block;
font-size: 20px;
font-weight: normal;
}
.cmsFile + .cmsFile {
margin-top: -15px;
}
/* Elemente - Formular */
.cmsForm {
background: #91000A; /* Old browsers */
background: -moz-linear-gradient(left, #91000a 0%, #730008 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#91000a), color-stop(100%,#730008)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #91000a 0%,#730008 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #91000a 0%,#730008 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #91000a 0%,#730008 100%); /* IE10+ */
background: linear-gradient(to right, #91000a 0%,#730008 100%); /* W3C */
margin: 0;
padding: 30px;
}
.cmsForm:after {
clear: both;
content: "";
display: block;
}
.cmsForm > h2 {
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
margin: -5px 0 10px 0;
text-align: center;
text-transform: uppercase;
}
.cmsForm > .row {
clear: both;
margin: 0 0 10px 0;
position: relative;
}
.cmsForm > .row.arrival, .cmsForm > .row.departure,
.cmsForm > .row.firstname, .cmsForm > .row.lastname,
.cmsForm > .row.adults, .cmsForm > .row.children {
clear: none;
float: left;
margin-right: 4.166666666666667%; /* 10 */
width: 47.916666666666664%; /* 115 */
}
.cmsForm > .row.departure,
.cmsForm > .row.lastname,
.cmsForm > .row.children {
margin-right: 0;
}
.cmsForm > .row.departure + .row,
.cmsForm > .row.lastname + .row,
.cmsForm > .row.children + .row {
clear: both;
}
.cmsForm > .row.arrival > div,
.cmsForm > .row.departure > div {
cursor: pointer;
}
.cmsForm > .row:after {
clear: both;
content: "";
display: block;
}
.cmsForm > .row.validation:before {
color: #FFFFFF;
color: rgba(255, 255, 255, 0.5);
content: '\E809';
font-family: 'fontello';
font-size: 12px;
position: absolute;
right: 0;
top: 3px;
}
.cmsForm > .row > label {
color: #FFFFFF;
display: block;
font-size: 16px;
padding: 0 15px 0 0;
}
.cmsForm > .row .field {
background: #FFFFFF;
border: 0 none !important;
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
font-size: 16px;
height: 32px;
outline: medium none;
padding: 5px;
width: 100%;
}
.cmsForm > .row .field:focus {
border: 1px solid #93C8FF;
}
.cmsForm > .row textarea.field {
height: 65px;
line-height: 1.3;
}
.cmsForm > .row select.field {
padding: 3px 5px 3px 2px;
}
.cmsForm > .row input[type='file'].field {
padding: 4px;
}
.cmsForm > .row input[type='file'].field:focus {
border: 1px solid #FFFFFF;
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
}
.cmsForm > .row.checkbox {
color: #FFFFFF;
font-size: 14px;
line-height: 1.3;
}
.cmsForm > .row.checkbox > a {
color: #FFFFFF;
}
.cmsForm > .row > input.checkbox {
border: 0;
margin: 0 2px 2px 0;
padding: 0;
vertical-align: middle;
width: auto;
}
.cmsForm > .infotext {
color: #FFFFFF;
font-size: 14px;
line-height: 1.3;
}
.cmsForm > .row.date > div {
position: relative;
}
.cmsForm > .row.date > div:after {
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top, #fefefe 0%, #f8f8f9 17%, #dbdbdb 72%, #d1d1d2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(17%,#f8f8f9), color-stop(72%,#dbdbdb), color-stop(100%,#d1d1d2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fefefe 0%,#f8f8f9 17%,#dbdbdb 72%,#d1d1d2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fefefe 0%,#f8f8f9 17%,#dbdbdb 72%,#d1d1d2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fefefe 0%,#f8f8f9 17%,#dbdbdb 72%,#d1d1d2 100%); /* IE10+ */
background: linear-gradient(to bottom, #fefefe 0%,#f8f8f9 17%,#dbdbdb 72%,#d1d1d2 100%); /* W3C */
border-left: 1px solid #9F9F9F;
color: #004070;
content: '\E828';
display: block;
font-family: 'fontello';
height: 30px;
line-height: 31px;
position: absolute;
right: 1px;
text-align: center;
top: 1px;
width: 29px;
}
.cmsForm > .row .datepicker {
cursor: pointer;
text-align: left;
}
.cmsForm > .row.adults:before,
.cmsForm > .row.children:before {
display: none;
}
.cmsForm > .row.adults > label,
.cmsForm > .row.children > label {
float: left;
padding-right: 0;
padding-top: 3px;
width: auto;
}
.cmsForm > .row.adults > div,
.cmsForm > .row.children > div {
border-right: 1px solid #FFFFFF;
float: right;
overflow: hidden;
width: 30px;
}
.cmsForm > .row.adults > div > select.field,
.cmsForm > .row.children > div > select.field {
padding-left: 7px;
width: 60px;
}
.cmsForm > .row.ages {
background: #5B0107;
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
display: none;
font-size: 15px;
line-height: 1.2;
margin: 0 -30px 20px;
padding: 10px 30px;
position: relative;
text-align: center;
top: 10px;
}
.cmsForm > .row.ages:before {
background: #5B0107;
-moz-box-shadow: 4px 3px 4px -3px rgba(0, 0, 0, 0.5) inset;
-webkit-box-shadow: 4px 3px 4px -3px rgba(0, 0, 0, 0.5) inset;
box-shadow: 4px 3px 4px -3px rgba(0, 0, 0, 0.5) inset;
content: "";
height: 20px;
position: absolute;
right: 35px;
top: -8px;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 20px;
}
.cmsForm > .row.ages.show {
display: block;
}
.cmsForm > .row.ages > label {
margin-bottom: 10px;
}
.cmsForm > .row.ages > .field {
display: none;
margin-right: 2%;
width: 23.5%;
}
.cmsForm > .row.ages > .field.show {
display: inline-block;
}
.cmsForm > .row.ages > .field:nth-of-type(4) {
margin-right: 0;
}
.cmsForm > .row > .spm {
background: #FFFFFF;
border: 1px solid #FFFFFF;
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
padding: 10px;
position: relative;
}
.cmsForm > .row > .spm:after {
content: '\e826';
font-family: 'fontello';
font-size: 20px;
left: 140px;
position: absolute;
top: 11px;
}
.cmsForm > .row > .spm > img {
border: 1px solid #cfcfcf;
float: left;
}
.cmsForm > .row > .spm > img + input {
border: 1px solid #cfcfcf !important;
box-shadow: none !important;
float: left;
height: 32px;
margin: 0 0 0 30px;
padding: 0 8px;
text-align: center;
width: 66px;
}
.cmsForm > .row > .spm > p {
clear: both;
font-size: 14px;
line-height: 1.3;
padding: 8px 0 0 0;
}
.cmsForm > .button {
float: right;
margin: 10px -30px 0 0;
padding: 80px 0 0 0;
position: relative;
text-align: right;
}
.cmsForm > .button > div {
position: absolute;
right: 20px;
top: 0;
}
.cmsForm > .button:before {
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top, #fefefe 0%, #f6f6f6 24%, #d7d6d7 82%, #d1d1d2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(24%,#f6f6f6), color-stop(82%,#d7d6d7), color-stop(100%,#d1d1d2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fefefe 0%,#f6f6f6 24%,#d7d6d7 82%,#d1d1d2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fefefe 0%,#f6f6f6 24%,#d7d6d7 82%,#d1d1d2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fefefe 0%,#f6f6f6 24%,#d7d6d7 82%,#d1d1d2 100%); /* IE10+ */
background: linear-gradient(to bottom, #fefefe 0%,#f6f6f6 24%,#d7d6d7 82%,#d1d1d2 100%); /* W3C */
-moz-border-radius: 20px 0 0 20px;
-webkit-border-radius: 20px 0 0 20px;
border-radius: 20px 0 0 20px;
content: "";
height: 38px;
left: -13px;
position: absolute;
width: 15px;
}
.cmsForm > .button > button,
.cmsForm > .button > input { /* Sende-Button */
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top, #fefefe 0%, #f6f6f6 24%, #d7d6d7 82%, #d1d1d2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(24%,#f6f6f6), color-stop(82%,#d7d6d7), color-stop(100%,#d1d1d2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fefefe 0%,#f6f6f6 24%,#d7d6d7 82%,#d1d1d2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fefefe 0%,#f6f6f6 24%,#d7d6d7 82%,#d1d1d2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fefefe 0%,#f6f6f6 24%,#d7d6d7 82%,#d1d1d2 100%); /* IE10+ */
background: linear-gradient(to bottom, #fefefe 0%,#f6f6f6 24%,#d7d6d7 82%,#d1d1d2 100%); /* W3C */
border: 0;
color: #3A424E;
cursor: pointer;
height: 38px;
padding: 6px 30px 6px 2px;
font-weight: bold;
text-transform: uppercase;
}
.cmsForm > .button:hover:before {
background: #d1d1d2; /* Old browsers */
background: -moz-linear-gradient(top, #d1d1d2 0%, #d7d6d7 18%, #f6f6f6 76%, #fefefe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1d1d2), color-stop(18%,#d7d6d7), color-stop(76%,#f6f6f6), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d1d1d2 0%,#d7d6d7 18%,#f6f6f6 76%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d1d1d2 0%,#d7d6d7 18%,#f6f6f6 76%,#fefefe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d1d1d2 0%,#d7d6d7 18%,#f6f6f6 76%,#fefefe 100%); /* IE10+ */
background: linear-gradient(to bottom, #d1d1d2 0%,#d7d6d7 18%,#f6f6f6 76%,#fefefe 100%); /* W3C */
}
.cmsForm > .button:hover > button,
.cmsForm > .button:hover > input {
background: #d1d1d2; /* Old browsers */
background: -moz-linear-gradient(top, #d1d1d2 0%, #d7d6d7 18%, #f6f6f6 76%, #fefefe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1d1d2), color-stop(18%,#d7d6d7), color-stop(76%,#f6f6f6), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d1d1d2 0%,#d7d6d7 18%,#f6f6f6 76%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d1d1d2 0%,#d7d6d7 18%,#f6f6f6 76%,#fefefe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d1d1d2 0%,#d7d6d7 18%,#f6f6f6 76%,#fefefe 100%); /* IE10+ */
background: linear-gradient(to bottom, #d1d1d2 0%,#d7d6d7 18%,#f6f6f6 76%,#fefefe 100%); /* W3C */
}
.cmsForm > .msg {
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
font-size: 15px;
line-height: 1.2;
margin: 0 -30px 10px;
padding: 10px 30px;
}
.cmsForm > .msg.error {
background: #5B0107;
border: 0 none !important;
color: #ffffff;
}
/* Angebot (Merkliste) */
.cmsForm .row.noticelist {
background: #FFFFFF;
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
display: none;
margin: 10px -30px;
padding: 10px 30px;
}
.cmsForm .row.noticelist.show {
display: block;
}
.cmsForm .row.noticelist > label {
color: #C31622;
display: block;
font-size: 18px;
font-weight: bold;
margin: 0 0 10px;
text-transform: uppercase;
}
.cmsForm .row.noticelist > div {
border-left: 6px solid #8C959E;
color: #21262D;
cursor: pointer;
font-size: 16px;
font-weight: normal;
line-height: 1.3;
margin: 0 0 5px;
padding: 1px 35px 2px 8px;
position: relative;
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in;
}
.cmsForm .row.noticelist > div:hover {
border-color: #91000A;
color: #91000A;
}
.cmsForm .row.noticelist > div:after {
background: #8C959E;
color: #FFFFFF;
content: '\E820';
display: block;
font-family: "fontello";
font-size: 22px;
font-weight: bold;
height: 24px;
line-height: 24px;
margin: -12px 0 0;
position: absolute;
right: 0;
text-align: center;
top: 50%;
width: 24px;
-webkit-transition: background 300ms ease-in;
-moz-transition: background 300ms ease-in;
-ms-transition: background 300ms ease-in;
-o-transition: background 300ms ease-in;
transition: background 300ms ease-in;
}
.cmsForm .row.noticelist > div:hover:after {
background: #91000A;
}
.cmsForm .row.noticelist > div:last-child {
margin-bottom: 0;
}
.cmsForm .row.noticelist > div > span {
display: block;
font-weight: 300;
}
@media all and (max-width: 750px){
.cmsForm > .row {
padding-right: 0;
}
.cmsForm > .row > label {
float: none;
margin-bottom: 5px;
padding-right: 20px;
width: 100%;
}
.cmsForm > .row > .field {
width: 100%;
}
.cmsForm > .row > .spm {
width: 100%;
}
.cmsForm > .button > div {
right: 30px;
}
}
@media all and (max-width: 370px){
.cmsForm > .row > .spm {
text-align: center;
}
.cmsForm > .row > .spm:after {
content: "\e824";
left: 50%;
margin: 0 0 0 -5px;
top: 43px;
}
.cmsForm > .row > .spm > img {
float: none;
margin: 0 0 20px;
}
.cmsForm > .row > .spm > img + input {
display: block;
float: none;
left: 50%;
margin-left: -60px;
position: relative;
width: 120px;
}
.cmsForm > .row > .spm > p {
font-size: 15px;
text-align: left;
}
}
/* Webfonts */
/* Schrift */
@font-face {
font-family: 'fontello';
src: url('/img/webfonts/fontello.eot?13593629');
src: url('/img/webfonts/fontello.eot?13593629#iefix') format('embedded-opentype'),
url('/img/webfonts/fontello.woff?13593629') format('woff'),
url('/img/webfonts/fontello.ttf?13593629') format('truetype'),
url('/img/webfonts/fontello.svg?13593629#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
/* Wetter */
@font-face {
font-family: 'weather';
src: url('/img/webfonts/weather.eot?47824294');
src: url('/img/webfonts/weather.eot?47824294#iefix') format('embedded-opentype'),
url('/img/webfonts/weather.woff?47824294') format('woff'),
url('/img/webfonts/weather.ttf?47824294') format('truetype'),
url('/img/webfonts/weather.svg?47824294#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
/* Warenkorb */
@font-face {
font-family: 'fontello-shoppingcart';
src: url('/img/webfonts/fontello-shoppingcart.eot?53824700');
src: url('/img/webfonts/fontello-shoppingcart.eot?53824700#iefix') format('embedded-opentype'),
url('/img/webfonts/fontello-shoppingcart.woff?53824700') format('woff'),
url('/img/webfonts/fontello-shoppingcart.ttf?53824700') format('truetype'),
url('/img/webfonts/fontello-shoppingcart.svg?53824700#fontello-shoppingcart') format('svg');
font-weight: normal;
font-style: normal;
}
/* Layout - Header */
#HeaderWrapper {
background: #EEF3FA;
background: rgba(238, 243, 250, 0.8);
border-bottom: 3px solid #FFFFFF;
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
height: 78px;
margin: 0 auto;
position: fixed;
top: 0;
width: 100%;
z-index: 4;
-webkit-transition: background 300ms ease-in;
-moz-transition: background 300ms ease-in;
-ms-transition: background 300ms ease-in;
-o-transition: background 300ms ease-in;
transition: background 300ms ease-in;
}
#HeaderWrapper > div.TopWrapper {
background: #004070;
}
#HeaderWrapper > div.TopWrapper > div {
margin: 0 auto;
max-width: 1230px;
padding: 5px 15px;
}
#HeaderWrapper > div.TopWrapper > div:after {
clear: both;
content: "";
display: block;
}
#HeaderWrapper > div.WidthWrapper {
margin: 0 auto;
max-width: 1230px;
padding: 0 15px;
position: relative;
}
#HeaderWrapper > div.WidthWrapper:after {
clear: both;
content: "";
display: block;
}
/* Fixed */
#HeaderWrapper.fixed {
background: #EEF3FA;
}
/* Logo */
#HeaderWrapper > div.WidthWrapper > a.logo {
background: #FFFFFF;
float: right;
max-width: 300px;
padding: 5px 38.75px 6px;
}
#HeaderWrapper > div.WidthWrapper > a.logo > img {
display: block;
width: 100%;
}
#HeaderWrapper > div.WidthWrapper > a.logo.pillersee {
max-width:180px;
padding:0;
}
@media all and (max-width: 940px){
/* Logo */
#HeaderWrapper > div.WidthWrapper > a.logo {
max-width: 200px;
padding: 12px 10.75px;
}
}
@media all and (max-width: 800px){
#HeaderWrapper {
position: relative;
height: auto;
}
}
@media all and (max-width: 750px){
#HeaderWrapper {
position: absolute;
}
}
/* Layout - Content */
#ContentWrapper:before { /* verhindert collapsing margin */
content: "";
display: block;
}
#ContentWrapper {
margin: 0 auto;
max-width: 1230px;
min-height: 100%;
padding: 135px 15px 50px 15px;
position: relative;
z-index: 3;
}
#ContentWrapper > div:after {
clear: both;
content: "";
display: block;
}
#ContentWrapper > div.WidthWrapper.hide {
display: none;
}
#ContentWrapper > div.WidthWrapper > section {
background: #FFFFFF;
background: rgba(255, 255, 255, 0.9);
float: right;
max-width: 850px;
padding: 40px 25px 30px;
width: 100%;
}
/* Overlay */
#ContentWrapper > div.OverlayWrapper {
background: #FFFFFF;
left: 15px;
margin-bottom: -30px;
padding: 50px;
position: absolute;
right: 15px;
top: -250px;
z-index: 2;
}
#ContentWrapper > div.OverlayWrapper > .triggerClose {
cursor: pointer;
position: absolute;
right: 50px;
top: 48px;
}
#ContentWrapper > div.OverlayWrapper > .triggerClose:before {
content: '\E829';
font-family: 'fontello';
font-size: 30px;
}
#ContentWrapper > div.OverlayWrapper > .triggerClose:hover:before {
color: #C31622;
}
#ContentWrapper > div > section > .triggerCloseButton {
display: none;
}
#ContentWrapper > div.OverlayWrapper > .triggerCloseButton {
background: none repeat scroll 0 0 #c31622;
cursor: pointer;
color: #ffffff;
display: block;
float: right;
font-weight: bold;
margin-bottom: 20px;
padding: 4px 20px 5px 21px;
position: relative;
text-transform: uppercase;
transition: background 300ms ease-in 0s;
}
#ContentWrapper > div.OverlayWrapper > .triggerCloseButton:hover {
background: none repeat scroll 0 0 #6b0007;
}
#ContentWrapper > div.OverlayWrapper > h1 {
padding-right: 70px;
}
@media all and (max-width: 900px){
body.standard #ContentWrapper {
padding-left: 0;
padding-right: 0;
padding-top: 113px;
}
body.standard #ContentWrapper > div.WidthWrapper > section {
float: none;
max-width: 100%;
width: 100%;
}
}
@media all and (max-width: 800px){
#ContentWrapper {
padding-top: 20px;
}
body.standard #ContentWrapper {
padding-top: 0;
}
/* Overlay */
#ContentWrapper > div.OverlayWrapper {
margin-left: -15px;
margin-right: -15px;
padding: 20px;
top: -500px;
}
#ContentWrapper > div.OverlayWrapper > .triggerClose {
right: 20px;
top: 18px;
}
}
@media all and (max-width: 750px){
#ContentWrapper {
background: #e7e9ed;
padding-top: 0;
}
body.fancybox #ContentWrapper {
background: #FFFFFF;
}
}
/* Layout - Footer */
#FooterWrapper {
background: #004070;
bottom: 0;
margin: 50px 0 0 0;
padding: 5px 0;
position: fixed;
width: 100%;
z-index: 3;
}
#FooterWrapper > div {
margin: 0 auto 0 auto;
max-width: 1230px;
padding: 0 15px;
}
#FooterWrapper > div.cookie {
background: #004070 none repeat scroll 0 0;
bottom: 0;
display: none;
left: 0;
max-width: none;
padding: 5px 0;
position: fixed;
text-align: center;
width: 100%;
z-index: 100;
}
#FooterWrapper > div:after {
clear: both;
content: "";
display: block;
}
/* Cookies */
body.cookieMsg #FooterWrapper > .cookie {
display: block;
}
#FooterWrapper > div > p.cookies {
color: #FFFFFF;
font-size: 16px;
}
#FooterWrapper > div > p.cookies > span.text > a {
background: #80A0B8;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
color: #FFFFFF;
display: inline-block;
font-size: 18px;
font-weight: bold;
margin: 0 0 0 20px;
padding: 0 15px 1px;
text-transform: uppercase;
}
#FooterWrapper > div > p.cookies > span.text > a:hover {
background: #6088A5;
}
#FooterWrapper > div > p.cookies > a {
color: #A3B1C0;
display: block;
float: right;
font-weight: bold;
margin: 0 46px 0 0;
}
#FooterWrapper > div > p.cookies > a:hover {
color: #6088A5;
}
#FooterWrapper > div > p.cookies > a:before {
content: '\E814';
font-family: 'fontello';
font-weight: normal;
margin: 0 8px 0 0;
}
@media all and (max-width: 1060px){
/* Cookies */
#FooterWrapper > div > p.cookies > a {
display: none;
}
}
@media all and (max-width: 800px){
#FooterWrapper > div > p.cookies > span {
display: block;
text-align: center;
}
#FooterWrapper > div > p.cookies > span.text > a {
margin-bottom: 5px;
margin-left: 0;
margin-top: 5px;
}
}
@media all and (max-width: 750px){
#ContentWrapper {
padding-bottom: 100px;
}
}
/* Layout - Animation */
#GalleryWrapper {
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1;
}
#GalleryWrapper > .animation {
height: 100%;
overflow: hidden;
position: relative;
z-index: 1;
}
#GalleryWrapper > .animation > .wrapper {
height: 100%;
position: absolute;
width: 100%;
}
#GalleryWrapper > .animation > .wrapper > img.animate {
position: absolute;
}
#GalleryWrapper > .animation > .wrapper > .text {
line-height: 1;
position: absolute;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
#GalleryWrapper > .animation > .wrapper > .text_1 {
font-weight: bold;
}
@media all and (max-width: 900px){
#GalleryWrapper > .animation > .wrapper > .text {
display: none !important;
}
}
@media all and (max-width: 750px){
#GalleryWrapper {
height: auto;
position: absolute;
}
#GalleryWrapper > .animation > .wrapper {
position: relative;
}
#GalleryWrapper > .animation > .wrapper > img.animate {
display: block;
height: auto !important;
left: 0 !important;
position: relative;
width: 100% !important;
}
}
@media all and (max-width: 570px){
#GalleryWrapper {
top: 75px;
}
}
/* Menü - Metamenü */
ul.metamenu {
float: right;
margin: 0 -10px 0 0;
}
ul.metamenu > li {
float: left;
}
ul.metamenu > li > a {
color: #FFFFFF;
display: block;
font-size: 15px;
font-weight: 400;
padding: 0 10px;
position: relative;
}
ul.metamenu > li > a:hover {
color: #809AAD;
text-decoration: none;
}
ul.metamenu > li > a:after {
background: #809AAD;
content: "";
height: 100%;
right: -2px;
position: absolute;
top: 0;
width: 3px;
}
ul.metamenu > li:last-child > a:after {
display: none;
}
/* Layout - Landingpage */
/* Layout - Content */
body.lp #ContentWrapper > div.WidthWrapper > section {
background: none;
float: none;
margin: 0 350px 0 0;
max-width: 100%;
min-height: 100px;
overflow: hidden;
padding: 0;
position: relative;
width: auto;
}
body.lp #ContentWrapper > div.WidthWrapper > section:after {
clear: both;
content: "";
display: block;
}
body.lp #ContentWrapper > div.WidthWrapper > aside {
float: right;
width: 300px;
}
/* Layout - Slider (only) */
body.lp #ContentWrapper.slideronly > div.WidthWrapper {
bottom: auto !important;
left: 15px;
position: absolute;
right: 15px;
}
body.lp #ContentWrapper.slideronly > div.WidthWrapper > section {
overflow: visible;
}
/* Kontakt */
body.lp #ContentWrapper > div.WidthWrapper > aside > p.contact {
background: #004070;
color: #FFFFFF;
padding: 20px 30px;
}
body.lp #ContentWrapper > div.WidthWrapper > aside > p.contact > span {
display: block;
}
body.lp #ContentWrapper > div.WidthWrapper > aside > p.contact > span.title {
font-weight: bold;
margin: 0 0 10px;
text-transform: uppercase;
}
body.lp #ContentWrapper > div.WidthWrapper > aside > p.contact > span.phone:before {
content: '\E82A';
float: left;
font-family: "fontello";
font-size: 46px;
font-weight: normal;
margin: -7px 20px 0 0;
}
body.lp #ContentWrapper > div.WidthWrapper > aside > p.contact > span.phone:after {
clear: both;
content: "";
display: block;
}
body.lp #ContentWrapper > div.WidthWrapper > aside > p.contact > span.phone > span,
body.lp #ContentWrapper > div.WidthWrapper > aside > p.contact > span.phone > a {
display: block;
}
body.lp #ContentWrapper > div.WidthWrapper > aside > p.contact > span.phone > span.title {
font-weight: normal;
}
body.lp #ContentWrapper > div.WidthWrapper > aside > p.contact > span.phone > span.region {
font-size: 16px;
}
body.lp #ContentWrapper > div.WidthWrapper > aside > p.contact > span.phone > a {
color: #FFFFFF;
}
/* Element - Textbereich */
body.lp .cmsText {
background: #FFFFFF;
padding: 20px;
}
@media all and (max-width: 920px){
body.lp #ContentWrapper > div.WidthWrapper > section {
margin-right: 315px;
}
}
@media all and (max-width: 800px){
/* Layout - Slider (only) */
body.lp #ContentWrapper.slideronly > div.WidthWrapper {
bottom: auto !important;
position: relative !important;
left: auto !important;
right: auto !important;
}
}
@media all and (max-height: 800px){
/* Layout - Slider (only) */
body.lp #ContentWrapper.slideronly > div.WidthWrapper {
bottom: auto !important;
position: relative !important;
left: auto !important;
right: auto !important;
}
}
@media all and (max-height: 750px){
body.lp #ContentWrapper > div.WidthWrapper > section {
margin-top: 0;
}
}
@media all and (max-width: 750px){
body.lp #ContentWrapper > div.WidthWrapper > section {
margin-right: 0;
}
body.lp #ContentWrapper > div.WidthWrapper > aside {
float: none;
width: 100%;
}
body.lp #ContentWrapper > div.WidthWrapper > aside.fixed {
bottom: 32px;
position: fixed;
z-index: 120;
}
body.lp #ContentWrapper > div.WidthWrapper > aside.fixed > a.request > p {
display: none;
}
}
/*! jQuery UI - v1.10.2 - 2013-03-17
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.datepicker.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=&fwDefault=&fsDefault=&cornerRadius=4px&bgColorHeader=%23cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=%23aaaaaa&fcHeader=%23222222&iconColorHeader=%23222222&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=%23aaaaaa&fcContent=%23222222&iconColorContent=%23222222&bgColorDefault=%23e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=%23d3d3d3&fcDefault=%23555555&iconColorDefault=%23888888&bgColorHover=%23dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=%23999999&fcHover=%23212121&iconColorHover=%23454545&bgColorActive=%23ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=%23aaaaaa&fcActive=%23212121&iconColorActive=%23454545&bgColorHighlight=%23fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=%23fcefa1&fcHighlight=%23363636&iconColorHighlight=%232e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0);
}
.ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-datepicker {
width: 19em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev span {
}
.ui-datepicker .ui-datepicker-next span {
}
.ui-datepicker .ui-datepicker-prev span:before {
content: "\E806";
font-family: "fontello";
font-size: 22px;
}
.ui-datepicker .ui-datepicker-next span:before {
content: "\E808";
font-family: "fontello";
font-size: 22px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 49%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
/* Component containers
----------------------------------*/
.ui-widget {
font-family: inherit;
font-size: ;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: inherit;
font-size: 1em;
}
.ui-widget-content {
border: 1px solid #aaaaaa;
background: #ffffff url("/img/jquery-ui/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
color: #222222;
}
.ui-widget-content a {
color: #222222;
}
.ui-widget-header {
border: 1px solid #aaaaaa;
background: #cccccc url("/img/jquery-ui/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
color: #222222;
font-weight: bold;
}
.ui-widget-header a {
color: #222222;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #d3d3d3;
background: #e6e6e6 url("/img/jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
font-weight: ;
color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #555555;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid #999999;
background: #dadada url("/img/jquery-ui/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
font-weight: ;
color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
color: #212121;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #aaaaaa;
background: #ffffff url("/img/jquery-ui/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
font-weight: ;
color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #212121;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #fcefa1;
background: #fbf9ee url("/img/jquery-ui/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
background: #fef1ec url("/img/jquery-ui/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70);
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35);
background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url("/img/jquery-ui/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
background-image: url("/img/jquery-ui/ui-icons_222222_256x240.png");
}
.ui-state-default .ui-icon {
background-image: url("/img/jquery-ui/ui-icons_888888_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url("/img/jquery-ui/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon {
background-image: url("/img/jquery-ui/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon {
background-image: url("/img/jquery-ui/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url("/img/jquery-ui/ui-icons_cd0a0a_256x240.png");
}
/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 4px;
}
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa url("/img/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
margin: -8px 0 0 -8px;
padding: 8px;
background: #aaaaaa url("/img/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30);
border-radius: 8px;
}
/* jQuery UI Kalender Styles Micado */
/* Datepicker */
/* benutzerdefinierte Styles */
.ui-datepicker-header {
background: #004070 !important;
border: 0 none !important;
color: #FFFFFF !important;
font-size: 1.2em;
margin: -9px -9px 0 -9px !important;
padding: 0.4em !important;
}
.ui-datepicker td {
background: #eef3fa none repeat scroll 0 0;
border: 1px solid #FFFFFF !important;
font-size: 1.2em;
padding: 0 !important;
}
.ui-state-default {
background: none !important;
border: 0 !important;
color: #838383 !important;
text-align: center !important;
font-weight: normal !important;
padding: 0.4em 0.6em !important;
}
.ui-state-active, .ui-state-hover {
background: #C31622 !important;
color: #FFFFFF !important;
}
.ui-datepicker-month, .ui-datepicker-year {
font-size: 1em !important;
}
/* benutzerdefinierte Styles Ende */
/* generelle Vererbungen */
.ui-datepicker {
border: 0 none !important;
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2) !important;
padding: 10px !important;
font-size: 15px !important;
z-index: 2;
}
.ui-corner-all {
border-radius: 0 !important;
}
.ui-icon {
background: none !important;
text-indent: 0 !important;
width: auto !important;
height: auto !important;
}
.ui-datepicker-title {
margin: 0 4.5em !important;
font-size: 0.9em !important;
}
.ui-datepicker th {
padding: 0.5em 0 !important
}
.ui-datepicker-calendar span {
font-size: 0.9em !important;
}
.ui-datepicker-prev, .ui-datepicker-next {
color: #FFFFFF !important;
width: auto !important;
height: auto !important;
margin: 6px 10px 0 10px !important;
top: 0 !important;
border: 0 !important;
background: none !important;
padding: 0 !important;
cursor: pointer !important;
}
.ui-datepicker-prev {
left: 5px !important;
}
.ui-datepicker-next {
right: 5px !important;
}
.ui-datepicker-prev span, .ui-datepicker-next span {
left: auto !important;
margin: 0 !important;
top: auto !important;
position: static !important;
font-size: 0.8em !important;
}
/* ui Datepicker btn pane */
.ui-datepicker .ui-datepicker-buttonpane {
border-top: medium none;
margin: 0;
padding: 0;
position: absolute;
right: 0;
top: 0;
}
.ui-datepicker .ui-datepicker-buttonpane:before {
content: "\E829";
font-family: "fontello";
}
.ui-datepicker .ui-datepicker-buttonpane button {
display: none;
}
/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
overflow: hidden !important;
padding: 0 !important;
position: relative;
}
.scroll-wrapper > .scroll-content {
border: none !important;
box-sizing: content-box !important;
height: auto;
left: 0;
margin: 0;
max-height: none !important;
max-width: none !important;
overflow: scroll !important;
padding: 0;
position: relative !important;
top: 0;
width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
height: 0;
width: 0;
}
.scroll-element {
display: none;
}
.scroll-element, .scroll-element div {
box-sizing: content-box;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
display: block;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
cursor: default;
}
.scroll-textarea {
border: 1px solid #cccccc;
border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
border: none !important;
box-sizing: border-box;
height: 100% !important;
margin: 0;
max-height: none !important;
max-width: none !important;
overflow: scroll !important;
outline: none;
padding: 2px;
position: relative !important;
top: 0;
width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
height: 0;
width: 0;
}
/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10;
}
.scrollbar-inner > .scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.scrollbar-inner > .scroll-element.scroll-x {
bottom: 2px;
height: 8px;
left: 0;
width: 100%;
}
.scrollbar-inner > .scroll-element.scroll-y {
height: 100%;
right: 2px;
top: 0;
width: 8px;
}
.scrollbar-inner > .scroll-element .scroll-element_outer {
overflow: hidden;
}
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter: alpha(opacity=40);
opacity: 0.4;
}
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #FFFFFF;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('/img/fancybox/fancybox_sprite.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('/img/fancybox/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('/img/fancybox/blank.gif'); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
margin-right: 0 !important;
overflow-x: hidden;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: rgb(244, 244, 244);
background: rgba(244, 244, 244, 0.8);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow-x: auto;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
#fancybox-buttons {
position: fixed;
left: 0;
width: 100%;
z-index: 8050;
}
#fancybox-buttons.top {
top: 10px;
}
#fancybox-buttons.bottom {
bottom: 10px;
}
#fancybox-buttons ul {
display: block;
width: 166px;
height: 30px;
margin: 0 auto;
padding: 0;
list-style: none;
border: 1px solid #111;
border-radius: 3px;
-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
background: rgb(50,50,50);
background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
}
#fancybox-buttons ul li {
float: left;
margin: 0;
padding: 0;
}
#fancybox-buttons a {
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
background-image: url('/img/fancybox/fancybox_buttons.png');
background-repeat: no-repeat;
outline: none;
opacity: 0.8;
}
#fancybox-buttons a:hover {
opacity: 1;
}
#fancybox-buttons a.btnPrev {
background-position: 5px 0;
}
#fancybox-buttons a.btnNext {
background-position: -33px 0;
border-right: 1px solid #3e3e3e;
}
#fancybox-buttons a.btnPlay {
background-position: 0 -30px;
}
#fancybox-buttons a.btnPlayOn {
background-position: -30px -30px;
}
#fancybox-buttons a.btnToggle {
background-position: 3px -60px;
border-left: 1px solid #111;
border-right: 1px solid #3e3e3e;
width: 35px
}
#fancybox-buttons a.btnToggleOn {
background-position: -27px -60px;
}
#fancybox-buttons a.btnClose {
border-left: 1px solid #111;
width: 35px;
background-position: -56px 0px;
}
#fancybox-buttons a.btnDisabled {
opacity : 0.4;
cursor: default;
}
/*
* Core Owl Carousel CSS File
* v1.3.2
*/
/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* display none until init */
.owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
cursor:url("/img/owl/grabbing.png") 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}
/*
* Owl Carousel Owl Demo Theme
* v1.3.2
*/
.owl-theme .owl-controls {
background: #FFFFFF;
background: rgba(255, 255, 255, 0.75);
margin: 1px 0 0;
padding: 10px 0 5px;
position: relative;
text-align: center;
width: 100%;
}
/* Pagination */
.owl-theme .owl-controls .owl-page {
display: inline-block;
*display: inline;
zoom: 1;
}
.owl-theme .owl-controls .owl-page span {
background: #A3A3A3;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.6);
-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.6);
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.6);
display: block;
height: 17px;
margin: 3.5px;
width: 17px;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
background: #c31622; /* Old browsers */
background: -moz-linear-gradient(top, #c31622 0%, #aa0002 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c31622), color-stop(100%,#aa0002)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c31622 0%,#aa0002 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c31622 0%,#aa0002 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c31622 0%,#aa0002 100%); /* IE10+ */
background: linear-gradient(to bottom, #c31622 0%,#aa0002 100%); /* W3C */
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* Prev, Next Navigation */
.owl-controls .owl-buttons div {
height: 25px;
position: absolute;
top: 25px;
width: 17px;
}
/* Layout - Standard (Fancybox) */
/* Layout - Content */
body.fancybox #ContentWrapper {
padding-top: 0;
}
body.fancybox #ContentWrapper > div.WidthWrapper > section {
float: none;
max-width: 100%;
padding-bottom: 20px;
padding-left: 0;
padding-right: 0;
padding-top: 20px;
}
/*! perfect-scrollbar - v0.5.9
* http://noraesae.github.com/perfect-scrollbar/
* Copyright (c) 2015 Hyunje Alex Jun; Licensed MIT */
.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block}.ps-container.ps-in-scrolling{pointer-events:none}.ps-container.ps-in-scrolling>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container.ps-in-scrolling>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}.ps-container.ps-in-scrolling>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container.ps-in-scrolling>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;bottom:3px;height:8px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;bottom:0;height:8px}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;right:3px;width:8px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;right:0;width:8px}.ps-container:hover.ps-in-scrolling{pointer-events:none}.ps-container:hover.ps-in-scrolling>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover.ps-in-scrolling>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}.ps-container:hover.ps-in-scrolling>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover.ps-in-scrolling>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:.6;-ms-filter:"alpha(Opacity=60)";filter:alpha(opacity=60)}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999}
/* Layout - Anfragetest */
aside > a.request {
background: #c31622;
color: #ffffff;
display: none;
font-size: 20px;
margin: 0 -15px 20px -15px;
padding: 10px 0;
text-align: center;
-ms-transition: background 300ms ease-in 0s;
-moz-transition: background 300ms ease-in 0s;
-o-transition: background 300ms ease-in 0s;
-webkit-transition: background 300ms ease-in 0s;
transition: background 300ms ease-in 0s;
}
aside > a.request:hover {
background: #6b0007;
}
aside > a.request > span {
display: block;
font-size: 0.9em;
opacity: 0.7;
}
#MobileFormWrapper {
background: #004070;
display: none;
height: 100%;
left: 0;
overflow: scroll;
position: fixed;
top: 0;
width: 100%;
z-index: 5;
}
#MobileFormWrapper > a.request {
display: none;
}
#MobileFormWrapper > .cmsForm {
padding-top: 50px;
}
#MobileFormWrapper > .cmsForm > a.close {
border-radius: 28px;
color: #ffffff;
display: block;
font-weight: bold;
position: absolute;
right: 15px;
top: 15px;
}
#MobileFormWrapper > .cmsForm > a.close:after {
content: "\E829";
font-family: fontello;
}
#MobileFormWrapper > p.contact {
background: #004070 none repeat scroll 0 0;
color: #ffffff;
margin: 0;
padding: 20px 30px;
}
#MobileFormWrapper > p.contact > span {
display: block;
}
#MobileFormWrapper > p.contact > span.title {
font-weight: bold;
margin: 0 0 10px;
text-transform: uppercase;
}
#MobileFormWrapper > p.contact > span.phone:before {
content: "\e82a";
float: left;
font-family: "fontello";
font-size: 46px;
font-weight: normal;
margin: -7px 20px 0 0;
}
#MobileFormWrapper > p.contact > span.phone:after {
clear: both;
content: "";
display: block;
}
#MobileFormWrapper > p.contact > span.phone > span.region {
font-size: 16px;
}
#MobileFormWrapper > p.contact > span.phone > span,
#MobileFormWrapper > p.contact > span.phone > a {
display: block;
}
#MobileFormWrapper > p.contact > span.phone > a {
color: #FFFFFF;
}
@media all and (max-width: 750px){
body.lp #ContentWrapper > div.WidthWrapper > aside > p.contact {
display: none;
}
aside > .cmsForm {
display: none;
}
aside > a.request {
display: block;
}
}
/* Layout - Footer - Kontakt */
#FooterWrapper > div .contact {
color: #ffffff;
display: none;
font-size: 15px;
float: left;
margin: 0 0 0 0;
}
#FooterWrapper > div .contact > .title {
font-weight: bold;
margin: 0 10px 0 0;
}
#FooterWrapper > div .contact > .title:after {
content: ":";
}
#FooterWrapper > div .contact > .phone > .region {
display: none;
}
#FooterWrapper > div .contact > .phone > a {
color: #FFFFFF;
}
@media all and (max-width: 750px){
#FooterWrapper > div .contact {
display: block;
}
}
@media all and (max-width: 390px){
#FooterWrapper > div .contact > .title > span {
display: none;
}
}
/* Perfect Scrollbar Custom */
.ps-container > .ps-scrollbar-x-rail,
.ps-container > .ps-scrollbar-y-rail {
background-color: #333333 !important;
border-radius: 5px !important;
opacity: 1 !important;
}
.ps-container > .ps-scrollbar-y-rail {
right: 0px !important;
}
.ps-container > .ps-scrollbar-y-rail,
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
width: 4px;
}
.ps-container > .ps-scrollbar-x-rail,
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
height: 7px;
}
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x,
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
border-radius: 5px !important;
cursor: pointer;
}
/* Scrollbar X */
.cmsGallery > .ps-scrollbar-x-rail {
bottom: 48px !important;
}
body.wide .cmsGallery > .ps-scrollbar-x-rail {
bottom: 3px !important;
}
/* Scrollbar Y */
body.wide .ps-scrollbar-y-rail {
}
@media all and (max-width: 600px){
.cmsGallery > .ps-scrollbar-x-rail {
bottom: 2px !important;
}
}
@media all and (max-height: 700px){
.cmsGallery > .ps-scrollbar-x-rail {
bottom: 0 !important;
}
}
/* Extension - Angebot */
/* Variante - 2-spaltig */
.lpOfferTwoColumns {
background: #FFFFFF;
float: left;
margin: 0 5.882352941176471% 50px 0; /* 0 50 50 0 */
position: relative;
width: 47.058823529411768%; /* 400 */
}
.lpOfferTwoColumns.last {
margin-right: 0;
}
.lpOfferTwoColumns.last + * {
clear: both;
}
.lpOfferTwoColumns > article > figure > div {
position: relative;
}
.lpOfferTwoColumns > article > figure > div > a > img {
display: block;
width: 100%;
}
.lpOfferTwoColumns > article > figure > figcaption {
padding: 20px;
}
.lpOfferTwoColumns > article > figure > figcaption > h2 {
color: #C31622;
font-size: 26px;
font-weight: 300;
}
.lpOfferTwoColumns > article > figure > figcaption > h3 {
color: #21262D;
font-weight: bold;
margin: 3px 0 0;
}
.lpOfferTwoColumns > article > figure > figcaption > p {
color: #21262D;
margin: 10px 0;
}
.lpOfferTwoColumns > article > figure > figcaption > ul > li:after {
clear: both;
content: "";
display: block;
}
.lpOfferTwoColumns > article > figure > figcaption > ul > li > p {
float: left;
line-height: 1;
margin: 10px 0 0;
}
.lpOfferTwoColumns > article > figure > figcaption > ul > li > p > span.addition {
margin: 0 5px 0 0;
}
.lpOfferTwoColumns > article > figure > figcaption > ul > li > p > span.price {
color: #C31622;
font-size: 26px;
font-weight: bold;
}
.lpOfferTwoColumns > article > figure > figcaption > ul > li > p > span.pricebasis {
color: #A3A3A3;
display: block;
font-size: 14px;
margin: 2px 0 0;
}
.lpOfferTwoColumns > article > figure > figcaption > ul > li > a {
background: #C31622;
color: #FFFFFF;
float: right;
font-weight: bold;
margin: 12px -20px 0 0;
padding: 4px 20px 5px 21px;
position: relative;
text-transform: uppercase;
-webkit-transition: background 300ms ease-in;
-moz-transition: background 300ms ease-in;
-ms-transition: background 300ms ease-in;
-o-transition: background 300ms ease-in;
transition: background 300ms ease-in;
}
.lpOfferTwoColumns > article > figure > figcaption > ul > li > a:before {
background: #C31622;
-moz-border-radius: 20px 0 0 20px;
-webkit-border-radius: 20px 0 0 20px;
border-radius: 20px 0 0 20px;
content: "";
height: 100%;
left: -14px;
position: absolute;
top: 0;
width: 15px;
-webkit-transition: background 300ms ease-in;
-moz-transition: background 300ms ease-in;
-ms-transition: background 300ms ease-in;
-o-transition: background 300ms ease-in;
transition: background 300ms ease-in;
}
.lpOfferTwoColumns > article > figure > figcaption > ul > li > a:after {
content: '\E81F';
color: #FFFFFF;
cursor: pointer;
font-family: 'Fontello';
font-size: 20px;
font-weight: normal;
left: 0;
position: absolute;
top: 2px;
}
.lpOfferTwoColumns > article > figure > figcaption > ul > li > a:hover,
.lpOfferTwoColumns > article > figure > figcaption > ul > li > a.selected {
background: #6B0007;
}
.lpOfferTwoColumns > article > figure > figcaption > ul > li > a:hover:before,
.lpOfferTwoColumns > article > figure > figcaption > ul > li > a.selected:before {
background: #6B0007;
}
.lpOfferTwoColumns > article > figure > figcaption > ul > li > a.selected:after {
content: '\E820';
}
/* Variante - Drop */
.lpOfferDrop {
background: #FFFFFF;
clear: both;
margin: 0 0 25px;
padding: 25px;
}
.lpOfferDrop:after {
clear: both;
content: "";
display: block;
}
.lpOfferDrop > article > figure > a {
float: left;
margin: -25px 30px 30px -25px;
position: relative;
width: 43.75%; /* 350 */
z-index: 2;
}
.lpOfferDrop > article > figure > a > img {
display: block;
width: 100%;
}
.lpOfferDrop > article > figure > figcaption {
position: relative;
}
.lpOfferDrop > article > figure > figcaption > h2 {
color: #C31622;
font-size: 30px;
font-weight: 300;
padding: 0 40px 0 0;
}
.lpOfferDrop > article > figure > figcaption > h3 {
color: #21262D;
font-weight: bold;
margin: 1px 0 0 !important;
padding: 0 40px 0 0;
}
.lpOfferDrop > article > figure > figcaption > p {
color: #002722;
margin: 10px 0 0;
}
.lpOfferDrop > article > figure > figcaption > div.drop {
background: #ECECEC;
-moz-border-radius: 10px 0 0 10px;
-webkit-border-radius: 10px 0 0 10px;
border-radius: 10px 0 0 10px;
cursor: pointer;
height: 50px;
position: absolute;
right: -25px;
top: 7px;
width: 50px;
}
.lpOfferDrop > article > figure > figcaption > div.drop:hover {
background: #C31622;
}
.lpOfferDrop > article > figure > figcaption > div.drop:before {
color: #737373;
content: '\E805';
font-family: 'Fontello';
font-size: 28px;
font-weight: bold;
left: 12px;
margin: 0 10px 0 0;
position: relative;
top: 6px;
-moz-transition: left 200ms ease-in-out;
-o-transition: left 200ms ease-in-out;
-webkit-transition: left 200ms ease-in-out;
transition: left 200ms ease-in-out;
}
.lpOfferDrop > article > figure > figcaption > div.drop:hover:before {
color: #FFFFFF;
}
.lpOfferDrop > article > figure > figcaption > div.drop.hide:before {
content: '\E807';
top: 4px;
}
.lpOfferDrop > article > figure > figcaption > div.drop.hide + ul {
display: block;
}
.lpOfferDrop > article > figure > figcaption > ul {
clear: both;
display: none;
margin: 20px 0 0;
}
.lpOfferDrop > article > figure > figcaption > ul > li {
background: #ECECEC;
margin: 0 0 5px;
min-height: 30px;
}
.lpOfferDrop > article > figure > figcaption > ul > li:after {
clear: both;
content: "";
display: block;
}
.lpOfferDrop > article > figure > figcaption > ul > li > p {
float: left;
padding: 0 10px;
width: 73%;
}
.lpOfferDrop > article > figure > figcaption > ul > li > p:after {
clear: both;
content: "";
display: block;
}
.lpOfferDrop > article > figure > figcaption > ul > li > p > span.title {
float: left;
font-size: 16px;
font-weight: bold;
line-height: 1.2;
margin: 0 10px 0 0;
padding: 8px 0 9px;
}
.lpOfferDrop > article > figure > figcaption > ul > li > p > span.price {
float: right;
padding: 2px 0 0;
}
.lpOfferDrop > article > figure > figcaption > ul > li > p > span.price > span {
color: #C31622;
font-size: 21px;
font-weight: bold;
margin: 0 0 0 3px;
}
.lpOfferDrop > article > figure > figcaption > ul > li > a {
background: #C31622;
color: #FFFFFF;
float: right;
font-weight: bold;
padding: 4px 20px 5px 21px;
position: relative;
text-transform: uppercase;
-webkit-transition: background 300ms ease-in;
-moz-transition: background 300ms ease-in;
-ms-transition: background 300ms ease-in;
-o-transition: background 300ms ease-in;
transition: background 300ms ease-in;
}
.lpOfferDrop > article > figure > figcaption > ul > li > a:before {
background: #C31622;
-moz-border-radius: 20px 0 0 20px;
-webkit-border-radius: 20px 0 0 20px;
border-radius: 20px 0 0 20px;
content: "";
height: 100%;
left: -14px;
position: absolute;
top: 0;
width: 15px;
-webkit-transition: background 300ms ease-in;
-moz-transition: background 300ms ease-in;
-ms-transition: background 300ms ease-in;
-o-transition: background 300ms ease-in;
transition: background 300ms ease-in;
}
.lpOfferDrop > article > figure > figcaption > ul > li > a:after {
content: '\E81F';
color: #FFFFFF;
cursor: pointer;
font-family: 'Fontello';
font-size: 20px;
font-weight: normal;
left: 0;
position: absolute;
top: 2px;
}
.lpOfferDrop > article > figure > figcaption > ul > li > a:hover,
.lpOfferDrop > article > figure > figcaption > ul > li > a.selected {
background: #6B0007;
}
.lpOfferDrop > article > figure > figcaption > ul > li > a:hover:before,
.lpOfferDrop > article > figure > figcaption > ul > li > a.selected:before {
background: #6B0007;
}
.lpOfferDrop > article > figure > figcaption > ul > li > a.selected:after {
content: '\E820';
}
/* Variante - Slider */
.lpOfferSlider {
clear: both;
margin: 0 0 30px;
}
.lpOfferSlider article {
background: #FFFFFF;
padding: 25px 25px 15px;
}
.lpOfferSlider article > figure > a {
float: left;
margin: -25px 30px -15px -25px;
position: relative;
width: 43.75%; /* 350 */
z-index: 2;
}
.lpOfferSlider article > figure > a > img {
display: block;
width: 100%;
}
.lpOfferSlider article > figure > figcaption {
position: relative;
}
.lpOfferSlider article > figure > figcaption > h2 {
color: #C31622;
font-size: 30px;
font-weight: 300;
padding: 0 40px 0 0;
}
.lpOfferSlider article > figure > figcaption > h3 {
color: #21262D;
font-weight: bold;
margin: 1px 0 0 !important;
}
.lpOfferSlider article > figure > figcaption > p {
color: #002722;
margin: 10px 0 0;
}
.lpOfferSlider article > figure > figcaption > ul {
margin: 15px 0 0;
}
.lpOfferSlider article > figure > figcaption > ul > li:after {
clear: both;
content: "";
display: block;
}
.lpOfferSlider article > figure > figcaption > ul > li > p {
float: left;
}
.lpOfferSlider article > figure > figcaption > ul > li > p:after {
clear: both;
content: "";
display: block;
}
.lpOfferSlider article > figure > figcaption > ul > li > p > span.title {
float: left;
font-family: 'QuadraatOTHead-Bold';
font-size: 16px;
line-height: 1.2;
margin: 0 10px 0 0;
}
.lpOfferSlider article > figure > figcaption > ul > li > p > span.price {
float: right;
}
.lpOfferSlider article > figure > figcaption > ul > li > p > span.price > span {
color: #C31622;
font-size: 26px;
font-weight: bold;
margin: 0 0 0 5px;
}
.lpOfferSlider article > figure > figcaption > ul > li > a {
background: #C31622;
color: #FFFFFF;
float: right;
font-weight: bold;
margin: 3px -25px 0 0;
padding: 4px 25px 5px 21px;
position: relative;
text-transform: uppercase;
-webkit-transition: background 300ms ease-in;
-moz-transition: background 300ms ease-in;
-ms-transition: background 300ms ease-in;
-o-transition: background 300ms ease-in;
transition: background 300ms ease-in;
}
.lpOfferSlider article > figure > figcaption > ul > li > a:before {
background: #C31622;
-moz-border-radius: 20px 0 0 20px;
-webkit-border-radius: 20px 0 0 20px;
border-radius: 20px 0 0 20px;
content: "";
height: 100%;
left: -14px;
position: absolute;
top: 0;
width: 15px;
-webkit-transition: background 300ms ease-in;
-moz-transition: background 300ms ease-in;
-ms-transition: background 300ms ease-in;
-o-transition: background 300ms ease-in;
transition: background 300ms ease-in;
}
.lpOfferSlider article > figure > figcaption > ul > li > a:after {
content: '\E81F';
color: #FFFFFF;
cursor: pointer;
font-family: 'Fontello';
font-size: 20px;
font-weight: normal;
left: 0;
position: absolute;
top: 2px;
}
.lpOfferSlider article > figure > figcaption > ul > li > a:hover,
.lpOfferSlider article > figure > figcaption > ul > li > a.selected {
background: #6B0007;
}
.lpOfferSlider article > figure > figcaption > ul > li > a:hover:before,
.lpOfferSlider article > figure > figcaption > ul > li > a.selected:before {
background: #6B0007;
}
.lpOfferSlider article > figure > figcaption > ul > li > a.selected:after {
content: '\E820';
}
.lpOfferSlider .owl-carousel .owl-wrapper {
background: #FFFFFF;
}
body.lp #ContentWrapper.slideronly .lpOfferSlider {
bottom: 50px;
clear: none;
left: 0;
margin-bottom: 0;
margin-top: 0;
position: absolute;
width: 100%;
}
@media all and (max-width: 990px){
/* Variante - 2-spaltig */
.lpOfferTwoColumns {
float: none;
margin-right: 0;
width: 100%;
}
/* Variante - Drop */
.lpOfferDrop > article > figure > a {
display: none;
}
.lpOfferDrop > article > figure > figcaption > ul > li {
position: relative;
}
.lpOfferDrop > article > figure > figcaption > ul > li > p {
display: inline-block;
float: none;
padding: 5px 158px 5px 10px;
width: 100%;
}
.lpOfferDrop > article > figure > figcaption > ul > li > p > span {
display: block;
float: none !important;
}
.lpOfferDrop > article > figure > figcaption > ul > li > p > span.title {
padding-bottom: 0;
}
.lpOfferDrop > article > figure > figcaption > ul > li > a {
display: inline-block;
float: none;
margin-top: -18px;
position: absolute;
right: 0;
top: 50%;
}
}
@media all and (max-width: 920px){
/* Variante - 2-spaltig */
.lpOfferTwoColumns > article > figure > figcaption > ul > li > p {
float: none;
}
.lpOfferTwoColumns > article > figure > figcaption > ul > li > a {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
clear: both;
display: block;
float: none;
margin: 10px 0 0;
text-align: center;
}
.lpOfferTwoColumns > article > figure > figcaption > ul > li > a:before,
.lpOfferTwoColumns > article > figure > figcaption > ul > li > a:after {
display: none;
}
/* Drop */
.lpOfferDrop > article > figure > figcaption > ul > li {
padding: 10px;
}
.lpOfferDrop > article > figure > figcaption > ul > li > p {
padding: 0;
}
.lpOfferDrop > article > figure > figcaption > ul > li > p > span {
display: inline-block;
}
.lpOfferDrop > article > figure > figcaption > ul > li > p > span.title {
float: left !important;
}
.lpOfferDrop > article > figure > figcaption > ul > li > p > span.price {
float: right !important;
}
.lpOfferDrop > article > figure > figcaption > ul > li > a {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
clear: both;
display: block;
float: none;
margin: 5px 0 0;
position: relative;
text-align: center;
}
.lpOfferDrop > article > figure > figcaption > ul > li > a:before,
.lpOfferDrop > article > figure > figcaption > ul > li > a:after {
display: none;
}
}
@media all and (max-width: 865px){
/* Variante - Drop */
.lpOfferDrop {
padding: 20px;
}
.lpOfferDrop > article > figure > a {
display: none;
}
.lpOfferDrop > article > figure > figcaption > div.drop {
right: -20px;
}
/* Variante - Slider */
.lpOfferSlider article {
padding: 20px;
}
.lpOfferSlider article > figure > a {
margin-left: 0;
margin-right: 15px;
margin-top: 0;
width: 100%;
}
}
@media all and (max-width: 750px){
body.lp #ContentWrapper.slideronly .lpOfferSlider {
bottom: 0;
}
.lpOfferSlider article > figure > a {
margin-left: -25px;
margin-top: -25px;
width: 43.75%;
}
body.lp #ContentWrapper.slideronly .lpOfferSlider {
position: relative;
}
}
@media all and (max-width: 650px){ /* MOBILE */
/* Variante - Drop */
.lpOfferDrop > article > figure > a {
display: block;
}
/* Variante - Slider */
.lpOfferSlider {
bottom: auto !important;
left: auto !important;
position: relative !important;
}
.lpOfferSlider article > figure > a {
display: block;
}
}
@media all and (max-width: 500px){ /* MOBILE */
/* Variante - Drop */
.lpOfferDrop > article > figure > a {
display: none;
}
.lpOfferDrop > article > figure > figcaption > ul > li {
padding: 10px;
}
.lpOfferDrop > article > figure > figcaption > ul > li > p {
padding: 0;
}
.lpOfferDrop > article > figure > figcaption > ul > li > p > span.title {
float: left;
}
.lpOfferDrop > article > figure > figcaption > ul > li > p > span.price {
float: right;
}
.lpOfferDrop > article > figure > figcaption > ul > li > a {
margin: 5px 0 0;
position: relative;
right: auto;
text-align: center;
top: auto;
width: 100%;
}
.lpOfferDrop > article > figure > figcaption > ul > li > a:before {
display: none;
}
/* Variante - Slider */
.lpOfferSlider article > figure > a {
margin-left: 0;
margin-right: 15px;
margin-top: 0;
width: 100%;
}
}
@media all and (max-width: 1200px){
/* Variante - Slider */
.lpOfferSlider article > figure > a {
margin-bottom: 15px;
}
}
/* Extension - Wetter (ZAMG) */
/* Wetter - Übersicht */
.weather > h2 {
display: none;
}
.weather > div {
float: left;
margin: 0 1.818181818181818% 25px 0; /* 0 20 25 0 */
width: 32.090909090909093%; /* 353 */
}
.weather > div:after {
clear: both;
content: "";
display: block;
}
.weather > div:nth-of-type(3) {
margin-right: 0;
}
.weather > div > h3 {
color: #004070;
font-size: 22px;
margin-top: 0;
}
.weather > div > div.icon {
display: inline-block;
float: left;
margin: 0 20px 15px 0;
}
.weather > div > div.icon:before {
font-family: 'weather';
font-size: 90px;
font-weight: normal;
line-height: 1;
}
.weather > div > div.iconA:before,
.weather > div > div.iconK:before {
content: '\E818';
}
.weather > div > div.iconB:before,
.weather > div > div.iconC:before,
.weather > div > div.iconD:before,
.weather > div > div.iconS:before {
content: '\E803';
}
.weather > div > div.iconE:before {
content: '\E800';
}
.weather > div > div.iconF:before,
.weather > div > div.iconG:before,
.weather > div > div.iconH:before,
.weather > div > div.iconI:before,
.weather > div > div.iconJ:before {
content: '\E809';
}
.weather > div > div.iconL:before,
.weather > div > div.iconM:before,
.weather > div > div.iconN:before,
.weather > div > div.iconO:before,
.weather > div > div.iconP:before {
content: '\E80B';
}
.weather > div > div.iconQ:before,
.weather > div > div.iconR:before {
content: '\E80E';
}
.weather > div > div.iconT:before {
content: '\E801';
}
.weather > div > div.iconU:before,
.weather > div > div.iconV:before,
.weather > div > div.iconW:before,
.weather > div > div.iconX:before,
.weather > div > div.iconY:before,
.weather > div > div.iconZ:before {
content: '\E816';
}
.weather > div > p.title,
.weather > div > p.temp > span {
font-weight: bold;
}
.weather > div > p.temp > span.min,
.weather > div > p.temp > span.max {
font-size: 24px;
}
.weather > div > p.temp > span.min {
color: #C31622;
}
.weather > div > p.temp > span.min:before {
color: #393939;
content: '\E812';
font-family: 'weather';
font-weight: normal;
margin: 0 10px 0 4px;
}
.weather > div > p.temp > span.max {
color: #004070;
}
.weather > div > p.wind > span:before {
content: '\E814';
font-family: 'weather';
font-weight: bold;
margin: 0 10px 0 0;
}
.weather > div > p.text {
clear: both;
line-height: 1.4;
}
.weather > p {
clear: both;
}
@media all and (max-width: 990px){
.weather > div {
float: none;
margin-bottom: 45px;
margin-right: 0;
width: 100%;
}
}
@media all and (max-width: 400px){
.weather > div > div.icon {
display: block;
float: none;
margin-right: 0;
text-align: center;
}
.weather > div > p.title,
.weather > div > p.temp,
.weather > div > p.wind {
text-align: center;
}
.weather > div > p.text {
margin-top: 10px;
text-align: center;
}
}
/* SkiData - Webcams */
.skidataWebcams > ul:after {
content: "";
clear: both;
display: block;
}
.skidataWebcams > ul > li {
float: left;
margin: 0 2.818181818181818% 2.818181818181818% 0; /* 0 31 31 0 */
position: relative;
width: 31.454545454545453%; /* 346 */
}
.skidataWebcams > ul > li:nth-child(3n) {
margin-right: 0;
}
.skidataWebcams > ul > li:nth-child(3n) + li {
clear: left;
}
.skidataWebcams > ul > li > p.town {
color: #FFFFFF;
font-size: 21px;
font-weight: bold;
left: 10px;
line-height: 1.1;
position: absolute;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
top: 7px;
z-index: 2;
}
.skidataWebcams > ul > li > a {
display: block;
max-height: 195px;
overflow: hidden;
position: relative;
}
.skidataWebcams > ul > li > a:before {
background: #000000;
background: rgba(0, 0, 0, 0.6);
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
-webkit-transition: opacity 200ms ease-in;
-moz-transition: opacity 200ms ease-in;
-ms-transition: opacity 200ms ease-in;
-o-transition: opacity 200ms ease-in;
transition: opacity 200ms ease-in;
width: 100%;
}
.skidataWebcams > ul > li > a:hover:before {
opacity: 1;
}
.skidataWebcams > ul > li > a > img {
display: block;
width: 100%;
}
.skidataWebcams > ul > li > a.subtitle,
.skidataWebcams > ul > li > p.height {
display: none;
}
.skidataWebcams > p.info {
display: none;
}
@media all and (max-width: 750px){ /* MOBILE */
.skidataWebcams > ul > li {
margin-right: 5%;
width: 47.5%;
}
.skidataWebcams > ul > li:nth-child(3n) {
margin-right: 5%;
}
.skidataWebcams > ul > li:nth-child(3n) + li {
clear: none;
}
.skidataWebcams > ul > li:nth-child(2n) {
margin-right: 0;
}
.skidataWebcams > ul > li:nth-child(2n) + li {
clear: left;
}
}
@media all and (max-width: 750px){ /* MOBILE */
.skidataWebcams > ul > li {
float: none;
margin-right: 0;
max-height: 250px;
width: 100%;
}
}
/* Extension - Suchen und Buchen */
.cmsSearchandBook {
background: #ffffff none repeat scroll 0 0;
clear: both;
margin: 0 0 260px 0;
padding: 25px 25px 0 25px;
position: relative;
}
.cmsSearchandBook.open {
min-height: 380px;
}
.cmsSearchandBook > h1 {
padding: 0 40px 0 0;
}
.cmsSearchandBook > h2 {
padding: 0 40px 0 0;
margin: 0 0 15px;
}
.cmsSearchandBook > div.drop {
background: #eef3fa;
border-radius: 10px 0 0 10px;
cursor: pointer;
height: 50px;
position: absolute;
right: 0px;
top: 25px;
width: 50px;
}
.cmsSearchandBook > div.drop:hover {
background: #c31622 none repeat scroll 0 0;
}
.cmsSearchandBook > div.drop.hide:before {
content: '\E807';
top: 4px;
}
.cmsSearchandBook > div.drop:before {
color: #2d343e;
content: '\E805';
font-family: "Fontello";
font-size: 28px;
font-weight: bold;
left: 12px;
margin: 0 10px 0 0;
position: relative;
top: 6px;
transition: left 200ms ease-in-out 0s;
}
.cmsSearchandBook > div.drop:hover:before {
color: #FFFFFF;
}
@media all and (max-width: 1000px){
.cmsSearchandBook.open {
min-height: 600px;
}
}
@media all and (max-width: 500px){
.cmsSearchandBook {
padding: 15px;
}
.cmsSearchandBook.open {
min-height: 700px;
}
}
/* Suche */
.cmsSearchandBook > div > .accommodationSearch > form.search {
background: #EEF3FA;
border-bottom: 1px solid #bac8db;
left: 0;
margin: 0 -25px 0 -25px;
padding: 10px 26px 0px 30px;
right: 0;
top: 0;
z-index: 1;
}
.cmsSearchandBook > div > .accommodationSearch > form.search:after {
clear: both;
content: "";
display: block;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div {
float: left;
margin: 0 3% 30px 0;
position: relative;
width: 20%;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div:last-of-type {
margin-right: 0;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.rooms {
width: 35%;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.sort {
width: 31%;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div:last-child {
margin-right: 0;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > label {
color: #595c62;
display: block;
font-size: 0.9em;
opacity: 0.8;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownvalue {
background: #ffffff;
border: 1px solid #bac8db;
border-radius: 3px;
cursor: pointer;
float: right;
height: 40px;
padding: 5px 8px 5px 10px;
position: relative;
width: 100%;
-moz-transition: border 400ms ease;
-webkit-transition: border 400ms ease;
-o-transition: border 400ms ease;
transition: border 400ms ease;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownvalue.selected {
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.rooms > .dropdownvalue {
background: url("/img/layout/searchandbook.png") no-repeat scroll 8px 8px #ffffff;
padding-left: 40px;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownvalue:after {
background: -moz-linear-gradient(top, rgba(255,255,255, 1) 0%, rgba(213,213,213,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255, 1)), color-stop(100%,rgba(213,213,213,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255, 1) 0%,rgba(213,213,213,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255, 1) 0%,rgba(213,213,213,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255, 1) 0%,rgba(213,213,213,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255, 1) 0%,rgba(213,213,213,1) 100%); /* W3C */
border-radius: 0 3px 3px 0;
content: "\e805";
color: #6e6e6c;
border-left: 1px solid #bac8db;
display: block;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffff', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */
font-family: "fontello";
height: 100%;
line-height: 40px;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 40px;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.arrival > .dropdownvalue:after {
content: '\E828';
color: #004070;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownvalue > span {
display: block;
overflow: hidden;
white-space: nowrap;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownvalue > .ui-datepicker {
left: 0;
position: absolute;
top: 42px;
opacity: 0;
-moz-transition: opacity 400ms ease;
-webkit-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
visibility: hidden;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownvalue > .ui-datepicker.active {
opacity: 1;
visibility: visible;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownvalue.single {
background-position: 8px 8px;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownvalue.double {
background-position: 8px -52px;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownvalue.multi {
background-position: 8px -112px;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownvalue.open {
border: 1px solid #004070;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownlist {
background: none repeat scroll 0 0 #ffffff;
border: 1px solid #bac8db;
cursor: pointer;
opacity: 0;
position: absolute;
top: 65px;
visibility: hidden;
width: 100%;
-moz-transition: opacity 400ms ease;
-webkit-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
z-index: 2;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.departure > .dropdownlist {
width: 190px;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownlist2.open {
font-size: 0.88em;
right: 0;
width: 560px;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownlist.open {
opacity: 1;
visibility: visible;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownlist > h3 {
background: #004070 none repeat scroll 0 0;
color: #ffffff;
font-size: 1em;
font-weight: bold;
padding: 10px;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownlist > a {
color: #FFFFFF;
position: absolute;
right: 10px;
top: 3px;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownlist > a:after {
content: "\E829";
font-family: fontello;
font-size: 10px;
font-weight: normal;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownlist > p {
border-top: 1px solid #bac8db;
padding: 5px 15px 5px 10px;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownlist > p.selected,
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownlist > p:hover {
background: #EEF3FA;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.departure > .dropdownlist > p > span {
font-size: 0.85em;
opacity: 0.75;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.rooms > .dropdownlist > p {
background: url("/img/layout/searchandbook.png") no-repeat scroll 10px 8px #ffffff;
padding-left: 45px;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.rooms > .dropdownlist > p:hover,
.cmsSearchandBook > div > .accommodationSearch > form.search > div.rooms > .dropdownlist > p.selected {
background-color: #EEF3FA;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownlist > p.single {
background-position: 10px 8px;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownlist > p.double {
background-position: 10px -52px;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownlist > p.multi {
background-position: 10px -112px;
}
/* MEHRBETT -/Familienzimmer */
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails {
display: none;
margin-top: -20px;
width: 100%;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails.open {
display: block;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails > div.room {
background: #FFFFFF;
border: 1px solid #BAC8DB;
border-radius: 3px;
display: block;
margin: 0 0 5px 0;
padding: 3px 10px 8px 10px;
position: relative;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails > div.room.hide {
height: 0;
overflow: hidden;
padding: 0;
border: none;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails > div.room:after {
clear: both;
content: "";
display: block;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails > div.room > label {
float: left;
margin: 30px 2% 0 0;
width: 13%;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails > div.room > .row {
float: left;
width: 20%;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails > div.room > .row.ages {
float: left;
width: 45%;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails > div.room > .row > label {
display: block;
padding: 3px 0 0 0;
font-size:0.9em;
opacity:0.8;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails > div.room > .row > .field {
border: 1px solid #bac8db;
border-radius: 3px;
color: #21262d;
height: 34px;
padding: 4px 7px;
text-align: right;
width: 60px;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails > div.room > .row.ages {
float: left;
width: 45%;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails > div.room > .row.ages > label.age {
display: none;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails > div.room > .row.ages > label.age.active {
display: block;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails > div.room > .row.ages > div {
float: left;
width: 100%;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails > div.room > .row.ages > div > select {
border: 1px solid #bac8db;
border-radius: 3px;
color: #21262d;
height: 34px;
margin: 0 1% 0 0;
display: none;
width: 24.25%;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails > div.room > .row.ages > div > select:last-child {
margin-right: 0;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails > div.room > .row.ages > div > select.active {
display: inline-block;
}
/* BUTTONS */
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails > .buttons {
padding-top: 8px;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails > .buttons:after {
clear:both;
content:" ";
display:block;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails > .buttons > .add {
background: #c5161d;
border-radius: 3px;
color: #ffffff;
float: left;
font-size: 15px;
font-weight: bold;
line-height: 40px;
margin: 10px 0 10px 10px;
padding: 0 10px 0 30px;
position: relative;
text-transform: uppercase;
-moz-transition: background 400ms ease;
-webkit-transition: background 400ms ease;
-o-transition: background 400ms ease;
transition: background 400ms ease;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails > .buttons > .add:after {
color: #ffffff;
content: '\E81F';
cursor: pointer;
font-family: "Fontello";
font-size: 19px;
font-weight: normal;
left: 10px;
position: absolute;
top: 0px;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails > .buttons > .add:hover {
background: #6b0007;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails > .buttons > a.search {
background: #004070 none repeat scroll 0 0;
border-radius: 3px;
color: #ffffff;
float: right;
font-size: 16px;
font-weight: bold;
line-height: 40px;
padding: 0 20px;
text-transform: uppercase;
-moz-transition: background 400ms ease;
-webkit-transition: background 400ms ease;
-o-transition: background 400ms ease;
transition: background 400ms ease;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails > .buttons > a.search:hover {
background: #013459;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails > .buttons > a.search:after {
color: #ffffff;
content: "\e81e";
display: block;
float: left;
font-family: "fontello";
font-weight: normal;
margin: 0 10px 0 -5px;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails > div.room > a.remove {
display: none;
position: absolute;
right: 10px;
top: 0;
z-index: 2;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails > div.room > a.remove:after {
content: "\E829";
font-family: "fontello";
font-size: 10px;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > a.search {
background: #004070;
border-radius: 3px;
color: #ffffff;
float: right;
font-size: 16px;
font-weight: bold;
line-height: 40px;
margin: 25px 0 0;
padding: 0 20px;
text-transform: uppercase;
-moz-transition: background 400ms ease;
-webkit-transition: background 400ms ease;
-o-transition: background 400ms ease;
transition: background 400ms ease;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > a.search.hide {
display: none;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > a.search:hover {
background: #013459;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > a.search:after {
color: #ffffff;
content: "\e81e";
display: block;
float: left;
font-family: "fontello";
font-weight: normal;
margin: 0 10px 0 -5px;
}
@media all and (max-width: 1100px){
.cmsSearchandBook > div > .accommodationSearch > form.search {
height: auto;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div {
clear: both;
width: 100%;
margin-bottom: 10px;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.rooms {
width: 100%;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownlist2.open {
left: 0;
margin: 0;
right: 0;
width: auto;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > a.search {
margin-bottom: 20px;
margin-top: 0;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails {
margin-top: 0;
}
}
@media all and (max-width: 1000px){
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails > div.room > label {
width: 25%;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails > div.room > .row {
width: 30%;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails > div.room > .row.ages {
width: 100%;
}
}
@media all and (max-width: 900px){
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownlist > div.room > label {
width: 15%;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownlist > div.room > .row.ages {
width: 43%;
}
}
@media all and (max-width: 830px){
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownlist2.open {
left: -24px;
right: -20px;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownlist > div.room > label {
width: 17%;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownlist > div.room > .row {
width: 19%;
}
}
@media all and (max-width: 600px){
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownlist2.open {
left: -13px;
right: -13px;
}
.cmsSearchandBook > div > .accommodationSearch > form.search {
padding-left: 15px;
padding-right: 15px;
}
}
@media all and (max-width: 500px){
.cmsSearchandBook > div > .accommodationSearch > form.search {
margin-left: -15px;
margin-right: -15px;
}
}
@media all and (max-width: 470px){
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownlist {
left: -13px;
margin: 0;
right: -13px;
width: auto;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownlist > div.room > label {
width: 34%;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownlist > div.room > .row {
width: 32%;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownlist > div.room.open {
height: 140px;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownlist > div.room.hide {
height: 0px;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownlist > div.room > .row.ages {
clear: both;
width: 100%;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div > .dropdownlist > .buttons > a.remove.up {
bottom: 175px;
}
}
@media all and (max-width: 400px){
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails > div.room > label {
margin-top: 0;
margin-bottom: 5px;
width: 100%;
}
.cmsSearchandBook > div > .accommodationSearch > form.search > div.persondetails > div.room > .row {
width: 50%;
}
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > div.header > form.sort:after {
clear: both;
content: '';
display: block;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > div.header > form.sort > div.buttons {
float: right;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > div.header > form.sort > div.buttons > a {
background: #FFF;
border: solid 1px #bac8db;
border-radius: 3px;
color: #bac8db;
display: block;
float: left;
font-size: 0.9em;
font-weight: bold;
margin: 0 0 0 5px;
padding: 3px 10px;
text-transform: uppercase;
transition: background-color 0.5s ease;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > div.header > form.sort > div.buttons > a:hover,
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > div.header > form.sort > div.buttons > a.selected {
background: #004070 none repeat scroll 0 0;
border: 1px solid #004070;
color: #fff;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > div.header > form.sort > div.results {
color: #636363;
float: left;
font-size: 0.9em;
padding-top: 6px;
}
@media all and (max-width: 1050px){
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > div.header > form.sort > div.results {
float: none;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > div.header > form.sort > div.buttons {
float: none;
margin: 10px 0 0 0;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > div.header > form.sort > div.buttons > a:first-child {
margin-left: 0;
}
}
@media all and (max-width: 520px){
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > div.header > form.sort > div.buttons > a {
float: none;
margin-left: 0;
margin-top: 5px;
}
}
/* LISTE */
@keyframes changebackground {
from {
background: #2d343e;
}
to {
background: #777777;
}
}
.cmsSearchandBook > div > .accommodationList {
position: relative;
}
.cmsSearchandBook > div > .accommodationList:after {
clear: both;
content: '';
display: block;
}
.cmsSearchandBook > div > .accommodationList > div.loading {
background: rgba( 255, 255, 255, 0.8);
display: block;
height: 100%;
left: -25px;
position: absolute;
right: -25px;
text-align: center;
width: auto;
z-index: 2000;
}
.cmsSearchandBook > div > .accommodationList > div.loading.disabled {
display:none;
}
.cmsSearchandBook > div > .accommodationList > div.loading > div {
background:#2d343e;
padding:20px;
animation-duration: 4s;
animation-name: changebackground;
animation-iteration-count: infinite;
animation-direction: alternate;
}
.cmsSearchandBook > div > .accommodationList > div.loading > div > div.img {
display:block;
margin-top:20px;
}
.cmsSearchandBook > div > .accommodationList > div.loading > div > label {
color:#FFF;
display:block;
}
/* NORESULT */
.cmsSearchandBook > div > .accommodationList > h2 {
color: #027aac;
font-size: 30px;
font-weight: normal;
margin: 0 0 20px;
}
.cmsSearchandBook > div > .accommodationList > div.noResult {
background: #eef3fa none repeat scroll 0 0;
border-bottom: 1px solid #bac8db;
margin: 0 -25px;
padding: 30px;
}
.cmsSearchandBook > div > .accommodationList > div.noResult > h3 {
color: #c31622;
font-size: 26px;
font-weight: 300;
margin: 10px 0;
}
.cmsSearchandBook > div > .accommodationList > div.noResult > p {
clear: both;
font-weight: normal;
margin: 5px 30px 10px 0;
}
.cmsSearchandBook > div > .accommodationList > div.noResult > a {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #8b96a4;
border-radius: 3px;
color: #8b96a4;
display: inline-block;
font-size: 15px;
margin: 0 1% 1% 0;
padding: 2px 7px;
text-align: center;
width: 24.25%;
-webkit-transition: background 400ms ease 0s, color 400ms ease 0s, border 400ms ease 0s;
-o-transition: background 400ms ease 0s, color 400ms ease 0s, border 400ms ease 0s;
-ms-transition: background 400ms ease 0s, color 400ms ease 0s, border 400ms ease 0s;
-moz-transition: background 400ms ease 0s, color 400ms ease 0s, border 400ms ease 0s;
transition: background 400ms ease 0s, color 400ms ease 0s, border 400ms ease 0s;
}
.cmsSearchandBook > div > .accommodationList > div.noResult > a:last-child {
margin-right: 0;
}
.cmsSearchandBook > div > .accommodationList > div.noResult > a:hover {
background: #004070 none repeat scroll 0 0;
border-color: #004070;
color: #ffffff;
}
.cmsSearchandBook > div > .accommodationList > div.noResult > a > span {
color: #9eaaba;
display: block;
font-size: 0.9em;
}
.cmsSearchandBook > div > .accommodationList > div.noResult > a:hover > span {
color: #d0d0d0;
-webkit-transition: color 400ms ease 0s;
-o-transition: color 400ms ease 0s;
-ms-transition: color 400ms ease 0s;
-moz-transition: color 400ms ease 0s;
transition: color 400ms ease 0s;
}
.cmsSearchandBook > div > .accommodationList > div.noResult:after {
clear:both;
content:" ";
display:block;
}
.cmsSearchandBook > div > .accommodationList > div.noResult > div.filter {
display: block;
margin: 10px 0;
}
.cmsSearchandBook > div > .accommodationList > div.noResult > div.filter:after {
clear: both;
content: "";
display: block;
}
.cmsSearchandBook > div > .accommodationList > div.noResult > div.filter > span {
clear: both;
color: #404040;
display: block;
font-weight: bold;
margin: 10px 0 5px;
}
.cmsSearchandBook > div > .accommodationList > div.noResult > div.filter > a.remove {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #8b96a4;
border-radius: 3px;
color: #8b96a4;
float: left;
font-size: 15px;
margin: 0 2px 2px 0;
padding: 2px 25px 2px 9px;
position: relative;
-webkit-transition: background 400ms ease 0s, color 400ms ease 0s, border 400ms ease 0s;
-o-transition: background 400ms ease 0s, color 400ms ease 0s, border 400ms ease 0s;
-ms-transition: background 400ms ease 0s, color 400ms ease 0s, border 400ms ease 0s;
-moz-transition: background 400ms ease 0s, color 400ms ease 0s, border 400ms ease 0s;
transition: background 400ms ease 0s, color 400ms ease 0s, border 400ms ease 0s;
}
.cmsSearchandBook > div > .accommodationList > div.noResult > div.filter > a.remove:hover {
background: #004070 none repeat scroll 0 0;
border-color: #004070;
color: #ffffff;
}
.cmsSearchandBook > div > .accommodationList > div.noResult > div.filter > a.remove:after {
content: "\E829";
font-family: fontello;
font-size: 12px;
font-weight: normal;
padding: 0 0 0 5px;
position: absolute;
top: 4px;
}
/* HOTELS */
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist:after {
clear: both;
content: "";
display: block;
}
/* HEADER */
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > div.header {
padding: 10px 0 20px 0;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > div.header:after {
clear: both;
content: "";
display: block;
}
/* HOTEL */
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article {
background: #eef3fa;
float: left;
margin: 0 6% 6% 0;
min-height: 412px;
position: relative;
width: 47%;
-moz-transition: background 400ms ease;
-webkit-transition: background 400ms ease;
-o-transition: background 400ms ease;
transition: background 400ms ease;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article:nth-of-type(2n) {
margin-right: 0;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article:nth-of-type(2n+1) {
clear: both;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.rating {
background: rgba(0, 0, 0, 0) url("/img/layout/searchandbook.png") repeat scroll 0 -180px;
color: #ffffff;
font-size: 18px;
height: 63px;
left: 0px;
padding: 4px 11px;
position: absolute;
top: 0px;
width: 45px;
z-index: 1;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.rating > span {
font-size: 22px;
font-weight: 700;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.rating:after {
background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
content: url("/img/layout/trustyou.png");
display: block;
height: 42px;
left: 43px;
padding: 4px 8px;
position: absolute;
top: 0;
width: 72px;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.image {
display: block;
height: 185px;
overflow: hidden;
position: relative;
width: 100%
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.image > div.images {
height: 100%;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.image > div.images > .owl-wrapper-outer {
height: 100%;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.image > div.images > .owl-wrapper-outer > .owl-wrapper {
height: 100%;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.image > div.images > .owl-wrapper-outer > .owl-wrapper > .owl-item {
height: 100%;
position: relative;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.image > div.images > .owl-wrapper-outer > .owl-wrapper > .owl-item > img {
display: block;
min-height: 100%;
margin: 0 auto;
min-width: 100%;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.image > div.images > .owl-controls {
background: none;
position: absolute;
top: 0;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.image > div.images > .owl-controls > .owl-pagination {
display: none;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.image > div.images > .owl-controls > .owl-buttons > .owl-prev {
color: #ffffff;
left: 15px;
opacity: 0.75;
position: absolute;
top: 61px;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.image > div.images > .owl-controls > .owl-buttons > .owl-prev:before {
content: "\E806";
display: block;
font-family: "fontello-shoppingcart";
font-size: 40px;
font-weight: 300;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.image > div.images > .owl-controls > .owl-buttons > .owl-next {
color: #ffffff;
opacity: 0.75;
position: absolute;
right: 15px;
top: 61px;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.image > div.images > .owl-controls > .owl-buttons > .owl-next:before {
content: "\E808";
display: block;
font-family: "fontello-shoppingcart";
font-size: 40px;
font-weight: 300;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.image > div.images > .owl-controls > .owl-buttons .owl-prev:hover,
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.image > div.images > .owl-controls > .owl-buttons .owl-next:hover {
opacity: 0.9;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.image > div.price {
background: none repeat scroll 0 0 #c61420;
bottom: 0;
color: #ffffff;
font-size: 16px;
right: 0;
padding:2px 10px 2px 10px;
position: absolute;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.image > div.price > span {
font-size: 22px;
font-weight: 700;
padding: 0 0 0 5px;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.content {
padding: 5px 15px 35px 15px;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.content > h2 {
color: #004070;
display: block;
font-size: 22px;
font-weight: 500;
overflow: hidden;
padding: 5px 0 10px 0;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.content > h2 > img {
position:absolute;
margin-left:5px;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.content > p {
border-top: 1px solid #bac8db;
color: #595c62;
font-size: 16px;
overflow: hidden;
padding: 4px 0;
text-overflow: ellipsis;
white-space: nowrap;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.content > p.category {
/*background: rgba(0, 0, 0, 0) url("/img/layout/searchandbook.png") no-repeat scroll 3px -432px;*/
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.content > p.meal {
/*background: rgba(0, 0, 0, 0) url("/img/layout/searchandbook.png") no-repeat scroll 5px -534px;*/
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.content > .availability {
border-top: medium none;
bottom: 16px;
clear: both;
color: #5cb85c;
font-size: 16px;
font-weight: bold;
position: absolute;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.content > a {
background: none repeat scroll 0 0 #004070;
border-radius: 3px;
bottom: 15px;
color: #ffffff;
display: block;
font-size: 16px;
font-weight: 700;
padding: 4px 15px;
position: absolute;
right: 15px;
text-align: center;
text-transform: uppercase;
width: auto;
-moz-transition: background 400ms ease;
-webkit-transition: background 400ms ease;
-o-transition: background 400ms ease;
transition: background 400ms ease;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.content > a:hover {
background: #013459;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.products {
display:none;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > div.loading {
clear: both;
position:relative;
margin-bottom:-25px;
margin-left:-25px;
margin-right:-25px;
text-align: center;
width:auto;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > div.loading > div {
animation-duration: 4s;
animation-name: changebackground;
animation-iteration-count: infinite;
animation-direction: alternate;
background:#2d343e;
padding:20px;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > div.loading > div > div.img {
display:block;
margin-top:20px;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > div.loading > div > label {
color:#FFF;
display:block;
}
@media all and (max-width: 1190px){
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.content {
padding-bottom: 50px;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.content > .availability {
border-top: 1px solid #bac8db;
position: inherit;
}
}
@media all and (max-width: 1100px){
.cmsSearchandBook > div > .accommodationList > div.noResult > a {
width: 49%;
}
.cmsSearchandBook > div > .accommodationList > div.noResult > a:last-of-type {
margin-right: 1%;
}
}
@media all and (max-width: 1000px){
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article {
float: left;
margin: 0 3.5% 3.5% 0;
width: 48.25%;
}
}
@media all and (max-width: 960px){
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article {
clear: both;
float: none;
margin-right: 0;
width: 100%;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.content {
padding-bottom: 35px;
}
}
@media all and (max-width: 750px){
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article {
clear: none;
float: left;
margin-right: 3.5%;
width: 48.25%;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.content {
padding-bottom: 50px;
}
}
@media all and (max-width: 610px){
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article {
clear: both;
float: none;
margin-bottom: 20px;
margin-right: 0;
width: 100%;
}
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.content {
padding-bottom: 35px;
}
}
@media all and (max-width: 600px){
.cmsSearchandBook > div > .accommodationList {
padding-left: 0;
padding-right: 0;
}
.cmsSearchandBook > div > .accommodationList > div.noResult {
padding-left: 15px;
padding-right: 15px;
}
}
@media all and (max-width: 500px){
.cmsSearchandBook > div > .accommodationList > div.noResult {
margin-left: -15px;
margin-right: -15px;
}
.cmsSearchandBook > div > .accommodationList > div.loading {
left: -15px;
right: -15px;
}
}
@media all and (max-width: 400px){
.cmsSearchandBook > div > .accommodationList > div.noResult > a {
width: 100%;
}
}
@media all and (max-width: 400px){
.cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.content {
padding-bottom: 50px;
}
}
.accommodationDetail {
margin: 50px 0 0 0;
position: relative;
}
.accommodationDetail.show {
left: 0;
}
.accommodationDetail > div.menu {
color: #ffffff;
height: 0;
left: 0;
overflow: hidden;
padding: 0 15px;
position: fixed;
top: 78px;
width: 100%;
z-index: 1;
-webkit-transition: height 500ms ease 0s;
-o-transition: height 500ms ease 0s;
-ms-transition: height 500ms ease 0s;
-moz-transition: height 500ms ease 0s;
transition: height 500ms ease 0s;
}
.accommodationDetail > div.menu.show {
height: 50px;
}
.accommodationDetail > div.menu.closed {
height: 0;
}
.accommodationDetail > div.menu > div {
background: #004070 none repeat scroll 0 0;
line-height: 50px;
margin: 0 auto;
max-width: 1200px;
position: relative;
}
.accommodationDetail > div.menu > div > h3 {
cursor: pointer;
float: left;
padding: 11px 20px 15px;
}
.accommodationDetail > div.menu > div > h3:hover {
background: rgba(255, 255, 255, 0.3);
}
.accommodationDetail > div.menu > div > h3:before {
content: "\E84E";
font-family: "fontello-shoppingcart";
margin: 0 10px 0 0;
}
.accommodationDetail > div.menu > div > span {
cursor: pointer;
padding: 13px 25px;
position: relative;
}
.accommodationDetail > div.menu > div > span.rating {
display: none;
padding-left: 50px;
}
.accommodationDetail > div.menu > div > span:hover,
.accommodationDetail > div.menu > div > span.selected {
background: rgba(255, 255, 255, 0.3);
}
.accommodationDetail > div.menu > div > span:before {
font-family: "fontello";
margin: 0 10px 0 0;
}
.accommodationDetail > div.menu > div > span.offer {
padding-left: 50px;
}
.accommodationDetail > div.menu > div > span.offer:before {
content: "\E800";
left: 25px;
position: absolute;
top: -2px;
}
.accommodationDetail > div.menu > div > span.image {
padding-left: 50px;
}
.accommodationDetail > div.menu > div > span.image:before {
content: "\E800";
font-family: "fontello-shoppingcart";
left: 25px;
position: absolute;
top: -1px;
}
.accommodationDetail > div.menu > div > span.impress:before {
content: "\E81B";
}
.accommodationDetail > div.menu > div > span.rating:before {
content: "\E809";
left: 25px;
position: absolute;
top: -1px;
}
.accommodationDetail > div.menu > div > a {
color: #ffffff;
position: absolute;
right: 20px;
}
.accommodationDetail > div.menu > div > a:before {
content: "\E829";
font-family: "fontello";
}
.accommodationDetail > h1 {
margin:0;
padding: 0 35px 0 0;
position: relative;
word-wrap: break-word;
}
.accommodationDetail > p.description {
margin: 0 0 15px 0;
max-height: 150px;
overflow: hidden;
position: relative;
}
.accommodationDetail > h1 > img {
position:absolute;
margin-left:5px;
}
.accommodationDetail > h1.cms + h2.cms {
color: #000000;
margin-top: 0;
}
.accommodationDetail > h2 {
color: #c31622;
font-weight: 300;
margin:0 0 20px 0;
padding: 0;
}
.accommodationDetail > p.description {
margin-bottom:20px;
}
/* CLOSE */
.accommodationDetail > .triggerClose {
cursor: pointer;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.accommodationDetail > .triggerClose:before {
content: '\E829';
font-family: 'fontello';
font-size: 30px;
}
.accommodationDetail > .triggerClose:hover:before {
color: #C31622;
}
.accommodationDetail > .triggerCloseButton {
background: #004070;
border-radius: 3px;
cursor: pointer;
color: #ffffff;
float: right;
font-size: 16px;
font-weight: bold;
line-height: 40px;
margin-bottom: 20px;
margin-top: 30px;
padding: 0 20px 0 20px;
position: relative;
text-transform: uppercase;
-webkittransition: background 300ms ease-in 0s;
-o-transition: background 300ms ease-in 0s;
-ms-transition: background 300ms ease-in 0s;
-moz-transition: background 300ms ease-in 0s;
transition: background 300ms ease-in 0s;
}
.accommodationDetail > .triggerCloseButton:hover {
background: #013459;
}
.accommodationDetail > .triggerTopButton {
clear:both;
background: #c31622;
border-radius: 3px;
cursor: pointer;
color: #ffffff;
float: left;
font-size: 16px;
font-weight: bold;
line-height: 40px;
margin-bottom: 20px;
margin-top: 30px;
padding: 0 20px 0 10px;
position: relative;
text-transform: uppercase;
-webkittransition: background 300ms ease-in 0s;
-o-transition: background 300ms ease-in 0s;
-ms-transition: background 300ms ease-in 0s;
-moz-transition: background 300ms ease-in 0s;
transition: background 300ms ease-in 0s;
}
.accommodationDetail > .triggerTopButton:hover {
background: #6b0007;
}
.accommodationDetail > .triggerTopButton:before {
content: "\e815";
display: block;
float: left;
font-family: "Fontello";
font-size: 20px;
font-style: normal;
font-weight: normal;
height: 20px;
line-height: 32px;
margin: 3px 5px 0 0;
text-align: center;
width: 16px;
}
/* GALLERY */
.accommodationDetail > div.gallery {
background: #2d343e;
margin-left:-50px;
margin-right:-50px;
margin-bottom:30px;
position: relative;
}
.accommodationDetail > div.gallery > div.images {
padding:20px;
}
.accommodationDetail > div.gallery > div.images div.item {
text-align: center;
}
.accommodationDetail > div.gallery > div.images div.item > a > img {
display: inline-block;
max-height: 400px;
max-width: 100%;
}
.accommodationDetail > div.gallery > div.images .owl-controls {
background:none;
top: 50%;
position: absolute;
}
.accommodationDetail > div.gallery > div.images .owl-wrapper-outer owl-wrapper {
background: #2d343e;
}
.accommodationDetail > div.gallery > div.images .owl-wrapper-outer .owl-item {
background: #2d343e;
}
.accommodationDetail > div.gallery > div.thumbnails .owl-wrapper-outer owl-wrapper {
background: #2d343e;
}
.accommodationDetail > div.gallery > div.thumbnails .owl-wrapper-outer .owl-item {
background: #2d343e;
}
.accommodationDetail > div.gallery > div.images .owl-controls .owl-buttons .owl-prev {
background: url("/img/layout/searchandbook.png") repeat scroll 0 -300px rgba(0, 0, 0, 0);
color: #ffffff;
height: 60px;
position: absolute;
width: 31px;
opacity: 0.5;
}
.accommodationDetail > div.gallery > div.images .owl-controls .owl-buttons .owl-next {
background: url("/img/layout/searchandbook.png") repeat scroll 0 -360px rgba(0, 0, 0, 0);
color: #ffffff;
height: 60px;
margin-right: 20px;
position: absolute;
right: 20px;
width: 31px;
opacity: 0.5;
}
.accommodationDetail > div.gallery > div.images .owl-controls .owl-buttons .owl-prev:hover,
.accommodationDetail > div.gallery > div.images .owl-controls .owl-buttons .owl-next:hover {
opacity: 0.8;
}
.accommodationDetail > div.gallery > div.thumbnails {
background:#2d343e ;
padding:4px;
}
.accommodationDetail > div.gallery > div.thumbnails .owl-item div.item {
cursor: pointer;
margin:2px;
opacity: 0.5;
max-width:120px !important;
}
.accommodationDetail > div.gallery > div.thumbnails .owl-item div.item:hover,
.accommodationDetail > div.gallery > div.thumbnails .owl-item.synced div.item {
opacity: 1;
}
.accommodationDetail > div.gallery > div.thumbnails .owl-item div.item > img {
display: block;
width: 100%;
max-width:120px;
}
/* KONTAKT */
.accommodationDetail > div.map {
float:left;
height:200px;
width:25%;
background: #eef3fa none repeat scroll 0 0;
float: left;
height: 350px;
padding: 5px;
width: 100%;
position:relative;
}
.accommodationDetail > div.map > div {
width:100%;
height:100%;
}
.accommodationDetail > div.address {
background: #eef3fa none repeat scroll 0 0;
float: left;
padding: 20px;
width: 100%;
}
.accommodationDetail > div.address > h3 {
color: #000;
font-size:1em;
font-weight: bold;
margin-bottom:5px;
}
.accommodationDetail > div.address > p.address > span {
display: block;
}
.accommodationDetail > div.address > p.contact {
margin-top:15px;
}
.accommodationDetail > div.address > p.contact > span {
display: block;
}
.accommodationDetail.show > p.description {
clear: both;
padding: 10px 0 0;
margin-bottom:30px;
}
/* FACILITIES */
.accommodationDetail > div.facilities {
float: left;
padding: 20px;
width: 50%;
}
.accommodationDetail > div.facilities > h3 {
color: #000;
font-size:1em;
font-weight: bold;
margin-bottom:5px;
}
.accommodationDetail > div.facilities > ul > li:before {
color:#c31622;
content: "\e818";
font-family: "fontello-shoppingcart";
font-size: 14px;
font-weight:normal;
height: 18px;
line-height: 16px;
margin-right:5px;
}
/* BEWERTUNG */
.accommodationDetail > div.rating {
clear:both;
padding-top:20px;
padding-bottom:20px;
}
.accommodationDetail > div.rating > h2 {
color: #c31622;
font-weight: 300;
margin: 0 0 20px;
padding: 0;
}
.accommodationDetail > div.rating > div.reviews > div.review {
padding-bottom:10px;
margin-bottom:10px;
border-bottom: 1px solid #eef3fa;
}
.accommodationDetail > div.rating > div.reviews > div.review:after {
clear:both;
content:" ";
display:block;
}
.accommodationDetail > div.rating > div.reviews > div.review > div.score {
width:25%;
float:left;
}
.accommodationDetail > div.rating > div.reviews > div.review > div.score > div.rating > span {
color:#119A11;
font-size:30px;
font-weight:bold;
}
.accommodationDetail > div.rating > div.reviews > div.review > div.score > div.stars {
background: url("/img/layout/ratingStarsLow.png") no-repeat scroll 0 0;
width:100px;
height:20px;
}
.accommodationDetail > div.rating > div.reviews > div.review > div.score > div.stars > span {
background: url("/img/layout/ratingStarsHigh.png") no-repeat scroll 0 0;
display:block;
width:100px;
height:20px;
}
.accommodationDetail > div.rating > div.reviews > div.review > div.text {
float:left;
width:75%;
}
.accommodationDetail > div.rating > div.reviews > div.review > div.text > div.title {
font-weight:bold;
margin-bottom:5px;
}
.accommodationDetail > div.rating > div.reviews > div.review > div.text > p {
font-size:0.9em;
margin-bottom:5px;
}
.accommodationDetail > div.rating > div.reviews > div.review > div.text > div.info {
padding-top:5px;
font-size:0.9em;
opacity:0.5;
}
.accommodationDetail > div.rating > div.reviews > div.review > div.text > div.tags > span {
background: #2d343e none repeat scroll 0 0;
border-radius: 4px;
color: #ffffff;
display: inline-block;
font-size: 14px;
font-weight: bold;
line-height: 1;
margin-right: 5px;
padding: 4px 10px 5px;
vertical-align: baseline;
}
@media all and (max-width: 950px) {
.accommodationDetail > div.map {
width: 100%;
}
.accommodationDetail > div.address {
min-height: 0;
width: 100%;
}
.accommodationDetail > div.facilities {
min-height: auto;
width: 50%;
}
.accommodationDetail > div.facilities.location {
clear: both;
}
}
@media all and (max-width: 800px) {
.accommodationDetail > div.menu {
padding-left: 0;
padding-right: 0;
top: 0;
}
.accommodationDetail > div.menu > div > span {
padding-left: 15px;
padding-right: 15px;
}
.accommodationDetail > div.gallery {
margin-left: -20px;
margin-right: -20px;
}
.accommodationDetail > div.gallery > div.images .owl-controls .owl-buttons .owl-prev {
left: 0px;
}
.accommodationDetail > div.gallery > div.images .owl-controls .owl-buttons .owl-next {
right: 15px;
}
}
@media all and (max-width: 680px) {
.accommodationDetail > div.menu {
display: none;
}
}
@media all and (max-width: 640px) {
.accommodationDetail > div.rating > div.reviews > div.review > div.score {
width: 100%;
}
.accommodationDetail > div.rating > div.reviews > div.review > div.text {
margin: 10px 0 0 0;
width: 100%;
}
}
@media all and (max-width: 490px) {
.accommodationDetail > div.map {
width: 100%;
}
.accommodationDetail > div.address {
min-height: 0;
width: 100%;
}
.accommodationDetail > div.facilities {
padding-left: 0;
padding-right: 0;
width: 100%;
}
}
.accommodationDetail > div.offers {
position:relative;
}
.accommodationDetail > div.offers {
border-top: 1px solid #eef3fa;
min-height:110px;
margin-left:-50px;
margin-right:-50px;
}
.accommodationDetail > div.offers:after {
display:block;
clear:both;
content:" ";
}
.accommodationDetail > div.offers > h2 {
color:#c31622;
font-weight: 300;
margin-top:20px;
margin-bottom:20px;
padding-left:50px;
padding-right:50px;
}
/* Preloader */
.accommodationDetail > div.offers > div.loading {
background: rgba( 255, 255, 255, 0.8);
display: block;
height: 100%;
position: absolute;
text-align: center;
width: 100%;
z-index: 2000;
}
.accommodationDetail > div.offers > div.loading.disabled {
display:none;
}
.accommodationDetail > div.offers > div.loading > div {
background:#2d343e;
padding:20px;
animation-duration: 4s;
animation-name: changebackground;
animation-iteration-count: infinite;
animation-direction: alternate;
}
.accommodationDetail > div.offers > div.loading > div > div.img {
display:block;
margin-top:20px;
}
.accommodationDetail > div.offers > div.loading > div > label {
color:#FFF;
display:block;
}
/* Angebote - Zimmer */
.accommodationDetail > div.offers > form.offers {
padding-left:50px;
padding-right:50px;
}
.accommodationDetail > div.offers > form.offers > div.noResult {
background: #fff;
padding:20px;
position:relative;
margin-bottom:30px;
border: solid 1px #e8e8e8;
font-weight:normal;
color: #de0613;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.accommodationDetail > div.offers > form.offers > div.head {
background: #e0e0e0;
padding: 6px 8px 5px 6px;
}
.accommodationDetail > div.offers > form.offers > div.head > span {
float:left;
display:block;
padding-top: 2px;
}
.accommodationDetail > div.offers > form.offers > div.offer {
background: #eef3fa;
border-bottom: solid 1px #b2c6d7;
margin-bottom: 1px;
min-height: 205px;
padding: 20px;
position: relative;
}
.accommodationDetail > div.offers > form.offers > div.offer.selected {
background:#F0F7DB;
border-bottom: solid 1px #CAE8C0;
}
.accommodationDetail > div.offers > form.offers > div.offer > input.radio {
position:absolute;
margin-left:-10000px;
}
.accommodationDetail > div.offers > form.offers > div.offer > h4 {
font-weight:normal;
font-size:24px;
margin-bottom:5px;
color: #2d343e;
padding: 0 140px 0 0;
}
.accommodationDetail > div.offers > form.offers > div.offer > ul.selection {
position:relative;
display:block;
margin-bottom:20px;
padding: 0 140px 0 0;
width:75%;
}
.accommodationDetail > div.offers > form.offers > div.offer > ul.selection > li {
margin-right:5px;
color:#FFF;
background:#2d343e;
padding:5px 10px 6px 10px;
line-height:1;
font-size:14px;
font-weight:bold;
display:inline-block;
vertical-align:baseline;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.accommodationDetail > div.offers > form.offers > div.offer > div.price {
float:right;
margin-top: -90px;
text-align:right;
z-index:2;
}
.accommodationDetail > div.offers > form.offers > div.offer > div.price > div.total {
margin-top:2px;
margin-right:10px;
text-align:right;
}
.accommodationDetail > div.offers > form.offers > div.offer > div.price > div.total:after {
clear:both;
display:block;
content:" ";
}
.accommodationDetail > div.offers > form.offers > div.offer > div.price > div.total.loading {
opacity:0.5;
}
.accommodationDetail > div.offers > form.offers > div.offer > div.price > div.total > span.big {
font-size:30px;
font-weight:bold;
color:#c31622;
}
.accommodationDetail > div.offers > form.offers > div.offer > div.price > select.catering {
border: 1px solid #bac8db;
border-radius: 3px;
display: block;
float: right;
font-size: 0.9em;
margin-left: 5px;
margin-bottom: 10px;
padding: 3px;
}
/* Verfügbarkeit */
.accommodationDetail > div.offers > form.offers > div.offer > div.price > div.availability {
clear:both;
color:#5CB85C;
text-align:right;
font-weight:bold;
display:block;
font-size:14px ;
}
/* Verfügbarkeit */
.accommodationDetail > div.offers > form.offers > div.offer > div.price > div.cancellation {
clear:both;
display:block;
text-align:right;
position:relative;
}
.accommodationDetail > div.offers > form.offers > div.offer > div.price > div.cancellation > span {
color:#c31622;
cursor:pointer;
text-align:right;
font-weight:bold;
display:block;
font-size:14px;
}
.accommodationDetail > div.offers > form.offers > div.offer > div.price > div.cancellation > span:before {
color:#c31622;
content: "\e83a";
font-family: "fontello-shoppingcart";
font-size: 16px;
height: 16px;
line-height: 16px;
margin: 5px 5px 0 0;
text-align: center;
width: 16px;
}
.accommodationDetail > div.offers > form.offers > div.offer > div.price > div.cancellation > p {
background: #FFFFFF;
box-shadow: 0 0 5px 0 #cecece;
display: none;
font-weight: 300;
font-size:0.9em;
left: 0;
padding: 7px;
position: absolute;
top: 28px;
width: 250px;
text-align:left;
z-index: 1;
}
.accommodationDetail > div.offers > form.offers > div.offer > div.price > div.cancellation > p:after {
background: #FFFFFF;
box-shadow: -3px -3px 5px 0 #cecece;
content: "";
height: 10px;
left: 50%;
position: absolute;
top: -5px;
-webkit-transform: rotate(45deg);
-moz-transition: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transition: rotate(45deg);
transform: rotate(45deg);
width: 10px;
z-index: 0;
}
.accommodationDetail > div.offers > form.offers > div.offer:after {
clear: both;
content: "";
display: block;
}
/* Product */
.accommodationDetail > div.offers > form.offers > div.offer > div.product {
font-size:0.9em;
width:75%;
}
.accommodationDetail > div.offers > form.offers > div.offer > div.product > div.images {
width:120px;
height:80px;
float: left;
margin: 0 14px 25px 0;
position:relative;
}
.accommodationDetail > div.offers > form.offers > div.offer > div.product > div.images img {
width:120px;
height:80px;
}
.accommodationDetail > div.offers > form.offers > div.offer > div.product > div.images .owl-controls {
background:none;
text-align:left;
padding:0;
margin-top:-10px;
}
.accommodationDetail > div.offers > form.offers > div.offer > div.product > div.images .owl-controls .owl-page span {
background:#2d343e ;
margin:0 5px 0 0;
width:10px;
height:5px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.accommodationDetail > div.offers > form.offers > div.offer > div.product > div.images .owl-controls .owl-page.active span {
background:#c31622;
}
.accommodationDetail > div.offers > form.offers > div.offer > div.product > p.facilities {
display:none;
}
.accommodationDetail > div.offers > form.offers > div.offer > div.product > div.buttons {
position:absolute;
bottom:0;
right:0;
}
.accommodationDetail > div.offers > form.offers > div.offer > div.product > div.buttons > a.book {
background: #c31622 none repeat scroll 0 0;
border-radius: 3px;
bottom: 15px;
color: #ffffff;
display: block;
font-size: 15px;
font-weight: 700;
line-height: 30px;
padding: 5px 12px;
position: absolute;
right: 15px;
text-align: center;
text-transform: uppercase;
-o-transition: background 400ms ease 0s;
-webkit-transition: background 400ms ease 0s;
-ms-transition: background 400ms ease 0s;
-moz-transition: background 400ms ease 0s;
transition: background 400ms ease 0s;
width: 170px;
}
.accommodationDetail > div.offers > form.offers > div.offer > div.product > div.buttons > a.book:before {
content: "\E80D";
float: left;
font-family: "fontello-shoppingcart";
margin: 0 4px 0 0;
}
.accommodationDetail > div.offers > form.offers > div.offer > div.product > div.buttons > a.book:hover {
background:#5cb85c;
}
.accommodationDetail > div.offers > form.offers > div.offer.selected > div.product > div.buttons > a.book {
background:#5cb85c;
}
/*.accommodationDetail > div.offers > form.offers > div.offer > div.product > div.buttons > a.book:before {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #b4bdc2;
color:#2d343e;
content: "";
display: block;
float: left;
font-family: "fontello-shoppingcart";
font-size: 14px;
font-weight:normal;
height: 18px;
left: 8px;
line-height: 16px;
margin: 3px 0 0;
position: absolute;
text-align: center;
width: 18px;
}
.accommodationDetail > div.offers > form.offers > div.offer > div.product > div.buttons > a.book:hover {
background:#C31622;
}
.accommodationDetail > div.offers > form.offers > div.offer.selected > div.product > div.buttons > a.book:before {
content: "\e818";
}*/
/* Total */
.accommodationDetail > div.offers > form.offers > div.total {
margin-top:20px;
margin-bottom:20px;
}
.accommodationDetail > div.offers > form.offers > div.total:after {
clear:both;
content:" ";
display:block;
}
.accommodationDetail > div.offers > form.offers > div.total > div.info {
margin-top:10px;
float:left;
}
.accommodationDetail > div.offers > form.offers > div.total > div.info > label {
display:block;
padding-left:20px;
}
.accommodationDetail > div.offers > form.offers > div.total > div.info > a.more {
opacity: 1;
}
.accommodationDetail > div.offers > form.offers > div.total > div.info > a.more.hide {
opacity: 0;
}
.accommodationDetail > div.offers > form.offers > div.total > div.info > a.more:before {
content: "\e815";
display: block;
float: left;
font-family: "Fontello";
font-size: 20px;
font-style: normal;
font-weight: normal;
height: 20px;
line-height: 20px;
margin: 3px 5px 0 0;
text-align: center;
width: 16px;
}
.accommodationDetail > div.offers > form.offers > div.total > div.info > a.more.hide:before {
opacity: 0;
}
.accommodationDetail > div.offers > form.offers > div.total > div.price {
float:right;
}
.accommodationDetail > div.offers > form.offers > div.total.disabled > div.price {
display:none;
}
.accommodationDetail > div.offers > form.offers > div.total > div.price > label {
margin-top: 13px;
margin-right: 5px;
float: left;
}
.accommodationDetail > div.offers > form.offers > div.total > div.price > div.price {
float:left;
}
.accommodationDetail > div.offers > form.offers > div.total > div.price > div.price > span.big {
font-size: 30px;
font-weight: bold;
color: #c31622;
}
.accommodationDetail > div.offers > form.offers > div.total > div.buttons {
clear:both;
float:right;
}
.accommodationDetail > div.offers > form.offers > div.total.disabled > div.buttons {
display:none;
}
.accommodationDetail > div.offers > form.offers > div.total > div.buttons > a.book {
background: #5cb85c none repeat scroll 0 0;
border-radius: 3px;
bottom: 15px;
color: #ffffff;
display: block;
float:right;
font-size: 16px;
font-weight: 700;
line-height: 40px;
padding: 0 15px;
text-align: center;
text-transform: uppercase;
transition: background 400ms ease 0s;
margin-top:-15px;
width: auto;
}
.accommodationDetail.noEmail > div.offers > form.offers > div.total > div.buttons > a.request {
display: none;
}
.accommodationDetail > div.offers > form.offers > div.total > div.buttons > a.book:hover {
background: #5cb85c none repeat scroll 0 0;
}
@media all and (max-width: 800px) {
.accommodationDetail > div.offers > form.offers > div.offer > div.price > div.cancellation > p {
left: auto;
right: 0;
}
}
@media all and (max-width: 550px) {
.accommodationDetail > div.offers > form.offers > div.offer > div.product {
clear: both;
padding: 10px 0 55px;
width: 100%;
}
}
@media all and (max-width: 490px) {
.accommodationDetail > div.offers > form.offers > div.offer > ul.selection {
margin-bottom: 20px;
padding-right: 0;
}
.accommodationDetail > div.offers > form.offers > div.offer > div.price {
float: none;
margin-top: 0;
}
.accommodationDetail > div.offers > form.offers > div.offer > div.price > div.total {
position: absolute;
right: 15px;
top: 10px;
}
.accommodationDetail > div.offers > form.offers > div.offer > div.price > select.catering {
float: left;
margin-left: 0;
}
.accommodationDetail > div.offers > form.offers > div.offer > div.price > div.cancellation {
clear: none;
}
.accommodationDetail > div.offers > form.offers > div.offer > div.price > div.availability {
text-align: left;
}
}
@media all and (max-width: 430px) {
.accommodationDetail > div.offers > form.offers > div.total > div.info {
float: none;
}
.accommodationDetail > div.offers > form.offers > div.total > div.price {
float: none;
padding-left: 20px;
}
.accommodationDetail > div.offers > form.offers > div.total > div.buttons {
float: none;
text-align: center;
width: 100%;
}
.accommodationDetail > div.offers > form.offers > div.total > div.buttons > a.book {
float: none;
}
}
@media all and (max-width: 400px) {
.accommodationDetail > div.offers > form.offers > div.offer > div.price > div.cancellation {
clear: both;
text-align: left;
}
.accommodationDetail > div.offers > form.offers > div.offer > div.price > div.cancellation > span {
text-align: left;
}
.accommodationDetail > div.offers > form.offers > div.offer > div.price > div.cancellation > p {
left: 0;
right: auto;
}
.accommodationDetail > div.offers > form.offers > div.offer > div.product > .description {
clear: both;
}
}
/* Suchen und Buchen - Filter */
.accommodationFilter {
background: #ffffff none repeat scroll 0 0;
clear: both;
margin: 0 -26px 0 -30px;
padding: 0 30px 0px 30px;
}
.accommodationFilter:after {
clear: both;
content: "";
display: block;
}
.accommodationFilter > div.buttons {
padding: 5px 0 35px;
}
.accommodationFilter > div.buttons.disabled {
display:none;
}
.accommodationFilter > div.buttons > a {
background: #004070 none repeat scroll 0 0;
border-radius: 3px;
color: #ffffff;
cursor: pointer;
float: left;
font-size: 16px;
font-weight: bold;
line-height: 33px;
margin: 10px 10px 0 0;
padding: 0 10px;
text-transform: uppercase;
-moz-transition: background 400ms ease;
-webkit-transition: background 400ms ease;
-o-transition: background 400ms ease;
transition: background 400ms ease;
}
.accommodationFilter > div.buttons > a:hover {
background: #013459;
}
.accommodationFilter > div.buttons > a:before {
content: '\E805';
font-family: "fontello";
margin: 0 10px 0 0;
}
.accommodationFilter > div.buttons > a.open:before {
content: '\E807';
}
.accommodationFilter > div.buttons > a.remove {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #bac8db;
color: #bac8db;
display: none;
line-height: 32px;
padding-right: 25px;
position: relative;
}
.accommodationFilter > div.buttons > a.remove:hover {
background: #004070 none repeat scroll 0 0;
border-color: #004070;
color: #FFFFFF;
}
.accommodationFilter > div.buttons > a.remove:before {
display: none;
}
.accommodationFilter > div.buttons > a.remove:after {
content: "\e829";
font-family: "fontello";
font-size: 11px;
position: absolute;
right: 9px;
top: 0;
}
.accommodationFilter > div.filter {
border-top: 1px solid #bac8db;
display: none;
margin: 0 -30px;
padding: 40px 30px 15px 30px;
}
.accommodationFilter > div.filter.disabled {
display:none;
}
.accommodationFilter > div:after {
clear: both;
content: "";
display: block;
}
.accommodationFilter > div > section:after {
clear: both;
content: "";
display: block;
}
.accommodationFilter > div > section.disabled {
display:none;
}
.accommodationFilter > div > section.price {
border-bottom: 1px solid #bac8db;
float: none !important;
padding: 5px 0 24px 0;
width: 100%;
}
.accommodationFilter > div > section.price:after {
clear: both;
content: "";
display: block;
}
.accommodationFilter > div > section.price > div.slider {
border: none;
float: left;
position: relative;
width: 77%;
}
.accommodationFilter > div > section.price > div.slider > div.info {
position: absolute;
top: -24px;
width: 100%;
}
.accommodationFilter > div > section.price > div.slider > div.info > span {
dipslay: inline-block;
font-size: 15px;
padding: 0 0 10px;
}
.accommodationFilter > div > section.price > div.slider > div.info > span.max {
float: right;
}
.accommodationFilter > div > section.price > div.slider > div.priceSlider {
background: #e9e9e9 none repeat scroll 0 0;
border: none;
height: 7px;
margin: 6px 10px 0 0;
position: relative;
width: 98.4%;
}
.accommodationFilter > div > section.price > div.slider > div.priceSlider > div.ui-slider-range {
border: medium none;
height: 7px;
position: absolute;
}
.accommodationFilter > div > section.price > div.slider > div.priceSlider > a {
background: rgba(0, 0, 0, 0) url("/img/layout/searchandbook.png") repeat scroll 0 -420px !important;
display: block;
height: 29px;
margin-left: -1px;
padding: 0 !important;
position: absolute;
top: -8px;
width: 12px;
z-index: 1;
}
.accommodationFilter > div > section > h4 {
color: #000000;
float: left;
font-size: 17px;
font-weight: bold;
margin: 0 0 15px 0;
width: 23%;
}
.accommodationFilter > div > section > div > h5 {
color: #000000;
float: left;
font-size: 15px;
font-weight: bold;
opacity: 0.75;
width: 23%;
}
.accommodationFilter > div > section {
border-bottom: 1px solid #bac8db;
margin: 20px 0 20px 0;
padding: 7px 0 20px;
width: 100%;
}
.accommodationFilter > div > section.regions > div {
border: none;
padding: 0 0 10px;
width: 100%;
}
.accommodationFilter > div > section.regions > div:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
}
.accommodationFilter > div > section.regions > div > div {
float: left;
font-size: 15px;
margin: -2px 0 0 0;
padding: 0 0 10px;
width: 77%;
}
.accommodationFilter > div > section.regions > div:last-of-type > div {
border: none;
padding-bottom: 0;
}
.accommodationFilter > div > section.regions > div > div > div {
float: left;
margin: 0 0 6px;
width: 33%;
}
.accommodationFilter > div > section > div {
float: left;
font-size: 15px;
width: 77%;
}
.accommodationFilter > div > section > div > div {
float: left;
margin: 0 0 7px;
width: 33.3333%;
}
.accommodationFilter > div > section > div > div input {
display: none;
}
.accommodationFilter > div > section > div > div .checkbox {
cursor: pointer;
padding: 0 0 0 7px;
}
.accommodationFilter > div > section > div > div .checkbox:before {
background: #FFFFFF;
border: 1px solid #b4bdc2;
content: "";
display: block;
float: left;
font-family: "Fontello";
font-size: 11px;
height: 14px;
line-height: 11px;
margin: 4px 0 0;
text-align: center;
width: 14px;
}
.accommodationFilter > div > section > div > div .checkbox.checked:before {
content: "\e823";
}
.accommodationFilter > div > section > div > div .checkbox > span {
background: #ececec none repeat scroll 0 0;
display: inline-block;
font-size: 13px;
margin: 0 0 0 7px;
padding: 1px 3px;
}
.accommodationFilter > div > section.search {
display: none;
margin-top: 24px;
}
.accommodationFilter > div > section > input {
border: 1px solid #bac8db;
float: left;
font-size: 16px;
font-weight: 300;
height: 40px;
margin: -8px 0 0;
padding: 2px 10px;
width: 77%;
}
.accommodationFilter > div > a.search {
background: #004070;
border-radius: 3px;
clear: both;
color: #ffffff;
float: right;
font-size: 16px;
font-weight: bold;
line-height: 40px;
margin: 0 0 20px 0;
padding: 0 20px;
text-transform: uppercase;
-moz-transition: background 400ms ease;
-webkit-transition: background 400ms ease;
-o-transition: background 400ms ease;
transition: background 400ms ease;
}
.accommodationFilter > div > a.search:hover {
background: #013459;
}
.accommodationFilter > div > a.search:after {
color: #ffffff;
content: "\e81e";
display: block;
float: left;
font-family: "fontello";
font-weight: normal;
margin: 0 10px 0 -5px;
}
@media all and (max-width: 1190px){
.accommodationFilter > div > section > h4 {
float: none;
width: 100%;
}
.accommodationFilter > div > section.price > h4 {
float: left;
width: 23%;
}
.accommodationFilter > div > section > div {
width: 100%;
}
.accommodationFilter > div > section > div > h5 {
float: none;
margin: 0 0 5px 0;
width: 100%;
}
.accommodationFilter > div > section.regions > div > div {
width: 100%;
}
.accommodationFilter > div > section > input {
width: 100%;
}
}
@media all and (max-width: 1020px){
.accommodationFilter > div > section > div > div {
width: 50%;
}
.accommodationFilter > div > section.regions > div > div > div {
width: 50%;
}
}
@media all and (max-width: 750px){
.accommodationFilter > div > section > div > div {
width: 33.3333333333%;
}
.accommodationFilter > div > section.regions > div > div > div {
width: 33.3333333333%;
}
}
@media all and (max-width: 670px){
.accommodationFilter > div > section > div > div {
width: 50%;
}
.accommodationFilter > div > section.regions > div > div > div {
width: 50%;
}
}
@media all and (max-width: 600px){
.accommodationFilter {
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px;
}
}
@media all and (max-width: 470px){
.accommodationFilter > div > section > div > div {
width: 100%;
}
.accommodationFilter > div > section.regions > div > div > div {
width: 100%;
}
}
/* Warenkorb - LISTE */
div.shoppingcart {
position: relative;
margin: 50px 0 30px 0;
}
.shoppingcart h3 {
display: block;
font-size:24px;
font-weight:300;
margin: 0 0 5px 0;
}
.shoppingcart h4 {
font-size: 20px;
font-weight: 300;
margin: 5px 0 15px 0;
opacity:0.7;
}
.shoppingcart p.error {
background:#F2DEDE;
border: solid 1px #EBCCD1;
color:#A94442;
font-weight:normal;
font-style: normal;
padding:15px;
margin:20px 0 20px 0;
}
.shoppingcart > p.error > a {
color:#A94442;
}
/* CLOSE */
.shoppingcart > .close {
cursor: pointer;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.shoppingcart > .close:before {
content: '\E829';
font-family: 'fontello';
font-size: 30px;
}
.shoppingcart > .close:hover:before {
color: #C31622;
}
/* Preloader */
.shoppingcart div.preloader {
background: rgba( 255, 255, 255, 0.8);
color: #FFFFFF;
display: none;
height: 100%;
left: -50px;
position: absolute;
right: -50px;
text-align: center;
width: auto;
z-index: 2000;
}
.shoppingcart div.products div.preloader {
left: -51px;
right: -51px;
top: -10px;
}
.shoppingcart div.preloader > div {
background: #2d343e;
padding: 20px;
animation-duration: 4s;
animation-name: changebackground;
animation-iteration-count: infinite;
animation-direction: alternate;
}
.shoppingcart div.preloader > div > div.img {
display:block;
margin-top:20px;
}
.shoppingcart div.preloader > div.img {
display:block;
margin-top:30px;
margin-bottom:15px;
}
.shoppingcart div.preloader > label {
display:block;
padding: 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.shoppingcart > div.products {
background: #fff;
border: 1px solid #bac8db;
margin-bottom: 30px;
padding: 20px;
position: relative;
}
.shoppingcart > div.products > div.product {
border-bottom: 1px solid #bac8db;
margin-bottom: 10px;
padding-top: 5px;
padding-bottom: 5px;
position: relative;
}
.shoppingcart > div.products > div.product:after {
clear:both;
display:block;
content:"";
}
.shoppingcart > div.products > div.product > div.image {
display: block;
float: left;
margin-right: 2.18975%;
min-height: 130px;
overflow: hidden;
position: relative;
width: 21.8103%;
}
.shoppingcart > div.products > div.product.type3 > div.image {
display:none;
}
.shoppingcart > div.products > div.product > div.image > img {
display: block;
left: 50%;
margin: 0 0 0 -100px;
max-width: 200px;
position: absolute;
}
.shoppingcart > div.products > div.product > div.details {
float:left;
width:76%;
}
.shoppingcart > div.products > div.product.type3 > div.details {
width:100%;
}
.shoppingcart > div.products > div.product > div.details > div.info {
font-size:16px;
position:relative;
}
.shoppingcart > div.products > div.product > div.details > div.info:after {
content: " ";
clear:both;
display:block;
}
.shoppingcart > div.products > div.product > div.details > div.info > div.title {
float:left;
margin-right:10px;
width:60%;
}
.shoppingcart > div.products > div.product > div.details > div.info > div.title > div.hotel {
opacity:0.6;
font-weight:300;
}
.shoppingcart > div.products > div.product > div.details > div.info > div.title > div.room {
font-size:20px;
font-weight:bold;
}
.shoppingcart > div.products > div.product > div.details > div.info > div.title > div.period,
.shoppingcart > div.products > div.product > div.details > div.info > div.title > div.adults,
.shoppingcart > div.products > div.product > div.details > div.info > div.title > div.catering {
opacity:0.6;
font-weight:300;
}
.shoppingcart > div.products > div.product > div.details > div.info > div.price {
float:right;
margin-right:30px;
line-height:1em;
}
.shoppingcart > div.products > div.product > div.details > div.info > div.price > div.total {
display:block;
margin-top:3px;
margin-bottom:10px;
text-align:right;
}
.shoppingcart > div.products > div.product > div.details > div.info > div.price > div.total > span.big {
font-size:20px;
font-weight:bold;
}
.shoppingcart > div.products > div.product > div.details > div.info > div.price > div.tax {
opacity:0.6;
line-height:1.5em;
text-align:right;
}
.shoppingcart > div.products > div.product > div.details > div.info > a.delete {
display:block;
position:absolute;
right:0;
width:18px;
height:18px;
opacity:0.5;
}
.shoppingcart > div.products > div.product > div.details > div.info > a.delete:hover {
text-decoration:none;
opacity:1;
}
.shoppingcart > div.products > div.product > div.details > div.info > a.delete:before {
display:block;
content:"\e846";
font-family: "fontello-shoppingcart";
font-size: 18px;
line-height: 18px;
margin-top:4px;
}
.shoppingcart > div.products > div.product > div.details > div.conditions {
clear:both;
position: relative;
font-size:16px;
}
.shoppingcart > div.products > div.product > div.details > div.conditions > a {
color:#b51f1f;
display:block;
font-weight:300;
margin-top:10px;
margin-bottom:3px;
}
.shoppingcart > div.products > div.product > div.details > div.conditions > a:hover {
text-decoration:none;
}
.shoppingcart > div.products > div.product > div.details > div.conditions > a:hover > span {
text-decoration:underline;
}
.shoppingcart > div.products > div.product > div.details > div.conditions > a:before {
color:#b51f1f;
content: "\e83a";
display:block;
float: left;
font-family: "fontello-shoppingcart";
font-size: 16px;
height: 16px;
line-height: 16px;
margin: 5px 5px 0 0;
text-align: center;
width: 16px;
}
.shoppingcart > div.products > div.product > div.details > div.conditions > a.selected:before {
}
.shoppingcart > div.products > div.product > div.details > div.conditions > p {
background: #eef3fa none repeat scroll 0 0;
box-shadow: 0 0 5px 0 #cecece;
display: none;
font-weight: 300;
left: 0;
margin: 0 0 0 -165px;
padding: 7px;
position: absolute;
top: 30px;
width: 500px;
z-index: 1;
}
.shoppingcart > div.products > div.product > div.details > div.conditions > p:after {
background: #eef3fa none repeat scroll 0 0;
box-shadow: -3px -3px 5px 0 #cecece;
content: "";
height: 10px;
left: 50%;
position: absolute;
top: -5px;
-webkit-transform: rotate(45deg);
-moz-transition: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transition: rotate(45deg);
transform: rotate(45deg);
width: 10px;
z-index: 0;
}
.shoppingcart > div.products > div.product > div.details > div.conditions > p > span {
display: block;
color:#b51f1f;
font-weight: bold;
}
.shoppingcart > div.products > div.product > div.details > div.conditions > p > span.free {
color:#51780E;
}
.shoppingcart > div.products > div.product > div.details > div.conditions > p > b {
font-weight:bold;
}
/* TOTAL */
.shoppingcart > div.products > div.total {
margin-top:10px;
clear:both;
}
.shoppingcart > div.products > div.total:after {
clear:both;
display:block;
content: "";
}
.shoppingcart > div.products > div.total > div.price {
font-weigth:bold;
float:right;
margin-top:10px;
line-height:1em;
text-align:right;
}
.shoppingcart > div.products > div.total > div.price > div.total {
display:block;
margin-top:3px;
text-align:right;
}
.shoppingcart > div.products > div.total > div.price > div > span.big {
font-size:28px;
font-weight:bold;
color:#c31622;
}
.shoppingcart > div.products > div.total > div.price > div.tax {
opacity:0.6;
display:block;
margin-top:10px;
}
/* Warenkorb - FORMULAR */
.shoppingcart > form.cart > div.data {
background: #eef3fa;
border:solid 1px #bac8db;
position:relative;
margin-bottom:30px;
padding:20px;
}
.shoppingcart > form.cart > div.data:after {
clear:both;
display:block;
content:" ";
}
.shoppingcart > form.cart > div.data.disabled {
display:none;
}
/* Error */
.shoppingcart > form.cart > div.data > p.error {
background:#F2DEDE;
border: solid 1px #EBCCD1;
color:#A94442;
font-weight:normal;
font-style: normal;
padding:15px;
margin:0 0 20px 0;
}
.shoppingcart > form.cart > div.data > div.contact {
width:50%;
float:left;
}
.shoppingcart > form.cart > div.data > div.contact > div.row {
margin: 5px 0;
padding: 0;
}
.shoppingcart > form.cart > div.data > div.contact > div.row > label {
display: block;
float: left;
width: 40%;
padding: 5px 0;
}
.shoppingcart > form.cart > div.data > div.contact > div.row > select {
border: 1px solid #bac8db;
border-radius: 3px;
height: 36px;
line-height: 1;
padding: 3px 3px 3px;
width: 60%;
}
.shoppingcart > form.cart > div.data > div.contact > div.row > input.field {
border: 1px solid #bac8db;
border-radius: 3px;
padding: 7px;
outline: none;
width: 60%;
}
.shoppingcart > form.cart > div.data > div.contact > div.row > input.field.small {
width: 30px;
text-align: center;
}
.shoppingcart > form.cart > div.data > div.contact > div.row > input.field.zipcode {
width:20%;
margin-right:1%;
}
.shoppingcart > form.cart > div.data > div.contact > div.row > input.field.town {
width:39%;
}
.shoppingcart > form.cart > div.data > div.contact > div.row > input.field.dialcode {
width:10%;
margin-right:1%;
}
.shoppingcart > form.cart > div.data > div.contact > div.row > input.field.phone {
width:49%;
}
.shoppingcart > form.cart > div.data > div.contact > div.row > input.field:focus {
border: 1px solid #93C8FF;
box-shadow: 0 0 4px #1983F0;
-webkit-box-shadow: 0 0 4px #1983F0;
-moz-box-shadow: 0 0 4px #1983F0;
}
.shoppingcart > form.cart > div.data > div.remarks {
border-left: 1px solid #bac8db;
padding-left: 30px;
float: right;
width: 45%;
}
.shoppingcart > form.cart > div.data > div.remarks > div.row > label {
display:block;
margin-bottom:5px;
}
.shoppingcart > form.cart > div.data > div.remarks > div.row > textarea.field {
border: 1px solid #bac8db;
border-radius: 3px;
padding:5px;
line-height: 1.2;
min-height: 100px;
width: 100%;
margin-bottom:10px;
}
/* AGB */
.shoppingcart > form.cart > div.agb > div.checkbox {
background: #eef3fa none repeat scroll 0 0;
border: 1px solid #bac8db;
padding:20px;
margin-bottom:15px;
}
.shoppingcart > form.cart > div.agb > div.checkbox > input {
display:none;
}
.shoppingcart > form.cart > div.agb > div.checkbox > label {
display:block;
cursor:pointer;
float:none;
width:auto;
}
.shoppingcart > form.cart > div.agb > div.checkbox > label:before {
background: #FFFFFF;
border: 1px solid #b4bdc2;
content: "";
display: block;
float: left;
font-family: "fontello-shoppingcart";
font-size: 14px;
height: 18px;
line-height: 15px;
margin: 5px 10px 0 0;
text-align: center;
width: 18px;
}
.shoppingcart > form.cart > div.agb > div.checkbox > label.checked:before {
content: "\e818";
}
.shoppingcart > form.cart > div.agb > div.error {
background:#F2DEDE;
border: solid 1px #EBCCD1;
color:#A94442;
padding:15px;
display:none;
}
.shoppingcart > form.cart > div.agb > div.conditions {
margin-bottom:15px;
}
.shoppingcart > form.cart > div.agb > div.conditions > div > a {
font-weight:300;
color:#b51f1f;
}
.shoppingcart > form.cart > div.agb > div.conditions > div > a:before {
color:#b51f1f;
content: "\e83a";
display: block;
float: left;
font-family: fontello-shoppingcart;
font-size: 14px;
height: 16px;
line-height: 14px;
margin: 6px 5px 0 0;
text-align: center;
width: 16px;
}
.shoppingcart > form.cart > div.agb > div.conditions > div > p {
display:none;
}
/* PAYMENT*/
.shoppingcart > form.cart > div.payment {
clear:both;
position:relative;
}
.shoppingcart > form.cart > div.payment > iframe {
height: 236px;
}
.shoppingcart > form.cart > div.payment > iframe.error {
height: 299px;
}
/* PAYMENT - STORNO */
.shoppingcart > form.cart > div.payment > div.storno {
background: #eef3fa none repeat scroll 0 0;
border: 1px solid #bac8db;
padding:20px;
margin-bottom:20px;
}
.shoppingcart > form.cart > div.payment > div.storno > div.checkbox {
}
.shoppingcart > form.cart > div.payment > div.storno > div.checkbox > input {
display:none;
}
.shoppingcart > form.cart > div.payment > div.storno > div.checkbox > label {
display:block;
cursor:pointer;
float:none;
width:auto;
}
.shoppingcart > form.cart > div.payment > div.storno > div.checkbox > label:before {
background: #FFFFFF;
border: 1px solid #b4bdc2;
content: "";
display: block;
float: left;
font-family: "fontello-shoppingcart";
font-size: 14px;
height: 18px;
line-height: 15px;
margin: 5px 10px 0 0;
text-align: center;
width: 18px;
}
.shoppingcart > form.cart > div.payment > div.storno > div.checkbox > label.checked:before {
content: "\e818";
}
.shoppingcart > form.cart > div.payment > div.storno > p.info {
margin: 8px 0 0 0;
opacity: 0.75;
}
.shoppingcart > form.cart > div.payment > div.storno > p.error {
margin-top:15px;
}
.shoppingcart > form.cart > div.payment > div.storno > div.persons {
border-top: 1px solid #e8e8e8;
margin-top:15px;
padding-top:15px;
}
.shoppingcart > form.cart > div.payment > div.storno > div.persons.disabled {
display:none;
}
.shoppingcart > form.cart > div.payment > div.storno > div.persons > p {
margin-bottom:15px;
}
.shoppingcart > form.cart > div.payment > div.storno > div.persons > div.row {
margin-bottom:5px;
}
.shoppingcart > form.cart > div.payment > div.storno > div.persons > div.row > label {
display: block;
float: left;
width: 10%;
padding: 5px 0;
}
.shoppingcart > form.cart > div.payment > div.storno > div.persons > div.row > input.field {
border: 1px solid #bac8db;
border-radius: 3px;
padding: 7px;
outline: none;
margin-right:5px;
width: 25%;
}
.shoppingcart > form.cart > div.payment > div.storno > div.persons > div.row > input.field.birthdate {
width:100px;
}
.shoppingcart > form.cart > div.payment > div.options {
margin-bottom:30px;
}
.shoppingcart > form.cart > div.payment > div.options:after {
clear: both;
content: "";
display: block;
}
.shoppingcart > form.cart > div.payment > div.options > .row.paymentmethod {
float: left;
margin: 0 20px 0 0;
}
.shoppingcart > form.cart > div.payment > div.options > div > label {
font-size: 20px;
font-weight: 300;
margin-right:10px;
opacity:0.7;
float: right;
margin: 0 0 0 6px;
}
.shoppingcart > form.cart > div.payment > div.options > div > select {
border: 1px solid #bac8db;
border-radius: 3px;
line-height: 1;
height: 36px;
padding: 3px 3px 3px;
}
.shoppingcart > form.cart > div.payment > table {
border: 1px solid #bac8db;
margin: 0 0 30px 0;
}
.shoppingcart > form.cart > div.payment > table th {
border-bottom: 1px solid #bac8db;
font-weight: 300;
text-align: left;
padding: 10px 15px;
}
.shoppingcart > form.cart > div.payment > table th.name {
width:30%;
}
.shoppingcart > form.cart > div.payment > table th.price {
width:15%;
padding-right:20px;
text-align:right;
}
.shoppingcart > form.cart > div.payment > table th.date {
width:15%;
}
.shoppingcart > form.cart > div.payment > table th.info {
}
.shoppingcart > form.cart > div.payment > table td {
background: #eef3fa;
border-bottom: 1px solid #bac8db;
padding: 10px 15px;
}
.shoppingcart > form.cart > div.payment > table td.name {
font-weight:bold;
}
.shoppingcart > form.cart > div.payment > table td.name > span {
font-weight:300;
font-style:normal;
color:#b51f1f;
}
.shoppingcart > form.cart > div.payment > table td.price {
font-weight:bold;
text-align:right;
padding-right:20px;
}
.shoppingcart > form.cart > div.payment > table td.info > p.CreditCard:before {
content: "\e839";
color:#b51f1f;
display: block;
float: left;
font-family: "fontello-shoppingcart";
font-size: 14px;
height: 16px;
line-height: 14px;
margin: 4px 5px 0 0;
text-align: center;
width: 16px;
}
/* TOTAL */
.shoppingcart > form.cart > div.payment > div.total {
padding-top:20px;
padding-bottom:20px;
clear:both;
}
.shoppingcart > form.cart > div.payment > div.total:after {
clear:both;
display:block;
content: "";
}
.shoppingcart > form.cart > div.payment > div.total > div.price {
font-weigth:bold;
float:right;
padding-right:20px;
line-height:1em;
text-align:right;
}
.shoppingcart > form.cart > div.payment > div.total > div.price > div.total {
display:block;
margin-top:3px;
text-align:right;
}
.shoppingcart > form.cart > div.payment > div.total > div.price > div > span.big {
font-size:28px;
font-weight:bold;
color:#c31622;
}
.shoppingcart > form.cart > div.payment > div.total > div.price > div.tax {
opacity:0.6;
display:block;
margin-top:10px;
text-align:right;
}
/* BUTTONS*/
.shoppingcart > form.cart > div.buttons {
margin-top:30px;
}
.shoppingcart > form.cart > div.buttons:after {
clear:both;
content:" ";
display:block;
}
.shoppingcart > form.cart > div.buttons > input.save,
.shoppingcart > form.cart > div.buttons > input.book {
background: #004070 none repeat scroll 0 0;
border: medium none;
border-radius: 3px;
bottom: 15px;
color: #ffffff;
cursor: pointer;
display: block;
float: right;
font-size: 16px;
font-weight: 700;
line-height: 40px;
padding: 0 20px;
text-align: center;
text-transform: uppercase;
transition: background 400ms ease 0s;
width: auto;
}
.shoppingcart > form.cart > div.buttons > input.save:hover,
.shoppingcart > form.cart > div.buttons > input.book:hover {
background: #013459;
}
.shoppingcart > form.cart > div.buttons > input.change,
.shoppingcart > form.cart > div.buttons > input.payment {
background: #c31622 none repeat scroll 0 0;
border: none;
bottom: 15px;
cursor:pointer;
color: #ffffff;
display: block;
float: left;
font-weight: 700;
padding: 0 15px;
text-align: center;
text-transform: uppercase;
transition: background 400ms ease 0s;
width: auto;
}
.shoppingcart > form.cart > div.buttons > input.change:hover,
.shoppingcart > form.cart > div.buttons > input.payment:hover {
background: #6b0007;
}
/* SUCCESS */
.shoppingcart > div.success {
background:#C6DF9A;
border: solid 1px #B1D474;
color:#51780E;
padding:15px;
margin:15px 0 15px 0;
}
.shoppingcart > div.success > h3 {
color:#51780E;
}
.shoppingcart > div.success > p {
margin-bottom:10px;
}
.shoppingcart > div.success > div.buttons > a:hover {
text-decoration:none;
}
/* ERROR */
.shoppingcart > div.error {
clear:both;
background:#F2DEDE;
border: solid 1px #EBCCD1;
color:#A94442;
padding:15px;
margin-top:15px;
}
.shoppingcart > div.error > h3 {
color:#A94442;
}
.shoppingcart > div.error > p {
margin-bottom:10px;
}
.shoppingcart > div.error > p a {
color:#A94442;
}
@media all and (max-width: 1150px){
.shoppingcart > form.cart > div.data > div.contact > div.row > input.field.dialcode {
width: 16%;
}
.shoppingcart > form.cart > div.data > div.contact > div.row > input.field.phone {
width: 43%;
}
}
@media all and (max-width: 740px){
.shoppingcart > form.cart > div.data > div.contact {
float: none;
width: 100%;
}
.shoppingcart > form.cart > div.data > div.remarks {
border-left: none;
float: none;
padding-left: 0;
width: 100%;
}
}
@media all and (max-width: 720px){
.shoppingcart > form.cart > div.payment > table {
border-bottom: none;
}
.shoppingcart > form.cart > div.payment > table th {
display: none;
}
.shoppingcart > form.cart > div.payment > table tr {
background: #f7f6f4;
display: block;
}
.shoppingcart > form.cart > div.payment > table tr:nth-of-type(2n) {
background: #FFFFFF;
}
.shoppingcart > form.cart > div.payment > table td {
background: none;
display: block;
width: 100%;
padding-left: 20%;
}
.shoppingcart > form.cart > div.payment > table td:before {
content: attr(data-title);
left: 0;
font-style: normal;
font-weight: bold;
padding: 0 0 0 10px;
position: absolute;
}
.shoppingcart > form.cart > div.payment > table td.price {
text-align: left;
}
}
@media all and (max-width: 680px){
.shoppingcart > div.products > div.product > div.image {
margin-right: 0;
width: 100%;
}
.shoppingcart > div.products > div.product > div.image > img {
left: 0;
margin-left: 0;
}
.shoppingcart > div.products > div.product > div.details {
width: 100%;
}
.shoppingcart > div.products > div.product > div.details > div.info > a.delete {
top: -133px;
}
}
@media all and (max-width: 653px){
.shoppingcart > form.cart > div.payment > iframe {
height: 362px;
}
.shoppingcart > form.cart > div.payment > iframe.error {
height: 444px;
}
}
@media all and (max-width: 640px){
.shoppingcart > form.cart > div.payment > div.storno > div.persons > div.row > label {
width: 15%;
}
.shoppingcart > form.cart > div.payment > div.storno > div.persons > div.row > input.field {
margin-right: 2.5%;
width: 30%;
}
.shoppingcart > form.cart > div.payment > div.storno > div.persons > div.row > input.field.birthdate {
width: 20%;
margin-right: 0;
}
}
@media all and (max-width: 540px){
.shoppingcart > form.cart > div.payment > table td {
padding-left: 30%;
}
}
@media all and (max-width: 530px){
.shoppingcart > div.products > div.product > div.details > div.info > div.title {
width: 100%;
}
}
@media all and (max-width: 510px){
.shoppingcart > form.cart > div.payment > div.storno > div.persons > div.row > label {
float: none;
width: 100%;
}
.shoppingcart > form.cart > div.payment > div.storno > div.persons > div.row > input.field {
width: 35%;
}
.shoppingcart > form.cart > div.payment > div.storno > div.persons > div.row > input.field.birthdate {
width: 25%;
}
}
@media all and (max-width: 500px){
.shoppingcart > div.products {
padding: 10px;
}
.shoppingcart > form.cart > div.data {
padding: 10px;
}
}
@media all and (max-width: 450px){
.shoppingcart > form.cart > div.data > div.contact > div.row > label {
float: none;
width: 100%;
}
.shoppingcart > form.cart > div.data > div.contact > div.row > select {
width: 100%;
}
.shoppingcart > form.cart > div.data > div.contact > div.row > input.field {
width: 100%;
}
.shoppingcart > form.cart > div.data > div.contact > div.row > input.field.dialcode {
margin-right: 2%;
width: 20%;
}
.shoppingcart > form.cart > div.data > div.contact > div.row > input.field.phone {
width: 78%;
}
.shoppingcart > form.cart > div.data > div.contact > div.row > input.field.zipcode {
margin-right: 2%;
width: 20%;
}
.shoppingcart > form.cart > div.data > div.contact > div.row > input.field.town {
width: 78%;
}
}
@media all and (max-width: 440px){
.shoppingcart > form.cart > div.payment > table td:before {
top: 0px;
}
.shoppingcart > form.cart > div.payment > table td {
padding-top: 30px;
padding-left: 10px;
position: relative;
}
}
@media all and (max-width: 410px){
.shoppingcart > form.cart > div.payment > div.storno > div.persons > div.row > input.field {
display: block;
}
.shoppingcart > form.cart > div.payment > div.storno > div.persons > div.row > input.field {
margin-top: 5px;
width: 100%;
}
.shoppingcart > form.cart > div.payment > div.storno > div.persons > div.row > input.field.birthdate {
margin-top: 5px;
width: 50%;
}
}
@media all and (max-width: 400px){
.shoppingcart > form.cart > div.buttons > input.save, .shoppingcart > form.cart > div.buttons > input.book {
float: none;
width: 100%;
}
.shoppingcart > form.cart > div.buttons > input.save {
margin-top: 10px;
}
}
/* Privacy 1.0.0 */
/* Default */
.privacyCookie {
background: #747A80;
font-size: 15px;
padding: 10px 0;
width: 100%;
}
.privacyCookie > div {
padding: 0 20px;
}
.privacyCookie > div:after {
clear: both;
content: "";
display: block;
}
.privacyCookie > div > p {
color: #FFF;
float: left;
margin: 0 10px 0 0;
}
.privacyCookie > div > p > a {
color: #FFF;
}
.privacyCookie > div > a.button {
color: #FFF;
float: right;
position: relative;
}
/* Direction Top */
.privacyCookie.top {
margin: -300px 0 0 0;
position: absolute;
transition: margin 300ms ease;
z-index: 5;
}
.showPrivacyCookie .privacyCookie.top {
margin-top: 0 !important;
position: relative;
}
/* Direction Bottom */
.privacyCookie.bottom {
left: -10000px;
position: fixed;
transition: bottom 300ms ease;
z-index: 9999;
}
.showPrivacyCookie .privacyCookie.bottom {
bottom: 0 !important;
}
@media all and (max-width: 1300px){
.privacyCookie {
padding-top: 18px;
}
.privacyCookie > div > p {
float: none;
margin-right: 0;
}
.privacyCookie > div > a.button {
float: none;
padding: 8px 0;
display: block;
}
}