/* Klassen _______________________________________________________________ */ /* Grundeinstellungen ____________________________________________________ */ body, html { height: 100%; } body, table, input, select, textarea { color: #665350; font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.35em; } body { background: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } table { border: 0px; border-collapse: collapse; } table td, form { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } a, body a.link { color: #B7BF4E; cursor: pointer; text-decoration: none; } a:hover, body a.link:hover { color: #919836; } img { border: 0px; } p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* __________________________________________________________________ Ende */ /* Fonts _________________________________________________________________ font-family: 'PT Sans', sans-serif; font-family: 'PT Sans Narrow', sans-serif; font-family: 'Shadows Into Light', cursive; #866D83 */ /* Default _______________________________________________________________ */ body { background: #FFFFFF; font-size: 1.125000em; line-height: 1.388889em; } address { font-style: normal; } hr { display: none; } h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-decoration: none; } h1, h1 a, .t1, .t1 a, .t1i, .t1i a { color: #463D2C; font-size: 40px; line-height: 40px; font-weight: normal; font-family: 'PT Sans Narrow', sans-serif; } h2, h2 a, .t2, .t2 a, .t2i, .t2i a { color: #665250; font-size: 30px; line-height: 30px; font-weight: normal; font-family: 'Shadows Into Light', cursive; } h3, h3 a, .t3, .t3 a, .t3i, .t3i a { color: #463D2C; font-size: 30px; line-height: 30px; font-weight: normal; font-family: 'PT Sans Narrow', sans-serif; } h4, h4 a, .t4, .t4 a, .t4i, .t4i a { color: #463D2C; font-size: 25px; line-height: 28px; font-weight: normal; font-family: 'PT Sans Narrow', sans-serif; } h5, h5 a, .t5, .t5 a, .t5i, .t5i a { color: #463D2C; font-size: 22px; line-height: 23px; font-weight: bold; font-family: 'PT Sans Narrow', sans-serif; } h6, h6 a, .t6, .t6 a, .t6i, .t6i a { color: #665250; font-size: 25px; line-height: 30px; font-weight: normal; font-family: 'Shadows Into Light', cursive; } .t1i, .t1i a { color: #FFFFFF; } .t2i, .t2i a { color: #FFFFFF; } .t3i, .t3i a { color: #FFFFFF; } .t4i, .t4i a { color: #FFFFFF; } .t5i, .t5i a { color: #FFFFFF; } .t6i, .t6i a { color: #FFFFFF; } .widthAuto { width: auto !important; } picture { display: inline-block; vertical-align: top; max-width: 100%; } picture a { display: block; vertical-align: top; } img { vertical-align: top; max-width: 100%; } .defaulti { color: #FFFFFF; } small, .small { font-size: 14px; line-height: 18px; } .medium1, .medium1i { font-size: 16px; line-height: 22px; } .medium1i { color: #FFFFFF; } .big1, .big1i { font-size: 20px; line-height: 25px; } .big1i { color: #FFFFFF; } a.back { font-weight: bold; font-family: 'PT Sans Narrow', sans-serif; text-transform: uppercase; } a.back:hover { color: #919836; } a.linkbutton { font-weight: bold; font-family: 'PT Sans Narrow', sans-serif; color: #C50000; text-transform: uppercase; } a.linkbutton:hover { text-shadow: 0px 0px 0px #000000; filter: dropshadow(color=#000000, offx=1, offy=0); display: inline-block; } ul { margin: 0px 0px 0px 0px; list-style-type: none; color: #473D2C; line-height: 35px; padding: 0px 0px 0px 0px; text-align: center; max-width: 270px; } ul li { position: relative; display: block; border-bottom: solid 1px #D0C6B9; } ul li ul { color: #665350; font-size: 16px; line-height: 22px; padding-bottom: 12px; padding-top: 8px; border-top: solid 1px #D0C6B9; } ul li ul li { border: 0px; } ol { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 26px; } ol li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } ul.reset { padding: 0px 0px 0px 0px; max-width: none; text-align: inherit; color: inherit; } ul.reset li:before { content: none; } ul.reset li { position: static; left: auto; text-indent: 0px; border: 0px; } ul.reset li ul { padding: 0px 0px 0px 0px; border: 0px; font-size: inherit; line-height: inherit; } *.icon1 ul, ul.icon1 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; text-align: left; max-width: none; color: inherit; } *.icon1 ul li, ul.icon1 li { margin: 0px 0px 2px 0px; padding: 0px 0px 0px 26px; position: relative; text-indent: 0px; border: 0px; background: url(/images/design/icon1.png) no-repeat 0px 3px; line-height: 24px; } *.icon1 ul li:before, ul.icon1 li:before { content: none; } *.icon1 ul li span, ul.icon1 li span { display: block; position: absolute; left: 0px; top: 5px; width: 15px; height: 15px; } *.icon1i ul, ul.icon1i { color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; text-align: left; max-width: none; } *.icon1i ul li, ul.icon1i li { margin: 0px 0px 2px 0px; padding: 0px 0px 0px 26px; position: relative; text-indent: 0px; border: 0px; background: url(/images/design/icon1i.png) no-repeat 0px 3px; line-height: 24px; } *.icon1i ul li:before, ul.icon1i li:before { content: none; } *.icon1i ul li span, ul.icon1i li span { display: block; position: absolute; left: 0px; top: 5px; width: 15px; height: 15px; } *.icon2 ul, ul.icon2 { font-size: 18px; line-height: 24px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } *.icon2 ul li, ul.icon2 li { margin: 0px 0px 2px 0px; padding: 0px 0px 0px 32px; position: relative; text-indent: 0px; } *.icon2 ul li:before, ul.icon2 li:before { content: none; } *.icon2 ul li span, ul.icon2 li span { display: block; position: absolute; left: 0px; top: 2px; width: 24px; height: 24px; } *.icon2i ul, ul.icon2i { color: #FFFFFF; font-size: 18px; line-height: 24px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } *.icon2i ul li, ul.icon2i li { margin: 0px 0px 2px 0px; padding: 0px 0px 0px 32px; position: relative; text-indent: 0px; } *.icon2i ul li:before, ul.icon2i li:before { content: none; } *.icon2i ul li span, ul.icon2i li span { display: block; position: absolute; left: 0px; top: 2px; width: 24px; height: 24px; } table { width: 100%; } table caption { font-size: 20px; } table colgroup col { width: 29.572650%; } table colgroup col:first-child { width: 5.470085%; } table thead { border-bottom: solid 2px #BFBFBF; } table thead th { padding-top: 6px; padding-bottom: 6px; text-align: left; } table tfoot td { border-top: solid 1px #BFBFBF; padding-top: 6px; padding-bottom: 6px; } table tbody td { border-top: solid 1px #BFBFBF; padding-top: 6px; padding-bottom: 6px; } table tr * { padding-left: 0.854701%; padding-right: 0.854701%; } table tr *:first-child { padding-left: 0.341880%; padding-right: 0.341880%; } table.reset { width: auto; } table.reset caption { font-size: inherit; } table.reset colgroup col { width: auto; } table.reset thead { border-bottom: inherit; } table.reset thead th { padding-top: inherit; padding-bottom: inherit; text-align: inherit; } table.reset tfoot td { border-top: inherit; padding-top: inherit; padding-bottom: inherit; } table.reset tbody td { border-top: inherit; padding-top: inherit; padding-bottom: inherit; } table.reset tr * { padding-left: inherit; padding-right: inherit; } a.button1 { background-color: #B7BF4E; text-transform: uppercase; font-family: 'PT Sans Narrow', sans-serif; font-size: 18px; font-weight: bold; color: #FFFFFF; display: inline-block; line-height: 40px; height: 40px; padding: 0px 13px 0px 13px; text-align: center; } a.button1.small { line-height: 35px; height: 35px; padding: 0px 12px 0px 12px; } a.button1.big { line-height: 60px; height: 60px; padding: 0px 18px 0px 18px; } a.button1:hover { -webkit-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0); } a.button2 { background-color: #C60000; text-transform: uppercase; font-family: 'PT Sans Narrow', sans-serif; font-size: 18px; font-weight: bold; color: #FFFFFF; display: inline-block; line-height: 40px; height: 40px; padding: 0px 13px 0px 13px; text-align: center; } a.button2.small { line-height: 35px; height: 35px; padding: 0px 12px 0px 12px; } a.button2.big { line-height: 60px; height: 60px; padding: 0px 18px 0px 18px; } a.button2:hover { -webkit-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0); } a.button3 { background-color: #483D2C; text-transform: uppercase; font-family: 'PT Sans Narrow', sans-serif; font-size: 18px; font-weight: bold; color: #FFFFFF; display: inline-block; line-height: 40px; height: 40px; padding: 0px 13px 0px 13px; } a.button3.small { line-height: 35px; height: 35px; padding: 0px 12px 0px 12px; } a.button3.big { line-height: 60px; height: 60px; padding: 0px 18px 0px 18px; } a.button3:hover { -webkit-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0); } a.button4 { color: #FFFFFF; text-transform: uppercase; border: solid 3px #FFFFFF; border-color: rgba(255,255,255,0.3); display: inline-block; line-height: 34px; height: 34px; padding: 0px 20px 0px 20px; } a.button4.small { font-size: 15px; line-height: 24px; height: 24px; padding: 0px 14px 0px 14px; } a.button4.big { line-height: 44px; height: 44px; padding: 0px 24px 0px 24px; } a.button4:hover { color: #3F2514; background-color: #FFFFFF; border-color: #FFFFFF; } a.button5 { background-color: #849B48; color: #FFFFFF; display: inline-block; line-height: 32px; min-width: 120px; height: 32px; padding: 0px 20px 0px 20px; position: relative; } a.button5 span { display: block; position: absolute; right: 7px; top: 2px; width: 9px; height: 14px; } a.button5 span div { display: block !important; } a.button5.small { font-size: 13px; line-height: 26px; min-width: 100px; height: 26px; padding: 0px 14px 0px 14px; } a.button5.small span { top: 2px; width: 8px; height: 11px; } a.button5.big { font-size: 18px; line-height: 40px; min-width: 140px; height: 40px; padding: 0px 24px 0px 24px; } a.button5.big span { top: 2px; width: 10px; height: 16px; } a.button5:hover { -webkit-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0); } .arrow1 { background-color: #849B48; color: #FFFFFF; display: inline-block; width: 46px; height: 46px; cursor: pointer; position: relative; } .arrow1.prev, .arrow1.next { background-color: #EEE8DB; color: #483D2C; } .arrow1:hover { -webkit-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0); } .arrow1i { background-color: #FFFFFF; color: #402515; display: inline-block; width: 46px; height: 46px; cursor: pointer; position: relative; } .arrow1i:hover { -webkit-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0); } .arrow2 { background-color: #402515; color: #FFFFFF; display: inline-block; width: 50px; height: 50px; cursor: pointer; position: relative; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .arrow2:hover { -webkit-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0); } .arrow2i { color: #89796B; display: inline-block; width: 73px; height: 72px; cursor: pointer; position: relative; } .arrow2i:hover { color: #89796B; } .arrow3 { color: #89796B; display: inline-block; width: 61px; height: 61px; cursor: pointer; position: relative; } .arrow3:hover { color: #89796B; } .arrow3i { color: #FFFFFF; display: inline-block; width: 61px; height: 61px; cursor: pointer; position: relative; } .arrow3i:hover { color: #FFFFFF; } .bg1 { background-color: #483D2C; } .bg1.hover:hover { cursor: pointer; -webkit-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0); } .bg2 { background-color: #B7BF4E; } .bg2.hover:hover { cursor: pointer; -webkit-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0); } .bg3 { background-color: #C60000; } .bg3.hover:hover { cursor: pointer; -webkit-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0); } .bg4 { background-color: #89796B; } .bg4.hover:hover { cursor: pointer; -webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); -moz-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=120, Color='#000000'), progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0); } .bg5 { background-color: #EEE8DB; } .bg5.hover:hover { cursor: pointer; -webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); -moz-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=120, Color='#000000'), progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0); } .bg6 { background-color: #D0C6B9; } .bg6.hover:hover { cursor: pointer; -webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); -moz-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=120, Color='#000000'), progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0); } .bg7 { background-color: #FFFFFF; } .bg7.hover:hover { cursor: pointer; -webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); -moz-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=120, Color='#000000'), progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0); } .points1v { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 18px; } .points1v li:before { content: none; } .points1v li { left: auto; position: static; text-indent: 0px; border: 0px; } .points1v > * { background-color: #FFFFFF; display: inline-block; width: 18px; height: 18px; cursor: pointer; text-indent: -100px !important; overflow: hidden; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; -webkit-box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.75); box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.75); } .points1v > *.active { background-color: #B7BF4E; } .points1h { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .points1h li:before { content: none; } .points1h li { left: auto; position: static; text-indent: 0px; border: 0px; } .points1h > * { background-color: #FFFFFF; display: inline-block; width: 18px; height: 18px; cursor: pointer; text-indent: -100px !important; overflow: hidden; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; -webkit-box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.75); box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.75); } .points1h > *.active { background-color: #B7BF4E; } .points2v { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 30px; text-align: center; } .points2v li:before { content: none; } .points2v li { left: auto; position: static; text-indent: 0px; border: 0px; } .points2v > * { background-color: #FFFFFF; display: inline-block; line-height: 30px; margin: 0px 0px 12px 0px; width: 30px; height: 30px; cursor: pointer; } .points2v > *.active { background-color: #D0C6B9; } .points2h { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; } .points2h li:before { content: none; } .points2h li { left: auto; position: static; text-indent: 0px; border: 0px; } .points2h > * { background-color: #FFFFFF; display: inline-block; line-height: 30px; margin: 0px 6px 0px 0px; width: 30px; height: 30px; cursor: pointer; } .points2h > *.active { background-color: #D0C6B9; } .points3v { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 30px; text-align: center; } .points3v li:before { content: none; } .points3v li { left: auto; position: static; text-indent: 0px; } .points3v > * { border: solid 2px #FFFFFF; display: inline-block; margin: 0px 0px 12px 0px; width: 17px; height: 17px; cursor: pointer; text-indent: -100px !important; overflow: hidden; } .points3v > *.active { background-color: #FFFFFF; } .points3h { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; } .points3h li:before { content: none; } .points3h li { left: auto; position: static; text-indent: 0px; } .points3h > * { border: solid 2px #FFFFFF; display: inline-block; margin: 0px 6px 0px 0px; width: 17px; height: 17px; cursor: pointer; text-indent: -100px !important; overflow: hidden; } .points3h > *.active { background-color: #FFFFFF; } .tab1 { background-color: #89796B; color: #FFFFFF; font-size: 1.222222em; font-family: 'PT Sans Narrow', sans-serif; font-weight: bold; line-height: 35px; padding: 0px 1.709402% 0px 1.709402%; width: 28.205128%; height: 35px; text-align: center; text-transform: uppercase; } .tab1.active { background-color: #483D2C; position: relative; } .tab1.active:before { content: ''; position: absolute; left: 50%; bottom: -9px; width: 0px; height: 0px; border-style: solid; border-width: 9px 9.5px 0 9.5px; border-color: #483D2C transparent transparent transparent; margin-left: -9.5px; } .tab2 { text-align: center; position: relative; font-size: 1.222222em; } .tab2:before { content: ''; background-color: #FFFFFF; position: absolute; left: 0px; top: 50%; margin-top: -1px; width: 100%; height: 2px; } .tab2 > * { display: inline-block; color: #FFFFFF; font-family: 'PT Sans Narrow', sans-serif; background-color: #89796B; line-height: 60px; width: 33.333333%; height: 60px; text-align: center; position: relative; } .tab2 > *:first-child { } .tab2 > *:last-child { } .tab2 > *.active { background-color: #63584E; } .tab2 > *.active:before { content: ''; position: absolute; left: 50%; bottom: -9px; margin-left: -9.5px; width: 0px; height: 0px; border-style: solid; border-width: 9px 9.5px 0 9.5px;; border-color: #63584E transparent transparent transparent; } .tab3 { background-color: #89796B; color: #FFFFFF; font-family: 'PT Sans Narrow', sans-serif; font-size: 1.222222em; font-weight: bold; text-transform: uppercase; line-height: 51px; padding: 0px 1.282051% 0px 1.282051%; width: 18.376068%; height: 51px; text-align: center; } .tab3.active { background-color: #483D2C; position: relative; } .tab3.active:before { content: ''; position: absolute; left: 50%; bottom: -9px; margin-left: -9.5px; width: 0px; height: 0px; border-style: solid; border-width: 9px 9.5px 0 9.5px;; border-color: #483D2C transparent transparent transparent; } .paging1 { } .paging1 a, .paging1 span { display: inline-block; color: #D0C5B8; font-size: 14px; margin: 0px 2px 0px 2px; } .paging1 a:hover, .paging1 span { color: #473D2C; } .paging1 .prev { margin-right: 4px; width: 0px; height: 0px; border-style: solid; border-width: 5.5px 7px 5.5px 0; border-color: transparent #483D2C transparent transparent; } .paging1 span.prev { border-color: transparent #AAAAAA transparent transparent; } .paging1 .next { margin-left: 4px; width: 0px; height: 0px; border-style: solid; border-width: 5.5px 0 5.5px 7px; border-color: transparent transparent transparent #483D2C; } .paging1 span.next { border-color: transparent transparent transparent #AAAAAA; } .paging2 { margin: 0px auto; max-width: 1170px; width: 96%; text-align: center; margin-top: 1.333333em; } .paging2 a { display: inline-block; background-color: #EEE8DB; color: #685550; font-size: 14px; line-height: 25px; margin: 0px 3px 0px 3px; width: 25px; height: 25px; text-align: center; -webkit-border-radius: 12.5px; -moz-border-radius: 12.5px; border-radius: 12.5px; } .paging2 a:hover, .paging2 a.active { background-color: #B7BF4E; } .paging2 a.prev { background-color: #483D2C; color: #FFFFFF; position: relative; vertical-align: bottom; } .paging2 a.prev:before { content: ''; position: absolute; left: 50%; top: 50%; margin-top: -7px; margin-left: -5px; width: 0px; height: 0px; border-style: solid; border-width: 7px 8px 7px 0; border-color: transparent #ffffff transparent transparent; } .paging2 a.prev:after { content: ''; position: absolute; left: 50%; top: 50%; margin-top: -6px; margin-left: -3px; width: 0px; height: 0px; border-style: solid; border-width: 6px 7px 6px 0; border-color: transparent #483D2C transparent transparent; } .paging2 a.next { background-color: #483D2C; color: #FFFFFF; position: relative; vertical-align: bottom; } .paging2 a.next:before { content: ''; position: absolute; right: 50%; top: 50%; margin-top: -7px; margin-right: -5px; width: 0px; height: 0px; border-style: solid; border-width: 7px 0 7px 8px; border-color: transparent transparent transparent #ffffff; } .paging2 a.next:after { content: ''; position: absolute; right: 50%; top: 50%; margin-top: -6px; margin-right: -3px; width: 0px; height: 0px; border-style: solid; border-width: 6px 0 6px 7px; border-color: transparent transparent transparent #483D2C; } .paging3 { } .paging3 a { display: inline-block; background-color: #EEE8DB; color: #685550; font-size: 14px; line-height: 28px; margin: 0px 3px 0px 3px; width: 28px; height: 28px; text-align: center; } .paging3 a:hover, .paging3 a.active { background-color: #B7BF4E; } .paging3 a.prev { background-color: #483D2C; color: #FFFFFF; position: relative; } .paging3 a.prev:before { content: ''; position: absolute; left: 50%; top: 50%; margin-top: -6.5px; margin-left: -3.5px; width: 0px; height: 0px; border-style: solid; border-width: 6.5px 7px 6.5px 0; border-color: transparent #ffffff transparent transparent; } .paging3 a.prev:after { content: ''; position: absolute; left: 50%; top: 50%; margin-top: -5.5px; margin-left: -1.5px; width: 0px; height: 0px; border-style: solid; border-width: 5.5px 6px 5.5px 0; border-color: transparent #483D2C transparent transparent; } .paging3 a.next { background-color: #483D2C; color: #FFFFFF; position: relative; } .paging3 a.next:before { content: ''; position: absolute; right: 50%; top: 50%; margin-top: -6.5px; margin-right: -3.5px; width: 0px; height: 0px; border-style: solid; border-width: 6.5px 0 6.5px 7px; border-color: transparent transparent transparent #ffffff; } .paging3 a.next:after { content: ''; position: absolute; right: 50%; top: 50%; margin-top: -5.5px; margin-right: -1.5px; width: 0px; height: 0px; border-style: solid; border-width: 5.5px 0 5.5px 6px; border-color: transparent transparent transparent #483D2C; } .paging4 { font-size: 16px; line-height: 34px; background-color: #D0C6B9; width: 100%; height: 34px; text-align: center; } .paging4 a, .paging4 span { display: inline-block; color: #665350; width: 34px; } .paging4 a:hover, .paging4 span { color: #FFFFFF; background-color: #B7BF4E; } .paging4 a.prev { width: auto; float: left; display: inline; color: #483D2C; padding-left: 24px; position: relative; text-transform: uppercase; font-family: 'PT Sans Narrow', sans-serif; font-weight: bold; } .paging4 a.prev:before { content: ''; position: absolute; left: 9px; top: 50%; margin-top: -6px; width: 0px; height: 0px; border-style: solid; border-width: 6px 7px 6px 0; border-color: transparent #483D2C transparent transparent; } .paging4 a.prev:after { content: ''; position: absolute; left: 11px; top: 50%; margin-top: -5px; width: 0px; height: 0px; border-style: solid; border-width: 5px 6px 5px 0; border-color: transparent #D0C6B9 transparent transparent; } .paging4 a.next { width: auto; float: right; display: inline; color: #483D2C; padding-right: 24px; position: relative; text-transform: uppercase; font-family: 'PT Sans Narrow', sans-serif; font-weight: bold; } .paging4 a.next:before { content: ''; position: absolute; right: 9px; top: 50%; margin-top: -6px; width: 0px; height: 0px; border-style: solid; border-width: 6px 0 6px 7px; border-color: transparent transparent transparent #483D2C; } .paging4 a.next:after { content: ''; position: absolute; right: 11px; top: 50%; margin-top: -5px; width: 0px; height: 0px; border-style: solid; border-width: 5px 0 5px 6px; border-color: transparent transparent transparent #D0C6B9; } .paging5 { } .paging5 a { display: inline-block; color: #3F2514; font-size: 16px; margin: 0px 2px 0px 2px; } .paging5 a:hover, .paging5 a.active { color: #849A47; } .paging5 a.first { margin-right: 4px; width: 0px; height: 0px; border-style: solid; border-width: 5.5px 7px 5.5px 0; border-color: transparent #402515 transparent transparent; } .paging5 a.first:before { content: ''; display: block; background-color: #402515; margin-top: -5.5px; width: 1px; height: 10px; } .paging5 a.prev { margin-right: 4px; width: 0px; height: 0px; border-style: solid; border-width: 5.5px 7px 5.5px 0; border-color: transparent #402515 transparent transparent; } .paging5 a.next { margin-left: 4px; width: 0px; height: 0px; border-style: solid; border-width: 5.5px 0 5.5px 7px; border-color: transparent transparent transparent #402515; } .paging5 a.last { margin-left: 4px; width: 0px; height: 0px; border-style: solid; border-width: 5.5px 0 5.5px 7px; border-color: transparent transparent transparent #402515; } .paging5 a.last:after { content: ''; display: block; background-color: #402515; margin-top: -5.5px; width: 1px; height: 10px; } /* Anfrageformular _______________________________________________________ */ form { margin: 0px 0px 0px 0px; } form div.form { max-width: 740px; } /* width: 200/430; margin: 7/16 10/430 0px 0px; */ form label.label { width: 46.511%; float: left; display: inline; margin: 0.437em 2.325% 0px 0px; padding: 0px 0px 0px 0px; } form label.ort { display: none; } form label.pflichtfeld { font-weight: bold; } form textarea:focus, form input:focus { border: 0px; outline: 0px; } /* margin: 0px 0px 6/16 0px; */ form div.row { clear: both; margin: 0px 0px 0.375em 0px; } form div.inputfield input, form div.calendarfield input { width: 100%; height: 2.222222em; line-height: 2.222222em; color: #675450; border: 1px solid #D0C6B9; padding: 0px 0px 0px 0px; text-indent: 6px; position: relative; z-index: 2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } form div.row.requiredinfobox div.requiredinfotext { text-align: right; margin-right: 6px; } /* width: 214/430; padding: 2/16 2/430 2/16 2/430; */ form div.row.input div.inputfield { width: 49.767%; float: left; display: inline; padding: 0.125em 0.465% 0.125em 0.465%; position: relative; color: #675450; } form div.row.input div.inputfield.plz { width: 13.953488%; } form div.row.input div.inputfield.ort { width: 33.023256%; margin: 0px 0px 0px 1.860465%; } /*form div.row.input div.disabled input { background-color: #FFFFFF; }*/ /* width: 214/430; padding: 2/16 2/430 2/16 2/430; */ form div.row.calendar div.calendarfield { width: 49.767%; float: left; display: inline; padding: 0.125em 0.465% 0.125em 0.465%; position: relative; color: #675450; } form div.row.calendar div.calendarfield input { padding-right: 40px; } form div.row.calendar div.calendarfield a.kalenderopener { position: absolute; right: 3px; top: 3px; width: 25px; height: 26px; z-index: 3; padding: 6px 8px 6px 7px; border-left: solid 1px #D0C6B9; } form textarea.textarea { color: #685550; border: 1px solid #D0C6B9; padding: 0.333333em 0px 0px 0.444444em; font-style: italic; max-width: 100%; } /* width: 206/430; padding: 2/16 2/430 2/16 2/430; */ form div.row div.textarea { width: 50.000000%; display: inline; float: left; padding: 0.125em 0.465% 0.125em 0.465%; position: relative; margin-top: 4px; } form div.row div.textarea textarea { float: left; display: inline; margin: 0px 0px 0px 0px; height: 4.333em; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } form div.checkboxfield input { position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 1em; height: 1em; z-index: 2; opacity: 0.0; filter: alpha(opacity = 0); } form div.checkboxfield span { position: absolute; left: 0px; top: 0px; display: block; width: 1em; height: 1em; font-size: 1em; line-height: 1px; z-index: 1; } form div.row.checkbox label.label { margin-top: 0px; } /* margin: 3/15 0px 0px 2/430; */ form div.row.checkbox div.checkboxfield { float: left; display: inline; position: relative; margin: 5px 0px 0px 0px; } form div.row.checkbox div.checkboxfield div.erroricon { position: absolute; right: -1.500000em; top: -0.125000em; } /* top: 2/15; */ form div.row.checkbox div.fehlerV5 div.erroricon { top: -0.133em; } /* top: 4/15; */ form div.row.checkbox div.fehlerV6 div.erroricon { top: -0.266em; } form div.row.checkbox div.checkboxfield div.formtextV1 { top: -2.866667em; left: -0.733333em; z-index: 3; } form div.row.checkbox div.checkboxfield div.formtextV2, form div.row.checkbox div.checkboxfield div.formtextV5, /* top: 3/15; */ form div.row.checkbox div.checkboxfield div.formtextV6 { top: -0.2em; } form div.row.checkbox div.checkboxfield div.formtextV3, form div.row.checkbox div.checkboxfield div.formtextV4 { width: 198px; } /* right: 24/15; top: 1/15; */ form div.row.checkbox div.checkboxfield div.okicon { position: absolute; right: -1.6em; top: -0.066em; } /* margin: 0px 0px 0px 4/15; */ form div.row.checkbox label.extralabel { float: left; margin: 0px 0px 0px 0.266em; width: auto; } /* margin: 0px 0px 0px 28/15; */ form div.row.checkbox div.fehler + label.extralabel { margin: 0px 0px 0px 1.866em; } form div.row.checkbox div.fehlerV5 + label.extralabel { margin: 0px 0px 0px 4px; } form div.row.checkbox div.fehlerV6 + label.extralabel { margin: 0px 0px 0px 4px; } form div.radiofield input { position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; height: 100%; z-index: 2; opacity: 0.0; filter: alpha(opacity = 0); } form div.radiofield span { position: absolute; left: 0px; top: 0px; display: block; width: 100%; height: 100%; font-size: 1px; line-height: 1px; z-index: 1; } form div.row.radio label.label { margin-top: 0px; } /* margin: 3/15 0px 0px 0px; */ form div.row.radio div.radiofield { width: 1.000000em; height: 1.000000em; float: left; display: inline; margin: 0.2em 0px 0px 0px; position: relative; } /* right: 28/15; top: 2/15; */ form div.row.radio div.radiofield div.erroricon { position: absolute; right: -1.866em; top: -0.133em; } /* top: 34/15; left: 9/15; */ form div.row.radio div.radiofield div.formtextV1 { top: -2.266em; left: -0.6em; z-index: 3; } form div.row.radio div.radiofield div.formtextV2, form div.row.radio div.radiofield div.formtextV5, form div.row.radio div.radiofield div.formtextV6 { top: -3px; } /* margin: 0px 0px 0px 4/15; */ form div.row.radio label.extralabel { float: left; margin: 0px 0px 0px 0.266em; width: auto; } /* margin: 0px 0px 0px 28/15; */ form div.row.radio div.fehler + label.extralabel { margin: 0px 0px 0px 1.866em; } form div.row.radio div.fehlerV5 + label.extralabel { margin: 0px 0px 0px 4px; } form div.row.radio div.fehlerV6 + label.extralabel { margin: 0px 0px 0px 4px; } /* line-height: 30/15; */ form div.selectfield span.field { width: 100%; height: 100%; background-color: #FFFFFF; color: #675450; border: solid 1px #D0C6B9; line-height: 2.222222em; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } /* right: 8/15; top: 15/15; width: 10/15; height: 6/15; */ form div.selectfield span.field span.selecticon { position: absolute; right: 0.777778em; top: 0.944444em; width: 0.500000em; height: 0.333333em; } form div.selectfield span.field span.selecticon div, form div.selectfield span.field span.selecticon svg { position: absolute !important; left: 0px !important; top: 0px !important; } form div.selectfield select { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; opacity: 0.0; filter: alpha(opacity = 0); z-index: 2; } /* margin: 0px 24/15 0px 0px; */ form div.selectfield span.select { display: block; height: 100%; margin: 0px 2.055556em 0px 6px; position: relative; overflow: hidden; white-space: nowrap; border-right: solid 1px #D0C6B9; } /* right: 20/15; */ form div.selectfield span.field div.okicon { right: 1.333em; } /* right: 20/15; */ form div.selectfield span.field div.erroricon { right: 1.333em; top: 0.375000em } /* width: 213/430; height: 30/15; padding: 2/16 2/430 2/16 2/430; */ form div.row.select div.selectfield { width: 49.534%; height: 2.222222em; float: left; display: inline; padding: 0.125em 0.465% 0.125em 0.465%; position: relative; } form div.uploadfield iframe { width: 128px; height: 128px; position: absolute; right: 0px; top: 0px; opacity: 0.0; filter: alpha(opacity = 0); z-index: 3; } form div.uploadfield div.status { position: absolute; left: -5px; top: 1px; width: 30px; height: 28px; overflow: hidden; } form div.uploadfield div.status0 { position: absolute; left: 1px; top: 1px; width: 30px; height: 28px; overflow: hidden; } form div.uploadfield div.status1 { position: absolute; left: 1px; top: 1px; width: 30px; height: 28px; overflow: hidden; } form div.uploadfield div.status2 { position: absolute; left: 1px; top: 1px; width: 30px; height: 28px; overflow: hidden; } form div.uploadfield div.status3 { position: absolute; left: 1px; top: 1px; width: 30px; height: 28px; overflow: hidden; } form div.uploadfield div.button { width: 100%; height: 100%; } form div.row.upload { } form div.row.upload div.uploadfield { width: 49.767442%; height: 2.000000em; float: left; display: inline; padding: 0.133333em 0.476190% 0.133333em 0.476190%; position: relative; } form div.row.upload div.uploadfieldcontainer { float: left; display: inline; width: 100%; height: 100%; line-height: 2.000000em; color: #675450; border: 1px solid #D0C6B9; padding: 0px 0px 0px 0px; text-indent: 3px; position: relative; z-index: 2; } form div.uploadfieldcontainer div.uploadbutton { background: transparent; position: absolute; right: -1px; top: 1px; width: 30px; height: 28px; overflow: hidden; z-index: 2; cursor: pointer; } form div.uploadfieldcontainer div.uploadname { position: absolute; left: -30px; top: 0px; text-indent: 55px; width: 100%; height: 100%; display: block; overflow: hidden; } form div .aktiv { background-color: transparent; } form div .aktivV1, form div .aktivV2, form div .aktivV7 { background-color: #d1e5f0; } form div .aktivV1 input, form div .aktivV1 textarea, form div .aktivV2 input, form div .aktivV2 textarea, form div .aktivV7 input, form div .aktivV7 textarea { border-color: #93bdd5; color: inherit; } form div .aktiv div.formtextV1 { color: #FFFFFF; position: absolute; left: 0px; top: -28px; padding: 0px 10px 0px 10px; font-size: 11px; line-height: 25px; height: 25px; white-space: nowrap; background: #93bdd5; background: -moz-linear-gradient(top, #d1e5f0 0%, #93bdd5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1e5f0), color-stop(100%,#93bdd5)); background: -webkit-linear-gradient(top, #d1e5f0 0%,#93bdd5 100%); background: -o-linear-gradient(top, #d1e5f0 0%,#93bdd5 100%); background: -ms-linear-gradient(top, #d1e5f0 0%,#93bdd5 100%); background: linear-gradient(to bottom, #d1e5f0 0%,#93bdd5 100%); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index: 2; } form div .aktiv div.formtextV1 div { position: absolute; left: 10px; bottom: -8px; width: 15px; height: 8px; line-height: 1px; } form div .aktiv div.formtextV2 { color: #FFFFFF; position: absolute; left: 100%; top: 4px; margin: 0px 0px 0px 8px; padding: 0px 10px 0px 10px; font-size: 11px; line-height: 25px; height: 25px; white-space: nowrap; background: #93bdd5; background: -moz-linear-gradient(top, #d1e5f0 0%, #93bdd5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1e5f0), color-stop(100%,#93bdd5)); background: -webkit-linear-gradient(top, #d1e5f0 0%,#93bdd5 100%); background: -o-linear-gradient(top, #d1e5f0 0%,#93bdd5 100%); background: -ms-linear-gradient(top, #d1e5f0 0%,#93bdd5 100%); background: linear-gradient(to bottom, #d1e5f0 0%,#93bdd5 100%); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index: 2; } form div .aktiv div.formtextV2 div { position: absolute; left: -4px; top: 8px; width: 5px; height: 9px; line-height: 1px; } form div .aktiv div.formtextV3 { color: #4d4848; font-size: 11px; line-height: 15px; background-color: #e1e1e1; clear: both; position: relative; left: 0px; top: -2px; padding: 0px 10px 0px 10px; clear: both; } form div .aktiv div.formtextV4 { color: #4d4848; font-size: 11px; line-height: 15px; background-color: #e1e1e1; clear: both; position: relative; left: 0px; top: 4px; padding: 0px 10px 0px 10px; clear: both; } form div .aktiv div.formtextV3 div, form div .aktiv div.formtextV4 div { padding: 10px 0px 8px 0px; } form div .fehler { background: transparent; } form div .fehlerV1, form div .fehlerV2 { background-color: #f4c4cf; } form div .fehlerV1 input, form div .fehlerV1 textarea, form div .fehlerV2 input, form div .fehlerV2 textarea, form div .fehlerV7 input, form div .fehlerV7 textarea { border-color: #d5889a; color: #d5889a; } form div .fehlerV4 input, form div .fehlerV4 textarea, form div .fehlerV5 span.field, form div .fehlerV5 input, form div .fehlerV5 textarea { border-color: #eaa9a4; color: #d5889a; } form div .fehlerV6 span.field, form div .fehlerV6 input, form div .fehlerV6 textarea { color: #555555; border-color: #f3c7c3; background-color: #f3c7c3; } form div .fehler div.erroricon { position: absolute; right: 1.2%; top: 0.600000em; ypadding: 0px 80% 0px 80%; z-index: 2; } form div .calendarfield.fehler div.erroricon { right: 2.500000em; top: 0.600000em; } form div .fehler div.erroricon div { width: 1.200000em; height: 1.200000em; line-height: 1px; } form div .fehlerV5 div.erroricon { left: 230px !important; width: 22px; height: 18px; padding: 0px 0px 0px 0px; line-height: 1px; } form div .fehlerV6 div.erroricon { left: 230px !important; top: 5px; width: 30px; height: 25px; padding: 0px 0px 0px 0px; line-height: 1px; } form div .fehler div.formtextV1 { color: #FFFFFF; position: absolute; left: 0px; top: -28px; padding: 0px 10px 0px 10px; font-size: 11px; line-height: 25px; height: 25px; white-space: nowrap; background: #c62649; background: -moz-linear-gradient(top, #e14668 0%, #c62649 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e14668), color-stop(100%,#c62649)); background: -webkit-linear-gradient(top, #e14668 0%,#c62649 100%); background: -o-linear-gradient(top, #e14668 0%,#c62649 100%); background: -ms-linear-gradient(top, #e14668 0%,#c62649 100%); background: linear-gradient(to bottom, #e14668 0%,#c62649 100%); z-index: 2; } form div .fehler div.formtextV1 div { position: absolute; left: 10px; bottom: -8px; width: 15px; height: 8px; line-height: 1px; } form div .fehler div.formtextV2 { color: #FFFFFF; position: absolute; left: 100%; top: 4px; margin: 0px 0px 0px 8px; padding: 0px 10px 0px 10px; font-size: 11px; line-height: 25px; height: 25px; white-space: nowrap; background: #c62649; background: -moz-linear-gradient(top, #e14668 0%, #c62649 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e14668), color-stop(100%,#c62649)); background: -webkit-linear-gradient(top, #e14668 0%,#c62649 100%); background: -o-linear-gradient(top, #e14668 0%,#c62649 100%); background: -ms-linear-gradient(top, #e14668 0%,#c62649 100%); background: linear-gradient(to bottom, #e14668 0%,#c62649 100%); z-index: 2; } form div .fehler div.formtextV2 div { position: absolute; left: -4px; top: 8px; width: 5px; height: 9px; line-height: 1px; } form div .fehler div.formtextV3 { color: #a6504a; font-size: 11px; line-height: 15px; background-color: #f2bdb9; clear: both; position: relative; left: 0px; top: -2px; padding: 0px 10px 0px 10px; clear: both; } form div .fehler div.formtextV4 { color: #a6504a; font-size: 11px; line-height: 15px; background-color: #f2bdb9; clear: both; position: relative; left: 0px; top: 4px; padding: 0px 10px 0px 10px; clear: both; } form div .fehler div.formtextV7 { color: #a6504a; font-size: 11px; line-height: 15px; background-color: #f2bdb9; clear: both; position: relative; left: 0px; top: 4px; padding: 0px 10px 0px 10px; clear: both; } form div .fehler div.formtextV3 div, form div .fehler div.formtextV4 div, form div .fehler div.formtextV7 div { padding: 10px 0px 8px 0px; } form div .fehler div.formtextV5 { color: #d93b5e; font-size: 12px; line-height: 24px; position: absolute; left: 249px; top: 6px; padding: 0px 10px 0px 10px; height: 24px; white-space: nowrap; z-index: 2; } form div .fehler div.formtextV6 { color: #990000; font-size: 12px; line-height: 24px; position: absolute; left: 257px; top: 6px; padding: 0px 10px 0px 10px; height: 24px; white-space: nowrap; z-index: 2; } form div .ok input, form div .ok textarea { color: inherit; } form div .ok div.okicon { position: absolute; right: 0.200000em; top: 0.733333em; padding: 0px 0.333333em 0px 0.200000em; background-color: #FFFFFF; z-index: 2; } form div .calendarfield.ok div.okicon { right: 2.266667em; } form div .ok div.okicon div { width: 0.933333em; height: 0.933333em; line-height: 1px; } form div .okV6 div.okicon { right: -38px !important; top: 5px; width: 30px; height: 25px; padding: 0px 0px 0px 0px; line-height: 1px; } form div .ok div.formtextV3 { color: #3f8370; font-size: 11px; line-height: 15px; background-color: #c9e6de; clear: both; position: relative; left: 0px; top: -2px; padding: 0px 10px 0px 10px; clear: both; } form div .ok div.formtextV4 { color: #3f8370; font-size: 11px; line-height: 15px; background-color: #c9e6de; clear: both; position: relative; left: 0px; top: 4px; padding: 0px 10px 0px 10px; clear: both; } form div .ok div.formtextV3 div, form div .ok div.formtextV4 div { padding: 10px 0px 8px 0px; } /* height: 30/15; */ form div.formspace { clear: both; height: 2em; overflow: hidden; text-indent: -100px; } /* margin: 15/15 0px 0px 0px; */ form a.senden { float: right; margin: 1em 0.888889% 0px 0px; } form a.senden.clicked { position: relative; } form a.senden.clicked span { opacity: 0.5; filter: alpha(opacity = 50); } form a.senden.clicked span.spinner { color: #000000; font-size: 2px; z-index: 10; position: absolute; left: 50%; top: 50%; width: 24px; height: 24px; margin: -12px 0px 0px -12px; opacity: 1.0; filter: alpha(opacity = 100); } /* Lightbox ______________________________________________________________ */ body img[data-lightbox] { cursor: pointer; } body div.lightbox { background-color: rgba(0, 0, 0, 0.8); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 500; } body div.lightbox img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; overflow: auto; } body div.lightbox a { position: absolute; width: 5.333333em; height: 5.333333em; z-index: 1; } body div.lightbox a div { overflow: visible !important; } body div.lightbox a svg { position: absolute; width: 100%; height: 100%; } body div.lightbox a.prev { left: 3%; top: 50%; margin: -2.666667em 0px 0px 0px; } body div.lightbox a.next { right: 3%; top: 50%; margin: -2.666667em 0px 0px 0px; } body div.lightbox a.close { right: 3%; top: 3%; } body div.lightbox a.fullscreen { right: 3%; top: 3%; margin: 0px 6.000000em 0px 0px; } /* Sonstiges _____________________________________________________________ */ br.clear { clear: both; line-height: 0px; font-size: 0px; height: 0px; } div.clear { clear: both; line-height: 0px; font-size: 0px; height: 0px; overflow: hidden; text-indent: -100px; } @media (max-width: 1023px) { body { font-size: 1.000000em; line-height: 1.375000em; } h1, h1 a, .t1, .t1 a, .t1i, .t1i a { font-size: 30px; line-height: 40px; } h2, h2 a, .t2, .t2 a, .t2i, .t2i a { font-size: 20px; line-height: 30px; } h3, h3 a, .t3, .t3 a, .t3i, .t3i a { font-size: 22px; line-height: 25px; } h4, h4 a, .t4, .t4 a, .t4i, .t4i a { font-size: 18px; line-height: 22px; font-weight: normal; font-family: 'PT Sans Narrow', sans-serif; } h5, h5 a, .t5, .t5 a, .t5i, .t5i a { font-size: 16px; line-height: 20px; font-weight: bold; font-family: 'PT Sans Narrow', sans-serif; } h6, h6 a, .t6, .t6 a, .t6i, .t6i a { font-size: 18px; line-height: 22px; font-weight: normal; font-family: 'Shadows Into Light', cursive; } form div.row.calendar div.calendarfield a.kalenderopener { width: 24px; height: 24px; padding: 4px 7px 5px 6px; } } @media print { /* Print ____________________________________________________ */ body { text-align: left; background-color: #FFFFFF !important; } div.rahmen { margin: 0px 0px 0px 0px; text-align: left; } nav.mainmenu { display: none; } header { display: none; } div.mitte { margin: 0px 0px 0px 0px; } div.links { display: none; } article.inhalt { color: #000000 !important; background-color: #FFFFFF !important; margin: 0px 0px 0px 0px !important; float: none; } article.inhalt div.suche { display: none; } article.inhalt div.inlineapi a.noprint { display: none; } article.inhalt div.inlineapi span.noprint { display: none; } article.inhalt div.inlineapi div.onlyprint { display: block; } article.inhalt div.inlineapi div.bestaetigung { display: none; } article.inhalt div.inlineapi div.noprint { display: none; } aside.rechts { display: none; } footer { display: none; } } /* __________________________________________________________________ Ende */ /* Grundeinstellungen ____________________________________________________ */ @media all { a.button span.links { display: none; } a.button span.mitte { display: block; } a.button span.rechts { display: none; } div.rahmen { } div.rahmen .centercontent { width: 96%; max-width: 1170px; margin-left: auto; margin-right: auto; } .centeredNotFixed { width: 96%; max-width: 1170px; margin-left: auto; margin-right: auto; } .centeredNotFixed.fixed, .fixed .centeredNotFixed { width: 100%; max-width: none; } .centeredFixed.fixed, .fixed .centeredFixed { width: 96%; max-width: 1170px; margin-left: auto; margin-right: auto; } div.scrolltop { cursor: pointer; position: fixed; right: 0.833333em; bottom: 11px; z-index: 4; } } @media (max-width: 480px) { div.rahmen .centercontent { width: 92%; } } /* Submenu _____________________________________________________________ */ @media all { div.submenu { display: block; } div.submenu nav.menu { padding: 30px 0px 0px 0px; text-align: center; } div.submenu nav.menu ul.menu { display: inline-block; vertical-align: top; padding: 1.222222em 0px 1.000000em 0px; } div.submenu nav.menu ul.menu li { display: inline-block; vertical-align: top; margin-left: 1.444444em; line-height: 30px; } div.submenu nav.menu ul.menu li:first-child { margin-left: 0px; } div.submenu nav.menu ul.menu li a { color: #463D2C; font-family: 'PT Sans Narrow', sans-serif; font-size: 1.111111em; line-height: 1.150000em; } div.submenu nav.menu ul.menu li a:hover, div.submenu nav.menu ul.menu li.aktiv a { color: #928173; text-shadow: none; } } @media (max-width: 750px) { div.submenu { display: none; } } /* Header ________________________________________________________________ */ @media all { header { position: relative; z-index: 20; display: block; -moz-box-shadow: 0px 2px 8px #AAAAAA; -webkit-box-shadow: 0px 4px 8px #AAAAAA; box-shadow: 0px 2px 8px #AAAAAA; } header div.headertop { padding: 14px 0px 50px 0px; } header div.headerbottomwrapper { position: absolute; left: 0px; bottom: -30px; width: 100%; } header div.headerbottomwrapper.fixed { position: fixed; left: 0px; top: 0px; bottom: auto; width: 100%; background-color: #89796b; -moz-box-shadow: 0px 4px 8px #555555; -webkit-box-shadow: 0px 4px 8px #555555; box-shadow: 0px 4px 8px #555555; } header div.headerright { float: right; display: inline; position: relative; } header div.headerright div.headerrequest { margin: 1.000000em 0px 0px 0px; } header div.headerright a.phone { display: none; } header div.headerright div.buttons { display: none; } header div.headerright a.voucher { width: 28px; margin-top: 12px; margin-right: 16px; float: right; } header div.headerright a.gallery { width: 30px; margin-top: 12px; margin-right: 16px; float: right; } /*header div.headerright div.fullscreengallerybutton { display: none; float: left; width: 40px; height: 40px; background: #efefcd url(/images/fullscreengallery/icon-gallery-mobile.png) no-repeat 8px 9px; background-size: 25px auto; }*/ header a.logo { margin: 29px 0px 0px 0px; float: left; display: inline; } header div.webcam { float: right; display: inline; margin-top: -14px; margin-left: 2px; } header div.webcam a { display: inline-block; width: 100px; box-sizing: border-box; vertical-align: top; height: 40px; line-height: 40px; font-size: 18px; background: url(/images/design/icon-webcam.png) no-repeat 10px center; background-color: #EEE8DB; color: #88796B; text-transform: uppercase; padding-left: 32px; padding-right: 10px; font-family: 'PT Sans Narrow', sans-serif; font-weight: bold; } header div.webcam a:hover { -webkit-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0); } header div.lastminute { float: right; display: inline; margin-top: -14px; margin-left: 14px; } header div.lastminute a { display: inline-block;box-sizing: border-box; vertical-align: top; height: 40px; line-height: 40px; font-size: 18px; background: url(/images/design/icon-lastminute.png) no-repeat 10px center; background-color: #C4000F; color: #FFFFFF; text-transform: uppercase; padding-left: 32px; padding-right: 10px; font-family: 'PT Sans Narrow', sans-serif; font-weight: bold; } header div.lastminute a:hover { -webkit-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0); } header nav.sprache { margin-top: 18px; margin-right: 112px; font-size: 12px; line-height: 14px; float: right; display: inline; } header nav.sprache a { color: #ACA59B; margin-left: 14px; } header nav.sprache a:first-child { margin-left: 0px; } header nav.sprache a:hover, header nav.sprache a.aktiv { color: #473D2C; } } @media (max-width: 1023px) { header div.headerright div.request { display: none; } header div.headerright div.buttons { float: right; display: inline; } header div.headerright div.buttons a { float: left; display: inline; margin-left: 0.625000em; } header div.headerright div.buttons a:first-child { margin-left: 0px; } header div.headerright a.voucher, header div.headerright a.gallery { top: 15px; } header nav.sprache { margin-right: 0px; } } @media (max-width: 969px) { header div.headerright a.voucher, header div.headerright a.gallery { display: none; } } @media (max-width: 749px) { header div.headertop { padding: 0px 0px 0px 0px; text-align: center; } header div.headertop div.desktop { display: none; } header div.headertop div.centercontent { width: auto; } header div.headerright { float: none; display: block; margin-left: 40px; } header div.headerright div.headerrequest { width: calc(100% - 120px); margin: 0px; float: right; } header div.headerright a.phone { float: left; display: inline; width: 40px; height: 40px; background: url(/images/design/icon-phone.png) no-repeat center center; background-color: #89796B; } header div.headerright div.buttons { float: none; display: block; } header div.headerright div.buttons a { margin-left: 0px; width: 50%; padding: 0px 0px 0px 0px; } header div.headerright a.gallery { display: none; } /*header div.headerright div.fullscreengallerybutton { display: inline-block; min-width: 0; }*/ header div.webcam { float: left; margin: 0px 0px 0px 0px; } header div.webcam a { display: block; width: 40px; background-position: center center; padding: 0px 0px 0px 0px; } header div.webcam a span.text { display: none; } header div.webcam a:hover { -webkit-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0); } header div.lastminute { float: left; margin: 0px 0px 0px 0px; } header div.lastminute a { display: block; width: 40px; background-position: center center; padding: 0px 0px 0px 0px; } header div.lastminute a span.text { display: none; } header div.lastminute a:hover { -webkit-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0); } header a.logo { float: none; display: inline-block; vertical-align: top; margin: 20px 0px 20px 0px; } header nav.sprache { display: none; } } /* Mitte _________________________________________________________________ */ @media all { div.mitte { margin: 0px 0px 0px 0px; display: block; } div.mitte div.breadcrumbcontainer { text-align: center; padding: 45px 0px 0px 0px; } } /* Inhalt ________________________________________________________________ */ @media all { article.inhalt { padding-top: 40px; padding-bottom: 3.125000em; } article.inhalt.noPaddingTop { padding-top: 0px; } article.inhalt.noPaddingBottom { padding-bottom: 0px; } } /* Footer ________________________________________________________________ */ @media all { footer { position: relative; clear: both; } footer div.footerurlaubsberater { position: relative; padding-top: 1.000000em; padding-bottom: 160px; xbackground-image: url(/images/design/bg-footer.png); background-repeat: repeat-x; background-position: right bottom; } footer div.footerurlaubsberater:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; padding: 210px 0px 0px 0px; background: -moz-linear-gradient(top, rgba(208,198,185,1) 0%, rgba(238,232,219,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(208,198,185,1)), color-stop(100%,rgba(238,232,219,1))); background: -webkit-linear-gradient(top, rgba(208,198,185,1) 0%,rgba(238,232,219,1) 100%); background: -o-linear-gradient(top, rgba(208,198,185,1) 0%,rgba(238,232,219,1) 100%); background: -ms-linear-gradient(top, rgba(208,198,185,1) 0%,rgba(238,232,219,1) 100%); background: linear-gradient(to bottom, rgba(208,198,185,1) 0%,rgba(238,232,219,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0c6b9', endColorstr='#eee8db',GradientType=0 ); } footer div.footer { display: block; } footer div.footer div.informations { display: block; text-align: left; } footer div.footer div.informations div.wrapper { display: block; text-align: left; padding-top: 3.888889em; padding-bottom: 3.888889em; } footer div.footer div.informations div.footerlinks { float: left; display: inline; width: 26.495726%; } footer div.footer div.contact { float: left; display: inline; width: 23.076923%; } footer div.footer div.contact address { margin: 0.666667em 0 0 0; } footer div.footer div.contact address span { display: block; } footer div.footer div.contact address span span { display: inline; } footer div.footer div.contact address span a { color: #665350; } footer div.footer div.contact address span a:hover { color: #463d2c; } footer div.footer div.NewsletterOnpage { float: right; display: inline; width: 44.444444%; } footer div.footerbottom { font-size: 14px; line-height: 30px; background-color: #ffffff; color: #473D2C; padding: 0.857143em 0px 0.857143em 0px; } footer div.footerbottom div.footerleft { float: left; display: inline; padding: 0.428571em 0px 0.428571em 0px; } footer div.footerbottom div.footerlogos { float: right; display: inline; } footer div.footerbottom div.footerlogos a.youtube { margin: 5px 5px 0px 30px; display: inline-block; } footer div.footerbottom div.footerlogos a.facebook { margin: 5px 5px 0px 5px; display: inline-block; } footer div.footerbottom div.footerlogos a.googleplus { margin: 5px 5px 0px 5px; display: inline-block; } footer div.footerbottom nav.footernavi { float: left; display: inline; } footer div.footerbottom nav.footernavi a { color: #473D2C; } footer div.footerbottom nav.footernavi a:hover { color: #695650; } footer div.footerbottom span.copyright { float: left; display: inline; } footer a.publisher { float: right; display: inline; } footer a.publisher img { vertical-align: text-bottom; margin: 0px 0px -5px 0px; } } @media (max-width: 880px) { footer div.footer div.informations div.wrapper { padding: 0px 0px 0px 0px; } footer div.footer div.informations div.centercontent { width: auto; } footer div.footer div.informations div.footerlinks { float: none; display: block; width: auto; } footer div.footer div.contact { float: none; display: block; width: auto; text-align: center; border-bottom: solid 1px #9A8F81; } footer div.footer div.contact div.headline { cursor: pointer; font-size: 20px; line-height: 1.200000em; padding: 6px 4% 6px 4%; } footer div.footer div.contact address { display: none; margin: 0px 0px 0.666667em 0px; padding: 6px 4% 6px 4%; } footer div.footer div.contact address.open { display: block; } footer div.footer div.NewsletterOnpage { float: none; display: block; width: auto; text-align: center; } } @media (max-width: 749px) { footer div.footerurlaubsberater { background: transparent; padding-bottom: 0px; } footer div.footerbottom { text-align: center; } footer div.footerbottom div.footerleft, footer div.footerbottom nav.footernavi, footer div.footerbottom span.copyright, footer div.footerbottom div.footerlogos { display: block; float: none; } footer div.footerbottom span.copyright span.divider { display: none; } } /* Lightbox ______________________________________________________________ */ #lightbox { position: absolute; left: 0px; width: 100%; z-index: 100; text-align: center; line-height: 0px; } #lightbox a img { border: none !important; } #outerImageContainer { position: relative; background-color: #FFFFFF; width: 250px; height: 250px; margin: 0 auto; overflow: hidden; } #imageContainer { padding: 10px; } #imageContainer img { width: auto; } #loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0px; } #hoverNav { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav { left: 0px; } #hoverNav a { outline: none !important; } #prevLink, #nextLink { width: 49%; height: 100%; display: block; } #prevLink { background: url(/images/lightbox/prev.gif) left 15% no-repeat !important; left: 0px; float: left; } #nextLink { background: url(/images/lightbox/next.gif) right 15% no-repeat !important; right: 0px; float: right; } #prevLink:hover, #prevLink:visited:hover { background: url(/images/lightbox/prev.gif) left 15% no-repeat !important; } #nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/next.gif) right 15% no-repeat !important; } #imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #FFFFFF; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; } #imageData { padding: 0px 10px; color: #666666; } #imageData #imageDetails { width: 70%; float: left; text-align: left; } #imageData #caption { font-weight: bold; } #imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNav { height: 40px; } #imageData #bottomNavClose { background: transparent !important; width: 26px; float: right; padding-bottom: 0.4em; } #overlay { position: fixed; _position: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 500px; background-color: #000000; } /* __________________________________________________________________ Ende */ /* holidaycheckT1 ___________________________________________________________ */ @media all { section.holidaycheckT1 { margin: 1.666667em auto 0px auto; line-height: 16px; } section.holidaycheckT1 div.mobile { display: none; } section.holidaycheckT1 div.hcWidgetMain { max-width: 100%; margin: 0 auto; box-sizing: border-box; } section.holidaycheckT1 hr { display: block; } section.holidaycheckT1 { display: block; } section.holidaycheckT1 .templateM { width: 100% !important; } section.holidaycheckT1 .templateXL { width: 100% !important; } section.holidaycheckT1 .templateXL h1 { height: 80px !important; } section.holidaycheckT1 .templateXL .leftLeft { margin-right: 10px !important; } /*--- Tripadvisor ---- */ section.tripadvisorT1 { margin-top: 20px; } section.tripadvisorT1 div.TA_certificateOfExcellence ul { margin: 0px auto 0px auto; max-width: none; } section.tripadvisorT1 div.TA_certificateOfExcellence ul li { border: none; } section.tripadvisorT1 div.TA_certificateOfExcellence div.widCOE { margin-left: auto !important; margin-right: auto !important; } } @media (max-width: 480px) { section.holidaycheckT1 div.desktop { display: none; } section.holidaycheckT1 div.mobile { display: block; } } /* Wetter V1 ________________________________________________________________ */ section.wetterV1 { } section.wetterV1 h1 { margin: 0px 0px 60px 0px; } section.wetterV1 h2 { margin: 0px 0px 30px 0px; } section.wetterV1 img { display: block; margin: 0 auto; } section.wetterV1 p { margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; } section.wetterV1 span { } section.wetterV1 .heute, section.wetterV1 .morgen { clear: both; display: inline; float: left; margin: 0px 40px 13px 7px; text-align: center; width: 110px; } section.wetterV1 .vorhersage { float: left; text-align: center; width: 33%; padding: 0px 0px 10px 0px; } section.wetterV1 .blau { color: #0055CC; } section.wetterV1 .rot { color: #BB2200; } /* WebPosT1 _____________________________________________________________ */ @media all { section.WebPosT1 div.WebPosT1form { max-width: 700px; margin: 0 auto; } } @media (max-width: 480px) { section.WebPosT1 form label.label { width: 100%; } section.WebPosT1 form div.row.input label.label { display: block; float: none; width: auto; } section.WebPosT1 form div.row.input label.label.ort { display: none; } section.WebPosT1 form div.row.input div.inputfield { display: block; float: none; width: auto; } section.WebPosT1 form div.row.input div.inputfield.plz { float: left; display: inline; width: 27.777778%; } section.WebPosT1 form div.row.input div.inputfield.ort { float: left; display: inline; width: 68.518519%; margin: 0px 0px 0px 1.851852%; } section.WebPosT1 form div.row.textarea label.label { display: block; float: none; width: auto; } section.WebPosT1 form div.row.textarea div.textarea { display: block; float: none; width: auto; } section.WebPosT1 form div.row.checkbox label.label { display: block; float: none; width: auto; margin-bottom: 0.250000em; } section.WebPosT1 form div.row.checkbox label.extralabel { display: inline; float: left; } section.WebPosT1 form div.row.checkbox div.checkboxfield { margin-left: 2.314815%; } section.WebPosT1 form div.row.calendar div.calendarfield { width: 100%; } section.WebPosT1 form div.row.select div.selectfield { width: 100%; } section.WebPosT1 form a.senden { margin: 0px 0px 0px 0px; width: auto; float: none; display: block; } section.WebPosT1 form a.senden span.mitte { padding: 0px 0px 0px 0px; text-align: center; width: 100%; } } /* VideoT1 _______________________________________________________________ */ @media all { section.VideoT1 { position: relative; } section.VideoT1 div.bgtop { position: absolute; left: 0px; top: 0px; width: 100%; height: 50%; z-index: 0; } section.VideoT1 div.bgbottom { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 50%; z-index: 0; } section.VideoT1 article.element { position: relative; z-index: 1; margin-bottom: 20px; float: left; display: inline; width: 48.717949%; margin-left: 2.564103%; } section.VideoT1 article.element:first-child { margin-left: 0px; } section.VideoT1 div.videocontainer { position: relative; width: 100%; padding: 53.886463% 0px 0px 0px; } section.VideoT1 div.videocontainer > div { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } section.VideoT1 div.videocontainer > div iframe { vertical-align: top; width: 100% !important; height: 100% !important; position: absolute; left: 0px; top: 0px; } section.VideoT1 div.liveedit { margin: 20px 0px 0px 0px; } section.VideoT1 div.liveeditnewitem { margin: 0px 0px 0px 0px; } } /* UrlaubspaketT1 ________________________________________________________ */ @media all { section.UrlaubspaketT1 { position: relative; text-align: center; display: block; } section.UrlaubspaketT1.hidden { display: none; } section.UrlaubspaketT1 div.outerbox { position: relative; display: block; } section.UrlaubspaketT1 div.outerbox.withColumns { background-color: #C8CE77; } section.UrlaubspaketT1 div.outerbox.winter { background-color: #D0DDF9; } section.UrlaubspaketT1 div.galleryouterbox { position: relative; width: 100%; height: 100%; } section.UrlaubspaketT1 div.gallerybox { position: relative; width: 100%; height: 100%; } section.UrlaubspaketT1 div.gallerybox div.gallery { width: 100%; height: 100%; position: relative; overflow: hidden; z-index: 1; } section.UrlaubspaketT1 div.gallerybox div.gallery div.fadingobj { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-color: #FFFFFF; } section.UrlaubspaketT1 div.gallerybox div.gallery div.fadingobj div.image { width: 200%; height: 200%; position: absolute; left: -50%; top: -50%; text-align: center; } section.UrlaubspaketT1 div.gallerybox div.gallery div.fadingobj picture { display: inline-block; font-size: 0px; width: 100%; height: 100%; } section.UrlaubspaketT1 div.gallerybox div.gallery div.fadingobj picture:before { content: ''; display: inline-block; margin-left: -1px; width: 1px; height: 100%; vertical-align: middle; } section.UrlaubspaketT1 div.gallerybox div.gallery div.fadingobj picture img { display: inline; min-width: 50%; min-height: 50%; float: none; vertical-align: middle; } section.UrlaubspaketT1 div.gallerybox div.gallery div.fadingobj article.centercontent { display: block; } section.UrlaubspaketT1 div.imagecontainer { width: 100%; height: 100%; position: relative; overflow: hidden; z-index: 1; } section.UrlaubspaketT1 div.imagecontainer.teaser:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 59.142857%; z-index: 1; background: -moz-linear-gradient(top, rgba(0,36,18,0.5) 0%, rgba(0,36,18,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,36,18,0.5)), color-stop(100%,rgba(0,36,18,0))); background: -webkit-linear-gradient(top, rgba(0,36,18,0.5) 0%,rgba(0,36,18,0) 100%); background: -o-linear-gradient(top, rgba(0,36,18,0.5) 0%,rgba(0,36,18,0) 100%); background: -ms-linear-gradient(top, rgba(0,36,18,0.5) 0%,rgba(0,36,18,0) 100%); background: linear-gradient(to bottom, rgba(0,36,18,0.5) 0%,rgba(0,36,18,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80002412', endColorstr='#00002412',GradientType=0 ); } section.UrlaubspaketT1 div.imagecontainer div.imagewrapper { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-color: #FFFFFF; } section.UrlaubspaketT1 div.imagecontainer div.imagewrapper div.image { width: 200%; height: 200%; position: absolute; left: -50%; top: -50%; text-align: center; } section.UrlaubspaketT1 div.imagecontainer div.imagewrapper picture { display: inline-block; font-size: 0px; width: 100%; height: 100%; } section.UrlaubspaketT1 div.imagecontainer div.imagewrapper picture:before { content: ''; display: inline-block; margin-left: -1px; width: 1px; height: 100%; vertical-align: middle; } section.UrlaubspaketT1 div.imagecontainer div.imagewrapper picture img { display: inline; min-width: 50%; min-height: 50%; vertical-align: middle; } section.UrlaubspaketT1 div.imagecolumns { position: absolute; bottom: 0px; right: 0px; } section.UrlaubspaketT1 div.imagecolumns.winter { position: absolute; bottom: 0px; right: 0px; z-index: 3; } section.UrlaubspaketT1 div.imagecolumns div.imagewrapper { } section.UrlaubspaketT1 div.imagecolumns div.imagewrapper div.image { } section.UrlaubspaketT1 div.imagecolumns div.imagewrapper picture { } section.UrlaubspaketT1 div.imagecolumns div.imagewrapper picture:before { } section.UrlaubspaketT1 div.imagecolumns div.imagewrapper picture img { } section.UrlaubspaketT1 div.contentwrapper { position: absolute; left: 0px; top: 0px; width: 100%; z-index: 2; height: 100%; } section.UrlaubspaketT1 div.contentwrapper div.breadcrumb { position: absolute; left: 0px; top: 20px; width: 100%; } section.UrlaubspaketT1 div.withColumns div.contentwrapper { background: url(/images/modules/UrlaubspaketT1/bg-gras-small.png) no-repeat right bottom; } section.UrlaubspaketT1 div.withColumns.winter div.contentwrapper { background: url(/images/modules/UrlaubspaketT1/bg-gras-winter-small.png) no-repeat right bottom;} section.UrlaubspaketT1 article.element { } section.UrlaubspaketT1 article.element.white { color: #FFFFFF; } section.UrlaubspaketT1 article.element h2 { margin: 0.222222em 0px 0px 0px; } section.UrlaubspaketT1 article.element.centered { text-align: center; } section.UrlaubspaketT1 article.element.centered div.inside { margin: 8.547009% 0px 0px 0px; } section.UrlaubspaketT1 article.element.right { text-align: right; position: relative; height: 100%; } section.UrlaubspaketT1 article.element.left { text-align: left; position: relative; height: 100%; } section.UrlaubspaketT1 article.element.right:before, section.UrlaubspaketT1 article.element.left:before { content: ''; height: 100%; display: inline-block; vertical-align: middle; margin-left: -5px; } section.UrlaubspaketT1 article.element.right div.inside, section.UrlaubspaketT1 article.element.left div.inside { text-align: left; display: inline-block; vertical-align: middle; width: 20.833333em; } section.UrlaubspaketT1 article.element.right div.inside { text-align: right; } section.UrlaubspaketT1 article.element.right div.inside div.content, section.UrlaubspaketT1 article.element.left div.inside div.content { margin: 0.444444em 0px 0px 0px; } section.UrlaubspaketT1 article.element.bubble { position: relative; height: 100%; text-align: right; } section.UrlaubspaketT1 article.element.bubble:before { content: ''; height: 100%; display: inline-block; vertical-align: middle; margin-left: -5px; } section.UrlaubspaketT1 article.element.bubble div.inside { display: inline-block; vertical-align: middle; text-align: center; } section.UrlaubspaketT1 article.element.bubble div.bubble { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 377px; height: 377px; position: relative; overflow: hidden; } section.UrlaubspaketT1 article.element.bubble div.bubble div.text { height: 100%; position: relative; } section.UrlaubspaketT1 article.element.bubble div.bubble div.text:before { content: ''; height: 100%; vertical-align: middle; display: inline-block; margin-left: -5px; } section.UrlaubspaketT1 article.element.bubble div.bubble div.text div.textinside { display: inline-block; vertical-align: middle; max-width: 305px; } section.UrlaubspaketT1 article.element.bubble div.bubble.withButton div.textinside { margin-bottom: 50px; } section.UrlaubspaketT1 article.element.bubble div.bubble div.text div.content { margin: 1.000000em 0px 0px 0px; } section.UrlaubspaketT1 article.element.bubble div.bubble div.text div.content ul { width: 250px; color: #665350; margin: 0 auto; } section.UrlaubspaketT1 article.element.bubble div.bubble div.button { position: absolute; left: 0px; bottom: 0px; width: 377px; display: block; } section.UrlaubspaketT1 article.element.bubble div.bubble div.button a { display: block; padding: 5px 10px 0px 10px; min-height: 90px; } section.UrlaubspaketT1 article.element.teaser div.inside { margin: 9.401709% 0px 0px 0px; } section.UrlaubspaketT1 article.element.teaser div.boxes { margin-top: 2.500000em; } section.UrlaubspaketT1 article.element.teaser div.box { float: left; display: inline; width: 23.308271%; margin-left: 2.255639%; } section.UrlaubspaketT1 article.element.teaser div.box:first-child { margin-left: 0px; } section.UrlaubspaketT1 article.element.teaser div.box div.insidebox { margin: 9px; } section.UrlaubspaketT1 article.element.teaser div.box.textbox { position: relative; padding: 23.308271% 0px 0px 0px; text-align: left; } section.UrlaubspaketT1 article.element.teaser div.box.textbox:hover { -webkit-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0); } section.UrlaubspaketT1 article.element.teaser div.box.textbox .insidebox { position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; margin: 1.111111em; } section.UrlaubspaketT1 article.element.teaser div.box span { display: block; } section.UrlaubspaketT1 article.element.teaser div.box span.subheadline { margin-top: 0.222222em; } section.UrlaubspaketT1 article.element.teaser div.box span.arrow { position: absolute; right: 0px; bottom: 0px; width: 45px; height: 25px; } section.UrlaubspaketT1 article.element.teaser div.button { display: none; } section.UrlaubspaketT1 article.element.columns { position: relative; height: 100%; text-align: left; display: block; } section.UrlaubspaketT1 article.element.columns:before { content: ''; height: 100%; display: inline-block; vertical-align: middle; margin-left: -5px; } section.UrlaubspaketT1 article.element.columns div.inside { max-width: 800px; text-align: left; display: inline-block; vertical-align: middle; margin-bottom: 60px; } section.UrlaubspaketT1 article.element.columns div.astable { margin-top: 0.333333em; } section.UrlaubspaketT1 article.element.columns div.leftside { margin-right: 340px; max-width: 660px; } section.UrlaubspaketT1 article.element.columns div.rightside { float: right; display: inline; width: 300px; } section.UrlaubspaketT1 article.element.columns div.inside div.content { margin-top: 1.000000em; } section.UrlaubspaketT1 div.scrolldown { position: absolute; right: 0.833333em; bottom: 10px; z-index: 5; text-align: center; } section.UrlaubspaketT1 div.gallerynavi { position: absolute; left: 0px; bottom: 30px; width: 100%; z-index: 5; text-align: center; } section.UrlaubspaketT1 div.gallerynavi a { margin-left: 10px; } section.UrlaubspaketT1 div.gallerynavi a:first-child { margin-left: 0px; } } @media (max-width: 1023px) { section.UrlaubspaketT1 div.gallerybox { margin-bottom: 0px; } section.UrlaubspaketT1 div.gallerybox div.gallery { height: auto; } section.UrlaubspaketT1 div.gallerybox div.gallery div.fadingobj div.image { width: 100%; height: auto; position: relative; left: 0px; top: 0px; } section.UrlaubspaketT1 div.gallerybox div.gallery div.fadingobj picture { display: inline-block; } section.UrlaubspaketT1 div.gallerybox div.gallery div.fadingobj picture img { max-width: 100%; min-width: 0px; min-height: 0px; } section.UrlaubspaketT1 div.imagecontainer { height: auto; } section.UrlaubspaketT1 div.imagecontainer div.imagewrapper { position: relative; } section.UrlaubspaketT1 div.imagecontainer div.imagewrapper div.image { width: 100%; height: auto; position: relative; left: 0px; top: 0px; } section.UrlaubspaketT1 div.imagecontainer div.imagewrapper picture img { max-width: 100%; min-width: 0px; min-height: 0px; } section.UrlaubspaketT1 div.withColumns div.contentwrapper { position: relative; min-height: 436px; } section.UrlaubspaketT1 article.element.columns { padding: 3.333333em 0px 186px 0px; } section.UrlaubspaketT1 article.element.columns div.inside { max-width: 660px; margin: 0px 300px 0px 0px; } section.UrlaubspaketT1 article.element.columns div.astable { display: table; } section.UrlaubspaketT1 article.element.columns div.leftside { display: table-header-group; } section.UrlaubspaketT1 article.element.columns div.rightside { display: table-footer-group; float: none; } section.UrlaubspaketT1 article.element.columns div.rightside div.insidebox { margin-top: 1.666667em; } } @media (max-width: 940px) { section.UrlaubspaketT1 article.element.teaser div.inside { margin: 5.982906% 0px 0px 0px; } section.UrlaubspaketT1 article.element.teaser div.boxes { text-align: center; margin-top: 1.666667em; } section.UrlaubspaketT1 article.element.teaser div.box div.insidebox { margin: 7px; } section.UrlaubspaketT1 article.element.teaser div.box { float: none; display: inline-block; } section.UrlaubspaketT1 article.element.teaser div.box.textbox { display: none; } section.UrlaubspaketT1 article.element.teaser div.button { display: block; text-align: center; margin-top: 1.666667em; } section.UrlaubspaketT1 article.element.bubble div.bubble { width: 240px; height: 240px; position: relative; overflow: hidden; } section.UrlaubspaketT1 article.element.bubble div.bubble div.textinside { margin-bottom: 20px; padding: 0px 10px 0px 10px; } section.UrlaubspaketT1 article.element.bubble div.bubble.withButton div.textinside { margin-bottom: 40px; } section.UrlaubspaketT1 article.element.bubble div.bubble div.textinside h2 { margin: 0px 0px 0px 0px; } section.UrlaubspaketT1 article.element.bubble div.bubble div.text div.content { margin: 0.500000em 0px 0px 0px; } section.UrlaubspaketT1 article.element.bubble div.bubble div.text div.content ul { width: 165px; line-height: 30px; } section.UrlaubspaketT1 article.element.bubble div.bubble div.button { width: 240px; } section.UrlaubspaketT1 article.element.bubble div.bubble div.button a { display: block; padding: 10px 35px 0px 35px; min-height: 55px; font-size: 15px; line-height: 18px; } } @media (max-width: 749px) { section.UrlaubspaketT1 div.scrolldown { display: none; } section.UrlaubspaketT1 div.gallerynavi { display: none; } section.UrlaubspaketT1 div.breadcrumb { display: none; } section.UrlaubspaketT1 div.contentwrapper { position: relative; } section.UrlaubspaketT1 div.withColumns div.bgcontainer { display: none; } section.UrlaubspaketT1 div.withColumns div.contentwrapper { background: transparent; min-height: 0px; } section.UrlaubspaketT1 article.element.centered div.inside { margin: 20px 0px 40px 0px; } section.UrlaubspaketT1 article.element.bubble { position: relative; height: 100%; text-align: right; } section.UrlaubspaketT1 article.element.bubble:before { content: none; } section.UrlaubspaketT1 article.element.bubble div.inside { display: block; margin: 20px 0px 40px 0px; } section.UrlaubspaketT1 article.element.bubble div.bubble { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; width: auto; height: auto; background: transparent; } section.UrlaubspaketT1 article.element.bubble div.bubble div.textinside { margin: 0px 0px 0px 0px; } section.UrlaubspaketT1 article.element.bubble div.bubble.withButton div.textinside { margin: 0px 0px 0px 0px; } section.UrlaubspaketT1 article.element.bubble div.bubble div.text div.content { margin: 1.000000em 0px 0px 0px; } section.UrlaubspaketT1 article.element.bubble div.bubble div.text div.content ul { width: auto; } section.UrlaubspaketT1 article.element.bubble div.bubble div.button { position: relative; width: auto; margin: 16px 0px 0px 0px; } section.UrlaubspaketT1 article.element.bubble div.bubble div.button a { min-height: 0px; font-size: 18px; padding: 0px 13px 0px 13px; line-height: 40px; display: inline-block; } section.UrlaubspaketT1 article.element.right, section.UrlaubspaketT1 article.element.left { text-align: center; } section.UrlaubspaketT1 article.element.right:before, section.UrlaubspaketT1 article.element.left:before { content: none; } section.UrlaubspaketT1 article.element.left div.inside, section.UrlaubspaketT1 article.element.right div.inside { text-align: center; width: auto; margin: 20px 0px 40px 0px; } section.UrlaubspaketT1 article.element.left div.inside div.content ul, section.UrlaubspaketT1 article.element.right div.inside div.content ul { display: inline-block; vertical-align: top; } section.UrlaubspaketT1 article.element.teaser div.inside { margin: 20px 0px 40px 0px; } section.UrlaubspaketT1 article.element.teaser div.inside h1, section.UrlaubspaketT1 article.element.teaser div.inside h2 { color: #665350; } section.UrlaubspaketT1 article.element.teaser div.boxes { margin: 0px 0px 0px 0px; } section.UrlaubspaketT1 article.element.teaser div.box { display: none; } section.UrlaubspaketT1 article.element.columns { padding: 0px 0px 0px 0px; } section.UrlaubspaketT1 article.element.columns:before { content: none; } section.UrlaubspaketT1 article.element.columns div.inside { margin: 0px 0px 0px 0px; padding: 20px 0px 40px 0px; display: block; text-align: center; } section.UrlaubspaketT1 article.element.columns div.astable { margin-top: 0.333333em; } section.UrlaubspaketT1 article.element.columns div.leftside { } section.UrlaubspaketT1 article.element.columns div.rightside { } section.UrlaubspaketT1 article.element.columns div.inside div.content { margin-top: 1.000000em; } section.UrlaubspaketT1 article.element.columns div.inside div.content ul { display: inline-block; vertical-align: middle; } } /* Theme stage T5 ________________________________________________________ */ @media all { section.ThemeStageT5 { position: relative; text-align: center; display: block; } section.ThemeStageT5 div.gallerybox { position: relative; } section.ThemeStageT5 div.gallerybox div.gallery { width: 100%; height: 100%; position: relative; overflow: hidden; z-index: 1; } section.ThemeStageT5 div.gallerybox div.gallery div.fadingobj { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-color: #FFFFFF; } section.ThemeStageT5 div.gallerybox div.gallery div.fadingobj div.image { width: 200%; height: 200%; position: absolute; left: -50%; top: -50%; text-align: center; } section.ThemeStageT5 div.gallerybox div.gallery div.fadingobj picture { display: inline-block; font-size: 0px; width: 100%; height: 100%; } section.ThemeStageT5 div.gallerybox div.gallery div.fadingobj picture:before { content: ''; display: inline-block; margin-left: -1px; width: 1px; height: 100%; vertical-align: middle; } section.ThemeStageT5 div.gallerybox div.gallery div.fadingobj picture img { display: inline; min-width: 50%; min-height: 50%; float: none; vertical-align: middle; } section.ThemeStageT5 div.gallerybox div.gallery div.fadingobj article.centercontent { display: block; } section.ThemeStageT5 div.image > a:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } section.ThemeStageT5 a span.arrow2i { vertical-align: middle; } section.ThemeStageT5 div.gallerynavi { position: absolute; left: 0px; bottom: 0px; width: 100%; z-index: 5; } section.ThemeStageT5 div.gallerynavi div.wrapper { display: inline-block; vertical-align: top; width: 100%; max-width: 1170px; position: relative; z-index: 5; -moz-box-shadow: 0 2px 5px 1px #777777; -webkit-box-shadow: 0 2px 5px 1px #777777; box-shadow: 0 2px 5px 1px #777777; } section.ThemeStageT5 div.gallerynavi div.textbox { float: left; display: inline; background-color: #FFFFFF; width: 33.333333%; cursor: pointer; } section.ThemeStageT5 div.gallerynavi div.textbox.aktiv { background-color: #89796B; position: relative; } section.ThemeStageT5 div.gallerynavi div.textbox.aktiv:before { content: ''; position: absolute; left: 50%; top: -9px; width: 0px; height: 0px; border-style: solid; border-width: 0px 11.5px 10px 11.5px; border-color: transparent transparent #89796B transparent; margin-left: -9.5px; } section.ThemeStageT5 div.gallerynavi div.textbox div.inside { border-left: solid 1px #EEE8DB; padding: 1.777778em 0.555556em 1.777778em 0.555556em; } section.ThemeStageT5 div.gallerynavi div.textbox div.divider { border-top: solid 1px #E7E4E1; height: 0px; margin-left: auto; margin-right: auto; margin-top: 1.000000em; margin-bottom: 1.000000em; width: 96%; max-width: 156px; } section.ThemeStageT5 div.gallerynavi div.textbox.aktiv div.divider { border-color: #A19489; } section.ThemeStageT5 div.gallerynavi div.textbox:first-child div.inside { border: 0px; } section.ThemeStageT5 div.gallerynavi div.textbox.aktiv h2 { color: #FFFFFF; } section.ThemeStageT5 div.scrolldown { position: absolute; right: 20px; bottom: 10px; z-index: 10; } } @media (max-width: 1400px) { section.ThemeStageT5 div.scrolldown { position: absolute; right: 0px; bottom: 10px; z-index: 10; } } @media (max-width: 1320px) { section.ThemeStageT5 div.scrolldown { right: 1%; bottom: 0px; } } @media (max-width: 1023px) { section.ThemeStageT5 div.gallerybox { margin-bottom: 0px; } section.ThemeStageT5 div.gallerybox div.gallery { height: auto; } section.ThemeStageT5 div.gallerybox div.gallery div.fadingobj div.image { width: 100%; height: auto; position: relative; left: 0px; top: 0px; } section.ThemeStageT5 div.gallerybox div.gallery div.fadingobj picture { display: inline-block; } section.ThemeStageT5 div.gallerybox div.gallery div.fadingobj picture img { max-width: 100%; min-width: 0px; min-height: 0px; } } @media (max-width: 749px) { section.ThemeStageT5 div.scrolldown { display: none; } section.ThemeStageT5 div.gallerynavi div.wrapper { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } section.ThemeStageT5 div.gallerynavi { position: relative; display: block; width: auto; } section.ThemeStageT5 div.gallerynavi div.textbox { display: none; float: none; width: auto; cursor: default; } section.ThemeStageT5 div.gallerynavi div.textbox.aktiv { display: block; } section.ThemeStageT5 div.gallerynavi div.textbox div.inside { border: 0px; } } /* TeaserT1 _______________________________________________________________ */ @media all { section.TeaserT1 { position: relative; width: 100%; text-align: center; } section.TeaserT1 article.element { position: absolute; left: 0px; top: 75px; text-align: center; width: 100%; } section.TeaserT1 article.element div.inside { max-width: 810px; } section.TeaserT1 article.element div.introduction { margin-top: 0.666667em; } section.TeaserT1 article.element div.inside a.link { color: #FFFFFF; margin-top: 1.000000em; display: inline-block; vertical-align: top; } section.TeaserT1 article.element div.inside a.link span { } section.TeaserT1 picture { width: 100%; } section.TeaserT1 picture img { width: 100%; } } @media (max-width: 749px) { section.TeaserT1 article.element { position: static; background-color: #89796b; } section.TeaserT1 article.element div.inside { padding: 20px 0px 30px 0px; } } /* SitemapV1 _____________________________________________________________ */ section.sitemapV1 { } section.sitemapV1 h1 { margin: 30px 0px 30px 0px; } section.sitemapV1 ul { text-align: left; margin-bottom: 10px; } section.sitemapV1 ul a { color: #665350; } /* IntroT1 _______________________________________________________________ */ @media all { section.RoomsT1 { margin: 3.333333em 0px 5.000000em 0px; position: relative; text-align: center; } section.RoomsT1 article.element h2 { margin-top: 0.222222em; } section.RoomsT1 article.element div.boxes { margin-top: 1.111111em; } section.RoomsT1 article.element div.textbox { float: right; display: inline; width: 310px; text-align: left; padding: 30px; } section.RoomsT1 article.element div.textbox h2 { margin: 0px 0px 0px 0px; } section.RoomsT1 article.element div.textbox div.content { margin-top: 1.000000em; } section.RoomsT1 article.element div.textbox a { margin-top: 1.000000em; display: block; } section.RoomsT1 article.element div.roomgallery { margin-right: 370px; } section.RoomsT1 div.liveedit { margin: 20px 0px 0px 0px; } section.RoomsT1 div.liveeditnewitem { margin: 0px 0px 0px 0px; } } @media (max-width: 1000px) { } @media (max-width: 830px) { section.RoomsT1 article.element div.boxes { display: table; max-width: 100%; table-layout: fixed; } section.RoomsT1 article.element div.textbox { float: none; width: auto; display: table-footer-group; } section.RoomsT1 article.element div.textbox div.inside { padding: 20px; } section.RoomsT1 article.element div.roomgallery { margin: 0px 0px 0px 0px; display: table-header-group; } section.RoomsT1 article.element div.roomgallery img { width: 100%; } } /* Privacy T1 _____________________________________________ */ @media all { section.unitprivacy ul { max-width: 100%; text-align: left; } } /* IntroT1 _______________________________________________________________ */ @media all { section.OffersOnpageT1 { padding: 3.333333em 0px 0px 0px; position: relative; text-align: center; display: block; } section.OffersOnpageT1 article.element h2 { margin-top: 0.222222em; } section.OffersOnpageT1 article.element div.offersgallery { margin-top: 1.500000em; margin-bottom: 4.444444em; } section.OffersOnpageT1 article.element div.intro { position: relative; min-height: 34px; } section.OffersOnpageT1 article.element div.intro div.inside { padding: 0px 65px; } section.OffersOnpageT1 article.element div.intro a { position: absolute; bottom: 0%; height: 34px; } section.OffersOnpageT1 article.element div.intro a.disabled { display: none; } section.OffersOnpageT1 article.element div.intro a.prev { left: 0px; } section.OffersOnpageT1 article.element div.intro a.next { right: 0px; } section.OffersOnpageT1 div.liveedit { margin: 20px 0px 0px 0px; } section.OffersOnpageT1 div.liveeditnewitem { margin: 0px 0px 0px 0px; } } @media (max-width: 930px) { section.OffersOnpageT1 article.element div.offersgallery { margin-bottom: 0px; } } @media (max-width: 749px) { section.OffersOnpageT1 article.element div.intro div.inside { padding: 0px 54px; } section.OffersOnpageT1 article.element div.intro a { width: 50px; } } /* Newsletter T1 ________________________________________________________________ */ @media all { section.NewsletterT1 form { max-width: 700px; margin: 0 auto; } div.NewsletterT1onpage div.NewsletterT1onpagecontent { margin-top: 0.666667em; } div.NewsletterT1onpage form label.pflichtfeld { display: none; } div.NewsletterT1onpage form { display: block; margin-top: 25px; } div.NewsletterT1onpage form div.row.input { width: 78.846154%; font-size: 18px; float: left; display: inline; } div.NewsletterT1onpage form div.row div.inputfield { width: 100%; padding: 0px 0px 0px 0px; } div.NewsletterT1onpage form div.row div.inputfield input { background-color: #C6BAAA; color: #695650; border: 1px solid #B09E86; } div.NewsletterT1onpage form a.senden { float: left; display: inline; margin: 0px 0px 0px 0px; } div.NewsletterT1onpage form div.row.checkbox label.extralabel a { color: #695650; line-height: 1.750000em; } div.NewsletterT1onpage form div.row.checkbox label.extralabel a:hover { color: #463d2c; } div.NewsletterT1onpage form div.row.checkbox div.checkboxfield { margin-top: 8px; } div.NewsletterT1onpage #additive-newsletter-635bc19d064f4 .fQAcVY.fQAcVY { gap: 0px; display: flex; flex-direction: unset; } div.NewsletterT1onpage #additive-newsletter-635bc19d064f4 form div div.flex { margin-right: 15px; } div.NewsletterT1onpage #additive-newsletter-635bc19d064f4 form div div.flex:first-child { min-width: 170px; width: 30%; } div.NewsletterT1onpage #additive-newsletter-635bc19d064f4 button { display: inline-block; max-width: 240px; flex-direction: unset; } } @media (max-width: 880px) { div.NewsletterT1onpage div.headline { cursor: pointer; font-size: 20px; line-height: 1.200000em; padding: 6px 4% 6px 4%; } div.NewsletterT1onpage div.NewsletterT1onpagecontent { display: none; padding: 6px 4% 6px 4%; margin: 0px 0px 0.666667em 0px; } div.NewsletterT1onpage div.NewsletterT1onpagecontent.open { display: block; } div.NewsletterT1onpage form { max-width: 480px; margin: 25px auto 0 auto; } div.NewsletterT1onpage #additive-newsletter-635bc19d064f4 .dnjPrB.dnjPrB { gap: 0px; display: flex; flex-direction: column; } div.NewsletterT1onpage #additive-newsletter-635bc19d064f4 form div div.flex { margin-right: 0px; } } @media (max-width: 749px) { div.NewsletterT1onpage form div.row.input { width: auto; float: none; display: block; font-size: 1.000000em; } div.NewsletterT1onpage form a.senden { float: right; } div.NewsletterT1onpage form div.row.checkbox { float: left; display: inline; clear: none; } } @media (max-width: 480px) { section.NewsletterT1 form label.label { width: 100%; } section.NewsletterT1 form div.row.input label.label { display: block; float: none; width: auto; } section.NewsletterT1 form div.row.input label.label.ort { display: none; } section.NewsletterT1 form div.row.input div.inputfield { display: block; float: none; width: auto; } section.NewsletterT1 form div.row.input div.inputfield.plz { float: left; display: inline; width: 27.777778%; } section.NewsletterT1 form div.row.input div.inputfield.ort { float: left; display: inline; width: 68.518519%; margin: 0px 0px 0px 1.851852%; } section.NewsletterT1 form div.row.textarea label.label { display: block; float: none; width: auto; } section.NewsletterT1 form div.row.textarea div.textarea { display: block; float: none; width: auto; } section.NewsletterT1 form div.row.checkbox label.label { display: block; float: none; width: auto; margin-bottom: 0.250000em; } section.NewsletterT1 form div.row.checkbox label.extralabel { display: inline; float: left; } section.NewsletterT1 form div.row.checkbox div.checkboxfield { margin-left: 2.314815%; } section.NewsletterT1 form div.row.select div.selectfield { width: 100%; } section.NewsletterT1 form a.senden { margin: 0px 0px 0px 0px; width: auto; float: none; display: block; } section.NewsletterT1 form a.senden span.mitte { padding: 0px 0px 0px 0px; text-align: center; width: 100%; } } /* Menu T1 _______________________________________________________________ */ @media all { div.rahmen { transition: margin 200ms linear; overflow-x: hidden; } div.slidemenu { display: none; position: fixed; left: 0px; top: 0px; width: 276px; border-right: solid 3px #eee8db; margin-left: -279px; height: 100%; z-index: 81; transition: margin 200ms linear; overflow: hidden; background-color: #685550; } body.menuslide div.slidemenu { margin-left: 0px; overflow-y: scroll; } body.menuslide div.rahmen { margin: 0px 0px 0px 279px; position: fixed; height: 100%; overflow: hidden; } a.closemobilemenu { display: none; width: 40px; height: 40px; position: absolute; left: 0px; top: 0px; background: url(/images/modules/MenuT1/icon-menu.png) no-repeat center center #685550; z-index: 81; } nav.mainmenu { text-align: center; } nav.mainmenu ul.menu { background-color: #89796B; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: inline-block; vertical-align: top; max-width: none; width: 100%; -moz-box-shadow: 4px 4px 8px #555555; -webkit-box-shadow: 4px 4px 8px #555555; box-shadow: 4px 4px 8px #555555; } .fixed nav.mainmenu ul.menu { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } nav.mainmenu ul.menu li { float: left; display: inline; position: relative; margin: 0px 0px 0px 0px; border: 0px; font-family: 'PT Sans Narrow', sans-serif; font-size: 22px; } nav.mainmenu ul.menu.widthAuto li { width: auto !important; } nav.mainmenu ul.menu li a { position: relative; display: block; color: #FFFFFF; padding: 12px 0.272727em 13px 0.272727em; font-weight: normal; border-left: solid 1px #A19489; } nav.mainmenu ul.menu li:first-child a { border: 0px; } nav.mainmenu ul.menu li.aktiv a, nav.mainmenu ul.menu li a:hover { color: #FFFFFF; background-color: #63584E; } nav.mainmenu ul.menu li.aktiv a:before { content: ''; position: absolute; left: 50%; bottom: -9px; margin-left: -9.5px; width: 0px; height: 0px; border-style: solid; border-width: 9px 9.5px 0 9.5px;; border-color: #63584E transparent transparent transparent; } nav.mainmenu ul.menu li.booking { display: none; } .fixed nav.mainmenu ul.menu li.booking { display: inline; font-size: 18px; } .fixed nav.mainmenu ul.menu li.booking a { padding-top: 0px; padding-bottom: 0px; font-weight: bold; border: 0px; } .fixed nav.mainmenu ul.menu li.booking a.button1:hover { background-color: #B7BF4E; } .fixed nav.mainmenu ul.menu li.booking a.button2:hover { background-color: #C60000; } .fixed nav.mainmenu ul.menu li#MenuUrlaubbuchen { display: none; } nav.mainmenu ul.menu li ul { display: none !important; } div.rahmen div.rahmengrey { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 80; } nav.mobilemenu nav.language.mobile { display: none; } nav.mobilemenu { padding: 40px 0px 20px 0px; } nav.mobilemenu ul { padding: 0px 30px 0px 30px; } nav.mobilemenu ul li { border-top: solid 1px #eee8db; } nav.mobilemenu ul li a { color: #FFFFFF; text-transform: uppercase; display: block; float: none; padding: 4px 0px 4px 0px; font-family: 'PT Sans Narrow','PT Sans',Arial,Helvetica,sans-serif; font-weight: bold; font-size: 1.111111em; text-align: center; } nav.mobilemenu ul li:first-child { border: 0px; } nav.mobilemenu ul li:before { content: none; } nav.mobilemenu ul li ul { padding: 0px 0px 16px 0px; display: none; } nav.mobilemenu ul li ul li { margin: 0px 0px 0px 0px; border: 0px; } nav.mobilemenu ul li ul li a { text-transform: none; color: #B9A996; padding: 0px 0px 0px 0px; line-height: 1.500000em; } } @media (max-width: 1023px) { nav.mainmenu ul.menu li#MenuUrlaubbuchen { display: none; } nav.mainmenu ul.menu li a { position: relative; display: block; color: #FFFFFF; padding: 12px 0.272727em 13px 0.272727em; font-weight: normal; border: 0px; } } @media (max-width: 900px) { nav.mainmenu ul.menu li { font-size: 19px; } } @media (max-width: 749px) { nav.mainmenu { display: none; } div.slidemenu { display: block; } nav.mobilemenu ul.menu li ul { display: none; } nav.mobilemenu ul.menu li.booking { display: none; } nav.mobilemenu nav.language.mobile { display: flex; justify-content: center; gap: 10px; margin-top: 18px; } nav.mobilemenu nav.language.mobile a { color: #ffffff; opacity: 0.8; } nav.mobilemenu nav.language.mobile a.aktiv { font-weight: bold; opacity: 1; } a.closemobilemenu { display: block; } } /* List T3 _______________________________________________________________ */ @media all { section.ListT3 { } section.ListT3 div.ajaxcontainer { margin-bottom: 2.777778em; } section.ListT3 div.ajaxcontainer article.element { margin: 2.500000em 0px 0px 0px; position: relative; width: 48.717949%; float: left; display: inline; } section.ListT3 div.ajaxcontainer article.element:nth-child(2n) { float: right; } section.ListT3 div.ajaxcontainer article.element picture { } section.ListT3 div.ajaxcontainer article.element picture a { display: block; position: relative; width: 100%; } section.ListT3 div.ajaxcontainer article.element picture a img { display: block; max-width: 100%; } section.ListT3 div.ajaxcontainer article.element > div { margin: 0px 3.589744% 1.875000em 3.589744%; padding-top: 1.875000em; padding-bottom: 52px; } section.ListT3 div.ajaxcontainer article.element > div.noButton { padding-top: 1.875000em; padding-bottom: 1.875000em; margin-bottom: 0px; } section.ListT3 div.ajaxcontainer article.element div.introduction { margin: 12px 6.837607% 0px 0px; } section.ListT3 div.ajaxcontainer article.element a.button { display: inline-block; margin: 0px 0px 0px 0px; position: absolute; left: 3.589744%; bottom: 1.875000em; } section.ListT3 div.ajaxcontainer article.liveeditnewitem { margin: 0px 0px 0px 0px; } } @media (max-width: 990px) { section.ListT3 div.ajaxcontainer article.element { } section.ListT3 div.ajaxcontainer article.element picture { margin-bottom: 1em; width: 100%; } section.ListT3 div.ajaxcontainer article.element picture img { max-width: none; width: 100%; } section.ListT3 div.ajaxcontainer article.element picture + div { margin: 0px 3.589744% 0px 3.589744%; } } @media (max-width: 620px) { section.ListT3 div.ajaxcontainer article.element { float: none; display: block; margin: 2.500000em auto 0 auto !important; width: auto; max-width: 586px; } section.ListT3 div.ajaxcontainer article.element:nth-child(2n) { float: none; } } /* FilterT3____________________________________________________________*/ @media all { section.ListT3filter { } section.ListT3filter div.checkboxes { margin: 0px 0px 0px 0px; background-color: #483d2c; padding: 1.125000em 1.196581% 1.250000em 1.709402%; } section.ListT3filter div.checkboxes div.text { color: #FFFFFF; width: 21.739130%; font-weight: bold; float: left; display: inline;} section.ListT3filter div.checkboxes div.row.checkbox { width: auto; margin: 0px 5.757576% 0px 0px; float: left; display: inline; clear: none; position: relative; } section.ListT3filter div.checkboxes div.row.checkbox label.label { display: none; } section.ListT3filter div.checkboxes div.row.checkbox label.label.extralabel { color: #FFFFFF; display: inline; margin-left: 1.500000em; } section.ListT3filter div.checkboxes div.row.checkbox div.checkboxfield { position: absolute; left: 0px; } } /* ListeDownLinksV1 ______________________________________________________ */ section.listedownlinksV1 article.element { background-color: #FFFFFF; margin: 0px 0px 25px 0px; position: relative; } section.listedownlinksV1 article.element picture { float: left; } section.listedownlinksV1 article.element h2 { margin: 0px 0px 8px 0px; } section.listedownlinksV1 article.element img.links, section.listedownlinksV1 article.element div.imglinks { margin: 15px 15px 15px 15px; } section.listedownlinksV1 article.element div.imglinks img { float: left; } section.listedownlinksV1 article.element div.listemitbild { float: left; display: inline; margin: 15px 0px 0px 0px; width: 503px; padding: 15px 15px 50px 15px; } section.listedownlinksV1 article.element div.vorspann { margin: 0px 0px 0px 0px; } section.listedownlinksV1 article.element div.buttons { float: right; margin: -55px 0px 15px 0px; } section.listedownlinksV1 article.element div.buttons a.button { margin: 0px 15px 0px 0px; display: inline-block; } section.listedownlinksV1 article.element div.buttons div.liveedit { float: right; margin: 2px 15px 0px 0px; } section.listedownlinksV1 article.liveeditnewitem { margin: 0px 0px 0px 0px; } /* LandingpageT2 _________________________________________________________ */ @media all { section.LandingpageT2 { position: relative; overflow: hidden; } section.LandingpageT2 div.bgimage { max-height: 700px; } section.LandingpageT2 div.wrapper { position: absolute; left: 0px; top: 0px; width: 100%; } section.LandingpageT2 article.element { text-align: center; padding: 6.410256% 0px 0px 0px; } section.LandingpageT2 article.element.normal { width: 90.940171%; margin: 0 auto; } section.LandingpageT2 article.element div.boxes { margin-top: 2.500000em; } section.LandingpageT2 article.element div.box { float: left; display: inline; width: 23.308271%; margin-left: 2.255639%; } section.LandingpageT2 article.element div.box:first-child { margin-left: 0px; } section.LandingpageT2 article.element div.box div.inside { margin: 9px; } section.LandingpageT2 article.element div.box.textbox { position: relative; padding: 23.308271% 0px 0px 0px; text-align: left; } section.LandingpageT2 article.element div.box.textbox:hover { -webkit-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0); } section.LandingpageT2 article.element div.box.textbox .inside { position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; margin: 1.111111em; } section.LandingpageT2 article.element div.box span { display: block; } section.LandingpageT2 article.element div.box span.subheadline { margin-top: 0.222222em; } section.LandingpageT2 article.element div.box span.arrow { position: absolute; right: 0px; bottom: 0px; width: 45px; height: 25px; } section.LandingpageT2 article.element div.button { display: none; } } @media (max-width: 940px) { section.LandingpageT2 article.element div.box:nth-child(3) { display: none; } section.LandingpageT2 article.element div.box { width: 31.203008%; margin-left: 3.195489%; } section.LandingpageT2 article.element div.box.textbox { display: inline; padding: 31.203008% 0px 0px 0px; } } @media (max-width: 900px) and (min-width: 750px) { section.LandingpageT2 article.element div.boxes { margin-top: 1.111111em; } } @media (max-width: 749px) { section.LandingpageT2 div.wrapper { position: relative; width: auto; background-color: #89796b; } section.LandingpageT2 article.element { padding: 20px 0px 40px 0px; } section.LandingpageT2 article.element div.boxes { margin-top: 1.666667em; } section.LandingpageT2 article.element div.box { display: none; } section.LandingpageT2 article.element div.box.textbox { display: none; } section.LandingpageT2 article.element div.button { display: block; text-align: center; } } /* LandingpageT1 _________________________________________________________ */ @media all { section.LandingpageT1 { width: 100%; overflow: hidden; position: relative; } section.LandingpageT1 div.container { padding-top: 1.666667em; width: 102.564103%; position: relative; } section.LandingpageT1 article.element { width: 25.000000%; float: left; display: inline; } section.LandingpageT1 article.element.big, section.LandingpageT1 article.element.flat { width: 50.000000%; } section.LandingpageT1 article.element.tall:nth-child(4) { float: right; } section.LandingpageT1 article.element.small:nth-child(5) { float: right; } section.LandingpageT1 article.element.flat:nth-child(6) { float: right; } section.LandingpageT1 article.element div.inside { margin: 0px 10.000000% 10.000000% 0px; position: relative; display: block; } section.LandingpageT1 article.element.big div.inside, section.LandingpageT1 article.element.flat div.inside { margin: 0px 5.000000% 5.000000% 0px; } section.LandingpageT1 article.element.small div.inside.noImage { padding: 73.000000% 0px 0px 0px; } section.LandingpageT1 article.element.small div.inside.noImage:hover { -webkit-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0); } section.LandingpageT1 article.element.small div.inside a.arrow { position: absolute; right: 1.388889em; bottom: 1.388889em; z-index: 4; width: 45px; height: 25px; } section.LandingpageT1 article.element div.inside picture { position: relative; z-index: 1; } section.LandingpageT1 article.element .insidetext { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 3; } section.LandingpageT1 article.element .insidetext span.asDiv { display: block; } section.LandingpageT1 article.element .insidetext span.wrapper { padding: 1.388889em; } section.LandingpageT1 article.element div.inside.withImage:hover:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 2; -webkit-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0); } section.LandingpageT1 div.liveedit { float: left; margin: 0.625000em 0.625000em 0.625000em 0px; } section.LandingpageT1 div.liveeditnewitem { margin: 0.625000em 0px 0.625000em 0px; } } @media (max-width: 1000px) { section.LandingpageT1 div.container { width: 103.112033%; } section.LandingpageT1 article.element { width: 33.299799%; } section.LandingpageT1 article.element.big, section.LandingpageT1 article.element.flat { width: 66.599598%; } section.LandingpageT1 article.element div.inside { margin-right: 9.063444%; margin-bottom: 9.063444%; } section.LandingpageT1 article.element.big div.inside, section.LandingpageT1 article.element.flat div.inside { margin: 0px 4.531722% 4.531722% 0px; } } @media (max-width: 780px) { section.LandingpageT1 div.container { width: 104.132231%; } section.LandingpageT1 article.element { width: 50.000000%; } section.LandingpageT1 article.element.big, section.LandingpageT1 article.element.flat { width: 100.000000%; } section.LandingpageT1 article.element div.inside { margin-right: 7.936508%; margin-bottom: 7.936508%; } } @media (max-width: 480px) { section.LandingpageT1 div.container { width: auto; float: none; display: block; } section.LandingpageT1 article.element { width: 100%; float: none; display: block; } section.LandingpageT1 article.element div.inside { margin-right: 0px; margin-bottom: 6.250000%; } section.LandingpageT1 article.element.big div.inside, section.LandingpageT1 article.element.flat div.inside { margin-right: 0px; margin-bottom: 6.250000%; } } /* IntroT1 _______________________________________________________________ */ @media all { section.IntroT1 { margin: 0px 0px 0px 0px; position: relative; text-align: center; } section.IntroT1 div.bgimage { background: url(/images/modules/IntroT1/bg-intro.png) no-repeat right bottom; position: absolute; right: 0px; bottom: 0px; width: 232px; height: 211px; } section.IntroT1 div.wrapper { margin-bottom: 2.777778em; position: relative; z-index: 1; } section.IntroT1.withMargin div.wrapper { margin-top: 3.333333em; } section.IntroT1 article.element { max-width: 940px; margin-left: auto; margin-right: auto; } section.IntroT1 article.element h2 { margin-top: 0.222222em; } section.IntroT1 article.element div.content { margin-top: 1.111111em; } section.IntroT1 div.liveedit { margin: 20px 0px 0px 0px; } section.IntroT1 div.liveeditnewitem { margin: 0px 0px 0px 0px; } } @media (max-width: 1000px) { } @media (max-width: 749px) { section.IntroT1 div.wrapper { margin-top: 2.222222em; margin-bottom: 2.777778em; } section.IntroT1 { background-image: none; } } /* ImpressumV1 ___________________________________________________________ */ @media all { div.impressumV1 { } div.impressumV1 h1 { margin: 30px 0px 30px 0px; } div.impressumV1 h2 { margin: 0px 0px 20px 0px; } div.impressumV1 h3 { margin: 0px 0px 15px 0px; } div.impressumV1 p { margin: 0px 0px 16px 0px; } div.impressumV1 img { clear: both; float: right; margin: 0px 0px 10px 10px; max-width: 300px; } div.impressumV1 div.box { margin-top: 1.666667em; } } /* Header T1 _____________________________________________________________ */ @media all { section.HeaderT1 { position: relative; text-align: center; display: block; } section.HeaderT1 div.imagebox { position: relative; } section.HeaderT1 div.imagebox div.imagecontainer { width: 100%; height: 100%; position: relative; overflow: hidden; z-index: 1; } section.HeaderT1 div.imagebox div.imagecontainer div.wrapper { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-color: #FFFFFF; } section.HeaderT1 div.imagebox div.imagecontainer div.wrapper div.image { width: 200%; height: 200%; position: absolute; left: -50%; top: -50%; text-align: center; } section.HeaderT1 div.imagebox div.imagecontainer div.wrapper picture { display: inline-block; font-size: 0px; width: 100%; height: 100%; } section.HeaderT1 div.imagebox div.imagecontainer div.wrapper picture:before { content: ''; display: inline-block; margin-left: -1px; width: 1px; height: 100%; vertical-align: middle; } section.HeaderT1 div.imagebox div.imagecontainer div.wrapper picture img { display: inline; min-width: 50%; min-height: 50%; float: none; vertical-align: middle; } section.HeaderT1 article.element { display: block; } section.HeaderT1 article.element div.inside { padding: 2.777778em; text-align: left; } section.HeaderT1 article.element div.astable { margin-top: 0.333333em; } section.HeaderT1 article.element div.leftside { margin-right: 360px; max-width: 660px; } section.HeaderT1 article.element div.rightside { float: right; display: inline; width: 330px; } section.HeaderT1 article.element div.inside div.content { margin-top: 1.000000em; } section.HeaderT1 article.element a.button { margin-top: 1.000000em; } section.HeaderT1 article.element.withImage { position: relative; z-index: 1; margin-top: -5.000000em; } section.HeaderT1 div.scrolldown { position: absolute; right: 20px; bottom: 10px; z-index: 10; } } @media (max-width: 1400px) { section.HeaderT1 div.scrolldown { position: absolute; right: 0px; bottom: 10px; z-index: 10; } } @media (max-width: 1320px) { section.HeaderT1 div.scrolldown { right: 1%; bottom: 5.000000em; } } @media (max-width: 1023px) { section.HeaderT1 div.imagebox { margin-bottom: 0px; } section.HeaderT1 div.imagebox div.imagecontainer { height: auto; } section.HeaderT1 div.imagebox div.imagecontainer div.wrapper { position: relative; } section.HeaderT1 div.imagebox div.imagecontainer div.wrapper div.image { width: 100%; height: auto; position: relative; left: 0px; top: 0px; } section.HeaderT1 div.imagebox div.imagecontainer div.wrapper picture { display: inline-block; } section.HeaderT1 div.imagebox div.imagecontainer div.wrapper picture img { max-width: 100%; min-width: 0px; min-height: 0px; } section.HeaderT1 article.element.withImage { margin-top: -3.888889em; } section.HeaderT1 div.scrolldown { bottom: 3.888889em; } } @media (max-width: 900px) { section.HeaderT1 article.element div.astable { display: table } section.HeaderT1 article.element div.leftside { max-width: none; margin: 0px 0px 0px 0px; display: table-header-group; } section.HeaderT1 article.element div.rightside { float: none; display: block; width: auto; display: table-footer-group; } section.HeaderT1 article.element div.rightside div.insidebox { margin: 1.000000em 0px 0px 0px; } } @media (max-width: 749px) { section.HeaderT1 article.element.withImage { margin-top: -2.777778em; } section.HeaderT1 div.scrolldown { bottom: 2.777778em; } section.HeaderT1 div.scrolldown { display: none; } } @media (max-width: 480px) { section.HeaderT1 article.element div.inside { padding: 1.388889em; text-align: left; } } /* Gutschein V1 __________________________________________________________ */ @media all { section.gutscheinV1 { } section.gutscheinV1 form { max-width: 700px; text-align: left; margin-left: auto; margin-right: auto; } section.gutscheinV1 h2 { margin: 0px 0px 0.571429em 0px; text-align: center; } section.gutscheinV1 form label.plz { display: none; } section.gutscheinV1 form div.form { max-width: none; } section.gutscheinV1 form div.row.calendar div.disabled a.kalenderopener { background-color: #F0F0F0; cursor: default; pointer-events: none; } div.kalendercontainer { z-index: 100; } div.kalender { background-color: #FFFFFF; border: solid 1px #AAAAAA; width: 240px; position: absolute; z-index: 100; } div.kalender a.prev { position: absolute; left: 5px; top: 5px; background: url(/images/modules/gutscheinV1/kalender-date-prev.png) no-repeat center center; display: block; width: 24px; height: 24px; text-decoration: none; cursor: pointer; text-indent: -50px; overflow: hidden; } div.kalender a.prev:hover { background: url(/images/modules/gutscheinV1/kalender-date-prev-hover.png) no-repeat center center; left: 4px; top: 4px; border: solid 1px #999999; } div.kalender a.next { position: absolute; right: 5px; top: 5px; background: url(/images/modules/gutscheinV1/kalender-date-next.png) no-repeat center center; display: block; width: 24px; height: 24px; text-decoration: none; cursor: pointer; text-indent: -50px; overflow: hidden; } div.kalender a.next:hover { background: url(/images/modules/gutscheinV1/kalender-date-next-hover.png) no-repeat center center; right: 4px; top: 4px; border: solid 1px #999999; } div.kalender a.calendarclose { position: absolute; right: -8px; top: -8px; width: 17px; height: 17px; cursor: pointer; text-decoration: none; background: url(/images/modules/gutscheinV1/kalender-close.png) no-repeat 0px 0px; overflow: hidden; text-indent: -100px; } div.kalender div.kalenderbox { float: left; display: inline; padding: 0px 0px 10px 0px; width: 240px; } div.kalender div.kalenderbox b { background: url(/images/modules/gutscheinV1/kalender-date.png) repeat-x center center #CCCCCC; border: solid 1px #AAAAAA; color: #222222; text-align: center; font-size: 13px; line-height: 25px; display: block; margin: 2px 2px 2px 2px; padding: 2px 0px 2px 0px; } div.kalender div.kalenderbox table { margin: 0px 0px 0px 10px; float: left; display: inline; width: 217px; } div.kalender div.kalenderbox table th { color: #3C3C3C; text-align: center; width: 31px; height: 31px; padding: 0px 0px 0px 0px; } div.kalender div.kalenderbox table td { border: 0px; color: #FFFFFF; text-align: center; width: 31px; height: 31px; padding: 0px 0px 0px 0px; } div.kalender div.kalenderbox table td a { background: url(/images/modules/gutscheinV1/kalender-td-default.png) repeat-x center center #E6E6E6; border: solid 1px #D3D3D3; color: #555555; line-height: 27px; display: block; margin: 2px 0px 0px 2px; width: 27px; height: 27px; text-decoration: none; } div.kalender div.kalenderbox table td a:hover { background: url(/images/modules/gutscheinV1/kalender-td-hover.png) repeat-x center center #DADADA; border: solid 1px #999999; color: #212121; } div.kalender div.kalenderbox table td span { background: url(/images/modules/gutscheinV1/kalender-td-default.png) repeat-x center center #E6E6E6; border: solid 1px #D3D3D3; color: #555555; opacity: 0.35; filter: alpha(opacity = 35); line-height: 27px; display: block; margin: 2px 0px 0px 2px; width: 27px; height: 27px; text-decoration: none; } div.kalender div.kalenderbox table td.heute { color: #785547; } div.kalender div.kalenderbox table td.heute a { background: #FFFFFF; border: solid 1px #D3D3D3; color: #363636; } div.kalender div.kalenderbox table td a.selectstart { background: #50742F; color: #FFFFFF; border: 2px solid #345F0D; border-right: none; width: auto; height: 25px; line-height: 25px; opacity: 1.0; filter: alpha(opacity = 100); } div.kalender div.kalenderbox table td a.selected { background: #A9BF00; color: #FFFFFF; border-top: 2px solid #345F0D; border-bottom: 2px solid #345F0D; height: 26px; line-height: 26px; opacity: 1.0; filter: alpha(opacity = 100); } div.kalender div.kalenderbox table td a.selectend { background: url(/images/modules/gutscheinV1/date-delete.png) no-repeat right top #50742F; color: #FFFFFF; border: 2px solid #345F0D; border-left: none; width: auto; height: 26px; line-height: 26px; opacity: 1.0; filter: alpha(opacity = 100); } div.kalender div.kalenderbox table td div.kalenderopen { float: left; position: relative; width: 0px; height: 0px; } } @media (max-width: 480px) { section.gutscheinV1 form div.row.calendar div.calendarfield, section.gutscheinV1 form div.row.input div.inputfield { width: 99.069767%; } section.gutscheinV1 form div.row.input div.inputfield.ort { margin-left: 0px; } section.gutscheinV1 form div.row div.textarea { width: 100.000000%; } section.gutscheinV1 form div.row.select div.selectfield { width: 99.069767%; } section.gutscheinV1 form label.plzort { display: none; } section.gutscheinV1 form label.plz { display: block; } section.gutscheinV1 form label.ort { display: block; } section.gutscheinV1 form a.senden.button { margin-right: 0px; } } /* Fullscreen Gallery ______________________________________________________________ */ @media all { div.fullscreengallery { position: fixed; _position: absolute; left: 0px; top: 0px; z-index: 80; min-width: 940px; width: 100%; height: 100%; background-color: #FFFFFF; overflow: hidden; text-align: left; } div.fullscreengallery table tr * { padding: 0px 0px 0px 0px; } div.fullscreengallery div.loadoverlay { position: absolute; left: 0px; top: 0px; z-index: 15; width: 100%; height: 100%; min-width: 940px; background: url(/images/fullscreengallery/loader.gif) no-repeat center #FFFFFF; opacity: 0.5; filter: alpha(opacity = 50); } div.fullscreengallery div.fullscreenfade { position: absolute; left: 0px; top: 0px; z-index: 10; width: 100%; height: 100%; min-width: 940px; } div.fullscreengallery div.fullscreenfade div.fullscreenfadejob { position: absolute; left: -50%; top: -50%; height: 200%; width: 200%; } div.fullscreengallery div.scrollgalleryrahmen { position: absolute; left: 0px; top: 0px; z-index: 20; width: 100%; height: 100%; text-align: center; } div.fullscreengallery div.scrollgalleryrahmen a.fadezuruck { position: absolute; left: 40px; bottom: 50%; z-index: 30; width: 45px; height: 73px; background: url(/images/fullscreengallery/bg-fade-zuruck.png) no-repeat 0px 0px; font-size: 1px; line-height: 1px; } div.fullscreengallery div.scrollgalleryrahmen a.fadeweiter { position: absolute; right: 40px; bottom: 50%; z-index: 30; width: 45px; height: 73px; background: url(/images/fullscreengallery/bg-fade-weiter.png) no-repeat 0px 0px; font-size: 1px; line-height: 1px; } div.fullscreengallery div.scrollgalleryausen { position: relative; z-index: 20; margin: 0 auto; width: 940px; height: 100%; } div.fullscreengallery div.scrollgalleryausen a.zuruck { position: absolute; left: 0px; bottom: 58px; width: 32px; height: 49px; background: url(/images/fullscreengallery/bg-scroll-zuruck.png) no-repeat 0px 0px; font-size: 1px; line-height: 1px; } div.fullscreengallery div.scrollgalleryausen a.weiter { position: absolute; right: 0px; bottom: 58px; width: 32px; height: 49px; background: url(/images/fullscreengallery/bg-scroll-weiter.png) no-repeat 0px 0px; font-size: 1px; line-height: 1px; } div.fullscreengallery div.scrollgalleryausen div.logo { position: absolute; left: 0px; top: 0px; background-color: #FFFFFF; } div.fullscreengallery div.scrollgalleryausen div.logo a { margin: 12px 12px 12px 12px; float: left; display: inline; } div.fullscreengallery div.scrollgalleryausen a.iconfotozu { position: absolute; right: 0px; top: 26px; width: 100px; color: #FFFFFF; text-decoration: none; text-align: center; font-size: 10px; line-height: 14px; text-transform: uppercase; padding: 43px 0px 0px 0px; background: url(/images/fullscreengallery/icon-zu.png) no-repeat top center; } div.fullscreengallery div.scrollgallery { position: absolute; left: 98px; bottom: 28px; width: 750px; height: 108px; overflow: hidden; } div.fullscreengallery div.scrollflache { position: relative; left: 0px; top: 0px; height: 108px; } div.fullscreengallery div.scrollflache div.box { float: left; width: 150px; height: 108px; overflow: hidden; background: url(/images/fullscreengallery/bg-foto.png) no-repeat 3px 0px; } div.fullscreengallery div.scrollflache div.box div.bgimg { float: left; display: inline; margin: 5px 8px 5px 8px; padding: 0px 0px 0px 0px; background-color: #000000; } div.fullscreengallery div.scrollflache div.box img { cursor: pointer; float: left; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.fullscreengallery div.scrollflache div.aktiv img { opacity: 0.6; filter: alpha(opacity = 60); } } @media (max-width: 1023px) { } @media (max-width: 749px) { } @media (max-width: 480px) { } /* FooterT1 ______________________________________________________________ */ @media all { section.FooterT1 { padding-bottom: 2.222222em; } section.FooterT1 div.footercontainer { margin-top: 3.888889em; } section.FooterT1 div.footercontainer div.left { float: left; display: inline; width: 46.324786%; position: relative; } section.FooterT1 div.footercontainer div.left div.introleft { margin-left: 80px; } section.FooterT1 div.footercontainer div.left div.urlaubsberaterscroll { position: absolute; left: 0px; top: 0px; width: 69px; height: 220px; } section.FooterT1 div.footercontainer div.left div.urlaubsberaterscroll div.scrollgallery { width: 69px; height: 220px; position: absolute; overflow: hidden; } section.FooterT1 div.footercontainer div.left div.urlaubsberaterscroll div.scrollgallery div.effectobj { position: absolute; left: 0px; top: 0px; width: 69px; } section.FooterT1 div.footercontainer div.left div.urlaubsberaterscroll div.scrollgallery div.effectobj div.image { text-align: center; position: relative; overflow: hidden; -webkit-border-bottom-left-radius: 50%; -moz-border-bottom-left-radius: 50%; border-bottom-left-radius: 50%; -webkit-border-bottom-right-radius: 50%; -moz-border-bottom-right-radius: 50%; border-bottom-right-radius: 50%; } section.FooterT1 div.footercontainer div.left div.urlaubsberaterscroll div.scrollgallery div.effectobj div.bgcircle { position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 100% 0px 0px 0px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } section.FooterT1 div.footercontainer div.left div.urlaubsberaterscroll div.scrollgallery div.effectobj img { width: 57px; position: relative; z-index: 2; } section.FooterT1 div.footercontainer div.left div.urlaubsberaterscroll div.scrollgallery div.effectobj div.title { font-weight: bold; text-align: center; } section.FooterT1 div.footercontainer div.left div.introleft h1 { margin-bottom: 10px; } section.FooterT1 div.footercontainer div.right { float: right; display: inline; width: 46.923077%; position: relative; } section.FooterT1 div.footercontainer div.right div.introright { } section.FooterT1 div.footercontainer div.right div.introright h2 { margin-bottom: 10px; } section.FooterT1 div.footercontainer div.right div.introright div.content { } section.FooterT1 div.footercontainer div.right div.bgfooterpicture { position: absolute; bottom: 0; right: 0; z-index: 2; } section.FooterT1 div.footercontainer div.right div.bewertungen { display: inline-block; vertical-align: top; margin-top: 2.222222em; margin-bottom: 1.777778em; width: 100%; } section.FooterT1 div.footercontainer div.right div.bewertungen div.sprechblase { background-color: #ffffff; text-align: center; margin-top: 1.000000em; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 5px 5px 3px #CECCC7; -webkit-box-shadow: 5px 5px 3px #CECCC7; box-shadow: 5px 5px 3px #CECCC7; } section.FooterT1 div.footercontainer div.bewertungen div.sprechblase h2 { vertical-align: middle; padding: 1.437500em 0px; } section.FooterT1 div.footercontainer div.bewertungen div.sprechblasebottom div.sprechblasepfeil { float: left; display: inline; margin-left: 20px; width: 45px; height: 45px; background: url(/images/modules/FooterT1/sprechblase.png) left no-repeat !important; } section.FooterT1 div.footercontainer div.bewertungen div.sprechblasebottom div.holidaycheck { float: right; display: inline; font-family:'PT Sans Narrow',sans-serif; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; width: auto; } section.FooterT1 div.footercontainer div.bewertungen div.sprechblasebottom div.holidaycheck span { text-transform: uppercase; font-weight: bold; line-height: 50px; } section.FooterT1 div.footercontainer div.bewertungen div.sprechblasebottom div.holidaycheck a img { vertical-align: middle; } } @media (max-width: 880px) { section.FooterT1 div.footercontainer { margin-top: 1.000000em; } section.FooterT1 div.footercontainer div.left, section.FooterT1 div.footercontainer div.right { float: none; display: block; width: auto; } section.FooterT1 div.footercontainer div.right div.bewertungen { display: block; } section.FooterT1 div.footercontainer div.right { margin-top: 2.777778em; } } @media (max-width: 749px) { } @media (max-width: 480px) { } /* FooterLinksT1 _________________________________________________________ */ @media all { nav.FooterLinksT1 { } nav.FooterLinksT1 ul.columns { display: inline-block; vertical-align: top; width: 100%; } nav.FooterLinksT1 ul.columns li.column { display: block; } nav.FooterLinksT1 ul.columns li.column div.headline { } nav.FooterLinksT1 ul.columns li.column ul { margin: 0.666667em 0px 0px 0px; } nav.FooterLinksT1 ul.columns li.column ul li { line-height: 1.666667em; } nav.FooterLinksT1 ul.columns li.column ul li a { color: #695650; } nav.FooterLinksT1 ul.columns li.column ul li a:hover { color: #463d2c; } } @media (max-width: 880px) { nav.FooterLinksT1 ul.columns li.column { float: none; display: block; width: auto; margin: 0px 0px 0px 0px; text-align: center; border-bottom: solid 1px #9A8F81; } nav.FooterLinksT1 ul.columns li.column ul { display: none; margin: 0.000000em 0px 0.666667em 0px; padding: 6px 4% 6px 4%; } nav.FooterLinksT1 ul.columns li.column div.headline { cursor: pointer; font-size: 20px; line-height: 1.200000em; padding: 6px 4% 6px 4%; } nav.FooterLinksT1 ul.columns li.column ul.open { display: block; } } /* AnfrageV1 _____________________________________________________________ */ /* CookieT1 _______________________________________________________________ */ @media all { div.CookieT1OnPage { min-height: 70px; background-color: #e7e4cf; position: fixed; left: 0px; bottom: 0px; width: 100%; font-size: 14px; line-height: 18px; text-align: left; z-index: 50; } div.CookieT1OnPage:before { content:''; position: absolute; left: 0px; top: 0px; height: 10px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); } div.CookieT1OnPage div.inside { padding: 15px 15px 15px 15px; } div.CookieT1OnPage div.inside div.text { color: #665350; float: left; display: inline; padding: 0px 70px 0px 0px; } div.CookieT1OnPage div.inside a.icon { background-color: #bcb1a3; position: absolute; right: 0px; top: 0px; width: 70px; height: 70px; } div.CookieT1OnPage div.inside a.icon:before { color: #665350; content: '\D7'; position: absolute; left: 0px; top: 8px; width: 100%; text-align: center; font-size: 42px; line-height: 44px; font-family: Verdana, Geneva, sans-serif; } div.CookieT1 { margin: 0px 0px 40px 0px; } div.CookieT1 h1 { margin: 30px 0; } } @media (max-width: 1023px) { div.CookieT1OnPage { font-size: 13px; line-height: 17px; } } @media (max-width: 900px) { div.CookieT1OnPage div.inside a.icon { width: 50px; height: 50px; } div.CookieT1OnPage div.inside a.icon:before { top: 4px; font-size: 34px; line-height: 36px; } } @media (max-width: 720px) { div.CookieT1OnPage { font-size: 12px; line-height: 16px; } } /* ByCodeDetailT2 ________________________________________________________ */ @media all { section.ByCodeDetailT2 { text-align: center; padding-bottom: 3.125000em; } section.ByCodeDetailT2 div.introduction { display: inline-block; margin-top: 1.250000em; width: 75.213675%; } section.ByCodeDetailT2 div.outerBox { padding: 1.500000em; background-color: #d1c7ba; margin-top: 1.250000em; } section.ByCodeDetailT2 div.outerBox div.boxheadline { margin-bottom: 10px; } section.ByCodeDetailT2 img { display: block; margin-top: 1.875000em; max-width: 100%; } section.ByCodeDetailT2 div.content { display: inline-block; margin-top: 2.500000em; width: 75.213675%; } section.ByCodeDetailT2 div.content img { display: inline; margin: 0px 0px 0px 0px; width: auto; } section.ByCodeDetailT2 div.images { } section.ByCodeDetailT2 div.images picture { float: left; display: inline; margin: 0px 0px 0px 2.564103%; width: 31.623932%; } section.ByCodeDetailT2 div.images picture:first-child { margin-left: 0px; } section.ByCodeDetailT2 div.images picture img { display: block; max-width: 100%; } section.ByCodeDetailT2 div.backlink { margin: 1.875000em 0px 0px 0px; text-align: left; } section.ByCodeDetailT2 div.liveedit { margin: 0px 0px 20px 0px; } section.ByCodeDetailT2 div.liveeditnewitem { margin: 20px 0px 0px 0px; } } @media (max-width: 530px) { section.ByCodeDetailT2 div.images picture img { } section.ByCodeDetailT2 img { } section.ByCodeDetailT2 div.images picture { float: none; display: block; margin: 0px 0px 0px 0px; width: 100%; } } /* BreadcrumbV1 __________________________________________________________ */ @media all { div.breadcrumbV1 { display: inline-block; vertical-align: top; padding: 0px 0px 0px 0px; } div.breadcrumbV1 a, div.breadcrumbV1 span { float: left; display: inline; line-height: 18px; font-size: 14px; color: #63584D; } div.breadcrumbV1 span { color: #817064; } div.breadcrumbV1 span.iconbreadcrumb { color: #63584D; } } /* List _________________________________________ */ @media all { div.unitservices.list.default div.maincategory { } div.unitservices.list.default div.maincategory span.headline { display: block; font-weight: bold; font-size: 1.666667em; line-height: 2.000000em; margin: 1.000000em 0px 0px 0px; } div.unitservices.list.default div.subcategory span.headline { font-size: 1.333333em; line-height: 1.000000em; margin: 1.500000em 0px 0.500000em 0px; } div.unitservices.list.default div.subcategory span.headline span.icon { width: 21em; height: 13em; margin: 7em 0px 0px 0px; float: right; display: inline; font-size: 1px; line-height: 1px; } div.unitservices.list.default div.closed { display: none; } div.unitservices.list.default .btnopen .textopen { display: inline; } div.unitservices.list.default .btnopen .textclose { display: none; } div.unitservices.list.default .btnclose .textopen { display: none; } div.unitservices.list.default .btnclose .textclose { display: inline; } div.unitservices.list.default div.service { border-bottom: solid 1px #DDDBDB; padding: 0.533333em 1.709402% 0.533333em 1.709402%; } div.unitservices.list.default div.service:first-child { border-top: solid 1px #DDDBDB; } div.unitservices.list.default div.service div.name { width: 48.717949%; margin: 0px 1.709402% 0px 0px; float: left; display: inline; } div.unitservices.list.default div.service div.duration { width: 23.931624%; float: left; display: inline; } div.unitservices.list.default div.service div.price { width: 23.931624%; float: right; display: inline; text-align: right; } div.unitservices.list.default div.service div.infobox { max-width: 52.666667em; margin: 1.000000em 0px 1.000000em 0px; } } @media (max-width: 750px) { div.unitservices.list.default div.service div.name { width: 100%; margin: 0px 0px 0px 0px; } div.unitservices.list.default div.service div.duration { clear: both; width: 55.333333%; } div.unitservices.list.default div.service div.price { width: 44.666667%; } } /* List _________________________________________ */ @media all { div.unitservices.list.layout2 div.maincategory { } div.unitservices.list.layout2 div.maincategory span.headline { display: block; margin: 1.000000em 0px 0px 0px; } div.unitservices.list.layout2 div.subcategory { margin-top: 1.875000em; } div.unitservices.list.layout2 div.subcategory span.headline { font-size: 1.333333em; line-height: 1.000000em; margin: 1.500000em 0px 0.500000em 0px; } div.unitservices.list.layout2 div.closed { display: none; } div.unitservices.list.layout2 .btnopen .textopen { display: inline; } div.unitservices.list.layout2 .btnopen .textclose { display: none; } div.unitservices.list.layout2 .btnclose .textopen { display: none; } div.unitservices.list.layout2 .btnclose .textclose { display: inline; } div.unitservices.list.layout2 div.service { margin: 1.875000em 0px 0px 0px; padding: 0.666667em 1.333333em 0.666667em 1.333333em; } div.unitservices.list.layout2 div.service:first-child { margin-top: 0px; } div.unitservices.list.layout2 div.service div.boxleft { max-width: 65.661047%; margin: 0px 1.333333em 0px 0px; float: left; display: inline; } div.unitservices.list.layout2 div.service div.duration { width: 15.971606%; float: right; display: inline; text-align: right; } div.unitservices.list.layout2 div.service div.price { width: 12.422360%; float: right; margin: 0px 0px 0px 1.774623%; display: inline; text-align: right; } div.unitservices.list.layout2 div.service div.openicon { cursor: pointer; width: 1.400000em; height: 0.866667em; margin: 0.066667em 0px 0px 1.333333em; float: right; display: inline; } div.unitservices.list.layout2 div.service div.infobox { margin: 1.000000em 0px 0px 0px; } div.unitservices.list.layout2 div.service div.infobox div.image { width: 22.803904%; float: left; display: inline; } div.unitservices.list.layout2 div.service div.infobox div.image img { max-width: 100%; float: left; display: inline; } div.unitservices.list.layout2 div.service div.infobox div.content.withimg { padding: 0px 0px 0px 24.578527%; } div.unitservices.list.layout2 div.service div.infobox div.holidayplanner { margin-top: 1em; } div.unitservices.list.layout2 div.service div.infobox div.holidayplanner a.add, div.unitservices.list.layout2 div.service div.infobox div.holidayplanner span.added { padding-left: 20px; display: inline-block; position: relative; text-align: left; } div.unitservices.list.layout2 div.service div.infobox div.holidayplanner span.icon { width: 17px; height: 17px; position: absolute; left: 0px; top: 2px; } } @media (max-width: 800px) { div.unitservices.list.layout2 div.service div.boxleft { width: 65%; margin: 0px 0px 0px 0px; } div.unitservices.list.layout2 div.service div.duration { width: 45%; float: left; text-align: left; } div.unitservices.list.layout2 div.service div.price { clear: both; width: 45%; margin: 0px 0px 0px 0px; } } /* BookingPilot RoomList FilterT1 ________________________________________ */ @media all { div.BookingPilot.RoomList.filterT1 { position: relative; } div.BookingPilot.RoomList.filterT1 div.labelbox { border-bottom: solid 1px #D4D4D4; font-size: 0px; text-align: center; -webkit-box-shadow: inset 0px -7px 5px -4px rgba(183, 183, 183, 0.5); -moz-box-shadow: inset 0px -7px 5px -4px rgba(183, 183, 183, 0.5); box-shadow: inset 0px -7px 5px -4px rgba(183, 183, 183, 0.5); } div.BookingPilot.RoomList.filterT1 div.labelbox div.label { background-color: #C8C8C8; width: 16.239316%; min-width: 140px; padding: 0.625000em 0px 0.625000em 0px; position: relative; text-align: center; display: inline-block; cursor: pointer; -webkit-box-shadow: inset 0px -7px 5px -4px rgba(183, 183, 183, 0.5); -moz-box-shadow: inset 0px -7px 5px -4px rgba(183, 183, 183, 0.5); box-shadow: inset 0px -7px 5px -4px rgba(183, 183, 183, 0.5); } div.BookingPilot.RoomList.filterT1 div.labelbox div.label.active { background: transparent; z-index: 1; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); } div.BookingPilot.RoomList.filterT1 div.labelbox div.label.active div.text { border-left: 0px; } div.BookingPilot.RoomList.filterT1 div.labelbox div.label.active + div.label div.text { border-left: 0px; } div.BookingPilot.RoomList.filterT1 div.labelbox div.label div.text { border-left: solid 1px #B9B9B9; } div.BookingPilot.RoomList.filterT1 div.labelbox div.label div.borderoverlay { display: none; background-color: #DDDDDD; width: 100%; height: 18px; position: absolute; left: 0px; bottom: -10px; } div.BookingPilot.RoomList.filterT1 div.labelbox div.label.active div.borderoverlay { display: block; } div.BookingPilot.RoomList.filterT1 div.labelbox div.label:first-child div.text { border-left: 0px; } div.BookingPilot.RoomList.filterT1 div.labelselectbox { display: none; } div.BookingPilot.RoomList.filterT1 div.ajaxloading { position: absolute; left: 0px; top: 0px; z-index: 50; width: 100%; height: 100%; opacity: 0.6; filter: alpha(opacity = 60); background: url(/images/units/rooms/loading.gif) no-repeat center 5.000000em #FFFFFF; } } @media (max-width: 570px) { div.BookingPilot.RoomList.filterT1 div.labelbox { display: none; } div.BookingPilot.RoomList.filterT1 div.labelselectbox { display: block; } div.BookingPilot.RoomList.filterT1 div.labelselectbox div.row.select { margin: 0px 0px 0px 0px; } div.BookingPilot.RoomList.filterT1 div.labelselectbox div.row.select label.label { display: none; } div.BookingPilot.RoomList.filterT1 div.labelselectbox div.row.select div.selectfield { width: auto; float: none; display: block; } div.BookingPilot.RoomList.filterT1 div.buttonbox { width: 90.714286%; margin: 0.625000em 0px 1.250000em 4.285714%; } div.BookingPilot.RoomList.filterT1 div.buttonbox a.button { display: block; float: none; text-align: center; margin: 0px 0px 0px 0px; } } /* List _________________________________________ */ @media all { div.BookingPilot.RoomList.listT1 { } div.BookingPilot.RoomList.listT1 div.image img { float: left; display: inline; max-width: 100%; } div.BookingPilot.RoomList.listT1 div.room { border-top: solid 1px #D0C6B9; margin: 5.128205% 0px 0px 0px; padding: 3.418803% 0px 0px 0px; } div.BookingPilot.RoomList.listT1 div.room:first-child { border-top: 0px; margin-top: 0px; } div.BookingPilot.RoomList.listT1 div.room div.headlinebox { margin: 0px 0px 2.051282% 0px; } div.BookingPilot.RoomList.listT1 div.room div.headlinebox div.headline h2 { display: inline; margin: 0px 0px 0px 0px; } div.BookingPilot.RoomList.listT1 div.room div.headlinebox div.headline div.size { display: inline; margin: 0px 0px 0px 0.500000em; } div.BookingPilot.RoomList.listT1 div.room div.headlinebox div.headline div.persons { display: inline; margin: 0px 0px 0px 0.312500em; } div.BookingPilot.RoomList.listT1 div.room div.headlinebox div.subheadline { font-size: 1.562500em; line-height: 1.160000em; } div.BookingPilot.RoomList.listT1 div.room div.headlinebox div.infobox { display: none; } div.BookingPilot.RoomList.listT1 div.room div.imagebig { width: 74.615385%; position: relative; float: left; display: inline; } div.BookingPilot.RoomList.listT1 div.room div.imagebig div.panoramaicon { position: absolute; right: 0.937500em; top: 0.937500em; width: 2.687500em; height: 2.687500em; opacity: 0.8; filter: alpha(opacity = 80); overflow: hidden; } div.BookingPilot.RoomList.listT1 div.room div.imagebig div.panoramaicon a { width: 342.857143%; height: 221.428571%; margin: -69.767442% 0px 0px -100.000000%; float: left; display: inline; } div.BookingPilot.RoomList.listT1 div.room div.imagebig a.planimage { position: absolute; right: 0.937500em; top: 0.937500em; } div.BookingPilot.RoomList.listT1 div.room div.imagebox { width: 23.076923%; float: right; display: inline; } div.BookingPilot.RoomList.listT1 div.room div.imagebox div.box { margin: 0px 0px 8.518519% 0px; } div.BookingPilot.RoomList.listT1 div.room div.imagebox div.box:first-child { margin-top: 0px; } div.BookingPilot.RoomList.listT1 div.room div.imagebox div.textbox { background-color: #FFFFFF; text-align: center; } div.BookingPilot.RoomList.listT1 div.room div.imagebox div.textbox:before { content: ''; display: inline-block; margin-left: -1px; width: 1px; height: 100%; vertical-align: middle; } div.BookingPilot.RoomList.listT1 div.room div.imagebox div.textbox div.innen { display: inline-block; xmargin: 5.434783%; width: 89.130435%; vertical-align: middle; } div.BookingPilot.RoomList.listT1 div.room div.imagebox div.textbox div.innen div.price { } div.BookingPilot.RoomList.listT1 div.room div.imagebox div.textbox div.innen div.priceinfo { padding: 0px 0px 0.875000em 0px; border-bottom: solid 1px #D0C6B9; display: inline-block; } div.BookingPilot.RoomList.listT1 div.room div.imagebox div.textbox div.innen a { display: block; } div.BookingPilot.RoomList.listT1 div.room div.imagebox div.textbox div.innen a.detail { margin: 0.750000em 0px 0px 0px; } div.BookingPilot.RoomList.listT1 div.room div.imagebox div.textbox div.innen a.request { margin: 0.187500em 0px 0px 0px; } div.unitrooms.list.unitroomsoverlayjs2container div.panoramabox { width: 100%; height: 37.500000em; position: relative; } } @media (max-width: 770px) { div.BookingPilot.RoomList.listT1 div.room div.imagebig { width: auto; float: none; display: block; } div.BookingPilot.RoomList.listT1 div.room div.imagebox { width: auto; float: none; display: block; margin: 2.857143% 0px 0px 0px; } div.BookingPilot.RoomList.listT1 div.room div.imagebox div.box { width: 31.428571%; margin-bottom: 0px; margin-left: 2.597403%; float: left; display: inline; } div.BookingPilot.RoomList.listT1 div.room div.imagebox div.box:first-child { margin-left: 0px; } div.BookingPilot.RoomList.listT1 div.room div.imagebox div.textbox div.innen div.price { font-size: 1.250000em; line-height: 1.200000em; } } @media (max-width: 570px) { div.BookingPilot.RoomList.listT1 div.room { margin-top: 6.976744%; padding-top: 5.813953%; } div.BookingPilot.RoomList.listT1 div.room div.headlinebox div.headline div.size { display: none; } div.BookingPilot.RoomList.listT1 div.room div.headlinebox div.headline div.persons { display: none; } div.BookingPilot.RoomList.listT1 div.room div.headlinebox div.infobox { display: block; } div.BookingPilot.RoomList.listT1 div.room div.headlinebox div.infobox div.size { float: left; display: inline; } div.BookingPilot.RoomList.listT1 div.room div.headlinebox div.infobox div.persons { float: left; display: inline; margin: 0px 0px 0px 0.312500em; } div.BookingPilot.RoomList.listT1 div.room div.imagebox { margin-top: 4.651163%; } div.BookingPilot.RoomList.listT1 div.room div.imagebox div.box { width: 47.674419%; margin-left: 0%; float: left; display: inline; } div.BookingPilot.RoomList.listT1 div.room div.imagebox div.image { float: right; } div.BookingPilot.RoomList.listT1 div.room div.imagebox div.image.image4 { display: none; } div.BookingPilot.RoomList.listT1 div.room div.imagebox div.textbox div.innen div.price { font-size: 1.125000em; line-height: 1.222222em; } } /* OnPage _________________________________________ */ @media all { div.BookingPilot.RoomOnPage { float: left; display: inline; position: relative; max-width: 100%; } div.BookingPilot.RoomOnPage a.prev { position: absolute; left: 12px; bottom: 3px; z-index: 3; width: 45px; height: 45px; } div.BookingPilot.RoomOnPage a.next { position: absolute; right: 12px; bottom: 3px; z-index: 3; width: 45px; height: 45px; } div.BookingPilot.RoomOnPage div.gallerytext { display: block !important; position: absolute; left: 0px; bottom: 0px; width: 100%; text-align: center; background-color: #89796B; background-color: rgba(137, 121, 107, 0.7); } div.BookingPilot.RoomOnPage div.gallerytext div.text a { display: inline-block; vertical-align: top; font-family: 'PT Sans Narrow', sans-serif; font-weight: bold; padding: 15px 57px 15px 57px; font-size: 18px; } div.BookingPilot.RoomOnPage div.gallerytext div.text a span.name { text-transform: uppercase; } div.BookingPilot.RoomOnPage div.gallery { width: 100%; height: 100%; position: relative; overflow: hidden; z-index: 1; } div.BookingPilot.RoomOnPage div.gallery div.fadingobj { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; } div.BookingPilot.RoomOnPage div.gallery div.fadingobj div.image { width: 100%; height: 100%; position: relative; } div.BookingPilot.RoomOnPage div.gallery div.fadingobj picture { width: 100%; } } @media (max-width: 830px) { div.BookingPilot.RoomOnPage { float: none; display: block; } } /* Detail _________________________________________ */ @media all { div.BookingPilot.RoomDetail.detailT1 { text-align: left; } div.BookingPilot.RoomDetail.detailT1 .price-box { text-align: center; } div.BookingPilot.RoomDetail.detailT1 div.closed { display: none; } div.BookingPilot.RoomDetail.detailT1 .btnopen .textopen { display: inline; } div.BookingPilot.RoomDetail.detailT1 .btnopen .textclose { display: none; } div.BookingPilot.RoomDetail.detailT1 .btnclose .textopen { display: none; } div.BookingPilot.RoomDetail.detailT1 .btnclose .textclose { display: inline; } div.BookingPilot.RoomDetail.detailT1 div.image img { float: left; display: inline; max-width: 100%; } div.BookingPilot.RoomDetail.detailT1 div.headlinebox { width: 74.358974%; float: left; display: inline; } div.BookingPilot.RoomDetail.detailT1 div.headlinebox div.headline h1 { float: left; display: inline; } div.BookingPilot.RoomDetail.detailT1 div.headlinebox div.headline div.size { float: left; display: inline; } div.BookingPilot.RoomDetail.detailT1 div.headlinebox div.subheadline { } div.BookingPilot.RoomDetail.detailT1 div.headlinebox div.persons { display: none; font-size: 1.250000em; line-height: 1.250000em; } div.BookingPilot.RoomDetail.detailT1 div.description { width: 74.358974%; float: left; display: inline; margin: 1.875000em 0px 0px 0px; } div.BookingPilot.RoomDetail.detailT1 div.linksbox { width: 23.589744%; float: right; display: inline; } div.BookingPilot.RoomDetail.detailT1 div.linksbox a.link { padding: 0.312500em 0px 0.375000em 0px; display: block; text-align: center; border-bottom: solid 1px #d0c6b9; } div.BookingPilot.RoomDetail.detailT1 div.linksbox div.buttons { margin: 1.250000em 0px 0px 0px; } div.BookingPilot.RoomDetail.detailT1 div.linksbox div.buttons a.button { width: 45.289855%; text-align: center; padding-left: 0px; padding-right: 0px; } div.BookingPilot.RoomDetail.detailT1 div.linksbox div.buttons a.button.booking { float: right; display: inline; } div.BookingPilot.RoomDetail.detailT1 div.linksbox div.buttons a.button.request { float: left; display: inline; } div.BookingPilot.RoomDetail.detailT1 div.imagebox { margin: 2.500000em 0px 0px 0px; } div.BookingPilot.RoomDetail.detailT1 div.imagebox div.imagebig { width: 74.615385%; position: relative; float: left; display: inline; } div.BookingPilot.RoomDetail.detailT1 div.imagebox div.imagebig div.panoramaicon { position: absolute; right: 0.937500em; top: 0.937500em; width: 2.687500em; height: 2.687500em; opacity: 0.8; filter: alpha(opacity = 80); overflow: hidden; } div.BookingPilot.RoomDetail.detailT1 div.imagebox div.imagebig div.panoramaicon a { width: 342.857143%; height: 221.428571%; margin: -69.767442% 0px 0px -100.000000%; float: left; display: inline; } div.BookingPilot.RoomDetail.detailT1 div.imagebox div.imgsmalbox { width: 23.589744%; float: right; display: inline; } div.BookingPilot.RoomDetail.detailT1 div.imagebox div.imgsmalbox div.imagesmal { margin: 5.797101% 0px 0px 0px; } div.BookingPilot.RoomDetail.detailT1 div.imagebox div.imgsmalbox div.imagesmal:first-child { margin-top: 0px; } div.BookingPilot.RoomDetail.detailT1 div.pricebox { display: none; margin: 3.418803% 0px 0px 0px; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.headline { float: left; display: inline; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.headline div.text { float: left; display: inline; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.headline div.infotext { margin: 0.437500em 0px 0px 0.937500em; float: left; display: inline; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.formselect { min-width: 13.750000em; float: right; display: inline; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.formselect form label.label { display: none; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.formselect form label.label { display: none; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.formselect form div.selectfield { width: auto; float: none; display: block; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.formselect form div.selectresponsive { display: none; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.table { margin: 0.812500em 0px 0px 0px; border: solid 1px #d0c6b9; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.table.loading { opacity: 0.6; filter: alpha(opacity = 60); } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.table div.row { padding: 0.437500em 1.709402% 0.437500em 1.709402%; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.table div.row.bg { background-color: #E9E9E9; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.table div.row.head { padding-top: 0.750000em; padding-bottom: 0.750000em; background-color: #D0C6B9; font-weight: bold; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.table div.row div.cell { float: left; display: inline; text-align: right; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.table div.row div.cell1 { text-align: left; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.table div.row.cells2 div.cell { width: 50.000000%; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.table div.row.cells3 div.cell { width: 33.274336%; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.table div.row.cells4 div.cell { width: 24.955752%; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.table div.row.cells5 div.cell { width: 20.000000%; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.table div.row.cells6 div.cell { width: 16.548673%; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.table div.row.cells7 div.cell { width: 14.247788%; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.table div.row.cells8 div.cell { width: 12.477876%; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.table div.row.cells9 div.cell { width: 11.061947%; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.table div.row.cells10 div.cell { width: 10.000000%; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.legend { margin: 0.533333em 0px 0px 0px; } div.BookingPilot.RoomDetail.detailT1 div.offerbox { margin: 5.128205% 0px 0px 0px; } div.BookingPilot.RoomDetail.detailT1 div.offerbox div.headline { cursor: pointer; padding: 0.875000em 1.709402% 0.812500em 1.709402%; display: block; } div.BookingPilot.RoomDetail.detailT1 div.offerbox div.headline div.text { float: left; display: inline; margin: 0.250000em 0px 0px 0px; } div.BookingPilot.RoomDetail.detailT1 div.offerbox div.headline div.icon { float: right; display: inline; font-size: 1px; line-height: 1px; position: relative; } div.BookingPilot.RoomDetail.detailT1 div.offerbox div.headline div.icon:hover { box-shadow: none; } div.BookingPilot.RoomDetail.detailT1 div.offerbox div.offers { position: relative; margin: 2.564103% 0px 0px 0px; text-align: center; } div.BookingPilot.RoomDetail.detailT1 div.offerbox div.offers a.scrollbtn { width: 2.812500em; height: 2.812500em; margin: 1.250000em 0.187500em 0px 0.187500em; display: inline-block; position: relative; } div.BookingPilot.RoomDetail.detailT1 div.offerbox div.offers a.disabled { opacity: 0.3; filter: alpha(opacity = 30); } div.BookingPilot.RoomDetail.detailT1 div.offerbox div.offers div.scrollbox { overflow: hidden; text-align: left; } div.BookingPilot.RoomDetail.detailT1 div.offerbox div.offers div.scrollbox div.scroll div.element { width: 100%; float: left; display: inline; } div.BookingPilot.RoomDetail.detailT1 div.offerbox div.offers div.scrollbox div.scroll div.elementmargin { margin: 0px 2.564103% 0px 0px; } div.BookingPilot.RoomDetail.detailT1 div.offerbox div.offers div.scrollbox div.scroll div.offer { height: 100%; margin: 0px 10.000000% 0px 0px; display: block; } div.BookingPilot.RoomDetail.detailT1 div.offerbox div.offers div.scrollbox div.scroll div.offer div.image a { display: block; } div.BookingPilot.RoomDetail.detailT1 div.offerbox div.offers div.scrollbox div.scroll div.offer div.textbox { margin: 1.187500em 5.555556% 1.250000em 5.555556%; } div.BookingPilot.RoomDetail.detailT1 div.offerbox div.offers div.scrollbox div.scroll div.offer div.textbox div.title { font-size: 1.250000em; line-height: 1.200000em; margin: 0px 0px 0.500000em 0px; } div.BookingPilot.RoomDetail.detailT1 div.offerbox div.offers div.scrollbox div.scroll div.offer a.button { margin: 0px 5.555556% 5.555556% 5.555556%; display: block; } div.BookingPilot.RoomDetail.detailT1 div.lastminutebox { margin: 5.128205% 0px 0px 0px; } div.BookingPilot.RoomDetail.detailT1 div.lastminutebox div.headline { cursor: pointer; padding: 0.875000em 1.709402% 0.812500em 1.709402%; display: block; } div.BookingPilot.RoomDetail.detailT1 div.lastminutebox div.headline div.text { float: left; display: inline; margin: 0.250000em 0px 0px 0px; } div.BookingPilot.RoomDetail.detailT1 div.lastminutebox div.headline div.icon { float: right; display: inline; font-size: 1px; line-height: 1px; position: relative; } div.BookingPilot.RoomDetail.detailT1 div.lastminutebox div.headline div.icon:hover { box-shadow: none; } div.BookingPilot.RoomDetail.detailT1 div.lastminutebox div.offers { margin: 1.875000em 0px 0px 0px; } div.BookingPilot.RoomDetail.detailT1 div.lastminutebox div.offers div.headdescription { font-size: 1.250000em; line-height: 1.200000em; padding: 0px 0px 0.625000em 0px; border-bottom: solid 1px #E3E3E3; } div.BookingPilot.RoomDetail.detailT1 div.lastminutebox div.offers div.headdescription div.roomdate { width: 35.897436%; margin: 0px 1.709402% 0px 0px; float: left; display: inline; } div.BookingPilot.RoomDetail.detailT1 div.lastminutebox div.offers div.headdescription div.price { width: 30.769231%; float: left; display: inline; } div.BookingPilot.RoomDetail.detailT1 div.lastminutebox div.offers div.offer { padding: 1.250000em 0px 1.250000em 0px; border-bottom: solid 1px #E3E3E3; } div.BookingPilot.RoomDetail.detailT1 div.lastminutebox div.offers div.offer div.durationdata { width: 35.897436%; margin: 0px 1.709402% 0px 0px; float: left; display: inline; } div.BookingPilot.RoomDetail.detailT1 div.lastminutebox div.offers div.offer div.durationdata div.infotext { display: none; font-weight: bold; } div.BookingPilot.RoomDetail.detailT1 div.lastminutebox div.offers div.offer div.pricedata { width: 22.222222%; float: left; display: inline; } div.BookingPilot.RoomDetail.detailT1 div.lastminutebox div.offers div.offer div.pricedata div.infotext { display: none; font-weight: bold; } div.BookingPilot.RoomDetail.detailT1 div.lastminutebox div.offers div.offer div.pricedata div.price span.newprice { font-size: 1.250000em; line-height: 1.200000em; white-space: nowrap; } div.BookingPilot.RoomDetail.detailT1 div.lastminutebox div.offers div.offer div.pricedata div.price span.oldprice { text-decoration: line-through; white-space: nowrap; } div.BookingPilot.RoomDetail.detailT1 div.lastminutebox div.offers div.offer div.buttons { width: 38.461538%; float: right; display: inline; } div.BookingPilot.RoomDetail.detailT1 div.lastminutebox div.offers div.offer div.buttons a.button { margin: 0.375000em 0px 0px 0.937500em; float: right; display: inline; } div.BookingPilot.RoomDetail.detailT1 a.backtolist { margin: 2.564103% 0px 0px 0px; float: left; display: inline; } div.BookingPilot.RoomDetail.detailT1 a.backtolist span.icon { width: 13em; height: 13em; margin: 4px 7em 0px 0px; float: left; display: inline; font-size: 1px; line-height: 1px; position: relative; } div.BookingPilot.RoomDetail.detailT1 a.backtolist span.text { float: left; display: inline; } } @media (max-width: 800px) { div.BookingPilot.RoomDetail.detailT1 div.pricebox div.headline { float: none; display: block; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.typebox { margin-top: 0.937500em; float: left; } } @media (max-width: 770px) { div.BookingPilot.RoomDetail.detailT1 div.headlinebox { width: auto; float: none; display: block; } div.BookingPilot.RoomDetail.detailT1 div.headlinebox div.headline div.size { font-size: 1.250000em; line-height: 1.200000em; } div.BookingPilot.RoomDetail.detailT1 div.headlinebox div.subheadline { font-size: 1.250000em; line-height: 1.200000em; } div.BookingPilot.RoomDetail.detailT1 div.description { width: 51.428571%; margin-top: 0.625000em; } div.BookingPilot.RoomDetail.detailT1 div.linksbox { width: 45.714286%; } div.BookingPilot.RoomDetail.detailT1 div.imagebox div.imagebig { width: auto; float: none; display: block; } div.BookingPilot.RoomDetail.detailT1 div.imagebox div.imgsmalbox { width: auto; float: none; display: block; margin: 2.857143% 0px 0px 0px; } div.BookingPilot.RoomDetail.detailT1 div.imagebox div.imgsmalbox div.imagesmal { width: 31.428571%; margin-left: 2.857143%; margin-top: 0px; float: left; display: inline; } div.BookingPilot.RoomDetail.detailT1 div.imagebox div.imgsmalbox div.imagesmal:first-child { margin-left: 0px; } div.BookingPilot.RoomDetail.detailT1 div.pricebox { margin-top: 5.714286%; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.headline div.text { font-size: 1.250000em; line-height: 1.200000em; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.table div.row { padding-right: 2.857143%; padding-left: 2.857143%; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.formselect { float: left; margin-top: 0.666667em; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.formselect form div.selectresponsive { display: block; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.formselect form div.selecttype { display: none; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.table div.row.cells2 div.cell { width: 50.000000%; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.table div.row.cells3 div.cell { width: 50.000000%; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.table div.row.cells4 div.cell { width: 50.000000%; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.table div.row.cells5 div.cell { width: 50.000000%; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.table div.row.cells6 div.cell { width: 50.000000%; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.table div.row.cells7 div.cell { width: 50.000000%; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.table div.row.cells8 div.cell { width: 50.000000%; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.table div.row.cells9 div.cell { width: 50.000000%; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.table div.row.cells10 div.cell { width: 50.000000%; } div.BookingPilot.RoomDetail.detailT1 div.offerbox { margin-top: 8.571429%; } div.BookingPilot.RoomDetail.detailT1 div.offerbox div.headline { font-size: 1.250000em; line-height: 1.200000em; padding-right: 2.857143%; padding-left: 2.857143%; } div.BookingPilot.RoomDetail.detailT1 div.offerbox div.offers div.scrollbox div.scroll div.elementmargin { margin-right: 2.857143%; } div.BookingPilot.RoomDetail.detailT1 div.offerbox div.offers div.scrollbox div.scroll div.offer { margin-right: 8.333333%; } div.BookingPilot.RoomDetail.detailT1 div.offerbox div.offers div.scrollbox div.scroll div.offer div.textbox div.title { font-size: 1.000000em; line-height: 1.250000em; } div.BookingPilot.RoomDetail.detailT1 div.lastminutebox div.headline { font-size: 1.250000em; line-height: 1.200000em; padding-right: 2.857143%; padding-left: 2.857143%; } } @media (max-width: 580px) { div.BookingPilot.RoomDetail.detailT1 div.lastminutebox div.offers div.offer div.durationdata { width: 49.145299%; margin: 0px 1.709402% 0px 0px; float: left; display: inline; } div.BookingPilot.RoomDetail.detailT1 div.lastminutebox div.offers div.offer div.pricedata { width: 49.145299%; float: right; display: inline; text-align: right; } div.BookingPilot.RoomDetail.detailT1 div.lastminutebox div.offers div.offer div.buttons { width: 100%; float: left; margin: 0.625000em 0px 0px 0px; } div.BookingPilot.RoomDetail.detailT1 div.lastminutebox div.offers div.offer div.pricedata div.price div.newprice { float: right; } div.BookingPilot.RoomDetail.detailT1 div.lastminutebox div.offers div.offer div.pricedata div.price div.oldprice { float: right; } div.BookingPilot.RoomDetail.detailT1 div.lastminutebox div.offers div.headdescription div.roomdate { width: 49.145299%; } div.BookingPilot.RoomDetail.detailT1 div.lastminutebox div.offers div.headdescription div.price { width: 49.145299%; float: right; text-align: right; } } @media (max-width: 480px) { div.BookingPilot.RoomDetail.detailT1 div.description { width: auto; float: none; display: block; } div.BookingPilot.RoomDetail.detailT1 div.linksbox { width: auto; float: none; display: block; border-top: solid 1px #D4D4D4; margin-top: 1.875000em; } div.BookingPilot.RoomDetail.detailT1 div.linksbox div.buttons a.button { width: auto; } div.BookingPilot.RoomDetail.detailT1 div.linksbox div.buttons a.button.booking { float: none; display: block; margin: 0.625000em 0px 0px 0px; } div.BookingPilot.RoomDetail.detailT1 div.linksbox div.buttons a.button.request { float: none; display: block; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.headline div.text { width: auto; float: none; display: block; } div.BookingPilot.RoomDetail.detailT1 div.pricebox div.headline div.infotext { width: auto; float: none; display: block; margin: 0px 0px 0px 0px; } div.BookingPilot.RoomDetail.detailT1 div.offerbox div.offers { position: relative; margin: 2.564103% 0px 0px 0px; text-align: center; } div.BookingPilot.RoomDetail.detailT1 div.offerbox div.offers div.scrollbox div.scroll div.elementmargin { margin-right: 4.761905%; } div.BookingPilot.RoomDetail.detailT1 div.offerbox div.offers div.scrollbox div.scroll div.offer { margin-right: 4.761905%; } div.BookingPilot.RoomDetail.detailT1 a.backtolist { margin-top: 7.142857%; } } @media (max-width: 440px) { div.BookingPilot.RoomDetail.detailT1 div.lastminutebox div.offers div.headdescription { display: none; } div.BookingPilot.RoomDetail.detailT1 div.lastminutebox div.offers div.offer div.durationdata { width: auto; float: none; display: block; } div.BookingPilot.RoomDetail.detailT1 div.lastminutebox div.offers div.offer div.durationdata div.infotext { display: block; } div.BookingPilot.RoomDetail.detailT1 div.lastminutebox div.offers div.offer div.pricedata { text-align: left; margin-top: 0.625000em; width: auto; float: none; display: block; } div.BookingPilot.RoomDetail.detailT1 div.lastminutebox div.offers div.offer div.pricedata div.infotext { display: block; } } /* List _________________________________________ */ @media all { div.unitlastminute.list.default { width: 93.382353%; font-family: 'PT Sans Narrow', sans-serif; } div.unitlastminute.list.default div.image img { float: left; display: inline; max-width: 100%; } div.unitlastminute.list.default div.rooms { border-top: solid 1px #D0C6B9; border-bottom: solid 1px #D0C6B9; } div.unitlastminute.list.default div.headline { font-size: 1.666667em; line-height: 1.160000em; padding: 0px 0px 0.666667em 0px; } div.unitlastminute.list.default div.headline div.roomdate { float: left; display: inline; } div.unitlastminute.list.default div.headline div.price { float: right; display: inline; text-align: right; } div.unitlastminute.list.default div.rooms div.priceinfotext { font-size: 0.440000em; line-height: 1.363636em; margin: 0.454545em 0px 0px 0px; text-transform: none; } div.unitlastminute.list.default div.rooms div.room { padding: 1.333333em; border-left: solid 1px #D0C6B9; border-right: solid 1px #D0C6B9; } div.unitlastminute.list.default div.rooms div.room:nth-child(2n-1) { background-color: #D0C6B9; } div.unitlastminute.list.default div.rooms div.room div.boxleft { display: block; margin-right: 220px; } div.unitlastminute.list.default div.rooms div.room div.image { width: 30.329670%; float: left; display: inline; margin: 0px 2.197802% 0px 0px; } div.unitlastminute.list.default div.rooms div.room div.roomdata { float: left; display: inline; width: 65.934066%; } div.unitlastminute.list.default div.rooms div.room div.roomdata div.namebox div.name { font-size: 1.333333em; line-height: 1.200000em; float: left; display: inline; margin-right: 0.666667em; } div.unitlastminute.list.default div.rooms div.room div.roomdata div.namebox a.details { margin: 0.200000em 0px 0px 0px; float: left; display: inline; color: #463d2c; font-weight: bold; } div.unitlastminute.list.default div.rooms div.room div.roomdata div.namebox a.details:hover { color: #665350; } div.unitlastminute.list.default div.rooms div.room div.roomdata div.freerooms { color: #C60000; margin: 0px 0px 0.800000em 0px; } div.unitlastminute.list.default div.rooms div.room div.roomdata div.durationtext { color: #463D2C; } div.unitlastminute.list.default div.rooms div.room div.roomdata div.durationdate { color: #463D2C; } div.unitlastminute.list.default div.rooms div.room div.pricedata { float: right; display: inline; width: 200px; text-align: right; } div.unitlastminute.list.default div.rooms div.room div.pricedata div.price { color: #463D2C; } div.unitlastminute.list.default div.rooms div.room div.pricedata div.price div.newprice { font-size: 1.333333em; line-height: 1.200000em; display: inline; float: right; } div.unitlastminute.list.default div.rooms div.room div.pricedata div.price div.oldprice { margin: 0.200000em 0px 0px 0.533333em; text-decoration: line-through; display: inline; float: right; } div.unitlastminute.list.default div.rooms div.room div.pricedata div.priceinfopersons { color: #463D2C; } div.unitlastminute.list.default div.rooms div.room div.pricedata div.discount { color: #463D2C; } div.unitlastminute.list.default div.rooms div.room div.pricedata div.buttons { margin: 1.666667em 0px 0px 0px; } div.unitlastminute.list.default div.rooms div.room div.pricedata div.buttons a.button1 { display: block; padding-right: 0px; padding-left: 0px; margin: 0.666667em 0px 0px 0px; text-align: center; } div.unitlastminute.list.default div.rooms div.room div.pricedata div.buttons a.button2 { display: block; padding-right: 0px; padding-left: 0px; margin: 0.666667em 0px 0px 0px; text-align: center; } div.unitlastminute.list.default div.norooms div.text { margin: 0px 0px 1.333333em 0px; } div.unitlastminute.list.default div.norooms a.button { float: left; display: inline; margin: 0px 0px 9px 0px; } } @media (max-width: 860px) { div.unitlastminute.list.default div.rooms div.room div.roomdata div.namebox a.details { clear: both; margin: 0.333333em 0px 0px 0px; float: none; display: block; } } @media (max-width: 600px) { div.unitlastminute.list.default div.rooms div.headline { display: none; } div.unitlastminute.list.default div.rooms div.room div.image { width: 100%; float: none; display: block; margin: 0px 0px 0px 0px; } div.unitlastminute.list.default div.rooms div.room div.roomdata { width: 100%; float: none; display: block; margin: 1.333333em 0px 0px 0px; } div.unitlastminute.list.default div.rooms div.room div.roomdata div.namebox a.details { clear: none; margin: 0.200000em 0px 0px 1.000000em; float: left; display: inline; } div.unitlastminute.list.default div.rooms div.room div.pricedata { width: 100%; float: none; display: block; text-align: left; } div.unitlastminute.list.default div.rooms div.room div.pricedata div.price { float: left; margin: 0px 1.666667% 0px 0px; } div.unitlastminute.list.default div.rooms div.room div.pricedata div.discount { clear: both; } div.unitlastminute.list.default div.rooms div.room div.pricedata div.buttons { margin: 1.333333em 0px 0px 0px; } div.unitlastminute.list.default div.rooms div.room div.pricedata div.buttons a.button { float: left; } } /* OnPage _________________________________________ */ @media all { div.unitlastminute.onpage.default { padding: 3.333333em 0px 4.444444em 0px; } div.unitlastminute.onpage.default div.unitlastminutecontainer { border-bottom: solid 1px #E8E0D2; } div.unitlastminute.onpage.default div.unitlastminutecontainer a.listlink { float: right; display: inline; text-transform: uppercase; color: #C60000; margin-top: 0.666667em; font-weight: bold; } div.unitlastminute.onpage.default div.unitlastminutecontainer div.headline { margin: 0px 0px 1.333333em 0px; color: #463D2C; } div.unitlastminute.onpage.default div.unitlastminutecontainer div.headline div.titel { float: left; display: inline; } div.unitlastminute.onpage.default div.unitlastminutecontainer div.headline div.untertitel { float: left; display: inline; } div.unitlastminute.onpage.default div.unitlastminutecontainer div.subheadline { color: #EEE8DB; padding: 0.666667em 0.777778em 0.722222em 0.777778em; font-family: 'PT Sans Narrow', sans-serif; } div.unitlastminute.onpage.default div.unitlastminutecontainer div.subheadline div.title { display: inline; text-transform: uppercase; float: left; font-weight: bold; } div.unitlastminute.onpage.default div.unitlastminutecontainer div.subheadline div.titelTime { width: 27.145359%; } div.unitlastminute.onpage.default div.unitlastminutecontainer div.subheadline div.titelRoom { width: 31.961471%; } div.unitlastminute.onpage.default div.unitlastminutecontainer div.subheadline div.titelPrice { width: 26.269702%; } div.unitlastminute.onpage.default div.unitlastminutecontainer div.subheadline div.titelBooking { width: 14.623468%; text-align: right; } div.unitlastminute.onpage.default div.unitlastminutecontainer div.room { border-top: solid 1px #D0C6B9; padding: 0.777778em; } div.unitlastminute.onpage.default div.unitlastminutecontainer div.room div.left { float: left; display: inline; width: 57.355517%; } div.unitlastminute.onpage.default div.unitlastminutecontainer div.room div.right { float: right; display: inline; width: 40.893170%; } div.unitlastminute.onpage.default div.unitlastminutecontainer div.room div.durationdata { float: left; display: inline; width: 45.112782%; } div.unitlastminute.onpage.default div.unitlastminutecontainer div.room div.durationdata div.durationtext { font-weight: bold; } div.unitlastminute.onpage.default div.unitlastminutecontainer div.room div.durationdata div.durationdate { font-size: 0.833333em; } div.unitlastminute.onpage.default div.unitlastminutecontainer div.room div.roomdata { float: right; display: inline; width: 53.383459%; } div.unitlastminute.onpage.default div.unitlastminutecontainer div.room div.roomdata a.name { font-weight: bold; color: #685550; } div.unitlastminute.onpage.default div.unitlastminutecontainer div.room div.roomdata a.name:hover { } div.unitlastminute.onpage.default div.unitlastminutecontainer div.room div.roomdata div.freerooms { color: #C60000; font-size: 0.833333em; } div.unitlastminute.onpage.default div.unitlastminutecontainer div.room div.pricedata { float: left; display: inline; width: 62.098501%; padding: 0px 2.141328% 0px 0px; } div.unitlastminute.onpage.default div.unitlastminutecontainer div.room div.pricedata div.price { } div.unitlastminute.onpage.default div.unitlastminutecontainer div.room div.pricedata div.price span { font-weight: bold; } div.unitlastminute.onpage.default div.unitlastminutecontainer div.room div.pricedata div.priceinfo { font-size: 0.833333em; } div.unitlastminute.onpage.default div.unitlastminutecontainer div.room div.pricedata div.priceinfo div.discount { color: #C60000; display: inline; } div.unitlastminute.onpage.default div.unitlastminutecontainer div.room div.pricedata div.priceinfo div.priceinfopersons { display: inline; } div.unitlastminute.onpage.default div.unitlastminutecontainer div.room div.btndata { float: right; display: inline; width: 35.760171%; } div.unitlastminute.onpage.default div.unitlastminutecontainer div.room div.btndata a.button { float: right; display: inline; } } @media (max-width: 829px) { div.unitlastminute.onpage.default div.unitlastminutecontainer div.subheadline { display: none; } div.unitlastminute.onpage.default div.unitlastminutecontainer div.room div.durationdata { float: none; display: block; width: auto; } div.unitlastminute.onpage.default div.unitlastminutecontainer div.room div.roomdata { float: none; display: block; width: auto; margin-top: 10px; } div.unitlastminute.onpage.default div.unitlastminutecontainer div.room div.pricedata { float: none; display: block; width: auto; } div.unitlastminute.onpage.default div.unitlastminutecontainer div.room div.btndata { float: none; display: block; width: auto; margin-top: 10px; } } @media (max-width: 480px) { div.unitlastminute.onpage.default div.unitlastminutecontainer div.room div.left, div.unitlastminute.onpage.default div.unitlastminutecontainer div.room div.right { float: none; display: block; width: auto; } div.unitlastminute.onpage.default div.unitlastminutecontainer div.room div.pricedata { margin-top: 10px; } } /* Overlay _________________________________________ */ @media all { div.unitlastminute.overlay.default div.titel { margin: 0px 0px 0.800000em 0px; font-size: 1.666667em; line-height: 1.160000em; } div.unitlastminute.overlay.default div.gallery { float: left; display: inline; width: 47.120419%; padding: 35.287958% 0px 0px 0px; position: relative; } div.unitlastminute.overlay.default div.gallery div.fadegallery { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } div.unitlastminute.overlay.default div.gallery div.fadegallery div.fadingobj { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } div.unitlastminute.overlay.default div.gallery div.fadegallery div.fadingobj img { float: left; max-width: 100%; } div.unitlastminute.overlay.default div.gallery a.btnprev { position: absolute; left: 0em; top: 50%; margin: -1.933333em 0px 0px 0px; width: 2.000000em; height: 3.866667em; z-index: 2; } div.unitlastminute.overlay.default div.gallery a.btnnext { position: absolute; right: 0em; top: 50%; margin: -1.933333em 0px 0px 0px; width: 2.000000em; height: 3.866667em; z-index: 2; } div.unitlastminute.overlay.default div.roomtext { float: right; display: inline; width: 49.738220%; } div.unitlastminute.overlay.default div.roomtext div.dimension { margin: 0px 0px 1.000000em 0px; } div.unitlastminute.overlay.default div.roomtext div.description { margin: 0px 0px 1.000000em 0px; } div.unitlastminute.overlay.default div.roomtext a.button { float: left; display: inline; } } @media (max-width: 600px) { div.unitlastminute.overlay.default div.gallery { float: none; display: block; width: 100%; padding: 75.000000% 0px 0px 0px; position: relative; } div.unitlastminute.overlay.default div.roomtext { float: none; display: block; width: 100%; clear: both; margin: 1.000000em 0px 0px 0px; } } /* Filter _________________________________________ */ @media all { div.BookingPilot.PriceList.filterT1 { position: relative; } div.BookingPilot.PriceList.filterT1 div.filterbox { margin: 0px 0px 3.418803% 0px; padding: 0.500000em 1.196581% 0.625000em 1.709402%; background-color: #483D2C; } div.BookingPilot.PriceList.filterT1 div.filterbox div.text { color: #FFFFFF; width: 10.434783%; margin: 0.562500em 0px 0px 0px; font-weight: bold; float: left; display: inline; } div.BookingPilot.PriceList.filterT1 div.filterbox div.filterinnen { position: relative; } div.BookingPilot.PriceList.filterT1 div.filterbox div.filterform div.checkboxes { width: 57.391304%; margin: 0.562500em 0px 0px 0px; float: left; display: inline; } div.BookingPilot.PriceList.filterT1 div.filterbox div.filterform div.checkboxes div.row.checkbox { width: auto; margin: 0px 5.757576% 0px 0px; float: left; display: inline; clear: none; position: relative; } div.BookingPilot.PriceList.filterT1 div.filterbox div.filterform div.checkboxes div.row.checkbox label.label { display: none; } div.BookingPilot.PriceList.filterT1 div.filterbox div.filterform div.checkboxes div.row.checkbox label.label.extralabel { color: #FFFFFF; display: inline; margin-left: 1.500000em; } div.BookingPilot.PriceList.filterT1 div.filterbox div.filterform div.checkboxes div.row.checkbox div.checkboxfield { position: absolute; left: 0px; } div.BookingPilot.PriceList.filterT1 div.filterbox div.checkboxeslabel div.row.checkbox { width: 100.000000%; margin: 0px 0px 0px 0px; } div.BookingPilot.PriceList.filterT1 div.filterbox div.checkboxeslabel div.row.checkbox label.label { display: none; } div.BookingPilot.PriceList.filterT1 div.filterbox div.checkboxeslabel div.row.checkbox label.label.extralabel { display: block; } div.BookingPilot.PriceList.filterT1 div.filterbox div.checkboxeslabel div.row.checkbox div.labelicon { width: 1.562500em; height: 1.562500em; position: absolute; left: -2.187500em; top: -0.312500em; } div.BookingPilot.PriceList.filterT1 div.filterbox div.filterform div.roomselectgroup { float: right; display: inline; width: 30.434783%; } div.BookingPilot.PriceList.filterT1 div.filterbox div.filterform div.roomselectgroup div.row.select { margin: 0px 0px 0px 0px; } div.BookingPilot.PriceList.filterT1 div.filterbox div.filterform div.roomselectgroup div.row.select div.selectfield { width: 100%; } div.BookingPilot.PriceList.filterT1 div.filterbox div.filterform div.roomselectgroup div.row.select label { display: none; } div.BookingPilot.PriceList.filterT1 div.ajaxloading { position: absolute; left: 0px; top: 0px; z-index: 50; width: 100%; height: 100%; opacity: 0.6; filter: alpha(opacity = 60); background: url(/images/units/prices/loading.gif) no-repeat center 40px #FFFFFF; } } @media (max-width: 770px) { div.BookingPilot.PriceList.filterT1 div.filterbox { margin-top: 3.750000em; } div.BookingPilot.PriceList.filterT1 div.filterbox div.text { width: 20.000000%; margin-top: 0.187500em; } div.BookingPilot.PriceList.filterT1 div.filterbox div.filterform div.checkboxes { width: 78.571429%; margin-top: 0.125000em; } div.BookingPilot.PriceList.filterT1 div.filterbox div.filterform div.roomselectgroup { width: 40.000000%; margin-top: -3.750000em; } } @media (max-width: 480px) { div.BookingPilot.PriceList.filterT1 div.filterbox { display: none; } } /* List _________________________________________ */ @media all { div.BookingPilot.PriceList.listT1 { } div.BookingPilot.PriceList.listT1 div.closed { display: none; } div.BookingPilot.PriceList.listT1 .btnopen .textopen { display: inline; } div.BookingPilot.PriceList.listT1 .btnopen .textclose { display: none; } div.BookingPilot.PriceList.listT1 .btnclose .textopen { display: none; } div.BookingPilot.PriceList.listT1 .btnclose .textclose { display: inline; } div.BookingPilot.PriceList.listT1 div.scrollbox { width: 83.760684%; position: relative; float: right; display: inline; overflow: hidden; } div.BookingPilot.PriceList.listT1 div.scrollbox div.element { background-color: #D0C6B9; float: left; display: inline; text-align: center; } div.BookingPilot.PriceList.listT1 div.scrollbox div.element.bg { background-color: #ffffff; } div.BookingPilot.PriceList.listT1 div.seasonsbox { margin: 0px 0px 2.500000em 0px; width: 100%; position: relative; z-index: 10; } div.BookingPilot.PriceList.listT1 div.seasonsbox.posfixed { background-color: #d0c6b9; -webkit-box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.1); } div.BookingPilot.PriceList.listT1 div.seasonsbox div.scrollbox div.element { line-height: 1.000000em; } div.BookingPilot.PriceList.listT1 div.seasonsbox div.scrollbox div.element div.innen { padding: 0.937500em 0px 0.937500em 0px; } div.BookingPilot.PriceList.listT1 div.seasonsbox a.prev { left: 16.239316%; width: 1.750000em; height: 1.750000em; margin: -0.875000em 0px 0px 0px; position: absolute; top: 50%; z-index: 15; } div.BookingPilot.PriceList.listT1 div.seasonsbox a.next { right: 0px; width: 1.750000em; height: 1.750000em; margin: -0.875000em 0px 0px 0px; position: absolute; top: 50%; z-index: 15; } div.BookingPilot.PriceList.listT1 div.seasonsbox a.disabled { opacity: 0.3; filter: alpha(opacity = 30); } div.BookingPilot.PriceList.listT1 div.seasonsbox div.scroll div.element div.seasonname { margin: 0.937500em 0.937500em 0px 0.937500em; text-transform: uppercase; font-weight: bold; line-height: 1.125000em; } div.BookingPilot.PriceList.listT1 div.seasonsselectbox { display: none; } div.BookingPilot.PriceList.listT1 div.room { margin: 0px 0px 1.875000em 0px; } div.BookingPilot.PriceList.listT1 div.room div.headline { margin: 0px 0px 0.625000em 0px; } div.BookingPilot.PriceList.listT1 div.room div.headline div.namebox { display: inline; } div.BookingPilot.PriceList.listT1 div.room div.headline a.opendetail { margin: 0px 0px 0px 0.937500em; display: inline-block; vertical-align: bottom; } div.BookingPilot.PriceList.listT1 div.room div.headline div.btnbox { float: right; display: inline; } div.BookingPilot.PriceList.listT1 div.room div.headline div.btnbox a { float: right; margin: 0px 0.625000em 0px 0px; } div.BookingPilot.PriceList.listT1 div.room div.headline div.btnbox a:first-child { margin-right: 0px; } div.BookingPilot.PriceList.listT1 div.room div.content { border: solid 1px #DDDBDB; } div.BookingPilot.PriceList.listT1 div.room div.content div.infobox { border-bottom: solid 1px #DDDBDB; } div.BookingPilot.PriceList.listT1 div.room div.content div.infobox div.image { width: 23.544521%; float: left; display: inline; } div.BookingPilot.PriceList.listT1 div.room div.content div.infobox div.image img { max-width: 100%; float: left; display: inline; } div.BookingPilot.PriceList.listT1 div.room div.content div.infobox div.roomtext { width: 72.773973%; margin: 1.250000em 0px 1.250000em 1.712329%; float: left; display: inline; } div.BookingPilot.PriceList.listT1 div.room div.content div.infobox div.roomtext.noimg { width: auto; margin-right: 1.712329%; } div.BookingPilot.PriceList.listT1 div.room div.content div.infobox div.roomtext div.type { margin: 0px 0px 0.437500em 0px; } div.BookingPilot.PriceList.listT1 div.room div.content div.infobox div.roomtext div.description { max-width: 670px; margin: 0px 0px 0.437500em 0px; } div.BookingPilot.PriceList.listT1 div.room div.content div.infobox div.roomtext a.skizze { float: left; display: inline; } div.BookingPilot.PriceList.listT1 div.room div.content div.infobox div.roomtext a.skizze.hidden { display: none; } div.BookingPilot.PriceList.listT1 div.room div.content div.infobox div.roomtext a.weiter { font-weight: bold; } div.BookingPilot.PriceList.listT1 div.room div.content div.typebox { background-color: #D0C6B9; width: 16.239316%; float: left; display: inline; } div.BookingPilot.PriceList.listT1 div.room div.content div.typebox div.typeinnen { margin: 0px 0px 0px 0.937500em; border-right: solid 1px #DDDBDB; } div.BookingPilot.PriceList.listT1 div.room div.content div.typebox div.typeinnen div.types { padding: 0px 0px 0.625000em 0px; } div.BookingPilot.PriceList.listT1 div.room div.content div.typebox div.typeinnen div.types:first-child { padding-top: 0.625000em; } div.BookingPilot.PriceList.listT1 div.room div.content div.pricebox.noseasons div.typebox { width: auto; } div.BookingPilot.PriceList.listT1 div.room div.content div.pricebox.noseasons div.typebox div.typeinnen { border-right: 0px; } div.BookingPilot.PriceList.listT1 div.room div.content div.scrollbox { border: 0px; } div.BookingPilot.PriceList.listT1 div.room div.content div.scrollbox div.scroll div.element div.innen { padding: 0px 0px 0.625000em 0px; font-weight: bold; } div.BookingPilot.PriceList.listT1 div.room div.content div.scrollbox div.scroll:first-child div.element div.innen { padding-top: 0.625000em; } div.BookingPilot.PriceList.listT1 div.room div.content div.pricebox.noseasons div.scrollbox { width: auto; } div.BookingPilot.PriceList.listT1 div.room div.content div.pricebox.noseasons div.scrollbox div.scroll div.element { float: right; margin-right: 0.937500em; } div.BookingPilot.PriceList.listT1 div.room div.content div.pricebox.noseasons div.scrollbox div.scroll div.element.bg { background: transparent; } div.BookingPilot.PriceList.listT1 div.room div.content div.buttonbox { display: none; } } @media (max-width: 850px) { div.BookingPilot.PriceList.listT1 div.scrollbox { width: 75.000000%; } div.BookingPilot.PriceList.listT1 div.seasonsbox a.prev { left: 25.000000%; } div.BookingPilot.PriceList.listT1 div.room div.headline div.namebox { font-size: 1.250000em; } div.BookingPilot.PriceList.listT1 div.room div.content div.typebox { width: 25.000000%; } } @media (max-width: 700px) { div.BookingPilot.PriceList.listT1 div.scrollbox { width: 60.714286%; } div.BookingPilot.PriceList.listT1 div.seasonsbox a.prev { left: 39.285714%; } div.BookingPilot.PriceList.listT1 div.room div.content div.typebox { width: 39.285714%; } } @media (max-width: 480px) { div.BookingPilot.PriceList.listT1 div.scrollbox { width: 45.348837%; margin-right: 3.488372%; border: 0px; } div.BookingPilot.PriceList.listT1 div.scrollbox div.element { text-align: right; background: transparent; } div.BookingPilot.PriceList.listT1 div.scrollbox div.element.bg { background: transparent; } div.BookingPilot.PriceList.listT1 div.seasonsbox { display: none; } div.BookingPilot.PriceList.listT1 div.seasonsselectbox { display: block; margin: 0px 0px 6.976744% 0px; } div.BookingPilot.PriceList.listT1 div.seasonsselectbox div.row.select { margin: 0px 0px 0px 0px; } div.BookingPilot.PriceList.listT1 div.seasonsselectbox div.row.select label.label { width: auto; float: none; display: block; margin: 0px 0px 0px 0px; } div.BookingPilot.PriceList.listT1 div.seasonsselectbox div.row.select div.selectfield { width: auto; float: none; display: block; } div.BookingPilot.PriceList.listT1 div.room div.headline a.opendetail { float: right; } div.BookingPilot.PriceList.listT1 div.room div.headline div.btnbox { display: none; } div.BookingPilot.PriceList.listT1 div.room div.content { border: 0px; background-color: #FFFFFF; } div.BookingPilot.PriceList.listT1 div.room div.content div.infobox { border: 0px; } div.BookingPilot.PriceList.listT1 div.room div.content div.infobox div.image { width: auto; float: none; display: block; } div.BookingPilot.PriceList.listT1 div.room div.content div.infobox div.roomtext { width: auto; float: none; display: block; } div.BookingPilot.PriceList.listT1 div.room div.content div.pricebox { } div.BookingPilot.PriceList.listT1 div.room div.content div.typebox { width: 47.674419%; } div.BookingPilot.PriceList.listT1 div.room div.content div.typebox div.typeinnen { border-right: 0px; } div.BookingPilot.PriceList.listT1 div.room div.content div.buttonbox { display: block; margin: 0.500000em 3.488372% 3.488372% 3.488372%; } div.BookingPilot.PriceList.listT1 div.room div.content div.buttonbox a.button { width: 47.500000%; padding-left: 0px; padding-right: 0px; text-align: center; float: left; display: inline; } div.BookingPilot.PriceList.listT1 div.room div.content div.buttonbox a.button.booking { float: right; } } /* BookingPilot OfferList FilterT2 _______________________________________ */ @media all { div.BookingPilot.OfferList.filterT2 { position: relative; } div.BookingPilot.OfferList.filterT2 div.ajaxloading { position: absolute; left: 0px; top: 0px; z-index: 50; width: 100%; height: 100%; opacity: 0.6; OfferList: alpha(opacity = 60); background: url(/images/units/offers/loading.gif) no-repeat center 40px #FFFFFF; } div.BookingPilot.OfferList.filterT2 div.filterbox { margin-bottom: 2.564103%; background-color: #89796B; } div.BookingPilot.OfferList.filterT2 div.filterbox div.description { width: 17.094017%; margin: 0.866667em 0px 1.000000em 1.709402%; float: left; display: inline; font-size: 0.933333em; line-height: 1.285714em; color: #FFFFFF; } div.BookingPilot.OfferList.filterT2 div.filterbox div.categoryselect { display: none; } div.BookingPilot.OfferList.filterT2 div.filterbox div.categorybox { width: 52.991453%; float: left; display: inline; margin: 0.666667em 0px 0.733333em 0px; } div.BookingPilot.OfferList.filterT2 div.filterbox div.categorybox div.row.checkbox { width: 29.838710%; clear: none; float: left; display: inline; margin: 0px 0px 0px 2.419355%; } div.BookingPilot.OfferList.filterT2 div.filterbox div.categorybox div.row.checkbox label.label { display: none; } div.BookingPilot.OfferList.filterT2 div.filterbox div.categorybox div.row.checkbox label.label.extralabel { display: block; color: #FFFFFF; } div.BookingPilot.OfferList.filterT2 div.filterbox div.monthbox { width: 25.641026%; float: right; display: inline; margin: 0.800000em 1.709402% 0.933333em 0px; } div.BookingPilot.OfferList.filterT2 div.filterbox div.monthbox div.row.select { margin: 0px 0px 0px 0px; } div.BookingPilot.OfferList.filterT2 div.filterbox div.monthbox div.row.select label.label { display: none; } div.BookingPilot.OfferList.filterT2 div.filterbox div.monthbox div.row.select div.selectfield { width: 98.333333%; } } @media (max-width: 1100px) { div.BookingPilot.OfferList.filterT2 div.filterbox div.categorybox div.row.checkbox { width: 30.645161%; margin: 0px 0px 0px 1.612903%; } } @media (max-width: 770px) { div.BookingPilot.OfferList.filterT2 div.filterbox { margin-top: 4.000000em; } div.BookingPilot.OfferList.filterT2 div.filterbox div.description { width: 94.285714%; margin-left: 2.857143%; } div.BookingPilot.OfferList.filterT2 div.filterbox div.categorybox { width: 100.000000%; } div.BookingPilot.OfferList.filterT2 div.filterbox div.monthbox { width: 37.142857%; margin-top: -6.666667em; margin-right: 0px; } } @media (max-width: 480px) { div.BookingPilot.OfferList.filterT2 div.filterbox { margin-bottom: 6.976744%; margin-top: 0em; background: transparent; } div.BookingPilot.OfferList.filterT2 div.filterbox div.description { display: none; } div.BookingPilot.OfferList.filterT2 div.filterbox div.categorybox { display: none; } div.BookingPilot.OfferList.filterT2 div.filterbox div.categoryselect { display: block; } div.BookingPilot.OfferList.filterT2 div.filterbox div.categoryselect div.row.select label.label { display: none; } div.BookingPilot.OfferList.filterT2 div.filterbox div.categoryselect div.row.select div.selectfield { width: auto; float: none; display: block; } div.BookingPilot.OfferList.filterT2 div.filterbox div.monthbox { width: auto; float: none; display: block; margin-top: 0px; margin-right: 0px; } div.BookingPilot.OfferList.filterT2 div.filterbox div.monthbox div.row.select div.selectfield { width: auto; float: none; display: block; } } /* BookingPilot OfferList filterT2 _______________________________________ */ @media all { div.BookingPilot.OfferList.listT2 { text-align: center; } div.BookingPilot.OfferList.listT2 picture img { display: block; width: 100%; } div.BookingPilot.OfferList.listT2 div.offer { width: 31.623932%; margin: 0px 0px 2.564103% 2.564103%; padding: 0px 0px 63px 0px; float: left; display: inline; position: relative; cursor: default; } div.BookingPilot.OfferList.listT2 div.offer div.textbox { padding: 1.125000em 5.555556% 1.125000em 5.555556%; } div.BookingPilot.OfferList.listT2 div.offer div.price { border-top: solid 1px #666666; font-size: 1.562500em; line-height: 1.240000em; margin-top: 0.480000em; padding-top: 0.480000em; } div.BookingPilot.OfferList.listT2 div.offer div.buttons { width: 100%; position: absolute; left: 0px; bottom: 0px; } div.BookingPilot.OfferList.listT2 div.offer a.button1 { display: block; margin: 0px 5.555556% 20px 5.555556%; } } @media (min-width: 931px) { div.BookingPilot.OfferList.listT2 div.offer:nth-child(3n + 1) { margin-left: 0px; clear: both; } } @media (max-width: 930px) and (min-width: 647px) { div.BookingPilot.OfferList.listT2 div.offer { width: 48.621554%; } div.BookingPilot.OfferList.listT2 div.offer:nth-child(2n + 1) { margin-left: 0px; clear: both; } } @media (max-width: 646px) { div.BookingPilot.OfferList.listT2 div.offer { margin-bottom: 3.906250%; margin-left: 0px; width: auto; float: none; display: block; max-width: 512px; margin-left: auto; margin-right: auto; } } /* Offer Onpage __________________________________________________________ */ @media all { div.unitoffers.onpage { position: relative; overflow: hidden; } div.unitoffers.onpage div.scrollbox { position: relative; overflow: hidden; } div.unitoffers.onpage div.element { float: left; display: inline; width: 100%; position: relative; } div.unitoffers.onpage div.element:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 2; -webkit-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.4); box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0); } div.unitoffers.onpage div.element.active:before { content: none; } div.unitoffers.onpage div.elementmargin { margin-right: 0px; } div.unitoffers.onpage div.element div.bubblebox { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; text-align: right; } div.unitoffers.onpage div.element div.bubblebox:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; margin-left: -5px; } div.unitoffers.onpage div.element div.bubblebox div.bubble { display: inline-block; vertical-align: middle; text-align: center; opacity: 0; transition: opacity 500ms linear; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 377px; height: 377px; position: relative; overflow: hidden; margin-right: 2.777778em; } div.unitoffers.onpage div.element.active div.bubblebox div.bubble { opacity: 1; } div.unitoffers.onpage div.element div.bubblebox div.bubble:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; margin-left: -5px; } div.unitoffers.onpage div.element div.bubble div.text { display: inline-block; vertical-align: middle; padding: 0px 2.222222em; } div.unitoffers.onpage div.element div.bubble.withPrice div.text { margin-bottom: 45px; } div.unitoffers.onpage div.element div.bubble div.text a.detail { margin-top: 1.000000em; display: inline-block; vertical-align: top; } div.unitoffers.onpage div.element div.bubble div.title { margin-top: 0.333333em; } div.unitoffers.onpage div.element div.bubble div.button { position: absolute; left: 0px; bottom: 0px; width: 100%; min-height: 87px; padding: 12px 0px 0px 0px; display: block; } div.unitoffers.onpage div.element div.bubble div.button div.price { font-family: 'PT Sans Narrow', sans-serif; font-weight: bold; font-size: 1.222222em; line-height: 1.181818em; } } @media (max-width: 930px) { div.unitoffers.onpage div.element div.bubblebox { position: relative; text-align: center; } div.unitoffers.onpage div.element div.bubblebox:before { content: none; } div.unitoffers.onpage div.element div.bubblebox div.bubble { display: block; text-align: center; opacity: 1; transition: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; width: auto; height: auto; position: relative; margin: 0px 0px 0px 0px; padding: 20px 0px 40px 0px; } div.unitoffers.onpage div.element div.bubblebox div.bubble:before { content: none; } div.unitoffers.onpage div.element div.bubble div.text { display: inline-block; vertical-align: middle; padding: 0px 2.222222em; } div.unitoffers.onpage div.element div.bubble.withPrice div.text { margin-bottom: 0px; } div.unitoffers.onpage div.element div.bubble div.text a.detail { margin-top: 1.000000em; display: inline-block; vertical-align: top; } div.unitoffers.onpage div.element div.bubble div.title { margin-top: 0.333333em; } div.unitoffers.onpage div.element div.bubble div.button { position: static; background: transparent; color: #665350; min-height: 0px; } } /* Detail _____________________________________________ */ @media all { div.BookingPilot.OfferDetail.detailT1 { text-align: left; } div.BookingPilot.OfferDetail.detailT1 div.closed { display: none; } div.BookingPilot.OfferDetail.detailT1 a.btnopen span.textopen { display: inline; } div.BookingPilot.OfferDetail.detailT1 a.btnopen span.textclose { display: none; } div.BookingPilot.OfferDetail.detailT1 a.btnclose span.textopen { display: none; } div.BookingPilot.OfferDetail.detailT1 a.btnclose span.textclose { display: inline; } div.BookingPilot.OfferDetail.detailT1 div.headlinebox { margin: 0px 0px 2.000000em 0px; width: 67.521368%; float: left; display: inline; } div.BookingPilot.OfferDetail.detailT1 div.headlinebox h1 { margin: 0px 0px 0px 0px; } div.BookingPilot.OfferDetail.detailT1 div.headlinebox div.hotelname { } div.BookingPilot.OfferDetail.detailT1 div.headlinebox div.subheadline { } div.BookingPilot.OfferDetail.detailT1 div.minprice { margin: 0px 0px 1.750000em 0px; float: right; display: inline; } div.BookingPilot.OfferDetail.detailT1 div.descriptionbox { margin: 0px 0px 3.333333em 0px; position: relative; width: 100%; } div.BookingPilot.OfferDetail.detailT1 div.descriptionbox div.image { width: 48.717949%; float: left; display: inline; } div.BookingPilot.OfferDetail.detailT1 div.descriptionbox div.image img { max-width: 100%; float: left; display: inline; } div.BookingPilot.OfferDetail.detailT1 div.descriptionbox div.detailtext { margin: 2.000000em 2.564103% 5.333333em 2.564103%; } div.BookingPilot.OfferDetail.detailT1 div.descriptionbox div.detailtext.withimg { width: 46.153846%; float: right; display: inline; } div.BookingPilot.OfferDetail.detailT1 div.descriptionbox div.detailtext div.description { margin: 0px 0px 1.000000em 0px; } div.BookingPilot.OfferDetail.detailT1 div.descriptionbox div.buttons { position: absolute; right: 2.564103%; bottom: 2.000000em; } div.BookingPilot.OfferDetail.detailT1 div.descriptionbox div.buttons.withimg { width: 46.153846%; } div.BookingPilot.OfferDetail.detailT1 div.descriptionbox div.buttons a.button { float: right; margin: 0px 0px 0px 1.000000em; text-align: center; } div.BookingPilot.OfferDetail.detailT1 div.periodsboxtop { margin: 2.000000em 0px 0px 0px; } div.BookingPilot.OfferDetail.detailT1 div.periodsboxtop div.headline { font-size: 1.000000em; line-height: 1.466667em; font-weight: bold; margin: 0px 0px 0.333333em 0px; } div.BookingPilot.OfferDetail.detailT1 div.periodsboxtop div.periods div.row { padding: 0.400000em 0px 0.400000em 0px; border-bottom: solid 1px #dddbdb; } div.BookingPilot.OfferDetail.detailT1 div.periodsboxtop div.periods div.row:first-child { border-top: solid 1px #dddbdb; } div.BookingPilot.OfferDetail.detailT1 div.periodsboxtop div.periods div.row div.period { width: 50%; float: left; display: inline; } div.BookingPilot.OfferDetail.detailT1 div.periodsboxtop div.periods div.row div.price { width: 50%; text-align: right; float: right; display: inline; } div.BookingPilot.OfferDetail.detailT1 div.servicebox { margin: 0px 0px 3.333333em 0px; max-width: 1170px; } div.BookingPilot.OfferDetail.detailT1 div.servicebox div.headline { font-size: 1.666667em; line-height: 1.160000em; margin: 0px 0px 0.600000em 0px; } div.BookingPilot.OfferDetail.detailT1 div.servicebox div.services ul { list-style-type: none; max-width: 1170px; text-align: left; margin-bottom: 20px; } div.BookingPilot.OfferDetail.detailT1 div.servicebox div.services ul li { padding: 0.400000em 0px 0.400000em 2.000000em; position: relative; background: transparent; } div.BookingPilot.OfferDetail.detailT1 div.servicebox div.services ul li:before { content: none; } div.BookingPilot.OfferDetail.detailT1 div.servicebox div.services ul li div.listicon { position: absolute; left: 0px; top: 0.611111em; width: 1.277778em; height: 1.277778em; } div.BookingPilot.OfferDetail.detailT1 div.periodsbox { margin: 0px 0px 3.333333em 0px; } div.BookingPilot.OfferDetail.detailT1 div.periodsbox div.headline { font-size: 1.666667em; line-height: 1.160000em; margin: 0px 0px 0.600000em 0px; } div.BookingPilot.OfferDetail.detailT1 div.periodsbox div.periods div.row { padding: 0.400000em 0px 0.400000em 0px; border-bottom: solid 1px #dddbdb; } div.BookingPilot.OfferDetail.detailT1 div.periodsbox div.periods div.row:first-child { border-top: solid 1px #dddbdb; } div.BookingPilot.OfferDetail.detailT1 div.periodsbox div.periods div.row div.period { width: 50%; float: left; display: inline; } div.BookingPilot.OfferDetail.detailT1 div.periodsbox div.periods div.row div.price { width: 50%; text-align: right; float: right; display: inline; } div.BookingPilot.OfferDetail.detailT1 div.requestbox { padding: 1.666667em 2.564103% 2.000000em 2.564103%; display: block; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.titel { margin: 0px 0px 0.937500em 0px; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box { width: 31.531532%; float: left; display: inline; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box a { color: #B7BF4E; display: block; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box a:hover { color: #919836; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box span.icon { margin: 0px 2.857143% 0px 0px; float: left; display: inline; position: relative; overflow: hidden; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box span.icon span { } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box span.text { float: left; display: inline; color: #89796B; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box span.text b { color: #b7bf4e; font-size: 25px; line-height: 28px; font-weight: normal; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box a:hover span.text b { color: #919836; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box.request span.text { width: 85.714286%; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box.request span.icon { width: 10.000000%; padding: 12.857143% 0px 0px 0px; color: #00A7E6; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box.request span.icon span { width: 100%; height: 100%; margin: 0px 0px 0px 0px; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box.phone { margin: 0px 0px 0px 2.564103%; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box.phone span.text { width: 84.571429%; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box.phone span.icon { width: 11.142857%; padding: 12.857143% 0px 0px 0px; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box.phone span.icon span { width: 100%; height: 100%; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box.email { float: right; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box.email span.text { width: 81.142857%; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box.email span.icon { width: 14.571429%; padding: 10.857143% 0px 0px 0px; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box.email span.icon span { width: 100%; height: 100%; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box.request span.icon span svg, div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box.phone span.icon span svg, div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box.email span.icon span svg { position: absolute !important; left: 0px; top: 0px; } div.BookingPilot.OfferDetail.detailT1 div.offercalenderhead { cursor: pointer; color: #FFFFFF; padding: 0.875000em 1.709402% 0.812500em 2.564103%; display: block; } div.BookingPilot.OfferDetail.detailT1 div.offercalenderhead div.text { float: left; display: inline; margin: 0.250000em 0px 0px 0px; } div.BookingPilot.OfferDetail.detailT1 div.offercalenderhead div.text.request, div.BookingPilot.OfferDetail.detailT1 div.offercalenderhead.requesttext div.text { display: none; } div.BookingPilot.OfferDetail.detailT1 div.offercalenderhead.requesttext div.text.request { display: inline; } div.BookingPilot.OfferDetail.detailT1 div.offercalenderhead div.icon { float: right; display: inline; font-size: 1px; line-height: 1px; position: relative; } div.BookingPilot.OfferDetail.detailT1 div.offercalenderhead div.icon:hover { box-shadow: none; } div.BookingPilot.OfferDetail.detailT1 div.offercalenderhead div.icon svg { position: absolute !important; left: 0px; top: 0px; width: 100%; height: 100%; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox { margin: 2.000000em 0px 0px 0px; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.calendardescription { width: 28.205128%; margin: 0px 2.564103% 0px 0px; float: right; display: inline; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.calendardescription.request, div.BookingPilot.OfferDetail.detailT1 div.bookingbox.requesttext div.calendardescription { display: none; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox.requesttext div.calendardescription.request { display: inline; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar { width: 65.811966%; position: relative; float: left; display: inline; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar select.monthselect { display: none; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar a.prev { width: 1.688312%; height: 1.400000em; position: absolute; left: 2.207792%; top: 0.866667em; color: #000000; text-decoration: none; cursor: pointer; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar a.next { width: 1.688312%; height: 1.400000em; position: absolute; right: 2.207792%; top: 0.866667em; color: #000000; text-decoration: none; cursor: pointer; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar div.arrivaldeparturecalendar { width: 48.051948%; float: left; display: inline; border: solid 1px #dddbdb; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar div.arrivaldeparturecalendar.calendar1 { float: right; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar div.arrivaldeparturecalendar b { width: 98.918919%; padding: 0.866667em 0px 0.866667em 0px; background-color: #D0C6B9; text-transform: uppercase; font-weight: normal; display: block; text-align: center; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table { margin: 0px 0px 5.405405% 0px; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table th, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td { width: 14.117647%; padding: 12.058824% 0px 0px 0px; display: inline-block; position: relative; vertical-align: top; text-align: center; background-color: #FFFFFF; } *+ html div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table th, *+ html div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td { height: 41px; position: relative; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table th { text-transform: uppercase; font-weight: normal; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td a.resetdays { width: 15px; height: 15px; position: absolute; right: 0px; top: -4px; z-index: 15; font-size: 1px; line-height: 1px; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td a.resetdays svg { position: absolute !important; left: 0px; top: 0px; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table th span.text, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td span.text { width: 70.833333%; margin: -0.633em 0px 0px 14.583333%; padding: 0.133em 0px 0.133em 0px; line-height: 1em; position: absolute; left: 0px; top: 50%; z-index: 10; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td span.text { font-weight: bold; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td span.icon { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; display: none; z-index: 5; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td span.xicon { width: 43.750000%; height: 43.750000%; position: absolute; left: 27.083333%; top: 27.083333%; display: none; z-index: 5; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td span.selecticon { color: #353535; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.offerday span.xicon, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.arrivaldaynoclick span.xicon { display: block; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.nix span.xicon { display: block; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.arrivaldaynoclick.beforearrival span.xicon { display: none; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.offerday span.xicon svg, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.arrivaldaynoclick span.xicon svg, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.arrivaldaynoclick.beforearrival span.xicon svg { position: absolute !important; left: 0px; top: 0px; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.arrivalday span.text, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.departureday span.text { font-weight: bold; cursor: pointer; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.betweenday span.text, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.highlighted span.text, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.selectedarrivalday span.text, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.selecteddepartureday span.text { color: #FFFFFF; font-weight: bold; cursor: pointer; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.beforearrival span.text, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.beforenow span.text { color: #DADADA; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.wrongmonth span.text { display: none; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.betweenday span.selecticon, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.highlighted span.selecticon, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.selectedarrivalday span.selecticon, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.selecteddepartureday span.selecticon { display: block; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.betweenday span.selecticon svg, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.highlighted span.selecticon svg, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.selectedarrivalday span.selecticon svg, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.selecteddepartureday span.selecticon svg { position: absolute !important; left: 0px; top: 0px; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar div.calenderloading { width: 100%; height: 100%; background-color: #FFFFFF; opacity: 0.8; filter: alpha(opacity = 80); position: absolute; left: 0px; top: 0px; z-index: 80; background-image: url(/images/units/offers/loading.gif); background-position: center center; background-repeat: no-repeat; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.roomsbox { margin: 4.273504% 0px 0px 0px; } div.BookingPilot.OfferDetail.detailT1 a.btnback { float: left; margin: 2.000000em 0px 0px 0px; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.arrivaldaynoclick, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.nix { background-color: #EEEEEE; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.arrivalday, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.departureday { background-color: #698C00; color: #FFFFFF; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.highlighted, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.nix.highlighted, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.selectedarrivalday, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.betweenday, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.selecteddepartureday { background-color: #536F00; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.selectedarrivalday { background: url(/images/units/offers/bg-checkin.png) no-repeat center bottom #536F00; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.selecteddepartureday { background: url(/images/units/offers/bg-checkout.png) no-repeat center bottom #536F00; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table th span.text, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td span.text { top: 0px; width: 100%; height: 100%; margin: 0px 0px 0px 0px; padding: 30% 0px 0px 0px; box-sizing: border-box; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table th, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td { background-color: #FFFFFF; position: relative; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table th:before, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border: 0px; border-top: solid 1px #D4D4D4; border-left: solid 1px #D4D4D4; box-sizing: border-box; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table th span.text, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td span.text { font-weight: bold; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.betweenday span.text, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.highlighted span.text, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.selectedarrivalday span.text, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.selecteddepartureday span.text { color: #FFFFFF; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.arrivalday, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.arrivaldaynoclick.highlighted, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.departureday { background-color: #b7bf4e; color: #FFFFFF; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.highlighted, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.selectedarrivalday, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.betweenday, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.arrivaldaynoclick.highlighted, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.selecteddepartureday { background-color: #898F3A; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.selectedarrivalday:before, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.betweenday:before, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.selecteddepartureda:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border: 0px; border-top: solid 1px #D4D4D4; border-left: solid 1px #D4D4D4; box-sizing: border-box; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table { box-sizing: border-box; margin: 0px 0px 0px 0px; border: 0px; border-right: solid 1px #D4D4D4; border-bottom: solid 1px #D4D4D4; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar div.arrivaldeparturecalendar { border: 0px; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar div.arrivaldeparturecalendar b { box-sizing: border-box; width: 100%; border-top: solid 1px #dddbdb; border-left: solid 1px #dddbdb; border-right: solid 1px #dddbdb; border-bottom: 0px; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.arrivaldaynoclick, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.nix { background-color: #EEEEEE; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.beforenow { background-color: #FFFFFF; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table th, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td { width: 14.285714%; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table tr th, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td { border: 0px; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table tr td:first-child { border: 0px; } } @media (max-width: 469px), (min-width: 481px) and (max-width: 1196px) { div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.selectedarrivalday, div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar table td.selecteddepartureday { background-image: none; } } @media (max-width: 770px) { div.BookingPilot.OfferDetail.detailT1 div.headlinebox { width: 73.972603%; } div.BookingPilot.OfferDetail.detailT1 div.headlinebox div.subheadline { font-size: 1.333333em; line-height: 1.200000em; } div.BookingPilot.OfferDetail.detailT1 div.minprice { font-size: 1.333333em; line-height: 1.200000em; } div.BookingPilot.OfferDetail.detailT1 div.descriptionbox div.detailtext { margin-bottom: 2.000000em; } div.BookingPilot.OfferDetail.detailT1 div.descriptionbox div.buttons { margin: 0px 4.651163% 1.000000em 4.651163%; position: static; right: auto; bottom: auto; } div.BookingPilot.OfferDetail.detailT1 div.descriptionbox div.buttons.withimg { width: auto; } div.BookingPilot.OfferDetail.detailT1 div.descriptionbox div.buttons a.button { width: 47.500000%; padding-right: 0px; padding-left: 0px; text-align: center; } div.BookingPilot.OfferDetail.detailT1 div.descriptionbox div.buttons a.button:nth-child(2) { margin-left: 0px; float: left; } div.BookingPilot.OfferDetail.detailT1 div.descriptionbox div.buttons a.button.request { float: left; margin-left: 0px; } div.BookingPilot.OfferDetail.detailT1 div.descriptionbox div.buttons a.button.buttonhotels { float: none; width: 100%; margin: 0px 0px 0px 0px; padding-left: 0px; padding-right: 0px; display: block; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.titel, div.BookingPilot.OfferDetail.detailT1 div.servicebox div.headline, div.BookingPilot.OfferDetail.detailT1 div.periodsbox div.headline { font-size: 1.333333em; line-height: 1.200000em; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box { text-align: center; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box span.icon { margin: 0 auto 0.533333em auto; float: none; display: block; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box.request span.icon { width: 17.500000%; padding-top: 23.500000%; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box.phone span.icon { width: 20.000000%; padding-top: 22.500000%; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box.email span.icon { width: 26.000000%; padding-top: 21.000000%; } div.BookingPilot.OfferDetail.detailT1 div.offercalenderhead { } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.calendardescription { width: auto; float: none; display: block; margin-left: 0px; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar { width: auto; float: none; display: block; margin-left: 0px; margin-top: 1.333333em; } } @media (max-width: 480px) { div.BookingPilot.OfferDetail.detailT1 div.descriptionbox div.image { width: auto; float: none; display: block; } div.BookingPilot.OfferDetail.detailT1 div.descriptionbox div.detailtext { margin: 1.000000em 6.976744% 1.000000em 6.976744%; } div.BookingPilot.OfferDetail.detailT1 div.descriptionbox div.detailtext.withimg { width: auto; float: none; display: block; } div.BookingPilot.OfferDetail.detailT1 div.descriptionbox div.buttons { margin: 0px 6.976744% 1.000000em 6.976744%; position: static; right: auto; bottom: auto; } div.BookingPilot.OfferDetail.detailT1 div.descriptionbox div.buttons.withimg { width: auto; } div.BookingPilot.OfferDetail.detailT1 div.descriptionbox div.buttons a.button { width: 45.000000%; padding-right: 0px; padding-left: 0px; text-align: center; } div.BookingPilot.OfferDetail.detailT1 div.descriptionbox div.buttons a.button.request { float: left; margin-left: 0px; } div.BookingPilot.OfferDetail.detailT1 div.descriptionbox div.buttons a.button.buttonhotels { float: none; width: 100%; margin: 0px 0px 0px 0px; padding-left: 0px; padding-right: 0px; display: block; } div.BookingPilot.OfferDetail.detailT1 div.requestbox { padding-right: 6.976744%; padding-left: 6.976744%; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box { margin-bottom: 0.666667em; width: auto; float: none; display: block; text-align: left; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box span.icon { margin-right: 3.488372%; float: left; display: inline; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box.request span.icon { width: 8.139535%; padding-top: 10.930233%; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box.phone { margin-left: 0px; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box.phone span.icon { width: 8.139535%; padding-top: 9.069767%; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box.email { margin-bottom: 0px; float: none; } div.BookingPilot.OfferDetail.detailT1 div.requestbox div.box.email span.icon { width: 8.139535%; padding-top: 6.511628%; } div.BookingPilot.OfferDetail.detailT1 div.offercalenderhead { padding-right: 4.651163%; padding-left: 4.651163%; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar a.prev { width: 3.095238%; left: 4.047619%; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar a.next { width: 3.095238%; right: 4.047619%; } div.BookingPilot.OfferDetail.detailT1 div.bookingbox div.bpcalendar div.arrivaldeparturecalendar { width: auto; float: none; display: block; } } @media (max-width: 420px) { div.BookingPilot.OfferDetail.detailT1 div.descriptionbox div.buttons a.button { width: auto; display: block; float: none; margin-left: 0px; } div.BookingPilot.OfferDetail.detailT1 div.descriptionbox div.buttons a.button:nth-child(2) { float: none; margin-top: 10px; } div.BookingPilot.OfferDetail.detailT1 div.descriptionbox div.buttons a.button.request { float: none; } } /* Rooms _____________________________________________ */ @media all { div.BookingPilot.OfferDetail.roomsT1 div.closed { display: none; } div.BookingPilot.OfferDetail.roomsT1 a.btnopen span.textopen { display: inline; } div.BookingPilot.OfferDetail.roomsT1 a.btnopen span.textclose { display: none; } div.BookingPilot.OfferDetail.roomsT1 a.btnclose span.textopen { display: none; } div.BookingPilot.OfferDetail.roomsT1 a.btnclose span.textclose { display: inline; } div.BookingPilot.OfferDetail.roomsT1 div.infobox { border-bottom: solid 1px #B6B6B6; padding: 0px 0px 1.000000em 0px; } div.BookingPilot.OfferDetail.roomsT1 div.infobox div.text { float: left; display: inline; } div.BookingPilot.OfferDetail.roomsT1 div.infobox div.datebox { margin: 0.466em 0px 0px 0px; float: right; display: inline; text-align: right; } div.BookingPilot.OfferDetail.roomsT1 div.infobox div.datebox div.date { display: inline-block; } div.BookingPilot.OfferDetail.roomsT1 div.infobox div.datebox a.delete { width: 1.333em; height: 1.333em; margin: 0px 0px 0px 0.466667em; display: inline-block; position: relative; } div.BookingPilot.OfferDetail.roomsT1 div.infobox div.datebox a.delete .svgicon { color: #353535; background-color: #B6B6B6; } div.BookingPilot.OfferDetail.roomsT1 div.room { padding: 1.333333em 0px 1.333333em 0px; border-bottom: solid 1px #B6B6B6; } div.BookingPilot.OfferDetail.roomsT1 div.room h2 { margin: 0px 0px 0.533333em 0px; } div.BookingPilot.OfferDetail.roomsT1 div.room h2.withoutmargin { margin: 0px 0px 0px 0px; } div.BookingPilot.OfferDetail.roomsT1 div.room span.hotelname { margin: 0px 0px 0.800000em 0px; display: block; font-size: 1.125000em; line-height: 1.222222em; } div.BookingPilot.OfferDetail.roomsT1 div.room div.image { width: 23.504274%; margin: 0px 1.709402% 0px 0px; float: left; display: inline; } div.BookingPilot.OfferDetail.roomsT1 div.room div.image img { max-width: 100%; float: left; display: inline; } div.BookingPilot.OfferDetail.roomsT1 div.room div.withimg { width: 56.837607%; max-width: 665px; margin: 0.333333em 2.564103% 0px 0px; float: left; display: inline; } div.BookingPilot.OfferDetail.roomsT1 div.room div.withoutimg { padding: 0px 1.709402% 0px 1.709402%; } div.BookingPilot.OfferDetail.roomsT1 div.room div.pricebox { margin: 1.333333em 0px 0px 0px; width: 15.384615%; float: left; display: inline; } div.BookingPilot.OfferDetail.roomsT1 div.room div.pricebox div.row { margin: 1.000000em 0px 0px 0px; text-align: right; } div.BookingPilot.OfferDetail.roomsT1 div.room div.pricebox div.row:first-child { margin-top: 0px; } div.BookingPilot.OfferDetail.roomsT1 div.room div.pricebox div.row div.meal { width: 100%; margin: 0px 0px 0px 0px; float: left; display: inline; } div.BookingPilot.OfferDetail.roomsT1 div.room div.pricebox div.row div.price { width: 100%; float: left; display: inline; } div.BookingPilot.OfferDetail.roomsT1 div.room div.pricebox div.row div.price span.price { display: block; } div.BookingPilot.OfferDetail.roomsT1 div.room div.pricebox div.row div.buttons { width: 100%; float: right; display: inline; } div.BookingPilot.OfferDetail.roomsT1 div.room div.pricebox div.row div.buttons a.button { float: right; display: inline; clear: right; margin: 0px 0px 10px 0px; width: 100%; padding: 0px 0px 0px 0px; text-align: center; } div.BookingPilot.OfferDetail.roomsT1 div.room div.pricebox div.row div.buttons a.button span { } } @media (max-width: 770px) { div.BookingPilot.OfferDetail.roomsT1 div.infobox div.text { font-size: 1.333333em; line-height: 1.200000em; float: none; display: block; } div.BookingPilot.OfferDetail.roomsT1 div.infobox div.datebox { float: none; display: block; text-align: left; } } @media (max-width: 580px) { div.BookingPilot.OfferDetail.roomsT1 div.room div.image { width: auto; float: none; display: block; margin-right: 0px; } div.BookingPilot.OfferDetail.roomsT1 div.room div.withimg { width: auto; max-width: none; float: none; display: block; } div.BookingPilot.OfferDetail.roomsT1 div.room div.pricebox { width: auto; float: none; display: block; } div.BookingPilot.OfferDetail.roomsT1 div.room div.pricebox div.row { border-top: solid 1px #dddbdb; padding-top: 0.533333em; } div.BookingPilot.OfferDetail.roomsT1 div.room div.pricebox div.row:first-child { border-top: 0px; padding-top: 0px; } div.BookingPilot.OfferDetail.roomsT1 div.room div.pricebox div.row div.meal, div.BookingPilot.OfferDetail.roomsT1 div.room div.pricebox div.row div.price, div.BookingPilot.OfferDetail.roomsT1 div.room div.pricebox div.row div.buttons { width: auto; float: none; display: block; margin-top: 0.666667em; margin-right: 0px; } div.BookingPilot.OfferDetail.roomsT1 div.room div.pricebox div.row div.buttons a.button { float: left; width: 46.511628%; padding-right: 0px; padding-left: 0px; text-align: center; } div.BookingPilot.OfferDetail.roomsT1 div.room div.pricebox div.row div.buttons a.button.booking { float: right; } } /* InlineApi Request _____________________________________________________ */ @media all { div.unitinlineapi.request.default { margin: 0px auto; max-width: 1170px; width: 96%; } div.unitinlineapi.request a { color: #463d2c; } div.unitinlineapi.request a:hover { color: #665350; } div.unitinlineapi.request a.senden { color: #FFFFFF; } div.unitinlineapi.request.default div.personalform div.formcontent div.addressdata { border-top: 1px solid #EEE8DB; } div.unitinlineapi.request.default div.personalform div.formcontent div.stornoprivacy { border-bottom: 1px solid #EEE8DB; border-top: 1px solid #EEE8DB; } div.unitinlineapi.request.default div.personalform div.formcontent div.stornoprivacy div.row.checkbox { border-top: 1px solid #EEE8DB; } div.unitinlineapi.request.default div.requestdata div.formcontent div.moreinfodata { border-top: 1px solid #EEE8DB; } div.unitinlineapi.request.default div.requestdata div.formcontent div.roomtypebox { border-top: 1px solid #EEE8DB; } div.unitinlineapi.request.default div.intro { margin: 2.000000em auto 0px auto; max-width: 1170px; width: 100%; } div.unitinlineapi.request.default div.requestdata div.headlinebox div.requiredinfobox { color: #463d2c; } div.unitinlineapi .label, div.unitinlineapi div.privacytext, div.unitinlineapi .extralabel { } div.unitinlineapi .label a, div.unitinlineapi div.privacytext a, div.unitinlineapi .extralabel a { color: #463d2c; } div.unitinlineapi .label a:hover, div.unitinlineapi div.privacytext a:hover, div.unitinlineapi .extralabel a:hover { color: #665350; } } /*InlineApi Requestthanks _________________________________________________*/ @media all { div.unitinlineapi.requestthanks.default { margin: 0px auto; max-width: 1170px; width: 96%; } div.unitinlineapi.requestthanks.default div.table div.row { border-top: 1px solid #EEE8DB; } } /* InlineApi Search _______________________________________________________*/ @media all { div.unitinlineapi.search.default { margin: 0px auto; max-width: 1170px; width: 96%; } div.unitinlineapi.search.default div.calenderbox div.bpcalendar div.arrivaldeparturecalendar { border: none; } div.unitinlineapi.search.default div.calenderbox div.bpcalendar div.arrivaldeparturecalendar b { background-color: #D0C6B9; } div.unitinlineapi.search.default div.calenderbox div.bpcalendar table { width: 100%; } div.unitinlineapi.search.default div.peaplebox div.select div.selectfield { width: 25.000000%; } } /* InlineApi Booking _____________________________________________________ */ @media all { div.unitinlineapi div.intro div.text { margin-top: 8px; } div.unitinlineapi.search.default { margin: 0px auto; max-width: 1170px; width: 96%; } div.unitinlineapi.search.default div.peaplebox div.text { margin: 0px 0px 0px 0px; } div.unitinlineapi.search.default div.calenderbox div.bpcalendar div.arrivaldeparturecalendar b { background-color: #D0C6B9; } div.unitinlineapi.search.default div.calenderbox.calendarV2 div.bpcalendar table td.arrivalday, div.unitinlineapi.search.default div.calenderbox.calendarV2 div.bpcalendar table td.arrivaldaynoclick.highlighted, div.unitinlineapi.search.default div.calenderbox.calendarV2 div.bpcalendar table td.departureday { background-color: #b7bf4e; } div.unitinlineapi.search.default div.calenderbox.calendarV2 div.bpcalendar table td.highlighted, div.unitinlineapi.search.default div.calenderbox.calendarV2 div.bpcalendar table td.selectedarrivalday, div.unitinlineapi.search.default div.calenderbox.calendarV2 div.bpcalendar table td.betweenday, div.unitinlineapi.search.default div.calenderbox.calendarV2 div.bpcalendar table td.arrivaldaynoclick.highlighted, div.unitinlineapi.search.default div.calenderbox.calendarV2 div.bpcalendar table td.selecteddepartureday { background-color: #898F3A; } div.unitbooking.foreignbooking.bookingsuedtirol2016 { text-align: left; max-width: 1170px; padding-top: 3.500000em; margin: 0px auto 3.375000em auto; width: 96%; position: relative; } div.unitbooking.foreignbooking.bookingsuedtirol2016 .intro { margin-bottom: 20px; } div.unitbooking.foreignbooking.bookingsuedtirol2016 svg { position: relative !important; top: .15em !important; } } /*InlineApi Bookingthanks*/ @media all { div.unitinlineapi.bookingthanks.default { margin: 0px auto; max-width: 1170px; width: 96%; } div.unitinlineapi.bookingthanks.default div.table div.row { border-top: 1px solid #EEE8DB; } } /*InlineApi Confirm _______________________________________________________*/ @media all { div.unitinlineapi.confirm.default { margin: 0px auto; max-width: 1170px; width: 96%; } div.unitinlineapi.confirm.default div.bookingdata div.table div.row { border-top: 1px solid #EEE8DB; } div.unitinlineapi.confirm.default div.formbox div.formboxbg div.headline { border-bottom: 1px solid #EEE8DB;} div.unitinlineapi.confirm.default div.formbox div.formboxbg div.confirmform div.addressdata { border-top: 1px solid #EEE8DB;} div.unitinlineapi.confirm.default div.formbox div.formboxbg div.confirmform div.additionalpersonsdata { border-top: 1px solid #EEE8DB;} div.unitinlineapi.confirm.default div.formbox div.formboxbg div.confirmform div.moreinfodata { border-top: 1px solid #EEE8DB;} div.unitinlineapi.confirm.default div.formbox div.formboxbg div.confirmform div.stornoprivacy { border-top: 1px solid #EEE8DB; border-bottom: 1px solid #EEE8DB; } div.unitinlineapi.confirm.default div.formbox div.formboxbg div.confirmform div.stornoprivacy div.row.checkbox { border-top: 1px solid #EEE8DB; } } /* InlineApiOnpage V3 ________________________________________________________________ */ @media all { div.inlineapionpagev3 { margin: 3.000000em 0px 0% 0%; } div.inlineapionpagev3 h3 { margin: 0px 0px 0.500000em 0px; } div.inlineapionpagev3 form div label { width: 100%; font-weight: normal; } div.inlineapionpagev3 form div.headline { margin: 0px 0px 0.233333em 0px; text-transform: none; } div.inlineapionpagev3 form div div.row { margin: 0px 0px 0px 0px; } div.inlineapionpagev3 form label.label { margin: 0.937500em 0px 0px 0px; display: none; } div.inlineapionpagev3 form div div.row.select div.selectfield { width: 100%; } div.inlineapionpagev3 form div div.row.input div.inputfield { width: 100%; } div.inlineapionpagev3 form div div.requestdata { width: 100%; float: left; display: inline; } div.inlineapionpagev3 form div div.requestdata div.datebox { width: 56.642066%; float: left; } div.inlineapionpagev3 form div div.requestdata div.datebox div.row.calendar { width: 69.706840%; float: left; display: inline; clear: none; margin: 0px 0px 0px 0px; } div.inlineapionpagev3 form div div.requestdata div.datebox div.row.calendar { } div.inlineapionpagev3 form div div.requestdata div.datebox div.row.calendar label.label, div.inlineapionpagev3 form div div.requestdata div.datebox div.row.calendar div.calendarfield { width: 100%; clear: both; color: #685550; } div.inlineapionpagev3 form div div.requestdata div.datebox div.row.calendar div.calendarfield input { color: #685550; } div.inlineapionpagev3 form div div.requestdata div.datebox div.row.input { width: 22.801303%; float: right; display: inline; clear: none; } div.inlineapionpagev3 form div div.requestdata div.datebox div.row.input div.inputfield input { color: #685550; } div.inlineapionpagev3 form div div.requestdata div.personsbox { float: right; display: inline; width: 39.483395%; } div.inlineapionpagev3 form div div.requestdata div.personsbox div.row.select { width: 100%; } div.inlineapionpagev3 form div div.requestdata div.personsbox div.row.select:first-child { margin: 0px 2.702703% 0px 0px; } div.inlineapionpagev3 form div div.requestdata div.personsbox div.row.select div.selectfield span.field { color: #685550; } div.inlineapionpagev3 form div div.requestdata div.personsbox div.childrenbox div.row.select { width: 31.351351%; margin: 0px 0px 0px 2.702703%; float: left; display: inline; clear: none; } div.inlineapionpagev3 form div div.requestdata div.personsbox div.childrenbox div.row.select:first-child { margin: 0px 0px 0px 0px; } div.inlineapionpagev3 form div div.requestdata div.personsbox div.childrenbox div.row.select div.selectfield span.field { color: #685550; } div.inlineapionpagev3 form div div.requestdata div.personsbox div.childrenbox div.row.select div.selectfield span select { color: #685550; } div.inlineapionpagev3 form div div.requestdata div.personsbox div.childrenbox div.row.select div.selectfield span.field span.select { color: #685550; } div.inlineapionpagev3 form div div.personaldata { width: 100%; float: right; display: inline; margin-top: 1.875000em; } div.inlineapionpagev3 form div div.personaldata div.anrede { width: 46.583851%; } div.inlineapionpagev3 form div div.personaldata div.name { } div.inlineapionpagev3 form div div.personaldata div.name div.row.select { width: 46.583851%; float: left; display: inline; clear: none; } div.inlineapionpagev3 form div div.personaldata div.name div.row.select div.selectfield { width: 100%; } div.inlineapionpagev3 form div div.personaldata div.name div.row.input { width: 46.583851%; margin: 0px 0px 0px 0px; float: left; display: inline; clear: none; } div.inlineapionpagev3 form div div.personaldata div.name div.row.input:first-child { margin: 0px 6.211180% 0px 0px; } div.inlineapionpagev3 form div div.personaldata div.name div.row.input div.inputfield { width: 100%; } div.inlineapionpagev3 form div div.personaldata div.email div.row.input { width: 100.000000%; margin: 0px 0px 0px 0px; float: left; display: inline; clear: none; } div.inlineapionpagev3 form div div.personaldata div.row.checkbox { width: 100%; } div.inlineapionpagev3 form div div.personaldata div.row.textarea div.textarea { width: 100%; height: 8.666667em; padding: 0px 0px 0px 0px; } div.inlineapionpagev3 form div div.personaldata div.row.textarea div.textarea textarea { height: 8.666667em; width: 100%; color: #685550; } div.inlineapionpagev3 form div a.senden { clear: both; margin: 1.050000em 0px 0px 0px; } } @media (max-width: 880px) { div.inlineapionpagev3 { margin: 1.875000em 0px 0px 0px; } div.inlineapionpagev3 form div div.requestdata { width: 46.666667%; height: 6.125000em; } div.inlineapionpagev3 form div div.requestdata div.datebox { width: 100%; } div.inlineapionpagev3 form div div.requestdata div.personsbox { float: left; width: 100%; margin-top: 23px; } div.inlineapionpagev3 form div div.personaldata { margin-top: 0px; width: 50.666667%; } div.inlineapionpagev3 form div div.personaldata div.row.textarea div.textarea { height: 6.125000em; } div.inlineapionpagev3 form div div.personaldata div.row.textarea div.textarea textarea { height: 6.125000em; } } @media (max-width: 530px) { div.inlineapionpagev3 form div div.requestdata { width: auto; height: auto; float: none; display: block; } div.inlineapionpagev3 form div div.requestdata div.datebox { display: block; float: none; width: auto; } div.inlineapionpagev3 form div div.requestdata div.datebox div.row.calendar { width: 71.661238%; } div.inlineapionpagev3 form div div.requestdata div.datebox div.row.input { width: 26.058632%; } div.inlineapionpagev3 form div div.requestdata div.personsbox, div.inlineapionpagev3 form div div.personaldata { display: block; float: none; width: auto; margin-top: 10px; } div.inlineapionpagev3 form div div.anfragecontainer { text-align: center; } div.inlineapionpagev3 form div a.senden { clear: both; display: inline-block; float: none; } } /* InlineApi OnPage V1 ___________________________________________________ */ @media all { div.inlineapionpageV1 { } div.inlineapionpageV1 form label { display: none; } div.inlineapionpageV1 form div.row { float: left; display: inline; clear: none; margin-right: 0.722222em; } div.inlineapionpageV1 form div.calendar { width: 12.222222em; } div.inlineapionpageV1 form div.input { width: 3.833333em; } div.inlineapionpageV1 form div.select { width: 9.388889em; } div.inlineapionpageV1 form div.calendar div.calendarfield, div.inlineapionpageV1 form div.input div.inputfield, div.inlineapionpageV1 form div.select div.selectfield { width: auto; display: block; float: none; } div.inlineapionpageV1 a.senden { margin: 2px 0px 0px 0px; width: 100px; box-sizing: border-box; } div.inlineapionpageV1 a.senden + .senden { margin-right: 0.722222em; } div.inlineapionpageV1kalendercontainer { z-index: 100; } div.inlineapionpageV1kalender { background-color: #FFFFFF; border: solid 1px #AAAAAA; width: 240px; position: relative; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 100; } div.inlineapionpageV1kalender a.prev { position: absolute; left: 5px; top: 5px; background: url(/images/modules/bookingpilot/inlineapionpageV1/onpagekalender-date-prev.png) no-repeat center center; display: block; width: 24px; height: 24px; text-decoration: none; cursor: pointer; text-indent: -50px; overflow: hidden; } div.inlineapionpageV1kalender a.prev:hover { background: url(/images/modules/bookingpilot/inlineapionpageV1/kalender-date-prev-hover.png) no-repeat center center; left: 4px; top: 4px; border: solid 1px #999999; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.inlineapionpageV1kalender a.next { position: absolute; right: 5px; top: 5px; background: url(/images/modules/bookingpilot/inlineapionpageV1/onpagekalender-date-next.png) no-repeat center center; display: block; width: 24px; height: 24px; text-decoration: none; cursor: pointer; text-indent: -50px; overflow: hidden; } div.inlineapionpageV1kalender a.next:hover { background: url(/images/modules/bookingpilot/inlineapionpageV1/onpagekalender-date-next-hover.png) no-repeat center center; right: 4px; top: 4px; border: solid 1px #999999; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.inlineapionpageV1kalender a.calendarclose { position: absolute; right: -8px; top: -8px; width: 17px; height: 17px; cursor: pointer; text-decoration: none; background: url(/images/modules/bookingpilot/inlineapionpageV1/kalender-close.png) no-repeat 0px 0px; overflow: hidden; text-indent: -100px; } div.inlineapionpageV1kalender div.inlineapionpageV1kalenderbox { float: left; display: inline; padding: 0px 0px 10px 0px; width: 240px; } div.inlineapionpageV1kalender div.inlineapionpageV1kalenderbox b { text-align: center; background: url(/images/modules/bookingpilot/inlineapionpageV1/kalender-date.png) repeat-x center center #CCCCCC; border: solid 1px #AAAAAA; color: #222222; font-size: 13px; line-height: 25px; display: block; margin: 2px 2px 2px 2px; padding: 2px 0px 2px 0px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.inlineapionpageV1kalender div.inlineapionpageV1kalenderbox table { margin: 0px 0px 0px 10px; float: left; display: inline; width: 217px; } div.inlineapionpageV1kalender div.inlineapionpageV1kalenderbox table th { color: #3C3C3C; text-align: center; width: 31px; height: 31px; padding: 0px 0px 0px 0px; } div.inlineapionpageV1kalender div.inlineapionpageV1kalenderbox table td { border: 0px; color: #FFFFFF; text-align: center; width: 31px; height: 31px; padding: 0px 0px 0px 0px; } div.inlineapionpageV1kalender div.inlineapionpageV1kalenderbox table td a { background: url(/images/modules/bookingpilot/inlineapionpageV1/kalender-td-default.png) repeat-x center center #E6E6E6; border: solid 1px #D3D3D3; color: #555555; line-height: 27px; display: block; margin: 2px 0px 0px 2px; width: 27px; height: 27px; text-decoration: none; } div.inlineapionpageV1kalender div.inlineapionpageV1kalenderbox table td a:hover { background: url(/images/modules/bookingpilot/inlineapionpageV1/kalender-td-hover.png) repeat-x center center #DADADA; border: solid 1px #999999; color: #212121; } div.inlineapionpageV1kalender div.inlineapionpageV1kalenderbox table td span { background: url(/images/modules/bookingpilot/inlineapionpageV1/kalender-td-default.png) repeat-x center center #E6E6E6; border: solid 1px #D3D3D3; color: #555555; opacity: 0.35; filter: alpha(opacity = 35); line-height: 27px; display: block; margin: 2px 0px 0px 2px; width: 27px; height: 27px; text-decoration: none; } div.inlineapionpageV1kalender div.inlineapionpageV1kalenderbox table td.heute { color: #785547; } div.inlineapionpageV1kalender div.inlineapionpageV1kalenderbox table td.heute a { background: #FFFFFF; border: solid 1px #D3D3D3; color: #363636; } div.inlineapionpageV1kalender div.inlineapionpageV1kalenderbox table td a.selectstart { background: #50742F; color: #FFFFFF; border: 2px solid #345F0D; border-right: none; width: auto; height: 25px; line-height: 25px; opacity: 1.0; filter: alpha(opacity = 100); } div.inlineapionpageV1kalender div.inlineapionpageV1kalenderbox table td a.selected { background: #A9BF00; color: #FFFFFF; border-top: 2px solid #345F0D; border-bottom: 2px solid #345F0D; height: 26px; line-height: 26px; opacity: 1.0; filter: alpha(opacity = 100); } div.inlineapionpageV1kalender div.inlineapionpageV1kalenderbox table td a.selectend { background: url(/images/modules/bookingpilot/inlineapionpageV1/date-delete.png) no-repeat right top #50742F; color: #FFFFFF; border: 2px solid #345F0D; border-left: none; width: auto; height: 26px; line-height: 26px; opacity: 1.0; filter: alpha(opacity = 100); } div.inlineapionpageV1kalender div.inlineapionpageV1kalenderbox table td div.onpagekalenderopen { float: left; position: relative; width: 0px; height: 0px; } } @media (max-width: 1500px) { div.inlineapionpageV1 form div.row { margin-right: 0.388889em; } div.inlineapionpageV1 a.senden + .senden { margin-right: 0.388889em; } } /* AnreiseV1 _____________________________________________________________ */ @media all { article.inhalt div.map { padding-bottom: 3.055556em; } article.inhalt div.mapRoute { margin: 0px 1.111111em 0px 1.111111em; } article.inhalt div.arrivalmap { height: 500px; } article.inhalt div.arrivalmap img { max-width: none; } article.inhalt div.directions { margin: 30px 0px 0px 0px; } article.inhalt div.directions table { width: 100%; } article.inhalt section.intro { text-align: left; } article.inhalt section.intro div { margin-top: 1.666667em; } article.inhalt section.intro div.adressdaten { float: right; display: inline; margin: 0px 0px 30px 60px; } article.inhalt section.intro div.gpskoordinaten { float: right; display: inline; margin: 0px 0px 30px 40px; } article.inhalt section.intro div.vorspann { margin: 0px 0px 1.875000em 0px; } article.inhalt form div.findroute { margin-top: 2.272727em; } article.inhalt form div.findroute div.formbox { padding: 1.111111em; } article.inhalt form div.findroute h3 { margin-bottom: 1.363636em; } article.inhalt form div.row.select div.selectfield.anreise { width: 100%; } article.inhalt form div.row.select div.selectfield.anreise span.select { margin: -6px 2.777778em 0 13px; padding: 5px 30px 1px 0px; } article.inhalt form { text-align: left; } article.inhalt form div.findroute div.row { margin: 0px 15px 0px 0px; float: left; display: inline; clear: none; } article.inhalt form div.findroute div.row label { display: block; float: none; margin: 0px 0px 0px 2px; width: auto; } article.inhalt form div.findroute div.row.input input { width: 198px; } article.inhalt form div.findroute div.row.street input { width: 266px; } article.inhalt form div.findroute div.row.zip input { width: 85px; } article.inhalt form div.findroute div.row.city input { width: 140px; } article.inhalt form div.findroute div.row.select { margin: 0px 0px 0px 0px; width: 266px; } article.inhalt form div.findroute div.row.select div.selectfield { width: 98%; text-align: left; } article.inhalt form div.findroute div.row.select options { text-align: left; } article.inhalt form div.findroute a.senden { margin: 27px 0px 0px 0px;} article.inhalt section.arrivalwith { margin-top: 2.777778em; margin-bottom: 3.888889em; } article.inhalt section.arrivalwith div.box { margin: 0px 0px 0px 2.564103%; width: 23.076923%; float: left; display: inline; text-align: center; } article.inhalt section.arrivalwith div.box div.innerBox { padding: 14.814815% 7.407407%; } article.inhalt section.arrivalwith div.box:first-child { margin-left: 0px; } article.inhalt section.arrivalwith div.box h2 { margin: 0px 0px 10px 0px; } } @media (max-width: 1100px) { article.inhalt form div.findroute div.row.street { width: 45%; margin: 0% 5% 0% 0%; } article.inhalt form div.findroute div.row.street div { width: 100%; } article.inhalt form div.findroute div.row.street input { width: 100%; } article.inhalt form div.findroute div.row.zip { width: 15%; margin: 0% 5% 0% 0%; } article.inhalt form div.findroute div.row.zip div { width: 100%; } article.inhalt form div.findroute div.row.zip input { width: 100%; } article.inhalt form div.findroute div.row.city { width: 30%; margin: 0%;} article.inhalt form div.findroute div.row.city div { width: 100%; } article.inhalt form div.findroute div.row.city input { width: 100%; } article.inhalt form div.findroute div.row.select { width: 60%; margin: 0% 5% 0% 0%; } article.inhalt form div.findroute div.row.select div.selectfield { width: 100%; } article.inhalt form div.findroute a.senden { width: 33%; padding: 0%; text-align: center; } } @media (max-width: 1023px) { article.inhalt form div.findroute a.senden { margin-top: 21px; } article.inhalt section.arrivalwith div.box { width: 47.008547%; margin-left: 5.982906%; margin-bottom: 5.982906%; } article.inhalt section.arrivalwith div.box:nth-child(2n-1) { margin-left: 0px; } article.inhalt section.arrivalwith div.box ul { max-width: none; } } @media (max-width: 560px) { article.inhalt form div.findroute div.row.street { width: 100%; margin: 0%; } article.inhalt form div.findroute div.row.street div { width: 100%; } article.inhalt form div.findroute div.row.street input { width: 100%; } article.inhalt form div.findroute div.row.zip { width: 25%; margin: 0% 5% 0% 0%; } article.inhalt form div.findroute div.row.zip div { width: 100%; } article.inhalt form div.findroute div.row.zip input { width: 100%; } article.inhalt form div.findroute div.row.city { width: 70%; margin: 0%;} article.inhalt form div.findroute div.row.city div { width: 100%; } article.inhalt form div.findroute div.row.city input { width: 100%; } article.inhalt form div.findroute div.row.select { width: 100%; margin-bottom: 30px; } article.inhalt form div.findroute div.row.select div.selectfield { width: 100%; } article.inhalt form div.findroute a.senden { margin: 30px 2px 0px 0px; display: block; float: none; clear: both; width: auto; padding: 0%; text-align: center; margin: 0%; } article.inhalt div.arrivalwith div.box { float: none; display: block; width: auto; } } @media (max-width: 480px) { article.inhalt section.arrivalwith div.box { float: none; display: block; width: auto; margin-left: 0px; } } /* AnfrageV1 _____________________________________________________________ */ @media all { section.anfrageV1 div.anfrageV1 { max-width: 700px; margin: 0 auto; } } @media (max-width: 480px) { section.anfrageV1 form label.label { width: 100%; } section.anfrageV1 form div.row.input label.label { display: block; float: none; width: auto; } section.anfrageV1 form div.row.input label.label.ort { display: none; } section.anfrageV1 form div.row.input div.inputfield { display: block; float: none; width: auto; } section.anfrageV1 form div.row.input div.inputfield.plz { float: left; display: inline; width: 27.777778%; } section.anfrageV1 form div.row.input div.inputfield.ort { float: left; display: inline; width: 68.518519%; margin: 0px 0px 0px 1.851852%; } section.anfrageV1 form div.row.textarea label.label { display: block; float: none; width: auto; } section.anfrageV1 form div.row.textarea div.textarea { display: block; float: none; width: auto; } section.anfrageV1 form div.row.checkbox label.label { display: block; float: none; width: auto; margin-bottom: 0.250000em; } section.anfrageV1 form div.row.checkbox label.extralabel { display: inline; float: left; } section.anfrageV1 form div.row.checkbox div.checkboxfield { margin-left: 2.314815%; } section.anfrageV1 form div.row.select div.selectfield { width: 100%; } section.anfrageV1 form a.senden { margin: 0px 0px 0px 0px; width: auto; float: none; display: block; } section.anfrageV1 form a.senden span.mitte { padding: 0px 0px 0px 0px; text-align: center; width: 100%; } }