@charset "UTF-8";
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

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

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background: transparent; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

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

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 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, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

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

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

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

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

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

/* progressbar */
#progressbar { float: left; width: 100%; margin-top: 30px; padding: 0; overflow: hidden; counter-reset: step; }

#progressbar ul { padding: 0; }

#progressbar li { list-style-type: none; color: #002851; text-transform: uppercase; font-size: 10px; width: 16.666%; float: left; position: relative; text-align: center; }

#progressbar li:before { content: counter(step); counter-increment: step; width: 34px; height: 34px; line-height: 35px; display: block; font-size: 14px; font-weight: 300; color: #fff; background: #c8c8c8; border-radius: 50%; margin: 0 auto 5px auto; }

#progressbar li:after { content: ''; width: 100%; height: 2px; background: #c8c8c8; position: absolute; left: -50%; top: 17px; z-index: -1; }

#progressbar li:first-child::after { content: none; }

#progressbar li.active::before, #progressbar li.active::after { background: #f0af00; color: #fff; }

#progressbar li.success::before, #progressbar li.success::after { background: #5CB85C; }

#progressbar li.failed::before, #progressbar li.failed::after { background: #D9534F; }

@media all and (max-width: 768px) { #progressbar { margin-top: 90px; } }

@media all and (max-width: 600px) { #progressbar li { font-size: 0; } }

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/* Allgemein */
a { text-decoration: none; color: #20a0d2; -webkit-transition: color 0.25s ease-in-out; -ms-transition: color 0.25s ease-in-out; -moz-transition: color 0.25s ease-in-out; -o-transition: color 0.25s ease-in-out; transition: color 0.25s ease-in-out; }

small { font-size: 0.8em; line-height: 1.5em; display: inline-block; }

html { background-color: #fff; background: #f7f7f7; font-family: "Roboto Condensed", sans-serif; font-size: 14px; color: #002851; line-height: 20px; overflow-x: hidden; }

html.iframe-content { background: #fff; height: auto !important; min-width: 0; }

body#body-iframe { background: #fff; height: auto !important; min-width: 0; }

html, body:not(#body-iframe) { height: 100%; }

html, body, #header { width: 100%; min-width: 320px; }

html.stop-scrolling { overflow: hidden; }

html.stop-scrolling body { overflow: hidden; }

h1 { font-family: "Roboto Condensed", sans-serif; margin-bottom: 45px; font-weight: 400; }

h2, h3 { font-size: 21px; line-height: 20px; font-family: "Roboto Condensed", sans-serif; }

.content-startpage h1 { margin-bottom: 25px; }

.content-startpage h2 { color: #20a0d2; font-weight: normal; line-height: 27px; }

h4 { font-size: 22.5px; font-weight: 400; line-height: inherit; color: #20a0d2; display: block; }

h1.margin-bottom, h2.margin-bottom, h3.margin-bottom { margin: 0px 0px 40px 0px; }

h5 { font-size: 16px; color: #20a0d2; font-family: "Roboto Condensed", sans-serif; font-weight: 400; margin: 15px 0; }

h5 b { display: block; font-size: 14px; color: #002851; }

strong { font-weight: bold; }

.big-headline { color: #20a0d2; font-size: 30px; font-weight: 400; margin: 0px; padding: 0px; line-height: 32px; text-align: center; width: 100%; float: left; }

.big-headline-dark { font-size: 21px; line-height: 20px; font-weight: 600; margin: 20px 0; width: 100%; float: left; }

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

.float-none { float: none !important; }

.clear { clear: both; }

.blue { color: #20a0d2 !important; }

.yellow { color: #f0af00 !important; }

.body-frontend .btn-default, .body-frontend .btn-success, #body-iframe .btn-default, #body-iframe .btn-success, #blueButton, .blueButton, #yellowButton, .yellowButton, #submitSearch, #dblueButton, .dblueButton, .btn { min-width: 110px; min-height: 40px; padding: 0 10px; font-size: 14px; text-align: center; text-decoration: none; line-height: 40px; font-weight: 400; color: #fff; background-color: #002851; vertical-align: baseline; opacity: 1; border-radius: 3px; display: inline-block; cursor: pointer; border: none; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin: 5px; }

.body-frontend .btn-default:hover, .body-frontend .btn-success:hover, #body-iframe .btn-default:hover, #body-iframe .btn-success:hover, #blueButton:hover, .blueButton:hover, #yellowButton:hover, .yellowButton:hover, #submitSearch:hover, #dblueButton:hover, .dblueButton:hover, .btn:hover { background-color: #003060; text-decoration: none; }

.body-frontend .btn-default, #body-iframe .btn-default, #blueButton, .blueButton, .body-frontend .btn-success, #body-iframe .btn-success, .btn { background-color: #20a0d2; }

.body-frontend .btn-default:hover, #body-iframe .btn-default:hover, #blueButton:hover, .blueButton:hover, .body-frontend .btn-success:hover, #body-iframe .btn-success:hover, .btn:hover { background: #1d8fbc; }

.btn .glyphicon { display: none; }

/* universal yellow button */
#yellowButton, .yellowButton, #submitSearch { background: #f0af00; }

#yellowButton:hover, .yellowButton:hover, #submitSearch:hover { background: #ffbd0b; }

#submitSearch { width: 130px; margin-top: 20px; margin-left: 40px; }

/* universal grey button */
.body-frontend .btn-success.disabled, #body-iframe .btn-success.disabled, .btn.btn-back, #body-iframe .btn.btn-back { background-color: #eeeeee; color: #c8c8c8; }

button.btn.btn-link-style { display: inline; float: none; color: #20a0d2; background: none; margin: 0; padding: 0; height: auto; min-width: 0px; line-height: normal; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

/* ===================================================== CONTENT =====================================================  */
.content-960 { width: 100%; max-width: 960px; height: auto; min-height: 300px; margin: 30px auto 0 auto; }

.body-frontend { display: table; width: 100%; }

.body-frontend .container { margin-top: 55px; padding-bottom: 25px; position: relative; }

.body-frontend #main-content { padding-top: 45px; padding-bottom: 70px; }

.body-frontend .content-960 { margin: 160px auto 0 auto; max-width: 100%; }

.body-frontend .content-960 .content-wrapper { max-width: 960px; margin: 0 auto; }

.body-frontend .content-960.float-content { margin: 0 auto; }

.hidden { display: none; }

.page-row { display: table-row; height: 1px; }

.page-row-expanded { height: 100%; }

.container-no-gradient { width: 100%; /*padding: 15px 25px 20px 7px;*/ padding: 15px 25px 20px 25px; margin-bottom: 40px; box-sizing: border-box; position: relative; overflow: hidden; }

.container-gradient { width: 100%; padding: 7px; box-sizing: border-box; /*margin-bottom: 30px;*/ position: relative; background: #fff; /* Old browsers */ background: -moz-linear-gradient(top, #fff 50%, #f7f7f7 60%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(60%, #f7f7f7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 50%, #f7f7f7 60%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fff 50%, #f7f7f7 60%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fff 50%, #f7f7f7 60%); /* IE10+ */ background: linear-gradient(to bottom, #fff 50%, #f7f7f7 60%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f7f7f7', GradientType=0); /* IE6-9 */ }

.container-gradient p { padding: 20px; }

.container-gradient-bottom, div#fd.eb .eb-post-content, div#fd.eb .eb-entry, #slide-contact { width: 100%; padding: 15px 25px 20px 25px; margin-bottom: 80px; box-sizing: border-box; position: relative; overflow: hidden; background: #f7f7f7; /* Old browsers */ background: -moz-linear-gradient(top, #f7f7f7 50%, #fff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f7f7f7), color-stop(100%, #fff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f7f7f7 50%, #fff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f7f7f7 50%, #fff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f7f7f7 50%, #fff 100%); /* IE10+ */ background: linear-gradient(to bottom, #f7f7f7 50%, #fff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#fff', GradientType=0); /* IE6-9 */ border-bottom: 2px solid #e7e7e7; }

/* Header */
#headerWrapper { width: 100%; max-width: 960px; margin-left: -480px; position: absolute; left: 50%; height: 50px; }

.header-logo { background: url("../images/logo_header@2x.png"); background-size: 100%; height: 36px; width: 80px; float: left; margin: 6px 15px 0 0; }

#header { height: 50px; width: 100%; top: 0; left: 0; background-color: #fff; border-bottom: 1px solid #e4e4e4; position: fixed; z-index: 100; }

#header ul { list-style: none; }

#header .nav { float: left; padding: 0; margin: 0; height: 100%; }

#header .nav li { float: left; height: 100%; line-height: 50px; cursor: pointer; position: relative; }

#header .nav li .nav-child { position: absolute; left: 0; padding: 0; background: #fff; border-bottom: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; min-width: 120px; display: none; -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

#header .nav li.parent { padding-right: 10px; }

#header .nav li.parent::after { content: '\203A'; display: block; font-size: 17px; transform: rotate(90deg); position: absolute; right: 10px; top: 0; }

.booking-form #header .nav li .nav-child { margin-top: -1px; }

#header .nav li:hover .nav-child { display: block; }

#header .nav li .nav-child > li { float: none; width: 100%; }

#header .nav li .nav-child > li a { width: 100%; white-space: nowrap; display: block; box-sizing: border-box; font-size: 14px; line-height: 15px; }

#header .nav li a, #header .nav li span { padding: 18px 15px 17px 15px; }

#header .nav li a:hover { text-decoration: none; }

#header .nav li a.home { height: 20px; width: 16px; padding: 0; border-style: solid; border-width: 15px 15px 16px 15px; border-color: transparent; display: block; overflow: hidden; position: relative; }

#header .nav li.active a.home img, #header .nav li a.home:hover img, #header .nav li.active a.home:hover img { top: -18px; }

#header .nav#logo-menu li a.logo { height: 36px; width: 80px; padding: 0; border-style: solid; border-width: 6px 35px 0 0; border-color: transparent; display: block; position: relative; }

#menu-hamburger-toggle { width: 30px; height: 30px; background: url("../images/hamburger-button@2x.png") no-repeat; background-size: 30px; background-position: center; float: left; margin: 8px; padding: 2px 8px; cursor: pointer; box-sizing: content-box; display: none; }

#header .nav li a { box-sizing: content-box; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

#header .nav#logo-menu li.active a.logo { background-color: #fff; }

#header .nav#logo-menu li a.logo:hover { background-color: #fff; }

#header .nav#logo-menu li a.logo img { position: absolute; width: 100%; left: 0; top: 0; }

#header .nav li a.home img { position: absolute; width: 100%; left: 0; top: 0; }

#header .nav li a:hover { background-color: #20a0d2; cursor: pointer; color: #fff; }

#header .nav li.active a { background-color: #20a0d2; cursor: pointer; color: #fff; }

#header .nav li.active a:hover, #header .nav li.active a.home:hover { background-color: #20a0d2; cursor: pointer; color: #fff; }

#header .nav .parent li.active a { background-color: #20a0d2; cursor: pointer; color: #fff; }

#header .nav .parent li.active a:hover { background-color: #20a0d2; cursor: pointer; color: #fff; }

#header .nav .parent.active li a { background: #fff; color: #002851; }

#header .nav .parent.active li a:hover { background-color: #20a0d2; cursor: pointer; color: #fff; }

#header .nav .parent.active .nav-child li a { background: transparent; }

#header .nav .parent.active .nav-child li a:hover { background-color: #20a0d2; }

#header .nav li a:hover, #header .nav li.active a { color: #fff; }

#header .nav a { color: #002851; }

#header .nav a:active, #header .nav a:visited { color: #002851; }

/* ### Form Section ### */
#formSection { margin-top: 50px; width: 100%; background-color: #f7f7f7; background-image: url("../images/bg_form.jpg"); }

.formWrapper { width: 100%; max-width: 960px; position: relative; margin: 0 auto; padding-top: 30px; }

#booking-form .has-error .help-block, #booking-form .error .help-block { color: #D9534F; font-size: 14px; }

.body-frontend .has-error .input-group-addon { border: 1px solid #D9534F; border-radius: 0 3px 3px 0; }

#logo, #logoText { position: relative; text-align: center; margin: 0 auto; width: 238px; color: #20a0d2; font-weight: 400; padding: 0px; }

#logo { height: 112px; padding-top: 30px; }

#logoText { padding-top: 12px; font-size: 16px; margin-bottom: 50px; text-align: center; width: 100%; float: left; }

#logo img { width: 100%; height: 100%; }

/* booking-information box */
#information-box .text-warning { color: #D9534F; }

#detailed-info, .price-error-visible { float: left; }

/* Buttons */
.body-frontend .btn, .body-iframe .btn { border-color: transparent !important; border-radius: 3px !important; }

/* Cookie Hinweis */
.cc_container { background: #181818 !important; font-size: 16px !important; font-family: inherit !important; min-width: 320px; }

.cc_container a { color: #1cace4 !important; }

.cc_container a:visited { color: #1cace4 !important; }

.cc_container a:hover, .cc_container a:visited:hover { color: #fff !important; }

.cc_container .cc_btn { background: #f0af00 !important; color: #fff !important; font-size: 14px !important; height: 40px !important; line-height: 40px !important; padding: 0 !important; border-radius: 3px !important; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.cc_container .cc_btn:visited { background: #f0af00 !important; color: #fff !important; font-size: 14px !important; height: 40px !important; line-height: 40px !important; padding: 0 !important; border-radius: 3px !important; }

.cc_container .cc_btn:hover, .cc_container .cc_btn:visited:hover { background: #ffba00 !important; }

/* Form */
#form { position: relative; margin: 0 auto; width: 100%; max-width: 830px; padding-bottom: 80px; }

.form-group { margin-bottom: 12px; }

.form-control { padding: 5px 10px; height: 33px; }

select.form-control { padding: 5px 6px; }

.has-feedback .form-control-feedback { top: 0; }

/* Promotion Banner Position */
#promotion-banner { position: absolute; right: -3px; top: 50px; }

#promotion-banner .custom * { width: 277px; height: 240px; margin: 0 auto; }

/* car gallery in frontend */
.car-gallery { margin-top: 40px; }

.car-gallery a { display: block; width: 25%; float: left; }

.car-gallery a.gallery-link { display: block; width: 23.5%; float: left; margin-right: 2%; }

.car-gallery a.gallery-link:nth-of-type(4n+4) { margin-right: 0; }

.car-gallery a.gallery-link img { width: 100%; }

.car-attributes { display: flex; flex-wrap: wrap; }

.car-attribute-container { width: 50%; float: left; box-sizing: border-box; position: relative; padding-bottom: 30px; }

.car-measurements-container .car-measurement-wrapper { width: 33%; float: left; position: relative; }

.car-measurements-container .car-measurement-wrapper:after { content: ''; padding-bottom: 45%; display: block; }

.car-measurement { background-image: url("../images/carl-measurements.png"); width: 306.5px; height: 100%; max-width: 100%; background-size: 100%; position: absolute; margin: 0 auto; }

.car-measurement.carla { background-image: url("../images/carla-measurements.png"); }

.car-measurement.top-view { background-position: 0 50%; }

.car-measurement.back-view { background-position: 25px 100%; }

.car-attribute-container .car-attribute-description { padding-right: 30px; margin-left: 84px; margin-top: -91px; min-height: 72px; }

.car-attribute-container .car-attribute-description ul { padding-left: 12px; }

#promotion-banner { cursor: pointer; }

#promotion-banner a { display: block; background-size: 200%; background-position: left top; }

#promotion-banner a:hover { background-position: right top; }

#promotion-banner p { margin: 0; cursor: pointer; }

#promotion-banner a, #promotion-banner img { cursor: pointer; }

/* Chosen */
#form .chosen-container { float: left; }

.chosen-container-single .chosen-single { border-radius: 3px; border: 1px solid #afafaf; background: #fff; box-shadow: none; height: 33px; line-height: 33px; }

#form .chosen-container-single .chosen-single, #shortFormContainer .chosen-container-single .chosen-single { height: 40px; line-height: 40px; }

.chosen-container-single .chosen-single div { width: 38px; }

.chosen-container-active.chosen-with-drop .chosen-single div b { background-position: 0px 0px; }

#booking-form #country_chosen.chosen-container-single .chosen-single div b::after, #booking-form #additional_driver_country_chosen.chosen-container-single .chosen-single div b::after, #booking-form #deviant_driver_country_chosen.chosen-container-single .chosen-single div b::after { margin: 8px 11px; }

.chosen-container-single .chosen-single span { margin-right: 40px; border-right: 1px solid #afafaf; }

#place_chosen { margin-right: 40px; }

#country_chosen { font-size: 15px; }

#category_chosen .chosen-single div b { background: url("../images/select_bg_category.png") no-repeat 7px 13px !important; }

#place_chosen .chosen-single div b { background: url("../images/select_bg_place.png") no-repeat 8px 12px !important; }

#category_chosen, #place_chosen { width: 250px !important; }

#country_chosen.chosen-container-single .chosen-single div b, #additional_driver_country_chosen.chosen-container-single .chosen-single div b, #deviant_driver_country_chosen.chosen-container-single .chosen-single div b { background-image: none !important; }

#country_chosen.chosen-container-single .chosen-single div b:after, #additional_driver_country_chosen.chosen-container-single .chosen-single div b:after, #deviant_driver_country_chosen.chosen-container-single .chosen-single div b:after { content: "\e034"; font-family: "Glyphicons Halflings"; line-height: 1; margin: 12px; display: inline-block; color: #AFAFAF; }

.chosen-container-active.chosen-with-drop .chosen-single { background: #fff; }

.chosen-container-single .chosen-drop { margin-top: 0px; }

.chosen-container .chosen-results li { margin: 2px 0px; }

.chosen-container .chosen-results li.highlighted { background: #20a0d2; }

/* Textinputs */
.styledText { width: 188px; border-radius: 3px; border: 1px solid #afafaf; height: 36px; line-height: 36px; padding-left: 10px; background: url("../images/input_bg_calender.png") #fff no-repeat 95% 14px; margin-right: 40px; padding-right: 50px; color: #999999; cursor: pointer !important; }

.styledText::-webkit-input-placeholder { color: #999999; opacity: 1; }

.styledText::-ms-input-placeholder { color: #999999; opacity: 1; }

.styledText:-moz-placeholder { color: #999999; opacity: 1; }

.styledText::-moz-placeholder { color: #999999; opacity: 1; }

.styledSelect { width: 188px; border-radius: 3px; border: 1px solid #afafaf; height: 36px; line-height: 36px; padding-left: 10px; background: url("../images/input_bg_calender.png") #fff no-repeat 95% 14px; margin-right: 40px; padding-right: 50px; color: #999999; cursor: pointer !important; }

.styledSelect#category { margin-right: 0px; }

.styledSelect { height: 39px; line-height: 39px; }

#place, #category { display: inline-block; float: left; position: relative; box-sizing: content-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.category_place_container { margin-top: 20px; }

#place option:disabled:active, #category option:disabled:active { color: #B2B2B2; }

#place { background: url("../images/select_bg_place.png") #fff no-repeat 95% 12px; }

#category { background: url("../images/select_bg_category.png") #fff no-repeat 96.5% 14px; }

.styledSelect::-ms-expand { display: none; }

#startDateInput, #endDateInput, .category_place_container { float: left; position: relative; }

#startDateInput .border, #endDateInput .border { height: 40px; background: #afafaf; width: 1px; position: absolute; right: 81px; z-index: 1; }

.category_place_container .border { height: 40px; background: #afafaf; width: 1px; position: absolute; right: 81px; z-index: 1; }

.category_place_container.category_container .border { right: 41px; }

/* Short Formular */
#shortFormWrapper { width: 100%; margin-top: 50px; position: absolute; z-index: 50; }

.body-frontend #shortFormWrapper .chosen-container *, .body-frontend #shortFormWrapper #submitSearch { box-sizing: border-box; }

.body-frontend #shortFormWrapper form { margin-bottom: 0; }

#shortFormContainer { width: 100%; z-index: 51; background-image: url("../images/bg_form.jpg"); -webkit-box-shadow: 0 8px 6px -6px #eee; -moz-box-shadow: 0 8px 6px -6px #eee; box-shadow: 0 8px 6px -6px #eee; }

#shortForm { width: 100%; max-width: 960px; margin: 0 auto; padding: 30px 0; }

#shortForm .clear { clear: none; }

#shortFormToggleContainer { position: absolute; width: 100%; float: left; height: 0; z-index: 45; }

#shortFormToggle { width: 60px; height: 44px; margin: -10px auto 0 auto; background: url("../images/headerFormToggle.png"); background-position: top right; position: relative; }

#shortFormToggleArrow { width: 15px; height: 8px; background: url("../images/headerFormToggleArrow.png"); background-position: top right; margin: -10px auto 0 auto; position: absolute; top: 65%; left: 37%; -moz-transition: -moz-transform .4s; -webkit-transition: -webkit-transform .4s; -o-transition: -o-transform .4s; transition: transform .4s; }

#shortFormToggleArrow.rotated { -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }

#shortFormWrapper.closed #shortFormToggle, #shortFormWrapper.closed #shortFormToggleArrow { background-position: top left; }

#shortForm .styledText { width: 130px; background: url("../images/input_bg_calender.png") no-repeat scroll 93% 14px #fff; }

#shortForm #category, #shortForm #place { width: 130px; }

#shortForm #category_chosen, #shortForm #place_chosen { width: 192px !important; float: left; }

#shortForm .styledText, #shortForm #place_chosen, #shortForm #category_chosen, #shortForm #category, #shortForm #place { margin-right: 12px; box-sizing: content-box; }

#shortForm #place_chosen, #shortForm #category_chosen, #shortForm #endDateInput, #shortForm #submitSearch, #shortForm .category_place_container { margin-top: 0; margin-left: 0; }

#shortForm .border { right: 53px; }

#moreToggle { position: absolute; top: 100%; left: 50%; color: #fff; /*background: $color-yellow;*/ background: #20a0d2; width: 54px; height: 30px; text-align: center; margin-left: -30px; border-radius: 0 0 35px 35px; display: none; cursor: pointer; }

#toggleArrow { width: 15px; height: 8px; background: transparent url("../images/headerFormToggleArrow.png"); margin: -10px auto 0px; position: absolute; top: 65%; left: 36%; transition: transform 0.4s ease 0s; -moz-transition: -moz-transform .4s; -webkit-transition: -webkit-transform .4s; -o-transition: -o-transform .4s; transition: transform .4s; }

#toggleArrow.rotated { -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.info-icon { font-size: 19px; color: #20a0d2; padding: 0; display: table; height: 33px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.info-icon:hover { color: #1cace4; }

.info-icon > div { vertical-align: middle; display: table-cell; }

.info-icon .popover { width: 200px; color: #002650; }

#inclusivKmPreview { color: #20a0d2; }

/* Accordion */
.pane-sliders { box-sizing: border-box; padding: 0 25px 50px; background-color: #fff; }

.headline-pane-slider { box-sizing: border-box; padding: 20px 25px; background-color: #fff; margin: 0; line-height: 25px; }

.pane-sliders .panel { border-bottom: 1px solid #e4e4e4; }

.pane-sliders .panel h3 { padding: 15px 40px 15px 20px; margin: 0; font-weight: normal; }

.pane-sliders .panel h3.pane-toggler-down { background: url("../images/accordion_arrow_close@2x.png") right bottom no-repeat; background-size: 24px 34px; }

.pane-sliders .panel h3.pane-toggler { background: url("../images/accordion_arrow_open@2x.png") right bottom no-repeat; background-size: 24px 34px; }

.pane-sliders .panel h3 a { color: #20a0d2; }

.pane-sliders .panel h3 a:hover { text-decoration: none; }

.pane-sliders .panel h3 a h2 { color: #002851; font-size: 21px; line-height: 25px; cursor: default; margin: 35px 0 35px -20px; }

.headline-pane-slider img { width: 25px; float: left; margin-right: 10px; }

.pane-sliders .panel h3 a h2 img { width: 25px; float: left; margin-right: 10px; }

.pane-sliders .panel .content { width: auto; margin: 0 20px 20px; border-left: 1px solid #e4e4e4; padding: 20px; }

.pane-sliders .panel .content p { margin: 15px 0; }

.pane-sliders .panel .content ul { margin: 15px 0px; padding: 0px 0px 0px 12px; }

.pane-sliders .panel .content.pane-hide { margin: 0 20px; }

/********************************/
/** Availability View Frontend **/
/********************************/
.container.availability-search { width: 100%; padding-left: 0; padding-right: 0; }

.location-sidebar { float: left; position: relative; display: block; width: 25%; min-height: 1px; height: auto; margin-top: 0; background: #fff; border-bottom: 2px solid #E7E7E7; border-right: 2px solid #E7E7E7; display: block; height: 100%; padding-bottom: 8px; }

.location-sidebar .sidebar-heading { padding: 8px 10px; background: #20a0d2; color: #fff; font-size: 16px; display: block; width: 100%; }

.location-sidebar .info-block { padding: 0 10px; }

.location-sidebar .location-map { margin-top: 20px; margin-bottom: 20px; width: 100%; height: 200px; }

.location-sidebar .info-block .info-heading { display: block; width: 100%; margin: 20px 0 7px 0; font-weight: bold; }

.location-sidebar .result-link { display: block; width: 100%; border-bottom: 1px solid #E7E7E7; padding: 5px 10px; position: relative; -webkit-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }

.location-sidebar .result-link:hover { border-bottom: 2px solid #20a0d2; padding: 5px 10px 5px 15px; }

.location-sidebar .result-link::after { content: ''; background: url("../images/yellow_arrows@2x.png") no-repeat; background-size: 74px; background-position: -25px -11px; display: block; right: 10px; top: 6px; width: 19px; height: 18px; position: absolute; }

a.vehicle-anchor { margin-top: -180px; float: left; }

.result-container { float: left; width: 75%; padding-left: 15px; }

.result-container ul { list-style: none; }

/** ### Car Section ### **/
#carWrapper { width: 100%; max-width: 960px; position: relative; margin: 0 auto; font-size: 0; text-align: center; }

.car { width: 33.333%; text-align: center; padding-bottom: 30px; position: relative; display: inline-block; }

.car:nth-child(even) { background-color: #1cace4; }

.car:nth-child(n+4) { padding-top: 20px; }

.car:nth-child(n+4) .headlineWrapper { top: 30px; }

.headlineWrapper { position: absolute; width: 100%; top: -10px; }

.carHeadline { text-align: center; font-family: "Roboto Condensed", sans-serif; font-size: 19px; font-weight: 400; padding: 8px 15px; background: #fff; z-index: 3; display: inline; }

.carPicture { width: 100%; }

.carPicture img { width: 100%; }

#carSection { width: 100%; background-color: #20a0d2; float: left; }

#carSection .ab, #carSection .span { display: block; color: #f7f7f7; font-size: 12px; }

#carSection .price { display: block; color: #fff; font-size: 30px; font-family: "Roboto Condensed", sans-serif; margin: 5px 0px; }

#carSection .button { min-width: 110px; min-height: 40px; padding: 0 10px; font-size: 14px; text-align: center; text-decoration: none; line-height: 40px; font-weight: 400; color: #fff; background-color: #002851; vertical-align: baseline; opacity: 1; border-radius: 3px; display: inline-block; cursor: pointer; border: none; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-top: 20px; }

#carSection .button:hover { background-color: #003060; text-decoration: none; }

.result-car span.location-headline, .result-car span.vehicle-location { width: 100%; display: block; }

.result-car span.location-headline { margin-bottom: 2px; font-family: helvetica, arial; font-size: 18px; font-weight: 400; }

.result-car .container-car-infos span.vehicle-location { font-size: 19px; }

.result-car img.img-vehicle-location { width: 65%; margin-top: 25px; }

/* ### Descprition / Desc / Beschreibung ### */
.descSection { background: #f7f7f7; margin-top: 20px; }

.descLogoWrapper { width: 100%; max-width: 960px; position: relative; margin: 0 auto; text-align: center; /*padding-top: 45px;*/ margin-bottom: 40px; }

.descLogoWrapper > img { width: 100%; max-width: 960px; }

.descLogo { margin-top: 30px; margin-bottom: 60px; text-align: center; }

.page-header { margin-top: 30px; margin-bottom: 60px; text-align: center; }

.page-header:first-of-type { margin-top: 0; }

.descLogo img { clear: both; }

.descLogo .prozess, .descLogo div#fd.eb .eb-brand-name, div#fd.eb .descLogo .eb-brand-name { font-family: "Roboto Condensed", sans-serif; /*font-family: netto_otregular, sans-serif;*/ color: #20a0d2; font-size: 30px; font-weight: 400; margin: 0px; padding: 0px; line-height: 32px; text-align: center; }

.prozess, div#fd.eb .eb-brand-name, .page-header h2 { font-family: "Roboto Condensed", sans-serif; /*font-family: netto_otregular, sans-serif;*/ color: #20a0d2; font-size: 30px; font-weight: 400; margin: 0px; padding: 0px; line-height: 32px; text-align: center; }

.descLogo .shortDescription { color: #002851; font-size: 15px; font-weight: bold; margin-top: 7px; float: left; width: 100%; }

.descTextSection { width: 100%; /*background: #fafafa;*/ }

.descTextWrapper { width: 100%; max-width: 960px; margin: 0 auto; }

.descText { float: left; width: 100%; text-align: center; display: table; height: 100%; }

.prozessHeadline { font-size: 16px; color: #20a0d2; margin-bottom: 0; }

.buchungsprozess { padding: 10px 0px 30px 0px; width: 25%; min-height: 100%; height: auto !important; display: table-cell; }

.prozessText { color: #002851; width: 82%; margin: 0 auto; text-align: left; }

.alternatives-notfound { width: 100%; margin: 0 auto; text-align: center; }

.booking-container > .alternatives-notfound { border: none; }

.alternatives-notfound h1 { max-width: 400px; width: 100%; margin: 35px auto 18px auto; font-size: 27px; line-height: 35px; color: #20a0d2; }

.alternatives-notfound p { max-width: 420px; margin: 0 auto; font-size: 16px; line-height: 23px; }

.alternatives-notfound .btn-success { float: none; }

hr.alternatives-separator { width: 100%; border-color: #d7d7d7; margin: 60px auto; }

/* ### Footer ### */
#footer { width: 100%; font-size: 12px; background: #181818; color: #fff; }

#footer a { color: #fff; }

#footer a:hover { color: #d9d9d9; }

#footer .contentInner { width: 100%; max-width: 930px; padding: 0 6px 25px 6px; height: auto; margin: 0 auto; box-sizing: border-box; }

#footer .nav { margin: 0px; padding: 0px; list-style: none; }

#footer ul { margin: 0px; padding: 10px 0px 0px 0px; list-style: none; width: 100%; display: block; height: auto; overflow: hidden; box-sizing: border-box; }

#footer .parent { float: left; color: #f0af00; font-size: 14px; font-weight: bold; padding: 15px; box-sizing: border-box; }

#footer .parent:first-of-type { padding-left: 0; }

#footer .parent li { font-size: 14px; line-height: 30px; font-weight: normal; }

#copyright, #behindYou { color: #5b5b5b; font-size: 11px; /*float: right;*/ width: 100%; text-align: center; }

#payPics { /*float: right;*/ width: 100%; text-align: center; padding: 10px 0 10px 0; }

#payPics .clear { clear: none; display: none; }

#payPics img { display: inline-block; height: 35px; margin: 0 15px 20px 15px; }

/* =====================================================
AVAILABILITY RESULT
=====================================================  */
#availability_results { display: none; position: relative; overflow: visible; }

#preloader_frontend { width: 32px; height: 32px; background: url("../images/preloader_frontend@2x.GIF"); background-size: 32px 32px; margin: 0 auto; }

#payment_icon { width: 147px; height: 126px; background: url("../images/bezahlung2x.png"); background-size: 147px 126px; margin: 0 auto; }

.tabs-wrapper { height: 42px; overflow: hidden; position: relative; }

#tabsNavigationWrapper { width: 100%; background: #f7f7f7; z-index: 49; padding: 0 15px; }

#tabsNavigationWrapper.fixed { position: fixed; left: 0; }

#tabsNavigationWrapper.fixed #tabSpacer { height: 54px; width: 100%; }

.cd-tabs .cd-tab-nav { padding-bottom: 5px; }

.cd-tabs .cd-tab-nav .cd-tabs-navigation { background: #f7f7f7; }

#tabsNavigationWrapper .cd-tabs .cd-tab-nav { padding-bottom: 0; }

#tab-nav-container { position: relative; }

#tab-nav-left { position: absolute; display: block; background: url("../images/tab_nav@2x.png") no-repeat; background-size: 104px 110px; background-position: 0px 0px; width: 30px; height: 55px; left: 5px; top: -7px; z-index: 70; cursor: pointer; display: none; }

#tab-nav-left:after { content: ""; position: absolute; display: block; background: url("../images/tab_nav@2x.png") no-repeat; background-size: 104px 110px; background-position: 0px 100%; width: 30px; height: 55px; left: 0; z-index: 70; cursor: pointer; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; }

#tab-nav-right { position: absolute; display: block; background: url("../images/tab_nav@2x.png") no-repeat; background-size: 104px 110px; background-position: -31px 0px; width: 30px; height: 45px; right: 5px; top: -6px; z-index: 70; cursor: pointer; display: none; }

#tab-nav-right:after { content: ""; position: absolute; display: block; background: url("../images/tab_nav@2x.png") no-repeat; background-size: 104px 110px; background-position: -31px 100%; width: 30px; height: 45px; z-index: 70; cursor: pointer; top: 10px; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; }

#tab-nav-right:hover:after { opacity: 1; }

#tab-nav-left:hover:after { opacity: 1; }

#tab-nav-left.fixed { position: fixed; top: 97px; }

#tab-nav-right.fixed { position: fixed; top: 97px; }

.cd-tabs-navigation { margin: 0px; padding: 0px; display: inline-block; min-width: 100%; white-space: nowrap; }

.cd-tabs-navigation.page-menu { text-align: center; }

.cd-tabs-navigation.page-menu a { text-align: center; }

.cd-tabs-navigation.page-menu ul { margin: 0px; padding: 0px; display: inline-block; min-width: 100%; white-space: nowrap; margin: 40px 0 20px 0; float: left; }

.cd-tabs-navigation:after, .cd-tabs-navigation.page-menu ul:after { content: ""; display: table; clear: both; }

.cd-tabs-navigation li { list-style: none; display: inline-block; margin-right: 4px; vertical-align: bottom; opacity: 1; -webkit-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

.cd-tabs-navigation li.init-margin { margin-left: 60px; opacity: 0; }

.cd-tabs-navigation a, .cd-tabs-navigation span.nav-link { position: relative; display: block; text-align: left; font-size: 14px; font-weight: 400; color: #002650; background: #fff; cursor: pointer; padding: 10px 20px 10px 20px; border-bottom: 2px solid #d7d7d7; }

.cd-tabs-navigation a:hover, .cd-tabs-navigation span.nav-link:hover { text-decoration: none; color: #20a0d2; border-bottom: 2px solid #20a0d2; }

.cd-tabs-navigation a.selected, .cd-tabs-navigation span.nav-link.active { background: #20a0d2; color: #fff; padding: 10px 20px 10px 20px; }

.cd-tabs-content { padding: 0 15px; }

#ourLocations { font-size: 16px; position: absolute; top: -24px; left: 15px; }

#showBigMap, .showMeasurements { display: inline-block; background: #20a0d2; color: #fff; box-sizing: border-box; border-radius: 3px; font-weight: normal; cursor: pointer; border: none; font-size: 12px; padding: 5px 20px; z-index: 50; -webkit-transition: background 0.3s ease-in-out; -ms-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out; }

#showBigMap { position: absolute; top: -39px; right: 15px; }

.showMeasurements { margin-top: 5px; }

#tabsNavigationWrapper.fixed #showBigMap { top: 16px; }

#tabsNavigationWrapper.fixed #ourLocations { top: 30px; }

#showBigMap:hover, .showMeasurements:hover { background: #1cace4; }

.modal-dialog { z-index: 6000 !important; }

#googleMapModal .modal-dialog { width: 80%; height: 90%; }

.modal-content { height: 100%; border-radius: 0; }

#googleMapModal .modal-content { background: transparent; }

.modal-content .modal-header { background: #20a0d2; color: #fff; font-size: 16px; padding: 8px 10px; }

.modal-content .modal-body { height: 96%; padding: 0; }

.modal-content .modal-body img { max-width: 100%; }

.modal-content .modal-body #googleMap { height: 100%; width: 100%; }

#googleMap { width: 100%; height: 100; background: #fff; }

/* =====================================================
SCROLL TOP
=====================================================  */
#scroll-top { position: fixed; display: block; background: url("../images/tab_nav@2x.png") no-repeat; background-size: 104px 110px; background-position: -60px 0px; width: 44px; height: 44px; right: 20px; bottom: 20px; z-index: 70; cursor: pointer; opacity: 1; }

#scroll-top:after { content: ""; position: absolute; display: block; background: url("../images/tab_nav@2x.png") no-repeat; background-size: 104px 110px; background-position: -60px -46px; width: 44px; height: 44px; right: 0; bottom: 0; z-index: 70; cursor: pointer; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; }

#scroll-top:hover:after { opacity: 1; }

#results-top-anchor { margin-top: -90px; position: absolute; }

/* =====================================================
RESULT CAR
=====================================================  */
.district-headline { display: table; padding-top: 8px; text-align: left; font-family: "Roboto Condensed", sans-serif; font-size: 18px; }

.district-headline h1 { display: none; font-family: "Roboto Condensed", sans-serif; /*font-family: netto_otregular, sans-serif;*/ font-size: 27px; color: #20a0d2; margin: 7px 0 7px 0; }

.district-headline div { display: none; }

.leipzig-headline, .dresden-headline { width: 174px; height: 43px; background-size: 100%; display: block; margin: 0 auto; }

.leipzig-headline { background-image: url("../images/silhouette_leipzig@2x.png"); }

.dresden-headline { background-image: url("../images/silhouette_dresden@2x.png"); }

.result-car { width: 100%; margin: 40px 0px 20px 0px; float: left; }

.result-car.result-car-frontent { text-align: center; margin: 0; }

.result-car.result-car-frontent .align-middle { display: inline-block; margin: 0 auto; max-width: 920px; width: 100%; margin: 40px 0px 10px 0px; background: #f7f7f7; /* Old browsers */ background: -moz-linear-gradient(top, #f7f7f7 50%, #fff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f7f7f7), color-stop(100%, #fff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f7f7f7 50%, #fff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f7f7f7 50%, #fff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f7f7f7 50%, #fff 100%); /* IE10+ */ background: linear-gradient(to bottom, #f7f7f7 50%, #fff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#fff', GradientType=0); /* IE6-9 */ border-bottom: 2px solid #e7e7e7; }

.container-car-infos { width: 32%; float: left; text-align: center; }

.result-car h2 { font-family: "Roboto Condensed", sans-serif; font-size: 15px; font-weight: 400; background: linear-gradient(to bottom, #f7f7f7 50%, #fff 100%); padding: 0 15px 10px 15px; padding: 10px 15px; margin: 0 auto; display: inline-block; }

.result-car h3 { font-family: "Roboto Condensed", sans-serif; /*font-family: netto_otregular, sans-serif;*/ font-size: 19px; display: inline-block; }

.car-carl .text-color { color: #17a1d7; }

.car-carla .text-color { color: #ebab00; }

.car-carlchen .text-color { color: #00bbc3; }

.result-car .img-car { max-width: 317px; width: 100%; }

.result-car .price { font-size: 30px; }

.result-car .price span { font-family: helvetica, arial; color: #17a1d7; font-size: 12px; display: block; margin: 0 0 5px 0; }

.car-pictograms { width: 100%; padding-top: 15px; text-align: center; }

.car-pictograms .pictogram-icon { width: 47px; height: 50px; background: url("../images/piktogramm-sprite2x.png"); background-size: 330.5px 50px; display: inline-block; }

.pictogram-icon.diesel { background-position: -141px top; }

.pictogram-icon.klimaanlage { background-position: -47px top; }

.pictogram-icon.winterreifen { background-position: 0px top; }

.pictogram-icon.bluetooth { background-position: -94px top; }

.pictogram-icon.personen-3 { background-position: -188px top; }

.pictogram-icon.personen-9 { background-position: -235px top; }

.pictogram-icon-big { width: 72px; height: 72px; background: url("../images/piktogramm-sprite-big2x.png"); background-size: 500px 75px; display: inline-block; }

.pictogram-icon-big.diesel { background-position: -213px top; }

.pictogram-icon-big.klimaanlage { background-position: -71px top; }

.pictogram-icon-big.winterreifen { background-position: -2px top; }

.pictogram-icon-big.bluetooth { background-position: -142px top; }

.pictogram-icon-big.personen-3 { background-position: -284px top; }

.pictogram-icon-big.personen-9 { background-position: -355px top; }

.pictogram-icon-big.anhaengerkupplung { background-position: -426px top; }

/* CALENDAR */
.container-calendar { width: 68%; float: right; padding: 0 10px; box-sizing: border-box; }

.calendar-content { display: inline-block; max-width: 610px; width: 100%; }

/*.calendar-inner-container { height: auto; overflow: hidden;}*/
.cal-nav { border-radius: 2px; background-color: #f4f4f4; border: 1px solid #20a0d2; height: 22px; float: left; font-size: 12px; color: #20a0d2; cursor: pointer; line-height: 22px; text-align: center; }

.cal-nav:hover { background-color: #20a0d2; color: #fff; }

.cal-nav.nav-left, .cal-nav.nav-right { width: 22px; }

.cal-nav.nav-today { padding: 0 20px; margin: 0 0 0 5px; }

.cal-nav.nav-right { margin: 0 0 0 5px; }

.cal-nav.nav-today.disabled { background-color: #E2E2E2; border: 1px solid #e2e2e2; color: #C3C3C3; cursor: default; }

.cal-nav.nav-left.disabled { background-color: #E2E2E2; border: 1px solid #e2e2e2; color: #C3C3C3; cursor: default; }

.cal-nav.nav-left.disabled:hover { background-color: #E2E2E2; border: 1px solid #e2e2e2; color: #C3C3C3; cursor: default; }

.cal-nav.nav-today.disabled { display: none; }

.cal-nav.nav-today.disabled:hover { display: none; }

.container-nav-top, .container-nav-bottom { position: absolute; margin-left: 58px; width: 532px; height: 0px; z-index: 1000; display: none; }

.nav-top { margin: 25px auto; background: url(../img/navigate-top@2x.png); background-size: 50px 29px; }

.nav-down { margin: -39px auto; background: url(../img/navigate-bottom@2x.png); background-size: 50px 29px; }

.nav-top, .nav-down { display: block; width: 50px; height: 29px; cursor: pointer; opacity: 0; -webkit-transition: opacity .7s; -moz-transition: opacity .7s; -ms-transition: opacity .7s; -o-transition: opacity .7s; transition: opacity .7s; }

.calendar:hover .nav-top, .calendar:hover .nav-down { opacity: 1; }

.container-calendar h3 { float: left; margin: 0 30px; line-height: 24px; }

.container-calendar h3 span { color: #17a1d7; }

.month-calendar-heading h3 span { color: #17a1d7; }

.cal-week { float: right; line-height: 24px; color: #17a1d7; margin-right: 13px; }

.calendar { max-width: 595px; width: 100%; height: 433px; overflow: hidden; margin: 5px 0; border-radius: 3px; border: 1px solid #e2e2e2; float: left; box-sizing: border-box; }

.calendar .col-time:nth-child(2n+1) { background-color: #fff; }

/* TIME */
.time { width: 11%; max-width: 65px; float: left; text-align: right; position: relative; box-sizing: border-box; height: 100%; }

.days { height: 100%; }

.time .col-time-container, .time .jspPane { width: 100% !important; }

.calendar .time .col-time.calendar-th { width: 100% !important; }

.time .col-time-container { position: absolute; left: 0px; margin-top: 25px; }

.time .col-time-part { padding-right: 5px; text-align: right; border-right: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; }

/* DAYS */
.days { float: left; width: 89%; margin-left: 11%; max-width: 532px; position: relative; box-sizing: border-box; }

.col-day-headline { height: 25px; width: 1596px; overflow: hidden; left: 0px; top: 0; position: absolute; background-color: #fff; }

.days-inner-container { width: 100%; height: 495px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; position: absolute; left: 0; top: 25px; /*margin-left: -532px;*/ }

.col-day-inner-container { width: 1596px; height: auto; }

.days .col-day { width: 76px; float: left; height: auto; overflow: hidden; }

.calendar-th { background-color: #fff; height: 25px; line-height: 25px; font-size: 12px; text-align: center; float: left; width: 76px; }

.calendar-th.col-today { border-bottom: 2px solid #20a0d2; height: 23px; }

.days .col-time-part { width: 100%; border-left: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; }

.col-day:first-child .col-time-part { border-left: none; }

.col-time-part { height: 13px; text-align: center; font-size: 12px; line-height: 13px; }

.col-time-part.booking-start, .col-time-part.booking-start-row { height: 36px; padding-top: 5px; }

.col-time-part.disabled { background: #E7E7E7; height: 14px; }

.col-time-part.disabled.booking-start { height: 36px; padding-top: 5px; }

.days .col-time-part.disabled { border-bottom: 0; }

.col-time-part.booked { background-color: rgba(240, 25, 0, 0.3) !important; background: repeating-linear-gradient(-45deg, transparent, transparent 1px, #E7E7E7 3px, #E7E7E7 10px); height: 14px; border: none; }

.col-time-part.disabled.booking-start, .col-time-part.booked.booking-start { height: 37px !important; border: none; }

.col-time-part:first-of-type { border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; }

.result-car.result-car-frontent .col-time .col-time-part:first-of-type { border-bottom: 1px solid #e2e2e2; }

.col-day-container { height: 500px; }

.calendar .col-time.calendar-th { border: none; width: 63px; height: 25px; padding: 0; }

.time .calendar-th { position: absolute; top: 0px; left: 0px; z-index: 10; }

.col-time-container { float: left; overflow: hidden; }

.col-day-container { float: left; overflow: hidden; overflow-y: auto; }

.col-time-inner-container, .col-day-inner-container { height: auto; overflow-y: auto; }

.container-calendar h3 .headline-month, .month-calendar-heading h3 .month-calendar-headline-month { color: #002851; }

/* =====================================================
HIGHLIGHT CALENDAR
=====================================================  */
/* STARTTIME */
.col-time-part.booking-start-row { color: #002851; background-color: #fff; }

.col-time-part.booking-start-row span { display: block; }

.col-time-part.booking-start-disabled { background-color: #E7E7E7; }

.col-time-part.booking-start a.booking-link { color: #002851; background-color: #f0af00; width: 95%; height: 88%; font-size: 13px; padding: 3px 10px; box-sizing: border-box; display: inline-block; -webkit-box-shadow: 0 8px 6px -6px #eee; -moz-box-shadow: 0 8px 6px -6px #eee; box-shadow: 0 0px 3px 0px #909090; border-radius: 2px; -webkit-transition: background-color 0.3s ease-in-out; -ms-transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; }

.col-time-part.booking-start .booking-link:hover { background: #ffba00; }

.month-calendar-day.disabled .month-day-number { background: #f25b62; color: #fff; }

.col-time-part.muted { background-color: #E7E7E7 !important; background: none; }

.col-time-part.disabled:first-of-type, .col-time-part.booked:first-of-type { border-top: 1px solid #E2E2E2 !important; }

/* LEGENDE BUCHUNGSKALENDER */
.calendar-legend { float: left; margin-top: 10px; }

.legend-group { float: left; margin-top: 10px; display: block; }

.calendar-legend span { float: left; }

.legend-color { display: block; width: 20px; height: 20px; border: 1px solid #e4e4e4; border-radius: 3px; }

.legend-description { font-size: 12px; line-height: 21px; padding: 0 20px 0 7px; }

.legend-starttime { background-color: #002851; }

.legend-booked { background-color: #f25b62; }

.legend-unavailable { background-color: #e7e7e7; }

.legend-today { background-color: #b1dbeb; }

.legend-queried { background-color: #f8eed1; }

/* Frontend Booking form */
.body-frontend [class*=" datetimepicker-dropdown"]::after { border-bottom: 6px solid #fff !important; }

.body-frontend .input-group-addon { background-color: #fff; color: #AFAFAF; padding: 6px 15px; }

table.price-preview tr td:last-of-type { white-space: nowrap; }

.fv-form-bootstrap .fv-bootstrap-icon-input-group { z-index: 98 !important; }

/* ===================================================== Month Calendar =====================================================  */
.month-view-container { width: 100%; float: right; text-align: center; margin-top: -60px; }

.month-view-container .month-view-middle { display: inline-block; }

.month-view-container .month-calendar-table-container { display: inline-block; height: 300px; margin: 10px 0px 10px 35px; }

.month-view-container .month-calendar-table-container:nth-of-type(3n+1) { margin: 10px 0px; }

table.month-calendar { font-size: 12px; }

table.month-calendar tr { border-left: 1px solid #e2e2e2; }

table.month-calendar tr.month-calendar-heading { text-align: center; border-left: none; }

td.month-calendar-day { height: 34px; position: relative; }

* html .month-calendar-day { height: 34px; }

td.month-calendar-day:hover { background: #eceff5; }

td.month-calendar-day-np { background: #F9F9F9; height: 34px; }

* html .month-calendar-day-np { height: 34px; }

td.month-calendar-day-head { background: #fff; text-align: center; width: 34px; padding: 3px; border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; }

td.month-calendar-day-head:last-of-type { border-right: 1px solid #e2e2e2; }

.month-day-number { background: #fff; float: left; width: 100%; height: 100%; text-align: center; line-height: 34px; }

td.month-calendar-day { border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; }

td.month-calendar-day:not(.booked):not(.locked):not(.disabled) .month-day-number { cursor: pointer; }

td.month-calendar-day:not(.booked):not(.locked):not(.disabled) .month-day-number:hover { background: #002851; color: #fff; }

td.month-calendar-day.booked .month-day-number { background: #f25b62; color: #fff; }

td.month-calendar-day.locked .month-day-number { background: #e7e7e7; }

td.month-calendar-day-np { border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; }

/* shared */
h2.popover-heading { width: 100%; text-align: center; font-size: 16px; padding: 3px; background: none; }

.popover-content .notice { display: block; background: #ededed; text-align: center; font-size: 12px; padding: 7px; border-radius: 5px; }

/* ===================================================== Month Calendar =====================================================  */
.month-view-container { width: 100%; float: right; text-align: center; margin-top: -60px; }

.month-view-container .month-view-middle { display: inline-block; }

.month-view-container .month-calendar-table-container { display: inline-block; height: 300px; margin: 10px 0px 10px 35px; }

.month-view-container .month-calendar-table-container:nth-of-type(3n+1) { margin: 10px 0px; }

table.month-calendar { font-size: 12px; }

table.month-calendar tr { border-left: 1px solid #e2e2e2; }

table.month-calendar tr.month-calendar-heading { text-align: center; border-left: none; }

td.month-calendar-day { height: 34px; position: relative; }

* html .month-calendar-day { height: 34px; }

td.month-calendar-day:hover { background: #eceff5; }

td.month-calendar-day-np { background: #F9F9F9; height: 34px; }

* html .month-calendar-day-np { height: 34px; }

td.month-calendar-day-head { background: #fff; text-align: center; width: 34px; padding: 3px; border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; }

td.month-calendar-day-head:last-of-type { border-right: 1px solid #e2e2e2; }

.month-day-number { background: #fff; float: left; width: 100%; height: 100%; text-align: center; line-height: 34px; }

td.month-calendar-day { border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; }

td.month-calendar-day:not(.booked):not(.locked):not(.disabled) .month-day-number { cursor: pointer; }

td.month-calendar-day:not(.booked):not(.locked):not(.disabled) .month-day-number:hover { background: #002851; color: #fff; }

td.month-calendar-day.booked .month-day-number { background: #f25b62; color: #fff; }

td.month-calendar-day.locked .month-day-number { background: #e7e7e7; }

td.month-calendar-day-np { border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; }

/* shared */
h2.popover-heading { width: 100%; text-align: center; font-size: 16px; padding: 3px; }

/* ===================================================== Städte =====================================================  */
.button-map { position: absolute; right: 35px; top: 25px; }

/* ===================================================== Über uns =====================================================  */
.col-left-50.team { text-align: center; box-sizing: border-box; padding: 25px 25px; }

.col-left-50.team .profileimage { display: inline-block; width: 150px; height: 150px; background-color: #fff; border-radius: 100px; }

figure { margin: 0; }

figure.pull-center { float: left; }

figure.pull-center img { width: 448px; }

figure.pull-full img { width: 100%; }

figure figcaption { font-size: 10px; line-height: 12px; text-align: right; }

/* ===================================================== Preise =====================================================  */
.price-mobile { display: none; }

.container-car-price .container-car-infos h2, .container-car-price .container-car-infos span:not(.location-headline) { font-family: "Roboto Condensed", sans-serif; /*font-family: netto_otregular, sans-serif;*/ font-size: 15px; font-weight: 400; background-color: #fff; padding: 10px 15px; margin: 0 auto; display: inline-block; }

.container-car-price .container-car-infos h2 span.location-headline, .container-car-price .container-car-infos span span.location-headline { margin-bottom: 2px; font-family: helvetica, arial; font-size: 18px; font-weight: 400; display: block; }

.container-car-price .container-car-infos img { max-width: 317px !important; width: 100%; }

table.preise { width: 60%; float: right; border-radius: 5px; box-sizing: border-box; background-color: #fff; border: solid 1px #e4e4e4; margin-bottom: 20px; }

table.preise-full { width: 100%; float: right; border-radius: 5px; box-sizing: border-box; background-color: #fff; border: solid 1px #e4e4e4; margin-bottom: 20px; }

table.preise-full th { text-align: left; color: #20a0d2; background-color: #f2f2f2; font-weight: 400; font-size: 16px; font-family: "Roboto Condensed", sans-serif; /*font-family: netto_otregular, sans-serif;*/ }

table.preise th { text-align: left; color: #20a0d2; background-color: #f2f2f2; font-weight: 400; font-size: 16px; font-family: "Roboto Condensed", sans-serif; /*font-family: netto_otregular, sans-serif;*/ padding: 15px 10px; /*border-right: solid 1px $color-light-grey;*/ width: 50%; box-sizing: border-box; text-align: center; border-bottom: solid 1px #e4e4e4; }

table.preise td { padding: 15px 10px; /*border-right: solid 1px $color-light-grey;*/ width: 50%; box-sizing: border-box; text-align: center; border-bottom: solid 1px #e4e4e4; }

table.preise-full th, table.preise-full td { padding: 15px 10px; /*border-right: solid 1px $color-light-grey;*/ width: 33%; box-sizing: border-box; text-align: center; border-bottom: solid 1px #e4e4e4; }

table.preise tr.images th, table.preise tr.images td { border-bottom: 0 none; }

table.preise-full tr.images th, table.preise-full tr.images td { border-bottom: 0 none; }

table.preise th img, table.preise td img { width: 80%; margin-top: -30px; }

table.preise-full th img, table.preise-full td img { width: 80%; margin-top: -30px; }

table.preise tr th:last-of-type, table.preise tr td:last-of-type { border-right: 0; text-align: center; }

table.preise-full tr th:last-of-type, table.preise-full tr td:last-of-type { border-right: 0; text-align: center; }

table.preise tr:last-of-type td, table.preise td.no-border { border-bottom: 0; }

table.preise-full tr:last-of-type td, table.preise-full td.no-border { border-bottom: 0; }

table.preise tr td strong, table.preise-full tr td strong { /*color: $color-light-blue;*/ font-family: "Roboto Condensed", sans-serif; /*font-family: netto_otregular, sans-serif;*/ font-size: 30px; font-weight: 400; }

.tarife-info { display: block; font-size: 0.8em; line-height: 1.5em; clear: both; text-align: right; float: right; margin-top: -14px; }

/* ===================================================== Angebote =====================================================  */
/* Einzelne Angebote */
/*#offer{ float:left; max-width: 90%; min-width: 250px; height: auto; background-color: $color-light-blue; border: 1px solid $color-light-blue; padding: 20px; margin: 5px;" }*/
.container-offer { width: 50%; float: left; box-sizing: border-box; padding: 0 10px; }

.offer { width: 100%; height: auto; overflow: hidden; background-color: #fff; border: 1px solid #e4e4e4; padding: 20px 0 0; margin-bottom: 20px; text-align: center; }

.headline-pic img { width: 100px; }

.headline-pic h2 { color: #20a0d2; margin-top: 0; }

.offer h2 { margin-bottom: 15px; }

.offer p, .offer ul { margin: 0; }

strong.price { display: block; font-size: 30px; font-weight: 400; line-height: 40px; }

.offer .info-text { width: 92%; margin: 0 4%; box-sizing: border-box; padding: 10px 0px 30px 0; text-align: center; clear: both; }

.offer .info-highlight { /*width: 92%;*/ float: left; width: 44%; margin: 0 4% 20px 2%; border: solid 1px #e4e4e4; border-radius: 5px; box-sizing: border-box; padding: 10px 20px; }

.offer .info-highlight:nth-child(2n+1) { margin: 0 2% 20px 4%; }

.offer .info-highlight h3 { color: #20a0d2; color: #f0af00; }

.offer .info-highlight ul { list-style: none; padding: 0; text-align: center; }

.offer .info-highlight ul li { border-bottom: 1px solid #e4e4e4; padding: 10px 0; line-height: 20px; }

.offer .info-highlight ul li:last-of-type { border-bottom: 0 none; }

.offer .info-link { clear: both; width: 100%; text-align: center; margin-bottom: 20px; }

/*.offer .info-link a { background-color: $color-dark-blue; color: $color-white; float: left; width: 50%; line-height: 50px; box-sizing: border-box; border-right: 1px solid #043d69; -webkit-transition: background-color 0.3s ease-in-out; -ms-transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; } .offer .info-link a:last-of-type { border-right: 0 none; } .offer .info-link a:hover { text-decoration: none; background-color: #043d69; }*/
/* ===================================================== Klimaschutz =====================================================  */
.container-gradient-bottom .container-image-1, div#fd.eb .eb-post-content .container-image-1, div#fd.eb .eb-entry .container-image-1 { min-width: 150px; float: left; padding: 10px; margin: 1%; }

.container-gradient-bottom .container-image-1 img, div#fd.eb .eb-post-content .container-image-1 img, div#fd.eb .eb-entry .container-image-1 img { border: 0; }

.container-gradient-bottom .container-text-2, div#fd.eb .eb-post-content .container-text-2, div#fd.eb .eb-entry .container-text-2 { width: 65%; min-width: 250px; min-height: 80px; float: left; overflow: auto; padding: 5px; margin: 2%; }

/* ===================================================== Kontakt =====================================================  */
#slide-contact .accordion-group:first-of-type { display: none; }

.contact-address { display: inline-block; padding: 20px; background-color: #fff; border: 1px solid #e4e4e4; margin-top: 30px; }

#slide-contact .accordion-group { padding-bottom: 30px; width: 48%; float: left; margin-right: 2%; }

#slide-contact .accordion-group .jicons-icons { display: none; }

#slide-contact .accordion-group dd { margin: 0; }

#slide-contact .accordion-heading a { cursor: default; font-size: 21px; line-height: 20px; font-family: "Roboto Condensed", sans-serif; /*font-family: netto_otregular, sans-serif;*/ color: #002851; }

#slide-contact .accordion-heading a:hover { text-decoration: none; }

#slide-contact .collapse { height: auto !important; }

/* disable Accordion */
/* Formular */
form#contact-form { background-color: #fff; margin-top: 30px; width: 100%; }

form#contact-form fieldset { margin: 0; padding: 25px 20px 20px; border: 1px solid #e4e4e4; box-sizing: border-box; }

form legend { position: absolute; background-color: #fff; margin-top: -35px; font-size: 10px; }

form .control-group { width: 100%; margin-bottom: 20px; }

form .control-group .controls input { line-height: 25px; border: 1px solid #e4e4e4; width: 100%; }

form .control-group .controls textarea { border: 1px solid #e4e4e4; width: 100%; font-family: "Helvetica", Helvetica, sans-serif; font-size: 14px; color: #002851; resize: none; }

.tooltip.in { display: none !important; }

/* ===================================================== Impressum =====================================================  */
.container-col-50 { height: auto; overflow: hidden; }

.col-left-50 { width: 50%; float: left; }

/* ===================================================== Partner =====================================================  */
.container-col-3 { height: auto; overflow: hidden; padding: 35px; /*border-bottom: solid 1px $color-light-grey;*/ }

/*.container-col-3:last-of-type { border-bottom: 0 none; }*/
.col-1-3 { width: 33%; float: left; }

.col-1-3 img { max-width: 80% !important; width: 80%; }

.col-2-3 { width: 66%; float: left; box-sizing: border-box; padding-left: 25px; }

/* ===================================================== Buchungsformular =====================================================  */
body.booking-form #header .nav li a.home { background-color: transparent; }

body.booking-form #header .nav li a.home img { top: 0; }

.chosen-container { font-size: 14px; }

.booking-container { float: left; width: 100%; margin-top: 30px; }

.booking-container > div { box-sizing: border-box; border: 1px solid #e4e4e4; padding: 20px; }

.booking-container .form-wrapper { width: 60%; margin-left: 0; }

.booking-container legend { border-bottom: 0 none; margin-bottom: 15px !important; text-align: center; padding: 0 !important; }

#booking-form { margin: 0; }

#booking-form label { line-height: 15px; text-align: right; }

#booking-form.align-left label { text-align: left; }

.booking-container .form-control { background-color: #fff; border-radius: 3px; border: 1px solid #afafaf; }

.booking-container .form-control[readonly] { background-color: #f7f7f7 !important; }

.booking-container .form-control[disabled] { background-color: #fff !important; }

.booking-container fieldset[disabled] .form-control { background-color: #fff !important; }

.booking-container .date-group .form-control[readonly] { background-color: #fff !important; }

.booking-container .date-group .input-group-addon { cursor: pointer; }

select { cursor: pointer; }

.body-frontend .btn-default, #body-iframe .btn-default { margin-left: 0; float: left; }

.body-frontend .btn-success, #body-iframe .btn-success { margin-right: 0; float: right; }

.help-block { margin-top: 0; }

.form-control:focus { box-shadow: none; border: 1px solid #afafaf; }

.has-success input.form-control, .has-success select.form-control, .has-success .input-group-addon { border-color: #20a0d2 !important; }

/* Info right */
#information-box, .price-preview { font-size: 14px; line-height: 20px; width: 37%; margin-left: 3%; padding: 10px; }

#detailed-info { width: 100%; }

#detailed-info > div { border: solid 1px #e4e4e4; border-radius: 5px; box-sizing: border-box; padding: 15px 15px; margin-bottom: 10px; background-color: #fff; }

.price-error-visible { box-sizing: border-box; padding: 0 18px; width: 100%; }

.sum-text, #current-custom_price-text, .table.booking-information-table td.sum-text { font-size: 20px; }

table.price-preview { margin-left: 0; }

table.price-preview tr td { padding: 2px 0; }

.sum-text small { font-size: 12px; }

#form-warning-text { margin: 0; }

table.price-preview { margin-left: 0; }

table.price-preview tr td { padding: 2px 0; }

table.price-preview tr td:first-of-type { width: 130px; display: inline-block; }

.table.booking-information-table { margin-bottom: 0; }

.table.booking-information-table tbody { border-top: 8px solid transparent; border-bottom: none; }

.table.booking-information-table td { border-top: none; }

#additional_prices { border-top: none; }

.table.booking-information-table td { font-size: 14px; line-height: 20px; padding: 2px; }

.table.booking-information-table tr td:first-of-type { padding-right: 10px; }

.table.booking-information-table tr td:last-of-type > span { background-color: #eee; display: inline-block; padding: 0px 5px; border: solid 1px #e4e4e4; border-radius: 5px; font-size: 12px; }

.table.booking-information-table legend { margin-top: 10px; margin-bottom: 10px !important; text-align: left; }

#booking-info legend { margin-top: 10px; margin-bottom: 10px !important; text-align: left; }

#booking-info legend:first-of-type:not(.margin-top) { margin-top: 0px; }

#vehicle span, #booking-dates, #location span, #kilometers tr td:last-of-type:not(.empty) span, #additional_prices tr td:last-of-type:not(.empty) span, #current-price-text:not(.empty) span { position: relative; background-color: #eee; display: inline-block; padding: 0px 5px; border: solid 1px #e4e4e4; border-radius: 5px; font-size: 12px; }

#information-box #vehicle, #location { position: relative; overflow: visible !important; }

#booking-dates { position: relative; left: 0; }

#current-price-text:not(.empty) span { background-color: #20a0d2; color: #fff; border-color: #20a0d2; font-size: 16px; outline: 0 none; }

#information-box #location { margin: 7px 0; }

/* Step 2 */
#additional_rate_checkboxes > .additional_rate_wrapper { overflow: hidden; /*margin-bottom: 10px;*/ display: table; border-spacing: 10px 10px; width: 100%; table-layout: fixed; }

#additional_rate_checkboxes > .additional_rate_wrapper > .additional_rate_checkbox_wrapper { height: auto; overflow: hidden; /*float: left;*/ width: 50%; box-sizing: border-box; padding: 0 10px; border: solid 1px #e4e4e4; border-radius: 5px; box-sizing: border-box; display: table-cell; vertical-align: top; -webkit-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }

#additional_rate_checkboxes > .additional_rate_wrapper > .additional_rate_checkbox_wrapper:hover { background: #f7f7f7; border: solid 1px #c8c8c8; }

#additional_rate_checkboxes > .additional_rate_wrapper > .additional_rate_checkbox_wrapper > div { padding: 20px 20px; margin-bottom: 10px; text-align: center; cursor: pointer !important; }

#additional_rate_checkboxes > .additional_rate_wrapper .additional_ceckbox_text, #additional_rate_checkboxes > .additional_rate_wrapper .additional_ceckbox_image { padding-top: 10px; }

#additional_rate_checkboxes > .additional_rate_wrapper > .additional_rate_checkbox_wrapper > div > h3 { margin: 0px; }

#additional_rate_checkboxes > .additional_rate_wrapper > .additional_rate_checkbox_wrapper > div > p { margin-bottom: 20px; font-size: 12px; line-height: 15px; }

#additional_rate_checkboxes > .additional_rate_wrapper > .additional_rate_checkbox_wrapper img { width: 202px; }

#additional_rate_checkboxes .checkbox { padding: 0 25px !important; }

#additional_rate_checkboxes .checkbox label { font-size: 18px; padding-left: 0; width: 100%; float: none; text-align: center; }

#additional_rate_checkboxes .checkbox input { /*  float: none; width: 30px; height: 30px;*/ position: absolute; left: 0; top: 0; }

#additional_rate_checkboxes .form-control-feedback { display: none !important; }

#additional_rate_checkboxes .agb-checkbox .checkbox label { /*float: right;*/ width: auto; /*padding-top: 10px;*/ font-size: 14px; text-align: left; }

#additional_rate_checkboxes .agb-checkbox .checkbox input { float: right; width: auto; }

#additional_rate_checkboxes #additional_rate_ddff img { margin: -16px 0 10px 0; }

#additional_rate_checkboxes > .additional_rate_wrapper > .additional_rate_checkbox_wrapper.checkbox_protection { border: solid 1px #D9534F; background: #faeaea; }

#additional_rate_checkboxes > .additional_rate_wrapper > .additional_rate_checkbox_wrapper.checkbox_protection.success { border: solid 1px #5CB85C; background: #ebf6eb; }

.checkbox { display: inline-block; overflow: hidden; box-sizing: border-box; }

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { padding: 0; }

.radio label, .checkbox label { float: right; margin-right: 0; padding-left: 10px; }

input[name='house_number'], input[name='deviant_driver_house_number'], input[name='additional_driver_house_number'] { padding-right: 25px !important; }

.radio label, .checkbox label { margin-top: 0 !important; }

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { float: left; position: relative; display: inline-block; cursor: pointer; margin-top: 1px; }

.col-lg-10 { width: 83%; float: left; }

/* Step 3 */
.divider { border-bottom: 0; text-align: center; }

.booking-overview-row { width: 100%; }

.booking-overview-container { width: 48%; float: left; }

.booking-overview-container:nth-of-type(1n+2) { margin-left: 4%; }

.booking-overview-container h5 { width: 100%; display: block; margin-bottom: 0; }

.booking_overview { width: 100% !important; }

.booking_overview tr td:first-of-type { width: 35% !important; }

/* Kaution Hinterlegen */
body#body-iframe legend { border-bottom: 0 !important; text-align: center !important; }

/* Carlchen Beschreibungen */
.carlchen-desc h3 { text-align: center; width: 100%; text-align: center; width: 100%; }

.carlchen-desc p { padding: 0px 10px 0px 10px; }

.carlchen-desc div { width: 25%; float: left; padding: 15px 10px 15px 10px; display: border-box; }

.carlchen-desc div img { width: 100%; }

/*++++++++++++ GOOGLE MAPS +++++++++++++*/
.google-map-wrapper { position: relative; height: 500px; margin-bottom: 35px; }

.google-map-wrapper #googleMap { height: 100%; }

.google-map-wrapper #sidebar-wrapper { position: absolute; z-index: 1; background-color: rgba(255, 255, 255, 0.95); max-width: 350px; height: auto; max-height: 91%; left: 10px; top: 10px; overflow-y: auto; box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3); }

.google-map-wrapper #sidebar-wrapper #sidebar-heading { background: #1cace4; color: #fff; padding: 7px 15px; }

.google-map-wrapper #sidebar-wrapper ul { margin: 0; padding: 0; list-style: none; max-width: 350px; }

.google-map-wrapper #sidebar-wrapper ul li { cursor: pointer; padding: 10px 15px; border-top: 1px solid #e4e4e4; }

.google-map-wrapper #sidebar-wrapper ul li::after { content: ''; clear: both; display: block; }

.google-map-wrapper #sidebar-wrapper ul li .info-wrapper { float: left; }

.google-map-wrapper #sidebar-wrapper ul li .location-name { width: 100%; color: #1cace4; font-size: 16px; display: block; }

.google-map-wrapper #sidebar-wrapper ul li .location-address { font-size: 12px; display: none; }

.gm-style-iw { top: 0; left: 0; }

.infoWindowContentWrapper { box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3); }

.infoWindowContentWrapper .locationHeading, .infoWindowContentWrapper .locationInfo { font-size: 12px; color: #253351; text-align: center; }

.infoWindowContentWrapper .locationHeading { background: #ebad2f; padding: 10px 15px; position: relative; }

.infoWindowContentWrapper .locationHeading::before { content: ""; display: block; width: 0; height: 0; left: -8px; top: 50%; margin-top: -8px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #ebad2f; position: absolute; }

.infoWindowContentWrapper .locationInfo { background: #fff; padding: 15px 15px; border-bottom: 2px solid #1cace4; -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.infoWindowContentWrapper .locationInfo span { display: block; white-space: nowrap; padding-bottom: 3px; }

.gMaps-button, div#fd.eb.mod_easybloglatestblogs .eb-mod-foot .mod-cell a { background: #002851; color: #fff; width: 100%; min-width: 95px; padding: 5px; margin-top: 10px; display: inline-block; box-sizing: border-box; border-radius: 3px; font-weight: normal; cursor: pointer; border: none; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.gMaps-button:hover, div#fd.eb.mod_easybloglatestblogs .eb-mod-foot .mod-cell a:hover { background: #043d69; }

.sidebar-item-city .gMaps-button, .sidebar-item-city div#fd.eb.mod_easybloglatestblogs .eb-mod-foot .mod-cell a, div#fd.eb.mod_easybloglatestblogs .eb-mod-foot .mod-cell .sidebar-item-city a, .sidebar-item-district .gMaps-button, .sidebar-item-district div#fd.eb.mod_easybloglatestblogs .eb-mod-foot .mod-cell a, div#fd.eb.mod_easybloglatestblogs .eb-mod-foot .mod-cell .sidebar-item-district a { float: right; font-size: 12px; padding: 5px 20px; margin-top: -5px; margin-left: 20px; min-width: auto; width: auto; }

/********/
/* Blog */
/********/
div#fd.eb.eb-view-entry, div#fd.eb.eb-view-tags, div#fd.eb.eb-view-latest { margin-top: -90px; }

div#fd.eb.mod_easybloglatestblogs .mod-item { background: #fff; border-bottom: 2px solid #e4e4e4; }

div#fd.eb.mod_easybloglatestblogs .eb-mod-thumb { margin-top: 0; margin-bottom: 0; background: #e4e4e4; }

div#fd.eb.mod_easybloglatestblogs .eb-mod-thumb .eb-mod-image-cover { border: none; }

div#fd.eb.mod_easybloglatestblogs .eb-mod-thumb .eb-mod-image-cover::before { display: none; }

div#fd.eb.mod_easybloglatestblogs .eb-mod-context > .eb-mod-title, div#fd.eb.mod_easybloglatestblogs .eb-mod-context > .mod-cell, div#fd.eb.mod_easybloglatestblogs .eb-mod-context > .eb-mod-body { padding: 0 15px; }

div#fd.eb.mod_easybloglatestblogs .eb-mod-context > .eb-mod-title { padding: 15px 15px 5px 15px; }

div#fd.eb.mod_easybloglatestblogs .eb-mod-context > .eb-mod-body { padding: 10px 15px 10px 15px; }

div#fd.eb.mod_easybloglatestblogs .eb-mod-context > .eb-mod-title, div#fd.eb.mod_easybloglatestblogs .eb-mod-context .eb-mod-media-title { font-size: 19px; font-weight: normal; }

div#fd.eb.mod_easybloglatestblogs .eb-mod-foot { padding: 0 15px 10px 15px; text-align: center; }

div#fd.eb.mod_easybloglatestblogs .eb-mod-foot .mod-cell { line-height: normal; display: inline-block; }

div#fd.eb.mod_easybloglatestblogs .eb-mod-foot .mod-cell a { margin-top: 0; text-align: center; }

div#fd.eb.mod_easybloglatestblogs .mod-items-grid { margin-left: 0; margin-right: 0; margin-bottom: 0; }

div#fd.eb.mod_easybloglatestblogs .mod-items-grid > .mod-grid { padding-left: 10px; padding-right: 10px; width: 25% !important; }

div#fd.eb .btn { min-width: 110px; min-height: 40px; padding: 0 10px; font-size: 14px; text-align: center; text-decoration: none; line-height: 40px; font-weight: 400; color: #fff; background-color: #002851; vertical-align: baseline; opacity: 1; border-radius: 3px; display: inline-block; cursor: pointer; border: none; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #fff !important; background-color: #002851 !important; padding: 0; }

div#fd.eb .btn:hover { background-color: #003060; text-decoration: none; }

div#fd.eb .btn:hover { background-color: #003060 !important; }

div#fd.eb .eb-post-thumb .eb-post-image { border: none; padding: 0; }

div#fd.eb .eb-section-heading { border-bottom: 0; }

div#fd.eb .eb-entry-related > div { border-bottom: 2px solid #d7d7d7; padding: 0; margin: 15px; background: #f7f7f7; }

div#fd.eb .eb-entry-related > div h3 a { font-size: 19px; font-weight: normal; padding: 5px 15px 0px 15px; }

div#fd.eb .eb-entry-related > div .text-muted { padding: 0 15px 5px 15px; }

div#fd.eb .eb-entry-related.w480 > div { width: 48%; }

div#fd.eb .eb-entry-related.w480 > div:nth-of-type(2n+1) { margin: 15px 2% 15px 0; }

div#fd.eb .eb-entry-related.w480 > div:nth-of-type(2n+2) { margin: 15px 0 15px 2%; }

div#fd.eb .cell-tags span a { color: #fff; background-color: #20a0d2; padding: 2px 7px; border-radius: 18px; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

div#fd.eb .cell-tags span a:hover { background-color: #1d8fbc; }

div#fd.eb .cell-tags span::after { display: none; }

div#fd.eb.eb-layout-tag .eb-post-avatar, div#fd.eb.eb-layout-tag .eb-post-author, div#fd.eb.eb-layout-tag .eb-post-type, div#fd.eb.eb-layout-tag .eb-post-category, div#fd.eb.eb-layout-tag .eb-post-hits { display: none; }

div#fd.eb.eb-layout-tag .eb-tag { border: none; margin-bottom: 0; }

div#fd.eb.eb-layout-tag .eb-tag .eb-tag-head { padding: 20px 25px; background: transparent; border-bottom: none; border-radius: 0; }

div#fd.eb.eb-layout-tag .eb-tag .eb-tag-head a { color: #fff; background-color: #20a0d2; padding: 2px 7px; border-radius: 18px; line-height: 15px; font-weight: 400; }

div#fd.eb.eb-layout-tag .eb-tag .eb-tag-head a span { padding: 0; }

div#fd.eb.eb-layout-tag .eb-tag .eb-tag-head a span i.fa-tag { margin-right: 5px; }

div#fd.eb.eb-layout-tag .eb-tag .eb-tag-bio { display: none; }

/*++++++++++++++
MEDIA QUERIES
+++++++++++++++*/
@media all and (max-width: 992px) { .container { width: 100%; }
  #booking-form label { padding: 0 15px; text-align: left; }
  #booking-form #additional_rate_checkboxes .checkbox label { padding: 0; text-align: center; }
  #booking-form #additional_rate_checkboxes .agb-checkbox .checkbox label { text-align: left; }
  #slide-contact .accordion-group { width: 100%; margin-right: 0%; }
  .col-lg-10 { width: 100%; float: left; } }

@media all and (max-width: 970px) { .body-frontend .content-960 { margin: 280px auto 0 auto; }
  .body-frontend .content-960 div#fd.eb.eb-view-entry, .body-frontend .content-960 div#fd.eb.eb-view-tags, .body-frontend .content-960 div#fd.eb.eb-view-latest { margin-top: -210px; }
  .content-960 { padding: 0 15px; box-sizing: border-box; }
  .availability-search .content-960 { padding-left: 0; padding-right: 0; }
  .content-960 img { max-width: 100%; }
  #headerWrapper { margin-left: 0; left: 0; text-align: center; }
  #header .nav, #header .moduletable_menu, #header .moduletable { float: none; display: inline-block; }
  #header #logo-menu.nav li a.logo img, #header .nav li a.home img { top: -9px; }
  .descLogoWrapper > img { padding: 0 20px; box-sizing: border-box; }
  #searchForm, #shortForm { text-align: center; line-height: 0; }
  #SearchInputContainer, #shortForm form { display: inline-block; text-align: left; }
  #endDateInput .styledText, #shortForm #place { margin-right: 0; }
  #category_chosen { clear: left; }
  #shortForm form > #category_chosen, #shortForm form > #place_chosen { margin-top: 20px; }
  #shortForm #startDateInput .border, #shortForm .category_place_container .border { right: 52px; }
  #endDateInput .border { right: 41px; }
  #shortForm .border, #shortForm .category_place_container:last-of-type .border { right: 41px; }
  #submitSearchContainer { float: left; width: 100%; text-align: center; margin-bottom: 80px; }
  #submitSearchContainer2 { clear: both; overflow: hidden; }
  #submitSearch { /*margin-left: 0;*/ margin: 20px auto 0 auto !important; display: block; }
  #submitSearchContainer #submitSearch { margin-top: 20px; }
  #shortForm .category_place_container { margin-top: 20px; }
  #shortForm .styledText { background: #fff url("../images/input_bg_calender.png") no-repeat scroll 94% 14px; width: 188px !important; }
  #shortForm .styledSelect { width: 188px !important; }
  #shortForm #category_chosen, #shortForm #place_chosen { width: 250px !important; }
  #shortForm #submitSearchContainer { float: none; margin-bottom: 0; }
  .container-car-infos { padding-right: 10px; }
  .result-car { text-align: center; }
  .car-price-wrapper, .car-pictograms { width: 100%; float: left; }
  .contact .accordion .accordion-group { width: 100%; float: none; margin-right: 0; }
  .container-gradient-bottom, div#fd.eb .eb-post-content, div#fd.eb .eb-entry { padding: 15px 25px 20px 25px; }
  table.preise { margin: 0 auto; width: 100%; }
  .tarife-info { padding-top: 5px; margin-top: 0px; }
  #footer .contentInner { padding: 0 15px 25px 15px; }
  #location-sidebar { margin-bottom: 15px; width: 100%; }
  #result-container { width: 100%; padding-left: 0; }
  #location-sidebar .info-block, #location-sidebar .location-map { width: 33.33%; float: left; padding: 0 15px; } }

@media all and (max-width: 900px) { .container-gradient-bottom .container-image-1, div#fd.eb .eb-post-content .container-image-1, div#fd.eb .eb-entry .container-image-1 { margin: 0; padding: 20px 0 0; width: 100%; float: none; text-align: center; }
  .container-gradient-bottom .container-image-1 img, div#fd.eb .eb-post-content .container-image-1 img, div#fd.eb .eb-entry .container-image-1 img { width: 240px; }
  .container-gradient-bottom .container-text-2, div#fd.eb .eb-post-content .container-text-2, div#fd.eb .eb-entry .container-text-2 { width: 100%; float: none; box-sizing: border-box; padding: 15px 15px 35px 15px; margin: 0; text-align: center; }
  .klimaschutz .content-960 img { max-width: 50%; } }

@media all and (max-width: 860px) { /*    #footer .contentInner { text-align: center; padding: 0 0 15px 0; } #footer .nav { text-align: left; display: inline-block; clear: both; } #payPics { float: none; display: inline-block; } #payPics .clear, #payPics img { clear: none; float: left; } #copyright, #behindYou { float: none; }*/
  #information-box legend { font-size: 20px; }
  .sum-text, #current-custom_price-text { font-size: 22px; }
  .month-view-container .month-calendar-table-container { margin: 10px 0px 10px 13px; } }

@media all and (max-width: 800px) { #header { overflow: visible; }
  #header .nav.menu#main-nav { box-shadow: 0px 8px 6px -6px #EEE; max-height: 0; overflow: hidden; -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg); -moz-transform: perspective(400px) rotate3d(1, 0, 0, -90deg); -o-transform: perspective(400px) rotate3d(1, 0, 0, -90deg); transform: perspective(400px) rotate3d(1, 0, 0, -90deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition: 350ms; -moz-transition: 350ms; -o-transition: 350ms; transition: 350ms; }
  #header .nav.menu#main-nav.open { overflow-y: auto; -webkit-transform: perspective(400px) rotate3d(0, 0, 0, 0); -moz-transform: perspective(400px) rotate3d(0, 0, 0, 0); -o-transform: perspective(400px) rotate3d(0, 0, 0, 0); transform: perspective(400px) rotate3d(0, 0, 0, 0); }
  #header .nav li .nav-child { position: static; width: 100%; border: none; background: #f7f7f7; }
  #header .nav li .nav-child li a { line-height: 50px; }
  #header .nav li:hover .nav-child { display: none; }
  #header .nav li.parent { padding-right: 0; }
  #header .nav li.parent::after { font-size: 20px; right: 17px; }
  #header .nav.menu { float: none; display: block; width: 100%; height: auto; background: #fff; }
  #header .moduletable { float: none; display: block; width: 100%; height: auto; background: #fff; }
  #header .moduletable_menu { float: none; display: block; width: 100%; height: auto; background: #fff; }
  #header .moduletable_menu .nav.menu { float: left; }
  #header .nav.menu li { width: 100%; height: auto; float: none; }
  #header .nav#main-nav li:first-of-type { margin-top: 20px; }
  #header .nav#main-nav li .nav-child li:first-of-type { margin-top: 0; }
  #header .nav.menu li a { width: 100%; display: block; padding: 0; }
  #header .nav.menu li a.home { display: none; }
  #header .nav#logo-menu { width: auto; display: inline-block; padding: 0; margin-left: -58px; }
  #header .nav#logo-menu li a.logo { border-width: 6px 0 0 0; width: 80px; }
  #header .nav#logo-menu li a.logo img { top: 0; }
  #header .nav li a.home img { top: 0; }
  #menu-hamburger-toggle { display: block; }
  .formWrapper { float: left; }
  #promotion-banner { margin: -50px auto -30px auto; position: static; float: left; width: 100%; }
  #promotion-banner .custom { margin: 0px auto 0 auto; }
  figure.pull-center { float: none; text-align: center; margin: 1em 0; }
  .month-view-container .month-calendar-table-container { margin: 10px 0px 10px 30px; }
  .month-view-container .month-calendar-table-container:nth-of-type(3n+1) { margin: 10px 0px 10px 30px; }
  .month-view-container .month-calendar-table-container:nth-of-type(2n+1) { margin: 10px 0px 10px 0px; }
  div#fd.eb.mod_easybloglatestblogs .mod-items-grid > .mod-grid { width: 50% !important; } }

@media all and (max-width: 768px) { .cc_container .cc_message { margin-top: 0 !important; font-size: 14px !important; }
  body > .container { padding-top: 160px; }
  .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; }
  .booking-container .form-wrapper { width: 100%; }
  .booking-container .col-lg-6.col-lg-offset-1 { width: 100%; margin-left: 0; }
  #information-box { position: fixed; top: 20px; left: 0; width: 100%; min-width: 320px; margin: 0; /*background-color: $color-yellow;*/ background-color: #fff; box-shadow: 0px 8px 6px -6px #EEE; padding: 10px 10px; z-index: 99; -webkit-transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; -ms-transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; -moz-transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; -o-transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; }
  .picker__select--month, .picker__select--year { font-size: 12px; height: 42px !important; }
  .picker__nav--next, .picker__nav--prev { top: 0; }
  #booking-form .checkbox label { width: 100%; padding: 0 20px; }
  #booking-form .additional_rate_checkbox_wrapper .checkbox label { text-align: center; }
  table.price-preview tr td { padding-top: 0; padding-bottom: 0; }
  #information-box.error { background-color: #D9534F; }
  #information-box.error #form-warning-text { color: #fff; }
  #information-box table { width: 100%; }
  #booking-info-table tr td:first-of-type, .price-error-visible table tr td:first-of-type { text-align: left; }
  #booking-info-table tr td:last-of-type { text-align: right; }
  .price-error-visible table tr td:last-of-type { text-align: right; }
  .price-error-visible table.price-preview tr td:first-of-type { width: 70%; text-align: right; }
  /*#information-box .price-error-visible tr td:first-of-type {
color: $color-white;
}*/
  .sum-text { font-size: 20px; }
  #googleMapModal .modal-dialog { width: auto; } }

@media all and (max-width: 700px) { .descText { /*font-size: 0;*/ padding-bottom: 40px; }
  .descText .prozessHeadline { margin-bottom: 20px; }
  .buchungsprozess { width: 100%; display: inline-block; vertical-align: top; padding: 0 5%; box-sizing: border-box; }
  .prozessText { width: 100%; /*text-align: justify;*/ }
  /* .buchungsprozess:nth-child(2n+1) { padding-right: 10px; } .buchungsprozess:nth-child(2n+2) { padding-left: 10px; } .buchungsprozess:nth-child(2n) { background: transparent; }*/
  #location-sidebar .info-block.result-list { width: 50%; float: left; padding: 0 15px; }
  #location-sidebar .map-adress-group { width: 50%; float: left; padding: 0 15px; }
  #location-sidebar .map-adress-group .info-block { width: 100%; padding: 0; }
  #location-sidebar .map-adress-group .location-map { width: 100%; padding: 0; margin-bottom: 0; } }

@media all and (max-width: 610px) { .days { width: 88.5%; }
  .cal-week { margin-right: 0; }
  .calendar-legend { padding: 0 15px; }
  .price-desktop { display: none; }
  .price-mobile { display: block; }
  .booking-overview-container { width: 100%; float: left; }
  .booking-overview-container:nth-of-type(1n+2) { margin-left: 0; }
  .container-car-infos { width: 100%; margin-bottom: 25px; }
  .container-car-infos > div:not(.heading-wrapper) { width: 50%; }
  .container-calendar { width: 100%; padding: 0; } }

@media all and (max-width: 600px) { .body-frontend .content-960 { margin: 400px auto 0 auto; }
  .body-frontend .content-960 div#fd.eb.eb-view-entry, .body-frontend .content-960 div#fd.eb.eb-view-tags, .body-frontend .content-960 div#fd.eb.eb-view-latest { margin-top: -330px; }
  .car { width: 50%; }
  .car:nth-child(n+4) { padding-top: 0; }
  .car:nth-child(n+4) .headlineWrapper { top: 0; }
  .car:nth-child(n+3) { padding-top: 10px; }
  .car:nth-child(n+3) .headlineWrapper { top: 10px; }
  #startDateInput, #endDateInput, #place_chosen, #category_chosen, .category_place_container { clear: both; }
  #SearchInputContainer input, #place_chosen, #category_chosen, #place, #category { margin-right: 0; }
  #shortForm .styledText, #shortForm #place_chosen, #shortForm #category_chosen, #shortForm #category { margin-right: 0; }
  #startDateInput .border, #endDateInput .border, #shortForm #startDateInput .border, .category_place_container .border, #shortForm .category_place_container .border { right: 41px; }
  #endDateInput, #shortForm #endDateInput { margin-top: 20px; }
  .container-offer { width: 100%; }
  .car-gallery a.gallery-link { width: 49%; float: left; margin-right: 2%; }
  .car-gallery a.gallery-link:nth-of-type(2n+2) { margin-right: 0; }
  .car-attribute-container { width: 100%; }
  .car-attribute-container .car-attribute-description { padding-right: 0; }
  .car-measurements-container .car-measurement-wrapper { max-width: 100%; width: 306.5px; margin: 0 auto 20px auto; float: none; }
  .cd-tabs-navigation.page-menu .moduletable { float: left; width: 100%; }
  .cd-tabs-navigation.page-menu li { float: left; width: 100%; margin-bottom: 2px; }
  .booking-container { margin-top: 20px; }
  figure.pull-center img { width: 90%; }
  /* ======================
Buchungsprozess
=========================  */
  #additional_rate_checkboxes > .additional_rate_wrapper > .additional_rate_checkbox_wrapper { width: 100%; display: block; margin-bottom: 20px; }
  #additional_rate_checkboxes .checkbox { padding: 0 25px !important; }
  #additional_rate_AGB .col-left-50 { width: 100%; float: none; }
  /* ======================
Partner
=========================  */
  .col-1-3 { width: 100%; float: left; text-align: center; padding-bottom: 25px; }
  .col-2-3 { width: 100%; }
  .carlchen-desc div { width: 50%; }
  .month-view-container .month-calendar-table-container { margin: 10px 0px 10px 10px; }
  .month-view-container .month-calendar-table-container:nth-of-type(3n+1) { margin: 10px 0px 10px 10px; }
  .google-map-wrapper { height: auto; }
  .google-map-wrapper #googleMap { height: 350px; display: none; }
  .google-map-wrapper #googleMap.selected { display: block; }
  .google-map-wrapper #sidebar-wrapper { max-height: auto; width: 100%; max-width: 100%; display: none; position: static; }
  .google-map-wrapper #sidebar-wrapper.selected { display: block; }
  .google-map-wrapper #sidebar-wrapper #sidebar-heading { display: none; }
  .google-map-wrapper #sidebar-wrapper ul { width: 100%; max-width: 100%; }
  .google-map-wrapper #sidebar-wrapper ul li { width: 100%; box-sizing: border-box; display: none; }
  .google-map-wrapper #sidebar-wrapper ul li .info-wrapper { width: 70%; }
  .sidebar-item-city .gMaps-button, .sidebar-item-city div#fd.eb.mod_easybloglatestblogs .eb-mod-foot .mod-cell a, div#fd.eb.mod_easybloglatestblogs .eb-mod-foot .mod-cell .sidebar-item-city a, .sidebar-item-district .gMaps-button, .sidebar-item-district div#fd.eb.mod_easybloglatestblogs .eb-mod-foot .mod-cell a, div#fd.eb.mod_easybloglatestblogs .eb-mod-foot .mod-cell .sidebar-item-district a { float: right; margin: 10px auto; }
  .google-map-wrapper #sidebar-wrapper ul li.visible-mobile { display: block; }
  .google-map-wrapper #sidebar-wrapper ul li.visible-mobile .location-address { display: block; } }

@media all and (max-width: 555px) { .month-view-container .month-calendar-table-container { width: 100%; height: auto; margin: 10px 0px 10px 0px; float: left; }
  .month-view-container .month-calendar-table-container:nth-of-type(3n+1), .month-view-container .month-calendar-table-container:nth-of-type(2n+1) { width: 100%; height: auto; margin: 10px 0px 10px 0px; float: left; }
  table.month-calendar { margin: 0 auto; }
  td.month-calendar-day { height: 40px; }
  * html div.month-calendar-day, * html div.month-calendar-day-np { height: 40px; }
  td.month-calendar-day-np { height: 40px; }
  td.month-calendar-day-head { width: 40px; }
  .month-day-number { line-height: 40px; } }

@media all and (max-width: 500px) { #location-sidebar .info-block { width: 100%; float: left; padding: 0 15px; }
  #location-sidebar .info-block.result-list { width: 100%; float: left; padding: 0 15px; }
  #location-sidebar .map-adress-group { width: 100%; float: left; padding: 0 15px; } }

@media all and (max-width: 450px) { .car-price-wrapper, .location-sketch-wrapper { width: 100%; display: inline-block; }
  .container-calendar { text-align: center; }
  .container-calendar h3 { margin: 0 0 0 15px; }
  .form-group .nopadding:not(.info-group) > div[class^='col-'] { width: 100%; margin-bottom: 10px; }
  .form-group .nopadding div[class^='col-'].error { margin-bottom: 0; }
  #footer ul { text-align: center; }
  #footer .parent li { width: 100%; box-sizing: border-box; padding: 0; text-align: center; }
  #scroll-top { right: 5px; bottom: 5px; }
  .container-car-infos > div:not(.heading-wrapper) { width: 100%; }
  div#fd.eb.mod_easybloglatestblogs .mod-items-grid > .mod-grid { padding-left: 0; padding-right: 0; width: 100% !important; } }

@media all and (max-width: 400px) { .days { width: 83.5%; margin-left: 16%; }
  .time { width: 16%; }
  .cal-week { display: none; }
  .container-calendar h3 { float: right; margin: 0; }
  .offer .info-highlight { width: 92%; margin: 0 4% 10px 4% !important; }
  .google-map-wrapper #sidebar-wrapper ul li .info-wrapper { width: 60%; }
  div#fd.eb .eb-entry-related.w480 > div { width: 100%; }
  div#fd.eb .eb-entry-related.w480 > div:nth-of-type(2n+1), div#fd.eb .eb-entry-related.w480 > div:nth-of-type(2n+2) { margin: 15px 0; } }

@media all and (max-width: 365px) { .body-frontend .btn-default, #body-iframe .btn-default, #blueButton, .blueButton, .body-frontend .btn-success, #body-iframe .btn-success, #yellowButton, .yellowButton, #submitSearch, #dblueButton, .dblueButton, .btn { min-width: 80px; }
  #body-iframe .btn-success { margin-left: 0 !important; float: left !important; }
  .car { width: 100%; }
  .car:nth-child(n+3) { padding-top: 0; }
  .car:nth-child(n+3) .headlineWrapper { top: 0; }
  .car:nth-child(n+2) { padding-top: 10px; }
  .car:nth-child(n+2) .headlineWrapper { top: 10px; }
  .buchungsprozess { width: 100%; margin-bottom: 20px; }
  .buchungsprozess:nth-child(2n+1) { padding-right: 20px; }
  .buchungsprozess:nth-child(2n+2) { padding-left: 20px; }
  #footer .parent { width: 100%; }
  .booking_overview tr td:first-of-type { width: 40% !important; } }