@charset "UTF-8";



/*------------------------------------------------------------



  Created by: 

  Contact: 



--------------------------------------------------------------*/



/* CSS IMPORT

=================================================================*/



/* import core styles | Basis-Stylesheets einbinden */

@import url(../vendor/yaml/core/base.css);



/* import screen layout | Screen-Layout einbinden */

@import url(../vendor/yaml/navigation/hlist.css);

@import url(../vendor/yaml/forms/gray-theme.css);

@import url(../vendor/yaml/add-ons/accessible-tabs/tabs.css);



/* @import url(../vendor/yaml/screen/typography.css); */

@import url(../vendor/yaml/screen/screen-FULLPAGE-layout.css);



/* import print layout | Druck-Layout einbinden */

@import url(../vendor/yaml/print/print.css);



/* RESET ELEMENTS

=================================================================*/


/* jost-100 - latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/jost-v1-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/jost-v1-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/jost-v1-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/jost-v1-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/jost-v1-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/jost-v1-latin-100.svg#Jost') format('svg'); /* Legacy iOS */
}
/* jost-300 - latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/jost-v1-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/jost-v1-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/jost-v1-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/jost-v1-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/jost-v1-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/jost-v1-latin-300.svg#Jost') format('svg'); /* Legacy iOS */
}
/* jost-regular - latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/jost-v1-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/jost-v1-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/jost-v1-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/jost-v1-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/jost-v1-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/jost-v1-latin-regular.svg#Jost') format('svg'); /* Legacy iOS */
}
/* jost-200 - latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/jost-v1-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/jost-v1-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/jost-v1-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/jost-v1-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/jost-v1-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/jost-v1-latin-200.svg#Jost') format('svg'); /* Legacy iOS */
}
/* jost-700 - latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/jost-v1-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/jost-v1-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/jost-v1-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/jost-v1-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/jost-v1-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/jost-v1-latin-700.svg#Jost') format('svg'); /* Legacy iOS */
}
/* jost-500 - latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/jost-v1-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/jost-v1-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/jost-v1-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/jost-v1-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/jost-v1-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/jost-v1-latin-500.svg#Jost') format('svg'); /* Legacy iOS */
}
/* jost-600 - latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/jost-v1-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/jost-v1-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/jost-v1-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/jost-v1-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/jost-v1-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/jost-v1-latin-600.svg#Jost') format('svg'); /* Legacy iOS */
}
/* jost-800 - latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/jost-v1-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/jost-v1-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/jost-v1-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/jost-v1-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/jost-v1-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/jost-v1-latin-800.svg#Jost') format('svg'); /* Legacy iOS */
}
/* jost-900 - latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/jost-v1-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/jost-v1-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/jost-v1-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/jost-v1-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/jost-v1-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/jost-v1-latin-900.svg#Jost') format('svg'); /* Legacy iOS */
}
/* jost-100italic - latin */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/jost-v1-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/jost-v1-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/jost-v1-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/jost-v1-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/jost-v1-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/jost-v1-latin-100italic.svg#Jost') format('svg'); /* Legacy iOS */
}
/* jost-200italic - latin */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/jost-v1-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/jost-v1-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/jost-v1-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/jost-v1-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/jost-v1-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/jost-v1-latin-200italic.svg#Jost') format('svg'); /* Legacy iOS */
}
/* jost-300italic - latin */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/jost-v1-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/jost-v1-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/jost-v1-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/jost-v1-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/jost-v1-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/jost-v1-latin-300italic.svg#Jost') format('svg'); /* Legacy iOS */
}
/* jost-italic - latin */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/jost-v1-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/jost-v1-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/jost-v1-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/jost-v1-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/jost-v1-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/jost-v1-latin-italic.svg#Jost') format('svg'); /* Legacy iOS */
}
/* jost-500italic - latin */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/jost-v1-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/jost-v1-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/jost-v1-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/jost-v1-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/jost-v1-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/jost-v1-latin-500italic.svg#Jost') format('svg'); /* Legacy iOS */
}
/* jost-600italic - latin */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/jost-v1-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/jost-v1-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/jost-v1-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/jost-v1-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/jost-v1-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/jost-v1-latin-600italic.svg#Jost') format('svg'); /* Legacy iOS */
}
/* jost-700italic - latin */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/jost-v1-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/jost-v1-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/jost-v1-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/jost-v1-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/jost-v1-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/jost-v1-latin-700italic.svg#Jost') format('svg'); /* Legacy iOS */
}
/* jost-900italic - latin */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/jost-v1-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/jost-v1-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/jost-v1-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/jost-v1-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/jost-v1-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/jost-v1-latin-900italic.svg#Jost') format('svg'); /* Legacy iOS */
}
/* jost-800italic - latin */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/jost-v1-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/jost-v1-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/jost-v1-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/jost-v1-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/jost-v1-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/jost-v1-latin-800italic.svg#Jost') format('svg'); /* Legacy iOS */
}



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none;height: 0; } /* Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */

html { font-family: sans-serif; /*1*/-webkit-text-size-adjust: 100%; /*2*/-ms-text-size-adjust: 100%; /*2*/ } /* 1. Set default font family to sans-serif. / 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */

body { margin: 0;font-size:16px; }

