/* Clearfix: contain floats  For modern browsers 1. The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that receive the `clearfix` class. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. */
.clearfix, .steps, .insurance-form .items, .insurance-form dl, .insurance-form .item .notice, .insurance-form .item.text .element, .intro-area, .people .elm, .people article.full-width .col, .company .numbers, .content.history > article, .honors .elm, .article.glossary .alphabet, .article.glossary .head-letter, .menulayer, .slides, .slides-bullets, .slides-thumbs, #search section ul, .box-container, aside, .contract-overview, .grid-wrapper, .teaser-container, .home .box-container, .home #slides-container, #detail .article section, .searchresults aside ul, footer, footer.footer-1st nav { *zoom: 1; /* for IE 6/7 only */ }
.clearfix:before, .steps:before, .insurance-form .items:before, .insurance-form dl:before, .insurance-form .item .notice:before, .insurance-form .item.text .element:before, .intro-area:before, .people .elm:before, .people article.full-width .col:before, .company .numbers:before, .content.history > article:before, .honors .elm:before, .article.glossary .alphabet:before, .article.glossary .head-letter:before, .menulayer:before, .slides:before, .slides-bullets:before, .slides-thumbs:before, #search section ul:before, .box-container:before, aside:before, .contract-overview:before, .grid-wrapper:before, .teaser-container:before, .home .box-container:before, .home #slides-container:before, #detail .article section:before, .searchresults aside ul:before, footer:before, footer.footer-1st nav:before, .clearfix:after, .steps:after, .insurance-form .items:after, .insurance-form dl:after, .insurance-form .item .notice:after, .insurance-form .item.text .element:after, .intro-area:after, .people .elm:after, .people article.full-width .col:after, .company .numbers:after, .content.history > article:after, .honors .elm:after, .article.glossary .alphabet:after, .article.glossary .head-letter:after, .menulayer:after, .slides:after, .slides-bullets:after, .slides-thumbs:after, #search section ul:after, .box-container:after, aside:after, .contract-overview:after, .grid-wrapper:after, .teaser-container:after, .home .box-container:after, .home #slides-container:after, #detail .article section:after, .searchresults aside ul:after, footer:after, footer.footer-1st nav:after { content: " "; /* 1 */ display: table; /* 2 */ }
.clearfix:after, .steps:after, .insurance-form .items:after, .insurance-form dl:after, .insurance-form .item .notice:after, .insurance-form .item.text .element:after, .intro-area:after, .people .elm:after, .people article.full-width .col:after, .company .numbers:after, .content.history > article:after, .honors .elm:after, .article.glossary .alphabet:after, .article.glossary .head-letter:after, .menulayer:after, .slides:after, .slides-bullets:after, .slides-thumbs:after, #search section ul:after, .box-container:after, aside:after, .contract-overview:after, .grid-wrapper:after, .teaser-container:after, .home .box-container:after, .home #slides-container:after, #detail .article section:after, .searchresults aside ul:after, footer:after, footer.footer-1st nav:after { clear: both; }

.article:after { content: " "; /* 1 */ display: table; /* 2 */ }
.article:after { clear: both; }

h1, h2, h3, h4, .headline-h1, body, .pushmenu ul li div.menulayer, .price .monthly, .home .mobile-home-container li.damage-report span.headline:after, .kontakt h2, .big, .semibold, .large, .status span, .pushmenu-menu ul.is-root-list a, .pushmenu-menu ul.is-root-list span, .pushmenu-menu ul.is-child-list a, .pushmenu-menu ul.is-child-list span, .pushmenu-menu ul.private span.is-link, .btn, #search section .headline-h3, .insurance-form .item a, .home .mobile-home-container li.damage-report span, .searchresults .headline-h3, .kontakt .content.wrap p a.icon-arrow, .kontakt .dropdown li .damage-report a.icon-arrow, .damage-report section .headline, label.unit, input[placeholder], select, select option, .italic, .people blockquote, .kontakt .dropdown li .headline-h3, .pushmenu, .private-menu ul li.damage-report.is-active, .menulayer .col div span, .breadcrump, .damage-report section a[href^="tel:"], .login form fieldset label, .price, .home .mobile-home-container li.damage-report section a[href^="tel:"], .searchresults #content a.more, .kontakt .dropdown li .damage-report p:first-child span, [class^="data-icon"]:before, [class*=" data-icon"]:before, ul.checkicons li:before, .article.glossary .head-letter .accordion li.is-visible .content li:before, .faq .accordion li.is-visible .content li:before, .private-menu ul li span.is-link:before, a.pushmenu-toggler:before, .pushmenu-menu ul li.damage-report:before, .pushmenu-menu ul li.my-bd:before, .damage-report section a:before, .login .headline:before, .accordion li .content .response a:before, .accordion li.is-visible .accordion-head.bg:before, aside ul li.back-link a:before, .checklist .inner-li:before, .login .checklist li:before, .login .checklist li:first-child:before, .insurance-form .check.checked:before, .items.error .check:before, .home .mobile-home-container li.damage-report:before, .home .mobile-home-container li.damage-report span.headline:before, .kontakt .dropdown li .damage-report p.car-damage:first-child:before, .private-menu ul li span.is-link:after, .pushmenu-menu ul.is-root-list a.arrow:after, .pushmenu-menu ul.is-root-list span.arrow:after, .pushmenu-menu ul.is-child-list a.arrow:after, .pushmenu-menu ul.is-child-list span.arrow:after, .pushmenu-menu ul.private span.is-link.arrow:after, .pushmenu-menu ul li .menulayer:after, .pushmenu-menu ul li a:after, .pushmenu-menu ul li.damage-report:after, .pushmenu-menu ul li.my-bd:after, .pushmenu-menu ul li.damage-report.is-active:after, .pushmenu-menu ul li.my-bd.is-active:after, #search section .headline-h3:first-child:after, .damage-report section .headline:after, .login .headline:after, .tabs li .arrow:after, .accordion li .accordion-head .arrow:after, .accordion li.is-visible .accordion-head .arrow:after, .mfp-close-btn-in .mfp-close:after, .arrow:after, #search:after, #search input:after, .kontakt .dropdown li .headline-h3 .arrow:after, [class^="icon-"]:before, [class*=" icon-"]:before, [class^="icon-"]:after, [class*=" icon-"]:after, ul.vm-doc-list li:before { /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

h1, h2, h3, h4, .headline-h1, body, .pushmenu ul li div.menulayer, .price .monthly, .home .mobile-home-container li.damage-report span.headline:after, .kontakt h2 { font-family: 'thesansosfsemilight', 'Lucida Grande', sans-serif; font-weight: normal; }

h1, h4, .big, .semibold, .large, .status span, .pushmenu-menu ul.is-root-list a, .pushmenu-menu ul.is-root-list span, .pushmenu-menu ul.is-child-list a, .pushmenu-menu ul.is-child-list span, .pushmenu-menu ul.private span.is-link, .btn, #search section .headline-h3, .insurance-form .item a, .home .mobile-home-container li.damage-report span, .searchresults .headline-h3, .kontakt .content.wrap p a.icon-arrow, .kontakt .dropdown li .damage-report a.icon-arrow { font-family: 'thesansosfsemibold', 'Lucida Grande', sans-serif; }

.damage-report section .headline { font-family: 'thesansosfsemilight', 'Lucida Grande', sans-serif; }

label.unit { font-family: 'thesansosfsemilight_italic', 'Lucida Grande', sans-serif; }

input[placeholder], select, select option, .italic, .people blockquote, .kontakt .dropdown li .headline-h3 { font-family: 'thesansosfsemibold_italic', 'Lucida Grande', sans-serif; }

.pushmenu, .private-menu ul li.damage-report.is-active, .menulayer .col div span, .breadcrump, .damage-report section a[href^="tel:"], .login form fieldset label, .price, .home .mobile-home-container li.damage-report section a[href^="tel:"], .searchresults #content a.more, .kontakt .dropdown li .damage-report p:first-child span { font-family: 'thesansosfbold', 'Lucida Grande', sans-serif; }

[class^="data-icon"]:before, [class*=" data-icon"]:before, ul.checkicons li:before, .article.glossary .head-letter .accordion li.is-visible .content li:before, .faq .accordion li.is-visible .content li:before, .private-menu ul li span.is-link:before, a.pushmenu-toggler:before, .pushmenu-menu ul li.damage-report:before, .pushmenu-menu ul li.my-bd:before, .damage-report section a:before, .login .headline:before, .accordion li .content .response a:before, .accordion li.is-visible .accordion-head.bg:before, aside ul li.back-link a:before, .checklist .inner-li:before, .login .checklist li:before, .login .checklist li:first-child:before, .insurance-form .check.checked:before, .items.error .check:before, .home .mobile-home-container li.damage-report:before, .home .mobile-home-container li.damage-report span.headline:before, .kontakt .dropdown li .damage-report p.car-damage:first-child:before, .private-menu ul li span.is-link:after, .pushmenu-menu ul.is-root-list a.arrow:after, .pushmenu-menu ul.is-root-list span.arrow:after, .pushmenu-menu ul.is-child-list a.arrow:after, .pushmenu-menu ul.is-child-list span.arrow:after, .pushmenu-menu ul.private span.is-link.arrow:after, .pushmenu-menu ul li .menulayer:after, .pushmenu-menu ul li a:after, .pushmenu-menu ul li.damage-report:after, .pushmenu-menu ul li.my-bd:after, .pushmenu-menu ul li.damage-report.is-active:after, .pushmenu-menu ul li.my-bd.is-active:after, #search section .headline-h3:first-child:after, .damage-report section .headline:after, .login .headline:after, .tabs li .arrow:after, .accordion li .accordion-head .arrow:after, .accordion li.is-visible .accordion-head .arrow:after, .mfp-close-btn-in .mfp-close:after, .arrow:after, #search:after, #search input:after, .home .mobile-home-container li.damage-report span.headline:after, .kontakt .dropdown li .headline-h3 .arrow:after, [class^="icon-"]:before, [class*=" icon-"]:before, [class^="icon-"]:after, [class*=" icon-"]:after, ul.vm-doc-list li:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; font-size: 14px; text-transform: none; line-height: inherit; }

[class^="data-icon"]:before, [class*=" data-icon"]:before, ul.checkicons li:before, .article.glossary .head-letter .accordion li.is-visible .content li:before, .faq .accordion li.is-visible .content li:before, .private-menu ul li span.is-link:before, a.pushmenu-toggler:before, .pushmenu-menu ul li.damage-report:before, .pushmenu-menu ul li.my-bd:before, .damage-report section a:before, .login .headline:before, .accordion li .content .response a:before, .accordion li.is-visible .accordion-head.bg:before, aside ul li.back-link a:before, .checklist .inner-li:before, .login .checklist li:before, .login .checklist li:first-child:before, .insurance-form .check.checked:before, .items.error .check:before, .home .mobile-home-container li.damage-report:before, .home .mobile-home-container li.damage-report span.headline:before, .kontakt .dropdown li .damage-report p.car-damage:first-child:before { content: attr(data-icon); font-family: 'icons'; display: inline-block; }

.private-menu ul li span.is-link:after, .pushmenu-menu ul.is-root-list a.arrow:after, .pushmenu-menu ul.is-root-list span.arrow:after, .pushmenu-menu ul.is-child-list a.arrow:after, .pushmenu-menu ul.is-child-list span.arrow:after, .pushmenu-menu ul.private span.is-link.arrow:after, .pushmenu-menu ul li .menulayer:after, .pushmenu-menu ul li a:after, .pushmenu-menu ul li.damage-report:after, .pushmenu-menu ul li.my-bd:after, .pushmenu-menu ul li.damage-report.is-active:after, .pushmenu-menu ul li.my-bd.is-active:after, #search section .headline-h3:first-child:after, .damage-report section .headline:after, .login .headline:after, .tabs li .arrow:after, .accordion li .accordion-head .arrow:after, .accordion li.is-visible .accordion-head .arrow:after, .mfp-close-btn-in .mfp-close:after, .arrow:after, #search:after, #search input:after, .home .mobile-home-container li.damage-report span.headline:after, .kontakt .dropdown li .headline-h3 .arrow:after { content: attr(data-icon); font-family: 'icons'; display: inline-block; }

[class^="icon-"]:before, [class*=" icon-"]:before { font-family: 'icons'; display: inline-block; }
[class^="icon-"]:after, [class*=" icon-"]:after { font-family: 'icons'; }

.pushmenu ul li div.menulayer, .slides > li, .csstransitions #search section, .damage-report section, .csstransitions .login, .csstransitions .accordion li.content, header .arrow { opacity: 0; visibility: hidden; -webkit-transition: opacity .5s; transition: opacity .5s; z-index: -1; display: none\9; }

.pushmenu ul li div.menulayer.is-visible, .slides > li.is-visible, .csstransitions #search section.is-visible, .damage-report section.is-visible, .csstransitions .login.is-visible, .csstransitions .accordion li.is-visible .content, header .arrow.is-visible, .faq .content .accordion li.col .content, .faq .content .accordion li.col.is-visible .content { opacity: 1; visibility: visible; -webkit-transition: opacity .5s; transition: opacity .5s; z-index: 104; display: block\9; }