a:focus { outline: 0; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

dfn { font-style: italic; }

mark { background: #ff0;color: #000; }

code, kbd, pre, samp { font-family: monospace, serif;font-size: 1em; }

pre { white-space: pre-wrap; }

small { font-size: 80%; }

sub, sup { font-size: 75%;line-height: 0;position: relative;vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img {border: 0;}

svg:not(:root) { overflow: hidden; } /* Correct overflow displayed oddly in IE 9. */

figure { margin: 0; } /* Address margin not present in IE 8/9 and Safari 5. */

legend { border: 0;padding: 0; }

button, input, select, textarea { font-family: inherit;font-size: 100%;margin: 0; }

button, input { line-height: normal; }

button, select { text-transform: none; }

button, html input[type="button"],/*1*/ input[type="reset"], input[type="submit"] { -webkit-appearance: button;/*2*/cursor: pointer;/*3*/ } /* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. / 2. Correct inability to style clickable `input` types in iOS. / 3. Improve usability and consistency of cursor style between image-type `input` and others. */

button[disabled], html input[disabled] { cursor: default; } /* Re-set default cursor for disabled elements. */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /*1*/padding: 0;/*2*/ } /* 1. Address box sizing set to `content-box` in IE 8/9. / 2. Remove excess padding in IE 8/9. */

input[type="search"] { -webkit-appearance: textfield; /*1*/-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /*2*/box-sizing: content-box; } /* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. / 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof).*/

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0;padding: 0; } /*  Remove inner padding and border in Firefox 4+. */

textarea { overflow: auto;/*1*/vertical-align: top;/*2*/ } /* 1. Remove default vertical scrollbar in IE 8/9. / 2. Improve readability and alignment in all browsers. */

table { border-collapse: collapse;border-spacing: 0; }



/* Clearing

-------------------------------------------------------------- */

.clear {clear:both;height:0;font-size:0;line-height:0}

* html .clearfix {height:1%}

* + html .clearfix { min-height: 1px } /* IE 7 clearfix */

* html>body .clearfix {display: inline-block; width: 100%}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}



/* LAYOUT

=================================================================*/



/* BY SMER

-------------------------------------------------------------- */

.wrap-main main ul {margin: 0 0 1.3em 1.2em}

.wrap-main main ol {margin: 0 0 1.4em 1.6em}