.btn.grey, .login .facebook a { background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#D2D2D2)) repeat scroll 0% 0% transparent; background: -webkit-linear-gradient(top, #F5F5F5 0%, #D2D2D2 100%) repeat scroll 0% 0% transparent; background: linear-gradient(to bottom, #F5F5F5 0%, #D2D2D2 100%) repeat scroll 0% 0% transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF5F5F5', endColorstr='#FFD2D2D2'); }

.btn.grey:hover, .login .facebook a:hover { background: -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#F5F5F5)) repeat scroll 0% 0% transparent; background: -webkit-linear-gradient(top, #D2D2D2 0%, #F5F5F5 100%) repeat scroll 0% 0% transparent; background: linear-gradient(to bottom, #D2D2D2 0%, #F5F5F5 100%) repeat scroll 0% 0% transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD2D2D2', endColorstr='#FFF5F5F5'); }

.pushmenu ul li div.menulayer, .btn.blue, .slides-thumbs li.preview .btn.red, .slides-button, #search section, .login, .productbox.overview.ekomi, .accordion li.is-visible .accordion-head.bg, .accordion li.is-visible .accordion-head.bg:hover, #search, .kontakt .dropdown li .headline-h3 .arrow { background: -webkit-gradient(linear, left top, left bottom, from(#3D79B8), to(#0D57A6)) repeat scroll 0% 0% transparent; background: -webkit-linear-gradient(top, #3D79B8 0%, #0D57A6 100%) repeat scroll 0% 0% transparent; background: linear-gradient(to bottom, #3D79B8 0%, #0D57A6 100%) repeat scroll 0% 0% transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF3D79B8', endColorstr='#FF0D57A6'); }

.btn.blue:hover { background: -webkit-gradient(linear, left top, left bottom, from(#0D57A6), to(#3D79B8)) repeat scroll 0% 0% transparent; background: -webkit-linear-gradient(top, #0D57A6 0%, #3D79B8 100%) repeat scroll 0% 0% transparent; background: linear-gradient(to bottom, #0D57A6 0%, #3D79B8 100%) repeat scroll 0% 0% transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0D57A6', endColorstr='#FF3D79B8'); }

.btn.red, .damage-report section { background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#D70000)) repeat scroll 0% 0% transparent; background: -webkit-linear-gradient(top, #FF0000 0%, #D70000 100%) repeat scroll 0% 0% transparent; background: linear-gradient(to bottom, #FF0000 0%, #D70000 100%) repeat scroll 0% 0% transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFF0000', endColorstr='#FFD70000'); }

.btn.red:hover { background: -webkit-gradient(linear, left top, left bottom, from(#D70000), to(#FF0000)) repeat scroll 0% 0% transparent; background: -webkit-linear-gradient(top, #D70000 0%, #FF0000 100%) repeat scroll 0% 0% transparent; background: linear-gradient(to bottom, #D70000 0%, #FF0000 100%) repeat scroll 0% 0% transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD70000', endColorstr='#FFFF0000'); }

ul.checkicons li, .article.glossary .head-letter .accordion li.is-visible .content li, .faq .accordion li.is-visible .content li { list-style-type: none; }
ul.checkicons li:before, .article.glossary .head-letter .accordion li.is-visible .content li:before, .faq .accordion li.is-visible .content li:before { color: #0D57A6; content: '\e63c'; }

/*! normalize.css v3.0.0 | 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 { 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; -webkit-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, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

select { font-size: inherit; border-radius: none; }

/** 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"] { 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"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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; }

/*@font-face { font-family: 'icons'; src: url("../fonts/BavariaDirekt.eot?313ygk"); src: url("../fonts/BavariaDirekt.eot?#iefix313ygk") format("embedded-opentype"), url("../fonts/BavariaDirekt.woff?313ygk") format("woff"), url("../fonts/BavariaDirekt.ttf?313ygk") format("truetype"), url("../fonts/BavariaDirekt.svg?313ygk#BavariaDirekt") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'product-icons'; src: url("../fonts/BavariaDirektProducts.eot?-jw9kxy"); src: url("../fonts/BavariaDirektProducts.eot?#iefix-jw9kxy") format("embedded-opentype"), url("../fonts/BavariaDirektProducts.woff?-jw9kxy") format("woff"), url("../fonts/BavariaDirektProducts.ttf?-jw9kxy") format("truetype"), url("../fonts/BavariaDirektProducts.svg?-jw9kxy#BavariaDirektProducts") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'thesansosfsemilight'; src: url("../fonts/TheSans_B2_400_.eot"); src: url("../fonts/TheSans_B2_400_.eot?#iefix") format("embedded-opentype"), url("../fonts/TheSans_B2_400_.woff") format("woff"), url("../fonts/TheSans_B2_400_.svg#TheSans_B2_400_") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'thesansosfsemilight_italic'; src: url("../fonts/TheSans_B2_400i.eot"); src: url("../fonts/TheSans_B2_400i.eot?#iefix") format("mbedded-opentype"), url("../fonts/TheSans_B2_400i.woff") format("woff"), url("../fonts/TheSans_B2_400i.svg#TheSans_B2_400i") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'thesansosfsemibold'; src: url("../fonts/TheSans_B2_600_.eot"); src: url("../fonts/TheSans_B2_600_.eot?#iefix") format("embedded-opentype"), url("../fonts/TheSans_B2_600_.woff") format("woff"), url("../fonts/TheSans_B2_600_.svg#TheSans_B2_600_") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'thesansosfsemibold_italic'; src: url("../fonts/TheSans_B2_600i.eot"); src: url("../fonts/TheSans_B2_600i.eot?#iefix") format("embedded-opentype"), url("../fonts/TheSans_B2_600i.woff") format("woff"), url("../fonts/TheSans_B2_600i.svg#TheSans_B2_600i") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'thesansosfbold'; src: url("../fonts/TheSans_B2_700_.eot"); src: url("../fonts/TheSans_B2_700_.eot?#iefix") format("embedded-opentype"), url("../fonts/TheSans_B2_700_.woff") format("woff"), url("../fonts/TheSans_B2_700_.svg#TheSans_B2_700_") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'thesansosfbold_italic'; src: url("../fonts/TheSans_B2_700i.eot"); src: url("../fonts/TheSans_B2_700i.eot?#iefix") format("embedded-opentype"), url("../fonts/TheSans_B2_700i.woff") format("woff"), url("../fonts/TheSans_B2_700i.svg#TheSans_B2_700i") format("svg"); font-weight: normal; font-style: normal; }
[data-icon-notext] { font-size: 0; }*/

h1, .headline-h1 { font-size: 32px; /* Fallback */ font-size: 2.286rem; line-height: 38px; /* Fallback */ line-height: 2.45rem; }
@media only screen and (max-width: 767px) { h1, .headline-h1 { font-size: 26px; /* Fallback */ font-size: 1.857rem; line-height: 32px; /* Fallback */ line-height: 2.286rem; } }

h2, .headline-h2, .headline, .summe { font-size: 22px; /* Fallback */ font-size: 1.571rem; line-height: 28px; /* Fallback */ line-height: 2rem; }

h3, .headline-h3 { font-size: 16px; /* Fallback */ font-size: 1.143rem; line-height: 20px; /* Fallback */ line-height: 1.429rem; }

h4, .headline-h4 { font-size: 14px; /* Fallback */ font-size: 1rem; line-height: 18px; /* Fallback */ line-height: 1.286rem; }

.big { font-size: 50px; font-size: 3.5rem; line-height: 54px; line-height: 3.85rem; }

.large { font-size: 65px; font-size: 4.5rem; line-height: 70px; line-height: 4.85rem; }
@media only screen and (max-width: 767px) { .large { font-size: 50px; font-size: 3.5rem; line-height: 54px; line-height: 3.85rem; } }

.lt-ie9 input[type="password"] { font-family: Arial; font-style: italic; }

[data-icon-notext] span { font-size: 0; }

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/* What follows is the result of much research on cross-browser styling. Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community and team. */
/* ========================================================================== Base styles: opinionated defaults ========================================================================== */
html, button, input, select, textarea { color: #222; }

html { font-size: 14px; line-height: 1.4; }

/* Remove text-shadow in selection highlight: h5bp.com/i These selection rule sets have to be separate. Customize the background color to match your design. */
::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

/* A better looking default horizontal rule */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #D2D2D2; margin: 25px 0 20px; padding: 0; }

/* Remove the gap between images, videos, audio and canvas and the bottom of their containers: h5bp.com/i/440 */
audio, canvas, img, video { vertical-align: middle; }

/* Remove default fieldset styles. */
fieldset { border: 0; margin: 0; padding: 0; }

blockquote { margin: 0; }

/* Allow only vertical resizing of textareas. */
textarea { resize: vertical; }

/* ========================================================================== Browse Happy prompt ========================================================================== */
.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ========================================================================== Author's custom styles ========================================================================== */
/* ========================================================================== Helper classes ========================================================================== */
/* Image replacement */
.ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; }

.ir:before { content: ""; display: block; width: 0; height: 150%; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

.left { float: left; }

.right { float: right; }

/* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */
/* ========================================================================== Author's custom styles ========================================================================== */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.blue { color: #0D57A6; }

.light-blue { color: #86ABD2; }

.grey { color: #919191; }

.red { color: #FF0000; }

.white { color: #fff; }

.center { text-align: center; }

html, body { height: 100%; }

body { background: #fff; color: #414141; }

.pushmenu-wrapper { background: #F5F5F5; }

.content-main { background: #fff; }

.page-wrapper { margin: 0 auto; max-width: 1180px; position: relative; }
@media only screen and (max-width: 768px) { .page-wrapper { background: #fff; } }

.content-wrapper { display: block; margin: -144px auto 0; max-width: 1060px; position: relative; }
.content-wrapper.content { min-height: 400px; min-width: 300px; }
@media only screen and (max-width: 768px) { .content-wrapper { margin: 0 20px; } }

.intro-wrapper { height: 500px; margin-top: 139px; overflow: hidden; background: #fff; }
@media print, (min-width: 768px) and (max-width: 1023px) { .intro-wrapper { height: 360px; } }
.intro-wrapper img { width: 100%; }
@media only screen and (max-width: 767px) { .intro-wrapper { height: 124px; margin-top: 120px; } }

aside { float: left; width: 198px; }
@media print, (min-width: 768px) and (max-width: 1184px) { aside { width: 215px; } }

#content { margin: 40px auto 0; width: 580px; }
@media print, (min-width: 768px) and (max-width: 1023px) { #content { margin-right: 0; width: 100%; } }

h1, .headline-h1 { padding: 50px 0 45px; margin: 20px 0; text-align: center; color: #0D57A6; }
@media only screen and (max-width: 767px) { h1, .headline-h1 { padding-bottom: 0; padding-top: 25px; } }

.headline-h1 { margin: 0 0 20px; padding-top: 40px; }
@media only screen and (max-width: 767px) { .headline-h1 { padding: 20px 0; } }

h2, .headline-h2, .headline { color: #0D57A6; }
h2.is-grey, .headline-h2.is-grey, .headline.is-grey { color: #919191; }
h2.is-white, .headline-h2.is-white, .headline.is-white { color: #fff; }

h3, .headline-h3 { color: #919191; }

h4, .headline-h4 { color: #919191; }

.summary { margin: 0 auto; padding-bottom: 40px; width: 50%; }
@media only screen and (min-width: 1024px) and (max-width: 1279px) { .summary { width: 75%; } }
@media print, (min-width: 768px) and (max-width: 1023px) { .summary { width: 75%; } }
@media only screen and (max-width: 767px) { .summary { width: 100%; } }

.pushmenu { float: left; margin-top: 71px; font-size: 16px; }
.pushmenu *, .pushmenu a:hover { text-decoration: none; }
@media print, (min-width: 768px) and (max-width: 1023px) { .pushmenu { font-size: 14px; } }
@media only screen and (max-width: 767px) { .pushmenu { float: right; height: 80px; margin-top: 0; } }
.pushmenu ul li { height: 42px; padding: 0 1.2em 0 0; text-align: center; z-index: 99999999; }
.pushmenu ul li a { margin: 0; width: 100%; text-align: center; }
.pushmenu ul li a:hover, .pushmenu ul li a.is-active { color: #FF0000; }
.pushmenu ul li.is-root-list li { background: #fff; }
.pushmenu ul li div.menulayer { position: absolute; top: 105px; width: 250px; color: #fff; font-size: 1rem; font-size: 14px; }
.pushmenu ul li div.menulayer.versicherungen { margin-left: -20.5%; width: auto; }
@media print, (min-width: 768px) and (max-width: 1023px) { .pushmenu ul li div.menulayer.versicherungen { left: 0; margin-left: 0; position: absolute; width: 768px; } }
.pushmenu ul li div.menulayer.versicherungen section { display: table; padding: 20px 0; }
@media only screen and (max-width: 767px) { .pushmenu ul li div.menulayer.versicherungen section { padding: 0; } }
.pushmenu ul li div.menulayer li { float: none; display: block; height: 110px; padding: 20px 0; }
.pushmenu ul li div.menulayer li.is-active { background: #4A81BC; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
.pushmenu ul li div.menulayer li a { margin: 0; color: #fff; }
.pushmenu ul li div.menulayer ul.standard { width: 250px; padding: 20px 0; margin: 0; }
.pushmenu ul li div.menulayer ul.standard li { height: 25px; margin: 0; padding: 0 20px; width: 100%; line-height: 25px; text-align: left; }
.pushmenu ul li div.menulayer ul.standard li.is-active { background: #3D79B8; }
.pushmenu ul li div.menulayer ul.standard li a:hover { text-decoration: underline; }
@media only screen and (max-width: 767px) { .pushmenu ul { display: none; } }
.pushmenu .ibtn:before { font-size: 2.5rem; vertical-align: middle; }

.private-menu { float: right; }
@media only screen and (max-width: 767px) { .private-menu { display: none; } }
@media print, (min-width: 768px) and (max-width: 1184px) { .private-menu { right: 0; position: absolute; } }
.private-menu ul li { height: 38px; overflow: hidden; padding-right: 11px; width: 190px; border-right: 1px solid #D2D2D2; color: #0D57A6; cursor: pointer; }
.private-menu ul li span.is-link { height: 38px; width: 100%; display: inline-block; padding: 12px 4px 0 10px; }
.private-menu ul li span.is-link:after { content: '\e624'; display: inline-block; margin-left: 10px; vertical-align: top; font-size: 26px; text-align: right; color: #0D57A6; }
.private-menu ul li span.is-link:before { content: normal; }
.private-menu ul li span.is-link.logged-in:before { content: '\e612'; position: absolute; right: 19px; color: #FF0000; font-size: 26px; font-size: 1.857rem; }
.private-menu ul li span.is-link.logged-in:after { content: '\e613'; }
.private-menu ul li.is-active { background: #3D79B8; border-right: 1px solid #0D57A6; color: #fff; }
.private-menu ul li.is-active span.is-link:after { content: '\e63b'; display: inline-block; margin-left: 15px; vertical-align: top; color: #fff; font-size: 20px; }
.private-menu ul li.is-active span.is-link:before { content: normal; }
.private-menu ul li.damage-report { color: #FF0000; }
.private-menu ul li.damage-report span.is-link { height: 38px; width: 100%; }
.private-menu ul li.damage-report span.is-link:after { content: '\e637'; color: #FF0000; }
.private-menu ul li.damage-report.is-active { background: #FF0000; border-right: 1px solid #FF0000; color: #fff; }
.private-menu ul li.damage-report.is-active span.is-link:after { content: '\e63b'; color: #fff; }
.private-menu ul li .login li:after { content: normal; }

.megamenu-wrapper { height: auto; padding: 40px 0; position: absolute; top: -20em; width: auto; z-index: 8888; -webkit-box-shadow: 0 0.25em 0.25em rgba(0, 0, 0, 0.25); box-shadow: 0 0.25em 0.25em rgba(0, 0, 0, 0.25); background: #0D57A6; -webkit-transition: .3s all; transition: .3s all; }
.megamenu-wrapper.is-visible { top: 105px; }

.menulayer { text-align: center; }
.menulayer .col { float: left; padding: 0; width: auto; }
.menulayer .col:first-child { border: none; }
.menulayer .col div { width: 100%; font-size: 0.9286rem; font-size: 13px; text-align: center; }
.menulayer .col div span { display: inline-block; height: 40px; width: 64%; }
.menulayer .col div span a { color: #fff; color: rgba(255, 255, 255, 0.7); }
.menulayer .col.versicherungen { height: 480px; width: 127px; border-left: 1px solid #fff; border-left: 1px solid rgba(255, 255, 255, 0.5); }
.menulayer .col.versicherungen:first-child { border-left: 0 none; }
.menulayer .icon-close { display: none; height: 15px; position: absolute; right: 10px; top: 5px; width: 15px; cursor: pointer; }
.menulayer .icon-close:before { position: absolute; cursor: pointer; }

.child-megamenu * { color: #fff; font-size: 14px; font-size: 1rem; line-height: 18px; }
.child-megamenu strong, .child-megamenu a:hover { color: #fff; }
.child-megamenu div.menulayer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; width: auto; }
.child-megamenu div.menulayer ul { margin: 10px 0; }

a.pushmenu-toggler { display: none; position: relative; z-index: 99999; text-decoration: none; }
@media only screen and (max-width: 767px) { a.pushmenu-toggler { display: block; margin: 30px 0; padding-right: 0; width: 55px; }
  a.pushmenu-toggler:before { color: #3D79B8; } }
a.pushmenu-toggler:hover, .is-open a.pushmenu-toggler { color: #fff; }

.pushmenu-menu { display: none; height: 100%; left: 71px; min-width: 80%; overflow: auto; position: fixed; top: 0; z-index: 1; line-height: 40px; }
.pushmenu-menu ul { list-style: none; padding: 0; margin: 0; }
.pushmenu-menu ul.is-root-list a, .pushmenu-menu ul.is-root-list span, .pushmenu-menu ul.is-child-list a, .pushmenu-menu ul.is-child-list span { padding: 10px 20px; font-size: 16px; font-size: 1.143rem; }
.pushmenu-menu ul.is-root-list a.arrow, .pushmenu-menu ul.is-root-list span.arrow, .pushmenu-menu ul.is-child-list a.arrow, .pushmenu-menu ul.is-child-list span.arrow { display: inline-block; float: right; padding: 0 20px 0 0; }
.pushmenu-menu ul.is-root-list a.arrow:after, .pushmenu-menu ul.is-root-list span.arrow:after, .pushmenu-menu ul.is-child-list a.arrow:after, .pushmenu-menu ul.is-child-list span.arrow:after { float: right; right: 20px; top: 0; color: #0D57A6; content: '\e636'; font-size: 25px; font-size: 1.786rem; line-height: 40px; }
.pushmenu-menu ul.private span.is-link { padding: 10px 20px; font-size: 16px; font-size: 1.143rem; }
.pushmenu-menu ul.private span.is-link.arrow { display: inline-block; float: right; padding: 0 20px 0 0; }
.pushmenu-menu ul.private span.is-link.arrow:after { float: right; right: 20px; top: 0; color: #0D57A6; content: '\e636'; font-size: 25px; font-size: 1.786rem; line-height: 40px; }
.pushmenu-menu ul li { padding: 0; background: #F5F5F5; border-bottom: 1px solid #B4B4B4; overflow: hidden; }
.pushmenu-menu ul li .menulayer { margin: 0 -20px; min-height: 0; position: relative; background: #3D79B8; }
.pushmenu-menu ul li .menulayer * { color: #fff; }
.pushmenu-menu ul li .menulayer section:before, .pushmenu-menu ul li .menulayer section:after { content: normal; }
.pushmenu-menu ul li .menulayer .col { float: none; padding: 0 20px; position: relative; width: auto; border-top: 1px solid #0D57A6; }
.pushmenu-menu ul li .menulayer .col:first-child { border-top: 0 none; }
.pushmenu-menu ul li .menulayer:after { display: block; }
.pushmenu-menu ul li section, .pushmenu-menu ul li .is-child-list { display: none; }
.pushmenu-menu ul li a { color: #0D57A6; }
.pushmenu-menu ul li a:after { display: block; float: right; margin-right: 20px; right: 20px; top: 0; color: #0D57A6; font-size: 25px; font-size: 1.786rem; line-height: 40px; }
.pushmenu-menu ul li.damage-report, .pushmenu-menu ul li.my-bd { color: #0D57A6; line-height: 38px; }
.pushmenu-menu ul li.damage-report:after, .pushmenu-menu ul li.my-bd:after { content: '\e624'; float: right; margin-right: 20px; color: #0D57A6; font-size: 38px; }
.pushmenu-menu ul li.damage-report:before, .pushmenu-menu ul li.my-bd:before { content: normal; }
.pushmenu-menu ul li.damage-report.logged-in:before, .pushmenu-menu ul li.my-bd.logged-in:before { content: '\e612'; margin-top: 4px; position: absolute; right: 25px; color: #FF0000; font-size: 26px; font-size: 1.857rem; }
.pushmenu-menu ul li.damage-report.logged-in:after, .pushmenu-menu ul li.my-bd.logged-in:after { content: '\e613'; }
.pushmenu-menu ul li.damage-report section, .pushmenu-menu ul li.my-bd section { padding: 5px; width: 100%; }
.pushmenu-menu ul li.damage-report section span, .pushmenu-menu ul li.my-bd section span { display: block; padding: 0; }
.pushmenu-menu ul li.damage-report section li, .pushmenu-menu ul li.my-bd section li { background: none; }
.pushmenu-menu ul li.damage-report.is-active, .pushmenu-menu ul li.my-bd.is-active { color: #fff; }
.pushmenu-menu ul li.damage-report.is-active:after, .pushmenu-menu ul li.my-bd.is-active:after { content: '\e63b'; color: #fff; font-size: 30px; position: relative; right: 5px; }
.pushmenu-menu ul li.damage-report.is-active:before, .pushmenu-menu ul li.my-bd.is-active:before { content: ''; content: normal; }
.pushmenu-menu ul li.damage-report { background: #FF0000; color: #fff; }
.pushmenu-menu ul li.damage-report:after { content: '\e637'; color: #fff; }
.pushmenu-menu ul li.damage-report.is-active { background: #FF0000; }
.pushmenu-menu ul li.is-active { background: #0D57A6; overflow: hidden; }
.pushmenu-menu ul li.is-active span.arrow:after { content: '\e633'; color: #fff; }
.pushmenu-menu ul li.is-active a { color: #fff; display: inline-block; padding: 0; }
.pushmenu-menu ul li.is-active a:first-child { padding-left: 20px; }
.pushmenu-menu ul li.is-active section { display: block; }
.pushmenu-menu ul li.is-active .is-child-list { display: block; }
.pushmenu-menu ul li.is-active .is-child-list li:first-child { border-top: 1px solid #fff; padding: 0; }
.pushmenu-menu ul li.is-active .is-child-list li { padding: 0; }
.pushmenu-menu ul li.is-active .is-child-list li a { border-bottom: none; padding: 0 0 0 20px; text-align: left; }
.pushmenu-menu ul.is-child-list li { padding-left: 20px; background: #3D79B8; border-bottom: 1px solid #fff; text-align: left; }
.pushmenu-menu ul.is-child-list li a:after { content: normal; }
.pushmenu-menu.is-visible, .pushmenu-menu .arrow { display: block; }

.breadcrump { width: 1180px; margin: 0 auto; color: #fff; }
.breadcrump span { padding: 0 10px 0; }
.breadcrump span:first-child { padding: 0 10px 0 0; color: #B6CCE4; }
.breadcrump a { margin: 0 10px 0 0; color: #fff; }
.breadcrump a:hover { text-decoration: none; }
.breadcrump a:after { content: '>'; padding: 0 0 0 10px; }
.breadcrump a:last-child:after { content: none; }
.breadcrump a.is-active:after { content: normal; }
@media only screen and (max-width: 767px) { .breadcrump { display: none; } }

.lt-ie9 .menulayer { background-image: url("../images/x.gif"); }
.menulayer section:before { display: none; }
.menulayer .icon-special:hover .is-text { text-decoration: underline; }
.menulayer .icon-special .is-icon { height: 40px; width: 60px; }
.menulayer .icon-special .is-icon:before, .menulayer .icon-special .is-icon:after { font-size: 60px; }

.btn { -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); border: none; display: block; height: 40px; padding: 0 10px; color: #fff; line-height: 40px; font-size: 16px; font-size: 1.143rem; text-align: center; }
.btn:hover { text-decoration: none; }
.btn.grey { color: #0D57A6; }
.btn.data-icon:before { padding-right: 5px; font-size: 1.5em; vertical-align: middle; }

.btn-autoheight { height: auto; }

.ibtn:hover { text-decoration: none; }

.lt-ie9 .btn { position: relative; }
.lt-ie9 .btn:after { bottom: 0; left: 0; position: absolute; right: 0; top: 0; background: transparent; content: ''; }
.lt-ie9 .btn:hover { text-decoration: none; }

.slides { display: table; height: 100%; min-height: 500px; margin: 0; padding: 0; position: relative; width: 100%; list-style: none; }
@media print, (min-width: 768px) and (max-width: 1023px) { .slides { min-height: 460px; } }

.slides > li { bottom: 0; display: table; left: 0; height: 100%; position: absolute; right: 0; text-align: center; top: 0; overflow: hidden; }
.slides > li img { height: auto; margin: 0 auto; max-height: 200%; max-width: 100%; min-width: 1280px; width: 100%; bottom: 0; }
.slides > li > span { width: 100%; }

#slides-container .slides > li { right: auto; width: 100%; z-index: 1; opacity: .3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; -webkit-transition-delay: .5; transition-delay: .5; visibility: visible; }
#slides-container .slides > li.is-visible { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.slides-thumbs { margin: -500px auto 370px; padding-left: 30px; position: relative; top: 260px; max-width: 1040px; z-index: 9; list-style: none; }
@media print, (min-width: 768px) and (max-width: 1023px) { .slides-thumbs { max-width: 754px; } }
.slides-thumbs li { float: left; display: none; }
@media print, (min-width: 768px) and (max-width: 1023px) { .slides-thumbs li { position: relative; width: 330px; }
  .slides-thumbs li.before { margin: -33px 0 0 24px; z-index: -1; }
  .slides-thumbs li.after { margin: -33px 0 0 -65px; z-index: -1; }
  .slides-thumbs li.after:before { z-index: 0; }
  .slides-thumbs li.is-active { margin-left: -110px; z-index: 1; } }
@media only screen and (min-width: 1024px) and (max-width: 1279px) { .slides-thumbs li { position: relative; width: 330px; }
  .slides-thumbs li.before { margin: -33px 0 0 35px; z-index: -1; }
  .slides-thumbs li.after { margin: -33px 0 0 -54px; z-index: -1; }
  .slides-thumbs li.after:before { z-index: 0; }
  .slides-thumbs li.is-active { z-index: 1; } }
.slides-thumbs li img.product { margin-bottom: 30px; width: 360px; }
@media print, (min-width: 768px) and (max-width: 1023px) { .slides-thumbs li img.product { margin-bottom: 0; width: 300px; } }
.slides-thumbs li .license-plate { margin: 0 0 20px; padding-left: 96px; }
@media print, (min-width: 768px) and (max-width: 1023px) { .slides-thumbs li .license-plate { padding-left: 73px; } }
.slides-thumbs li .productbox { height: 100%; padding: 20px 10px 10px; margin: 0; width: 100%; }
.slides-thumbs li.preview { display: list-item; height: 280px; width: 280px; z-index: -1; background-color: #fff \9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity: .8; }
@media print, (min-width: 768px) and (max-width: 1023px) { .slides-thumbs li.preview { height: 300px; width: 300px; } }
.slides-thumbs li.preview .license-plate { padding-left: 45px; }
.slides-thumbs li.preview img.product { margin-bottom: 10px; width: 260px; }
.slides-thumbs li.preview .btn { height: 30px; line-height: 30px; font-size: 14px; font-size: 1rem; }
.slides-thumbs li.preview .btn.grey { margin-left: 9px; }
.slides-thumbs li.preview:before { content: ' '; display: block; height: 280px; position: absolute; width: 280px; z-index: 999; background: rgba(255, 255, 255, 0.7); z-index: 9999; border: 1px solid transparent; zoom: 1; }
@media print, (min-width: 768px) and (max-width: 1023px) { .slides-thumbs li.preview:before { height: 300px; width: 300px; } }
.slides-thumbs li.preview .productbox { padding: 10px; z-index: -1; }
.slides-thumbs li.preview .productbox .license-plate { margin: 0 0 10px; }
.slides-thumbs li.preview .productbox .headline, .slides-thumbs li.preview .productbox a { zoom: 0.8; }
@media print, (min-width: 768px) and (max-width: 1023px) { .slides-thumbs li.preview .productbox .headline, .slides-thumbs li.preview .productbox a { zoom: 1; } }
.slides-thumbs li.preview .productbox .headline { margin-bottom: 0; }
.lt-ie9 .slides-thumbs li.preview:before, .lt-ie9 .slides-thumbs li.preview .productbox { background: url(../images/x.gif); }
.slides-thumbs li.is-active { display: block; height: 380px; margin: -50px 20px; width: 380px; }
@media print, (min-width: 768px) and (max-width: 1023px) { .slides-thumbs li.is-active { height: 333px; margin: -50px 20px -50px -146px; width: 233px; overflow: visible; } }
@media only screen and (min-width: 1024px) and (max-width: 1279px) { .slides-thumbs li.is-active { margin: -100px 20px 0 -33px; } }
.slides-thumbs li.is-active .productbox { background: #fff; }
@media print, (min-width: 768px) and (max-width: 1023px) { .slides-thumbs li.is-active .productbox { width: 333px; } }

.slides-bullets { left: 0; margin: -20px 0 0; padding: 0; top: inherit; width: 100%; list-style: none; text-align: center; }
@media print, (min-width: 768px) and (max-width: 1023px) { .slides-bullets { margin: -60px 0 30px; } }
@media only screen and (min-width: 1024px) and (max-width: 1279px) { .slides-bullets { margin: -60px 0 -120px; } }
.slides-bullets li { display: inline-block; height: 1em; width: 1em; margin: 0 .25em; overflow: hidden; border-radius: 50%; background: #D2D2D2; cursor: pointer; line-height: 1em; text-indent: -10em; }
@media print, (min-width: 768px) and (max-width: 1023px) { .slides-bullets li { height: 0.6em; width: 0.6em; } }
.slides-bullets li.is-active, .slides-bullets li:active, .slides-bullets li:hover { background: #0D57A6; }

.slides-button { display: block; height: 60px; overflow: hidden; position: absolute; top: 74%; width: 60px; z-index: 11; color: #fff; cursor: pointer; font-size: 2em; text-align: center; line-height: 60px; }
@media print, (min-width: 768px) and (max-width: 1023px) { .slides-button { height: 40px; top: 74%; width: 40px; line-height: 40px; } }
.slides-button:hover, .slides-button:active { background: #0d57a6; color: #fff; }
.slides-button.next { right: 0; }
.slides-button.prev { left: 0; }
.slides-button:before { font-size: 30px; }

.slides-counter { display: block; position: absolute; top: 16px; right: 64px; z-index: 101; }

.ekomi .is-slider { position: relative; }
.ekomi .is-slider .slides li { height: 105%; }
.ekomi .is-slider .slides-bullets { margin: 10px auto 0; width: 35%; }
.ekomi .is-slider .slides-bullets:before { content: normal; }
@media print, (min-width: 768px) and (max-width: 1023px) { .ekomi .is-slider .slides-bullets { margin-top: -10px; width: 100px; } }
@media only screen and (max-width: 767px) { .ekomi .is-slider .slides-bullets { width: 100px; } }
.ekomi .is-slider .slides-bullets li { height: 0.6em; width: 0.6em; background: #6ebee7; }
.ekomi .is-slider .slides-bullets li.is-active { background: #fff; }
.ekomi .is-slider .slides-button { height: 30px; margin-top: -13px; top: 10px; width: 30px; background: transparent; -webkit-filter: none; filter: none; line-height: 30px; }
.ekomi .is-slider .slides-button:before { width: 30px; font-size: 25px; }
.ekomi .is-slider .slides-button.prev { margin: 0; }
.ekomi .is-slider .slides-button.next { margin: 0; }
@media only screen and (max-width: 1024px) { .ekomi .is-slider .slides-button.prev { margin-left: -5px; }
  .ekomi .is-slider .slides-button.next { margin-right: -5px; } }

#search .ui-autocomplete.ui-menu { z-index: 999; }
#search .ui-autocomplete.ui-menu li.ui-menu-item { float: none; }
#search .ui-autocomplete.ui-widget-content { background: #fff; list-style: none; padding: 10px 0; width: 338px; -webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.25); box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.25); }
@media only screen and (max-width: 767px) { #search .ui-autocomplete.ui-widget-content { width: 80%; } }
#search .ui-autocomplete.ui-widget-content li { padding: 5px 10px; }
#search .ui-autocomplete.ui-widget-content li a { color: #919191; }
#search .ui-autocomplete.ui-widget-content li.ui-state-focus { background: #0D57A6; background: rgba(13, 87, 166, 0.5); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
#search .ui-autocomplete.ui-widget-content li.ui-state-focus a { color: #fff; }

.ui-autocomplete-loading { background: white url("../images/search_in_progress.gif") no-repeat 70% center; }

.lt-ie9 #search section, .no-csstransitions #search section { display: none; }
.lt-ie9 #search section.is-visible, .no-csstransitions #search section.is-visible { display: block; z-index: 104; }

#search section { height: 500px; left: 0; margin-top: 20px; overflow: auto; padding: 0 20px 20px; position: absolute; width: 380px; color: #fff; }
#search section::-webkit-scrollbar { width: 6px; border-right: 2px solid #0D57A6; }
#search section::-webkit-scrollbar-track { -webkit-box-shadow: none; border-radius: 10px; border-right: 2px solid #0D57A6; margin-right: 1px; }
#search section::-webkit-scrollbar-thumb { border-radius: 10px; border-right: 2px solid #0D57A6; background: rgba(255, 255, 255, 0.5); -webkit-box-shadow: none; }
#search section::-webkit-scrollbar-thumb:window-inactive { background: rgba(255, 255, 255, 0.5); }
@media print, (min-width: 768px) and (max-width: 1184px) { #search section { margin-top: -10px; padding: 20px 0; width: 100%; text-align: left; } }
@media only screen and (max-width: 767px) { #search section { margin-top: 5px; padding: 0; width: 100%; text-align: left; } }
#search section a:hover { color: #fff; }
#search section .headline-h3 { clear: left; height: auto; margin: 30px 0 15px; padding-bottom: 12px; width: 100%; border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.5); color: #fff \9; color: rgba(255, 255, 255, 0.5); text-align: left; cursor: pointer; }
#search section .headline-h3:first-child { margin-top: 0; }
#search section .headline-h3:first-child:after { content: '\e63b'; position: absolute; right: 20px; color: #fff !important; font-size: 24px; }
@media print, (min-width: 768px) and (max-width: 1184px) { #search section .headline-h3:first-child:after { content: normal; } }
#search section .headline-h3 a { float: right; color: #fff \9; color: rgba(255, 255, 255, 0.5); font-size: 14px; }
#search section .headline-h3 a.icon-arrow:before { display: inline-block; }
#search section ul li { margin-bottom: 3px; width: 100%; line-height: 18px; }
#search section ul li a { display: block; padding-left: 15px; color: #fff; }
#search section ul li a:before { height: 20px; margin-left: -18px; padding-right: 3px; position: absolute; width: 20px; }
#search section ul li strong { display: block; }
#search section ul li:first-child strong { margin-top: 0; }
#search section ul.has-two-colunms li { width: 50%; }
@media only screen and (max-width: 767px) { #search section ul.has-two-colunms li { float: none; width: 100%; } }
#search section.is-visible { position: relative; margin-left: -20px; }
@media only screen and (max-width: 1024px) { #search section.is-visible { margin-left: 0; } }

.damage-report section { height: auto; margin-top: 0; padding: 0 20px 20px; position: absolute; right: 0; width: 380px; color: #fff; }
.damage-report section:before { content: normal; }
.damage-report section .headline { display: block; margin: 20px 0 10px; width: 80%; color: #fff; line-height: 26px; line-height: 1.857rem; }
@media only screen and (max-width: 767px) { .damage-report section .headline { width: 75%; } }
@media only screen and (max-width: 767px) { .damage-report section .headline { font-size: 18px; } }
.damage-report section .headline:after { content: '\e637'; font-size: 60px; margin-top: -20px; position: absolute; right: 3px; }
@media only screen and (max-width: 767px) { .damage-report section .headline:after { font-size: 50px; right: 15px; top: 55px; } }
.damage-report section a { color: #fff; display: block; line-height: 1.2em; padding: 5px 0; }
.damage-report section a:before { content: '\e640'; vertical-align: top; }
.damage-report section a:hover { color: #fff; text-decoration: underline; }
.damage-report section a[href^="tel:"] { margin-bottom: 15px; font-size: 32px; font-size: 2.286rem; line-height: 38px; line-height: 2.714rem; }
@media only screen and (max-width: 767px) { .damage-report section a[href^="tel:"] { font-size: 22px; /* Fallback */ font-size: 1.571rem; line-height: 28px; /* Fallback */ line-height: 2rem; } }
.damage-report section a[href^="tel:"]:before { content: normal; }
.damage-report section a[href^="tel:"]:hover { text-decoration: none; }
.damage-report section div { display: block; height: 1px; margin: 10px 0; padding: 0; width: 100%; border-bottom: 1px solid #fff; }

.damagereport .content .col { border-top: none; }
.damagereport .content a.iconbox:before { margin-bottom: .1em; }
.damagereport .content a.iconbox.grey { color: #919191; }
.damagereport .content a.iconbox:hover { background: #F5F5F5; }
.damagereport .content .contract-overview { width: 100%; margin-left: auto; margin-right: auto; }
.damagereport .content .contract-overview h2, .damagereport .content .contract-overview .headline-h2, .damagereport .content .contract-overview h3, .damagereport .content .contract-overview .headline-h3 { text-align: center; }
.damagereport .content .contract-overview .contract-facts { width: 100%; padding: 0; }
.damagereport .content .insurance-form { border-bottom: none; margin-bottom: none; padding-bottom: none; }

.damagereport .is-mobil { display: none; }
@media only screen and (max-width: 767px) { .damagereport .is-mobil { display: inline-block; } }
.damagereport .is-not-mobil { display: inline-block; }
@media only screen and (max-width: 767px) { .damagereport .is-not-mobil { display: none !important; } }

.lt-ie9 .login, .no-csstransitions .login { display: none; }
.lt-ie9 .login.is-visible, .no-csstransitions .login.is-visible { display: block; z-index: 104; }

.login { height: auto; margin-top: 0; padding: 0 20px 10px; position: absolute; right: 0; width: 381px; color: #fff; }
.login:before { content: normal; }
.login .headline { color: #fff; margin: 20px 0; width: 80%; }
@media only screen and (max-width: 767px) { .login .headline { font-size: 18px; } }
.login .headline:after, .login .headline:before { content: '\e624'; position: absolute; top: 0; margin-top: 35px; right: 10px; z-index: 3; color: #fff; font-size: 70px; }
@media only screen and (max-width: 767px) { .login .headline:after, .login .headline:before { right: 3px; top: 40px; margin-top: 0; } }
.login .headline:before { content: normal; }
.login.logged-in .headline:after { content: '\e613'; }
.login.logged-in .headline:before { content: '\e612'; color: #FF0000; }
.login .checklist li, .login .checklist li:first-child, .login .my-bd li, .login .my-bd li:first-child { float: none; border: none; display: block; height: 28px; margin-bottom: 0; padding: 0; width: 100%; color: #fff; }
.login .checklist li:before, .login .checklist li:first-child:before, .login .my-bd li:before, .login .my-bd li:first-child:before { font-size: 1.786rem; font-size: 25px; vertical-align: top; color: #fff; }
.login .checklist a, .login .my-bd a { color: #fff; font-size: 1.000rem; }
.login .my-bd li:before { margin-right: 10px; }
.login form { margin: 20px 0; padding: 0; border-top: 1px solid #fff; border-top: 1px solid rgba(255, 255, 255, 0.5); }
.login form .headline:after { content: normal; }
.login form fieldset { margin: 0 0 10px; }
.login form fieldset label { display: block; color: #fff; color: rgba(255, 255, 255, 0.7); }
.login form fieldset input { display: inline-block; height: 30px; margin: 5px 0; padding: 0 10px; width: 215px; }
@media only screen and (max-width: 767px) { .login form fieldset input { float: left; } }
.login form fieldset input[type=email], .login form fieldset input[type=password] { background: #fff; border: none; }
.login form fieldset input.btn { float: right; height: 30px; width: 120px; font-size: 14px; font-size: 1rem; line-height: 14px; line-height: 1rem; }
@media only screen and (max-width: 767px) { .login form fieldset input.btn { float: left; width: auto; } }
.login form fieldset button { display: inline-block; height: 30px; margin: 5px 0; padding: 0 10px; width: 215px; }
@media only screen and (max-width: 767px) { .login form fieldset button { float: left; } }
.login form fieldset button.btn { float: right; height: 30px; width: 120px; font-size: 14px; font-size: 1rem; line-height: 14px; line-height: 1rem; }
@media only screen and (max-width: 767px) { .login form fieldset button.btn { float: left; width: auto; } }
.login form a { display: block; margin-top: 10px; color: #fff; }
.login form a:hover { color: #fff; text-decoration: underline; }
.login form a.icon-arrow:before { display: inline-block; vertical-align: top; }
.login .facebook .headline:after { content: '\e62f'; margin-top: -5px; right: 20px; }
.login .facebook a { display: block; height: 40px; width: 100%; color: #0D57A6; line-height: 40px; text-align: center; }
.login .facebook a:after { content: normal; }

.btn.logout { float: none; margin-top: 20px; width: 100%; }

.doormat { border-top: 1px solid #D2D2D2; margin-top: 40px; padding-top: 10px; text-align: left; }
.doormat * { color: #919191; white-space: nowrap; }
.doormat ul { margin: 15px 0 55px; }
.doormat a { display: block; }
.doormat a:hover { color: #FF0000; text-decoration: none; }
@media only screen and (max-width: 767px) { .doormat a { display: none; } }
@media only screen and (max-width: 767px) { .doormat { float: none; padding-top: 0px; margin: 0px 0px 20px 10px; } }
@media print, (min-width: 768px) and (max-width: 1184px) { .doormat { padding: 10px 40px; }
  .doormat * { white-space: normal; } }
.doormat .page-wrapper > ul { max-width: 1050px; padding: 0; }

.doormat-col { display: inline-block; margin-right: -.25em; width: 20%; vertical-align: top; }
@media only screen and (max-width: 767px) { .doormat-col { display: block; padding: 0px 0; width: 100%; } }
.doormat-col ul { margin: 0; }
@media only screen and (max-width: 767px) { .doormat-col img { display: block; padding: 0px 0; margin-left: auto; margin-right: auto; } }

.service-menu { border-top: 1px solid #D2D2D2; }
.service-menu ul { float: left; }
@media print, (min-width: 768px) and (max-width: 1184px) { .service-menu ul { margin-left: 40px; } }
@media only screen and (max-width: 767px) { .service-menu ul { float: none; padding-top: 10px; } }
.service-menu ul li { display: inline-block; padding: 10px 0; }
@media only screen and (max-width: 767px) { .service-menu ul li { display: block; padding: 5px 0; } }
.service-menu ul li a, .service-menu ul li a:hover { display: block; padding: 0 10px; border-left: 1px solid #D2D2D2; text-decoration: none; color: #919191; line-height: 14px; }
.service-menu ul li a:hover, .service-menu ul li a:hover:hover { color: #FF0000; }
.service-menu ul li:first-child a { padding: 0 10px 0 0; border: none; }
@media only screen and (max-width: 767px) { .service-menu ul li:first-child a { padding: 0 10px; } }
.service-menu span { float: right; padding: 5px 0; color: #919191; text-align: right; }
@media print, (min-width: 768px) and (max-width: 1184px) { .service-menu span { margin-right: 40px; padding: 10px 0; text-align: right; } }
@media only screen and (max-width: 767px) { .service-menu span { display: block; float: none; padding: 10px 10px 40px; text-align: left; } }

.tabs { clear: both; margin: 0; padding: 0; list-style: none; }
.tabs li { display: inline-block; width: auto; background: #F5F5F5; color: #0D57A6; cursor: pointer; }
.tabs li .arrow { display: none; }
.tabs li .arrow:after { content: normal; }
@media only screen and (max-width: 767px) { .tabs li { display: none; padding: 0px 10px; font-family: 'thesansosfsemibold', 'Lucida Grande', sans-serif; text-align: center; }
  .tabs li.is-active { display: blocK; }
  .tabs li .arrow { display: inline-block; float: right; margin-top: 10px; }
  .tabs li .arrow:after { content: '\e636'; float: right; color: #fff; font-size: 20px; font-size: 1.429rem; }
  .tabs li .arrow.is-active:after { content: '\e633'; } }
@media print, (min-width: 768px) and (max-width: 1023px) { .tabs li { padding: 8px; } }
.tabs li a { display: inline-block; padding: 10px 34px; }
@media only screen and (max-width: 767px) { .tabs li a { padding: 10px 0; } }
.tabs li:hover, .tabs li.is-active { background: #0D57A6; color: #fff; }
.tabs li:hover a, .tabs li.is-active a { color: #fff; }

.table { display: table; }

.table-header { display: table-header-group; }

.table-body { display: table-row-group; }

.table-row { display: table-row; }

.table-cell { display: table-cell; }

.table.benchmarking { display: table; width: 100%; }
.table.benchmarking .table-header { background: #0D57A6; color: #fff; }
.table.benchmarking .table-header .table-cell { padding: 10px 20px; background: #86ABD2; border-left: 2px solid #0D57A6; text-align: left; }
@media only screen and (max-width: 768px) { .table.benchmarking .table-header .table-cell { padding: 10px 5px; } }
@media print, (min-width: 768px) and (max-width: 1023px) { .table.benchmarking .table-header .table-cell { padding: 10px 5px; } }
.table.benchmarking .table-header .table-cell:first-child { background: #0D57A6; border-left: none; }
.table.benchmarking .table-header .table-cell span { display: block; text-align: center; }
.table.benchmarking .table-header .table-cell span:after { content: ''; display: block; height: 0px; margin-left: -20px; position: absolute; margin-top: 10px; width: 0px; border-style: solid; border-width: 28px 58px 0; border-color: #86ABD2 transparent transparent; z-index: 1; }
@media print, (min-width: 768px) and (max-width: 1023px) { .table.benchmarking .table-header .table-cell span:after { margin-left: -6px; border-width: 28px 43px 0; } }
@media only screen and (max-width: 767px) { .table.benchmarking .table-header .table-cell span:after { margin-left: -5px; border-width: 28px 35px 0; } }
.table.benchmarking .table-body .table-row:first-child { height: 40px; }
.table.benchmarking .table-cell { padding: 13px 20px 0; width: 12%; background: #E6EEF6; border-bottom: 1px solid #D2D2D2; border-left: 1px solid #fff; text-align: center; vertical-align: middle; }
.table.benchmarking .table-cell:first-child { padding: 10px 20px; width: 40%; background: #fff; border-left: none; text-align: left; }
@media only screen and (max-width: 767px) { .table.benchmarking .table-cell:first-child { padding: 10px 5px; width: 20%; } }
.table.benchmarking .table-cell .data-icon:before { font-size: 30px; color: #0D57A6; }

.table.downloads { width: 100%; color: #0D57A6; }
@media only screen and (max-width: 767px) { .table.downloads { margin-bottom: 20px; } }
.table.downloads .table-cell { padding: 10px 20px; width: 19%; background: #F5F5F5; border-top: 2px solid #fff; }
.table.downloads .table-cell:first-child { width: 82%; vertical-align: middle; }
@media print, (min-width: 768px) and (max-width: 1023px) { .table.downloads .table-cell:first-child { width: 60%; } }
@media only screen and (max-width: 767px) { .table.downloads .table-cell .icon-pdf { height: 50px; width: 0; font-size: 0; line-height: 50px; } }
.table.downloads .table-cell .icon-pdf:before { padding-right: 10px; font-size: 30px; vertical-align: bottom; }
@media only screen and (max-width: 767px) { .table.downloads .table-cell .icon-pdf:before { margin-right: -10px; padding-right: 0; font-size: 60px; } }
.table.downloads .table-row:first-child .table-cell { border-top: none; }

.col-center-50 .table.downloads .table-cell { width: 30%; }
.col-center-50 .table.downloads .table-cell:first-child { width: 70%; }
@media print, (min-width: 768px) and (max-width: 1023px) { .col-center-50 .table.downloads .table-cell:first-child { width: 70%; } }

.checklist { list-style: none; margin: 0; padding: 0; width: 95%; }
.checklist li .inner-li { padding-left: 50px; }
@media only screen and (max-width: 767px) { .checklist li .inner-li { padding-left: 30px; } }
.checklist li .inner-li:before { color: #0D57A6; font-size: 50px; height: 50px; margin: 5px 0 0 -55px; padding-right: 3px; position: absolute; width: 50px; }
@media only screen and (max-width: 767px) { .checklist li .inner-li:before { height: 20px; margin: 0 0 0 -30px; width: 30px; font-size: 30px; } }
.checklist li .inner-li p { margin-bottom: 0; }
.checklist li .inner-li ul { padding-left: 20px; list-style-type: disc; }
.checklist li h3 { display: inline-block; margin: 0; width: 108%; }
@media only screen and (max-width: 767px) { .checklist li h3 { width: 100%; font-size: 16px; /* Fallback */ font-size: 1.143rem; line-height: 20px; /* Fallback */ line-height: 1.429rem; } }
.checklist > li { margin-bottom: 20px; }

.box-container { margin: 0 -70px; }
@media print, (min-width: 768px) and (max-width: 1023px) { .box-container { margin: 0 1px; } }
.box-container:before { content: normal; }
@media only screen and (max-width: 767px) { .box-container { margin: 0; } }

.productbox { float: left; height: 380px; margin: 10px 10px 8px; padding: 20px; width: 48%; background: #fff; border: 1px solid #D2D2D2 \9; position: relative; -webkit-box-shadow: 4px 4px 15px 0.1em rgba(0, 0, 0, 0.25); box-shadow: 4px 4px 15px 0.1em rgba(0, 0, 0, 0.25); text-align: center; }
@media only screen and (max-width: 767px) { .productbox { height: initial; margin: 10px 0; width: 280px; } }
@media print, (min-width: 768px) and (max-width: 1023px) { .productbox { height: 333px; margin: 10px 9px 8px; width: 355px; } }
.productbox h2 { margin: 0; }
.productbox img.product { margin: 0 0 50px; width: 320px; }
@media print, (min-width: 768px) and (max-width: 1023px) { .productbox img.product { margin: 0 0 35px; width: 300px; } }
@media only screen and (max-width: 767px) { .productbox img.product { margin: 0 0 10px; width: 245px; } }
.productbox .btn-halter { position: absolute; bottom: 20px; margin-left: auto; margin-right: auto; left: 0; right: 0; }
@media print, (min-width: 768px) and (max-width: 1023px) { .productbox .btn-halter { bottom: 20px; } }
@media only screen and (max-width: 767px) { .productbox .btn-halter { position: static; margin-left: 0; }
  .productbox .btn-halter a { margin-top: 10px; }
  .productbox .btn-halter a:first-child { margin-top: 0; } }
.productbox a.btn { display: inline-block; width: auto; }
@media only screen and (max-width: 767px) { .productbox a.btn { width: 100%; } }
.productbox a.btn.grey { margin-left: 20px; }
@media only screen and (max-width: 767px) { .productbox a.btn.grey { margin-left: 0; } }
.productbox .product:before, .productbox .product:after { margin-right: 25px; position: absolute; font-size: 250px; }
.productbox .product:before { color: #0D57A6; }
.productbox .product:after { color: #FF0000; }
.productbox.overview { height: 380px; padding: 40px 20px 10px; width: 380px; }
@media print, (min-width: 768px) and (max-width: 1023px) { .productbox.overview { height: 333px; margin-bottom: 20px; width: 333px; padding-top: 20px; } }
@media print, (min-width: 768px) and (max-width: 1184px) { .productbox.overview { padding-top: 20px; } }
@media only screen and (max-width: 767px) { .productbox.overview { height: auto; min-height: 300px; padding: 20px 20px 10px; width: 280px; }
  .productbox.overview.kfzversicherung { height: 340px; } }
.productbox.overview img.product { margin: 0; width: 340px; }
@media print, (min-width: 768px) and (max-width: 1023px) { .productbox.overview img.product { width: 300px; } }
@media only screen and (max-width: 767px) { .productbox.overview img.product { width: 245px; } }
.productbox.overview a.btn { margin-bottom: 0; }
@media only screen and (max-width: 767px) { .productbox.overview a.btn { width: 100%; } }
@media only screen and (max-width: 767px) { .productbox.overview.kfzversicherung a.btn { width: 100%; } }
.productbox.overview .product { margin-left: -50px; }
.productbox.overview .product:before, .productbox.overview .product:after { font-size: 220px; }
.productbox.overview .price { margin: -100px 10px 0 0; }
.productbox.overview.kfzversicherung .price { margin: -155px 10px 0 0; }
.productbox.overview.info { text-align: left; }
.productbox.overview.ekomi { padding-top: 10px; position: relative; text-align: left; }
@media only screen and (max-width: 767px) { .productbox.overview.ekomi { padding-top: 5px !important; } }
.productbox.overview.ekomi h2 { margin: 10px 0; padding: 0 0 24px; border-bottom: 1px solid #fff; color: #fff; font-size: 22px; /* Fallback */ font-size: 1.571rem; line-height: 28px; /* Fallback */ line-height: 2rem; }
@media only screen and (max-width: 767px) { .productbox.overview.ekomi h2 { margin: 5px 0; } }
@media print, (min-width: 768px) and (max-width: 1023px) { .productbox.overview.ekomi { clear: both; float: none; height: 280px; margin: 0 auto; } }
@media only screen and (max-width: 767px) { .productbox.overview.ekomi { height: 280px; } }
.productbox .product.kfzversicherung { margin-top: -44px; }
.productbox .product.kfzversicherung:before { display: inline-block; position: relative; width: 10px; }
.productbox .product.kfzversicherung:after { display: inline-block; margin-left: -35px; }

.price { color: #0D57A6; text-align: right; }
.price span { height: 45px; display: inline-block; }
.price .monthly { display: block; height: 14px; margin-bottom: 5px; font-weight: normal; font-size: 11px; }
.price .euro { font-size: 45px; line-height: 45px; }
.price .cent { vertical-align: top; font-size: 22px; }
.price:before { content: normal; }

.ekomi { color: #fff; }
@media only screen and (max-width: 767px) { .ekomi h2 { text-align: center; } }
.ekomi #slides-container-ekomi { overflow: hidden; }
.ekomi .filled.rating-discs { width: 91.5%; height: 30px; background: url("../images/kundenbewertung/5stars_white.png") no-repeat 0 0; z-index: 9999; }
.ekomi .empty.rating-discs { height: 30px; margin: 40px auto; width: 175px; z-index: 9999; background: url("../images/kundenbewertung/5stars_blue.png") no-repeat 0 0; }
@media print, (min-width: 768px) and (max-width: 1184px) { .ekomi .empty.rating-discs { margin: 15px auto; } }
@media only screen and (max-width: 767px) { .ekomi .empty.rating-discs { margin: 15px auto; } }
.ekomi .slides { height: 60px; margin: 0 auto; min-height: 60px; top: 0; width: 275px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .ekomi .slides { width: 235px; } }
@media only screen and (max-width: 767px) { .ekomi .slides { width: 180px; } }
.ekomi .slides:after { content: ''; display: table; }
.ekomi .slides li { width: 100%; }
.ekomi .is-slider .slides > li { font-size: 16px; font-size: 1.143rem; line-height: 22px; line-height: 1.571rem; opacity: 0; }
.ekomi .is-slider .slides > li.is-visible { opacity: 1; display: block; }
.ekomi footer { bottom: 20px; padding-top: 10px; position: absolute; width: 340px; background: transparent; border-top: 1px solid #6ebee7; -webkit-box-shadow: none; box-shadow: none; color: #B6CCE4; text-align: left; }
@media print, (min-width: 768px) and (max-width: 1023px) { .ekomi footer { width: 290px; }
  .ekomi footer span { display: inline-block; padding-top: 10px; width: 50%; } }
@media only screen and (max-width: 767px) { .ekomi footer { padding: 0; width: 240px; }
  .ekomi footer span { display: inline-block; padding-top: 10px; width: 50%; } }
.ekomi footer:before, .ekomi footer:after { content: normal; }
.ekomi footer img { margin-right: 20px; }
@media print, (min-width: 768px) and (max-width: 1023px) { .ekomi footer img { float: left; } }

.license-plate { clear: both; height: 80px; margin-top: 10px; padding-left: 96px; padding-left: 95px\9; width: 100%; z-index: 9; background: url(../images/kennzeichen.png) no-repeat center top transparent; line-height: 71px; text-align: left; }
@media only screen and (max-width: 767px) { .license-plate { background-size: contain; } }
.license-plate input[type=text] { height: 52px; padding: 5px; position: relative; text-transform: uppercase; top: 0; width: 51px; z-index: 9; background: #fff; border: none; -webkit-box-shadow: none; box-shadow: none; color: #0D57A6; font-size: 20px; }
@media only screen and (max-width: 767px) { .license-plate input[type=text] { height: 50px; margin: 6px 0 0 -82px; } }
@media print, (min-width: 768px) and (max-width: 1023px) { #detail .license-plate input[type=text] { margin-left: -28px; } }

@media only screen and (max-width: 767px) { #overview .article.tarifrechner .license-plate input[type="text"] { margin: 6px 0 0; } }

.lt-ie9 .accordion li .content, .no-csstransitions .accordion li .content { display: none; }
.lt-ie9 .accordion li.is-visible .content, .no-csstransitions .accordion li.is-visible .content { display: block; z-index: 104; }

.accordion { list-style: none; margin: 0; padding: 0; width: 100%; }
@media print, (min-width: 768px) and (max-width: 1023px) { .accordion { width: 100%; } }
.accordion li { margin-bottom: 4px; width: 100%; }
.accordion li .accordion-head { display: block; padding: 15px 20px; position: relative; cursor: pointer; }
@media only screen and (max-width: 767px) { .accordion li .accordion-head { padding: 10px 20px; } }
.accordion li .accordion-head .text { display: block; line-height: 18px; line-height: 1.3rem; margin-right: 30px; }
.accordion li .accordion-head .arrow { position: absolute; right: 10px; top: 15px; }
@media only screen and (max-width: 767px) { .accordion li .accordion-head .arrow { top: 10px; } }
.accordion li .accordion-head .arrow:after { color: #0D57A6; content: '\e636'; font-size: 20px; font-size: 1.429rem; }
.accordion li .accordion-head.bg { background: #F5F5F5; color: #0D57A6; cursor: pointer; }
.accordion li .accordion-head.bg:hover { background: #EBEBEB; }
.accordion li .accordion-head.bg .arrow:after { right: 20px; }
.accordion li .content { height: 0; margin: 0; padding: 0; overflow: hidden; }
.accordion li .content h4 { margin: 0; color: #919191; font-size: 18px; /* Fallback */ font-size: 1.286rem; line-height: 20px; /* Fallback */ line-height: 1.429rem; }
.accordion li .content .response .response-question { display: block; padding: 0 0 5px; border-bottom: 2px solid #D2D2D2; }
.accordion li .content .response a { display: inline-block; padding: 10px 20px 0 0; color: #0D57A6; cursor: pointer; }
.accordion li .content .response a:before { content: '\e638'; padding: 0 2px 0 0; font-size: 22px; vertical-align: text-top; }
.accordion li .content .response a.yes:before { content: '\e63c'; }
.accordion li.is-visible .accordion-head.bg:before { left: 35px; position: absolute; top: 100%; color: #0D57A6; content: '\e636'; font-size: 25px; font-size: 1.786rem; line-height: 6px; }
.accordion li.is-visible .accordion-head .arrow:after { content: '\e633'; font-size: 20px; font-size: 1.429rem; }
.accordion li.is-visible .accordion-head.bg { color: #fff; }
.accordion li.is-visible .accordion-head.bg .arrow:after { color: #fff; }
.accordion li.is-visible .content { height: 100%; margin: 20px 0; padding: 20px; overflow: visible; background: #F5F5F5; }
@media only screen and (max-width: 768px) { .accordion li.is-visible .content { display: table; width: 100%; } }

h3.accordion-head { cursor: pointer; }
@media only screen and (max-width: 767px) { h3.accordion-head { margin-bottom: 0; line-height: 18px; line-height: 1.3rem; }
  h3.accordion-head .text { display: block; line-height: 18px; line-height: 1.3rem; margin-right: 30px; }
  h3.accordion-head .arrow:after { position: absolute; right: 10px; } }

aside { margin: 40px 0 0 10px; }
@media print, (min-width: 768px) and (max-width: 1184px) { aside { margin: 40px 0 0 0; } }
@media print, (min-width: 768px) and (max-width: 1023px) { aside { width: 100%; } }
@media only screen and (max-width: 767px) { aside { margin: 30px 0 0 0; width: 100%; text-align: center; } }
aside h4 { margin: 0; padding-bottom: 5px; border-bottom: 1px solid #0D57A6; color: #0D57A6; }
@media only screen and (max-width: 767px) { aside h4 { padding-bottom: 0; border: none; font-size: 26px; /* Fallback */ font-size: 1.857rem; line-height: 28px; /* Fallback */ line-height: 2rem; } }
aside ul { list-style: none; margin: 0; padding: 0; }
aside ul li { border-bottom: 1px solid #D2D2D2; }
@media only screen and (max-width: 767px) { aside ul li { border: none; } }
aside ul li .headline-h4 a { display: block; padding: 10px 0; color: #919191; }
aside ul li .headline-h4 a:hover, aside ul li .headline-h4 a.is-active { color: #0D57A6; }
@media only screen and (max-width: 767px) { aside ul li .headline-h4 a { display: none; }
  aside ul li .headline-h4 a.is-active { display: block; margin-bottom: 10px; padding: 0; color: #919191; font-size: 26px; /* Fallback */ font-size: 1.857rem; line-height: 28px; /* Fallback */ line-height: 2rem; }
  aside ul li .headline-h4 a.is-active:hover { cursor: default; text-decoration: none; } }
aside ul li.back-link { padding: 10px 0 0; border-bottom: none; }
aside ul li.back-link a:before { content: '\e641'; padding-right: 5px; }
@media print, (min-width: 768px) and (max-width: 1023px) { aside .products, aside .further-faqs { display: block; float: left; width: 50%; text-align: left; }
  aside .products { padding-right: 10px; }
  aside .further-faqs { padding-left: 10px; } }

.checklist .inner-li:before, .login .checklist li:before, .login .checklist li:first-child:before, .insurance-form .check.checked:before { content: '\e63c'; }

.items.error .check:before { content: '\e638'; }

.icon-close:before { content: '\e63b'; }

.icon-downloads:before { content: '\e601'; }

.icon-glossar:before { content: '\e62d'; }

.icon-reminder:before { content: '\e643'; }

.icon-print:before { content: '\e625'; }

.icon-arrow:before { content: '\e640'; vertical-align: top; }

.icon-arrow-after:after { content: '\e640'; vertical-align: top; }

.icon-arrow-back:before { content: '\e641'; vertical-align: top; }

.icon-double-arrow:before { content: '\e60b'; vertical-align: top; }

.icon-double-arrow-back:before { content: '\e60c'; vertical-align: top; }

.icon-pdf:before { content: '\e631'; vertical-align: top; }

.icon-word:before { content: '\e632'; vertical-align: middle; }

.icon-excel:before { content: '\e630'; vertical-align: middle; }

.icon-surely:after { content: '\e609'; vertical-align: middle; }

.icon-normally:after { content: '\e608'; vertical-align: middle; }

.icon-uncertainly:after { content: '\e607'; vertical-align: middle; }

.icon-info:before { content: '\e628'; vertical-align: middle; }

.icon-warning:before { content: '\e602'; vertical-align: middle; }

.icon-headline:before { content: attr(data-icon); font-size: 30px; vertical-align: top; padding-right: 20px; }

.icon-top:before { content: '\e63f'; }

.login .my-bd li.icon-data:before { content: '\e626'; }
.login .my-bd li.icon-contracts:before { content: '\e639'; }
.login .my-bd li.icon-bills:before { content: '\e627'; }

.paging { float: right; font-size: 1rem; font-weight: normal; line-height: 1.4rem; color: #919191; }
@media only screen and (max-width: 767px) { .paging { float: none; margin: 15px 0 0; } }
.paging span { padding: 0 8px; }
.paging a { padding: 0 5px; color: #919191; }
.paging a.is-active { color: #0D57A6; }
.paging a[class^="icon-"] { padding: 0; }

@media only screen and (max-width: 767px) { .mfp-wrap { max-width: 100%; margin: 0 auto; } }

.mfp-bg { background: #fff; }

.mfp-content { border: 1px solid #D2D2D2\9; }

.mfp-content .pushmenu-wrapper { min-width: 100%; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content, .mfp-iframe-scaler iframe { -webkit-box-shadow: 4px 4px 15px 0.1em rgba(0, 0, 0, 0.25); box-shadow: 4px 4px 15px 0.1em rgba(0, 0, 0, 0.25); padding: 20px; min-width: 660px; width: auto; max-width: 90%; z-index: 1044; background: #fff; }
@media only screen and (max-width: 768px) { .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content, .mfp-iframe-scaler iframe { min-width: 100%; width: 100%; } }
@media only screen and (max-width: 767px) { .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content, .mfp-iframe-scaler iframe { padding: 20px 10px; } }
.mfp-inline-holder .mfp-content .headline, .mfp-ajax-holder .mfp-content .headline, .mfp-iframe-scaler iframe .headline { margin: 20px 0; font-size: 18px; font-size: 1.286rem; line-height: 22px; line-height: 1.571rem; text-align: center; }
.mfp-inline-holder .mfp-content .pushmenu-wrapper, .mfp-ajax-holder .mfp-content .pushmenu-wrapper, .mfp-iframe-scaler iframe .pushmenu-wrapper { background-color: #fff; }
.mfp-inline-holder .mfp-content .article, .mfp-ajax-holder .mfp-content .article, .mfp-iframe-scaler iframe .article { padding-top: 0; }
.mfp-inline-holder .mfp-content h1, .mfp-ajax-holder .mfp-content h1, .mfp-iframe-scaler iframe h1 { margin-top: 0; }
.mfp-inline-holder .mfp-content h3, .mfp-ajax-holder .mfp-content h3, .mfp-iframe-scaler iframe h3 { border: none; }
.mfp-inline-holder .mfp-content .inline-popup-content, .mfp-ajax-holder .mfp-content .inline-popup-content, .mfp-iframe-scaler iframe .inline-popup-content { display: block; }

.mfp-iframe-holder { padding: 0 8px; }
.mfp-iframe-holder .mfp-iframe-scaler, .mfp-iframe-holder .mfp-content { /*width: 120%;
max-width: 80%;*/ max-width: 1280px; margin: auto; }
@media only screen and (min-width: 1024px) and (max-width: 1279px) { .mfp-iframe-holder .mfp-iframe-scaler, .mfp-iframe-holder .mfp-content { max-width: 1024px; } }
@media only screen and (max-width: 767px) { .mfp-iframe-holder .mfp-iframe-scaler, .mfp-iframe-holder .mfp-content { margin: 0; width: 100%; max-width: 100%; } }
@media only screen and (max-width: 767px) { .mfp-iframe-holder .mfp-content { vertical-align: top; } }

.mfp-iframe-scaler { /*padding-top:100%;*/ }
.mfp-iframe-scaler .mfp-iframe { width: 120%; max-width: 100%; margin: auto; }

.touched .mfp-inline-holder .mfp-content, .touched .mfp-ajax-holder .mfp-content { background: url("../images/forms/bg-muster.png") repeat repeat 0 0 #fff; }
@media only screen and (max-width: 767px) { .touched .mfp-inline-holder .mfp-content .pushmenu-wrapper, .touched .mfp-ajax-holder .mfp-content .pushmenu-wrapper { min-width: 260px; } }

.mfp-close-btn-in .mfp-close { font-size: 0; }
.mfp-close-btn-in .mfp-close:after { content: '\e63b'; color: #0D57A6; font-size: 30px; }

.mfp-iframe-holder .mfp-close { padding-top: 0; text-align: center; top: 20px; right: 10px; width: 100px; height: 44px; line-height: 44px; }
@media only screen and (max-width: 767px) { .mfp-iframe-holder .mfp-close { width: 44px; } }

#response { margin: 40px 30px 30px; width: auto; border-top: 2px solid #F5F5F5; }
#response .col { margin: 20px -20px 0 0; padding-left: 20px; width: 53%; }
@media only screen and (max-width: 767px) { #response .col { width: 100%; padding-left: 0; } }
#response .col:first-child { margin: 20px 0 0 0; padding-left: 0; width: 47%; border-right: 2px solid #F5F5F5; }
@media only screen and (max-width: 767px) { #response .col:first-child { width: 100%; border: none; } }
#response h4 { margin: 0; color: #000; }
#response fieldset { margin-top: 5px; }
#response input[type=submit] { margin: 15px 0; }
#response textarea { float: left; display: block; height: 75px; margin: 10px 0 3px; width: 235px; }
#response .call, #response .mail { border: 1px solid #919191 \9; -webkit-box-shadow: 3px 3px 0.5em #D2D2D2; box-shadow: 3px 3px 0.5em #D2D2D2; display: inline-block; height: 130px; margin-top: 15px; width: 130px; background: #F5F5F5; position: relative; color: #0D57A6; text-align: center; }
#response .call:hover, #response .call.is-active, #response .mail:hover, #response .mail.is-active { background: #EBEBEB; }
#response .call a, #response .mail a { display: block; height: 100%; width: 100%; position: absolute; text-align: center; }
#response .call a span, #response .mail a span { display: block; margin: 30px 0 10px; }
#response .call a span:before, #response .mail a span:before { font-size: 45px; }
#response .call { margin-right: 5px; }
#response .mail { margin-left: 5px; }

/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */
/* --------------------------------------------------  Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/
/* Mobile */
@media only screen and (max-width: 767px) { .table.responsive { margin-bottom: 0; }
  .pinned { position: absolute; left: 0; top: 0; background: #fff; width: 55%; overflow: hidden; overflow-x: scroll; -webkit-box-shadow: 4px 4px 15px 0.1em rgba(0, 0, 0, 0.25); z-index: 2; }
  .pinned .table { border-right: none; border-left: none; width: 100%; }
  .pinned .table .table-row, .pinned .table .table-cell { height: 80px; }
  .pinned .table .table-header .table-cell { height: auto; padding: 10px 20px; }
  .pinned td:last-child { border-bottom: 0; }
  div.table-wrapper { position: relative; overflow: hidden; border-right: 1px solid #ccc; }
  div.table-wrapper div.scrollable { margin-left: 55%; }
  div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }
  .table.responsive .table-cell { height: 80px; position: relative; white-space: nowrap; overflow: hidden; }
  .table.responsive .table-header .table-cell { height: auto; padding: 10px 5px; overflow: visible; }
  .table.responsive .table-cell:first-child, .table.responsive .table-cell:first-child, .table.responsive.pinned .table-cell { display: none; } }
.search-form .data-icon { float: right; }
@media print, (min-width: 768px) and (max-width: 1023px) { .search-form .data-icon { margin-right: 20px; } }
@media only screen and (max-width: 767px) { .search-form .data-icon { right: 35px; margin-top: -40px; position: absolute; } }
.search-form .data-icon:before { font-size: 170px; color: #EBEBEB; }
@media print, (min-width: 768px) and (max-width: 1023px) { .search-form .data-icon:before { font-size: 70px; } }
@media only screen and (max-width: 767px) { .search-form .data-icon:before { float: right; font-size: 50px; } }
.search-form form { margin: 0 auto 40px; width: 580px; text-align: center; }
@media only screen and (max-width: 767px) { .search-form form { margin: 0 auto 30px; width: 300px; } }
.search-form form input[type="text"] { height: 55px; padding: 0 20px; width: 490px; background: #F5F5F5; }
.lt-ie9 .search-form form input[type="text"] { line-height: 55px; }
@media only screen and (max-width: 767px) { .search-form form input[type="text"] { height: 40px; width: 210px; line-height: 40px; } }
.search-form form .btn { height: 55px; }
@media only screen and (max-width: 767px) { .search-form form .btn { height: 40px; } }

#main .article.tarifrechner.step-continue { background-color: transparent; }

@media only screen and (max-width: 767px) { #main .article.tarifrechner { margin-top: 40px; } }

@media only screen and (max-width: 768px) { .touched .page-wrapper { background-color: transparent; } }
.point-before, .point-after { position: absolute; left: 50%; background: #fff; border-radius: 50%; cursor: pointer; }

.point-before { height: 20px; margin: 50px 0 0; width: 20px; border: 1px solid #D2D2D2; }
@media only screen and (max-width: 767px) { .point-before { height: 15px; margin: 20px 15px 0 0px; width: 15px; } }

.point-after { height: 14px; margin: 53px 3px 0; width: 14px; }
@media only screen and (max-width: 767px) { .point-after { height: 9px; margin: 23px 15px 0 3px; width: 9px; } }

.tarifrechner { max-width: 100%; }
.tarifrechner .col-5 > * { width: 20%; }
.tarifrechner .col-4 > * { width: 24.9%; }
@media print, (min-width: 768px) and (max-width: 1023px) { .tarifrechner .col-4 > * { width: 24.5%; } }
@media only screen and (max-width: 767px) { .tarifrechner .col-4 > * { width: 24%; } }
.tarifrechner .col-3 > * { width: 33.3%; }
.tarifrechner .col-2 > * { width: 50%; }

#step-phone { display: none; }
@media only screen and (max-width: 767px) { #step-phone { display: block; font-size: 16px; padding-left: 10px; } }

.steps { height: 60px; margin: 0 10px; position: relative; clear: both; cursor: default; border-bottom: 3px solid #0D57A6; }
.steps:after { bottom: -11px; position: absolute; right: -7px; color: #0D57A6; font-size: 22px; }
@media print, (min-width: 768px) and (max-width: 1023px) { .steps .headline-h2 { font-size: 16px; } }
.steps > * { color: #919191; text-align: center; z-index: 12; background: transparent; position: relative; height: 100%; }
.steps > *.is-active, .steps > *.finished { color: #0D57A6; }
.steps > *.is-active .point-after, .steps > *.finished .point-after { background: #0D57A6; }
.steps > *.double .point-before { margin-left: -18px; }
.steps > *.double .point-after { margin-left: -15px; }
.steps > *.double + div { position: relative; width: 0; margin-left: -120px; }
@media only screen and (min-width: 1024px) and (max-width: 1279px) { .steps > *.double + div { margin-left: -97px; } }
@media print, (min-width: 768px) and (max-width: 1023px) { .steps > *.double + div { margin-left: -76px; } }
@media only screen and (max-width: 767px) { .steps > *.double + div { margin-left: -30px; } }
.steps > *.double + div .point-before { margin-left: 0; }
.steps > *.double + div .point-after { margin-left: 3px; }

@media only screen and (max-width: 767px) { #main .steps { height: 30px; }
  #main .steps .headline-h2 { font-size: 0; }
  #main .steps > *:after { top: 20px; } }

.step-continue .steps:after { right: auto; left: -12px; }

.form-bg { background-color: #fff; margin-top: 20px; padding: 20px 20px 80px; }
@media only screen and (max-width: 767px) { .form-bg { padding: 1px 10px 80px; } }

.continue, .decrease { margin: 0 2px; width: 170px; }
@media only screen and (max-width: 767px) { .continue, .decrease { width: 100%; margin: 0 0 20px; } }

@media only screen and (max-width: 767px) { .termination { width: 100%; } }
.termination .print { margin-right: 20px; }
@media only screen and (max-width: 767px) { .termination .print { display: none; } }
@media only screen and (max-width: 767px) { .termination .btn { width: 100%; margin-right: 0; margin: 0 0 20px; } }

.bg-character { float: right; margin-top: 100px; width: 35%; }
@media print, (min-width: 768px) and (max-width: 1023px) { .bg-character { margin-top: 60px; width: 30%; } }
@media only screen and (max-width: 767px) { .bg-character { float: none; margin: 0; width: 50%; } }
.bg-character img { width: 80%; }

.insurance-form { /*border-bottom: 1px solid $grey4;*/ padding-bottom: 40px; margin-bottom: 40px; }
.insurance-form.conform { padding: 0 20px; background-color: #fff; border: none; }
.insurance-form.conform .headline-h1 { text-align: left; }
.insurance-form .items.error .element { -webkit-box-shadow: inset 0 0 2px 1px #FF0000; box-shadow: inset 0 0 2px 1px #FF0000; }
.insurance-form dl { background-color: #F5F5F5; }
.insurance-form dl dt, .insurance-form dl dd { float: left; margin: 0; padding: 20px; width: 50%; border-top: 5px solid #fff; }
@media only screen and (max-width: 767px) { .insurance-form dl dt, .insurance-form dl dd { width: 100%; float: none; } }
@media only screen and (max-width: 767px) { .insurance-form dl dt { font-weight: 600; padding-bottom: 14px; } }
@media only screen and (max-width: 767px) { .insurance-form dl dd { border-top: none; padding-top: 0; } }
.insurance-form .item { width: 60%; float: left; padding: 20px; margin-bottom: 5px; background-color: #F5F5F5; position: relative; }
@media print, (min-width: 768px) and (max-width: 1023px) { .insurance-form .item { width: 100%; } }
@media only screen and (max-width: 767px) { .insurance-form .item { width: 100%; } }
.insurance-form .item label { display: inline-block; float: left; padding-right: 10px; width: 30%; }
@media only screen and (max-width: 767px) { .insurance-form .item label { width: 100%; padding-bottom: 20px; padding-right: 20px; } }
.insurance-form .item label.img span { float: left; padding-right: 10px; width: 60%; }
.insurance-form .item label.img img { max-width: 40%; }
.insurance-form .item .element { float: left; width: 60%; }
@media only screen and (max-width: 767px) { .insurance-form .item .element { width: 100%; } }
.insurance-form .item .holder { width: 60%; }
@media only screen and (max-width: 767px) { .insurance-form .item .holder { width: 100%; } }
.insurance-form .item .holder .element { width: auto; min-width: 70px; }
@media only screen and (max-width: 767px) { .insurance-form .item .holder .element { width: 100%; min-width: 100%; } }
.insurance-form .item .holder .notice { width: 100%; }
.insurance-form .item .check { background-color: #FFFFFF; border: 1px solid #D2D2D2; border-radius: 50%; display: block; float: right; height: 20px; width: 20px; position: absolute; right: 20px; top: 20px; }
.insurance-form .item .check.checked:before, .insurance-form .item .check.error:before { font-size: 36px; color: #0D57A6; margin-left: -7px; position: relative; top: -5px; }
.insurance-form .item .check.error:before { color: #FF0000; top: 0; margin-left: -9px; }
.insurance-form .item select { background: none; background-color: #fff; color: #919191; padding: 7px; text-transform: none; }
.insurance-form .item input { padding-left: 7px; }
.insurance-form .item .notice { clear: both; width: 90%; }
.insurance-form .item .notice > p { margin-top: 0; }
@media only screen and (max-width: 767px) { .insurance-form .item .notice { width: 100%; padding-right: 20px; } }
.insurance-form .item a { display: block; padding: 14px 0 0; }
.insurance-form .item.item-select-one-unit .holder, .insurance-form .item.item-input-one-unit .holder { width: 70%; }
@media only screen and (max-width: 767px) { .insurance-form .item.item-select-one-unit .holder, .insurance-form .item.item-input-one-unit .holder { width: 100%; } }
.insurance-form .item.item-select-one-unit .holder .element, .insurance-form .item.item-input-one-unit .holder .element { width: 65%; }
@media only screen and (max-width: 767px) { .insurance-form .item.item-select-one-unit .holder .element, .insurance-form .item.item-input-one-unit .holder .element { width: 100%; } }
.insurance-form .item.item-select-one-unit .holder label.unit, .insurance-form .item.item-input-one-unit .holder label.unit { padding-left: 20px; }
@media only screen and (max-width: 767px) { .insurance-form .item.item-select-one-unit .holder label.unit, .insurance-form .item.item-input-one-unit .holder label.unit { padding-left: 0; padding-top: 20px; } }
.insurance-form .item.item-select-three .holder .element { width: 30%; min-width: 70px; margin-right: 3.3%; }
@media only screen and (max-width: 767px) { .insurance-form .item.item-select-three .holder .element { width: 100%; margin-right: 0; margin-bottom: 20px; } }
.insurance-form .item.item-select-two .holder .element, .insurance-form .item.item-input-two .holder .element, .insurance-form .item.item-input-one-btn .holder .element { width: 30%; min-width: 70px; margin-right: 3.3%; }
@media only screen and (max-width: 767px) { .insurance-form .item.item-select-two .holder .element, .insurance-form .item.item-input-two .holder .element, .insurance-form .item.item-input-one-btn .holder .element { width: 100%; margin-right: 0; margin-bottom: 20px; } }
.insurance-form .item.item-select-two .holder .element.col-2-3, .insurance-form .item.item-input-two .holder .element.col-2-3, .insurance-form .item.item-input-one-btn .holder .element.col-2-3 { margin-right: 0; width: 66.6%; }
@media only screen and (max-width: 767px) { .insurance-form .item.item-select-two .holder .element.col-2-3, .insurance-form .item.item-input-two .holder .element.col-2-3, .insurance-form .item.item-input-one-btn .holder .element.col-2-3 { width: 100%; } }
.insurance-form .item.item-select-two .holder .element.btn, .insurance-form .item.item-input-two .holder .element.btn, .insurance-form .item.item-input-one-btn .holder .element.btn { margin-left: 3.3%; margin-right: 0; }
@media only screen and (max-width: 767px) { .insurance-form .item.item-select-two .holder .element.btn, .insurance-form .item.item-input-two .holder .element.btn, .insurance-form .item.item-input-one-btn .holder .element.btn { margin-left: 0; } }
.insurance-form .item.item-input-one-kennzeichen .holder { clear: none; padding: 0; margin-top: 0; background-position: 0 center; position: relative; }
.insurance-form .item.item-input-one-kennzeichen .holder .element { left: 41px; margin-left: 0; min-width: 51px; width: 51px; top: 0px\9; min-width: 40px\9; width: 40px\9; }
@media only screen and (max-width: 767px) { .insurance-form .item.item-input-one-kennzeichen .holder .element { height: 40px; left: 40px; margin-top: 7px; min-width: 40px; width: 40px; } }
@media only screen and (max-width: 767px) { .insurance-form .item.item-radio .element { position: relative; } }
.insurance-form .item.item-radio .element:first-child { padding-right: 60px; }
@media only screen and (max-width: 767px) { .insurance-form .item.item-radio .element:first-child { padding-right: 0; } }
@media only screen and (max-width: 767px) { .insurance-form .item.item-radio .element input { position: absolute; top: 3px; } }
.insurance-form .item.item-radio .element label { float: none; padding-left: 10px; }
@media only screen and (max-width: 767px) { .insurance-form .item.item-radio .element label { padding-left: 23px; } }
.insurance-form .item.item-radio-three-bottom .holder { width: 90%; }
.insurance-form .item.item-radio-three-bottom .holder .element { width: 33.3%; padding-right: 10px; }
@media print, (min-width: 768px) and (max-width: 1184px) { .insurance-form .item.item-radio-three-bottom .holder .element { width: 100%; }
  .insurance-form .item.item-radio-three-bottom .holder .element input { float: left; margin: 3px 7px 0 0; } }
@media only screen and (max-width: 767px) { .insurance-form .item.item-radio-three-bottom .holder .element { width: 100%; position: relative; }
  .insurance-form .item.item-radio-three-bottom .holder .element input { position: absolute; left: 0; top: 3px; } }
.insurance-form .item.item-radio-three-bottom .holder .element label { padding-top: 14px; width: auto; }
@media print, (min-width: 768px) and (max-width: 1184px) { .insurance-form .item.item-radio-three-bottom .holder .element label { padding-top: 0; padding-bottom: 14px; width: 90%; } }
@media only screen and (max-width: 767px) { .insurance-form .item.item-radio-three-bottom .holder .element label { padding: 0 0 20px 23px; } }
.insurance-form .item.item-checkbox .element, .insurance-form .item.item-checkbox-two .element { width: auto; position: relative; }
@media only screen and (max-width: 767px) { .insurance-form .item.item-checkbox .element, .insurance-form .item.item-checkbox-two .element { width: 100%; } }
.insurance-form .item.item-checkbox label, .insurance-form .item.item-checkbox-two label { width: auto; padding-left: 24px; }
.insurance-form .item.item-checkbox input, .insurance-form .item.item-checkbox-two input { float: left; padding-top: 3px; position: absolute; top: 3px; left: 0; }
.insurance-form .item.item-checkbox-two .element { width: 45%; }
@media only screen and (max-width: 767px) { .insurance-form .item.item-checkbox-two .element { width: 100%; } }
.insurance-form .item.item-input-checkbox .holder.one input { width: 100%; }
.insurance-form .item.item-input-checkbox input[type="checkbox"] { float: left; margin-right: 14px; width: auto; }
.insurance-form .item.item-summary { color: #fff; }
.insurance-form .item.item-summary.intermediate-total { background-color: #86ABD2; }
.insurance-form .item.item-summary.total { background-color: #0D57A6; }
.insurance-form .item.item-summary .summe { text-align: right; width: 70%; }
@media only screen and (max-width: 767px) { .insurance-form .item.item-summary .summe { text-align: left; } }
.insurance-form .item.item-scale .holder { height: 60px; border-bottom: 2px solid #D2D2D2; }
.insurance-form .item.item-scale .holder .point { display: block; text-align: center; position: relative; }
@media only screen and (max-width: 767px) { .insurance-form .item.item-scale .holder .point .point-before, .insurance-form .item.item-scale .holder .point .point-after { margin: 0; top: 50px; } }
@media only screen and (max-width: 767px) { .insurance-form .item.item-scale .holder .point .point-before { bottom: 15px; } }
@media only screen and (max-width: 767px) { .insurance-form .item.item-scale .holder .point .point-after { bottom: 18px; margin-left: 3px; top: 53px; } }
.insurance-form .item.item-scale .holder .point.active:after { background-color: transparent\9; }
.insurance-form .item.item-scale .holder .point.active .point-after { background: #0D57A6; }
@media only screen and (max-width: 767px) { .insurance-form .item.item-password label { padding-right: 0; } }
.insurance-form .item.item-password .holder { width: 70%; }
@media only screen and (max-width: 767px) { .insurance-form .item.item-password .holder { width: 100%; } }
.insurance-form .item.item-password .holder .element { width: 60%; }
@media only screen and (max-width: 767px) { .insurance-form .item.item-password .holder .element { width: 100%; } }
.insurance-form .item.item-password .holder .status { width: 40%; padding-left: 10px; text-align: right; }
@media only screen and (max-width: 767px) { .insurance-form .item.item-password .holder .status { padding-left: 0; padding-top: 20px; text-align: left; width: 100%; } }
.insurance-form .item.item-password .holder .status span:after { font-size: 22px; }
.insurance-form .item.text { background: #fff; padding: 20px 0 0; }
@media only screen and (max-width: 767px) { .insurance-form .item.text { padding: 0; } }
.insurance-form .item.text ul { list-style: none; padding-left: 16px; }
.insurance-form .item.text ul .icon-arrow:before { margin-left: -16px; }
.insurance-form .item.text .icon-arrow:before { vertical-align: top; }
.insurance-form .item.text .element { margin-bottom: 14px; position: relative; }
.insurance-form .item.text .element, .insurance-form .item.text .element label { float: none; width: auto; }
.insurance-form .item.text input[type="checkbox"] { position: absolute; top: 3px; }
.insurance-form .item.text label { padding: 0 0 0 22px; }
.insurance-form .items.error-box .item { margin-bottom: 20px; background-color: #FF0000; }
.insurance-form .items.double-row .item { margin: 0; }
@media only screen and (max-width: 767px) { .insurance-form .items.double-row .item input[type="checkbox"] { position: absolute; left: 20px; margin-top: 3px; }
  .insurance-form .items.double-row .item label { padding: 0 20px 0 23px; } }
@media only screen and (max-width: 767px) { .insurance-form .items.double-row .item .holder { margin-top: 14px; } }
.insurance-form .items.focus .item { background-color: #EBEBEB; }
.insurance-form .items.focus .item.text { background-color: #fff; }
@media print, (min-width: 768px) and (max-width: 1023px) { .insurance-form.conform .item { width: 70%; } }
.insurance-form .feedback { display: none; width: 40%; padding-left: 30px; padding-right: 20px; position: absolute; right: 0; }
@media only screen and (max-width: 1023px) { .insurance-form .feedback { position: relative; padding: 0; width: 100%; }
  .insurance-form .feedback .box { margin: 20px 0; } }
.insurance-form .feedback h4 { margin-top: 0; }
.insurance-form .feedback img { max-width: 100%; }
.insurance-form .feedback:before { top: 14px; left: 30px; }
@media only screen and (max-width: 1023px) { .insurance-form .feedback:before { top: 6px; } }
.insurance-form .feedback .box { position: relative; background-color: #F5F5F5; padding: 49px 14px 14px; }
.insurance-form .feedback .box:after { display: block; margin-top: 3.33333px; width: 0; border-style: solid; border-color: transparent #F5F5F5 transparent transparent; border-width: 10px 10px 10px 0; position: absolute; top: 0; left: -9px; content: ''; }
.insurance-form .feedback .box:before { font-size: 30px; position: absolute; top: 14px; }
@media only screen and (max-width: 1023px) { .insurance-form .feedback .box { position: relative; position: relative; }
  .insurance-form .feedback .box:after { content: none; }
  .insurance-form .feedback .box:after { display: block; margin-top: 0; position: absolute; right: 0px; width: 0; border-style: solid; border-color: transparent transparent #F5F5F5; border-width: 0 15px 15px; content: ''; cursor: pointer; }
  .insurance-form .feedback .box:after { left: 12px; top: -13px; } }
.insurance-form .feedback .box p > small { font-size: inherit; }
.insurance-form .feedback .info:before { color: #0D57A6; }
.insurance-form .feedback .warning { color: #FF0000; }
.insurance-form .items.focus .feedback { display: block; }
.insurance-form .items.focus.error .feedback { display: block; }
.insurance-form .items.focus.error .feedback .info { display: none; }
.insurance-form .items.focus.error .feedback .warning { display: block; }

.vm-policen table { width: 100%; }
.vm-policen th { background-color: #0D57A6; color: #fff; text-align: left; padding: 5px; }
.vm-policen tr:hover, .vm-policen tr.is-active { background: #EBEBEB; }
.vm-policen td { border-bottom: 1px solid #D2D2D2; padding: 5px; }

.pageselect { margin: 10px; float: right; }

ul.vm-doc-list li { list-style-type: none; }
ul.vm-doc-list li:before { color: #0D57A6; content: '- \a0'; }

.feedback .feedback-form { margin: 20px 0; }
.feedback .feedback-rating-smiley { text-indent: -10000px; width: 40px; height: 40px; display: inline-block; top: -10px; position: relative; margin: 0 10px; background-repaet: no-repeat; }
@media only screen and (max-width: 767px) { .feedback .feedback-rating-smiley { top: 0; } }
.feedback .feedback-rating-smileyleft { background-image: url(../images/feedback/smily_bad.png); }
.feedback .feedback-rating-smileyright { background-image: url(../images/feedback/smily_good.png); }
.feedback textarea { display: block; width: 100%; height: 80px; }
.feedback .feedback-rating-line { text-align: center; }
.feedback .feedback-rating-line .feedback-rating-radios { width: 32px; display: inline-block; margin: 0 1px; }
@media only screen and (max-width: 767px) { .feedback .feedback-rating-line .feedback-rating-radios { width: 100%; display: block; } }
.feedback .feedback-rating-line .bar { padding-bottom: 5px; }
.feedback .feedback-rating-line .bar-0 { border-top: 5px solid #FE0000; }
.feedback .feedback-rating-line .bar-1 { border-top: 5px solid #E61400; }
.feedback .feedback-rating-line .bar-2 { border-top: 5px solid #CC2900; }
.feedback .feedback-rating-line .bar-3 { border-top: 5px solid #B33D00; }
.feedback .feedback-rating-line .bar-4 { border-top: 5px solid #995200; }
.feedback .feedback-rating-line .bar-5 { border-top: 5px solid #806600; }
.feedback .feedback-rating-line .bar-6 { border-top: 5px solid #667A00; }
.feedback .feedback-rating-line .bar-7 { border-top: 5px solid #4D8F00; }
.feedback .feedback-rating-line .bar-8 { border-top: 5px solid #33A300; }
.feedback .feedback-rating-line .bar-9 { border-top: 5px solid #1AB800; }
.feedback .feedback-rating-line .bar-10 { border-top: 5px solid #92D14F; }

@media print, (min-width: 768px) and (max-width: 1184px) { .contract { padding-left: 20px; padding-right: 20px; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .contract { padding-left: 0; padding-right: 0; } }
@media only screen and (max-width: 767px) { .contract { padding-left: 20px; padding-right: 20px; } }
.contract .col > h2 { font-size: 32px; text-align: center; }
@media only screen and (max-width: 767px) { .contract .col > h2 { font-size: 26px; } }

.contract-overview { margin: 0 -10px 40px; }
@media only screen and (max-width: 1024px) { .contract-overview { margin: 0 auto; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .contract-overview { width: 75%; } }
@media only screen and (max-width: 767px) { .contract-overview { width: 100%; } }
.contract-overview input[type="number"] { -moz-appearance: textfield; }
.contract-overview input[type="number"]::-webkit-inner-spin-button, .contract-overview input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.contract-facts { float: left; padding: 0 10px; width: 50%; }
@media only screen and (max-width: 1024px) { .contract-facts { float: none; padding: 0; width: 100%; } }
@media only screen and (max-width: 767px) { .contract-facts { padding: 0; } }
.contract-facts .btn-container { position: absolute; right: 1px; top: 0; }
.contract-facts .btn { padding: 0 20px; }
.contract-facts h3, .contract-facts .btn { line-height: 30px; }
.contract-facts input { line-height: 34px\9; }

.contract-form { display: none; }
.contract-form input { padding-left: 7px; padding-right: 7px; width: 100%; }
.contract-form input[type="radio"], .contract-form input[type="checkbox"] { margin-right: 5px; width: auto; }

.grid-1-3, .grid-2-3 { float: left; }

.grid-1-3 { margin-right: 3.33%; width: 30%; }

.grid-2-3 { width: 66.66%; }

.has-radios label { padding-right: 60px; cursor: pointer; }

form.is-editmode .contract-form, form.is-editmode [type="submit"] { display: block; }
form.is-editmode .contract-value, form.is-editmode .edit { display: none; }

.lt-ie9 .iconbox.icon-special { padding: 20px 0; }

.actions { clear: both; margin: 20px 0 40px; text-align: center; }
.actions .btn { display: inline-block; padding-left: 40px; padding-right: 40px; }
@media only screen and (max-width: 767px) { .actions .btn { display: block; } }

.arrow:after { float: right; right: 20px; top: 0; content: '\e636'; font-size: 20px; font-size: 1.429rem; }
.is-visible .arrow:after { content: '\e633'; }

.contract-data { position: relative; border-bottom: 1px solid #F5F5F5; }
.contract-data dl { margin: 0; background: #F5F5F5; overflow: hidden; }
.contract-data dt { clear: left; }
.contract-data dt, .contract-data dd { float: left; margin: 0; padding: 10px 1em; width: 50%; border-top: 2px solid #fff; }
@media only screen and (max-width: 767px) { .contract-data dt, .contract-data dd { float: none; width: 100%; } }
.contract-data.is-editmode dt { width: 30%; }
.contract-data.is-editmode dt.info { width: 100%; }
.contract-data.is-editmode dd { width: 70%; line-height: 40px; }
@media only screen and (max-width: 767px) { .contract-data.is-editmode dt, .contract-data.is-editmode dd { width: 100%; } }
.contract-data .info { width: 100%; font-weight: normal; }
.contract-data .info p { margin: 0; padding: 5px 0; }
.contract-data .info .data-icon:before { font-size: 1.5em; }
.contract-data dt { font-weight: bold; }
@media only screen and (max-width: 767px) { .contract-data dd { padding-top: 0; border-top: 0 none; } }

.contract-personal dl { border-top: 2px solid #fff; }
.contract-personal dd, .contract-personal dt { border: 0 none; }
.contract-personal .info p { border-top: 1px solid #D2D2D2; }

.js .accordion-content { display: none; }
.is-visible .accordion-content { display: block; }

.contract-links h4 { margin: 0; padding-bottom: 5px; border-bottom: 1px solid #D2D2D2; }
.contract-links ul { margin: 0; padding: 0; list-style: none; }
@media only screen and (max-width: 767px) { .sidebar-content .contract-links ul { display: none; } }
.contract-links li { border-bottom: 1px solid #D2D2D2; }
.contract-links li.is-last { padding-top: 10px; border: 0 none; }
.contract-links li.left { margin-bottom: 40px; padding: 0 10px; width: 25%; border: none; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .contract-links li.left { width: 50%; }
  .contract-links li.left.vertragsspalte_3 { clear: left; } }
@media only screen and (max-width: 767px) { .contract-links li.left { float: none; margin: 0 auto 40px; width: 100%; } }
.contract-links li.left.vertragsspalte_1 { clear: left; }
.contract-links a { display: block; padding: 5px 0; color: #919191; }
.contract-links a:active, .contract-links a:hover, .contract-links .is-active { color: #0D57A6; text-decoration: none; }
.contract-links .data-icon:before { padding-right: 5px; }
.contract-links .btn.data-icon { margin: 10px 0; overflow: hidden; padding: 0 10px; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.contract-links .btn.data-icon:before { font-size: 1.5em; vertical-align: middle; }
.contract-links .back:before { padding-right: 10px; }
.contract-links .has-floats { margin: 20px -10px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .contract-links.is-responsive { margin: 0 auto; width: 75%; } }
.contract-links .contract-list.inaktiv { padding-top: 35px; border-top: 1px solid #D2D2D2; }
.contract-links .contract-list.inaktiv li a.iconbox:hover { background-color: #F5F5F5; cursor: default; }

.hasSidebars aside { margin: 0; }
.hasSidebars aside.left { width: 25%; }
.hasSidebars aside div:before { content: none; }
.hasSidebars .content { width: 50%; margin-bottom: 30px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .hasSidebars aside, .hasSidebars aside.left, .hasSidebars .content { float: none; margin: 0 auto 30px; width: 75%; } }
@media only screen and (max-width: 767px) { .hasSidebars aside, .hasSidebars aside.left, .hasSidebars .content { width: 100%; } }

.sidebar-content { max-width: 198px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .sidebar-content { max-width: 1000px; } }
@media only screen and (max-width: 767px) { .sidebar-content { max-width: 1000px; } }
.sidebar-content .iconbox:before { font-size: 80px; }

a.iconbox { display: block; margin-bottom: 20px; padding: 20px 0; position: relative; border: 1px solid #D2D2D2 \9; -webkit-box-shadow: 3px 3px 0.5em #D2D2D2; box-shadow: 3px 3px 0.5em #D2D2D2; background: #F5F5F5; color: #0D57A6; text-align: center; }
a.iconbox:active, a.iconbox:hover, a.iconbox.is-active { background: #EBEBEB; }
a.iconbox:before, a.iconbox:after { display: block; padding: .25em 0; font-size: 100px; text-align: center; }
a.iconbox:hover { text-decoration: none; }

@media only screen and (min-width: 768px) and (max-width: 1024px) { .buttonbox > .iconbox { display: inline-block; margin: 5px 1%; width: 48%; } }
@media only screen and (max-width: 767px) { .buttonbox > .iconbox { display: block; width: 98%; } }

.teaser-container { margin: 20px -20px 0; text-align: center; }
@media only screen and (max-width: 767px) { .teaser-container { margin: 0; } }
.teaser-container .overview { display: inline-block; float: none; }

header { position: fixed; top: 0; width: 100%; z-index: 9999; }
header ul { margin: 0; padding: 0; list-style: none; }
header ul li { float: left; }
header ul li a { color: #0D57A6; }
header ul li a:hover { color: #FF0000; }
header .arrow { display: block; height: 0px; position: relative; margin: 6px auto; margin: 8px auto\9; width: 0px; border-style: solid; border-width: 0 10px 10px; border-color: transparent transparent #3D79B8; }
header .arrow.is-visible { display: block; }
@media only screen and (max-width: 767px) { header .arrow { display: none; } }
header .arrow:after { display: none; }

.header-1st { -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.3); height: 105px; position: fixed; width: 100%; z-index: 999; background: white; border-bottom: 1px solid #D2D2D2 \9; }
@media only screen and (max-width: 767px) { .header-1st { -webkit-box-shadow: none; box-shadow: none; } }
.header-1st .logo { float: left; margin: 10px 20px 0 0; width: 200px; }
@media print, (min-width: 768px) and (max-width: 1184px) { .header-1st .logo { margin: 10px 40px 0 20px; } }
@media only screen and (max-width: 767px) { .header-1st .logo { margin: 5px 0 0 10px; } }
.header-1st .logo .logo { width: 200px; }
@media only screen and (max-width: 767px) { .header-1st .logo .logo { width: 118px; } }

.header-2nd { padding: 9px 0 7px; position: fixed; top: 105px; width: 100%; z-index: 99; background: #0D57A6; -webkit-transition: -webkit-box-shadow .1s; transition: box-shadow .1s; }
@media print, (min-width: 768px) and (max-width: 1184px) { .header-2nd { padding: 9px 0 7px 40px; } }
@media only screen and (max-width: 767px) { .header-2nd { display: none; } }
.header-2nd.is-scrolling { -webkit-box-shadow: 0px 0px 50px 50px rgba(255, 255, 255, 0.5); box-shadow: 0px 0px 50px 50px rgba(255, 255, 255, 0.5); }

#search { padding: 20px; position: absolute; right: 0; top: 55px; width: 380px; z-index: 100; -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3); }
@media print, (min-width: 768px) and (max-width: 1184px) { #search { padding: 0; top: 105px; width: 100%; background: none; -webkit-filter: none; filter: none; -webkit-box-shadow: none; box-shadow: none; } }
@media only screen and (max-width: 767px) { #search { clear: both; padding: 5px 20px; position: relative; right: inherit; top: inherit; width: 100%; text-align: center; }
  #search form { overflow: hidden; width: 100%; }
  #search fieldset { margin: 0 auto; width: 280px; } }
@media print, (min-width: 768px) and (max-width: 1184px) { #search .inner-content { margin: 0 auto; width: 380px; }
  #search form { display: none\9; opacity: 0; visibility: hidden; -webkit-transition: visibility 0s, opacity 0s; transition: visibility 0s, opacity 0s; z-index: -1; padding: 20px; background: -webkit-gradient(linear, left top, left bottom, from(#3D79B8), to(#0D57A6)) repeat scroll 0% 0% transparent; background: -webkit-linear-gradient(top, #3D79B8 0%, #0D57A6 100%) repeat scroll 0% 0% transparent; background: linear-gradient(to bottom, #3D79B8 0%, #0D57A6 100%) repeat scroll 0% 0% transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF3D79B8', endColorstr='#FF0D57A6'); -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3); }
  #search form.is-visible { display: block\9; opacity: 1; visibility: visible; -webkit-transition: visibility 3s, opacity 0.5s; transition: visibility 3s, opacity 0.5s; z-index: 104; }
  #search form fieldset { margin: 0 auto; width: 380px; }
  #search form fieldset label { text-align: center; } }
#search .data-icon { display: none; }
@media print, (min-width: 768px) and (max-width: 1184px) { #search .data-icon { display: block; height: 64px; position: absolute; right: 0; top: -45px; width: 50px; background: -webkit-gradient(linear, left top, left bottom, from(#3D79B8), to(#0D57A6)) repeat scroll 0% 0% transparent; background: -webkit-linear-gradient(top, #3D79B8 0%, #0D57A6 100%) repeat scroll 0% 0% transparent; background: linear-gradient(to bottom, #3D79B8 0%, #0D57A6 100%) repeat scroll 0% 0% transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF3D79B8', endColorstr='#FF0D57A6'); text-align: center; -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3); }
  #search .data-icon:before { height: 64px; position: absolute; right: 0; top: 0; width: 48px; color: #fff; font-size: 40px; line-height: 45px; } }
@media only screen and (min-width: 768px) and (max-width: 1184px) and (max-width: 767px) { #search .data-icon:before { content: normal; } }
@media print, (min-width: 768px) and (max-width: 1184px) { #search .data-icon.close { display: none; }
  #search .data-icon.close:before { font-size: 24px; } }
#search:after { content: '\e62e'; position: absolute; right: 5px; top: 30px; color: #fff; color: rgba(255, 255, 255, 0.5); font-size: 40px; line-height: 0; }
@media print, (min-width: 768px) and (max-width: 1184px) { #search:after { content: normal; } }
@media only screen and (max-width: 767px) { #search:after { content: normal; } }
#search label { display: block; margin-bottom: 15px; color: #fff; font-size: 20px; }
@media only screen and (max-width: 767px) { #search label { display: none; } }
#search input { height: 30px; width: 340px; font-size: 14px; padding: 5px 10px; border: none; }
#search input:after { content: normal; }
@media print, (min-width: 768px) and (max-width: 1184px) { #search input { width: 380px; } }
@media only screen and (max-width: 767px) { #search input { width: 280px; }
  #search input:after { content: '\e62e'; float: right; } }
#search .arrow { top: 20px; margin: 0 auto 0; }
@media print, (min-width: 768px) and (max-width: 1184px) { #search .arrow { top: -10px; } }
@media only screen and (max-width: 767px) { #search .arrow { display: none; } }
#search #search-submit { float: right; height: 30px; line-height: 1.9em; margin-top: -30px; padding: 0 10px; width: auto; position: relative; }

.lt-ie9 #form-search fieldset { position: relative; }
.lt-ie9 #form-search #search-submit { bottom: 0; position: absolute; right: 0; }

body { color: #414141; line-height: 18px; font-size: 14px; font-size: 1rem; }
.lt-ie9 body { min-width: 1024px; }

.mobile-home-container { display: none; }
@media only screen and (max-width: 767px) { .mobile-home-container { display: block; } }

.article { padding-top: 139px; padding-bottom: 40px; background: white; }
@media only screen and (max-width: 767px) { .article { margin: 0 auto 60px; max-width: 320px; padding-top: 125px; width: auto; }
  .article.faq, .article.searchresults { margin: 0 auto 60px; max-width: 300px; padding-top: 90px; } }

@media only screen and (max-width: 767px) { .article_phone { padding-left: 10px; padding-right: 10px; } }

.pushmenu-wrapper { min-height: 100%; overflow: hidden; position: relative; z-index: 2; -webkit-transition: all 0.3s; transition: all 0.3s; }
@media only screen and (max-width: 767px) { .pushmenu-wrapper { min-width: 300px; max-width: 767px; } }
.pushmenu-wrapper.is-open { -webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.25); box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.25); -webkit-transform: translateX(-90%); -ms-transform: translateX(-90%); transform: translateX(-90%); position: fixed; width: 300px; }
@media only screen and (max-width: 767px) { .pushmenu-wrapper.is-open { -webkit-transform: translateX(-230px); -ms-transform: translateX(-230px); transform: translateX(-230px); position: relative; }
  .pushmenu-wrapper.is-open header { position: absolute; left: 0; }
  .pushmenu-wrapper.is-open header .header-1st, .pushmenu-wrapper.is-open header .pushmenu { position: relative; left: 0; }
  .pushmenu-wrapper.is-open #search-submit { right: 20px; } }
.pushmenu-wrapper.is-open:after { bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1000; background: #fff; content: ''; opacity: 1; }

a { color: #0D57A6; cursor: pointer; text-decoration: none; }
a:hover { text-decoration: underline; text-decoration: none\9; }

.content .col { margin-bottom: 40px; border-top: 1px solid #D2D2D2; }
@media only screen and (max-width: 767px) { .content .col { border-top: none; } }
.content .col.left, .content .col.right { width: 50%; }
.content .col.left .headline-h1, .content .col.right .headline-h1 { text-align: left; }
@media only screen and (max-width: 767px) { .content .col.left, .content .col.right { float: none; width: 100%; } }
.content .col.left.col-25, .content .col.right.col-25 { width: 25%; }
.content .col.left img, .content .col.right img { max-width: 100%; }
.content .col.full-width { clear: both; }
.content .col.full-width, .content .col.right { border-top: 1px solid #D2D2D2; }

.headline { margin: 40px 0; }

.teaser { clear: both; margin: 20px -10px 0; }
@media only screen and (max-width: 767px) { .teaser { margin: 0; } }

input[type="text"], input[type="email"], input[type="password"], input[type="phone"], input[type="number"], select { height: 40px; border: 1px solid #D2D2D2; -webkit-box-shadow: inset 0 0 2px 1px #D2D2D2; box-shadow: inset 0 0 2px 1px #D2D2D2; }
input[type="text"].error, input[type="email"].error, input[type="password"].error, input[type="phone"].error, input[type="number"].error, select.error { -webkit-box-shadow: inset 0 0 2px 1px #FF0000; box-shadow: inset 0 0 2px 1px #FF0000; border-color: #FF0000 \9; }

textarea { background: #F5F5F5; border: 1px solid #D2D2D2; -webkit-box-shadow: inset 0 0 2px 1px #D2D2D2; box-shadow: inset 0 0 2px 1px #D2D2D2; }

.inline-popup-content { display: none; }

#home .content-wrapper { margin: 0 auto; }
#home .overlay { height: 100%; position: fixed; top: 0; width: 100%; z-index: 99999; background: white; opacity: 0.8; }

@media only screen and (max-width: 767px) { .home { display: table; padding-top: 139px; width: 280px; }
  .home .content-wrapper { margin: 0; }
  .home .container { display: none; } }
@media print, (min-width: 768px) and (max-width: 1023px) { .home .content-wrapper { margin: 0 40px; } }
.home .box-container { margin-top: 20px; }
@media only screen and (max-width: 767px) { .home .box-container { height: 750px; margin-top: 20px; } }
@media print, (min-width: 768px) and (max-width: 1023px) { .home .box-container { margin: 0 auto; width: 690px; } }
@media only screen and (min-width: 1024px) and (max-width: 1279px) { .home .box-container { margin: 150px 0 0; } }
.home .box-container .productbox { height: 280px; padding: 20px; position: relative; }
@media only screen and (min-width: 1024px) and (max-width: 1279px) { .home .box-container .productbox.overview { width: 320px; } }
@media only screen and (max-width: 767px) { .home .box-container .productbox { padding: 10px 20px; } }
@media print, (min-width: 768px) and (max-width: 1023px) { .home .box-container .productbox { padding: 10px 20px; margin: 0 6px 25px; } }
@media print, (min-width: 768px) and (max-width: 1023px) { .home .box-container .productbox.ekomi { float: left; } }
.home .box-container .productbox.ekomi .empty.rating-discs { margin: 15px auto; }
.home .box-container .productbox.ekomi .slides-bullets { margin-top: -10px; }
@media only screen and (max-width: 767px) { .home .box-container .productbox.ekomi .slides-bullets { margin-top: 10px; } }
.home .box-container .productbox.ekomi footer { bottom: 10px; }
@media print, (min-width: 768px) and (max-width: 1023px) { .home .box-container .productbox.ekomi footer { bottom: 10px; } }
@media only screen and (min-width: 1024px) and (max-width: 1279px) { .home .box-container .productbox.ekomi footer { width: 280px; }
  .home .box-container .productbox.ekomi footer span { width: 60%; display: inline-block; } }
.home .box-container .productbox.info { background: #F5F5F5; }
@media print, (min-width: 768px) and (max-width: 1023px) { .home .box-container .productbox.info:first-child { float: none; height: 195px; width: 677px; }
  .home .box-container .productbox.info p { margin: 0; } }
.home .box-container .productbox.info h2 { margin: 0; padding: 0 0 5px; font-size: 1.571rem; line-height: 2rem; text-align: left; border-bottom: 1px solid #0D57A6; }
@media only screen and (max-width: 767px) { .home .box-container .productbox.info h2 { font-size: 20px; font-size: 1.429rem; } }
@media print, (min-width: 768px) and (max-width: 1023px) { .home .box-container .productbox.info h2 { margin: 0 0 10px; } }
.home .box-container .productbox.info h2 .data-icon { display: block; float: right; height: 1px; width: 66px; }
.home .box-container .productbox.info h2 .data-icon:before { margin-top: -15px; position: absolute; font-size: 80px; }
@media only screen and (max-width: 767px) { .home .box-container .productbox.info h2 .data-icon:before { margin-top: -45px; } }
.home .box-container .productbox.info .checklist { margin: 25px 0 30px; }
@media only screen and (max-width: 767px) { .home .box-container .productbox.info .checklist { margin: 25px 0 10px; } }
.home .box-container .productbox.info .checklist li { margin-bottom: 10px; }
.home .box-container .productbox.info .checklist li .inner-li { padding-left: 25px; }
.home .box-container .productbox.info .checklist li .inner-li:before { height: 30px; margin: 0 0 0 -30px; font-size: 30px; }
.home .box-container .productbox.info .checklist li .inner-li .headline-h3 { color: #0D57A6; }
.home .box-container .productbox a.btn { bottom: 27px; display: block; position: absolute; }
@media only screen and (max-width: 767px) { .home .box-container .productbox a.btn { bottom: initial; width: 240px; } }
@media print, (min-width: 768px) and (max-width: 1023px) { .home .box-container .productbox a.btn { bottom: inherit; margin-top: 10px; } }
.home #slides-container { display: table; }
@media only screen and (min-width: 1280px) { .home #slides-container { margin-bottom: 134px; } }
@media only screen and (max-width: 767px) { .home #slides-container { display: none; } }
.home #slides-container .slides-bullets { display: block; margin: -10% 0 2%; z-index: 1; }
@media print, (min-width: 768px) and (max-width: 1023px) { .home #slides-container .slides-bullets { margin: -15% 0 2%; width: 768px; } }
@media only screen and (min-width: 1024px) and (max-width: 1279px) { .home #slides-container .slides-bullets { margin: -20% 0 2%; width: 1024px; } }
.home #slides-container .slides-bullets li { max-width: 18%; position: relative; }
.home #slides-container .slides-bullets li img { -webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.25); box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.25); display: none; width: 100%; }
@media only screen and (min-width: 1280px) { .home #slides-container .slides-bullets li { margin: 0 5px; } }
.home .mobile-home-container { display: table; margin: 10px -8px; padding: 0; z-index: 9999; list-style: none; text-align: center; }
.home .mobile-home-container li { float: left; height: 132px; margin: 8px; padding: 10px; width: 132px; background: #F5F5F5; position: relative; }
.home .mobile-home-container li.krank { padding: 10px 0; }
.home .mobile-home-container li.damage-report { background: #FF0000; color: #fff; cursor: pointer; }
.home .mobile-home-container li.damage-report:before { content: '\e637'; color: #fff; display: block; margin: 30px 0 0; font-size: 65px; }
.home .mobile-home-container li.damage-report span { display: block; margin-top: 30px; font-size: 16px; /* Fallback */ font-size: 1.143rem; }
.home .mobile-home-container li.damage-report span.headline { font-size: 22px; /* Fallback */ font-size: 1.571rem; }
.home .mobile-home-container li.damage-report span.headline:after { content: '\e63b'; margin: -34px 0 0; font-size: 30px; }
.home .mobile-home-container li.damage-report span.headline:before { content: '\e637'; display: block; margin: -10px 0 25px -10px; font-size: 65px; }
.home .mobile-home-container li.damage-report section { margin: 40px auto 0 -20px; right: initial; position: fixed; top: 0; width: 300px; z-index: 99999; text-align: left; }
.home .mobile-home-container li.damage-report section a[href^="tel:"] { font-size: 26px; /* Fallback */ font-size: 1.857rem; line-height: 34px; /* Fallback */ line-height: 2.429rem; }
.home .mobile-home-container li.damage-report section span { margin-top: 10px; }
.home .mobile-home-container li.damage-report section span.headline { margin-top: 40px; }
.home .mobile-home-container li a { font-size: 16px; /* Fallback */ font-size: 1.143rem; }
.home .mobile-home-container li .icon-special .is-icon { width: 90px; }
.home .mobile-home-container li .icon-special .is-icon:before, .home .mobile-home-container li .icon-special .is-icon:after { font-size: 90px; }
.home .slide-container { max-height: 500px; overflow: hidden; position: relative; width: 100%; }

@media only screen and (max-width: 767px) { .company.article { max-width: 100%; width: 280px; } }

@media only screen and (min-width: 1024px) and (max-width: 1279px) { .page-wrapper div.company { margin-left: 40px; margin-right: 40px; } }
@media print, (min-width: 768px) and (max-width: 1023px) { .page-wrapper div.company { margin-left: 40px; margin-right: 40px; } }
@media only screen and (max-width: 767px) { .page-wrapper div.company { margin: 0 auto; } }
@media only screen and (min-width: 1024px) and (max-width: 1279px) { .page-wrapper div.company .content .col { margin-bottom: 26px; } }
@media only screen and (max-width: 767px) { .page-wrapper div.company .content .col { margin-bottom: 20px; } }

.intro-area { border-bottom: 1px solid #D2D2D2; }
.intro-area article.col, .intro-area article.col { border: none; padding-left: 10px; }
@media print, (min-width: 768px) and (max-width: 1023px) { .intro-area article.col.left, .intro-area article.col.left { width: 100%; float: none; padding: 0; }
  .intro-area article.col.left img, .intro-area article.col.left img { max-width: 50%; } }
@media only screen and (max-width: 767px) { .intro-area article.col.left, .intro-area article.col.left:first-child, .intro-area article.col.left, .intro-area article.col.left:first-child { width: 100%; padding: 0; }
  .intro-area article.col.left img, .intro-area article.col.left:first-child img, .intro-area article.col.left img, .intro-area article.col.left:first-child img { max-width: 100%; } }
.intro-area article.col:first-child, .intro-area article.col:first-child { padding-left: 0; padding-right: 10px; }
.intro-area article.col > p, .intro-area article.col > p { margin-top: 0; }

.company h2 { font-size: 32px; /* Fallback */ font-size: 2.286rem; line-height: 38px; /* Fallback */ line-height: 2.45rem; text-align: center; }
@media only screen and (max-width: 767px) { .company h2 { border-bottom: 1px solid #D2D2D2; font-size: 26px; /* Fallback */ font-size: 1.857rem; line-height: 32px; /* Fallback */ line-height: 2.286rem; margin-bottom: 0; padding-bottom: 20px; } }

.people .elm .push-arrow { display: none; }
@media print, (min-width: 768px) and (max-width: 1023px) { .people .elm { position: relative; }
  .people .elm .picture { max-width: 172px; }
  .people .elm .text { position: relative; padding-left: 20px; }
  .people .elm .text.col.col-75 { width: 75%; }
  .people .elm .text > .full-width { margin-bottom: 0; }
  .people .elm .text > .full-width > p.col.col-75 { margin-bottom: 20px; width: 100%; }
  .people .elm .text blockquote.col.col-25 { float: none; margin: 0; width: 75%; } }
@media only screen and (max-width: 767px) { .people .elm { border-bottom: 1px solid #D2D2D2; position: relative; margin-top: 20px; }
  .people .elm .picture.col.col-25 { position: absolute; width: 84px; }
  .people .elm .text { position: relative; padding-left: 0; }
  .people .elm .text.col.col-75 { width: 100%; float: left; }
  .people .elm .text.col.col-75 .col.full-width { margin-bottom: 0; }
  .people .elm .text .headlines { position: absolute; left: 100px; }
  .people .elm .text > .full-width { margin-top: 56px; /*.push-arrow { display: block; height: 6px; margin-top: -6px; position: absolute; right: 0; width: 12px; @include css-arrow-top($blue, 6px);
}*/ }
  .people .elm .text > .full-width > p.col.col-75 { width: 100%; margin-bottom: 20px; } }
@media only screen and (max-width: 767px) and (max-width: 767px) { .people .elm .text > .full-width > p.col.col-75 { float: left; } }
@media only screen and (max-width: 767px) { .people .elm .text blockquote.col.col-25 { display: block; float: none; margin: 0; width: 100%; }
  .people .elm .text > .full-width.pushed-to .push-arrow { position: absolute; }
  .people .elm .text > .full-width.pushed-to .push-arrow:after { display: block; height: 0; margin-left: -6px; position: absolute; right: 0; width: 0; border-style: solid; border-color: #0D57A6 transparent transparent; border-width: 6px 6px 0; content: ''; cursor: pointer; }
  .people .elm .text > .full-width.pushed-to .push-arrow:before { content: none; }
  .people .elm .text > .full-width.pushed-to p, .people .elm .text > .full-width.pushed-to blockquote { display: none; } }
.people article.full-width { clear: both; }
.people article.full-width .col { border: none; }
.people article.full-width .col.col-75 { width: 75%; }
.people .text { padding-left: 20px; }
.people .text h3 { margin: 0; font-size: 22px; /* Fallback */ font-size: 1.571rem; line-height: 28px; /* Fallback */ line-height: 2rem; }
.people .text h4 { margin: 0; }
@media only screen and (max-width: 767px) { .people .text h4 { width: 90%; } }
@media only screen and (min-width: 1024px) and (max-width: 1279px) { .people .text article.full-width p.col.col-75 { width: 65%; } }
.people blockquote { margin: -60px 0 0; text-align: center; padding-top: 14px; }
@media print, (min-width: 768px) and (max-width: 1023px) { .people blockquote { text-align: left; } }
@media only screen and (min-width: 1024px) and (max-width: 1279px) { .people blockquote.col.left.col-25 { width: 35%; padding-left: 20px; } }

.company .big { display: block; }
.company .numbers .col.left { border-top: 0; padding-left: 20px; width: 25%; }
.company .numbers .col.left:first-child { padding-left: 0; }
@media print, (min-width: 768px) and (max-width: 1184px) { .company .numbers .col.left { width: 50%; }
  .company .numbers .col.left.odd { padding-left: 0; clear: both; }
  .company .numbers .col.left.even { padding-left: 20px; } }
@media only screen and (max-width: 767px) { .company .numbers .col.left { width: 100%; padding-left: 0; border-top: 20px solid #fff; padding-top: 10px; }
  .company .numbers .col.left:first-child { border-top: 0; } }
.company .numbers h2 { border-bottom: 1px solid #D2D2D2; padding-bottom: 20px; }
@media print, (min-width: 768px) and (max-width: 1184px) { .company .numbers h2 { height: 104px; } }
@media only screen and (min-width: 1024px) and (max-width: 1279px) { .company .numbers h2 { height: 86px; padding: 0 20%; } }
@media print, (min-width: 768px) and (max-width: 1023px) { .company .numbers h2 { height: 86px; } }
.company .numbers .num, .company .numbers h2 { text-align: center; }

.numbers h3 { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #D2D2D2; font-size: 22px; line-height: 1.236; text-align: center; }

@media only screen and (min-width: 1024px) and (max-width: 1279px) { .content.history .elm.col.odd, .content.history .elm.col.even, .content.history .elm > .col.col-50 { margin-bottom: 0; } }
.content.history .elm > .col { padding-top: 20px; }
@media only screen and (max-width: 767px) { .content.history .elm > .col { padding-top: 0; } }
.content.history .elm .large { display: block; }
.content.history .col, .content.history .col.col-50 { border-top: none; margin: 0; }
.content.history .col h3, .content.history .col.col-50 h3 { margin-top: 0; font-size: 22px; /* Fallback */ font-size: 1.571rem; line-height: 28px; /* Fallback */ line-height: 2rem; }
.content.history .picture .left { width: 50%; }
@media print, (min-width: 768px) and (max-width: 1023px) { .content.history .picture .left { width: 100%; } }
@media only screen and (max-width: 767px) { .content.history .picture .left { width: 100%; } }
.content.history .picture .left img { padding-left: 20px; }
@media print, (min-width: 768px) and (max-width: 1023px) { .content.history .picture .left img { padding-left: 0; } }
@media only screen and (max-width: 767px) { .content.history .picture .left img { padding-left: 0; } }
.content.history .odd { margin-left: -3px; }
.content.history .odd:first-child > .col.right { padding-top: 0; }
@media only screen and (max-width: 767px) { .content.history .odd { margin: 0; } }
.content.history .odd > .left { position: relative; padding-right: 20px; padding-bottom: 20px; z-index: 3; }
.content.history .odd > .left:before { display: block; margin-top: 0; position: absolute; right: -10px; top: 50%; height: 18px; width: 18px; border-style: solid; border-color: #D2D2D2; border-width: 1px; border-radius: 50%; background: #fff; content: ''; cursor: pointer; }
@media only screen and (max-width: 767px) { .content.history .odd > .left { padding-right: 0; padding-bottom: 30px; }
  .content.history .odd > .left:before { content: none; }
  .content.history .odd > .left span.right { float: left; } }
.content.history .odd > .col.right { border-left: 1px solid #D2D2D2; padding-left: 20px; z-index: 1; }
@media only screen and (max-width: 767px) { .content.history .odd > .col.right { border: none; padding-left: 0; } }
.content.history .even > .col.left { border-right: 1px solid #D2D2D2; padding-right: 20px; }
@media only screen and (max-width: 767px) { .content.history .even > .col.left { border: none; padding-right: 0; } }
.content.history .even > .right { position: relative; padding-left: 20px; padding-bottom: 20px; }
.content.history .even > .right:before { display: block; margin-top: 0; position: absolute; left: -10px; top: 50%; height: 18px; width: 18px; border-style: solid; border-color: #D2D2D2; border-width: 1px; border-radius: 50%; background: #fff; content: ''; cursor: pointer; }
@media only screen and (max-width: 767px) { .content.history .even > .right { border: none; padding-bottom: 30px; padding-left: 0; }
  .content.history .even > .right:before { content: none; } }
.content.history .odd:first-child > .left { position: relative; }
.content.history .odd:first-child > .left:before { display: block; margin-top: 0; position: absolute; right: -10px; top: 50%; height: 12px; width: 12px; border-style: solid; border-color: #0D57A6; border-width: 1px; border-radius: 50%; background: #0D57A6; content: ''; cursor: pointer; }
.content.history .odd:first-child > .left:before { right: -8px; top: 49%; }
@media only screen and (max-width: 767px) { .content.history .odd:first-child > .left:before { content: none; } }
.content.history .odd:first-child > .right { position: relative; }
.content.history .odd:first-child > .right:before { display: block; margin-top: 0; position: absolute; left: -10px; top: 50%; height: 18px; width: 18px; border-style: solid; border-color: #D2D2D2; border-width: 1px; border-radius: 50%; background: transparent; content: ''; cursor: pointer; }
.content.history .odd:first-child > .right:before { top: 50px; }
@media only screen and (max-width: 767px) { .content.history .odd:first-child > .right:before { content: none; } }

.honors { width: 50%; margin: 0 auto; }
@media only screen and (min-width: 1024px) and (max-width: 1279px) { .honors { width: 75%; } }
@media print, (min-width: 768px) and (max-width: 1023px) { .honors { width: 100%; } }
@media only screen and (max-width: 767px) { .honors { width: 100%; } }
.honors h3 { font-size: 22px; /* Fallback */ font-size: 1.571rem; line-height: 28px; /* Fallback */ line-height: 2rem; }
.honors .elm { padding-top: 20px; border-top: 1px solid #D2D2D2; }
.honors .elm:first-child { padding-top: 0; border: none; }
.honors .elm:first-child > .col.col-25, .honors .elm:first-child h3 { margin-top: 0; }
.honors .elm .col { border-top: none; }
.honors .elm .col.col-25 { margin-top: 20px; max-width: 150px; }
@media only screen and (max-width: 767px) { .honors .elm .col.col-25 { width: auto; margin-top: 0; } }
.honors .elm .col.col-75 { width: 75%; margin-bottom: 20px; padding-left: 20px; }
@media only screen and (max-width: 767px) { .honors .elm .col.col-75 { padding-left: 0; width: 100%; } }
.honors .elm .col.col-75 ul { padding-left: 20px; }

.partner { width: 50%; margin: 0 auto; }
@media only screen and (min-width: 1024px) and (max-width: 1279px) { .partner { width: 75%; } }
@media print, (min-width: 768px) and (max-width: 1023px) { .partner { width: 100%; } }
@media only screen and (max-width: 767px) { .partner { width: 100%; } }
.partner h3 { font-size: 22px; /* Fallback */ font-size: 1.571rem; line-height: 28px; /* Fallback */ line-height: 2rem; }

.article.glossary { width: 625px; margin-left: auto; margin-right: auto; padding: 140px 20px 40px; }
@media only screen and (max-width: 767px) { .article.glossary { padding-top: 125px; } }
.article.glossary #scroll-top { -webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.25); box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.25); color: #B4B4B4; cursor: pointer; bottom: 25px; height: 40px; position: fixed; right: 20px; width: 40px; z-index: 4; padding-top: 14px; background: #fff; border: 1px solid transparent; border-radius: 50%; }
.article.glossary #scroll-top:before { font-size: 24px; position: absolute; left: 8px; top: 8px; }
.article.glossary .alphabet { border-bottom: 1px solid #B4B4B4; border-top: 1px solid #B4B4B4; display: table; list-style: none; padding: 10px 5px; width: 100%; }
.article.glossary .alphabet li { display: table-cell; }
@media only screen and (max-width: 767px) { .article.glossary .alphabet li { display: inline-block; float: left; padding: 7px; } }
.article.glossary .alphabet li.empty a { color: #D2D2D2; cursor: default; }
.article.glossary .alphabet li.empty a:hover { cursor: default; text-decoration: none; }
.article.glossary .head-letter { position: relative; }
.article.glossary .head-letter.empty { display: none; }
.article.glossary .head-letter span.big { display: block; padding-top: 7px; }
.article.glossary .head-letter .anchor { position: absolute; top: -130px; }
.article.glossary .head-letter .accordion h3 { color: #919191; margin: 0; padding: 10px 0; background: none; }
.article.glossary .head-letter .accordion h3 .arrow:after { color: #B4B4B4; }
.article.glossary .head-letter .accordion li { border-bottom: 1px solid #B4B4B4; }
.article.glossary .head-letter .accordion li .arrow { top: 10px; }
@media only screen and (max-width: 767px) { .article.glossary .head-letter .accordion li .arrow { right: -10px; } }
.article.glossary .head-letter .accordion li.is-visible:before { content: ''; }
.article.glossary .head-letter .accordion li.is-visible h3 { color: #0D57A6; -webkit-filter: none; filter: none; }
.article.glossary .head-letter .accordion li.is-visible .arrow:after { color: #0D57A6; }
.article.glossary .head-letter .accordion li.is-visible .content { display: block; margin: 0; padding: 0; overflow: visible; width: 90%; background-color: #fff; z-index: 100; }
.article.glossary .head-letter .accordion li.is-visible .content > p { color: #414141; }
.article.glossary .head-letter .accordion li.is-visible .content > p:first-child { margin-top: 0; }
.article.glossary .head-letter .accordion li.is-visible .content li { border-bottom: none; }

.glossary-link-container { position: relative; display: inline-block; }
.glossary-link-container .glossary-desc { display: none; border-bottom: 10px solid #fff; position: absolute; color: #fff; height: auto; padding: 15px; width: 250px; background: #0D57A6; position: absolute; bottom: 15px; left: -100px; }
.glossary-link-container .glossary-desc:after { display: block; height: 0; margin-left: -10px; position: absolute; right: 0; width: 0; border-style: solid; border-color: #0D57A6 transparent transparent; border-width: 10px 10px 0; content: ''; cursor: pointer; }
.glossary-link-container .glossary-desc:after { bottom: -10px; right: 50%; }
@media only screen and (max-width: 767px) { .glossary-link-container .glossary-desc:after { bottom: -8px; } }
.glossary-link-container .glossary-desc.tt-10:after { right: 10%; }
.glossary-link-container .glossary-desc.tt-15:after { right: 15%; }
.glossary-link-container .glossary-desc.tt-20:after { right: 20%; }
.glossary-link-container .glossary-desc.tt-25:after { right: 25%; }
.glossary-link-container .glossary-desc.tt-30:after { right: 30%; }
.glossary-link-container .glossary-desc.tt-35:after { right: 35%; }
.glossary-link-container .glossary-desc.tt-40:after { right: 40%; }
.glossary-link-container .glossary-desc.tt-45:after { right: 45%; }
.glossary-link-container .glossary-desc.tt-50:after { right: 50%; }
.glossary-link-container .glossary-desc.tt-55:after { right: 55%; }
.glossary-link-container .glossary-desc.tt-60:after { right: 60%; }
.glossary-link-container .glossary-desc.tt-65:after { right: 65%; }
.glossary-link-container .glossary-desc.tt-70:after { right: 70%; }
.glossary-link-container .glossary-desc.tt-75:after { right: 75%; }
.glossary-link-container .glossary-desc.tt-80:after { right: 80%; }
.glossary-link-container .glossary-desc.tt-85:after { right: 85%; }
.glossary-link-container .glossary-desc.tt-90:after { right: 90%; }
.glossary-link-container .glossary-desc.tt-95:after { right: 95%; }
.glossary-link-container .glossary-link { padding: 0 2px; }
.glossary-link-container:hover .glossary-desc { display: inline; z-index: 9999; }

#overview .article, .overview-style { margin: 0 auto; padding-top: 0; width: 1060px; }
@media print, (min-width: 768px) and (max-width: 1184px) { #overview .article, .overview-style { width: 768px; } }
@media only screen and (max-width: 767px) { #overview .article, .overview-style { margin: 0 auto; width: 100%; } }
#overview .article h1, .overview-style h1 { padding: 20px 0; text-align: center; }
@media only screen and (max-width: 767px) { #overview .article h1, .overview-style h1 { padding: 0; } }
#overview .article .license-plate, .overview-style .license-plate { padding-left: 86px; }
@media print, (min-width: 768px) and (max-width: 1184px) { #overview .article .license-plate, .overview-style .license-plate { margin-top: -30px; padding-left: 62px; } }
@media only screen and (max-width: 767px) { #overview .article .license-plate input[type="text"], .overview-style .license-plate input[type="text"] { margin: 4px 0 0 -48px; } }
#overview .article .insurance-form .license-plate, .overview-style .insurance-form .license-plate { padding-left: 0; padding-top: 7px; }

#overview .article { background: rgba(255, 255, 255, 0.85); }

@media print, (min-width: 768px) and (max-width: 1184px) { #overview .box-container { margin: 0 41px; }
  #overview .box-container .productbox { float: left; height: 333px; margin: 10px 5px 8px; width: 355px; }
  #overview .box-container .productbox:first-child { float: left; }
  #overview .box-container .productbox img.product { margin: 0 0 35px; width: 300px; }
  #overview .box-container .productbox .btn-halter { bottom: 20px; margin-left: 10px; }
  #overview .box-container .productbox.overview { height: 333px; margin-bottom: 20px; width: 333px; }
  #overview .box-container .productbox img.product { width: 300px; }
  #overview .box-container .productbox.ekomi { clear: both; float: none; height: 280px; margin: 0 auto; }
  #overview .box-container .productbox.ekomi .empty.rating-discs { margin: 5px auto; }
  #overview .box-container .productbox.ekomi .slides { margin-top: 5px; width: 250px; }
  #overview .box-container .productbox.ekomi footer { bottom: 0; width: 290px; }
  #overview .box-container .productbox.ekomi footer span { display: inline-block; padding-top: 10px; width: 50%; } }
@media print, (min-width: 768px) and (max-width: 1023px) { #detail .page-wrapper { background: transparent; } }
#detail .article { margin: 0 auto; padding-top: 0; width: 1060px; background: rgba(255, 255, 255, 0.85); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
@media print, (min-width: 768px) and (max-width: 1023px) { #detail .article { width: 727px; } }
#detail .article .content-wrapper { padding: 40px; background: #fff \9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
@media print, (min-width: 768px) and (max-width: 1023px) { #detail .article .content-wrapper { margin: -100px auto 0; padding: 0; } }
@media only screen and (max-width: 767px) { #detail .article .content-wrapper { padding: 25px 0 0; } }
#detail .article section { margin-top: 80px; }
@media print, (min-width: 768px) and (max-width: 1023px) { #detail .article section { display: table; margin-bottom: 40px; } }
@media only screen and (max-width: 767px) { #detail .article section { margin-top: 40px; } }
#detail .article .description { display: inline-block; margin-top: 0; padding: 0 80px 0 0; width: 59%; }
@media print, (min-width: 768px) and (max-width: 1023px) { #detail .article .description { float: left; padding: 20px 0 0 20px; width: 50%; } }
@media only screen and (max-width: 767px) { #detail .article .description { margin-bottom: 70px; padding: 0; width: 100%; } }
#detail .article .description span:not([class*="glossary-"]) { display: block; width: 100%; }
#detail .article .description h1 { margin-top: -4px; padding: 0; text-align: left; }
@media print, (min-width: 768px) and (max-width: 1023px) { #detail .article .description h1 { margin-top: 0; } }
@media only screen and (max-width: 767px) { #detail .article .description h1 { text-align: center; } }
#detail .article h2 { padding: 40px 0; margin: 0; font-size: 32px; /* Fallback */ font-size: 2.286rem; line-height: 38px; /* Fallback */ line-height: 2.45rem; }
@media print, (min-width: 768px) and (max-width: 1023px) { #detail .article h2 { margin: 0; padding: 20px 0; } }
@media only screen and (max-width: 767px) { #detail .article h2 { padding: 30px 0 20px; border-bottom: 0; font-size: 26px; /* Fallback */ font-size: 1.857rem; line-height: 32px; /* Fallback */ line-height: 2.286rem; } }
@media only screen and (max-width: 767px) { #detail .article .col { margin-bottom: 0; } }
#detail .article .col.left { padding-right: 10px; }
#detail .article .col.right { padding-left: 10px; }
#detail .article .col.left h2, #detail .article .col.right h2 { font-size: 32px; /* Fallback */ font-size: 2.286rem; line-height: 38px; /* Fallback */ line-height: 2.45rem; }
@media only screen and (max-width: 767px) { #detail .article .col.left h2, #detail .article .col.right h2 { padding-bottom: 30px; font-size: 26px; /* Fallback */ font-size: 1.857rem; line-height: 32px; /* Fallback */ line-height: 2.286rem; } }
#detail .article .versicherungs-typ { display: inline-block; margin-top: 0; width: 40%; text-align: center; }
@media print, (min-width: 768px) and (max-width: 1023px) { #detail .article .versicherungs-typ { float: right; display: table; padding: 80px 20px 0 0; width: 49%; } }
@media only screen and (max-width: 767px) { #detail .article .versicherungs-typ { width: 100%; } }
#detail .article .versicherungs-typ:before, #detail .article .versicherungs-typ:after { content: normal; }
#detail .article .versicherungs-typ a { margin-left: 60px; width: 280px; position: relative; z-index: 1; }
@media print, (min-width: 768px) and (max-width: 1023px) { #detail .article .versicherungs-typ a { margin: 20px 0 0 40px; display: block; width: auto; } }
@media only screen and (max-width: 767px) { #detail .article .versicherungs-typ a { margin: 10px auto 0; width: 250px; } }
#detail .article .versicherungs-typ .license-plate { margin: 0 0 25px 0; padding-left: 112px; position: relative; }
@media only screen and (max-width: 768px) { #detail .article .versicherungs-typ .license-plate { position: relative; top: 0; right: 0; left: 0; display: block; margin: 0 0 0 10px; } }
@media only screen and (max-width: 767px) { #detail .article .versicherungs-typ .license-plate { padding-left: 138px; } }
@media print, (min-width: 768px) and (max-width: 1023px) { #detail .article .versicherungs-typ .license-plate { position: relative; top: 0; right: 0; left: 0; display: block; margin: 0 0 0 10px; } }
@media print, (min-width: 768px) and (max-width: 1023px) { #detail .article .versicherungs-typ + section.content { clear: both; } }
#detail .article .productbox h2 { padding: 0; font-size: 22px; /* Fallback */ font-size: 1.571rem; line-height: 28px; /* Fallback */ line-height: 2rem; }

.versicherungs-typ .icon-special span { width: 300px; font-size: 300px; }
.versicherungs-typ .icon-special span:before, .versicherungs-typ .icon-special span:after { top: -90px; font-size: inherit; }
@media only screen and (max-width: 768px) { .versicherungs-typ .icon-special span { width: 250px; font-size: 250px; }
  .versicherungs-typ .icon-special span:before, .versicherungs-typ .icon-special span:after { top: -65px; } }
@media print, (min-width: 768px) and (max-width: 1023px) { .versicherungs-typ .icon-special span { width: 250px; font-size: 250px; }
  .versicherungs-typ .icon-special span:before, .versicherungs-typ .icon-special span:after { top: -65px; } }
@media only screen and (max-width: 767px) { .versicherungs-typ .icon-special span { width: 220px; font-size: 220px; }
  .versicherungs-typ .icon-special span:before, .versicherungs-typ .icon-special span:after { top: -50px; } }

.teaser .license-plate { padding-left: 136px; padding-left: 135px\9 !important; }
.teaser .license-plate input { height: 50px; top: 0\9 !important; }
@media only screen and (max-width: 767px) { .teaser .license-plate input { margin-left: -98px; height: 45px; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .teaser .license-plate { padding-left: 101px; margin-top: -5px; } }

.faq #search { display: none; }
@media only screen and (max-width: 767px) { .faq #search { display: block; height: 5px; overflow: hidden; padding: 0; }
  .faq #search form { display: none; } }
.faq h2 { margin: 40px 0 0; padding: 40px 0; border-top: 1px solid #D2D2D2; font-size: 32px; /* Fallback */ font-size: 2.286rem; line-height: 38px; /* Fallback */ line-height: 2.45rem; text-align: center; }
@media only screen and (max-width: 767px) { .faq h2 { padding: 20px 0; border-bottom: 1px solid #D2D2D2; font-size: 26px; /* Fallback */ font-size: 1.857rem; line-height: 32px; /* Fallback */ line-height: 2.286rem; } }
.faq h2.no-border { border-top: none; margin: 0; }
@media only screen and (max-width: 767px) { .faq h2.no-border { border-bottom: none; } }
.faq h3 { margin-bottom: 0; padding-bottom: 5px; border-bottom: 2px solid #D2D2D2; font-size: 22px; /* Fallback */ font-size: 1.571rem; line-height: 28px; /* Fallback */ line-height: 2rem; }
@media only screen and (max-width: 767px) { .faq h4 { border: none; margin-bottom: 20px; } }
.faq .special-themes { margin: 0 -8px; }
@media print, (min-width: 768px) and (max-width: 1184px) { .faq .special-themes { margin: 0 auto; width: 600px; } }
@media only screen and (max-width: 767px) { .faq .special-themes { display: table; margin: 0 auto; width: 297px; } }
.faq .special-themes div { border: 1px solid #D2D2D2 \9; -webkit-box-shadow: 3px 3px 0.5em #D2D2D2; box-shadow: 3px 3px 0.5em #D2D2D2; display: inline-block; height: 160px; margin: 0 8px 18px; width: 280px; background: #F5F5F5; color: #0D57A6; text-align: center; cursor: pointer; }
@media print, (min-width: 768px) and (max-width: 1184px) { .faq .special-themes div { margin: 0 6px 12px; padding: 0 10px; } }
@media only screen and (max-width: 767px) { .faq .special-themes div { float: left; height: 135px; margin: 0 5px 12px; padding: 10px; width: 135px; position: relative; } }
.faq .special-themes div:hover { background: #EBEBEB; }
.faq .special-themes div p { display: block; height: 160px; padding: 50px 0 0; line-height: 24px; line-height: 1.714rem; }
@media only screen and (max-width: 767px) { .faq .special-themes div p { height: 100%; padding: 10px 0; margin: 0; } }
.faq .special-themes div p:before { display: inline-block; height: 50px; font-size: 80px; font-size: 5.714rem; line-height: 24px; line-height: 1.714rem; }
@media only screen and (max-width: 767px) { .faq .special-themes div p:before { position: relative; top: 12px; } }
.faq .special-themes div p span { display: block; font-size: 18px; font-size: 1.286rem; line-height: 24px; line-height: 1.714rem; }
.faq .special-themes div p span span { display: none; margin: 0; line-height: 1.286rem; }
@media only screen and (max-width: 767px) { .faq .special-themes div p span span { display: inline-block; } }
.faq #content { float: left; margin-left: 8%; }
@media only screen and (max-width: 767px) { .faq #content { margin: 10px 0 0 0; width: 300px; } }
@media print, (min-width: 768px) and (max-width: 1023px) { .faq #content { margin-left: 0; } }
@media only screen and (max-width: 767px) { .faq .accordion li.is-visible .content li:before { display: none; } }
.faq .content { margin: 0 -10px; }
@media print, (min-width: 768px) and (max-width: 1184px) { .faq .content { margin: 0 40px; } }
@media only screen and (max-width: 767px) { .faq .content { margin: 0; } }
.faq .content .accordion li.col { float: left; margin: 0 10px; width: 280px; border-top: none; }
@media print, (min-width: 768px) and (max-width: 1184px) { .faq .content .accordion li.col { width: 100%; } }
@media only screen and (max-width: 767px) { .faq .content .accordion li.col { margin: 0; width: 100%; } }
.faq .content .accordion li.col .arrow { top: 0; line-height: 50px; opacity: 0; visibility: hidden; }
@media only screen and (max-width: 767px) { .faq .content .accordion li.col .arrow { right: -10px; opacity: 1; visibility: visible; } }
@media print, (min-width: 768px) and (max-width: 1184px) { .faq .content .accordion li.col .arrow { opacity: 1; visibility: visible; } }
.faq .content .accordion li.col .arrow:after { color: #919191; }
.faq .content .accordion li.col .accordion-head { padding: 0 0 10px; background: none; color: #919191; cursor: auto; }
.faq .content .accordion li.col .accordion-head .text { line-height: inherit; }
@media only screen and (max-width: 767px) { .faq .content .accordion li.col .accordion-head { margin-top: 0; padding: 10px 0; border-bottom-width: 1px; font-size: 20px; /* Fallback */ font-size: 1.429rem; line-height: 10px; /* Fallback */ line-height: 0.7rem; cursor: pointer; }
  .faq .content .accordion li.col .accordion-head .text { line-height: 24px; /* Fallback */ line-height: 1.8rem; } }
@media print, (min-width: 768px) and (max-width: 1184px) { .faq .content .accordion li.col .accordion-head { margin-top: 0; padding: 0 10px 0 0; border-bottom-width: 1px; font-size: 20px; /* Fallback */ font-size: 1.429rem; line-height: 50px; /* Fallback */ line-height: 3.571rem; cursor: pointer; } }
.faq .content .accordion li.col .content { height: auto; list-style: none; margin: 0; padding: 0; background: none; }
@media only screen and (max-width: 767px) { .faq .content .accordion li.col .content { display: none\9; opacity: 0; visibility: hidden; z-index: -1; height: 0; } }
@media print, (min-width: 768px) and (max-width: 1184px) { .faq .content .accordion li.col .content { display: none\9; opacity: 0; visibility: hidden; z-index: -1; height: 0; } }
.faq .content .accordion li.col .content li { border-bottom: 1px solid #D2D2D2; font-size: 16px; /* Fallback */ font-size: 1.143rem; line-height: 20px; /* Fallback */ line-height: 1.429rem; }
@media only screen and (max-width: 767px) { .faq .content .accordion li.col .content li { padding: 0 20px; } }
.faq .content .accordion li.col .content li a { display: block; padding: 10px 0; color: #919191; }
.faq .content .accordion li.col .content li a:hover { color: #FF0000; }
.faq .content .accordion li.col.is-visible .accordion-head { background: none; }
@media print, (min-width: 768px) and (max-width: 1184px) { .faq .content .accordion li.col.is-visible .accordion-head { color: #0D57A6; } }
@media only screen and (max-width: 767px) { .faq .content .accordion li.col.is-visible .accordion-head { color: #0D57A6; } }
.faq .content .accordion li.col.is-visible .accordion-head .arrow:after { color: #0D57A6; }
.faq .content .accordion li.col.is-visible .content { height: auto; }
.faq .content .accordion li.col.is-visible:before { content: normal; }
.faq .content .btn { margin: 40px auto; width: 70%; }
@media print, (min-width: 768px) and (max-width: 1184px) { .faq .content .btn { width: 100%; } }
@media only screen and (max-width: 767px) { .faq .content .btn { margin: 20px auto; width: 100%; } }
.faq .content .no-icon:before { content: none !important; }

@media only screen and (min-width: 1024px) and (max-width: 1279px) { .searchresults .content { margin: 0 40px; } }
.searchresults #search { display: none; }
@media only screen and (max-width: 767px) { .searchresults #search { display: block; height: 5px; overflow: hidden; padding: 0; }
  .searchresults #search form { display: none; } }
.searchresults .search-form { border-bottom: none; }
.searchresults .headline-h3 { clear: left; height: auto; margin: 0 0 15px; padding-bottom: 5px; width: 100%; border-bottom: 1px solid #86ABD2; color: #0D57A6; text-align: left; }
.searchresults aside { width: 380px; }
@media print, (min-width: 768px) and (max-width: 1023px) { .searchresults aside { float: none; margin: 40px auto; width: 688px; } }
@media only screen and (min-width: 1024px) and (max-width: 1279px) { .searchresults aside { width: 320px; } }
@media only screen and (max-width: 767px) { .searchresults aside { padding: 0 20px 0 0; width: 320px; text-align: left; } }
.searchresults aside .headline-h3 a { float: right; color: #0D57A6; font-size: 14px; }
.searchresults aside .products { margin: 5px 0 20px; }
.searchresults aside .icon-special { margin: 5px 0; width: 49%; }
.searchresults aside ul li { margin-bottom: 3px; width: 100%; border: none; line-height: 18px; }
.searchresults aside ul li a { display: block; padding-left: 15px; color: #0D57A6; }
.searchresults aside ul li a:hover { text-decoration: underline; }
.searchresults aside ul li a:before { height: 20px; margin-left: -18px; padding-right: 3px; position: absolute; width: 20px; }
.searchresults aside ul li strong { display: block; }
.searchresults aside ul li:first-child strong { margin-top: 0; }
.searchresults #content { float: left; margin: 40px auto 0 120px; width: 670px; }
@media only screen and (max-width: 767px) { .searchresults #content { margin: 40px auto; padding: 0 20px 0 0; width: 320px; } }
@media print, (min-width: 768px) and (max-width: 1023px) { .searchresults #content { float: none; margin: 40px auto; } }
@media only screen and (min-width: 1024px) and (max-width: 1279px) { .searchresults #content { margin: 40px auto 0 40px; width: 584px; } }
.searchresults #content ul { list-style: none; padding: 0 0 20px; border-bottom: 1px solid #0D57A6; }
.searchresults #content li { margin: 20px 0 0; padding: 20px 0 0; border-top: 1px solid #D2D2D2; }
.searchresults #content li:first-child { margin: 0; padding: 0; border: none; }
.searchresults #content .path a { float: left; color: #919191; }
.searchresults #content .path a:before { padding: 0 10px; }
.searchresults #content .headline-h2 { clear: both; }

.kontakt h3 { font-size: 22px; /* Fallback */ font-size: 1.571rem; line-height: 28px; /* Fallback */ line-height: 2rem; }
@media only screen and (max-width: 767px) { .kontakt .article { margin: 0 auto; max-width: 300px; } }
.kontakt #search { display: none; }
@media only screen and (max-width: 767px) { .kontakt #search { display: block; height: 5px; overflow: hidden; padding: 0; }
  .kontakt #search form { display: none; } }
.kontakt .content.wrap { display: block; float: right; margin: 0px 108px; width: 580px; }
@media only screen and (max-width: 1024px) { .kontakt .content.wrap { float: none; margin: 0 auto; } }
@media only screen and (max-width: 767px) { .kontakt .content.wrap { margin: 0; width: 300px; } }
.kontakt .content.wrap .data-icon { display: block; height: 110px; padding: 72px 0 10px; width: 100%; text-align: center; }
@media only screen and (max-width: 767px) { .kontakt .content.wrap .data-icon { padding: 0; height: auto; } }
.kontakt .content.wrap .data-icon:before { display: block; width: 100%; color: #0D57A6; font-size: 90px; text-align: center; }
.kontakt aside { margin: 104px 0; padding: 0 0 40px 10px; border-left: 1px solid #D2D2D2; }
.kontakt aside .headline-h4 { color: #919191; }
.kontakt aside .data-icon { display: block; height: 25px; margin: 40px 0 0 0; }
.kontakt aside .data-icon:before { margin-left: -5px; color: #B4B4B4; font-size: 30px; }
@media print, (min-width: 768px) and (max-width: 1023px) { .kontakt aside { display: none; } }
@media only screen and (max-width: 767px) { .kontakt aside { display: none; } }
.kontakt h1 { margin: 20px auto; padding: 50px 0 45px; width: 580px; }
@media only screen and (max-width: 767px) { .kontakt h1 { width: 300px; } }
.kontakt h2 { text-align: center; font-size: 32px; /* Fallback */ font-size: 2.286rem; line-height: 38px; /* Fallback */ line-height: 2.45rem; }
@media only screen and (max-width: 767px) { .kontakt h2 { font-size: 26px; /* Fallback */ font-size: 1.857rem; line-height: 32px; /* Fallback */ line-height: 2.286rem; } }
.kontakt .search-form { border: none; }
.kontakt .search-form .data-icon:before { content: normal; }
.kontakt .border { clear: both; display: block; height: 1px; margin-bottom: 40px; padding-top: 30px; width: 100%; border-bottom: 1px solid #D2D2D2; }
.kontakt .dropdown { list-style: none; margin: 0; padding: 0; width: 100%; }
.kontakt .dropdown li { display: none; border: 1px solid #D2D2D2; }
.kontakt .dropdown li .headline-h3 { padding: 20px; width: 100%; background: #F5F5F5; color: #414141; font-size: 14px; /* Fallback */ font-size: 1rem; cursor: pointer; }
.kontakt .dropdown li .headline-h3:hover { background: #EBEBEB; }
.kontakt .dropdown li .headline-h3 .arrow { display: none; float: right; margin: -20px -20px 0 0; padding: 20px; width: auto; }
.kontakt .dropdown li .headline-h3 .arrow:after { float: right; right: 20px; top: 0; color: #fff; content: '\e636'; font-size: 20px; font-size: 1.429rem; }
.kontakt .dropdown li .damage-report { display: none; text-align: center; }
.kontakt .dropdown li .damage-report p:first-child { color: #FF0000; font-size: 22px; /* Fallback */ font-size: 1.571rem; line-height: 28px; /* Fallback */ line-height: 2rem; }
.kontakt .dropdown li .damage-report p:first-child span { display: block; }
.kontakt .dropdown li .damage-report p:first-child.car-damage:before { content: '\e637'; display: block; margin: 50px 0 30px; position: relative; width: 100%; font-size: 75px; text-align: center; }
.kontakt .dropdown li .damage-report a { display: block; color: #FF0000; }
.kontakt .dropdown li .damage-report a.icon-arrow { margin: 20px 0 0; color: #0D57A6; }
.kontakt .dropdown li:first-child { display: block; }
.kontakt .dropdown li:first-child .headline-h3 { -webkit-box-shadow: inset 0 0 2px 1px #D2D2D2; box-shadow: inset 0 0 2px 1px #D2D2D2; }
.kontakt .dropdown li:first-child .headline-h3 .arrow { display: block; }
.kontakt .dropdown li.is-active { display: block; border: none; }
.kontakt .dropdown li.is-active .headline-h3 { -webkit-box-shadow: inset 0 0 2px 1px #D2D2D2; box-shadow: inset 0 0 2px 1px #D2D2D2; }
.kontakt .dropdown li.is-active .headline-h3 .arrow { display: block; }
.kontakt .dropdown li.is-active .damage-report { display: block; }

.is-error { color: #ff0000; font-size: 10px; margin-top: -12px; margin-bottom: -10px; margin-left: 10px; }

.i3s_msg { text-align: justify; border-width: 1px; border-style: solid; border-radius: .5em; padding: .7em; margin: 1em 0; }

.i3s_msg.i3s_error { color: #cd0a0a; border-color: #cd0a0a; padding: 10px 10px 10px 30px; -webkit-box-shadow: 0 0 1em 0 #cd0a0a; box-shadow: 0 0 1em 0 #cd0a0a; }

.i3s_msg.i3s_warn { color: #222; background-color: #FFFFCA; border-color: #ffff02; -webkit-box-shadow: 0 0 1em 0 #ffff02; box-shadow: 0 0 1em 0 #ffff02; }

.i3s_msg.i3s_info { color: #222; background-color: #ECECEC; border-color: #CDCDCD; -webkit-box-shadow: 0 0 1em 0 #CDCDCD; box-shadow: 0 0 1em 0 #CDCDCD; }

.i3s_msg.i3s_ok { color: #0AAF0A; background-color: #F1FEEC; border-color: #0ACD0A; -webkit-box-shadow: 0 0 1em 0 #0ACD0A; box-shadow: 0 0 1em 0 #0ACD0A; }

footer { -webkit-box-shadow: inset 0px 5px 5px -1px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 5px 5px -1px rgba(0, 0, 0, 0.1); clear: both; margin-top: 0; background: #F5F5F5; text-align: center; }
@media only screen and (max-width: 768px) { footer { text-align: left; } }
footer .page-wrapper { background: #F5F5F5; }
footer h2 { margin: 25px 0 35px; text-align: center; }
@media only screen and (max-width: 767px) { footer h2 { display: none; } }
footer ul { list-style: none; margin: 0; padding: 0; }
@media only screen and (max-width: 767px) { footer ul { list-style: none; } }
footer.footer-1st { -webkit-box-shadow: none; box-shadow: none; background: #fff; }
@media only screen and (max-width: 767px) { footer.footer-1st { display: none; } }
footer.footer-1st .page-wrapper { background: #fff; }
footer.footer-1st nav { float: right; width: 100%; border-top: 1px solid #D2D2D2; text-align: right; }
@media only screen and (max-width: 768px) { footer.footer-1st nav { float: none; } }
footer.footer-1st nav li { display: inline-block; padding: 20px 0; text-align: right; }
footer.footer-1st nav li a { padding-right: 10px; color: #0D57A6; }
footer.footer-1st nav li a:hover { color: #FF0000; text-decoration: none; }
footer.footer-1st nav li a:before { display: inline-block; margin-right: .25em; padding-left: 10px; border-left: 1px solid #0D57A6; font-size: 27px; vertical-align: top; }
footer.footer-1st nav li:first-child a:before { border-left: none; }
footer .honour { margin-top: 40px; }
footer .honour li { display: inline-block; padding: 0 23px; }
@media print, (min-width: 768px) and (max-width: 1023px) { footer .honour { text-align: center; } }
@media only screen and (max-width: 767px) { footer .honour { display: none; } }

#login-top-message * { display: none; }
#login-top-message #login-success-message { display: block; }

#login-error #login-error-message { display: block; }

#loginarea .insurance-form .item { width: 100%; }
#loginarea .btn-container { margin-top: 1em; margin-top: 1rem; padding-left: 41%; }

.icon-special { display: inline-block; min-width: 49%; padding: .25em; color: #0D57A6; text-align: center; }
.lt-ie9 .icon-special { padding: .25em 0; }
.icon-special .is-icon { display: block; height: 60px; margin: 5px auto; position: relative; width: 100px; font-family: 'product-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: .5; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-special .is-icon:before, .icon-special .is-icon:after { position: absolute; left: 0; top: 0; font-size: 100px; }
.icon-special .is-icon:after { color: #FF0000; }
.icon-special.is-negate { color: #fff; }

.icon-special-zahn .is-icon:before { content: '\e600'; }

.icon-special-zahn .is-icon:after { content: '\e601'; }

.icon-special-wohnen .is-icon:before { content: '\e602'; }

.icon-special-wohnen .is-icon:after { content: '\e603'; }

.icon-special-schutzbrief .is-icon:before { content: '\e604'; }

.icon-special-schutzbrief .is-icon:after { content: '\e605'; }

.icon-special-reise .is-icon:before { content: '\e606'; }

.icon-special-reise .is-icon:after { content: '\e607'; }

.icon-special-recht .is-icon:before { content: '\e608'; }

.icon-special-recht .is-icon:after { content: '\e609'; }

.icon-special-haftpflicht .is-icon:before { content: '\e60a'; }

.icon-special-haftpflicht .is-icon:after { content: '\e60b'; }

.icon-special-pflege .is-icon:before { content: '\e60d'; }

.icon-special-pflege .is-icon:after { content: '\e60c'; }

.icon-special-kfz .is-icon:before { content: '\e60e'; }

.icon-special-kfz .is-icon:after { content: '\e60f'; }

.icon-special-hunde .is-icon:before { content: '\e610'; }

.icon-special-hunde .is-icon:after { content: '\e611'; }

.icon-special-hausrat .is-icon:before { content: '\e618'; }

.icon-special-hausrat .is-icon:after { content: '\e619'; }

.icon-special-gebaeude .is-icon:before { content: '\e612'; }

.icon-special-gebaeude .is-icon:after { content: '\e613'; }

.icon-special-ausland .is-icon:before { content: '\e614'; }

.icon-special-ausland .is-icon:after { content: '\e615'; }

.icon-special-youngtimer .is-icon:before { content: '\e617'; }

.icon-special-youngtimer .is-icon:after { content: '\e616'; }

.icon-special-heilpraktiker .is-icon:before { content: '\e61b'; }

.icon-special-heilpraktiker .is-icon:after { content: '\e61a'; }

.icon-special-vorsorge .is-icon:before { content: '\e61d'; }

.icon-special-vorsorge .is-icon:after { content: '\e61c'; }

/* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */
@media print { * { background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; }
  .content-wrapper { margin-top: 0 !important; }
  .article { margin-top: 0; }
  a, a:visited { text-decoration: underline; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  /* Don't show links for images, or javascript/internal links */
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; /* h5bp.com/t */ }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  input[type="text"], input[type="email"], input[type="password"], input[type="number"], select { -webkit-box-shadow: none !important; box-shadow: none !important; }
  @page { margin: 0.5cm; }
  .intro-wrapper { margin-top: 0; }
  .page { padding-top: 40px; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h1, h1 * { margin-top: 0; padding-top: 0; }
  h2, h3 { page-break-after: avoid; }
  header, .header-1st, .header-2nd { position: static; }
  .accordion li .content, .faq .content .accordion li.col .content { display: block !important \9; opacity: 1 !important; visibility: visible !important; -webkit-transition: none !important; transition: none !important; z-index: 104 !important; height: 100% !important; margin: 40px 0 !important; padding: 20px !important; margin: 0; padding: 0; overflow: visible !important; color: #000; }
  .tabs li { display: none; }
  .tabs li.is-active { display: block; }
  .productbox { border: 1px solid #B4B4B4; }
  #detail .article .description { width: 100%; }
  .table.benchmarking .table-header .table-cell { border-left: 2px solid #D2D2D2; color: #000; }
  .table.benchmarking .table-header .table-cell span:after { content: normal; }
  .faq .content .accordion li.col .content li { margin-left: -20px; }
  .faq .content .accordion li.col .arrow { display: none; }
  .header-1st .pushmenu, .header-1st .private-menu, .header-1st #search, .header-2nd, footer, .buttons-set, .ekomi, a.btn, .productbox a.btn, .response, .search-form, aside, #detail .article .versicherungs-typ, .table.benchmarking .table-body .table-row:first-child { display: none; }
  aside li a.is-active { display: block !important; }
  .mfp-wrap + #main, button.mfp-close, button.mfp-arrow, .mfp-bg.mfp-ready { display: none; }
  .mfp-container { height: auto !important; }
  .mfp-wrap .insurance-form div { width: 100% !important; }
  .insurance-form { z-index: 10000; }
  .insurance-form .item select { -webkit-box-shadow: none; box-shadow: none; background: none !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; /* Safari 3-4, iOS 1-3.2, Android 1.6- */ /* Firefox 1-3.6 */ border-radius: 0; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ }
  .insurance-form .item { width: 100% !important; height: auto; }
  .insurance-form .item .check, .insurance-form .feedback, .insurance-form .feedback:before { display: none !important; }
  .insurance-form .bg-character img { display: none; }
  .insurance-form #overview .article, .insurance-form .overview-style { width: auto; } }
.align-center { text-align: center !important; }

.col-center-50 { margin: 0 auto; width: 50%; }
@media only screen and (max-width: 768px) { .col-center-50 { width: 100% !important; } }

.col-center-75 { margin: 0 auto; width: 75%; }
@media only screen and (max-width: 768px) { .col-center-75 { width: 100% !important; } }

.item-full-width { width: 100% !important; }

#pwd_sec_state:before, #pwd_sec_state:after { font-size: 40px; }

.lt-ie9 #search { background-color: red; }