.wrap-main main p a, .wrap-main main h2 a {text-decoration: none; color:#396bc2}

.wrap-main main p a:hover, .wrap-main main h2 a:hover {text-decoration: underline; }

.wrap-homepage main .teaser p a {text-decoration: none; color:#396bc2}

.wrap-homepage main .teaser p a:hover {text-decoration: underline; }

.wrap-homepage main .teaser p {text-align: center; }


main a.button {
  background: #2c9038;
  color: #fff !important;
  padding: 15px 40px;
  display: inline-block;
  transition: all 400ms ease;
  margin-bottom: 20px;
}
main a.button:hover,
main a.button:focus {
  background: #0b9c1c;
  color: #fff;
  text-decoration: none !important;
}

/* GENERAL

-------------------------------------------------------------- */

html, body { height:100%; }

body { background:url('../images/bg-paper.jpg') repeat 0 0 transparent;font-family:"Jost", "Gill Sans W01 Book",sans serif;color:#494741;font-size: 95%;line-height:1.5em;letter-spacing:.15em;min-width:320px; }

html:lang(ru) body {font-family:'Gill Sans W10 Medium',line-height:1.4em;}



/*#page {position: relative;min-height: 100%;height: auto !important;height: 100%;}*/

main {padding-bottom:30px;}



section.ym-grid {margin-bottom:40px;}

header {background:transparent;}

footer {background:transparent;}



img{height:auto;width:100%;-ms-interpolation-mode: bicubic;/*max-width: 100%;*/}


div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap{display: block;}

div.csc-textpic .csc-textpic-imagewrap img {display: inline-block !important;}

hr {margin:12px 0;height: 1px;border: 0;background-color: transparent;border-bottom: 1px solid #8D8A83;-moz-box-sizing: content-box;}

p {margin-bottom:14px;}



.header-main {max-width:1180px;margin:0 auto 20px;padding-top:48px;}

.footer-main {max-width:1180px;margin:0 auto;position:relative;bottom: 0;height:50px; padding: 0 15px;}

.push {height:50px;}



button {border:0;margin:0;padding:0;}

.btn-r {background:url('../images/arrow-right-big-red.png') no-repeat 100% 0 transparent;float:right;font-size:83%;color:#d5473c;padding:7px 37px 6px 0;position:relative;margin-left:28px;text-decoration:none;top:-3px;}

.btn-l {background:url('../images/arrow-left-big-red.png') no-repeat 0 0 transparent;float:left;font-size:83%;color:#d5473c;padding:7px 0 6px 37px;position:relative;margin-right:28px;text-decoration:none;top:-3px;}



.header {margin:18px 0 40px 0;}



/* HEADINGS

-------------------------------------------------------------- */

h1 {color:#494841;font-size:110%;text-transform:uppercase;text-align:center;}

h2 {color:#494841;font-size:100%;text-transform:uppercase;text-align:center;font-weight: 500;}

h3 {color:#494841;font-size:92%;font-family:'Gill Sans W01 MEDIUM',sans-serif;text-transform:uppercase;text-align:center;margin-bottom:0.4em;margin-top:0.4em;}



/* YAML RESET

-------------------------------------------------------------- */

.ym-gbox {margin-right:10px;}



/* YAML OVERRIDE

-------------------------------------------------------------- */

.wrm-slider {padding:0 10px 0 0;}



/* WRAP-HOMEPAGE

-------------------------------------------------------------- */

.wrap-homepage {position: relative;min-height: 100%;height: auto !important;height: 100%; width:100%;margin:0 auto -50px;}



/* WRAP-MAIN

-------------------------------------------------------------- */

.wrap-main {/*position: relative;*/min-height: 100%;height: auto !important;height: 100%; max-width:1180px;margin:0 auto -50px;}
.wrap-main > main {max-width:960px;margin:0 auto; padding: 0 15px;}



/* NAVIGATION

-------------------------------------------------------------- */

nav {background:none;}

.nav-main {font-size:90%;text-align:center;background:none;}

.nav-main a {color:#494741;text-decoration:none;margin:0 0 0 10px;}

.nav-main li:first-child a {margin:0;}

.nav-main a:hover {color:#d5473c;text-decoration:underline;}
.nav-main li.active > a {color:#d5473c;}

.nav-main li {list-style:none; display:inline;margin:0 7px;}

.nav-main li:first-child {margin:0 7px 0 0;}

.nav-main li:before {content:"-";color:#494741;}

.nav-main li:first-child:before {content:none;}

.nav-main li:first-child a {padding:0;}



.nav-prim a {text-transform:uppercase;}

.nav-sec {margin-top:2px;}

.nav-sec li {margin:0 4px;position:relative;}

.nav-sec a {margin:0 0 0 10px;}



.fon_button {background:url('../images/phone.png') no-repeat 0 0 transparent;display:inline-block;height:18px;position:relative;top:4px;width:18px;overflow:hidden;margin-right:10px;}

.fon_button span {display:inline-block;display:-webkit-inline-box;text-indent: 100%;white-space: nowrap;overflow: hidden;}

.fon_button + .fon_no {color: #494741;float: right;font-size: 90%;left:42px;position: absolute;top:-1px;width: 190px;}



.languages .fon_button {border:0px solid red;top:0; margin:0 0 0 4px; display: none;}



#menuitem13, #menuitem14, #menuitem29,
#menuitem52, #menuitem101 {display:none;}



.nav-sub {margin:30px 0 10px 0;text-align:center; clear:both;}

.nav-sub a {color:#494741;text-decoration:none;margin:0 0 0 18px;}

.nav-sub a:hover {border-bottom:1px solid #494741;padding-bottom:3px;}

.nav-sub li.active a {border-bottom:1px solid #494741;padding-bottom:3px;}

.nav-sub li {list-style:none; display:inline-block;border-bottom:1px solid transparent;font-family:'Gill Sans W01 MEDIUM',sans-serif;font-size:85%;padding-bottom:3px;text-transform:uppercase;}

.nav-sub li:first-child a {margin:0;}



.footer-main .nav-main {display:table;font-size:65%;margin:0 auto;text-transform:uppercase;}

.footer-main .copyright {float:right;margin-right:2px;}

.footer-main .nav {float:right;}

.footer-main .nav li {margin: 0 4px;}

.footer-main ul > li:first-child a {margin-left:12px;}

.footer-main ul > li:first-child:before {content:"/";margin-left:7px}

.footer-main .nav li a {margin: 0 0 0 9px;}



.footer-main .footer-button {margin: 10px auto; display: none;}

.footer-main .top_button {background:url('../images/arrow-close.png') no-repeat 100% 0 transparent;font-size:83%;color:#d5473c !important;padding:3px 32px 2px 0;text-decoration:none !important;text-transform:uppercase;}


/* LOGO - LANGUAGES

-------------------------------------------------------------- */

.logo {background:url('../images/logo-head.png') no-repeat 0 0 transparent;background-size:contain;height:62px;margin:0 auto 50px;width:137px;}

.logo a {display:inline-block;height:62px;width:137px;}

.logo span {display:inline-block;display:-webkit-inline-box;position:absolute;left:-9999px;z-index:0;}



.languages {position:absolute;right:24px;top:24px;}

.languages ul {position:absolute;right:24px;float:left;font-size:85%; padding: 0 0.6em; background: url("../images/bg-paper.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0); -moz-box-shadow:    0 0 3px 2px #b3ae9f; -webkit-box-shadow: 0 0 3px 2px #b3ae9f; box-shadow: 0 0 3px 2px #B3AE9F;z-index:1000;}

.languages li {display:inline; padding-left:0.3em}

.languages li:first-child {padding-left:0}

.languages a {color:#494741;text-decoration:none;}

.languages a:hover {color:#d5473c;text-decoration:underline;}

.globe_button {background:url('../images/lang.png') no-repeat 0 0 transparent;display:inline-block;height:20px;margin-left:6px;width:20px;overflow:hidden;}

.globe_button span {display:inline-block;display:-webkit-inline-box;text-indent: 100%;white-space: nowrap;overflow: hidden;}





#phonelink {

  display: none;

  position: fixed;  

  z-index: 1000;

  right: -162px;

  top: 60px;

  padding: 10px 10px 15px 15px;

  background: rgba(255,255,255,0.8);

  border-radius: 8px 0 0 8px;

  transition: all 300ms ease;

}

#phonelink .fon_button {

  color: #d5473c;

  text-decoration: none;

  letter-spacing: 0.1em;

  width: auto;

  overflow: visible;

  padding-left: 30px;

}

#phonelink:hover,

#phonelink:focus {

  right: 0px;

  background: rgba(255,255,255,0.95);

}

@media (min-width: 767px) {

  #phonelink.visible {

    display: block;

  }

}


#sidr-main a {
  letter-spacing: 0.1em;
}



/* BOOKING

-------------------------------------------------------------- */

a.hpbooking {background:url('../images/arrow-right-small-red.png') no-repeat 95% 0 transparent;color:#d5473c !important;display: inline-block;margin: 7px 0;padding:0 36px 2px 0;text-transform:uppercase;}



#booking {display:none;}

#booking {max-width:960px;margin:0 auto;}

#booking p {text-align:center;}

.fast_booking_button {background:url('../images/arrow-open.png') no-repeat 100% 0 transparent;font-size:83%;color:#d5473c !important;padding:3px 32px 2px 0;text-decoration:none !important;text-transform:uppercase;}

.fast_booking_button.btn-close {background:url('../images/arrow-close.png') no-repeat 100% 0 transparent;}

#fast_booking_form h3 {color:#d5473c;font-size:85%;text-align:center;}







/* available */

.available-rooms, .menu-rooms-selected {margin-bottom:6px;text-align:center;position: relative;z-index:1;}

.available-rooms ol, .menu-rooms-selected ol {margin:0 auto !important;display:inline-block;text-align:center;white-space:nowrap;}

.available-rooms li, .menu-rooms-selected li {list-style:none;border:1px solid #4e4d46;color:#4e4d46;display:inline-block;letter-spacing:0;margin-bottom:10px;height:22px;text-align:center;width:22px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;text-align: center;vertical-align: middle;}

.available-rooms li:hover, .menu-rooms-selected li:hover {background:#d5473c;border:1px solid #d5473c;}

.available-rooms li.current, .menu-rooms-selected li.current {background:#d5473c;border:1px solid #d5473c;}

.available-rooms li.currentzero  {background:#4e4d46;border:1px solid #4e4d46;}

.available-rooms a, .menu-rooms-selected a {color:#4e4d46;display:inline-block;text-decoration:none;height:22px;text-align:center;width:22px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;display: table-cell;

  text-align: center;

  vertical-align: middle;}

.available-rooms a:hover, .menu-rooms-selected a:hover {color:#fff;text-decoration:none;}

.available-rooms a.active, .menu-rooms-selected a.active {color:#fff;text-decoration:none;}



/* summary booking */

.summary-booking {margin:0 auto;width:300px;}

.summary-booking div {margin:0 0 16px;}

.summary-booking b {font-family:'Gill Sans W01 MEDIUM',sans-serif;display:block;font-size:83%;margin-bottom:12px;text-align:center;text-transform:uppercase;}

.summary-booking span {display:block;font-size:95%;letter-spacing:0;}

.summary-booking-person {margin-bottom:16px;}

.summary-booking-person, .summary-booking-contact {line-height:1.4em;}



/* booking successfully */

.booking-successfully {font-size:85%;margin-top:50px;text-align:center;text-transform:uppercase;}

.booking-successfully b {font-family:'Gill Sans W01 Bold',sans-serif;}



.booking-info {padding-top:2px;}

.booking-info .booking-info-sub {text-align:center;color:#d5473c;display:table;font-size:90%;margin:0 auto 20px;}



/*

.tabbody {font-size:90%;line-height:1.5em}

.jquery_tabs {margin:20px 0 0;}

.jquery_tabs .content {border-top:0;}

.jquery_tabs ul.tabs-list {margin:0 auto;}

.jquery_tabs ul.tabs-list li {border-bottom:1px solid transparent;margin: 0 18px 0 0;padding-bottom:4px;}

.jquery_tabs ul.tabs-list li:hover {border-bottom:1px solid #494741;}

.jquery_tabs ul.tabs-list li a {color: #494741;font-size:83%;line-height:0;padding:0;text-transform:uppercase;text-decoration:none;line-height:1em;}

.jquery_tabs ul.tabs-list li a:hover {text-decoration:none;}

.jquery_tabs ul.tabs-list li a:focus, .jquery_tabs ul.tabs-list li a:hover, .jquery_tabs ul.tabs-list li a:active {background:transparent;border-radius:0;color:#494741;}

.jquery_tabs ul.tabs-list li.current {border-bottom:1px solid #494741;}

.jquery_tabs ul.tabs-list li.current a,

.jquery_tabs ul.tabs-list li.current a:focus,

.jquery_tabs ul.tabs-list li.current a:hover,

.jquery_tabs ul.tabs-list li.current a:active {

  background:transparent;

    border:0;

    border-radius:0;

    color: #494741;

    font-weight:normal;

    text-decoration:none;

}

*/

 

/* FLEXSLIDER PLUGIN

-------------------------------------------------------------- */

.flexslider {position:relative;z-index:999;}

.flexslider ul {margin:0 !important;}

.flex-direction-nav {display:none;}

.wrap-main .flex-control-nav {bottom:8px;right:10px;position: absolute; z-index:9999;}

.wrap-homepage .flex-control-nav {bottom:48px;/*left: 48%;*/position: absolute; width:100%; text-align:center; }

.flex-control-nav li {display:inline;/*float:left;*/}

.slide p {display:table;margin:10px auto 0;padding:3px 0; width: 100%; text-align: center;}

.slide p a {background:url('../images/arrow-right-big-gray.png') no-repeat 100% 0 transparent;color:#494741;padding:4px 34px 7px 0;text-decoration:none;font-size:105%;}

.slide p a:hover {background:url('../images/arrow-right-big-red.png') no-repeat 100% 0 transparent;color:#d5473c;}

ul.flex-control-paging, ol.flex-control-paging {margin:0 !important}

.flex-control-paging li a {background: transparent;border-radius: 20px;border:1px solid #fff;cursor: pointer;height: 10px;display:inline-block;text-indent: 100%;white-space: nowrap;overflow: hidden;width: 10px;margin-right:3px;}

.flex-control-paging li a:hover {background-color:#fff;}

.flex-control-paging li a.flex-active {background:#fff;}



/* SIDR PLUGIN

-------------------------------------------------------------- */

.sidrmaincontent{-webkit-backface-visibility: hidden;}

#mobile-header {display: none;}

.sidr {display:none;position:absolute;position:fixed;top:0;height:100%;z-index:99;width:190px;overflow-x:none;overflow-y:auto;background:url('../images/bg-mobile.png') repeat-y 100% 0 transparent;font-family:'Gill Sans W01 Book',sans-serif;font-size:80%;}

.sidr .sidr-inner{padding:30px 0 0}

.sidr.right{left:auto;right:-180px}

.sidr.left{left:-180px;right:auto}



.sidr ul li {display: block;margin: 0 0 8px;}

.sidr a {color:#494741;display:block;text-decoration:none;padding:0 0 0 18px;text-transform:uppercase;}

.sidr-class-active a {color:#d5473c;}

.sidr a:hover {color:#d5473c;}

@media only screen and (max-width: 767px){

  #mobile-header {background:url('../images/btn-mobile.png') no-repeat 0 0 transparent;display: block;height:16px;width:22px;}

  #mobile-header a {display:inline-block;text-indent: 100%;white-space: nowrap;overflow: hidden;height:16px;width:22px;position:relative;z-index:99999;}

}



/* TABNAVIGATION

-------------------------------------------------------------- */

.etabs {margin-bottom:10px;margin-left:0 !important;}

.etabs .tab {display:inline;border-bottom:1px solid transparent;font-family:'Gill Sans W01 MEDIUM',sans-serif;font-size:85%;margin-right:14px;padding-bottom:3px;text-transform:uppercase;}

.etabs .tab:hover {border-bottom:1px solid #494741;padding-bottom:3px;}

.etabs .tab.active {border-bottom:1px solid #494741;}

.etabs a {color:#494741;text-decoration:none;}

.etabs a:hover {color:#494741;text-decoration:none}



/* FORMULAR

-------------------------------------------------------------- */

.reserve {margin:0 auto;width:300px;}

.reserve .gender-btn {margin-bottom:2px;}

.reserve .person-data {margin-bottom:15px;}

.reserve .adress {margin-bottom:26px;}

.reserve .street {float:left;width:183px;}

.reserve .streetnumber {float:right;width:54px;}

.reserve .zip-code {float:left;width:54px;text-transform:none;}

.reserve .city {float:right;width:183px;}

.reserve .privacy-note {display:inline;font-size:75%;letter-spacing:.05em;position:relative;text-transform:uppercase;top:-19px;}

.reserve .privacy-note a {color:#d5473c;text-decoration:none;}

.reserve .privacy-note a:hover {text-decoration:underline;}



input[type=radio]:not(old){font-size:75%;width:2em;margin:0;padding:0;opacity:0;}

input[type=radio]:not(old) + label{display:inline-block;margin-left:-3em;line-height:1.5em;}



.gender-btn label {border: 1px solid #494841;cursor:pointer;font-size:80%;letter-spacing:0;text-transform:uppercase;}

.gender-btn .gender-lab-l {margin-left:-28px;-webkit-border-top-left-radius: 6px;-webkit-border-bottom-left-radius: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-bottomleft: 6px;border-top-left-radius: 6px;border-bottom-left-radius: 6px;}

.gender-btn .gender-lab-r {margin-left:-36px;border-left:none;-webkit-border-top-right-radius: 6px;-webkit-border-bottom-right-radius: 6px;-moz-border-radius-topright: 6px;-moz-border-radius-bottomright: 6px;border-top-right-radius: 6px;border-bottom-right-radius: 6px;}

.gender-btn input[type=radio]:not(old) + label > span{border:none;background:none;display:inline-block;height:20px;margin:0;padding-top:2px;width:52px;text-align:center;vertical-align:bottom;}

.gender-btn input[type=radio   ]:not(old):checked + label > span{background:#494841;border:none;color:#f4f0e7;height:20px;padding-top:2px;}



.agb-btn {margin-left:-31px;}

.agb-btn input[type=radio]:not(old) + label > span{cursor:pointer;display:inline-block;width:24px;height:24px;margin: 4px 0 4px 18px;border:0;background:url('../images/form-box-unchecked.png') no-repeat 0 0 transparent;/*vertical-align:bottom;*/}

.agb-btn input[type=radio   ]:not(old):checked + label > span{cursor:pointer;background:url('../images/form-box-checked.png') no-repeat 0 0 transparent;}



label.checked {position:relative;left:0;overflow:auto;}



input[type="text"], textarea, input.powermail_field, select {background:transparent;border:1px solid #494841;font-size: 15px;margin-bottom: 0;text-transform:none;width: 90%;padding: 12px 12px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}

select {width: 208px;}

input[type="value"] {font-size:75%;text-transform:uppercase,}

legend, label {  position:absolute;left:-9999px;width:auto;height:auto;overflow:hidden;}

textarea {background:transparent;border:1px solid #494841;font-size: 100;width: 90%;height: 60px;padding: 12px 12px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}



/*

div.csc-mailform fieldset li {margin-bottom:0;padding:0;}

div.csc-mailform fieldset ol {padding:0;width:320px;}

div.csc-mailform li label {margin-right:0;width:auto;}



div.csc-mailform fieldset {width:320px;}

div.csc-mailform fieldset li {margin-bottom:0;padding:0;}

div.csc-mailform fieldset ol {padding:0;width:320px;}

div.csc-mailform li label {margin-right:0;width:auto;}




.csc-form-element-fieldset {float:left;width:320px;}

.csc-form-element-radio {float:left;}



fieldset.fieldset-subgroup ol {margin: 0;top:0;}

div.csc-mailform .csc-form-element-checkbox label {float:right;font-size:70%;letter-spacing:.1em;margin-right:0;text-transform:uppercase;width:auto;}

legend, .csc-form-element-textline label {display: inline-block;overflow: hidden;text-indent: 100%;white-space: nowrap;height:0;}

.adress .csc-form-element-textline {display:inline;}

*/



/* TABELLEN

-------------------------------------------------------------- */

td {width:11em;}

#preise {
  width: 100%;
}
#preise th {
  font-weight: 500;
  padding: 0 10px 10px 10px;
  border-bottom: 1px dashed #333;
}
#preise td {
  width: auto;
  padding: 10px 20px 10px 0;
  border-bottom: 1px dashed #333;
}

i {
  font-style: italic;
}


/* Quickbooking & Bookinglist

-------------------------------------------------------------- */

.fast_booking_form {

  margin-bottom: 40px;

}



.quickboooking {margin-bottom: 6px;}

.quickboooking td {width: 14em; vertical-align: middle;}

.quickboooking tr td:last-child {line-height:1.1em;}

.quickboooking td.roompicker {width: 7em; padding-top:1px}

.quickboooking .available-rooms {margin-bottom:3px;}

.quickboooking .available-rooms li {margin-bottom:0;}



.qbnotactive { color: #b3ae9f;}

.qbnotactive .available-rooms li,

.qbnotactive .available-rooms li:hover,

.qbnotactive .available-rooms li a,

.qbnotactive .available-rooms li a:hover,

ol.qbnotactive li,

ol.qbnotactive li:hover,

ol.qbnotactive li a,

ol.qbnotactive li a:hover

td.qbnotactive {

  border-color: #b3ae9f;

  color:  #b3ae9f;

  background: none;

  cursor: default;

}



table.ui-datepicker-calendar td, table.ui-datepicker-calendar th  {

  text-align:center;

  padding-bottom: 3px;

  vertical-align: middle;

  letter-spacing: 0;

}



table.ui-datepicker-calendar th {

  padding: 4px 0;

}



table.ui-datepicker-calendar td.ui-state-disabled {

  padding: 2px 0 4px 0;

}



table.ui-datepicker-calendar td a {

  color: #494741;

  text-decoration: none;

  display: inline-block;

  height:22px;

  text-align:center;

  width:22px;

    vertical-align: middle;

    margin:1px;

    padding:1px;

}



table.ui-datepicker-calendar td a.ui-state-active {

  background:#d5473c;

  color:#fff;

  -moz-border-radius:50%;

  -webkit-border-radius:50%;

  border-radius:50%;

}



td.ui-state-disabled span {

  color: #b3ae9f;

}



.ui-icon {

  padding: 1px 0 1px 0;

  width: 27px;

  height: 27px;

  background-repeat: no-repeat;

  background-position: 3px 0;

  cursor: pointer;

  display: inline-block;

}



.ui-datepicker-prev .ui-icon {

  background-image:url('../images/arrow-left-small-gray.png');

}

.ui-datepicker-prev-hover .ui-icon {

  background-image:url('../images/arrow-left-small-red.png');

}

.ui-datepicker-next .ui-icon {

  background-image:url('../images/arrow-right-small-gray.png');

}

.ui-datepicker-next-hover .ui-icon {

  background-image:url('../images/arrow-right-small-red.png');

}



.calmodal,

#ajax_loading {

    left: 90px;

    line-height: 150%;

    padding: 10px;

    position: absolute;

    text-align: center;

    top: 83px;

    width: 110px;

    z-index: 999999;

    display: none;

}



.calmodal {

  background: url("../images/bg-paper.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);

  -moz-box-shadow:    0 0 3px 2px #b3ae9f;

    -webkit-box-shadow: 0 0 3px 2px #b3ae9f;

    box-shadow: 0 0 3px 2px #B3AE9F;

    font-size: 95%;

}



#ajax_loading img {

  width: 28px;

  hieght: 28px;

}



.noroomsavail {

  left: 52px;

    width: 195px;

    top: 72px;

}



.noroomsavail_static {

    margin: 0 auto 3em;

    position: relative;

    top: 0;

  left: 0;

    width: 18em;

}



#pleaseselectrange {

  left: 85px;

    width: 125px;

    top: 72px;

}



#modal_booking_form_error {

  left: 80px;

    top: 100px;

}



li.quickbookingform,

li.quickbookingform:hover,

li.empty,

li.empty:hover {

  background: none !important;

  border: none !important;

    width: 24px;

    padding-bottom: 2px !important;

}



li.quickbookingform,

li.quickbookingform:hover,

.qbbookingbutton {

    display: none;

}



.quickbookingform input {

    padding: 3px;

    width: 15px;

    font-size:95%

}



.bookingformerror {

  border-color: #ff0000 !important;

}



.agb-btn input[type="radio"]:not(old) + label > span.bookingformerror {

     background: url("../images/form-box-unchecked-error.png") no-repeat scroll 0px 0px transparent;

}



.multirooms {

  position: relative;

}



.quickbookinginline {

  margin: 2em 0;

}



.item_alternative_container,

.item_alternative_list_item {

  display: none;

    

}



.nothanks-btn {background:url('../images/arrow-right-big-gray.png') no-repeat 100% 0 transparent;color:#494741;text-decoration:none;}



.itemlist-quantities,

.itemlist-pricebar,

.itemlist-notavail,

.itemlist-wrongduration,

.itemlist-wrongrange,

.itemlist-noprice,

.itemlist-minduration,

.itemlist-arrivalweekdays,

.itemlist-departureweekdays,

.itemlist-availweekdays,

.itemlist-requiredweekdays

{

  display: none;

}



.bookingitemlist section.ym-grid {margin-bottom:6em;}



.chooserangeaction {

  padding-bottom: 1em;

}



.alternative_back {

    color: #D5473C !important;

    font-size: 92%;

    line-height: normal;

    text-decoration: none !important;

}



.roomselected {

  display: inline;

}



.roomselected li {

  height: 11px;

    padding-top: 3px;

    width: 17px;

    vertical-align: bottom;

    background: none repeat scroll 0 0 #D5473C;

    border: 1px solid #D5473C;

}



.roomselected li div {

  font-size: 118%;

  line-height: 90%;

  color: #FFFFFF;

}



/* MEDIA QUERIES

=================================================================*/



/* 960

-------------------------------------------------------------- */

@media only screen and (max-width: 960px){

  .wrap-homepage main {margin:0;}

  main {margin:0 14px;}

}







/* 767

-------------------------------------------------------------- */

@media only screen and (max-width: 767px){

  hr {margin:4px 0 12px;}

  .nav-prim {display:none;}

  #booking {margin:17px 20px 0;}

  .booking-info .booking-info-sub {line-height:normal;}

  #mobile-header {float:left;margin-top:12px;position:relative;width:33.33%;z-index:999;}

  .sidr .sidr-inner{padding:20px 0 0}

  #sidr-id-menuitem13 {margin-top:14px;}

  #sidr-id-menuitem13 a, #sidr-id-menuitem14 a, #sidr-id-menuitem29 a {text-transform:none;}

  .nav-sec {display:none;}

  .header-main {padding:14px 14px 0;position:relative;}

  .logo {background:url('../images/logo-head-mobile.png') no-repeat center 0 transparent;background-size:contain;height:45px;float:left;margin:0 auto 20px;position:relative;width:33.33%;}

  .logo a {display:inline-block;height:45px;width:100px;}

  .languages {right:14px;}

  .languages li {display:block;padding:0}

  .languages li:before {content:none;}

  .fast_booking_button {margin:0 0 0 22px;}

  .jquery_tabs ul.tabs-list {margin: 0 auto 20px;}

  .jquery_tabs ul.tabs-list li {display:table;float:none;margin:0 auto 4px;}

  .jquery_tabs ul.tabs-list li:hover {border-bottom:1px solid #494741;display:table;}

  

  .reserve {width:292px;}

  .reserve .gender-btn {margin-bottom:8px;}

  .reserve .street {float:left;width:179px;}

  .reserve .streetnumber {float:right;width:50px;}

  .reserve .zip-code {float:left;width:50px;}

  .reserve .city {float:right;width:179px;}

  input[type="text"] {width:266px;}

  textarea {width:266px;}



  .btn-r {top: -3px !important;}

  .btn-l {margin-bottom:10px;}

  

  .footer-main .copyright {float:none;margin-right:0;width:100%;text-align:center;}

  .footer-main .nav {float:none;}

  .footer-main ul > li:first-child a {margin-left:0;}

  .footer-main ul > li:first-child:before {content:none;}

  

  /*table, thead, tbody, th, td, tr { display: block;}*/

  table {width:100%;}

  table tr {margin-bottom:10px}

  /* Hide table headers (but not display: none;, for accessibility) */

  thead tr { position: absolute;top: -9999px;left: -9999px;}

  td { /* Behave  like a "row" */border: none;position: relative;padding-left: 50%; }

  td:before { /* Now like a table header */position: absolute;/* Top/left values mimic padding */top: 6px;left: 6px;width: 45%; padding-right: 10px; white-space: nowrap;}

  /*Label the data*/

  #preise thead tr {
    position: relative;
    top: 0;
    left: 0;
  }
  #preise th {
    padding: 0 5px 10px 0;
  }
  #preise th:not(:first-child) {
    height: 140px;
    max-width: 60px;
    white-space: nowrap;
    text-align: left !important;
  }
  #preise th:first-child .inner {
    position: relative;
    top: 120px;
  }
  #preise th:not(:first-child) .inner {
    transform: rotate(270deg);
    position: relative;
    bottom: -100px;
    line-height: 1.2;
  }

  #preise td {
    padding: 10px 5px 10px 0;
    min-width: 60px;
  }



  table {border:0px solid green;}

  td {padding-left:0;}

  .quickboooking td.roompicker {width:16em;}

  .quickboooking td {width:auto;}

  

  .footer-main .nav-main {visibility:visible;}



    .languages .fon_button {display:inline-block;margin-left:12px;}

    .languages ul {right:64px;}



    #calfrom {height:200px !important;}

    #calto {height:200px !important;}



}



/* 480

-------------------------------------------------------------- */

@media only screen and (max-width: 480px){

  .nav-prim {display:none;}

  .nav-sec {display:none;}

  

  .booking-info .booking-info-sub {margin:0 auto;}

  .flexslider {margin:12px 0;}

  .slides {line-height:0;}

  .slide p {margin:20px auto 14px;}

    .slide p a {font-size:90%;letter-spacing:.1em;}

  .etabs {margin-bottom:10px;margin-top:10px;}

  .reserve .adress {margin-bottom:16px;}

  .reserve .agb-btn {margin-left:0;}

  .reserve .privacy-note {display:inline;top:-15;}



  .agb-btn input[type=radio]:not(old).radio-btn-3 {width:1em !important;}



  .available-rooms ol {width:90%;}



  table {width:100%;}

  table {border:0px solid red; font-size: 85%;}

  td {padding-left:0; letter-spacing: 0;}


  #preise th:not(:first-child) {
    max-width: 40px;
  }
  #preise td {
    min-width: 40px;
  }

  .quickboooking td.roompicker {width:5em;}

  .quickboooking td {width:10em;padding-bottom:5px;}

  .available-rooms {text-align:left;}

  .available-rooms ol {text-align:left;}



  .languages .fon_button {display:inline-block;margin-left:12px;}

  .languages ul {right:48px;}



  #calfrom {height:200px !important;}

  #calto {height:200px !important;}



  .footer-main .nav-main {display:inline;}

  .copyright {display:block;}



  .slide p a {

  line-height: 1.5em;



  }



}





@media only screen and (max-width: 320px){

  .reserve {margin:0;width:292px;}

  .reserve .person-data {margin-bottom:16px;}

  .reserve .street {float:left;width:175px;}

  .reserve .streetnumber {float:right;width:54px;}

  .reserve .zip-code {float:left;width:54px;}

  .reserve .city {float:right;width:175px;}

}



/* BY SMER

-------------------------------------------------------------- */

.wrap-main main li > ul {margin-left: 2em;}

.wrap-main main b,
.wrap-main main strong {font-family:'Gill Sans W01 MEDIUM',sans-serif;}



/* NEWS

---------------------------------------------------------------*/



.news-list-item {margin-bottom:24px;}

.news-h2-month { display:none; }

.news-list-view > .month01 .news-h2-month { display:block; }

.news-list-view > .month01 ~ .month01 .news-h2-month { display:none; }

.news-list-view > .month02 .news-h2-month { display:block; }

.news-list-view > .month02 ~ .month02 .news-h2-month { display:none; }

.news-list-view > .month03 .news-h2-month { display:block; }

.news-list-view > .month03 ~ .month03 .news-h2-month { display:none; }

.news-list-view > .month04 .news-h2-month { display:block; }

.news-list-view > .month04 ~ .month04 .news-h2-month { display:none; }

.news-list-view > .month05 .news-h2-month { display:block; }

.news-list-view > .month05 ~ .month05 .news-h2-month { display:none; }

.news-list-view > .month06 .news-h2-month { display:block; }

.news-list-view > .month06 ~ .month06 .news-h2-month { display:none; }

.news-list-view > .month07 .news-h2-month { display:block; }

.news-list-view > .month07 ~ .month07 .news-h2-month { display:none; }

.news-list-view > .month08 .news-h2-month { display:block; }

.news-list-view > .month08 ~ .month08 .news-h2-month { display:none; }

.news-list-view > .month09 .news-h2-month { display:block; }

.news-list-view > .month09 ~ .month09 .news-h2-month { display:none; }

.news-list-view > .month10 .news-h2-month { display:block; }

.news-list-view > .month10 ~ .month10 .news-h2-month { display:none; }

.news-list-view > .month11 .news-h2-month { display:block; }

.news-list-view > .month11 ~ .month11 .news-h2-month { display:none; }

.news-list-view > .month12 .news-h2-month { display:block; }

.news-list-view > .month12 ~ .month12 .news-h2-month { display:none; }


.news-page .news-h2-month { display:none !important; }
.news-page .ym-100 > .ym-gbox {
  margin-right: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
}

.video-js-box {

  width: 95% !important;

  max-width: 480px;

  margin: 0 auto;

  height: 100%;

  max-height: 360px;

}

.video-js {

  width: 100% !important;

  height: 100% !important;

}



figcaption.csc-textpic-caption {

  display: inline-block;

}



/* MAP

------------------------------------------------------------- */



#map img {}

#map .firstHeading {text-align:left;}



/* Partner

------------------------------------------------------------- */



body.partner .csc-textpic-imagerow {

  display: table;

}

body.partner .csc-textpic-imagecolumn {

  float: none !important;

  display: table-cell;

  vertical-align: middle;

  padding: 20px;

}





div.booking-info {

  display: none !important;

}

/* powermail */

main div.tx-powermail {
  max-width: 640px;
  width: 100%;
  margin: 20px auto !important;
}
div.tx-powermail h3 {
    display: none;
}
.powermail_fieldset {
    clear: left;
    border: 0;
    padding: 10px;
    margin-bottom: 20px;
    background: none;
    border: 1px solid #ccc;
}
.powermail_fieldwrap {
  clear: both;
}
.powermail_legend {
    font-weight: 500;
    color: #EAEAEA;
    float: right;
    margin: 3px 10px 10px 0;
    font-size: 30px;
    white-space: normal;
}
.powermail_label {
    display: block;
    width: 200px;
    float: left;
    clear: left;
    font-weight: 500;
}
main .powermail_legend,
main .powermail_label {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
  color: #494741;
  padding-top: 10px;
}
main .powermail_legend {
  color: #aaa;
  font-size: 20px;
}
main div.powermail_field {
  font-size: 14px;
  padding: 0 10px 10px;
  width: 60%;
  max-width: 400px;
  float: right;
}
main input.powermail_field:focus,
main textarea.powermail_field:focus {
  background-color: #e5e5e5;
  border-color: #000;
  color: #000;
}
main input.powermail_submit {
    color: white;
    font-weight: 500;
    cursor: pointer;
    background: rgb(30,87,153);
    font-size: 16px;
    padding: 10px;
    width: 50% !important;
    max-width: 400px;
    border: 1px solid #494841;
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: 2px;
}    
}

main .formError .formErrorContent {
  background: #333;
}

@media (max-width: 600px) {
  main .powermail_label {
    float: none;
    width: 100%;    
  }
  main div.powermail_field {
    float: none;
    padding: 0 0 10px;
    width: 100%;
    max-width: 100%;
  }
  main .powermail_field input,
  main .powermail_field textarea {
    width: 90%;    
  }
  main .powermail_submit {
    margin-top: 10px;
    margin-left: 25%;
  }
}


aside {
  text-decoration: line-through;
  display: inline;
}
aside, .durchgestrichen {
  text-decoration: line-through;
  display: inline;
}


h5 {
  font-size: 80%;
  line-height: 1.4;
}

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

/* Fix fuer Sparangebote */
body.sparangebote .item_container {
  display: none;
}
body.sparangebote .item_container.pid100 {
  display: block;
}


#popup img {
  float: left;
  max-width: 50%;
  width: auto;
  margin: 20px;
}
#popup .text {
  padding: 20px;
  max-width: 800px;
}