*{ margin:0; padding:0; position:static} object{ outline:none} img,a img{ border:0; -ms-interpolation-mode:bicubic} @media screen and (min-width:768px){ img.lazy{ display:none} } label,input[type=checkbox],input[type=radio],select{ cursor:pointer} input{ margin:0; padding:0} table{ border-width:0; border-spacing:0} sup,sub{ height:0; line-height:1; vertical-align:baseline; _vertical-align:bottom; position:relative; font-size:60%} sup{ bottom:1ex} sub{ top:.5ex} .div_table{ display:table} .div_tr{ display:table-row} .div_td{ display:table-cell; vertical-align:top; text-align:left} .clear_float{ clear:both} html{ overflow:-moz-scrollbars-vertical; overflow-y:scroll; overflow-x:hidden; height:100%; min-height:100% !important} body{ margin:0; width:100%; height:100%; min-width:320px} #Layer_Content{ min-height:100%; width:100%} #preload_css_pics{ display:none} #preload_css_pics img{ height:0; width:0; border:none; position:absolute; bottom:0; left:0; z-index:-30} header,main,footer,article,section,aside,nav{ display:block} header{ min-width:320px; position:fixed; left:0; right:0; top:0; z-index:10; height:70px; background-color:#fff} header:after{ content:""; display:block; clear:both} main{ min-width:320px; min-height:calc(100% - 70px)} footer{ min-width:320px; padding:20px; background-color:#fff; text-align:center} @media only screen and (max-width:1024px){ header{ height:60px !important; background-color:#fff} main{ min-height:calc(100% - 60px)} } @media only screen and (max-width:768px){ main{ min-height:calc(100% - 110px)} } iframe{ border:0} .embed-responsive{ position:relative; display:block; height:0; padding:0; overflow:hidden} .embed-responsive.embed-responsive-16by9{ padding-bottom:56.25%} .embed-responsive.embed-responsive-4by3{ padding-bottom:75%} .embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{ position:absolute; top:0; left:0; bottom:0; height:100%; width:100%; border:0; object-fit:cover} .ch_banner-wrapper{ -webkit-animation:none !important; animation:none !important} .ch_container{ font-size:13px !important; font-family:Arial,Helvetica,sans-serif !important; line-height:20px !important; background:#424242 !important; color:#fff !important; width:100% !important; max-width:400px !important; left:auto !important; padding:30px !important; box-sizing:border-box !important} .ch_container .ch_message{ animation:none !important; color:#fff !important; font-size:inherit !important; line-height:inherit !important; max-width:none !important; margin:0 !important; padding-bottom:20px !important} .ch_container a,.ch_container a:visited{ color:#969696 !important; font-weight:bold !important} .ch_container .ch_btn{ float:none !important; margin:0 !important; text-transform:uppercase !important; width:auto !important} .ch_container .ch_btn,.ch_container .ch_btn:visited{ animation:none !important; font-size:inherit !important; font-family:inherit !important; border-radius:0 !important; color:#424242 !important; background-color:#fff !important} .ch_container .ch_btn:hover,.ch_container .ch_btn:active{ background-color:#fff !important} @media only screen and (max-width:1024px){ .ch_container{ padding:15px !important} .ch_container .ch_message{ padding-bottom:15px} } #site_privacy_bg{ z-index:9999; background-color:rgba(88,88,88,.7); opacity:1; position:fixed; left:0; right:0; top:0; bottom:0} #site_privacy_popup{ position:absolute; width:90%; max-width:640px; left:0; right:0; top:50%; margin:-200px auto 0; min-height:200px; background-color:#fafafa; box-sizing:border-box; padding:40px; box-shadow:5px 5px 10px rgba(90,90,90,.7)} #site_privacy_text,#site_privacy_text p{ line-height:17px} #site_privacy_text h1{ font-size:17px; margin-bottom:10px} #site_privacy_text ul{ text-align:left; margin:10px 45px} #site_privacy_text li{ margin:7px 0} #site_privacy_linkbox{ padding-bottom:40px} #site_privacy_text a,#site_privacy_link{ text-decoration:underline} #site_privacy_buttonbox{ margin-top:20px} #site_privacy_button{ color:#fff; background-color:gray; border:0; padding:5px 10px; text-align:center; cursor:pointer; font-weight:bold; font-size:15px; max-width:100%; height:auto; white-space:normal; width:auto} #site_privacy_button:hover,#site_privacy_button:active{ background-color:#a9a9a9 !important} .admin_title,.admin_buttons,.admin_content{ padding:5px} .admin_content:empty{ padding:0} .admin_title *{ display:inline-block} .admin_buttons table{ width:100%} .admin_buttons a{ display:inline-block} .td_admin_languages{ text-align:right} .admin_content h2{ padding-bottom:10px} .admin_content.loading{ min-height:150px; background-image:url(/vendor/pm/pm-cms-base/images/buttons/loading_d9dadb.gif); background-repeat:no-repeat; background-position:center} .content_row .no_visible_hint{ display:none} .content_row.no_visible{ background-color:rgba(250,220,181,.2); position:relative} .content_row.no_visible .no_visible_hint{ display:block; position:absolute; right:0; top:-20px; background-color:#ff9000; color:#fff; padding:2px; opacity:.4; font-size:14px; line-height:20px} .content_row.no_visible:hover .no_visible_hint{ opacity:1} #Layer_Content{ padding-top:60px; min-height:0; height:100%} header{ position:fixed; left:0; right:0; top:0; height:auto; transition:.4s; z-index:800} .header_box{ height:60px; width:100%; max-width:1660px; margin:0 auto; padding:10px 30px 0; position:relative; z-index:2; box-sizing:border-box; transition:.4s} @media screen and (min-width:2125px){ .header_box{ max-width:80vw} } @media screen and (max-width:1024px){ .header_box{ padding-left:20px; padding-right:20px} } body.layout_2 .header_box{ height:80px !important; padding-top:20px !important; padding-left:20px !important; max-width:none !important} main{ min-height:50%} footer{ position:relative; z-index:3; padding:0} @media screen and (max-width:1024px){ body.scroll_up header{ top:0} body.scroll_down header{ top:-100px} body.navi_open.scroll_down header{ top:0} } @media screen and (max-width:480px){ #Layer_Content{ padding-top:60px} } .content_editlink{ position:absolute; top:10px; right:10px; opacity:.5; display:block; z-index:4; -webkit-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9)} .live_edit_disabled .content_editlink{ display:none !important} .content_editable{ position:relative} .content_editable:hover{ outline:1px dashed rgba(71,151,40,.4); outline-offset:-1px} .live_edit_disabled .content_editable:hover{ outline:none !important} .content_editable:hover>.content_editlink{ opacity:1 !important; -webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1)} div.siteadmin_site_not_visible{ position:fixed; z-index:100000; top:10px; right:10px; width:150px; padding:10px; background-color:#fac5b5; opacity:.9} div.siteadmin_site_not_visible *{ font-size:11px !important; font-family:Verdana,sans-serif !important; line-height:14px !important; color:#000 !important} div.siteadmin_site_not_visible p{ font-weight:bold; margin:0 0 3px} div.siteadmin_site_not_visible a{ display:inline-block; height:16px} div.siteadmin_site_not_visible a img{ vertical-align:middle} @keyframes fadein{ from{ opacity:0} to{ opacity:1} } a.anchor{ position:absolute; top:-110px} .content_row.no_visible{ background-color:rgba(250,220,181,.2); position:relative} .content_row.no_visible:before{ content:"Teilseite ist nicht sichtbar"; display:block; position:absolute; right:0; top:-20px; background-color:#ff9000; color:#fff; padding:2px; opacity:.4; font-size:14px; line-height:20px} .content_row.no_visible:hover:before{ opacity:1} .content_row.no_visible .no_visible_hint{ display:none} .content_row{ width:100%; max-width:1660px; margin:0 auto; padding:4% 20px; box-sizing:border-box; position:relative} @media screen and (min-width:2125px){ .content_row{ max-width:80vw} } @media screen and (max-width:480px){ .content_row{ padding-top:10%; padding-bottom:10%} } .content_row.content_row_typ_92{ max-width:none !important} .content_row.content_row_typ_92:not(.content_row_component_16,.content_row_component_164,.content_row_component_165,.content_row_component_215,.content_row_component_216){ padding:0 !important} .content_row.fullwidth{ max-width:none !important; padding-left:0 !important; padding-right:0 !important} .content_row.no_space_top{ padding-top:0} .content_row.no_space_bottom{ padding-bottom:0} .content_row.small_space_top{ padding-top:2%} @media screen and (max-width:480px){ .content_row.small_space_top{ padding-top:5%} } .content_row.small_space_bottom{ padding-bottom:2%} @media screen and (max-width:480px){ .content_row.small_space_bottom{ padding-bottom:5%} } .content_row.double_space_top{ padding-top:6%} @media screen and (max-width:480px){ .content_row.double_space_top{ padding-top:20%} } .content_row.double_space_bottom{ padding-bottom:6%} @media screen and (max-width:480px){ .content_row.double_space_bottom{ padding-bottom:20%} } .template_ix{ width:100%; margin:0 auto; box-sizing:border-box} .template_headlines{ padding:45px 20px 0; box-sizing:border-box} .template_cols,.template_2cols{ display:table; width:100%; table-layout:fixed} .template_col{ text-align:left; vertical-align:top; display:table-cell; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box} .template_col.template_1col{ width:33.33%; padding:0 10px} .template_2cols .template_col.template_1col{ width:50%} .template_col.template_2col{ width:66.66%; padding:0 10px} .template_115 .template_headlines,.template_115 .template_text{ text-align:center} .template_bild img{ display:block; width:100%; margin:0 auto} .template_text{ padding:20px} .template_text img{ display:inline-block; max-width:100% !important; height:auto !important} .formular{ width:100%; max-width:840px; margin:0 auto; padding:40px 20px; box-sizing:border-box; position:relative} .fancybox-container .formular{ max-width:840px !important} .formular .hinweisAnfrageBearbeitung{ padding-top:20px} .formular #div_hinweis{ padding-bottom:20px} @media only screen and (max-width:1024px){ main{ padding-top:60px} .content_row{ padding-right:10px; padding-left:10px} .template_headlines{ padding-top:30px} .template_3cols .template_col{ width:50%; display:block; float:left} .template_3cols:after{ content:""; display:block; clear:both} } @media only screen and (max-width:640px){ .template_2cols .template_col.template_1col,.template_3cols .template_col.template_1col,.template_3cols .template_col.template_2col{ display:block; width:100% !important; margin-right:0 !important} .template_2cols .template_col.template_1col.template_col2,.template_3cols .template_col.template_1col.template_col2,.template_3cols .template_col.template_1col.template_col3{ padding-top:20px} .template_pic_box,.template_headlines_box,.template_text_box{ min-height:auto !important} } html{ -webkit-font-smoothing:antialiased} img,a img{ border:0; -ms-interpolation-mode:bicubic} label,input[type=checkbox],input[type=radio],select{ cursor:pointer} select option[disabled]{ cursor:default} :focus{ outline:none} a{ text-decoration:none} b,strong{ font-weight:bold} .nowrap{ white-space:nowrap} ul,ol{ margin:10px 10px 10px 30px; padding:0} ul{ list-style-type:square} ul ul,ol ol,ol ul,ul ol{ margin:0 0 0 20px} li{ padding:0; margin:0} th,td{ vertical-align:top} th{ text-align:left; font-weight:bold} .ui-menu{ list-style:none; padding:0; margin:0; display:block; outline:0} .ui-autocomplete{ position:absolute; top:0; left:0; cursor:default; z-index:9999} .ui-menu .ui-menu-item{ margin:0; cursor:pointer} .hyphenate{ hyphens:manual; -webkit-hyphens:manual; -moz-hyphens:manual; -ms-hyphens:manual} .donthyphenate{ hyphens:none; -webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none} :root{ --color-bmw-weiss:#ffffff; --color-bmw-blau:#1c69d4; --color-bmw-grau-i:#666; --color-bmw-grau-light:#f2f2f2; --color-bmw-schwarz:#262626; --color-mini-white:#ffffff; --color-mini-grau-light:#f1f1f1; --color-mini-grau-dark:#4a4a4a; --color-mini-schwarz:#000000; --color-mini-purple:#91117f; --color-mini-gold:#ccba68; --color-reisacher-text-i:#5c6873; --color-alpina-white:#ffffff; --color-alpina-grayextralight:rgba(217, 217, 217, 0.4); --color-alpina-graylight:#d9d9d9; --color-alpina-graydark:#373737; --color-alpina-black:#141414; --color-alpina-blau:#27348b; --color-byd-rot:#d70c19; --color-byd-weiss:#ffffff; --color-byd-graylight:rgba(0, 0, 0, 0.08); --color-byd-hellgrau:#e5e5e5; --color-byd-black:#000000; --color-reisacher-saphir-i:#f2f5fa; --color-reisacher-saphir-ii:#e6edf2; --color-reisacher-saphir-iii:#c5d0d9; --color-reisacher-saphir-iv:#738699; --color-reisacher-saphir-v:#526375; --color-reisacher-saphir-vi:#3f4b59; --color-reisacher-saphir-vii:#36414d; --color-reisacher-saphir-text:#131d26; --color-reisacher-pyrit-hell:#f0e6b4; --color-reisacher-pyrit:#e5d78a; --color-reisacher-pyrit-dunkel:#cec077; --color-reisacher-top-angebot:#cec077; --text-font-family:"Arial", sans-serif; --text-font-size:18px; --text-font-weight:normal; --text-font-style:normal; --text-line-height:26px; --text-letter-spacing:0px; --p1-margin-bottom:calc(var(--text-line-height) * 0.5); --p2-margin-bottom:var(--p1-margin-bottom); --h1-font-family:var(--text-font-family); --h1-font-size:22px; --h1-font-weight:normal; --h1-font-style:normal; --h1-line-height:28px; --h1-letter-spacing:0px; --h2-font-family:var(--text-font-family); --h2-font-size:20px; --h2-font-weight:normal; --h2-font-style:normal; --h2-line-height:26px; --h2-letter-spacing:0px; --h3-font-family:var(--text-font-family); --h3-font-size:18px; --h3-font-weight:normal; --h3-font-style:normal; --h3-line-height:24px; --h3-letter-spacing:0px; --h4-font-family:var(--h3-font-family); --h4-font-size:var(--h3-font-size); --h4-font-weight:var(--h3-font-weight); --h4-font-style:var(--h3-font-style); --h4-line-height:var(--h3-line-height); --h4-letter-spacing:0px; --marke-main-color:var(--color-reisacher-pyrit); --content-max-width:1600px; --template-gutter-size:20px} body[data-navi-root="1"]{ --marke-main-color:var(--color-bmw-blau)} body[data-navi-root="30"]{ --marke-main-color:var(--color-mini-purple)} body[data-navi-root="1254"]{ --marke-main-color:var(--color-alpina-blau)} body[data-navi-root="546"]{ --marke-main-color:var(--color-bmw-blau)} body[data-navi-root="1630"]{ --marke-main-color:var(--color-byd-rot)} body[data-navi-root="2000"]{ --marke-main-color:var(--color-reisacher-pyrit)} @media screen and (min-width:2125px){ :root{ --content-max-width:calc(80vw - 60px)} } @media(min-width:768px){ :root{ --h1-font-size:24px; --h1-line-height:30px; --h2-font-size:22px; --h2-line-height:28px; --h3-font-size:20px; --h3-line-height:26px} } @media(min-width:1024px){ :root{ --text-font-size:20px; --text-line-height:28px; --h1-font-size:26px; --h1-line-height:32px; --h2-font-size:24px; --h2-line-height:30px; --h3-font-size:22px; --h3-line-height:28px} } @-webkit-keyframes jconfirm-spin{ from{ -webkit-transform:rotate(0deg); transform:rotate(0deg)} to{ -webkit-transform:rotate(360deg); transform:rotate(360deg)} } @keyframes jconfirm-spin{ from{ -webkit-transform:rotate(0deg); transform:rotate(0deg)} to{ -webkit-transform:rotate(360deg); transform:rotate(360deg)} } body[class*=jconfirm-no-scroll-]{ overflow:hidden!important} .jconfirm{ position:fixed; top:0; left:0; right:0; bottom:0; z-index:99999999; font-family:inherit; overflow:hidden} .jconfirm .jconfirm-bg{ position:fixed; top:0; left:0; right:0; bottom:0; -webkit-transition:opacity .4s; transition:opacity .4s} .jconfirm .jconfirm-bg.jconfirm-bg-h{ opacity:0!important} .jconfirm .jconfirm-scrollpane{ -webkit-perspective:500px; perspective:500px; -webkit-perspective-origin:center; perspective-origin:center; display:table; width:100%; height:100%} .jconfirm .jconfirm-row{ display:table-row; width:100%} .jconfirm .jconfirm-cell{ display:table-cell; vertical-align:middle} .jconfirm .jconfirm-holder{ max-height:100%; padding:50px 0} .jconfirm .jconfirm-box-container{ -webkit-transition:-webkit-transform; transition:-webkit-transform; transition:transform; transition:transform,-webkit-transform} .jconfirm .jconfirm-box-container.jconfirm-no-transition{ -webkit-transition:none!important; transition:none!important} .jconfirm .jconfirm-box{ background:white; border-radius:4px; position:relative; outline:0; padding:15px 15px 0; overflow:hidden; margin-left:auto; margin-right:auto} @-webkit-keyframes type-blue{ 1%,100%{ border-color:#3498db} 50%{ border-color:#5faee3} } @keyframes type-blue{ 1%,100%{ border-color:#3498db} 50%{ border-color:#5faee3} } @-webkit-keyframes type-green{ 1%,100%{ border-color:#2ecc71} 50%{ border-color:#54d98c} } @keyframes type-green{ 1%,100%{ border-color:#2ecc71} 50%{ border-color:#54d98c} } @-webkit-keyframes type-red{ 1%,100%{ border-color:#e74c3c} 50%{ border-color:#ed7669} } @keyframes type-red{ 1%,100%{ border-color:#e74c3c} 50%{ border-color:#ed7669} } @-webkit-keyframes type-orange{ 1%,100%{ border-color:#f1c40f} 50%{ border-color:#f4d03f} } @keyframes type-orange{ 1%,100%{ border-color:#f1c40f} 50%{ border-color:#f4d03f} } @-webkit-keyframes type-purple{ 1%,100%{ border-color:#9b59b6} 50%{ border-color:#b07cc6} } @keyframes type-purple{ 1%,100%{ border-color:#9b59b6} 50%{ border-color:#b07cc6} } @-webkit-keyframes type-dark{ 1%,100%{ border-color:#34495e} 50%{ border-color:#46627f} } @keyframes type-dark{ 1%,100%{ border-color:#34495e} 50%{ border-color:#46627f} } .jconfirm .jconfirm-box.jconfirm-type-animated{ -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite} .jconfirm .jconfirm-box.jconfirm-type-blue{ border-top:solid 7px #3498db; -webkit-animation-name:type-blue; animation-name:type-blue} .jconfirm .jconfirm-box.jconfirm-type-green{ border-top:solid 7px #2ecc71; -webkit-animation-name:type-green; animation-name:type-green} .jconfirm .jconfirm-box.jconfirm-type-red{ border-top:solid 7px #e74c3c; -webkit-animation-name:type-red; animation-name:type-red} .jconfirm .jconfirm-box.jconfirm-type-orange{ border-top:solid 7px #f1c40f; -webkit-animation-name:type-orange; animation-name:type-orange} .jconfirm .jconfirm-box.jconfirm-type-purple{ border-top:solid 7px #9b59b6; -webkit-animation-name:type-purple; animation-name:type-purple} .jconfirm .jconfirm-box.jconfirm-type-dark{ border-top:solid 7px #34495e; -webkit-animation-name:type-dark; animation-name:type-dark} .jconfirm .jconfirm-box.loading{ height:120px} .jconfirm .jconfirm-box.loading:before{ content:''; position:absolute; left:0; background:white; right:0; top:0; bottom:0; border-radius:10px; z-index:1} .jconfirm .jconfirm-box.loading:after{ opacity:.6; content:''; height:30px; width:30px; border:solid 3px transparent; position:absolute; left:50%; margin-left:-15px; border-radius:50%; -webkit-animation:jconfirm-spin 1s infinite linear; animation:jconfirm-spin 1s infinite linear; border-bottom-color:dodgerblue; top:50%; margin-top:-15px; z-index:2} .jconfirm .jconfirm-box div.jconfirm-closeIcon{ height:20px; width:20px; position:absolute; top:10px; right:10px; cursor:pointer; opacity:.6; text-align:center; font-size:27px!important; line-height:14px!important; display:none; z-index:1} .jconfirm .jconfirm-box div.jconfirm-closeIcon:empty{ display:none} .jconfirm .jconfirm-box div.jconfirm-closeIcon .fa{ font-size:16px} .jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon{ font-size:16px} .jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi{ font-size:16px} .jconfirm .jconfirm-box div.jconfirm-closeIcon:hover{ opacity:1} .jconfirm .jconfirm-box div.jconfirm-title-c{ display:block; font-size:22px; line-height:20px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; cursor:default; padding-bottom:15px} .jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand{ cursor:move} .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{ font-size:inherit; display:inline-block; vertical-align:middle} .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i{ vertical-align:middle} .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty{ display:none} .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; font-size:inherit; font-family:inherit; display:inline-block; vertical-align:middle} .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty{ display:none} .jconfirm .jconfirm-box div.jconfirm-content-pane{ margin-bottom:15px; height:auto; -webkit-transition:height .4s ease-in; transition:height .4s ease-in; display:inline-block; width:100%; position:relative; overflow-x:hidden; overflow-y:auto} .jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll{ overflow-y:hidden} .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar{ width:3px} .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track{ background:rgba(0,0,0,0.1)} .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb{ background:#666; border-radius:3px} .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content{ overflow:auto} .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img{ max-width:100%; height:auto} .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty{ display:none} .jconfirm .jconfirm-box .jconfirm-buttons{ padding-bottom:11px} .jconfirm .jconfirm-box .jconfirm-buttons>button{ margin-bottom:4px; margin-left:2px; margin-right:2px} .jconfirm .jconfirm-box .jconfirm-buttons button{ display:inline-block; padding:6px 12px; font-size:14px; font-weight:400; line-height:1.42857143; text-align:center; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; border-radius:4px; min-height:1em; -webkit-transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease; transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease; transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease; transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease; -webkit-tap-highlight-color:transparent; border:0; background-image:none} .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue{ background-color:#3498db; color:#FFF; text-shadow:none; -webkit-transition:background .2s; transition:background .2s} .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover{ background-color:#2980b9; color:#FFF} .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green{ background-color:#2ecc71; color:#FFF; text-shadow:none; -webkit-transition:background .2s; transition:background .2s} .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover{ background-color:#27ae60; color:#FFF} .jconfirm .jconfirm-box .jconfirm-buttons button.btn-red{ background-color:#e74c3c; color:#FFF; text-shadow:none; -webkit-transition:background .2s; transition:background .2s} .jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover{ background-color:#c0392b; color:#FFF} .jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange{ background-color:#f1c40f; color:#FFF; text-shadow:none; -webkit-transition:background .2s; transition:background .2s} .jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover{ background-color:#f39c12; color:#FFF} .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default{ background-color:#ecf0f1; color:#000; text-shadow:none; -webkit-transition:background .2s; transition:background .2s} .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover{ background-color:#bdc3c7; color:#000} .jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple{ background-color:#9b59b6; color:#FFF; text-shadow:none; -webkit-transition:background .2s; transition:background .2s} .jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover{ background-color:#8e44ad; color:#FFF} .jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark{ background-color:#34495e; color:#FFF; text-shadow:none; -webkit-transition:background .2s; transition:background .2s} .jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover{ background-color:#2c3e50; color:#FFF} .jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c{ color:#e74c3c!important} .jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c{ color:#3498db!important} .jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c{ color:#2ecc71!important} .jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c{ color:#9b59b6!important} .jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c{ color:#f1c40f!important} .jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c{ color:#34495e!important} .jconfirm .jconfirm-clear{ clear:both} .jconfirm.jconfirm-rtl{ direction:rtl} .jconfirm.jconfirm-rtl div.jconfirm-closeIcon{ left:5px; right:auto} .jconfirm.jconfirm-white .jconfirm-bg,.jconfirm.jconfirm-light .jconfirm-bg{ background-color:#444; opacity:.2} .jconfirm.jconfirm-white .jconfirm-box,.jconfirm.jconfirm-light .jconfirm-box{ -webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2); box-shadow:0 2px 6px rgba(0,0,0,0.2); border-radius:5px} .jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{ margin-right:8px; margin-left:0} .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons{ float:right} .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button{ text-transform:uppercase; font-size:14px; font-weight:bold; text-shadow:none} .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default{ -webkit-box-shadow:none; box-shadow:none; color:#333} .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover{ background:#ddd} .jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{ margin-left:8px; margin-right:0} .jconfirm.jconfirm-black .jconfirm-bg,.jconfirm.jconfirm-dark .jconfirm-bg{ background-color:darkslategray; opacity:.4} .jconfirm.jconfirm-black .jconfirm-box,.jconfirm.jconfirm-dark .jconfirm-box{ -webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2); box-shadow:0 2px 6px rgba(0,0,0,0.2); background:#444; border-radius:5px; color:white} .jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{ margin-right:8px; margin-left:0} .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons{ float:right} .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button{ border:0; background-image:none; text-transform:uppercase; font-size:14px; font-weight:bold; text-shadow:none; -webkit-transition:background .1s; transition:background .1s; color:white} .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default{ -webkit-box-shadow:none; box-shadow:none; color:#fff; background:0} .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover{ background:#666} .jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{ margin-left:8px; margin-right:0} .jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake{ -webkit-animation:shake .82s cubic-bezier(0.36,0.07,0.19,0.97) both; animation:shake .82s cubic-bezier(0.36,0.07,0.19,0.97) both; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)} .jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow{ -webkit-animation:glow .82s cubic-bezier(0.36,0.07,0.19,0.97) both; animation:glow .82s cubic-bezier(0.36,0.07,0.19,0.97) both; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)} @-webkit-keyframes shake{ 10%,90%{ -webkit-transform:translate3d(-2px,0,0); transform:translate3d(-2px,0,0)} 20%,80%{ -webkit-transform:translate3d(4px,0,0); transform:translate3d(4px,0,0)} 30%,50%,70%{ -webkit-transform:translate3d(-8px,0,0); transform:translate3d(-8px,0,0)} 40%,60%{ -webkit-transform:translate3d(8px,0,0); transform:translate3d(8px,0,0)} } @keyframes shake{ 10%,90%{ -webkit-transform:translate3d(-2px,0,0); transform:translate3d(-2px,0,0)} 20%,80%{ -webkit-transform:translate3d(4px,0,0); transform:translate3d(4px,0,0)} 30%,50%,70%{ -webkit-transform:translate3d(-8px,0,0); transform:translate3d(-8px,0,0)} 40%,60%{ -webkit-transform:translate3d(8px,0,0); transform:translate3d(8px,0,0)} } @-webkit-keyframes glow{ 0%,100%{ -webkit-box-shadow:0 0 0 red; box-shadow:0 0 0 red} 50%{ -webkit-box-shadow:0 0 30px red; box-shadow:0 0 30px red} } @keyframes glow{ 0%,100%{ -webkit-box-shadow:0 0 0 red; box-shadow:0 0 0 red} 50%{ -webkit-box-shadow:0 0 30px red; box-shadow:0 0 30px red} } .jconfirm{ -webkit-perspective:400px; perspective:400px} .jconfirm .jconfirm-box{ opacity:1; -webkit-transition-property:all; transition-property:all} .jconfirm .jconfirm-box.jconfirm-animation-top,.jconfirm .jconfirm-box.jconfirm-animation-left,.jconfirm .jconfirm-box.jconfirm-animation-right,.jconfirm .jconfirm-box.jconfirm-animation-bottom,.jconfirm .jconfirm-box.jconfirm-animation-opacity,.jconfirm .jconfirm-box.jconfirm-animation-zoom,.jconfirm .jconfirm-box.jconfirm-animation-scale,.jconfirm .jconfirm-box.jconfirm-animation-none,.jconfirm .jconfirm-box.jconfirm-animation-rotate,.jconfirm .jconfirm-box.jconfirm-animation-rotatex,.jconfirm .jconfirm-box.jconfirm-animation-rotatey,.jconfirm .jconfirm-box.jconfirm-animation-scaley,.jconfirm .jconfirm-box.jconfirm-animation-scalex{ opacity:0} .jconfirm .jconfirm-box.jconfirm-animation-rotate{ -webkit-transform:rotate(90deg); transform:rotate(90deg)} .jconfirm .jconfirm-box.jconfirm-animation-rotatex{ -webkit-transform:rotateX(90deg); transform:rotateX(90deg); -webkit-transform-origin:center; transform-origin:center} .jconfirm .jconfirm-box.jconfirm-animation-rotatexr{ -webkit-transform:rotateX(-90deg); transform:rotateX(-90deg); -webkit-transform-origin:center; transform-origin:center} .jconfirm .jconfirm-box.jconfirm-animation-rotatey{ -webkit-transform:rotatey(90deg); transform:rotatey(90deg); -webkit-transform-origin:center; transform-origin:center} .jconfirm .jconfirm-box.jconfirm-animation-rotateyr{ -webkit-transform:rotatey(-90deg); transform:rotatey(-90deg); -webkit-transform-origin:center; transform-origin:center} .jconfirm .jconfirm-box.jconfirm-animation-scaley{ -webkit-transform:scaley(1.5); transform:scaley(1.5); -webkit-transform-origin:center; transform-origin:center} .jconfirm .jconfirm-box.jconfirm-animation-scalex{ -webkit-transform:scalex(1.5); transform:scalex(1.5); -webkit-transform-origin:center; transform-origin:center} .jconfirm .jconfirm-box.jconfirm-animation-top{ -webkit-transform:translate(0px,-100px); transform:translate(0px,-100px)} .jconfirm .jconfirm-box.jconfirm-animation-left{ -webkit-transform:translate(-100px,0px); transform:translate(-100px,0px)} .jconfirm .jconfirm-box.jconfirm-animation-right{ -webkit-transform:translate(100px,0px); transform:translate(100px,0px)} .jconfirm .jconfirm-box.jconfirm-animation-bottom{ -webkit-transform:translate(0px,100px); transform:translate(0px,100px)} .jconfirm .jconfirm-box.jconfirm-animation-zoom{ -webkit-transform:scale(1.2); transform:scale(1.2)} .jconfirm .jconfirm-box.jconfirm-animation-scale{ -webkit-transform:scale(0.5); transform:scale(0.5)} .jconfirm .jconfirm-box.jconfirm-animation-none{ visibility:hidden} .jconfirm.jconfirm-supervan .jconfirm-bg{ background-color:rgba(54,70,93,0.95)} .jconfirm.jconfirm-supervan .jconfirm-box{ background-color:transparent} .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue{ border:0} .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green{ border:0} .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red{ border:0} .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange{ border:0} .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple{ border:0} .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark{ border:0} .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon{ color:white} .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c{ text-align:center; color:white; font-size:28px; font-weight:normal} .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c>*{ padding-bottom:25px} .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{ margin-right:8px; margin-left:0} .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane{ margin-bottom:25px} .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content{ text-align:center; color:white} .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons{ text-align:center} .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button{ font-size:16px; border-radius:2px; background:#303f53; text-shadow:none; border:0; color:white; padding:10px; min-width:100px} .jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{ margin-left:8px; margin-right:0} .jconfirm.jconfirm-material .jconfirm-bg{ background-color:rgba(0,0,0,0.67)} .jconfirm.jconfirm-material .jconfirm-box{ background-color:white; -webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12); box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12); padding:30px 25px 10px 25px} .jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{ margin-right:8px; margin-left:0} .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon{ color:rgba(0,0,0,0.87)} .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c{ color:rgba(0,0,0,0.87); font-size:22px; font-weight:bold} .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content{ color:rgba(0,0,0,0.87)} .jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons{ text-align:right} .jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button{ text-transform:uppercase; font-weight:500} .jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{ margin-left:8px; margin-right:0} .jconfirm.jconfirm-bootstrap .jconfirm-bg{ background-color:rgba(0,0,0,0.21)} .jconfirm.jconfirm-bootstrap .jconfirm-box{ background-color:white; -webkit-box-shadow:0 3px 8px 0 rgba(0,0,0,0.2); box-shadow:0 3px 8px 0 rgba(0,0,0,0.2); border:solid 1px rgba(0,0,0,0.4); padding:15px 0 0} .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{ margin-right:8px; margin-left:0} .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon{ color:rgba(0,0,0,0.87)} .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c{ color:rgba(0,0,0,0.87); font-size:22px; font-weight:bold; padding-left:15px; padding-right:15px} .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content{ color:rgba(0,0,0,0.87); padding:0 15px} .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons{ text-align:right; padding:10px; margin:-5px 0 0; border-top:solid 1px #ddd; overflow:hidden; border-radius:0 0 4px 4px} .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button{ font-weight:500} .jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{ margin-left:8px; margin-right:0} .jconfirm.jconfirm-modern .jconfirm-bg{ background-color:slategray; opacity:.6} .jconfirm.jconfirm-modern .jconfirm-box{ background-color:white; -webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12); box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12); padding:30px 30px 15px} .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon{ color:rgba(0,0,0,0.87); top:15px; right:15px} .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c{ color:rgba(0,0,0,0.87); font-size:24px; font-weight:bold; text-align:center; margin-bottom:10px} .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{ -webkit-transition:-webkit-transform .5s; transition:-webkit-transform .5s; transition:transform .5s; transition:transform .5s,-webkit-transform .5s; -webkit-transform:scale(0); transform:scale(0); display:block; margin-right:0; margin-left:0; margin-bottom:10px; font-size:69px; color:#aaa} .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content{ text-align:center; font-size:15px; color:#777; margin-bottom:25px} .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons{ text-align:center} .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button{ font-weight:bold; text-transform:uppercase; -webkit-transition:background .1s; transition:background .1s; padding:10px 20px} .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button+button{ margin-left:4px} .jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{ -webkit-transform:scale(1); transform:scale(1)} .jconfirm-holder>.container{ width:100%; max-width:420px; margin:0 auto; padding:0 20px; box-sizing:border-box} .jconfirm .jconfirm-box div.jconfirm-title-c{ padding-bottom:10px; border-bottom:1px solid #000; margin-bottom:10px} .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{ font-weight:bold} .jconfirm .feld{ width:100%; padding:8px 10px 5px; box-shadow:none; -webkit-appearance:none; appearance:none; outline:none; background-color:rgba(0,0,0,0); border:1px solid gray; border-radius:0; height:40px; box-sizing:border-box; font-family:inherit; font-size:inherit; color:#005ea8} .jconfirm textarea.feld{ height:80px} @media screen and (max-width:480px){ .jconfirm-holder>.container{ max-width:320px} } @font-face{ font-family:MINISerif; font-style:normal; font-weight:normal; src:url(/public/webfonts/MINISerif-regular.woff2) format("woff2"),url(/public/webfonts/MINISerif-regular.woff) format("woff"),url(/public/webfonts/MINISerif-regular.ttf) format("truetype")} @font-face{ font-family:MINISerif; font-style:italic; font-weight:normal; src:url(/public/webfonts/MINISerif-italic.woff2) format("woff2"),url(/public/webfonts/MINISerif-italic.woff) format("woff"),url(/public/webfonts/MINISerif-italic.ttf) format("truetype")} @font-face{ font-family:MINISerif; font-style:normal; font-weight:bold; src:url(/public/webfonts/MINISerif-bold.woff2) format("woff2"),url(/public/webfonts/MINISerif-bold.woff) format("woff"),url(/public/webfonts/MINISerif-bold.ttf) format("truetype")} @font-face{ font-family:MINISerifHeadline; font-style:normal; font-weight:normal; src:url(/public/webfonts/MINISerifHeadline-regular.woff2) format("woff2"),url(/public/webfonts/MINISerifHeadline-regular.woff) format("woff"),url(/public/webfonts/MINISerifHeadline-regular.ttf) format("truetype")} @font-face{ font-family:BMWMotorradW05; font-style:normal; font-weight:normal; src:url(/public/webfonts/bmwmotorradw05-regular.woff2) format("woff2"),url(/public/webfonts/bmwmotorradw05-regular.woff) format("woff"),url(/public/webfonts/bmwmotorradw05-regular.ttf) format("truetype")} @font-face{ font-family:BMWMotorradW05Italic; font-style:italic; font-weight:normal; src:url(/public/webfonts/bmwmotorradw05-italic.woff2) format("woff2"),url(/public/webfonts/bmwmotorradw05-italic.woff) format("woff"),url(/public/webfonts/bmwmotorradw05-italic.ttf) format("truetype")} @font-face{ font-family:BMWMotorradW05Bold; font-style:normal; font-weight:bold; src:url(/public/webfonts/bmwmotorradw05-bold.woff2) format("woff2"),url(/public/webfonts/bmwmotorradw05-bold.woff) format("woff"),url(/public/webfonts/bmwmotorradw05-bold.ttf) format("truetype")} @font-face{ font-family:BMWMotorradW05BoldItalic; font-style:italic; font-weight:bold; src:url(/public/webfonts/bmwmotorradw05-bolditalic.woff2) format("woff2"),url(/public/webfonts/bmwmotorradw05-bolditalic.woff) format("woff"),url(/public/webfonts/bmwmotorradw05-bolditalic.ttf) format("truetype")} @font-face{ font-family:"aktiv-grotesk"; src:url(/public/webfonts/AktivGrotesk_W_Basic_Rg.woff2) format("woff2"),url(/public/webfonts/AktivGrotesk_W_Basic_Rg.woff) format("woff"); font-display:auto; font-style:normal; font-weight:normal; font-stretch:normal} @font-face{ font-family:"aktiv-grotesk"; src:url(/public/webfonts/AktivGrotesk_W_Basic_SBd.woff2) format("woff2"),url(/public/webfonts/AktivGrotesk_W_Basic_SBd.woff) format("woff"); font-display:auto; font-style:normal; font-weight:bold; font-stretch:normal} @font-face{ font-family:"aktiv-grotesk-extended"; src:url(/public/webfonts/AktivGroteskEx_W_Basic_Lt.woff2) format("woff2"),url(/public/webfonts/AktivGroteskEx_W_Basic_Lt.woff) format("woff"); font-display:auto; font-style:normal; font-weight:normal; font-stretch:normal} @font-face{ font-family:"aktiv-grotesk-extended"; src:url(/public/webfonts/AktivGroteskEx_W_Basic_Md.woff2) format("woff2"),url(/public/webfonts/AktivGroteskEx_W_Basic_Md.woff) format("woff"); font-display:auto; font-style:normal; font-weight:bold; font-stretch:normal} .tk-aktiv-grotesk{ font-family:"aktiv-grotesk",sans-serif} .tk-aktiv-grotesk-extended{ font-family:"aktiv-grotesk-extended",sans-serif} body{ background:var(--color-reisacher-saphir-i) no-repeat bottom left} header{ background-color:var(--color-reisacher-saphir-vii)} body,td,th,p{ font-family:"aktiv-grotesk",sans-serif; font-weight:normal; font-size:18px; line-height:26px; color:var(--color-reisacher-saphir-text); -webkit-text-size-adjust:none} b,strong{ font-weight:bold} small{ font-size:13px; line-height:18px} :focus-visible:not(.cke_editable,input:not([type=submit]),textarea){ box-shadow:0 0 0 2px #fff,0 0 0 5px var(--marke-main-color) !important; outline:none !important} :focus-visible:not(.cke_editable,input:not([type=submit]),textarea) .style_1_0{ box-shadow:0 0 0 2px var(--color-reisacher-saphir-text),0 0 0 5px var(--marke-main-color) !important} .skip-link{ font-family:"aktiv-grotesk",sans-serif; position:absolute; z-index:99; left:50%; padding:20px; transition:transform .5s; border-radius:6px; background-color:var(--color-reisacher-saphir-v); color:#fff; transform:translateX(-50%)} .skip-link:not(:focus){ transform:translateX(-50%) translateY(-115px)} div.smalltext{ font-size:13px; line-height:20px} .description{ font-size:17px; overflow:auto; line-height:normal} .hint{ color:#7e1515} .hint2{ font-weight:bold} .hint3{ color:#005ea4} .p_light{ color:#fff} .underline{ text-decoration:underline} h1,.h1,.content_headline1{ font-family:"aktiv-grotesk-extended",sans-serif; font-weight:normal; font-size:48px; line-height:1.2; color:var(--color-reisacher-saphir-text); letter-spacing:unset} h1 b,h1 strong,.h1 b,.h1 strong,.content_headline1 b,.content_headline1 strong{ font-weight:bold} h2,.h2,.content_headline2{ font-family:"aktiv-grotesk-extended",sans-serif; font-weight:normal; font-size:32px; line-height:1.2; color:var(--color-reisacher-saphir-text); letter-spacing:-1px} h2 b,h2 strong,.h2 b,.h2 strong,.content_headline2 b,.content_headline2 strong{ font-weight:bold} h3,.h3,.content_headline3{ font-family:"aktiv-grotesk-extended",sans-serif; font-weight:normal; font-size:28px; line-height:1.2; color:var(--color-reisacher-saphir-text); letter-spacing:unset} h3 b,h3 strong,.h3 b,.h3 strong,.content_headline3 b,.content_headline3 strong{ font-weight:bold} h4,.h4,.content_headline4{ font-family:"aktiv-grotesk-extended",sans-serif; font-weight:normal; font-size:24px; line-height:1.2; color:var(--color-reisacher-saphir-text); letter-spacing:unset} h4 b,h4 strong,.h4 b,.h4 strong,.content_headline4 b,.content_headline4 strong{ font-weight:bold} h5,.h5,.content_headline5{ font-family:"aktiv-grotesk-extended",sans-serif; font-weight:normal; font-size:22px; line-height:1.2; color:var(--color-reisacher-saphir-text); letter-spacing:unset} h5 b,h5 strong,.h5 b,.h5 strong,.content_headline5 b,.content_headline5 strong{ font-weight:bold} h6,.h6,.content_headline6{ font-family:"aktiv-grotesk-extended",sans-serif; font-weight:normal; font-size:20px; line-height:1.2; color:var(--color-reisacher-saphir-text); letter-spacing:-0.5px} h6 b,h6 strong,.h6 b,.h6 strong,.content_headline6 b,.content_headline6 strong{ font-weight:bold} .color-1{ color:var(--color-reisacher-saphir-vii)} .color-2{ color:var(--color-reisacher-saphir-iv)} .color-3{ color:var(--color-reisacher-pyrit)} ul,ol{ margin:0 0 0 30px} th{ border-bottom:1px solid #000} main a{ color:var(--color-reisacher-saphir-v)} main a:hover{ color:var(--color-reisacher-saphir-text)} main .template_text a{ text-decoration:underline} body.cke_editable ul,main ul{ margin:0; list-style-type:none} body.cke_editable ul li,.template_text ul li,ul.liste li,.news_content ul li{ padding-left:15px; position:relative} small ul.liste li{ padding-left:20px} body.cke_editable ul li:before,.template_text ul li:before,ul.liste li:before,.news_content ul li:before{ content:""; position:absolute; left:0; top:8px; display:block; width:0; height:0; border:6px solid rgba(0,0,0,0); border-left-color:var(--color-reisacher-saphir-v)} small ul.liste li:before{ top:3px} body.cke_editable ul.check_list li:before,.template_text ul.check_list li:before{ top:4px; width:16px; height:16px; border:0 !important; background:url(/images/icons/ico_check.svg) no-repeat center rgba(0,0,0,0); -webkit-background-size:contain; background-size:contain} ul.select{ margin:0; padding:2px 0; line-height:110%} ul.select a{ display:inline-block; color:inherit; text-decoration:none !important} ul.select a span{ position:relative; display:inline-block} ul.select a span.select_text::after{ content:""; position:absolute; left:0; bottom:-2px; width:100%; height:0; border-bottom:1px solid rgba(0,0,0,0)} ul.select a sup{ display:none} ul.select a sup{ font-family:"aktiv-grotesk",sans-serif} ul.select li.selected a sup{ display:inline} ul.select li label:hover,ul.select li.selected label{ color:#005ea8} ul.select li label:focus-within{ color:#005ea8} ul.select li label:hover a span::after,ul.select li.selected label a span::after{ border-color:#005ea8} ul.select li.selected a{ font-family:"aktiv-grotesk",sans-serif} ul.select li{ display:inline-block; list-style-type:none; padding:0; margin:0; border-left:1px solid rgba(110,110,112,.4)} ul.select li:first-child{ border-left:none} ul.select label{ padding:0 10px; display:inline-block} ul.select input[type=radio],ul.select input[type=checkbox]{ display:none} ul.select .select_image,ul.select .select_input{ display:block; text-align:center} ul.select .select_image{ padding-bottom:15px; transition:opacity .5s} ul.select .inactive .select_image{ opacity:.3} ul.select .select_input{ padding-top:15px} ul.select .select_input input{ display:inline} ul.select_vertical{ line-height:150%} ul.select_vertical li{ display:block; border-left:none} ul.select_vertical li label{ padding:0 0 0 25px} ul.select_vertical li .select_input{ padding:0} select{ padding:8px 10px 5px; background-color:rgba(0,0,0,0); border:1px solid rgba(0,0,0,0); border-radius:0; border-bottom-color:var(--color-reisacher-saphir-iv); height:40px; color:var(--color-reisacher-saphir-vii)} select:focus{ border-color:var(--color-reisacher-saphir-iv)} form .form_row_group{ padding-bottom:20px} form .form_row_group h2,form .form_row_group h4{ padding-bottom:10px} form .row{ display:block; margin-bottom:20px} form .row.row_table{ display:table; width:100%} form .row_table>.row{ display:table-cell; width:50%; text-align:left; vertical-align:top; box-sizing:border-box} form .row_table>.row_table>.row{ width:16.66%} form .row_table>.row.row_checkbox{ display:inline-block; width:auto} form .row_table>.row:nth-child(1){ padding-right:10px} form .row_table>.row:nth-child(2){ padding-left:10px} form .row_table>.row_table>.row:nth-child(2){ padding-left:0; padding-right:10px} form .row_choice_expanded .row{ display:inline-block; margin:0 10px 0 0} form .row_audio_recorder .audio-recorder{ padding:10px 0} form .row_audio_recorder .button{ width:auto; height:auto; padding:5px 20px; border-radius:4px} form .row_audio_recorder .recordButton{ background-color:var(--color-reisacher-saphir-text); color:var(--color-reisacher-saphir-i); transition:all .3s ease-in-out 0s} form .row_audio_recorder .button.inactive{ background-color:var(--color-reisacher-saphir-ii) !important; color:var(--color-reisacher-saphir-iv) !important; cursor:default !important; opacity:.6} form .row_audio_recorder .hidden{ display:none} form .row_audio_recorder .removeRecord{ background:url(/images/icons/ico_close.svg) no-repeat center rgba(0,0,0,0); background-size:20px 20px; width:40px; height:40px; vertical-align:top} .hint{ color:#e00} .form_messages{ color:#e00; font-size:12px; list-style-type:none; margin:0} .datenschutzHinweisText{ padding-bottom:25px} input,select,textarea{ border-radius:0} input[type=button],input[type=submit],button,.button,ul.select_button{ border:none; border-radius:4px; padding:14px 24px; color:var(--color-reisacher-saphir-vii); background:var(--color-reisacher-saphir-iii); font-family:"aktiv-grotesk",sans-serif; font-size:14px; cursor:pointer; -webkit-appearance:none} @media screen and (min-width:1921px){ input[type=button],input[type=submit],button,.button,ul.select_button{ font-size:16px} } @media screen and (min-width:1025px){ input[type=button]:hover,input[type=submit]:hover,button:hover,.button:hover,ul.select_button:hover{ background-color:var(--color-reisacher-pyrit)} } @media screen and (max-width:1024px){ input[type=button],input[type=submit],button,.button,ul.select_button{ background-color:var(--color-reisacher-pyrit)} } ul.select_button{ display:inline-block} ul.select_button a{ font-family:"aktiv-grotesk",sans-serif} ul.select_button a::after{ border:none !important} .button_1zeilig,.button_2zeilig{ display:inline-block; margin:0; position:relative; padding:12px 24px; box-sizing:border-box; min-width:180px; white-space:nowrap; border-radius:8px; background:var(--color-reisacher-pyrit); transition:.2s; text-align:center} .button_1zeilig:has(a),.button_2zeilig:has(a){ padding:0; overflow:hidden} .button_1zeilig a,.button_2zeilig a{ padding:14px 24px; display:inline-block; min-width:180px; box-sizing:border-box} .button_1zeilig input[type=button],.button_1zeilig input[type=submit],.button_1zeilig button,.button_1zeilig .button,.button_2zeilig input[type=button],.button_2zeilig input[type=submit],.button_2zeilig button,.button_2zeilig .button{ background:rgba(0,0,0,0); color:var(--color-reisacher-saphir-vii)} .button_1zeilig,.button_1zeilig *,.button_2zeilig,.button_2zeilig *{ color:var(--color-reisacher-saphir-vii) !important; text-decoration:none !important; font-family:"aktiv-grotesk",sans-serif; font-weight:bold; font-size:14px; line-height:1.2; background-color:var(--color-reisacher-pyrit); transition:.2s} @media screen and (min-width:1921px){ .button_1zeilig,.button_1zeilig *,.button_2zeilig,.button_2zeilig *{ font-size:16px} } @media screen and (min-width:1025px){ .button_1zeilig:hover,.button_2zeilig:hover{ background-color:var(--color-reisacher-pyrit-hell); text-decoration:none !important} .button_1zeilig:hover *,.button_1zeilig:hover input[type=button],.button_1zeilig:hover input[type=submit],.button_1zeilig:hover button,.button_1zeilig:hover .button,.button_2zeilig:hover *,.button_2zeilig:hover input[type=button],.button_2zeilig:hover input[type=submit],.button_2zeilig:hover button,.button_2zeilig:hover .button{ background-color:var(--color-reisacher-pyrit-hell); text-decoration:none !important} } a:has(>.button),a:has(>.button_1zeilig),a:has(>.button_2zeilig){ display:inline-block} .button_cta{ display:inline-block; padding:12px 24px; border-radius:8px; background:var(--color-reisacher-pyrit) !important; color:var(--color-reisacher-saphir-vii) !important; font-size:14px; font-style:normal; font-weight:600; line-height:120%; transition:background-color .2s,color .2s; text-decoration:none !important} .button_cta:has(a){ padding:0; overflow:hidden} .button_cta a{ padding:12px 24px; display:inline-block} .button_cta *{ background:var(--color-reisacher-pyrit) !important; color:var(--color-reisacher-saphir-vii) !important; text-decoration:none !important} @media screen and (min-width:1921px){ .button_cta{ font-size:16px} } @media screen and (min-width:1025px){ .button_cta:hover{ background:var(--color-reisacher-pyrit-hell) !important} .button_cta:hover *{ background:var(--color-reisacher-pyrit-hell) !important; transition:background-color .2s,color .2s} } .button_sek{ display:inline-block; padding:12px 24px; border-radius:8px; background:var(--color-reisacher-saphir-iii) !important; color:var(--color-reisacher-saphir-vii) !important; font-size:14px; font-style:normal; font-weight:600; line-height:120%; transition:background-color .2s,color .2s; text-decoration:none !important} .button_sek:has(a){ padding:0; overflow:hidden} .button_sek a{ padding:12px 24px; display:inline-block} .button_sek *{ background:var(--color-reisacher-saphir-iii) !important; color:var(--color-reisacher-saphir-vii) !important; text-decoration:none !important} @media screen and (min-width:1921px){ .button_sek{ font-size:16px} } @media screen and (min-width:1025px){ .button_sek:hover{ background:var(--color-reisacher-pyrit) !important} .button_sek:hover *{ background:var(--color-reisacher-pyrit) !important; transition:background-color .2s,color .2s} } .button_sek2{ display:inline-block; padding:11px 23px; border-radius:8px; background:rgba(0,0,0,0) !important; color:var(--color-reisacher-saphir-text) !important; border:1px solid var(--color-reisacher-saphir-text); font-size:14px; font-style:normal; font-weight:600; line-height:120%; transition:background-color .2s,color .2s; text-decoration:none !important} .button_sek2:has(a){ padding:0; overflow:hidden} .button_sek2 a{ padding:11px 23px; display:inline-block} .button_sek2 *{ background:rgba(0,0,0,0) !important; text-decoration:none !important} @media screen and (min-width:1921px){ .button_sek2{ font-size:16px} } @media screen and (min-width:1025px){ .button_sek2:hover{ background:var(--color-reisacher-pyrit) !important; border:1px solid var(--color-reisacher-pyrit); color:var(--color-reisacher-saphir-text) !important} .button_sek2:hover *{ background:var(--color-reisacher-pyrit) !important; color:var(--color-reisacher-saphir-text) !important; transition:background-color .2s,color .2s} } label.checkbox,label.radio{ position:relative; padding-left:25px; padding-right:10px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; display:block} label.checkbox input[type=checkbox],label.radio input[type=radio]{ position:absolute; left:0; top:0; opacity:0; cursor:pointer} label.checkbox .checkmark,label.radio .checkmark{ position:absolute; left:0; top:14px; height:16px; width:16px; margin-top:-11px; background-color:rgba(0,0,0,0); border:1px solid #4b4b4d} .style_1_0 label.checkbox .checkmark,.style_1_0 label.radio .checkmark{ border-color:var(--color-reisacher-saphir-text)} .row_error label.checkbox .checkmark,.row_error label.radio .checkmark{ border-color:#e00} label.checkbox .checkmark{ border-radius:2px} label.radio .checkmark{ border-radius:50%} label.checkbox:hover .checkmark,label.radio:hover .checkmark{ border-color:#005ea8; background-color:rgba(0,94,168,.1)} .style_1_0 label.checkbox:hover .checkmark,.style_1_0 label.radio:hover .checkmark{ border-color:var(--color-reisacher-saphir-text); background-color:var(--color-reisacher-saphir-ii)} label.checkbox input[type=checkbox]:focus~.checkmark,label.radio input[type=radio]:focus~.checkmark{ border-color:#005ea8; background-color:rgba(0,94,168,.1)} .style_1_0 label.checkbox input[type=checkbox]:focus~.checkmark,.style_1_0 label.radio input[type=radio]:focus~.checkmark{ border-color:var(--color-reisacher-saphir-text); background-color:var(--color-reisacher-saphir-ii)} label.checkbox input[type=checkbox]:checked~.checkmark,label.radio input[type=radio]:checked~.checkmark{ border-color:#005ea8; background-color:#005ea8} .style_1_0 label.checkbox input[type=checkbox]:checked~.checkmark,.style_1_0 label.radio input[type=radio]:checked~.checkmark{ border-color:var(--color-reisacher-saphir-text); background-color:var(--color-reisacher-saphir-text)} label.checkbox:hover input[type=checkbox]:checked~.checkmark,label.radio:hover input[type=radio]:checked~.checkmark{ border-color:rgba(0,94,168,.8); background-color:rgba(0,94,168,.8)} .style_1_0 label.checkbox:hover input[type=checkbox]:checked~.checkmark,.style_1_0 label.radio:hover input[type=radio]:checked~.checkmark{ border-color:var(--color-reisacher-saphir-iv); background-color:var(--color-reisacher-saphir-iv)} label.checkbox input[type=checkbox]:checked:focus~.checkmark,label.radio input[type=radio]:checked:focus~.checkmark{ border-color:rgba(0,94,168,.8); background-color:rgba(0,94,168,.8)} .style_1_0 label.checkbox input[type=checkbox]:checked:focus~.checkmark,.style_1_0 label.radio input[type=radio]:checked:focus~.checkmark{ border-color:var(--color-reisacher-saphir-iv); background-color:var(--color-reisacher-saphir-iv)} label.checkbox .checkmark::after,label.radio .checkmark::after{ position:absolute; opacity:0; text-align:center; color:#005ea8; font-size:14px; line-height:14px; left:50%; top:9px; margin-left:-6px; margin-top:-6px} .style_1_0 label.checkbox .checkmark::after,.style_1_0 label.radio .checkmark::after{ color:var(--color-reisacher-saphir-text)} label.checkbox .checkmark::after{ content:""; background-image:url(/images/icons/ico_check_blue.svg); background-repeat:no-repeat; background-size:10px; background-position:center center; height:100%; width:100%; top:0; left:0; margin:0} .style_1_0 label.checkbox .checkmark::after{ background-image:url(/images/icons/ico_check_131D26.svg)} label.radio .checkmark::after{ content:""; width:6px; height:6px; margin-left:-3px; margin-right:-3px; margin-top:-4px; background-color:#005ea8; border-radius:50%} .style_1_0 label.radio .checkmark::after{ background-color:var(--color-reisacher-saphir-text)} label.checkbox:hover .checkmark::after,label.radio:hover .checkmark::after{ opacity:.4} label.checkbox:focus .checkmark::after,label.radio:focus .checkmark::after{ opacity:0} @media(pointer:coarse){ label.checkbox:hover .checkmark::after,label.radio:hover .checkmark::after{ opacity:0} } label.checkbox input[type=checkbox]:checked~.checkmark::after,label.radio input[type=radio]:checked~.checkmark::after{ opacity:1; color:#fff} label.checkbox input[type=checkbox]:checked~.checkmark::after{ background-image:url(/images/icons/ico_check_white.svg)} label.radio input[type=radio]:checked~.checkmark::after{ background-color:#fff} .ffl-wrapper{ position:relative; display:block; padding-top:7px} .ffl-wrapper>label{ transition-property:all; transition-duration:200ms; transition-timing-function:ease; transition-delay:0s; position:absolute; white-space:nowrap; max-width:100%; text-overflow:ellipsis; overflow:hidden; pointer-events:none; top:15px; left:10px; display:block; padding:0 5px; box-sizing:border-box; opacity:.5} body.a11y .ffl-wrapper>label{ opacity:1} form .row_table>.row:nth-child(2).ffl-wrapper>label{ left:20px} form .row_table>.row_table>.row:nth-child(2).ffl-wrapper>label{ left:10px} .ffl-wrapper.ffl-floated>label{ top:0; font-size:13px; line-height:15px; background-color:#fff; opacity:1; z-index:1} .style_1_0 .ffl-wrapper.ffl-floated>label{ background-color:var(--color-reisacher-saphir-i)} .ffl-wrapper>input[type=text],.ffl-wrapper>input[type=number],.ffl-wrapper>input[type=email],.ffl-wrapper>input[type=tel],.ffl-wrapper>input[type=file],.ffl-wrapper.row_datetime input[type=date],.ffl-wrapper.row_date input[type=date],.ffl-wrapper.row_datetime input[type=time],.ffl-wrapper.row_time input[type=time],.ffl-wrapper>textarea,.ffl-wrapper>select,.ffl-wrapper>.ui-selectmenu-button.ui-button{ transition:all 100ms ease; display:block; width:100%; padding:8px 10px 5px; box-shadow:none; -webkit-appearance:none; appearance:none; outline:none; background-color:rgba(0,0,0,0); border:1px solid rgba(0,0,0,0); border-radius:0; border-bottom-color:var(--color-reisacher-saphir-iv); height:40px; box-sizing:border-box; font-family:inherit; font-size:inherit; color:var(--color-reisacher-saphir-vii)} .ffl-wrapper>textarea{ min-height:40px; min-width:100%; max-width:100%; overflow:hidden} .ffl-wrapper.ffl-floated>textarea{ height:100px; min-height:60px; overflow:auto} .ffl-wrapper.ffl-floated>input[type=text],.ffl-wrapper.ffl-floated>input[type=number],.ffl-wrapper.ffl-floated>input[type=email],.ffl-wrapper.ffl-floated>input[type=tel],.ffl-wrapper.ffl-floated>input[type=file],.ffl-wrapper.ffl-floated>textarea,.ffl-wrapper.ffl-floated>select,.ffl-wrapper.ffl-floated>.ui-selectmenu-button.ui-button{ border-color:var(--color-reisacher-saphir-iv)} .ffl-wrapper.ffl-floated .ui-selectmenu-button .ui-selectmenu-text{ padding:0} .ffl-wrapper.row_file>label,.ffl-wrapper.row_datetime>label,.ffl-wrapper.row_date>label,.ffl-wrapper.row_time>label{ top:0; font-size:13px; line-height:15px; background-color:#fff; opacity:1} .style_1_0 .ffl-wrapper.row_file>label,.style_1_0 .ffl-wrapper.row_datetime>label,.style_1_0 .ffl-wrapper.row_date>label,.style_1_0 .ffl-wrapper.row_time>label{ background-color:var(--color-reisacher-saphir-i)} .ffl-wrapper.row_audio_recorder>label{ position:static} .ffl-wrapper.row_file .uploaded_filename{ font-family:"aktiv-grotesk",sans-serif; font-size:14px} .ffl-wrapper.row_error>input,.ffl-wrapper.row_error>textarea,.ffl-wrapper.row_error>select,.ffl-wrapper.row_error>.ui-selectmenu-button.ui-button{ border-color:#e00 !important} .ffl-wrapper *[readonly=readonly]{ opacity:.6} .ffl-wrapper.row_datetime>div{ display:flex; flex-wrap:nowrap} .ffl-wrapper.row_datetime>div>input:first-child{ margin-right:5px} .ffl-wrapper.row_datetime>div>input:nth-child(2){ margin-left:5px} .kleinbuchstaben{ text-transform:lowercase !important} .grossbuchstaben{ text-transform:uppercase !important} table.table-responsive{ background-color:#fff} .style_1_0 table.table-responsive{ background-color:var(--color-reisacher-saphir-i)} #paypal_row{ padding:60px 0; text-align:center} #paypal-button{ margin:auto} @media screen and (max-width:400px){ #paypal-button{ width:100%} } @media screen and (min-width:400px){ #paypal-button{ width:200px; display:block} } #paypal-button iframe{ width:100% !important; height:50px} #button_barzahlung{ width:200px; height:35px; min-height:35px; max-height:55px; background-color:#2c2e2f; color:#fff; text-transform:none; font-size:11px; font-weight:500; border-radius:4px; font-family:"aktiv-grotesk",sans-serif; padding:0} #button_barzahlung:hover{ background-color:#585a5b} #button_barzahlung b{ font-size:14px} #bestellung_loading{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000; background-color:rgba(0,0,0,.5); color:#fff; font-size:20px; text-align:center} #bestellung_loading span{ display:block; position:absolute; top:50%; width:100%} @media only screen and (min-width:1921px){ body,td,th,p{ font-size:20px; line-height:1.5} h1,.h1,.content_headline1{ font-size:50px; line-height:1.2} h2,.h2,.content_headline2{ font-size:34px; line-height:1.2} h3,.h3,.content_headline3{ font-size:30px; line-height:1.2} h4,.h4,.content_headline4{ font-size:26px; line-height:1.2} h5,.h5,.content_headline5{ font-size:24px; line-height:1.2} h6,.h6,.content_headline6{ font-size:22px; line-height:1.2} } @media only screen and (max-width:1025px){ body,td,th,p{ font-size:16px; line-height:22px} h1,.h1,.content_headline1{ font-size:40px; line-height:45px} h2,.h2,.content_headline2{ font-size:30px; line-height:30px} h3,.h3,.content_headline3{ font-size:28px; line-height:28px} h4,.h4,.content_headline4{ font-size:16px; line-height:16px} h5,.h5,.content_headline5{ font-size:20px; line-height:22px} h6,.h6,.content_headline6{ font-size:16px; line-height:16px} } @media only screen and (max-width:768px){ h5,.h5,.content_headline5{ font-size:18px; line-height:20px} } @media only screen and (max-width:640px){ h1,.h1,.content_headline1{ font-size:32px; line-height:35px} h2,.h2,.content_headline2{ font-size:25px; line-height:25px} h3,.h3,.content_headline3{ font-size:23px; line-height:23px} form .row_table>.row{ display:block; width:auto; padding-right:0 !important; padding-left:0 !important} form .row_table>.row:nth-child(2).ffl-wrapper>label{ left:10px} } @media only screen and (max-width:380px){ h1,.h1,.content_headline1{ font-size:28px; line-height:33px} h2,.h2,.content_headline2{ font-size:22px; line-height:22px} h3,.h3,.content_headline3{ font-size:20px; line-height:20px} } @media only screen and (max-width:360px){ ul.select label{ padding:0 5px} } .balkenTop{ position:absolute; right:0; top:0; height:65px; width:36px; z-index:10; background-color:var(--color-reisacher-saphir-ii); transition:opacity .2s} .balkenTop:after{ content:""; position:absolute; top:100%; left:0; width:0; height:0; border:18px solid rgba(0,0,0,0); border-top-color:var(--color-reisacher-saphir-ii); border-right-color:var(--color-reisacher-saphir-ii)} .balkenBottom{ position:absolute; z-index:10; right:0; top:137px; bottom:0; width:36px; background-color:var(--color-reisacher-saphir-ii); transition:opacity .2s} .balkenBottom:before{ content:""; position:absolute; bottom:100%; left:0; width:0; height:0; border:18px solid rgba(0,0,0,0); border-bottom-color:var(--color-reisacher-saphir-ii); border-right-color:var(--color-reisacher-saphir-ii)} @media only screen and (max-width:1024px){ .balkenTop{ height:30px; width:20px} .balkenTop:after{ border-width:10px} .balkenBottom{ top:70px; width:20px} .balkenBottom:before{ border-width:10px} } @media only screen and (max-width:640px){ .balkenTop{ height:20px; width:10px} .balkenTop:after{ border-width:5px} .balkenBottom{ top:40px; width:10px} .balkenBottom:before{ border-width:5px} } .slider_fadein_container.enabledAnimation{ background-color:#e9eaed; width:100%; height:100%; position:relative} .slider_fadein_container.enabledAnimation .slider_fadein{ position:absolute; left:0; right:0; width:100%; height:100%; opacity:0; background-color:#e9eaed} .slider_fadein_container.enabledAnimation .slider_fadein>*{ position:relative; top:50%; transform:translateY(-50%)} .slider_fadein_container.enabledAnimation .template_ix{ margin:0 auto !important; padding:0 !important} .fly_effect_container.enabledAnimation{ background-color:#e9eaed; width:100%; height:100%; position:relative} .fly_effect_container.enabledAnimation>*{ position:absolute; left:0; right:0; width:100%; height:100%; background-color:#e9eaed} .fly_effect_container.enabledAnimation>*>*{ position:relative; top:50%; transform:translateY(-50%)} .fly_effect_container.enabledAnimation .template_ix{ margin:0 !important; padding:0 !important} .slider_fadein_container.enabledAnimation{ background-color:#fff} .slider_fadein_container.enabledAnimation .slider_fadein{ background-color:#fff} .fly_effect_container.enabledAnimation{ background-color:#fff} .fly_effect_container.enabledAnimation>*{ background-color:#fff} .style_1_0 .slider_fadein_container.enabledAnimation,.style_1_13 .slider_fadein_container.enabledAnimation{ background-color:var(--color-reisacher-saphir-i)} .style_1_0 .slider_fadein_container.enabledAnimation .slider_fadein,.style_1_13 .slider_fadein_container.enabledAnimation .slider_fadein{ background-color:var(--color-reisacher-saphir-i)} .style_1_0 .fly_effect_container.enabledAnimation,.style_1_13 .fly_effect_container.enabledAnimation{ background-color:var(--color-reisacher-saphir-i)} .style_1_0 .fly_effect_container.enabledAnimation>*,.style_1_13 .fly_effect_container.enabledAnimation>*{ background-color:var(--color-reisacher-saphir-i)} @-webkit-keyframes zoom-in{ 0%{ transform:scale(0.1)} 50%{ transform:scale(1.2)} 100%{ transform:scale(1); opacity:1} } @keyframes zoom-in{ 0%{ transform:scale(0.1)} 50%{ transform:scale(1.2)} 100%{ transform:scale(1); opacity:1} } .will_animate_zoomin,.will_animate_zoomin_before:before{ opacity:0} .animate_zoomin,.animate_zoomin_before:before{ -webkit-animation:zoom-in 1s ease; -webkit-animation-fill-mode:forwards; animation:zoom-in 1s ease; animation-fill-mode:forwards} @-webkit-keyframes zoom-in-out{ 0%{ transform:scale(1)} 50%{ transform:scale(1.4)} 100%{ transform:scale(1)} } @keyframes zoom-in-out{ 0%{ transform:scale(1)} 50%{ transform:scale(1.4)} 100%{ transform:scale(1)} } .animate_zoominout{ -webkit-animation:zoom-in-out 1s ease; animation:zoom-in-out 1s ease} .will_animate_fadein{ opacity:0} .animate_fadein{ -webkit-transition:opacity 1.2s ease; transition:opacity 1.2s ease; opacity:1} .will_animate_flyin,.will_animate_flyin_before:before{ opacity:0; -webkit-transform:translate(-50px, 0); transform:translate(-50px, 0)} .animate_flyin,.animate_flyin_before:before{ opacity:1; -webkit-transition:transform 1s cubic-bezier(0.39, 0.58, 0.57, 1),opacity 1s cubic-bezier(0.39, 0.58, 0.57, 1); transition:transform 1s cubic-bezier(0.39, 0.58, 0.57, 1),opacity 1s cubic-bezier(0.39, 0.58, 0.57, 1); -webkit-transform:translate(0, 0); transform:translate(0, 0)} .will_animate_flydown,.will_animate_flydown_before:before{ opacity:0; -webkit-transform:translate(0, -25px); transform:translate(0, -25px)} .animate_flydown,.animate_flydown_before:before{ opacity:1; -webkit-transition:transform 1s cubic-bezier(0.39, 0.58, 0.57, 1),opacity 1s cubic-bezier(0.39, 0.58, 0.57, 1); transition:transform 1s cubic-bezier(0.39, 0.58, 0.57, 1),opacity 1s cubic-bezier(0.39, 0.58, 0.57, 1); -webkit-transform:translate(0, 0); transform:translate(0, 0)} .will_animate_flyup{ opacity:0; -webkit-transform:translate(0, 25px); transform:translate(0, 25px)} .animate_flyup{ opacity:1; -webkit-transition:transform 1s cubic-bezier(0.39, 0.58, 0.57, 1),opacity 1s cubic-bezier(0.39, 0.58, 0.57, 1); transition:transform 1s cubic-bezier(0.39, 0.58, 0.57, 1),opacity 1s cubic-bezier(0.39, 0.58, 0.57, 1); -webkit-transform:translate(0, 0); transform:translate(0, 0)} .onoffswitch{ display:block; float:right; position:relative; width:46px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none} .onoffswitch-checkbox{ display:none} .onoffswitch-label{ display:block; overflow:hidden; cursor:pointer; height:24px; padding:0; line-height:24px; border:2px solid #e3e3e3; border-radius:24px; background-color:#e3e3e3; transition:.1s ease-in} .onoffswitch-label:before{ content:""; display:block; width:20px; margin:0; background:#fff; position:absolute; top:0; bottom:0; right:22px; border:4px solid #e3e3e3; border-radius:20px; transition:all .1s ease-in 0s} .onoffswitch-label:after{ content:"Off"; display:block; position:absolute; left:-35px; top:0; font:normal normal normal 18px/26px var(--text-font-family); letter-spacing:0px; color:#a2a2a2} .onoffswitch-checkbox:checked+.onoffswitch-label{ background-color:#3da800} .onoffswitch-checkbox:checked+.onoffswitch-label,.onoffswitch-checkbox:checked+.onoffswitch-label:before{ border-color:#3da800} .onoffswitch-checkbox:checked+.onoffswitch-label:after{ content:"On"; color:#3da800} .onoffswitch-checkbox:checked+.onoffswitch-label:before{ right:0} input[type=checkbox][readonly]{ pointer-events:none} @media screen and (max-width:1024px){ .onoffswitch{ width:36px} .onoffswitch-label{ height:18px; line-height:18px; border:1px solid #e3e3e3; border-radius:14px} .onoffswitch-label:before{ width:16px; right:16px; border:2px solid #e3e3e3; border-radius:16px} } #c_m_p_bg{ position:fixed; top:0; right:0; left:0; bottom:0; background-color:rgba(0,0,0,.3); z-index:99998} #c_m_p{ display:none; position:fixed; left:50%; top:50%; transform:translate3d(-50%, -50%, 0); background:#efefef 0 0 no-repeat padding-box; box-shadow:0 0 6px rgba(0,0,0,.3); border-radius:5px; padding:30px; width:100%; max-width:845px; box-sizing:border-box; z-index:99999; cursor:default} #c_m_p #c_m_p_start{ overflow:hidden; max-height:90vh; overflow-y:auto} #c_m_p #onoffswitch_E~.onoffswitch-label,#c_m_p #onoffswitch_PHPSESSION~.onoffswitch-label{ opacity:.4} #c_m_p .c_m_p_title{ color:var(--color-reisacher-saphir-text); font:normal normal 300 30px/40px var(--h1-font-family); letter-spacing:0; padding-bottom:10px} #c_m_p .c_m_p_text{ color:var(--color-reisacher-saphir-iv); font:normal normal 300 17px/21px var(--text-font-family); letter-spacing:0; margin-bottom:20px} #c_m_p a{ color:var(--color-reisacher-saphir-text); text-decoration:underline} #c_m_p button{ cursor:pointer; border-radius:6px} #c_m_p a:hover,#c_m_p button:hover{ opacity:.8} #c_m_p .c_m_p_list_types{ padding-bottom:20px} #c_m_p .c_m_p_list_types>*{ display:block; font:normal normal 300 18px/26px var(--text-font-family); letter-spacing:0; color:var(--color-reisacher-saphir-iv); position:relative; padding-left:30px; margin-bottom:10px} #c_m_p .c_m_p_list_types>*:before{ content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:14px; height:14px; background-color:rgba(0,0,0,.2); border-radius:50%} #c_m_p .c_m_p_list_types>.c_m_p_list_type_e:before{ background-color:var(--color-reisacher-pyrit)} #c_m_p .c_m_p_infos,#c_m_p a.accessibility_statement_button{ display:inline-block; margin-right:20px; border:1px solid var(--color-reisacher-saphir-text); background-color:rgba(0,0,0,0); font:normal normal 300 18px/24px var(--text-font-family); letter-spacing:0; color:var(--color-reisacher-saphir-text); text-transform:none; padding:9px 15px; box-sizing:border-box; text-decoration:none} #c_m_p .c_m_p_accept_ess{ display:inline-block; margin-right:20px; background-color:rgba(0,0,0,.3); font:normal normal 300 18px/24px var(--text-font-family); letter-spacing:0; color:#fff; text-transform:none; padding:10px 15px; box-sizing:border-box; border:0} #c_m_p .c_m_p_accept_all,#c_m_p .c_m_p_save{ display:inline-block; background-color:var(--color-reisacher-saphir-text); font:normal normal normal 18px/24px var(--text-font-family); letter-spacing:.45px; color:#fff; text-transform:uppercase; padding:10px 15px; box-sizing:border-box; border:0} #c_m_p .c_m_p_activate_all{ display:block; float:right; margin-left:20px; background:var(--color-reisacher-saphir-text) 0 0 no-repeat padding-box; font:normal normal 300 12px/16px var(--text-font-family); letter-spacing:.3px; color:#fff; text-transform:none; padding:10px 15px; box-sizing:border-box; border:0} #c_m_p #c_m_p_details_close{ display:block; position:absolute; right:5px; top:-35px; background:url(/images/icons/ionic-ios-close-circle.svg) no-repeat center rgba(0,0,0,0); background-size:30px 30px; width:30px; height:30px; border-radius:50%; cursor:pointer} #c_m_p #c_m_p_details_close:hover{ opacity:.8} #c_m_p .c_m_p_head{ margin-bottom:20px} #c_m_p .c_m_p_details_types{ margin-bottom:20px; height:auto; max-height:500px; overflow:auto} #c_m_p .c_m_p_details_type{ margin-bottom:20px} #c_m_p .c_m_p_details_type_head{ background-color:rgba(0,0,0,.1); border-radius:10px; padding:10px; position:relative; transition:.2s} #c_m_p .active .c_m_p_details_type_head{ border-radius:10px 10px 0 0} #c_m_p .c_m_p_details_type_headline{ font:normal normal normal 18px/26px var(--text-font-family); letter-spacing:0; color:var(--color-reisacher-saphir-text); cursor:pointer; padding-left:40px; margin-right:70px} #c_m_p .c_m_p_details_type_headline:before{ content:""; width:20px; height:11px; background:url(/images/icons/arrow_down.svg) no-repeat center rgba(0,0,0,0); background-size:20px auto; position:absolute; left:15px; top:20px; transition:.4s; transform:rotate(0)} #c_m_p .active .c_m_p_details_type_headline:before{ transform:rotate(180deg)} #c_m_p .c_m_p_save{ float:right; margin-left:20px} #c_m_p .c_m_p_details_text{ padding-top:10px; color:var(--color-reisacher-saphir-iv); font:normal normal 300 14px/21px var(--text-font-family); letter-spacing:0} #c_m_p .c_m_p_details_type_contents{ display:none; background-color:#fff; border-radius:0 0 10px 10px; padding:10px 10px 10px 50px} #c_m_p .c_m_p_details_type_content{ padding:10px 0; border-top:1px solid rgba(0,0,0,.1)} #c_m_p .c_m_p_details_type_content:after{ content:""; display:block; clear:both} #c_m_p .c_m_p_details_type_contents .c_m_p_details_type_content:first-child{ border-top:0} #c_m_p .c_m_p_details_type_description,#c_m_p .c_m_p_details_type_content_description{ font-size:14px; line-height:17px; margin-top:5px} #c_m_p .c_m_p_details_type_description{ padding:0 70px 0 40px} #c_m_p .accessibility_modes{ display:flex; flex-direction:column; gap:10px} #c_m_p .accessibility_modes .onoffswitch{ float:left; margin-top:5px} #c_m_p .accessibility_modes .onoffswitch .onoffswitch-label::after{ display:none} #c_m_p .accessibility_mode_headline{ font:normal normal normal 18px/26px var(--text-font-family); letter-spacing:0; color:var(--color-reisacher-saphir-text); cursor:pointer; margin-left:50px} #c_m_p .accessibility_mode_description{ font:normal normal 300 14px/21px var(--text-font-family); letter-spacing:0; margin-left:50px} #c_m_p .accessibility_buttons{ margin:20px 0} @media screen and (max-width:1024px){ #c_m_p{ right:0; padding:15px; max-width:640px} #c_m_p .c_m_p_title{ font-size:20px; line-height:30px} #c_m_p .c_m_p_text{ font-size:14px; line-height:17px; margin-bottom:10px} #c_m_p .c_m_p_list_types>*{ font-size:15px; line-height:22px; padding-left:15px; margin-bottom:5px} #c_m_p .c_m_p_list_types>*:before{ width:10px; height:10px} #c_m_p .c_m_p_infos,#c_m_p a.accessibility_statement_button{ margin:0 10px 10px 0; font-size:15px; line-height:20px; padding:4px 10px} #c_m_p .c_m_p_accept_ess{ margin:0 10px 10px 0; font-size:15px; line-height:20px; padding:5px 10px} #c_m_p .c_m_p_head,#c_m_p .c_m_p_details_type{ margin-bottom:10px} #c_m_p .c_m_p_details_types{ max-height:50vh} #c_m_p .c_m_p_details_type_content{ padding:5px 0} #c_m_p .c_m_p_accept_all,#c_m_p .c_m_p_save{ font-size:15px; line-height:20px; padding:5px 10px} #c_m_p .c_m_p_activate_all{ margin-left:10px; padding:5px 10px} #c_m_p .c_m_p_details_type_headline{ font-size:15px; line-height:20px; padding-left:30px; margin-right:50px} #c_m_p .c_m_p_details_type_headline:before{ width:15px; height:8px; background-size:15px auto; left:15px; top:17px} #c_m_p .c_m_p_save{ margin-left:10px} #c_m_p .c_m_p_details_text{ font-size:12px; line-height:17px} #c_m_p .c_m_p_details_type_contents{ padding:5px 10px 5px 40px} #c_m_p .c_m_p_details_type_description{ padding:0 40px 0 30px} #c_m_p .accessibility_mode_headline{ font-size:15px; line-height:20px} } @media screen and (max-width:480px){ #c_m_p .c_m_p_title{ font-size:16px; line-height:20px; padding-bottom:5px} #c_m_p .c_m_p_text{ font-size:12px; line-height:15px} #c_m_p .c_m_p_list_types{ padding-bottom:5px} #c_m_p .c_m_p_list_types>*{ display:inline-block; margin-right:10px} #c_m_p .c_m_p_details_types{ margin-bottom:10px} #c_m_p .c_m_p_details_text{ padding-top:0} #c_m_p .c_m_p_details_type_headline::before{ width:8px; height:4px; background-size:8px auto; left:5px} #c_m_p .c_m_p_details_type_headline{ padding-left:10px} #c_m_p .c_m_p_details_type_description{ padding-left:10px} #c_m_p .c_m_p_details_type_contents{ padding-left:20px} } body.a11y #c_m_p .c_m_p_text,body.a11y #c_m_p .c_m_p_list_types>*,body.a11y #c_m_p .c_m_p_details_text{ color:var(--color-reisacher-saphir-vi)} body.a11y #c_m_p .c_m_p_accept_ess{ background-color:var(--color-reisacher-saphir-v)} body.a11y #c_m_p #onoffswitch_E~.onoffswitch-label,body.a11y #c_m_p #onoffswitch_PHPSESSION~.onoffswitch-label{ opacity:1} body.a11y #c_m_p .onoffswitch-label::after{ color:var(--color-reisacher-saphir-text)} body.a11y #c_m_p .onoffswitch-checkbox:checked+.onoffswitch-label::after{ color:#3da800} .ui-helper-hidden-accessible{ position:absolute !important; left:-9999px !important; display:none !important} .ui-menu{ list-style:none; padding:0; margin:0; display:block; outline:0} .ui-autocomplete{ position:absolute; top:0; left:0; cursor:default; z-index:9999} .ui-menu .ui-menu-item{ margin:0; cursor:pointer} .ui-selectmenu-button.ui-button{ text-align:left; white-space:nowrap; width:auto} .ui-button{ padding:0; display:inline-block; position:relative; cursor:pointer; vertical-align:middle; text-align:center; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; overflow:visible} .ui-selectmenu-text{ display:block; overflow:hidden; padding:0 10px; font-weight:bold; color:var(--color-reisacher-saphir-vii)} .ui-selectmenu-icon.ui-icon{ float:right; margin-top:0; margin-right:2px; background-image:none !important} .ui-icon{ width:10px; height:10px; border-left:1px solid var(--color-reisacher-saphir-vii); border-bottom:1px solid var(--color-reisacher-saphir-vii); transform:rotate(-45deg); display:inline-block; vertical-align:middle; position:relative; text-indent:-99999px; overflow:hidden} .ui-selectmenu-menu{ padding:0; margin:0; position:absolute; top:0; left:0; display:none; z-index:100} .ui-selectmenu-open{ display:block} .ui-selectmenu-menu .ui-menu{ overflow:auto; overflow-x:hidden; background:#fff; color:var(--color-reisacher-saphir-vii); padding-bottom:1px; border:1px solid var(--color-reisacher-saphir-i); max-height:300px} .ui-selectmenu-menu .ui-menu .ui-menu-item{ font-size:16px; line-height:35px; color:var(--color-reisacher-saphir-vii) !important} .ui-selectmenu-menu .ui-menu-item-wrapper{ padding:0 10px; background-color:#fff; transition:.1s} .ui-selectmenu-menu .ui-menu-item-wrapper.ui-state-active{ background-color:var(--color-reisacher-saphir-ii) !important; border:0 !important; color:var(--color-reisacher-saphir-vii) !important} .style_1_1 .ui-selectmenu-menu .ui-menu-item-wrapper.ui-state-active,.style_1_8 .ui-selectmenu-menu .ui-menu-item-wrapper.ui-state-active{ background-color:var(--color-bmw-grau-light) !important} .style_1_7 .ui-selectmenu-menu .ui-menu-item-wrapper.ui-state-active{ background-color:var(--color-mini-grau-light) !important} .style_1_11 .ui-selectmenu-menu .ui-menu-item-wrapper.ui-state-active{ background-color:var(--color-byd-hellgrau) !important} .ui-selectmenu-menu .ui-menu .ui-menu-item.ui-state-disabled{ opacity:.5} .ui-menu-item span.menu-badge{ background-color:var(--color-reisacher-saphir-vii); display:inline-block; padding:3px; line-height:100%; border-radius:2px; font-size:13px; color:#fff; opacity:.8} .searchFilter{ margin:10px 10px 30px} .searchFilter .filterElement{ display:inline-block; padding:2px 17px 2px 5px; position:relative; background-color:var(--color-reisacher-saphir-ii); cursor:pointer} .style_1_1 .searchFilter .filterElement,.style_1_8 .searchFilter .filterElement{ background-color:var(--color-bmw-grau-light) !important} .style_1_7 .searchFilter .filterElement{ background-color:var(--color-mini-grau-light) !important} .style_1_11 .searchFilter .filterElement{ background-color:var(--color-byd-hellgrau) !important} .searchFilter .filterElement:after{ content:""; position:absolute; right:5px; top:2px; bottom:2px; width:10px; background:url(/images/icons/close_button.png) center no-repeat rgba(0,0,0,0); background-size:contain} .module_filter{ margin:0 auto; padding:0 10px 60px; text-align:center; box-sizing:border-box} .module_filter .filter_title,.module_filter .order_title,.module_filter select,.module_filter .ui-selectmenu-button{ font-weight:normal; font-size:16px; line-height:1.2; color:var(--color-reisacher-saphir-iv) !important; display:inline-block; vertical-align:top; background-color:#fff !important; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none} .style_1_0 .module_filter .filter_title,.style_1_0 .module_filter .order_title,.style_1_0 .module_filter select,.style_1_0 .module_filter .ui-selectmenu-button{ background-color:var(--color-reisacher-saphir-i) !important} .module_filter .ui-selectmenu-button.ui-selectmenu-button-open{ color:var(--color-reisacher-saphir-iv) !important} .module_filter select,.module_filter .ui-selectmenu-button{ margin-left:10px; border:0 !important; border-radius:0 !important; height:25px} @media only screen and (max-width:1024px){ .module_filter{ padding-bottom:40px} } @media only screen and (max-width:768px){ .module_filter{ padding-bottom:20px} .module_filter .filter_title,.module_filter .order_title,.module_filter select,.module_filter .ui-selectmenu-button{ font-size:13px} .module_filter select,.module_filter .ui-selectmenu-button{ margin-left:10px} } @media only screen and (max-width:640px){ .module_filter{ text-align:left} } body.a11y .module_filter .filter_title,body.a11y .module_filter .order_title,body.a11y .module_filter select,body.a11y .module_filter .ui-selectmenu-button,body.a11y .module_filter .ui-selectmenu-button.ui-selectmenu-button-open{ color:var(--color-reisacher-saphir-text) !important} body.a11y .ui-selectmenu-icon.ui-icon{ border-left-color:var(--color-reisacher-saphir-text) !important; border-bottom-color:var(--color-reisacher-saphir-text) !important} .media_preview_image{ cursor:pointer; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover} .media_preview_image::before{ content:""; display:block; position:absolute; left:0; top:0; right:0; bottom:0; background-color:var(--color-reisacher-saphir-iv); opacity:.5; z-index:1; transition:.2s} .style_1_1 .media_preview_image::before,.style_1_2 .media_preview_image::before,.style_1_5 .media_preview_image::before,.style_1_7 .media_preview_image::before,.style_1_8 .media_preview_image::before,.style_1_11 .media_preview_image::before,.style_1_12 .media_preview_image::before{ background-color:#000; opacity:.3} .media_preview_image::after{ content:""; display:block; position:absolute; left:50%; top:50%; width:100px; height:100px; margin:-50px 0 0 -50px; background:url(/images/icons/btn_play_white.svg) center no-repeat rgba(0,0,0,0); background-size:contain; z-index:2; transition:.2s opacity; opacity:.6} .media_preview_image img{ max-width:100%} .media_video_container:hover .media_preview_image::before{ opacity:0} .media_video_container:hover .media_preview_image::after{ opacity:1} .media_video_player .media_youtube_player{ border:none; width:100%} .switcherListTiled{ float:right} .switcherListTiled>a{ display:inline-block; float:right; margin:0 0 10px 10px; width:23px; height:23px; transition:.2s; opacity:.3} .switcherListTiled>a.active,.switcherListTiled>a:hover{ opacity:1} .switcherListTiled>a.showEntriesList{ background:url(/images/icons/icon_listenansicht_36414D.svg) center no-repeat; background-size:contain} .switcherListTiled>a.showEntriesTiled{ background:url(/images/icons/icon_kachel_36414D.svg) center no-repeat; background-size:contain} .switcherListTiled .ui-selectmenu-text{ text-decoration:underline} .shareBox{ display:block; float:right; position:relative; z-index:1} .shareBox .shareButton{ display:inline-block; width:70px; height:24px; margin-top:3px; border-radius:4px; background:url(/images/icons/share/ico-share_738699.svg) center left 8px no-repeat var(--color-reisacher-saphir-i); background-size:10px 13px; cursor:pointer; color:var(--color-reisacher-saphir-iv); font-family:"aktiv-grotesk",sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:1.2; letter-spacing:-0.14px} .shareBox .shareButton:after{ content:"Teilen"; display:inline-block; padding:5px 8px 5px 26px} .shareBox.active .shareButton{ background-color:#fff} .shareBox .shareLinks{ display:block; position:absolute; right:100%; top:0; bottom:0; width:0; overflow:hidden; transition:width .2s,opacity .2s; white-space:nowrap; opacity:0} .shareBox.active .shareLinks{ width:148px; opacity:1} .shareBox .shareLinks>a{ display:inline-block; width:30px; height:30px; background-size:30px auto; margin-right:2px} .shareBox .shareLinkFb{ background:url(/images/icons/share/ico_share_facebook_white-saphir-v.svg) center no-repeat rgba(0,0,0,0)} .shareBox .shareLinkTw{ background:url(/images/icons/share/ico_share_x_white_white-saphir-v.svg) center no-repeat rgba(0,0,0,0)} .shareBox .shareLinkPn{ background:url(/images/icons/share/ico_share_pinterest_white-saphir-v.svg) center no-repeat rgba(0,0,0,0)} .shareBox .shareLinkMail{ background:url(/images/icons/share/ico_share_mail_white-saphir-v.svg) center no-repeat rgba(0,0,0,0)} .detail_links{ text-align:center; padding-top:40px} .detail_links *{ color:var(--color-reisacher-saphir-text); display:inline-block; width:auto; font-weight:bold; font-size:16px; line-height:16px; vertical-align:top} .detail_links .detail_link_prev{ padding-left:20px; background:url(/images/icons/arrow_left_131D26.svg) left center no-repeat rgba(0,0,0,0); background-size:14px 14px} .detail_links .detail_link_next{ padding-right:20px; background:url(/images/icons/arrow_right_131D26_02.svg) right center no-repeat rgba(0,0,0,0); background-size:14px 14px} .detail_links .detail_links_trenner{ margin:0 20px; border-left:1px solid var(--color-reisacher-saphir-text); height:16px} .style_1_1 .detail_links *{ text-transform:uppercase; color:#4b4b4d; font-family:BMWTypeNext,sans-serif} .style_1_1 .detail_links .detail_link_prev{ background:url(/images/icons/arrow_left.svg) left center no-repeat rgba(0,0,0,0)} .style_1_1 .detail_links .detail_link_next{ background:url(/images/icons/arrow_right.svg) right center no-repeat rgba(0,0,0,0)} .style_1_1 .detail_links .detail_links_trenner{ border-left-color:#4b4b4d} .style_1_8 .detail_links *{ text-transform:uppercase; color:#4b4b4d; font-family:BMWMotorradW05Bold,sans-serif} .style_1_8 .detail_links .detail_link_prev{ background:url(/images/icons/arrow_left.svg) left center no-repeat rgba(0,0,0,0)} .style_1_8 .detail_links .detail_link_next{ background:url(/images/icons/arrow_right.svg) right center no-repeat rgba(0,0,0,0)} .style_1_8 .detail_links .detail_links_trenner{ border-left-color:#4b4b4d} .jconfirm-holder>.container{ max-width:720px} .plz_popup{ display:flex; gap:40px; align-items:center} .plz_popup>*{ width:50%} .plz_popup img{ width:100%} @media only screen and (max-width:640px){ .plz_popup{ flex-direction:column} .plz_popup>*{ width:auto} } .verlauf_animated_hg{ background-size:300% 300%; background-color:var(--color-reisacher-saphir-iv); background-image:radial-gradient(at 97% 97%, hsla(212, 17%, 30%, 0.8) 0, transparent 47%),radial-gradient(at 1% 86%, hsl(218, 44%, 96%) 0, transparent 42%),radial-gradient(at 63% 9%, hsl(50, 64%, 72%) 0, transparent 50%),radial-gradient(at 34% 44%, hsl(205, 32%, 93%) 0, transparent 44%),radial-gradient(at 92% 54%, hsl(207, 21%, 81%) 0, transparent 50%),radial-gradient(at 89% 15%, hsla(210, 16%, 53%, 0.8) 0, transparent 50%),radial-gradient(at 1% 0%, hsla(211, 18%, 39%, 0.8) 0, transparent 50%),radial-gradient(at 49% 78%, hsla(209, 18%, 26%, 0.8) 0, transparent 50%); animation:gradient 30s linear infinite} @keyframes gradient{ 0%{ background-position:0% 0%} 50%{ background-position:100% 100%} 100%{ background-position:0% 0%} } .saphir_2_hg{ background-color:var(--color-reisacher-saphir-ii)} body.compensate-for-scrollbar{ overflow:hidden} .fancybox-active{ height:auto} .fancybox-is-hidden{ left:-9999px; margin:0; position:absolute!important; top:-9999px; visibility:hidden} .fancybox-container{ -webkit-backface-visibility:hidden; height:100%; left:0; outline:none; position:fixed; -webkit-tap-highlight-color:transparent; top:0; -ms-touch-action:manipulation; touch-action:manipulation; transform:translateZ(0); width:100%; z-index:99992} .fancybox-container *{ box-sizing:border-box} .fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{ bottom:0; left:0; position:absolute; right:0; top:0} .fancybox-outer{ -webkit-overflow-scrolling:touch; overflow-y:auto} .fancybox-bg{ background:#1e1e1e; opacity:0; transition-duration:inherit; transition-property:opacity; transition-timing-function:cubic-bezier(.47,0,.74,.71)} .fancybox-is-open .fancybox-bg{ opacity:.9; transition-timing-function:cubic-bezier(.22,.61,.36,1)} .fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{ direction:ltr; opacity:0; position:absolute; transition:opacity .25s ease,visibility 0s ease .25s; visibility:hidden; z-index:99997} .fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{ opacity:1; transition:opacity .25s ease 0s,visibility 0s ease 0s; visibility:visible} .fancybox-infobar{ color:#ccc; font-size:13px; -webkit-font-smoothing:subpixel-antialiased; height:44px; left:0; line-height:44px; min-width:44px; mix-blend-mode:difference; padding:0 10px; pointer-events:none; top:0; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none} .fancybox-toolbar{ right:0; top:0} .fancybox-stage{ direction:ltr; overflow:visible; transform:translateZ(0); z-index:99994} .fancybox-is-open .fancybox-stage{ overflow:hidden} .fancybox-slide{ -webkit-backface-visibility:hidden; display:none; height:100%; left:0; outline:none; overflow:auto; -webkit-overflow-scrolling:touch; padding:44px; position:absolute; text-align:center; top:0; transition-property:transform,opacity; white-space:normal; width:100%; z-index:99994} .fancybox-slide:before{ content:""; display:inline-block; font-size:0; height:100%; vertical-align:middle; width:0} .fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{ display:block} .fancybox-slide--image{ overflow:hidden; padding:44px 0} .fancybox-slide--image:before{ display:none} .fancybox-slide--html{ padding:6px} .fancybox-content{ background:#fff; display:inline-block; margin:0; max-width:100%; overflow:auto; -webkit-overflow-scrolling:touch; padding:44px; position:relative; text-align:left; vertical-align:middle} .fancybox-slide--image .fancybox-content{ animation-timing-function:cubic-bezier(.5,0,.14,1); -webkit-backface-visibility:hidden; background:transparent; background-repeat:no-repeat; background-size:100% 100%; left:0; max-width:none; overflow:visible; padding:0; position:absolute; top:0; transform-origin:top left; transition-property:transform,opacity; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; z-index:99995} .fancybox-can-zoomOut .fancybox-content{ cursor:zoom-out} .fancybox-can-zoomIn .fancybox-content{ cursor:zoom-in} .fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{ cursor:grab} .fancybox-is-grabbing .fancybox-content{ cursor:grabbing} .fancybox-container [data-selectable=true]{ cursor:text} .fancybox-image,.fancybox-spaceball{ background:transparent; border:0; height:100%; left:0; margin:0; max-height:none; max-width:none; padding:0; position:absolute; top:0; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; width:100%} .fancybox-spaceball{ z-index:1} .fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{ height:100%; overflow:visible; padding:0; width:100%} .fancybox-slide--video .fancybox-content{ background:#000} .fancybox-slide--map .fancybox-content{ background:#e5e3df} .fancybox-slide--iframe .fancybox-content{ background:#fff} .fancybox-iframe,.fancybox-video{ background:transparent; border:0; display:block; height:100%; margin:0; overflow:hidden; padding:0; width:100%} .fancybox-iframe{ left:0; position:absolute; top:0} .fancybox-error{ background:#fff; cursor:default; max-width:400px; padding:40px; width:100%} .fancybox-error p{ color:#444; font-size:16px; line-height:20px; margin:0; padding:0} .fancybox-button{ background:rgba(30,30,30,.6); border:0; border-radius:0; box-shadow:none; cursor:pointer; display:inline-block; height:44px; margin:0; padding:10px; position:relative; transition:color .2s; vertical-align:top; visibility:inherit; width:44px} .fancybox-button,.fancybox-button:link,.fancybox-button:visited{ color:#ccc} .fancybox-button:hover{ color:#fff} .fancybox-button:focus{ outline:none} .fancybox-button.fancybox-focus{ outline:1px dotted} .fancybox-button[disabled],.fancybox-button[disabled]:hover{ color:#888; cursor:default; outline:none} .fancybox-button div{ height:100%} .fancybox-button svg{ display:block; height:100%; overflow:visible; position:relative; width:100%} .fancybox-button svg path{ fill:currentColor; stroke-width:0} .fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){ display:none} .fancybox-progress{ background:#ff5268; height:2px; left:0; position:absolute; right:0; top:0; transform:scaleX(0); transform-origin:0; transition-property:transform; transition-timing-function:linear; z-index:99998} .fancybox-close-small{ background:transparent; border:0; border-radius:0; color:#ccc; cursor:pointer; opacity:.8; padding:8px; position:absolute; right:-12px; top:-44px; z-index:401} .fancybox-close-small:hover{ color:#fff; opacity:1} .fancybox-slide--html .fancybox-close-small{ color:currentColor; padding:10px; right:0; top:0} .fancybox-slide--image.fancybox-is-scaling .fancybox-content{ overflow:hidden} .fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{ display:none} .fancybox-navigation .fancybox-button{ background-clip:content-box; height:100px; opacity:0; position:absolute; top:calc(50% - 50px); width:70px} .fancybox-navigation .fancybox-button div{ padding:7px} .fancybox-navigation .fancybox-button--arrow_left{ left:0; left:env(safe-area-inset-left); padding:31px 26px 31px 6px} .fancybox-navigation .fancybox-button--arrow_right{ padding:31px 6px 31px 26px; right:0; right:env(safe-area-inset-right)} .fancybox-caption{ background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent); bottom:0; color:#eee; font-size:14px; font-weight:400; left:0; line-height:1.5; padding:75px 44px 25px; pointer-events:none; right:0; text-align:center; z-index:99996} @supports (padding:max(0px)){ .fancybox-caption{ padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))} } .fancybox-caption--separate{ margin-top:-50px} .fancybox-caption__body{ max-height:50vh; overflow:auto; pointer-events:all} .fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{ color:#ccc; text-decoration:none} .fancybox-caption a:hover{ color:#fff; text-decoration:underline} .fancybox-loading{ animation:a 1s linear infinite; background:transparent; border:4px solid #888; border-bottom-color:#fff; border-radius:50%; height:50px; left:50%; margin:-25px 0 0 -25px; opacity:.7; padding:0; position:absolute; top:50%; width:50px; z-index:99999} @keyframes a{ to{ transform:rotate(1turn)} } .fancybox-animated{ transition-timing-function:cubic-bezier(0,0,.25,1)} .fancybox-fx-slide.fancybox-slide--previous{ opacity:0; transform:translate3d(-100%,0,0)} .fancybox-fx-slide.fancybox-slide--next{ opacity:0; transform:translate3d(100%,0,0)} .fancybox-fx-slide.fancybox-slide--current{ opacity:1; transform:translateZ(0)} .fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{ opacity:0; transition-timing-function:cubic-bezier(.19,1,.22,1)} .fancybox-fx-fade.fancybox-slide--current{ opacity:1} .fancybox-fx-zoom-in-out.fancybox-slide--previous{ opacity:0; transform:scale3d(1.5,1.5,1.5)} .fancybox-fx-zoom-in-out.fancybox-slide--next{ opacity:0; transform:scale3d(.5,.5,.5)} .fancybox-fx-zoom-in-out.fancybox-slide--current{ opacity:1; transform:scaleX(1)} .fancybox-fx-rotate.fancybox-slide--previous{ opacity:0; transform:rotate(-1turn)} .fancybox-fx-rotate.fancybox-slide--next{ opacity:0; transform:rotate(1turn)} .fancybox-fx-rotate.fancybox-slide--current{ opacity:1; transform:rotate(0deg)} .fancybox-fx-circular.fancybox-slide--previous{ opacity:0; transform:scale3d(0,0,0) translate3d(-100%,0,0)} .fancybox-fx-circular.fancybox-slide--next{ opacity:0; transform:scale3d(0,0,0) translate3d(100%,0,0)} .fancybox-fx-circular.fancybox-slide--current{ opacity:1; transform:scaleX(1) translateZ(0)} .fancybox-fx-tube.fancybox-slide--previous{ transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)} .fancybox-fx-tube.fancybox-slide--next{ transform:translate3d(100%,0,0) scale(.1) skew(10deg)} .fancybox-fx-tube.fancybox-slide--current{ transform:translateZ(0) scale(1)} @media (max-height:576px){ .fancybox-slide{ padding-left:6px; padding-right:6px} .fancybox-slide--image{ padding:6px 0} .fancybox-close-small{ right:-6px} .fancybox-slide--image .fancybox-close-small{ background:#4e4e4e; color:#f2f4f6; height:36px; opacity:1; padding:6px; right:0; top:0; width:36px} .fancybox-caption{ padding-left:12px; padding-right:12px} @supports (padding:max(0px)){ .fancybox-caption{ padding-left:max(12px,env(safe-area-inset-left)); padding-right:max(12px,env(safe-area-inset-right))} } } .fancybox-share{ background:#f4f4f4; border-radius:3px; max-width:90%; padding:30px; text-align:center} .fancybox-share h1{ color:#222; font-size:35px; font-weight:700; margin:0 0 20px} .fancybox-share p{ margin:0; padding:0} .fancybox-share__button{ border:0; border-radius:3px; display:inline-block; font-size:14px; font-weight:700; line-height:40px; margin:0 5px 10px; min-width:130px; padding:0 15px; text-decoration:none; transition:all .2s; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; white-space:nowrap} .fancybox-share__button:link,.fancybox-share__button:visited{ color:#fff} .fancybox-share__button:hover{ text-decoration:none} .fancybox-share__button--fb{ background:#3b5998} .fancybox-share__button--fb:hover{ background:#344e86} .fancybox-share__button--pt{ background:#bd081d} .fancybox-share__button--pt:hover{ background:#aa0719} .fancybox-share__button--tw{ background:#1da1f2} .fancybox-share__button--tw:hover{ background:#0d95e8} .fancybox-share__button svg{ height:25px; margin-right:7px; position:relative; top:-1px; vertical-align:middle; width:25px} .fancybox-share__button svg path{ fill:#fff} .fancybox-share__input{ background:transparent; border:0; border-bottom:1px solid #d7d7d7; border-radius:0; color:#5d5b5b; font-size:14px; margin:10px 0 0; outline:none; padding:10px 15px; width:100%} .fancybox-thumbs{ background:#ddd; bottom:0; display:none; margin:0; -webkit-overflow-scrolling:touch; -ms-overflow-style:-ms-autohiding-scrollbar; padding:2px 2px 4px; position:absolute; right:0; -webkit-tap-highlight-color:rgba(0,0,0,0); top:0; width:212px; z-index:99995} .fancybox-thumbs-x{ overflow-x:auto; overflow-y:hidden} .fancybox-show-thumbs .fancybox-thumbs{ display:block} .fancybox-show-thumbs .fancybox-inner{ right:212px} .fancybox-thumbs__list{ font-size:0; height:100%; list-style:none; margin:0; overflow-x:hidden; overflow-y:auto; padding:0; position:absolute; position:relative; white-space:nowrap; width:100%} .fancybox-thumbs-x .fancybox-thumbs__list{ overflow:hidden} .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{ width:7px} .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{ background:#fff; border-radius:10px; box-shadow:inset 0 0 6px rgba(0,0,0,.3)} .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{ background:#2a2a2a; border-radius:10px} .fancybox-thumbs__list a{ -webkit-backface-visibility:hidden; backface-visibility:hidden; background-color:rgba(0,0,0,.1); background-position:50%; background-repeat:no-repeat; background-size:cover; cursor:pointer; float:left; height:75px; margin:2px; max-height:calc(100% - 8px); max-width:calc(50% - 4px); outline:none; overflow:hidden; padding:0; position:relative; -webkit-tap-highlight-color:transparent; width:100px} .fancybox-thumbs__list a:before{ border:6px solid #ff5268; bottom:0; content:""; left:0; opacity:0; position:absolute; right:0; top:0; transition:all .2s cubic-bezier(.25,.46,.45,.94); z-index:99991} .fancybox-thumbs__list a:focus:before{ opacity:.5} .fancybox-thumbs__list a.fancybox-thumbs-active:before{ opacity:1} @media (max-width:576px){ .fancybox-thumbs{ width:110px} .fancybox-show-thumbs .fancybox-inner{ right:110px} .fancybox-thumbs__list a{ max-width:calc(100% - 10px)} } .fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{ visibility:visible !important; opacity:.6} button.fancybox-button{ color:#fff !important} button.fancybox-button:hover{ background-color:rgba(30,30,30,.6) !important} .template_cols.css_table,.template_2cols.css_table{ display:table; width:100%; table-layout:fixed} .template_cols.css_table .template_col,.template_2cols.css_table .template_col{ text-align:left; vertical-align:top; display:table-cell; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box} .template_cols.css_table .template_col.template_1col,.template_2cols.css_table .template_col.template_1col{ width:33.33%} .template_cols.css_table .template_2cols .template_col.template_1col,.template_2cols.css_table .template_2cols .template_col.template_1col{ width:50%} .template_cols.css_table .template_col.template_1col.template_col1,.template_2cols.css_table .template_col.template_1col.template_col1{ padding-right:13px} .template_cols.css_table .template_col.template_1col.template_col2,.template_2cols.css_table .template_col.template_1col.template_col2{ padding-left:7px; padding-right:7px} .template_cols.css_table .template_col.template_1col.template_col3,.template_2cols.css_table .template_col.template_1col.template_col3{ padding-left:13px} .template_cols.css_table .template_2cols .template_col.template_1col.template_col1,.template_2cols.css_table .template_2cols .template_col.template_1col.template_col1{ padding-right:10px} .template_cols.css_table .template_2cols .template_col.template_1col.template_col2,.template_2cols.css_table .template_2cols .template_col.template_1col.template_col2{ padding-left:10px; padding-right:0} .template_cols.css_table .template_col.template_2col,.template_2cols.css_table .template_col.template_2col{ width:66.66%} .template_cols.css_table .template_col.template_2col.template_col1,.template_2cols.css_table .template_col.template_2col.template_col1{ padding-right:7px} .template_cols.css_table .template_col.template_2col.template_col2,.template_2cols.css_table .template_col.template_2col.template_col2{ padding-left:7px} .template_cols.css_table .template_bild img,.template_2cols.css_table .template_bild img{ display:block; width:100%; margin:0 auto} .template_cols.css_table .template_1col>.template_bild img,.template_2cols.css_table .template_1col>.template_bild img{ max-width:420px} .template_cols.css_table .template_2col>.template_bild img,.template_2cols.css_table .template_2col>.template_bild img{ max-width:860px} .template_cols.css_table .template_3col>.template_bild img,.template_2cols.css_table .template_3col>.template_bild img{ max-width:1300px} .template_cols.css_table .template_text img,.template_2cols.css_table .template_text img{ display:inline-block; max-width:100% !important; height:auto !important} @media only screen and (max-width:768px){ .template_cols.css_table .template_2cols .template_col,.template_2cols.css_table .template_2cols .template_col{ display:block; width:100% !important; padding-left:0 !important; padding-right:0 !important} .template_cols.css_table .template_2cols .template_col:nth-child(2),.template_2cols.css_table .template_2cols .template_col:nth-child(2){ padding-top:10px} } @media only screen and (max-width:480px){ .template_cols.css_table .template_col.template_2col,.template_2cols.css_table .template_col.template_2col{ display:block; width:100% !important; padding-left:0 !important; padding-right:0 !important} } .template_cols_wrapper.flexbox{ margin:0 auto} .template_cols_wrapper.flexbox .mirrored.template_cols.template_2cols .template_col1{ order:1} .template_cols_wrapper.flexbox .mirrored.template_cols.template_2cols .template_col2{ order:0} .template_cols_wrapper.flexbox .mirrored.template_cols.template_3cols .template_col1{ order:2} .template_cols_wrapper.flexbox .mirrored.template_cols.template_3cols .template_col2{ order:1} .template_cols_wrapper.flexbox .mirrored.template_cols.template_3cols .template_col3{ order:0} .template_cols_wrapper.flexbox .template_cols{ display:flex; margin:calc(-1*var(--template-gutter-size)/2); flex-wrap:wrap} .template_cols_wrapper.flexbox .template_cols.no_gutters_horizontal,.template_cols_wrapper.flexbox .template_cols.no_gutters{ margin-left:0; margin-right:0} .template_cols_wrapper.flexbox .template_cols.no_gutters_horizontal .template_col,.template_cols_wrapper.flexbox .template_cols.no_gutters .template_col{ padding-left:0; padding-right:0} .template_cols_wrapper.flexbox .template_cols.no_gutters_vertical,.template_cols_wrapper.flexbox .template_cols.no_gutters{ margin-top:0; margin-bottom:0} .template_cols_wrapper.flexbox .template_cols.no_gutters_vertical .template_col,.template_cols_wrapper.flexbox .template_cols.no_gutters .template_col{ padding-top:0; padding-bottom:0} @media(min-width:640px){ .template_cols_wrapper.flexbox .template_cols.no_gutters_vertical_s{ margin-top:0; margin-bottom:0} .template_cols_wrapper.flexbox .template_cols.no_gutters_vertical_s .template_col{ padding-top:0; padding-bottom:0} } @media(min-width:480px){ .template_cols_wrapper.flexbox .template_4cols>.template_col{ width:50%} } @media(min-width:640px){ .template_cols_wrapper.flexbox .template_2cols>.template_col{ width:50%} } @media(min-width:768px){ .template_cols_wrapper.flexbox .template_3cols>.template_col{ width:33.33%} .template_cols_wrapper.flexbox .template_4cols>.template_col{ width:25%} } .template_cols_wrapper.flexbox .template_col{ width:100%; padding:calc(var(--template-gutter-size)/2); box-sizing:border-box} .template_cols_wrapper.flexbox .template_bild img{ display:inline-block; max-width:100%; vertical-align:top} .template_cols_wrapper.flexbox .template_media+.template_headlines{ padding-top:var(--template-gutter-size)} .template_cols_wrapper.flexbox .template_cols{ margin:0} .content_row.content_row_typ_110{ max-width:none; padding-left:0; padding-right:0} .content_row.content_row_typ_110 .template_ix{ max-width:1024px; padding:10px 20px; box-sizing:border-box} .content_row.content_row_typ_110 .template_ix>.content_box{ border-radius:16px; overflow:hidden; position:relative; height:auto} @media screen and (max-width:1024px){ .content_row.content_row_typ_110 .template_ix>.content_box{ box-shadow:0px 4px 24px 0px rgba(0,0,0,.35)} } .content_row.content_row_typ_110 .template_ix.clickable{ cursor:pointer} @media screen and (min-width:1660px){ .content_row.content_row_typ_110 .template_ix{ max-width:calc(60vw - 20px)} } .content_row.content_row_typ_110 .template_text{ padding:0; color:#fff} .content_row.content_row_typ_110 .template_text.template_text1{ min-height:16px; padding-left:24px; background:url(/images/icons/arrow_right_E6EDF2.svg) no-repeat left 3px transparent; background-size:8px 16px} .content_row.content_row_typ_110 .template_text.template_text1,.content_row.content_row_typ_110 .template_text.template_text1 *{ font-family:"aktiv-grotesk-extended",sans-serif !important; font-size:18px; font-style:normal; line-height:1.2; letter-spacing:-0.4px} @media screen and (max-width:640px){ .content_row.content_row_typ_110 .template_text.template_text1{ padding-left:20px} } .content_row.content_row_typ_110 .template_text.template_text2,.content_row.content_row_typ_110 .template_text.template_text2 *{ font-family:"aktiv-grotesk-extended",sans-serif; font-size:32px; font-style:normal; line-height:1.2; letter-spacing:.64px} .content_row.content_row_typ_110 .media_box{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:-1} .content_row.content_row_typ_110 .media_box .template_media{ width:100%; height:100%; overflow:hidden; position:relative} @media screen and (min-width:1024px){ .content_row.content_row_typ_110 .media_box .template_media:after{ content:""; position:absolute; left:0; right:0; bottom:0; top:0; box-sizing:border-box; background:#000; transition:.5s; opacity:.4; z-index:1} .style_1_0 .content_row.content_row_typ_110 .media_box .template_media:after,.style_1_13 .content_row.content_row_typ_110 .media_box .template_media:after{ background:var(--color-reisacher-saphir-iv); opacity:.5} } .content_row.content_row_typ_110 .media_box img{ width:100%; height:100%; object-fit:cover; z-index:-3; transition:.5s} .content_row.content_row_typ_110 .content_box{ position:relative; width:100%; height:480px; z-index:3} .content_row.content_row_typ_110 .content_box .template_col{ height:100%; width:100%; max-width:520px; margin:0 0 0 auto; padding:64px 80px 64px 20px; box-sizing:border-box; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-end; text-align:right} body.a11y .content_row.content_row_typ_110 .content_box .template_col{ background-color:var(--color-reisacher-saphir-v)} .content_row.content_row_typ_110 .content_box .content_box{ background:linear-gradient(270deg, #36414D 0%, rgba(54, 65, 77, 0) 100%)} @media screen and (min-width:1660px){ .content_row.content_row_typ_110 .content_box{ height:56vh} } @media screen and (min-width:1024px){ .content_row.content_row_typ_110:hover .template_ix>.content_box{ box-shadow:0px 4px 24px 0px rgba(0,0,0,.35)} .content_row.content_row_typ_110:hover .content_box .media_box .template_media:after{ opacity:0} .content_row.content_row_typ_110:hover .content_box .media_box img{ transform:scale(1.05)} } @media screen and (max-width:1023px){ .content_row.content_row_typ_110 .template_ix>.content_box{ box-shadow:0px 4px 24px 0px rgba(0,0,0,.35)} } @media screen and (min-width:481px){ .content_row.content_row_typ_110 .content_box>.template_text.template_text1{ display:none} } @media screen and (max-width:480px){ .content_row.content_row_typ_110 .content_box>.template_text.template_text1{ margin-left:10px} .content_row.content_row_typ_110 .template_ix{ padding:10px} .content_row.content_row_typ_110 .template_ix>.content_box{ box-shadow:none; border-radius:0} .content_row.content_row_typ_110 .content_box>.media_box{ position:static; border-radius:16px; margin:20px 10px 0 10px; overflow:hidden; height:240px; box-shadow:0px 8px 12px 0px rgba(54,65,76,.5)} .content_row.content_row_typ_110 .template_col1>.template_text.template_text1{ display:none} .content_row.content_row_typ_110 .content_box .content_box{ background:none} .content_row.content_row_typ_110:not(.verlauf_animated_hg) .template_text{ color:inherit} .content_row.content_row_typ_110:not(.verlauf_animated_hg) .template_text.template_text1{ background-image:url(/images/icons/arrow_right_131D26.svg)} } .content_row.content_row_typ_110 .button_cta{ font-family:"aktiv-grotesk",sans-serif !important; border-radius:8px !important; background:var(--color-reisacher-pyrit) !important; color:var(--color-reisacher-saphir-vii) !important} .content_row.content_row_typ_110 .button_cta *{ font-family:"aktiv-grotesk",sans-serif !important; background:var(--color-reisacher-pyrit) !important; color:var(--color-reisacher-saphir-vii) !important} @media screen and (min-width:1025px){ .content_row.content_row_typ_110 .button_cta:hover{ background:var(--color-reisacher-pyrit-hell) !important} .content_row.content_row_typ_110 .button_cta:hover *{ background:var(--color-reisacher-pyrit-hell) !important} } .content_row.content_row_typ_110 .button_sek{ font-family:"aktiv-grotesk",sans-serif !important; border-radius:8px !important; background:var(--color-reisacher-saphir-iii) !important; color:var(--color-reisacher-saphir-vii) !important} .content_row.content_row_typ_110 .button_sek *{ font-family:"aktiv-grotesk",sans-serif !important; background:var(--color-reisacher-saphir-iii) !important; color:var(--color-reisacher-saphir-vii) !important} @media screen and (min-width:1025px){ .content_row.content_row_typ_110 .button_sek:hover{ background:var(--color-reisacher-pyrit) !important} .content_row.content_row_typ_110 .button_sek:hover *{ background:var(--color-reisacher-pyrit) !important} } .content_row.content_row_typ_110 .button_sek2{ font-family:"aktiv-grotesk",sans-serif !important; border-radius:8px !important; background:transparent !important; color:var(--color-reisacher-saphir-text) !important; border:1px solid var(--color-reisacher-saphir-text)} .content_row.content_row_typ_110 .button_sek2 *{ font-family:"aktiv-grotesk",sans-serif !important; background:transparent !important} @media screen and (min-width:1025px){ .content_row.content_row_typ_110 .button_sek2:hover{ background:var(--color-reisacher-pyrit) !important; border:1px solid var(--color-reisacher-pyrit); color:var(--color-reisacher-saphir-text) !important} .content_row.content_row_typ_110 .button_sek2:hover *{ background:var(--color-reisacher-pyrit) !important; color:var(--color-reisacher-saphir-text) !important} } @media screen and (max-width:640px){ .content_row.content_row_typ_110 .content_box{ height:auto} .content_row.content_row_typ_110 .content_box .template_col{ padding:20px 10px; gap:20px} .content_row.content_row_typ_110 .template_text.template_text2{ font-size:24px} } .content_row.content_row_typ_111{ max-width:none; padding-left:30px; padding-right:30px; background-position:center; background-repeat:no-repeat; background-size:cover} .content_row.content_row_typ_111.no_space_top{ padding-top:5px !important} .content_row.content_row_typ_111.no_space_bottom{ padding-bottom:5px !important} .content_row.content_row_typ_111 .template_ix{ max-width:1600px; padding:0; box-sizing:border-box; margin:0 auto; position:relative; z-index:1} .content_row.content_row_typ_111 .template_ix.clickable{ cursor:pointer} @media screen and (min-width:2125px){ .content_row.content_row_typ_111 .template_ix{ max-width:calc(80vw - 60px)} } .content_row.content_row_typ_111 .media_box{ height:45vh} .content_row.content_row_typ_111 .media_box .template_media{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:-1; overflow:hidden} .content_row.content_row_typ_111 .media_box img{ width:100%; height:100%; object-fit:cover; transition:2s} .content_row.content_row_typ_111 .content_box{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:2; background:rgba(0,0,0,.4); transition:.2s} .style_1_0 .content_row.content_row_typ_111 .content_box,.style_1_13 .content_row.content_row_typ_111 .content_box{ background:rgba(115,134,153,.5)} .content_row.content_row_typ_111 .template_text{ padding:0; text-align:center} .content_row.content_row_typ_111 .template_col1{ display:flex; width:100%; height:100%; flex-direction:column; justify-content:center; gap:32px} .content_row.content_row_typ_111 .template_text1_row{ width:100%; display:table; padding-bottom:0; transition:.2s} .content_row.content_row_typ_111 .template_text1_row>*{ display:table-cell; position:relative} .content_row.content_row_typ_111 .template_text1_row .before,.content_row.content_row_typ_111 .template_text1_row .after{ width:30%} .content_row.content_row_typ_111 .template_text1_row .before:after,.content_row.content_row_typ_111 .template_text1_row .after:after{ content:""; position:absolute; left:0; right:0; top:50%; border-bottom:2px solid #fff; margin-top:-1px} .content_row.content_row_typ_111 .template_text1{ color:#fff; font-size:18px; line-height:120%; text-transform:uppercase; width:auto; padding:0 40px; box-sizing:border-box; text-shadow:2px 2px 2px var(--color-reisacher-saphir-text)} body.a11y .content_row.content_row_typ_111 .template_text1{ background-color:var(--color-reisacher-saphir-v)} .content_row.content_row_typ_111 .template_text2{ color:#fff; font-size:18px; font-weight:bold; line-height:120%; text-transform:uppercase; transition:.2s; text-shadow:2px 2px 2px var(--color-reisacher-saphir-text)} .content_row.content_row_typ_111 .template_text2 .link{ display:inline-block; padding-bottom:4px; border-bottom:4px solid #fff} @media screen and (min-width:1024px){ .content_row.content_row_typ_111 .template_ix:hover{ box-shadow:4px 8px 24px 0px rgba(0,0,0,.25)} .content_row.content_row_typ_111 .template_ix:hover .media_box img{ transform:scale(1.05)} .content_row.content_row_typ_111 .template_ix:hover .content_box{ background:linear-gradient(0deg, rgba(54, 65, 76, 0) 0%, rgba(54, 65, 76, 0) 100%)} .content_row.content_row_typ_111 .template_ix:hover .template_text1_row{ padding-bottom:150px} .content_row.content_row_typ_111 .template_ix:hover .template_text1_row .before:after,.content_row.content_row_typ_111 .template_ix:hover .template_text1_row .after:after{ border-bottom:0} } @media screen and (max-width:1023px){ .content_row.content_row_typ_111 .template_ix{ box-shadow:4px 8px 24px 0px rgba(0,0,0,.25)} .content_row.content_row_typ_111 .template_ix .media_box img{ transform:scale(1.05)} .content_row.content_row_typ_111 .template_ix .content_box{ background:linear-gradient(0deg, rgba(54, 65, 76, 0) 0%, rgba(54, 65, 76, 0) 100%) !important} .content_row.content_row_typ_111 .template_ix .template_text1_row{ padding-bottom:50px} .content_row.content_row_typ_111 .template_ix .template_text1_row .before:after,.content_row.content_row_typ_111 .template_ix .template_text1_row .after:after{ border-bottom:0} } .marke_bmw.content_row.content_row_typ_111 .content_box{ background:rgba(0,0,0,.4)} .marke_bmw.content_row.content_row_typ_111 .template_text1{ font-family:BMWTypeNext,sans-serif} body.a11y .marke_bmw.content_row.content_row_typ_111 .template_text1{ background-color:var(--color-bmw-schwarz)} .marke_bmw.content_row.content_row_typ_111 .template_col1{ background:url(/images/icons/markenwelten/Logos/markenteaser_logo_bmw.svg) no-repeat center bottom 40px; background-size:36px 36px} .marke_bmw.content_row.content_row_typ_111 .template_text2{ font-family:BMWTypeNext,sans-serif} .marke_bmw.content_row.content_row_typ_111 .template_text2 .link{ border-bottom-color:var(--color-bmw-blau)} body.a11y .marke_bmw.content_row.content_row_typ_111 .template_text2 .link{ background-color:var(--color-bmw-schwarz)} .marke_mini.content_row.content_row_typ_111 .content_box{ background:rgba(0,0,0,.4)} .marke_mini.content_row.content_row_typ_111 .template_text1{ font-family:MINISerif,serif} body.a11y .marke_mini.content_row.content_row_typ_111 .template_text1{ background-color:var(--color-mini-schwarz)} .marke_mini.content_row.content_row_typ_111 .template_col1{ background:url(/images/icons/marken_teaser/mini_white.svg) no-repeat center bottom 40px; background-size:65px 28px} .marke_mini.content_row.content_row_typ_111 .template_text2{ font-family:MINISerif,serif} .marke_mini.content_row.content_row_typ_111 .template_text2 .link{ border-bottom-color:var(--color-mini-purple)} body.a11y .marke_mini.content_row.content_row_typ_111 .template_text2 .link{ background-color:var(--color-mini-schwarz)} .marke_alpina.content_row.content_row_typ_111 .content_box{ background:rgba(0,0,0,.4)} .marke_alpina.content_row.content_row_typ_111 .template_text1{ font-family:Times New Roman,Times,serif} body.a11y .marke_alpina.content_row.content_row_typ_111 .template_text1{ background-color:var(--color-alpina-black)} .marke_alpina.content_row.content_row_typ_111 .template_col1{ background:url(/images/icons/marken_teaser/alpina_white.svg) no-repeat center bottom 40px; background-size:36px 36px} .marke_alpina.content_row.content_row_typ_111 .template_text2{ font-family:Times New Roman,Times,serif} .marke_alpina.content_row.content_row_typ_111 .template_text2 .link{ border-bottom-color:var(--color-alpina-blau)} body.a11y .marke_alpina.content_row.content_row_typ_111 .template_text2 .link{ background-color:var(--color-alpina-black)} .marke_byd.content_row.content_row_typ_111 .content_box{ background:rgba(0,0,0,.4)} .marke_byd.content_row.content_row_typ_111 .template_text1{ font-family:SourceSansPro,sans-serif} body.a11y .marke_byd.content_row.content_row_typ_111 .template_text1{ background-color:var(--color-byd-black)} .marke_byd.content_row.content_row_typ_111 .template_col1{ background:url(/images/icons/marken_teaser/byd_white.svg) no-repeat center bottom 40px; background-size:60px 20px} .marke_byd.content_row.content_row_typ_111 .template_text2{ font-family:SourceSansPro,sans-serif} .marke_byd.content_row.content_row_typ_111 .template_text2 .link{ border-bottom-color:var(--color-byd-rot)} body.a11y .marke_byd.content_row.content_row_typ_111 .template_text2 .link{ background-color:var(--color-byd-black)} .marke_motorrad.content_row.content_row_typ_111 .content_box{ background:rgba(0,0,0,.4)} .marke_motorrad.content_row.content_row_typ_111 .template_text1{ font-family:BMWMotorradW05,sans-serif} body.a11y .marke_motorrad.content_row.content_row_typ_111 .template_text1{ background-color:var(--color-bmw-schwarz)} .marke_motorrad.content_row.content_row_typ_111 .template_col1{ background:url(/images/icons/marken_teaser/motorrad_white.svg) no-repeat center bottom 40px; background-size:74px 22px} .marke_motorrad.content_row.content_row_typ_111 .template_text2{ font-family:BMWMotorradW05Bold,sans-serif; letter-spacing:.5px} .marke_motorrad.content_row.content_row_typ_111 .template_text2 .link{ border-bottom-color:var(--color-bmw-blau)} body.a11y .marke_motorrad.content_row.content_row_typ_111 .template_text2 .link{ background-color:var(--color-bmw-schwarz)} @media screen and (max-width:1024px){ .content_row.content_row_typ_111{ padding-left:20px; padding-right:20px} .content_row.content_row_typ_111 .media_box{ height:360px} .content_row.content_row_typ_111 .template_text1_row .before,.content_row.content_row_typ_111 .template_text1_row .after{ width:10%} } @media screen and (max-width:480px){ .content_row.content_row_typ_111 .template_text1_row .before,.content_row.content_row_typ_111 .template_text1_row .after{ display:none} } .content_row.content_row_typ_115{ max-width:none; margin:0} .content_row.content_row_typ_115 .template_ix{ max-width:1620px} @media screen and (min-width:2125px){ .content_row.content_row_typ_115 .template_ix{ max-width:calc(80vw - 40px)} } .template_115{ padding:0 10px} .template_115 .template_headlines,.template_115 .template_text{ text-align:center; margin-left:auto; margin-right:auto; max-width:1080px} .template_115 .template_text{ max-width:80ch} @media only screen and (min-width:1921px){ .template_115 .template_text{ font-size:22px} } .template_115 .template_text table{ text-align:left} @media only screen and (max-width:640px){ .template_115 .template_headlines{ padding-left:0; padding-right:0} } .content_row.content_row_typ_116{ max-width:none; margin:0} .content_row.content_row_typ_116 .template_ix{ max-width:1620px} @media screen and (min-width:2125px){ .content_row.content_row_typ_116 .template_ix{ max-width:calc(80vw - 40px)} } .template_116{ padding:0 10px} .template_116 .template_text{ max-width:80ch} @media only screen and (min-width:1921px){ .template_116 .template_text{ font-size:22px} } @media only screen and (max-width:640px){ .template_116 .template_headlines,.template_116 .template_text{ padding-left:0; padding-right:0} } .content_row.content_row_typ_117{ max-width:none; margin:0} .content_row.content_row_typ_117 .template_ix{ max-width:1620px} @media screen and (min-width:2125px){ .content_row.content_row_typ_117 .template_ix{ max-width:calc(80vw - 40px)} } .template_117 .template_headlines{ padding-top:0} .template_117{ position:relative} .template_117>*{ padding:0 10px; display:block} .template_117 .template_col_text,.template_117 .template_bild{ background-color:var(--color-reisacher-saphir-ii)} .style_1_0 .template_117 .template_bild{ border-radius:8px; overflow:hidden} .template_117 .template_col_image .placeholder{ display:block; height:0; padding-bottom:66.66%} .template_117 .template_col_text{ position:absolute; top:0; left:6%; width:33%; min-width:480px; padding:40px 0} .template_117 .template_col_text a{ text-decoration:none !important} .template_117 .template_col_text .button_1zeilig,.template_117 .template_col_text .button_2zeilig{ display:block} @media only screen and (max-width:1024px){ .template_117 .template_headlines{ padding-top:0} } @media only screen and (max-width:768px){ .style_1_0 .template_117 .template_bild{ border-bottom-left-radius:0; border-bottom-right-radius:0} .template_117 .template_col_text{ position:static; width:auto; min-width:auto; padding-top:20px; margin:0 10px} .style_1_0 .template_117 .template_col_text{ overflow:hidden; border-bottom-left-radius:8px; border-bottom-right-radius:8px} } @media only screen and (max-width:640px){ .template_117 .template_headlines{ padding-top:0} } .content_row.content_row_typ_120{ max-width:none; padding-right:0; padding-left:0} .content_row.content_row_typ_120 .template_ix{ max-width:1658px; padding:10px 30px; box-sizing:border-box} .content_row.content_row_typ_120 .template_ix>.content_box{ height:auto} @media screen and (min-width:2125px){ .content_row.content_row_typ_120 .template_ix{ max-width:80vw} } @media screen and (max-width:1024px){ .content_row.content_row_typ_120 .template_ix{ padding:10px 20px} } .content_row.content_row_typ_120 .template_cols_wrapper.flexbox .template_cols{ justify-content:space-between} .content_row.content_row_typ_120 .template_cols_wrapper.flexbox .template_2cols>.template_col{ width:40.06%; padding:0; position:relative; border-radius:16px; overflow:hidden} .content_row.content_row_typ_120 .template_cols_wrapper.flexbox .template_2cols>.template_col.template_col2{ width:57.51%} @media screen and (max-width:1023px){ .content_row.content_row_typ_120 .template_cols_wrapper.flexbox .template_2cols>.template_col{ box-shadow:0px 4px 24px 0px rgba(0,0,0,.35)} } .content_row.content_row_typ_120 .media_box{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:-1} .content_row.content_row_typ_120 .media_box .template_media{ width:100%; height:100%; overflow:hidden; position:relative} @media screen and (min-width:1024px){ .content_row.content_row_typ_120 .media_box .template_media:after{ content:""; position:absolute; left:0; right:0; bottom:0; top:0; box-sizing:border-box; background:#000; transition:.5s; opacity:.4; z-index:1} .style_1_0 .content_row.content_row_typ_120 .media_box .template_media:after,.style_1_13 .content_row.content_row_typ_120 .media_box .template_media:after{ background:var(--color-reisacher-saphir-iv); opacity:.5} } .content_row.content_row_typ_120 .media_box img{ width:100%; height:100%; object-fit:cover; z-index:-3; transition:.5s} .content_row.content_row_typ_120 .content_box{ position:relative; width:100%; height:522px; z-index:3} .content_row.content_row_typ_120 .content_box .template_col{ height:100%; width:100%; padding:64px 80px; box-sizing:border-box; display:flex; flex-direction:column; justify-content:space-between; background:linear-gradient(90deg, #36414d 0%, rgba(54, 65, 77, 0) 100%); mix-blend-mode:darken} .content_row.content_row_typ_120 .template_text{ padding:0; color:#fff} .content_row.content_row_typ_120 .template_text.template_text1,.content_row.content_row_typ_120 .template_text.template_text4{ font-family:"aktiv-grotesk-extended",sans-serif; font-size:18px; font-style:normal; line-height:1.2; letter-spacing:-0.54px; padding-left:24px; background:url(/images/icons/arrow_right_E6EDF2.svg) no-repeat left 3px transparent; background-size:8px 16px} .content_row.content_row_typ_120 .template_text.template_text2,.content_row.content_row_typ_120 .template_text.template_text5{ font-family:"aktiv-grotesk",sans-serif; font-size:32px; font-style:normal; line-height:1.2; letter-spacing:.64px; height:100%; padding:40px 0; display:flex; flex-direction:column; justify-content:end; box-sizing:border-box} @media screen and (min-width:1024px){ .content_row.content_row_typ_120 .template_cols_wrapper.flexbox .template_2cols>.template_col:hover{ box-shadow:0px 4px 24px 0px rgba(0,0,0,.35)} .content_row.content_row_typ_120 .template_cols_wrapper.flexbox .template_2cols>.template_col:hover .media_box .template_media:after{ opacity:0} .content_row.content_row_typ_120 .template_cols_wrapper.flexbox .template_2cols>.template_col:hover .media_box img{ transform:scale(1.05)} } @media screen and (max-width:1023px){ .content_row.content_row_typ_120 .template_cols_wrapper.flexbox .template_2cols>.template_col{ box-shadow:0px 4px 24px 0px rgba(0,0,0,.35)} } .content_row.content_row_typ_120 .button_cta{ font-family:"aktiv-grotesk",sans-serif; border-radius:8px !important; background:var(--color-reisacher-pyrit) !important; color:var(--color-reisacher-saphir-vii) !important} .content_row.content_row_typ_120 .button_cta *{ font-family:"aktiv-grotesk",sans-serif; background:var(--color-reisacher-pyrit) !important; color:var(--color-reisacher-saphir-vii) !important} @media screen and (min-width:1025px){ .content_row.content_row_typ_120 .button_cta:hover{ background:var(--color-reisacher-pyrit-hell) !important} .content_row.content_row_typ_120 .button_cta:hover *{ background:var(--color-reisacher-pyrit-hell) !important} } .content_row.content_row_typ_120 .button_sek{ font-family:"aktiv-grotesk",sans-serif; border-radius:8px !important; background:var(--color-reisacher-saphir-iii) !important; color:var(--color-reisacher-saphir-vii) !important} .content_row.content_row_typ_120 .button_sek *{ font-family:"aktiv-grotesk",sans-serif; background:var(--color-reisacher-saphir-iii) !important; color:var(--color-reisacher-saphir-vii) !important} @media screen and (min-width:1025px){ .content_row.content_row_typ_120 .button_sek:hover{ background:var(--color-reisacher-pyrit) !important} .content_row.content_row_typ_120 .button_sek:hover *{ background:var(--color-reisacher-pyrit) !important} } .content_row.content_row_typ_120 .button_sek2{ font-family:"aktiv-grotesk",sans-serif; border-radius:8px !important; background:transparent !important; color:var(--color-reisacher-saphir-text) !important; border:1px solid var(--color-reisacher-saphir-text)} .content_row.content_row_typ_120 .button_sek2 *{ font-family:"aktiv-grotesk",sans-serif; background:transparent !important} @media screen and (min-width:1025px){ .content_row.content_row_typ_120 .button_sek2:hover{ background:var(--color-reisacher-pyrit) !important; border:1px solid var(--color-reisacher-pyrit); color:var(--color-reisacher-saphir-text) !important} .content_row.content_row_typ_120 .button_sek2:hover *{ background:var(--color-reisacher-pyrit) !important; color:var(--color-reisacher-saphir-text) !important} } @media screen and (max-width:1023px){ .content_row.content_row_typ_120 .content_box .template_col{ padding:20px} } @media screen and (max-width:640px){ .content_row.content_row_typ_120 .content_box{ height:auto} .content_row.content_row_typ_120 .content_box .template_col{ gap:20px} .content_row.content_row_typ_120 .template_text.template_text2,.content_row.content_row_typ_120 .template_text.template_text5{ font-size:24px} .content_row.content_row_typ_120 .template_cols_wrapper.flexbox>.template_cols{ flex-direction:column; gap:40px} .content_row.content_row_typ_120 .template_cols_wrapper.flexbox .template_2cols>.template_col{ width:100% !important} } .content_row.content_row_typ_53{ max-width:none; margin:0} .content_row.content_row_typ_53 .template_ix{ max-width:1620px} @media screen and (min-width:2125px){ .content_row.content_row_typ_53 .template_ix{ max-width:calc(80vw - 40px)} } .template_53 .template_text{ max-width:65ch} .content_row.content_row_typ_151{ max-width:none; padding:0} .content_row.content_row_typ_151 .template_text{ padding:0; color:#fff; font-size:28px; font-style:normal; line-height:1.3} .content_row.content_row_typ_151 .template_text small{ font-size:16px} .content_row.content_row_typ_151 .template_text.template_text3{ padding-top:20px; display:flex; flex-flow:row; gap:10px; flex-wrap:wrap; align-items:baseline} .content_row.content_row_typ_151 .template_text.template_text3 a{ display:inline-block; padding:12px 24px; background-color:#fff; color:var(--color-reisacher-saphir-vii); font-size:14px; font-style:normal; font-weight:600; line-height:120%; text-decoration:none !important; opacity:1; transition:.2s; white-space:nowrap} .content_row.content_row_typ_151 .template_text.template_text3 a:hover{ opacity:.8} .content_row.content_row_typ_151 .template_cols_wrapper.flexbox .template_col{ padding:0; min-height:611px} .content_row.content_row_typ_151 .template_cols_wrapper.flexbox .template_col1{ width:50%; position:relative} .content_row.content_row_typ_151 .template_cols_wrapper.flexbox .template_col2{ width:50%; padding:128px 112px; box-sizing:border-box; display:flex; flex-direction:column; gap:40px; justify-content:space-between} .content_row.content_row_typ_151 .template_cols_wrapper.flexbox .template_col2>*{ max-width:687px; width:100%} .content_row.content_row_typ_151 .template_cols_wrapper.flexbox .template_col2 .template_text1 h2{ position:relative; color:inherit; font-family:inherit; font-size:24px; line-height:1.1; text-transform:none; margin-bottom:20px} .content_row.content_row_typ_151 .template_cols_wrapper.flexbox .template_col2 .template_text1 h2::before{ content:""; position:absolute; left:-30px; top:0; height:100%; width:12px; background:url(/images/icons/arrow_right_FFFFFF.svg) no-repeat left 2px; background-size:12px 24px} @media screen and (max-width:639px){ .content_row.content_row_typ_151 .template_cols_wrapper.flexbox .template_col2 .template_text1 h2{ font-size:18px !important; line-height:1.2 !important; letter-spacing:-0.4px !important} .content_row.content_row_typ_151 .template_cols_wrapper.flexbox .template_col2 .template_text1 h2::before{ width:10px; background-size:10px 20px; background-position:left 1px} } .content_row.content_row_typ_151 .template_cols_wrapper.flexbox .mirrored .template_col2>*{ margin:0 0 0 auto} .content_row.content_row_typ_151 .template_media{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:-1; overflow:hidden} .content_row.content_row_typ_151 .template_media img{ width:100%; height:100%; object-fit:cover; z-index:-3} .marke_bmw.content_row.content_row_typ_151 .template_text{ font-family:BMWTypeNextLight,sans-serif} .marke_bmw.content_row.content_row_typ_151 .template_text b{ font-family:BMWTypeNext,sans-serif} .marke_bmw.content_row.content_row_typ_151 .template_text.template_text3 a{ font-family:BMWTypeNext,sans-serif; color:var(--color-bmw-blau)} .marke_bmw.content_row.content_row_typ_151 .template_cols_wrapper.flexbox .template_col2{ background-color:var(--color-bmw-blau)} .marke_mini.content_row.content_row_typ_151 .template_text{ color:var(--color-mini-white); font-family:MINISerif,serif; line-height:1} .marke_mini.content_row.content_row_typ_151 .template_text b{ font-family:MINISerif,serif} .marke_mini.content_row.content_row_typ_151 .template_text.template_text3 a{ font-family:MINISerif,serif; color:var(--color-mini-purple)} .marke_mini.content_row.content_row_typ_151 .template_cols_wrapper.flexbox .template_col2{ background-color:var(--color-mini-purple)} .marke_alpina.content_row.content_row_typ_151 .template_text{ font-family:Times New Roman,Times,serif; line-height:1} .marke_alpina.content_row.content_row_typ_151 .template_text b{ font-family:Times New Roman,Times,serif} .marke_alpina.content_row.content_row_typ_151 .template_text.template_text3 a{ color:var(--color-alpina-blau); font-family:Times New Roman,Times,serif} .marke_alpina.content_row.content_row_typ_151 .template_cols_wrapper.flexbox .template_col2{ background-color:var(--color-alpina-blau)} .marke_byd.content_row.content_row_typ_151 .template_text{ font-family:SourceSansPro,sans-serif; line-height:1} .marke_byd.content_row.content_row_typ_151 .template_text b{ font-family:SourceSansPro,sans-serif} .marke_byd.content_row.content_row_typ_151 .template_text.template_text3 a{ color:var(--color-byd-black); font-family:SourceSansPro,sans-serif} .marke_byd.content_row.content_row_typ_151 .template_cols_wrapper.flexbox .template_col2{ background-color:var(--color-byd-rot)} .marke_motorrad.content_row.content_row_typ_151 .template_text{ font-family:BMWMotorradW05,sans-serif; line-height:1; letter-spacing:0} .marke_motorrad.content_row.content_row_typ_151 .template_text b{ font-family:BMWMotorradW05Bold,sans-serif} .marke_motorrad.content_row.content_row_typ_151 .template_text.template_text3 a{ color:var(--color-bmw-blau); font-family:BMWMotorradW05Bold,sans-serif; letter-spacing:.5px} .marke_motorrad.content_row.content_row_typ_151 .template_cols_wrapper.flexbox .template_col2{ background-color:var(--color-bmw-blau)} @media screen and (max-width:1024px){ .content_row.content_row_typ_151 .template_cols_wrapper.flexbox .template_col{ min-height:auto} .content_row.content_row_typ_151 .template_cols_wrapper.flexbox .template_col2{ padding:80px; background-position:left top 50px} } @media screen and (max-width:640px){ .content_row.content_row_typ_151{ flex-direction:column} .content_row.content_row_typ_151 .template_media{ position:static} .content_row.content_row_typ_151 .template_text{ font-size:22px} .content_row.content_row_typ_151 .template_text.template_text3 a{ padding:8px 20px} .content_row.content_row_typ_151 .template_cols_wrapper.flexbox .template_col1{ width:100% !important} .content_row.content_row_typ_151 .template_cols_wrapper.flexbox .template_col2{ order:2 !important; width:100% !important; padding:40px 40px 40px 50px; background-position:left top 45px; background-size:30px 60px; gap:20px} } .content_row.content_row_typ_152{ max-width:none; padding:0} .content_row.content_row_typ_152 .template_headlines{ padding:0} .content_row.content_row_typ_152 .template_text{ padding:0} .content_row.content_row_typ_152 .template_text.template_text3{ padding-top:20px; display:flex; flex-flow:row; gap:10px; flex-wrap:wrap; align-items:baseline} .content_row.content_row_typ_152 .template_cols_wrapper.flexbox .template_col{ padding:0; min-height:611px} .content_row.content_row_typ_152 .template_cols_wrapper.flexbox .template_col1{ width:50%; position:relative} .content_row.content_row_typ_152 .template_cols_wrapper.flexbox .template_col2{ width:50%; padding:128px 30px 128px 112px; box-sizing:border-box; display:flex; flex-direction:column; gap:40px; justify-content:space-between} .content_row.content_row_typ_152 .template_cols_wrapper.flexbox .template_col2>*{ max-width:688px; width:100%; box-sizing:border-box} @media screen and (min-width:2125px){ .content_row.content_row_typ_152 .template_cols_wrapper.flexbox .template_col2>*{ max-width:calc(40vw - 112px - 30px)} } .content_row.content_row_typ_152 .template_cols_wrapper.flexbox .template_col2 .template_headlines h2{ position:relative; color:inherit; font-size:24px; line-height:1.1; text-transform:none; margin-bottom:20px} .content_row.content_row_typ_152 .template_cols_wrapper.flexbox .template_col2 .template_headlines h2::before{ content:""; position:absolute; left:-30px; top:0; height:100%; width:12px; background:url(/images/icons/arrow_right_131D26.svg) no-repeat left 2px; background-size:12px 24px} @media screen and (max-width:639px){ .content_row.content_row_typ_152 .template_cols_wrapper.flexbox .template_col2 .template_headlines h2{ font-size:18px !important; line-height:1.2 !important; letter-spacing:-0.4px !important} .content_row.content_row_typ_152 .template_cols_wrapper.flexbox .template_col2 .template_headlines h2::before{ left:-20px; width:10px; background-size:10px 20px; background-position:left 1px} } .content_row.content_row_typ_152 .template_cols_wrapper.flexbox .template_col2 .template_headlines h2 .style_1_1,.content_row.content_row_typ_152 .template_cols_wrapper.flexbox .template_col2 .template_headlines h2 .style_1_13{ font-family:"aktiv-grotesk-extended",sans-serif} .content_row.content_row_typ_152 .template_cols_wrapper.flexbox .mirrored .template_col2{ padding-right:112px; padding-left:30px} .content_row.content_row_typ_152 .template_cols_wrapper.flexbox .mirrored .template_col2>*{ margin:0 0 0 auto; padding-left:30px} .content_row.content_row_typ_152 .template_media{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:-1; overflow:hidden} .content_row.content_row_typ_152 .template_media img{ width:100%; height:100%; object-fit:cover; z-index:-3} .style_1_0 .content_row.content_row_typ_152 .template_cols_wrapper.flexbox .template_col2,.style_1_13 .content_row.content_row_typ_152 .template_cols_wrapper.flexbox .template_col2{ background-color:var(--color-reisacher-saphir-ii)} .style_1_0 .content_row.content_row_typ_152.marke_reisacher .template_cols_wrapper.flexbox .template_col2,.style_1_13 .content_row.content_row_typ_152.marke_reisacher .template_cols_wrapper.flexbox .template_col2{ background-color:var(--color-reisacher-pyrit)} .style_1_0 .content_row.content_row_typ_152.marke_reisacher .template_cols_wrapper.flexbox .template_col2 .button_cta,.style_1_13 .content_row.content_row_typ_152.marke_reisacher .template_cols_wrapper.flexbox .template_col2 .button_cta{ background-color:var(--color-reisacher-pyrit-hell) !important} .style_1_0 .content_row.content_row_typ_152.marke_reisacher .template_cols_wrapper.flexbox .template_col2 .button_cta:hover,.style_1_13 .content_row.content_row_typ_152.marke_reisacher .template_cols_wrapper.flexbox .template_col2 .button_cta:hover{ background-color:var(--color-reisacher-pyrit-dunkel) !important} .style_1_0 .content_row.content_row_typ_152.marke_reisacher .template_cols_wrapper.flexbox .template_col2 .button_sek:hover,.style_1_13 .content_row.content_row_typ_152.marke_reisacher .template_cols_wrapper.flexbox .template_col2 .button_sek:hover{ background-color:var(--color-reisacher-pyrit-hell) !important} .style_1_1 .content_row.content_row_typ_152 .template_cols_wrapper.flexbox .template_col2,.style_1_8 .content_row.content_row_typ_152 .template_cols_wrapper.flexbox .template_col2{ background-color:var(--color-bmw-grau-light)} .style_1_7 .content_row.content_row_typ_152 .template_cols_wrapper.flexbox .template_col2{ background-color:var(--color-mini-grau-light)} .style_1_11 .content_row.content_row_typ_152 .template_cols_wrapper.flexbox .template_col2{ background-color:var(--color-byd-graylight)} @media screen and (max-width:1024px){ .content_row.content_row_typ_152 .template_cols_wrapper.flexbox .template_col{ min-height:auto} .content_row.content_row_typ_152 .template_cols_wrapper.flexbox .template_col2{ padding:80px 20px 80px 80px} .content_row.content_row_typ_152 .template_cols_wrapper.flexbox .mirrored .template_col2{ padding-right:80px; padding-left:20px} } @media screen and (max-width:640px){ .content_row.content_row_typ_152{ flex-direction:column} .content_row.content_row_typ_152 .template_media{ position:static} .content_row.content_row_typ_152 .template_cols_wrapper.flexbox .template_col1{ width:100% !important} .content_row.content_row_typ_152 .template_cols_wrapper.flexbox .template_col2{ order:2 !important; width:100% !important; padding:40px 20px 40px 40px; gap:20px} .content_row.content_row_typ_152 .template_cols_wrapper.flexbox .mirrored .template_col2{ padding-right:40px; padding-left:20px} } .cta_marken_buttons.content_row_typ_152 .template_text.template_text3{ flex-direction:column; width:fit-content !important} .cta_marken_buttons.content_row_typ_152 .template_text.template_text3>*{ width:100%} .cta_marken_buttons.content_row_typ_152 .template_text.template_text3 a{ text-decoration:none !important} .cta_marken_buttons.content_row_typ_152 .template_text.template_text3 .button_cta{ display:block; padding-left:90px; padding-top:12px; padding-bottom:12px; line-height:32px; box-sizing:border-box; background-repeat:no-repeat !important} .cta_marken_buttons.content_row_typ_152 .template_text.template_text3 .button_cta.button_cta_bmw{ background-image:url(/images/icons/markenwelten/Logos/markenteaser_logo_bmw_schwarz.svg) !important; background-position:37px center !important; background-size:32px 32px !important} .cta_marken_buttons.content_row_typ_152 .template_text.template_text3 .button_cta.button_cta_mini{ background-image:url(/images/icons/markenwelten/Logos/markenteaser_logo_mini.svg) !important; background-position:28px center !important; background-size:50px 22px !important} .cta_marken_buttons.content_row_typ_152 .template_text.template_text3 .button_cta.button_cta_byd{ background-image:url(/images/icons/markenwelten/Logos/markenteaser_logo_byd.svg) !important; background-position:28px center !important; background-size:50px 12px !important} .cta_marken_buttons.content_row_typ_152 .template_text.template_text3 .button_cta.button_cta_motorrad{ background-image:url(/images/icons/markenwelten/Logos/markenteaser_logo_bmw-motorrad.svg) !important; background-position:28px center !important; background-size:50px 15px !important} .content_row.content_row_typ_155{ max-width:none; margin:0} .content_row.content_row_typ_155 .template_ix{ max-width:1620px} @media screen and (min-width:2125px){ .content_row.content_row_typ_155 .template_ix{ max-width:calc(80vw - 40px)} } .template_155 .template_text_box{ position:relative} .template_155 .template_text_box a{ text-decoration:none !important} .template_155 .template_text{ font-size:17px} .template_155 .template_text *{ max-width:65ch} .template_155 .template_col>*{ background-color:var(--color-reisacher-saphir-ii)} @media only screen and (max-width:1025px){ .template_155 .template_text{ font-size:15px} } .content_row.content_row_typ_156{ max-width:none; margin:0} .content_row.content_row_typ_156 .template_ix{ max-width:1620px} @media screen and (min-width:2125px){ .content_row.content_row_typ_156 .template_ix{ max-width:calc(80vw - 40px)} } .style_1_0 .template_156 .button_1zeilig{ border:1px solid var(--color-reisacher-saphir-iii)} .template_156 .template_extras_box table{ width:100%; padding-bottom:30px} .template_156 .template_extras_box table td{ padding:10px 20px; vertical-align:bottom; text-align:left; box-sizing:border-box; height:46px} .template_156 .template_extras_box table tr:nth-child(2) td{ padding-top:40px} .template_156 .template_extras_box table tr td:nth-child(2){ text-align:right; white-space:nowrap} .template_156 .template_text{ font-size:17px; max-width:65ch} .template_156 .template_col>*{ background-color:var(--color-reisacher-saphir-ii)} .template_156 .template_col>*:first-child{ border-radius:8px 8px 0 0; overflow:hidden} .template_156 .template_col>*:last-child{ border-radius:0 0 8px 8px; overflow:hidden} .style_1_1 .template_156 .template_col>*{ background-color:#ebebeb} .style_1_1 .template_156 .template_col>*:first-child{ border-radius:0} .style_1_1 .template_156 .template_col>*:last-child{ border-radius:0} .template_156 .template_extras_box{ background-color:var(--color-reisacher-saphir-iii)} .style_1_1 .template_156 .template_extras_box{ background-color:#e3e4e4} .template_156 .template_extras_box table tr:first-child td{ background-color:var(--color-reisacher-saphir-iv); font-weight:bold} .style_1_1 .template_156 .template_extras_box table tr:first-child td{ background-color:#c6c7c8; text-transform:uppercase; font-family:BMWTypeNext,sans-serif} .template_156 .template_extras_box table tr.extraPreis td{ font-weight:bold; font-size:22px; line-height:30px; letter-spacing:0} .style_1_1 .template_156 .template_extras_box table tr.extraPreis td{ font-family:BMWTypeNext,sans-serif} .template_156 .template_extras_box table tr.extraPreis td:nth-child(2){ font-size:26px} @media only screen and (max-width:1025px){ .template_156 .template_text{ font-size:15px} .template_156 .template_extras_box table tr.extraPreis td{ font-size:18px; line-height:24px} .template_156 .template_extras_box table tr:nth-child(2) td:nth-child(2){ font-size:21px} } @media only screen and (max-width:1024px){ .template_156 .template_extras_box table{ padding-bottom:10px} .template_156 .template_extras_box table td{ padding:10px; height:35px} .template_156 .template_extras_box table tr:nth-child(2) td{ padding-top:10px} } @media only screen and (max-width:640px){ .template_156 .template_extras_box table tr:nth-child(2) td:nth-child(2){ font-size:17px; line-height:20px} } @media only screen and (max-width:380px){ .template_156 .template_extras_box table tr:nth-child(2) td:nth-child(2){ font-size:15px; line-height:18px} } .template_54 .template_headlines_box{ text-align:center; position:relative} .template_54 .template_headlines_box>*{ display:inline; background-color:#fff; padding:0 10px} .template_54 .template_headlines_box:after{ content:""; display:block; border-bottom:1px solid #4b4b4d; position:absolute; z-index:-1; top:43%; left:0; right:0} .template_54 .template_headlines_box>*{ text-transform:uppercase} .template_54.template_ix{ max-width:880px; margin:0 auto} @media(min-width:640px){ .template_21 .template_cols_wrapper.flexbox .template_cols .template_col1{ width:100%} .template_21 .template_cols_wrapper.flexbox .template_cols .template_col2{ width:100%} } @media(min-width:768px){ .template_21 .template_cols_wrapper.flexbox .template_cols .template_col1{ width:70%} .template_21 .template_cols_wrapper.flexbox .template_cols .template_col2{ width:30%} } .content_row.content_row_typ_21{ max-width:none; margin:0} .content_row.content_row_typ_21 .template_ix{ max-width:1620px} @media screen and (min-width:2125px){ .content_row.content_row_typ_21 .template_ix{ max-width:calc(80vw - 40px)} } .template_21 .template_cols_wrapper.flexbox .template_cols .template_col1{ width:66.66%} .template_21 .template_cols_wrapper.flexbox .template_cols .template_col2{ width:33.33%} .template_21>.template_cols{ padding-bottom:45px} .template_21 .template_cols_wrapper.flexbox .template_col{ padding-top:0} .template_21 .template_headlines{ padding-top:0} .template_21 .media_caption{ text-align:left} .template_21 .content_videoplayer{ border-radius:16px; overflow:hidden} @media screen and (max-width:640px){ .template_21 .content_videoplayer{ border-radius:8px} } .style_1_11 .template_21 .template_text3{ font-size:24px; line-height:140%} @media screen and (max-width:639px){ .template_21 .template_cols_wrapper.flexbox .template_cols .template_col1,.template_21 .template_cols_wrapper.flexbox .template_cols .template_col2{ width:100%} .template_21 .template_cols_wrapper.flexbox .template_cols .template_col2{ order:2 !important} } @media(min-width:640px){ .template_22 .template_cols_wrapper .template_cols .template_col.template_col1{ width:100%} .template_22 .template_cols_wrapper .template_cols .template_col.template_col2{ width:100%} } @media(min-width:768px){ .template_22 .template_cols_wrapper.flexbox .template_cols .template_col1{ width:70%} .template_22 .template_cols_wrapper.flexbox .template_cols .template_col2{ width:30%} } .content_row.content_row_typ_22{ max-width:none; margin:0} .content_row.content_row_typ_22 .template_ix{ max-width:1620px} @media screen and (min-width:2125px){ .content_row.content_row_typ_22 .template_ix{ max-width:calc(80vw - 40px)} } .template_22 .template_cols_wrapper.flexbox .template_cols .template_col1{ width:66.66%} .template_22 .template_cols_wrapper.flexbox .template_cols .template_col2{ width:33.33%} .template_22>.template_cols{ padding-bottom:45px} .template_22 .template_cols_wrapper.flexbox .template_col{ padding-top:0} .template_22 .template_headlines{ padding-top:0} .template_22 .template_text{ max-width:80ch} @media screen and (min-width:1921px){ .template_22 .template_text{ font-size:22px} } @media screen and (max-width:639px){ .template_22 .template_cols_wrapper.flexbox .template_cols .template_col1,.template_22 .template_cols_wrapper.flexbox .template_cols .template_col2{ width:100%} .template_22 .template_cols_wrapper.flexbox .template_cols .template_col1{ order:2 !important} } @media(min-width:640px){ .template_20 .template_cols_wrapper.flexbox .template_cols .template_col1{ width:70%} .template_20 .template_cols_wrapper.flexbox .template_cols .template_col2{ width:30%} } .content_row.content_row_typ_20{ max-width:none; margin:0} .content_row.content_row_typ_20 .template_ix{ max-width:1620px} @media screen and (min-width:2125px){ .content_row.content_row_typ_20 .template_ix{ max-width:calc(80vw - 40px)} } .template_20 .template_headlines{ padding:0 30px} .template_20 .template_col1 .template_text{ max-width:80ch} @media screen and (min-width:1921px){ .template_20 .template_col1 .template_text{ font-size:22px} } .template_20 .template_col2 .template_text{ font-size:16px; max-width:65ch} @media screen and (min-width:1921px){ .template_20 .template_col2 .template_text{ font-size:18px} } @media(min-width:640px){ .template_20 .template_cols_wrapper.flexbox .template_cols .template_col1{ width:66.66%} .template_20 .template_cols_wrapper.flexbox .template_cols .template_col2{ width:33.33%} } .site_1002 .content_row_typ_20.h2_mit_pfeil .template_ix,.site_1725 .content_row_typ_20.h2_mit_pfeil .template_ix,.site_2000 .content_row_typ_20.h2_mit_pfeil .template_ix,.site_1 .content_row_typ_20.h2_mit_pfeil .template_ix,.site_30 .content_row_typ_20.h2_mit_pfeil .template_ix,.site_546 .content_row_typ_20.h2_mit_pfeil .template_ix,.site_1630 .content_row_typ_20.h2_mit_pfeil .template_ix,.site_2021 .content_row_typ_20.h2_mit_pfeil .template_ix{ max-width:1660px} @media screen and (min-width:2125px){ .site_1002 .content_row_typ_20.h2_mit_pfeil .template_ix,.site_1725 .content_row_typ_20.h2_mit_pfeil .template_ix,.site_2000 .content_row_typ_20.h2_mit_pfeil .template_ix,.site_1 .content_row_typ_20.h2_mit_pfeil .template_ix,.site_30 .content_row_typ_20.h2_mit_pfeil .template_ix,.site_546 .content_row_typ_20.h2_mit_pfeil .template_ix,.site_1630 .content_row_typ_20.h2_mit_pfeil .template_ix,.site_2021 .content_row_typ_20.h2_mit_pfeil .template_ix{ max-width:80vw} } @media screen and (max-width:1660px){ .site_1002 .content_row_typ_20.h2_mit_pfeil .template_headlines,.site_1725 .content_row_typ_20.h2_mit_pfeil .template_headlines,.site_2000 .content_row_typ_20.h2_mit_pfeil .template_headlines,.site_1 .content_row_typ_20.h2_mit_pfeil .template_headlines,.site_30 .content_row_typ_20.h2_mit_pfeil .template_headlines,.site_546 .content_row_typ_20.h2_mit_pfeil .template_headlines,.site_1630 .content_row_typ_20.h2_mit_pfeil .template_headlines,.site_2021 .content_row_typ_20.h2_mit_pfeil .template_headlines{ padding:0 10px} } .site_1002 .content_row_typ_20.h2_mit_pfeil .template_headlines>*,.site_1725 .content_row_typ_20.h2_mit_pfeil .template_headlines>*,.site_2000 .content_row_typ_20.h2_mit_pfeil .template_headlines>*,.site_1 .content_row_typ_20.h2_mit_pfeil .template_headlines>*,.site_30 .content_row_typ_20.h2_mit_pfeil .template_headlines>*,.site_546 .content_row_typ_20.h2_mit_pfeil .template_headlines>*,.site_1630 .content_row_typ_20.h2_mit_pfeil .template_headlines>*,.site_2021 .content_row_typ_20.h2_mit_pfeil .template_headlines>*{ padding-left:30px} .site_1002 .content_row_typ_20.h2_mit_pfeil .template_col1 .template_text,.site_1725 .content_row_typ_20.h2_mit_pfeil .template_col1 .template_text,.site_2000 .content_row_typ_20.h2_mit_pfeil .template_col1 .template_text,.site_1 .content_row_typ_20.h2_mit_pfeil .template_col1 .template_text,.site_30 .content_row_typ_20.h2_mit_pfeil .template_col1 .template_text,.site_546 .content_row_typ_20.h2_mit_pfeil .template_col1 .template_text,.site_1630 .content_row_typ_20.h2_mit_pfeil .template_col1 .template_text,.site_2021 .content_row_typ_20.h2_mit_pfeil .template_col1 .template_text{ padding-left:50px} @media screen and (max-width:1660px){ .site_1002 .content_row_typ_20.h2_mit_pfeil .template_col1 .template_text,.site_1725 .content_row_typ_20.h2_mit_pfeil .template_col1 .template_text,.site_2000 .content_row_typ_20.h2_mit_pfeil .template_col1 .template_text,.site_1 .content_row_typ_20.h2_mit_pfeil .template_col1 .template_text,.site_30 .content_row_typ_20.h2_mit_pfeil .template_col1 .template_text,.site_546 .content_row_typ_20.h2_mit_pfeil .template_col1 .template_text,.site_1630 .content_row_typ_20.h2_mit_pfeil .template_col1 .template_text,.site_2021 .content_row_typ_20.h2_mit_pfeil .template_col1 .template_text{ padding-left:30px} } .site_1002 .content_row_typ_20.h2_mit_pfeil .template_headlines h2,.site_1725 .content_row_typ_20.h2_mit_pfeil .template_headlines h2,.site_2000 .content_row_typ_20.h2_mit_pfeil .template_headlines h2,.site_1 .content_row_typ_20.h2_mit_pfeil .template_headlines h2,.site_30 .content_row_typ_20.h2_mit_pfeil .template_headlines h2,.site_546 .content_row_typ_20.h2_mit_pfeil .template_headlines h2,.site_1630 .content_row_typ_20.h2_mit_pfeil .template_headlines h2,.site_2021 .content_row_typ_20.h2_mit_pfeil .template_headlines h2{ position:relative; color:var(--color-reisacher-saphir-text); font-size:24px; line-height:1.1; letter-spacing:-0.72px; text-transform:none; padding-left:30px; margin-bottom:20px} .site_1002 .content_row_typ_20.h2_mit_pfeil .template_headlines h2::before,.site_1725 .content_row_typ_20.h2_mit_pfeil .template_headlines h2::before,.site_2000 .content_row_typ_20.h2_mit_pfeil .template_headlines h2::before,.site_1 .content_row_typ_20.h2_mit_pfeil .template_headlines h2::before,.site_30 .content_row_typ_20.h2_mit_pfeil .template_headlines h2::before,.site_546 .content_row_typ_20.h2_mit_pfeil .template_headlines h2::before,.site_1630 .content_row_typ_20.h2_mit_pfeil .template_headlines h2::before,.site_2021 .content_row_typ_20.h2_mit_pfeil .template_headlines h2::before{ content:""; position:absolute; left:0; top:0; height:100%; width:12px; background:url(/images/icons/arrow_right_131D26.svg) no-repeat left 2px; background-size:12px 24px} .site_1002 .content_row_typ_20.h2_mit_pfeil .mirrored .template_col1 .template_text,.site_1725 .content_row_typ_20.h2_mit_pfeil .mirrored .template_col1 .template_text,.site_2000 .content_row_typ_20.h2_mit_pfeil .mirrored .template_col1 .template_text,.site_1 .content_row_typ_20.h2_mit_pfeil .mirrored .template_col1 .template_text,.site_30 .content_row_typ_20.h2_mit_pfeil .mirrored .template_col1 .template_text,.site_546 .content_row_typ_20.h2_mit_pfeil .mirrored .template_col1 .template_text,.site_1630 .content_row_typ_20.h2_mit_pfeil .mirrored .template_col1 .template_text,.site_2021 .content_row_typ_20.h2_mit_pfeil .mirrored .template_col1 .template_text{ padding-left:20px} .site_1002 .content_row_typ_20.h2_mit_pfeil .mirrored .template_col2 .template_text,.site_1725 .content_row_typ_20.h2_mit_pfeil .mirrored .template_col2 .template_text,.site_2000 .content_row_typ_20.h2_mit_pfeil .mirrored .template_col2 .template_text,.site_1 .content_row_typ_20.h2_mit_pfeil .mirrored .template_col2 .template_text,.site_30 .content_row_typ_20.h2_mit_pfeil .mirrored .template_col2 .template_text,.site_546 .content_row_typ_20.h2_mit_pfeil .mirrored .template_col2 .template_text,.site_1630 .content_row_typ_20.h2_mit_pfeil .mirrored .template_col2 .template_text,.site_2021 .content_row_typ_20.h2_mit_pfeil .mirrored .template_col2 .template_text{ padding-left:50px} @media screen and (max-width:1660px){ .site_1002 .content_row_typ_20.h2_mit_pfeil .mirrored .template_col2 .template_text,.site_1725 .content_row_typ_20.h2_mit_pfeil .mirrored .template_col2 .template_text,.site_2000 .content_row_typ_20.h2_mit_pfeil .mirrored .template_col2 .template_text,.site_1 .content_row_typ_20.h2_mit_pfeil .mirrored .template_col2 .template_text,.site_30 .content_row_typ_20.h2_mit_pfeil .mirrored .template_col2 .template_text,.site_546 .content_row_typ_20.h2_mit_pfeil .mirrored .template_col2 .template_text,.site_1630 .content_row_typ_20.h2_mit_pfeil .mirrored .template_col2 .template_text,.site_2021 .content_row_typ_20.h2_mit_pfeil .mirrored .template_col2 .template_text{ padding-left:30px} } @media screen and (max-width:639px){ .site_1002 .content_row_typ_20.h2_mit_pfeil .template_headlines>*,.site_1725 .content_row_typ_20.h2_mit_pfeil .template_headlines>*,.site_2000 .content_row_typ_20.h2_mit_pfeil .template_headlines>*,.site_1 .content_row_typ_20.h2_mit_pfeil .template_headlines>*,.site_30 .content_row_typ_20.h2_mit_pfeil .template_headlines>*,.site_546 .content_row_typ_20.h2_mit_pfeil .template_headlines>*,.site_1630 .content_row_typ_20.h2_mit_pfeil .template_headlines>*,.site_2021 .content_row_typ_20.h2_mit_pfeil .template_headlines>*{ padding-left:20px} .site_1002 .content_row_typ_20.h2_mit_pfeil .template_headlines h2,.site_1725 .content_row_typ_20.h2_mit_pfeil .template_headlines h2,.site_2000 .content_row_typ_20.h2_mit_pfeil .template_headlines h2,.site_1 .content_row_typ_20.h2_mit_pfeil .template_headlines h2,.site_30 .content_row_typ_20.h2_mit_pfeil .template_headlines h2,.site_546 .content_row_typ_20.h2_mit_pfeil .template_headlines h2,.site_1630 .content_row_typ_20.h2_mit_pfeil .template_headlines h2,.site_2021 .content_row_typ_20.h2_mit_pfeil .template_headlines h2{ font-size:18px !important; line-height:1.2 !important; letter-spacing:-0.4px !important; padding-left:20px} .site_1002 .content_row_typ_20.h2_mit_pfeil .template_headlines h2::before,.site_1725 .content_row_typ_20.h2_mit_pfeil .template_headlines h2::before,.site_2000 .content_row_typ_20.h2_mit_pfeil .template_headlines h2::before,.site_1 .content_row_typ_20.h2_mit_pfeil .template_headlines h2::before,.site_30 .content_row_typ_20.h2_mit_pfeil .template_headlines h2::before,.site_546 .content_row_typ_20.h2_mit_pfeil .template_headlines h2::before,.site_1630 .content_row_typ_20.h2_mit_pfeil .template_headlines h2::before,.site_2021 .content_row_typ_20.h2_mit_pfeil .template_headlines h2::before{ width:10px; background-size:10px 20px; background-position:left 1px} .site_1002 .content_row_typ_20.h2_mit_pfeil .template_text,.site_1725 .content_row_typ_20.h2_mit_pfeil .template_text,.site_2000 .content_row_typ_20.h2_mit_pfeil .template_text,.site_1 .content_row_typ_20.h2_mit_pfeil .template_text,.site_30 .content_row_typ_20.h2_mit_pfeil .template_text,.site_546 .content_row_typ_20.h2_mit_pfeil .template_text,.site_1630 .content_row_typ_20.h2_mit_pfeil .template_text,.site_2021 .content_row_typ_20.h2_mit_pfeil .template_text{ padding-left:20px !important} } .site_1002.style_1_8 .content_row_typ_20.h2_mit_pfeil .template_headlines h2,.site_1725.style_1_8 .content_row_typ_20.h2_mit_pfeil .template_headlines h2,.site_2000.style_1_8 .content_row_typ_20.h2_mit_pfeil .template_headlines h2,.site_1.style_1_8 .content_row_typ_20.h2_mit_pfeil .template_headlines h2,.site_30.style_1_8 .content_row_typ_20.h2_mit_pfeil .template_headlines h2,.site_546.style_1_8 .content_row_typ_20.h2_mit_pfeil .template_headlines h2,.site_1630.style_1_8 .content_row_typ_20.h2_mit_pfeil .template_headlines h2,.site_2021.style_1_8 .content_row_typ_20.h2_mit_pfeil .template_headlines h2{ letter-spacing:0; font-family:BMWMotorradW05,sans-serif} @media(min-width:640px){ .template_23 .template_cols_wrapper.flexbox .template_cols .template_col1{ width:70%} .template_23 .template_cols_wrapper.flexbox .template_cols .template_col2{ width:30%} } .content_row.content_row_typ_23{ max-width:none; margin:0} .content_row.content_row_typ_23 .template_ix{ max-width:1620px} @media screen and (min-width:2125px){ .content_row.content_row_typ_23 .template_ix{ max-width:calc(80vw - 40px)} } @media(min-width:640px){ .template_23 .template_cols_wrapper.flexbox .template_cols .template_col1{ width:66.66%} .template_23 .template_cols_wrapper.flexbox .template_cols .template_col2{ width:33.33%} } .content_row.content_row_typ_32{ max-width:none; margin:0} .content_row.content_row_typ_32 .template_ix{ max-width:1620px} @media screen and (min-width:2125px){ .content_row.content_row_typ_32 .template_ix{ max-width:calc(80vw - 40px)} } .template_32 .template_col.template_1col.template_col3{ padding-top:40px} .template_32 .template_text{ max-width:65ch} .template_32 .template_pic_box:empty{ padding-bottom:66.66%} @media screen and (max-width:767px){ .template_32 .template_pic_box:empty{ display:none} } .content_row.content_row_typ_130{ max-width:none; padding-left:0; padding-right:0} .content_row.content_row_typ_130 .template_ix{ max-width:1658px; padding:10px 30px; box-sizing:border-box} .content_row.content_row_typ_130 .template_ix>.content_box{ height:auto} @media screen and (min-width:2125px){ .content_row.content_row_typ_130 .template_ix{ max-width:80vw} } @media screen and (max-width:1024px){ .content_row.content_row_typ_130 .template_ix{ padding:10px 20px} } .content_row.content_row_typ_130 .template_cols_wrapper.flexbox .template_cols{ justify-content:space-between} .content_row.content_row_typ_130 .template_cols_wrapper.flexbox .template_3cols:after{ display:none} .content_row.content_row_typ_130 .template_cols_wrapper.flexbox .template_3cols>.template_col{ width:31.57%; padding:0; position:relative; border-radius:16px; overflow:hidden} @media screen and (max-width:1023px){ .content_row.content_row_typ_130 .template_cols_wrapper.flexbox .template_3cols>.template_col{ box-shadow:0px 4px 24px 0px rgba(0,0,0,.35)} } .content_row.content_row_typ_130 .media_box{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:-1} .content_row.content_row_typ_130 .media_box .template_media{ width:100%; height:100%; overflow:hidden; position:relative} @media screen and (min-width:1024px){ .content_row.content_row_typ_130 .media_box .template_media:after{ content:""; position:absolute; left:0; right:0; bottom:0; top:0; box-sizing:border-box; background:#000; transition:.5s; opacity:.4; z-index:1} .style_1_0 .content_row.content_row_typ_130 .media_box .template_media:after,.style_1_13 .content_row.content_row_typ_130 .media_box .template_media:after{ background:var(--color-reisacher-saphir-iv); opacity:.5} } .content_row.content_row_typ_130 .media_box img{ width:100%; height:100%; object-fit:cover; z-index:-3; transition:.5s} .content_row.content_row_typ_130 .content_box{ position:relative; width:100%; height:328px; z-index:3} .content_row.content_row_typ_130 .content_box .template_col{ height:100%; width:100%; padding:40px 48px; box-sizing:border-box; display:flex; flex-direction:column; justify-content:space-between; background:linear-gradient(90deg, #36414D 0%, rgba(54, 65, 77, 0) 100%); mix-blend-mode:darken} .content_row.content_row_typ_130 .template_text{ padding:0; color:#fff} .content_row.content_row_typ_130 .template_text.template_text1,.content_row.content_row_typ_130 .template_text.template_text4,.content_row.content_row_typ_130 .template_text.template_text7{ font-family:"aktiv-grotesk-extended",sans-serif; font-size:18px; font-style:normal; line-height:1.2; letter-spacing:-0.54px; padding-left:24px; background:url(/images/icons/arrow_right_E6EDF2.svg) no-repeat left 3px transparent; background-size:8px 16px} .content_row.content_row_typ_130 .template_text.template_text2,.content_row.content_row_typ_130 .template_text.template_text5,.content_row.content_row_typ_130 .template_text.template_text8{ font-family:"aktiv-grotesk",sans-serif; font-size:24px; font-style:normal; line-height:1.2; letter-spacing:.48px} @media screen and (min-width:1024px){ .content_row.content_row_typ_130 .template_cols_wrapper.flexbox .template_3cols>.template_col:hover{ box-shadow:0px 4px 24px 0px rgba(0,0,0,.35)} .content_row.content_row_typ_130 .template_cols_wrapper.flexbox .template_3cols>.template_col:hover .media_box .template_media:after{ opacity:0} .content_row.content_row_typ_130 .template_cols_wrapper.flexbox .template_3cols>.template_col:hover .media_box img{ transform:scale(1.05)} } @media screen and (max-width:1023px){ .content_row.content_row_typ_130 .template_cols_wrapper.flexbox .template_3cols>.template_col{ box-shadow:0px 4px 24px 0px rgba(0,0,0,.35)} } .content_row.content_row_typ_130 .button_cta{ font-family:"aktiv-grotesk",sans-serif; border-radius:8px !important; background:var(--color-reisacher-pyrit) !important; color:var(--color-reisacher-saphir-vii) !important} .content_row.content_row_typ_130 .button_cta *{ font-family:"aktiv-grotesk",sans-serif; background:var(--color-reisacher-pyrit) !important; color:var(--color-reisacher-saphir-vii) !important} @media screen and (min-width:1025px){ .content_row.content_row_typ_130 .button_cta:hover{ background:var(--color-reisacher-pyrit-hell) !important} .content_row.content_row_typ_130 .button_cta:hover *{ background:var(--color-reisacher-pyrit-hell) !important} } .content_row.content_row_typ_130 .button_sek{ font-family:"aktiv-grotesk",sans-serif; border-radius:8px !important; background:var(--color-reisacher-saphir-iii) !important; color:var(--color-reisacher-saphir-vii) !important} .content_row.content_row_typ_130 .button_sek *{ font-family:"aktiv-grotesk",sans-serif; background:var(--color-reisacher-saphir-iii) !important; color:var(--color-reisacher-saphir-vii) !important} @media screen and (min-width:1025px){ .content_row.content_row_typ_130 .button_sek:hover{ background:var(--color-reisacher-pyrit) !important} .content_row.content_row_typ_130 .button_sek:hover *{ background:var(--color-reisacher-pyrit) !important} } .content_row.content_row_typ_130 .button_sek2{ font-family:"aktiv-grotesk",sans-serif; border-radius:8px !important; background:transparent !important; color:var(--color-reisacher-saphir-text) !important; border:1px solid var(--color-reisacher-saphir-text)} .content_row.content_row_typ_130 .button_sek2 *{ font-family:"aktiv-grotesk",sans-serif; background:transparent !important} @media screen and (min-width:1025px){ .content_row.content_row_typ_130 .button_sek2:hover{ background:var(--color-reisacher-pyrit) !important; border:1px solid var(--color-reisacher-pyrit); color:var(--color-reisacher-saphir-text) !important} .content_row.content_row_typ_130 .button_sek2:hover *{ background:var(--color-reisacher-pyrit) !important; color:var(--color-reisacher-saphir-text) !important} } @media screen and (max-width:1023px){ .content_row.content_row_typ_130 .template_cols_wrapper.flexbox>.template_cols{ flex-wrap:wrap; gap:10px; justify-content:center} .content_row.content_row_typ_130 .template_cols_wrapper.flexbox .template_3cols>.template_col{ width:calc(50% - 5px)} .content_row.content_row_typ_130 .content_box .template_col{ padding:20px} } @media screen and (max-width:640px){ .content_row.content_row_typ_130 .template_cols_wrapper.flexbox .template_3cols>.template_col{ width:100%} } .content_row.content_row_typ_135{ max-width:none; margin:0} .content_row.content_row_typ_135 .template_ix{ max-width:1620px} @media screen and (min-width:2125px){ .content_row.content_row_typ_135 .template_ix{ max-width:calc(80vw - 40px)} } .template_135 .template_col.template_1col{ padding:0 10px !important} .template_135 .template_bild{ position:relative} .template_135 .template_bild:after{ content:""; display:block; position:absolute; left:0; right:0; bottom:0; margin:0 auto; box-sizing:border-box; width:32px; height:32px} .template_135 .template_text_box{ position:relative} .template_135 .template_text_box a{ text-decoration:none !important} .template_135 .template_text{ font-size:17px; max-width:65ch} .template_135 .template_col>*{ background-color:var(--color-reisacher-saphir-ii)} .style_1_1 .template_135 .template_col>*,.style_1_8 .template_135 .template_col>*{ background-color:var(--color-bmw-grau-light)} .style_1_7 .template_135 .template_col>*{ background-color:var(--color-mini-grau-light)} .style_1_11 .template_135 .template_col>*{ background-color:var(--color-byd-graylight)} .template_135 .template_col.empty>*{ background-color:transparent} .template_135 .template_bild:after{ border:16px solid transparent; border-bottom-color:var(--color-reisacher-saphir-ii)} .style_1_1 .template_135 .template_bild:after,.style_1_8 .template_135 .template_bild:after{ border-bottom-color:var(--color-bmw-grau-light)} .style_1_7 .template_135 .template_bild:after{ border-bottom-color:var(--color-mini-grau-light)} .style_1_11 .template_135 .template_bild:after{ border-bottom-color:var(--color-byd-graylight)} @media only screen and (max-width:1024px){ .template_135 .template_col.template_1col.template_col3{ padding-top:40px} } @media only screen and (max-width:767px){ .template_135 .template_cols_wrapper.flexbox .template_cols{ gap:20px} } .content_row.content_row_typ_136{ max-width:none; margin:0} .content_row.content_row_typ_136 .template_ix{ max-width:1620px} @media screen and (min-width:2125px){ .content_row.content_row_typ_136 .template_ix{ max-width:calc(80vw - 40px)} } .style_1_0 .template_136 .template_headlines_box{ border-radius:8px 8px 0 0} .style_1_0 .template_136 .template_extras_box{ border-radius:0 0 8px 8px} .template_136 .template_extras_box table{ width:100%; padding-bottom:30px} .template_136 .template_extras_box table td{ padding:10px 20px; vertical-align:bottom; text-align:left; box-sizing:border-box; height:46px} .template_136 .template_extras_box table tr:nth-child(2) td{ padding-top:40px} .template_136 .template_extras_box table tr td:nth-child(2){ text-align:right; white-space:nowrap} .template_136 .template_text{ font-size:17px; max-width:65ch} .template_136 .template_col>*{ background-color:var(--color-reisacher-saphir-ii)} .style_1_1 .template_136 .template_col>*{ background-color:#ebebeb} .template_136 .template_extras_box{ background-color:var(--color-reisacher-saphir-iii)} .style_1_1 .template_136 .template_extras_box{ background-color:#e3e4e4} .template_136 .template_extras_box table tr:first-child td{ background-color:var(--color-reisacher-saphir-iv)} .style_1_1 .template_136 .template_extras_box table tr:first-child td{ background-color:#c6c7c8} .template_136 .template_extras_box table tr:first-child td{ text-transform:none; font-family:"aktiv-grotesk",sans-serif; font-weight:bold} .template_136 .template_extras_box table tr.extraPreis td{ font-family:"aktiv-grotesk",sans-serif; font-weight:bold; font-size:22px; line-height:30px; letter-spacing:0} .template_136 .template_extras_box table tr.extraPreis td:nth-child(2){ font-size:26px} .style_1_1 .template_136 .template_extras_box table tr:first-child td{ text-transform:uppercase; font-family:BMWTypeNext,sans-serif} .style_1_1 .template_136 .template_extras_box table tr.extraPreis td{ font-family:BMWTypeNext,sans-serif} .style_1_7 .template_136 .template_extras_box table tr:first-child td,.style_1_7 .template_136 .template_extras_box table tr.extraPreis td{ font-family:MINISerif,serif} .style_1_8 .template_136 .template_extras_box table tr:first-child td,.style_1_8 .template_136 .template_extras_box table tr.extraPreis td{ font-family:BMWMotorradW05Bold,sans-serif} .style_1_11 .template_136 .template_extras_box table tr:first-child td,.style_1_11 .template_136 .template_extras_box table tr.extraPreis td{ font-family:SourceSansPro,sans-serif} @media only screen and (max-width:1025px){ .template_136 .template_text{ font-size:15px} .template_136 .template_extras_box table tr.extraPreis td{ font-size:18px; line-height:24px} .template_136 .template_extras_box table tr:nth-child(2) td:nth-child(2){ font-size:21px} } @media only screen and (max-width:1024px){ .template_136 .template_extras_box table{ padding-bottom:10px} .template_136 .template_extras_box table td{ padding:10px; height:35px} .template_136 .template_extras_box table tr:nth-child(2) td{ padding-top:10px} } @media only screen and (max-width:640px){ .template_136 .template_extras_box table tr:nth-child(2) td:nth-child(2){ font-size:17px; line-height:20px} } @media only screen and (max-width:380px){ .template_136 .template_extras_box table tr:nth-child(2) td:nth-child(2){ font-size:15px; line-height:18px} } .content_row.content_row_typ_31{ max-width:none; padding:120px 30px} .content_row.content_row_typ_31 .template_ix{ max-width:1600px; margin:0 auto} @media screen and (min-width:2125px){ .content_row.content_row_typ_31 .template_ix{ max-width:calc(80vw - 60px)} } .content_row.content_row_typ_31 .content_headline5{ font-size:24px; font-style:normal; line-height:1.2; letter-spacing:-0.72px; margin-bottom:4px; position:relative} .content_row.content_row_typ_31 .content_headline5:before{ content:""; position:absolute; left:-30px; top:0; height:100%; width:12px; background:url(/images/icons/arrow_right_131D26.svg) no-repeat left 2px; background-size:12px 24px} @media screen and (max-width:639px){ .content_row.content_row_typ_31 .content_headline5{ font-size:18px !important; line-height:1.2 !important; letter-spacing:-0.4px !important} .content_row.content_row_typ_31 .content_headline5::before{ width:10px; background-size:10px 20px; background-position:left 1px} } .style_1_8 .content_row.content_row_typ_31 .content_headline5{ letter-spacing:0 !important; font-family:BMWMotorradW05,sans-serif} .content_row.content_row_typ_31 .template_cols_wrapper.flexbox .template_cols{ justify-content:space-between} .content_row.content_row_typ_31 .template_cols_wrapper.flexbox .template_col{ padding:0 0 0 30px; width:31%} .content_row.content_row_typ_31 .template_3cols:after{ display:none !important} .content_row.content_row_typ_31 .module_filter .filter_title,.content_row.content_row_typ_31 .module_filter .order_title,.content_row.content_row_typ_31 .module_filter select,.content_row.content_row_typ_31 .module_filter .ui-selectmenu-button{ background:transparent !important} .content_row.content_row_typ_31 .module_filter .ui-selectmenu-button{ margin-left:0; letter-spacing:-0.5px !important} @media screen and (max-width:1340px){ .content_row.content_row_typ_31 .content_headline5{ padding-left:20px} .content_row.content_row_typ_31 .content_headline5:before{ left:0} .content_row.content_row_typ_31 .template_cols_wrapper.flexbox .template_col{ padding-left:0; width:calc(33.33% - 10px)} } @media screen and (max-width:1024px){ .content_row.content_row_typ_31{ padding:60px 20px} .content_row.content_row_typ_31 .template_cols_wrapper.flexbox .template_cols{ gap:60px 10px; justify-content:space-between} .content_row.content_row_typ_31 .template_cols_wrapper.flexbox .template_col{ padding:0; width:calc(50% - 10px); min-width:300px} } .style_1_0 .content_row.content_row_typ_31,.style_1_13 .content_row.content_row_typ_31{ background:var(--color-reisacher-saphir-i)} .style_1_0 .content_headline5,.style_1_13 .content_headline5{ color:var(--color-reisacher-saphir-text)} .style_1_0 .content_headline5:before,.style_1_13 .content_headline5:before{ background-image:url(/images/icons/arrow_right_5C6873.svg)} .content_row.content_row_typ_180{ max-width:100% !important; padding-left:30px; padding-right:30px} .content_row.content_row_typ_180.fullview{ padding:0 !important; height:auto; min-height:calc(100vh - 80px); display:flex; flex-direction:column; justify-content:center} .content_row.content_row_typ_180.double_space_top{ margin-top:100px; padding-top:40px} .content_row.content_row_typ_180.double_space_bottom{ margin-bottom:100px; padding-bottom:40px} .content_row.content_row_typ_180 .media_box{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:-1} .content_row.content_row_typ_180 .media_box .template_media{ width:100%; height:100%; overflow:hidden} .content_row.content_row_typ_180 .media_box img{ width:100%; height:100%; object-fit:cover; z-index:-3} .content_row.content_row_typ_180 .media_box:before{ content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:0; background:linear-gradient(0deg, rgba(245, 247, 250, 0.8) 0%, rgba(245, 247, 250, 0.8) 100%)} .content_row.content_row_typ_180 .media_box:after{ content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; background:linear-gradient(270deg, #F5F7FA 22.81%, rgba(245, 247, 250, 0) 148.2%)} .content_row.content_row_typ_180 .template_headlines{ padding:0 0 40px 0; border-bottom:3px solid #4b4b4d} .content_row.content_row_typ_180 .template_text{ padding:0; max-width:65ch} .content_row.content_row_typ_180 .content_box{ position:relative; width:100%; height:100%; z-index:3} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox{ height:100%; width:100%; max-width:1604px; padding:10px 0; box-sizing:border-box; display:flex; flex-direction:column; justify-content:center} @media screen and (min-width:2125px){ .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox{ max-width:calc(80vw - 60px)} } .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_col{ padding:0} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols{ align-items:center} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row1 .template_col1{ width:41.66% !important; position:relative} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row1 .template_col1 .template_media:before{ content:""; position:absolute; z-index:4; left:32px; top:-8px; height:16px; width:192px; background-color:#4b4b4d} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row1 .template_col2{ width:58.34% !important; padding-left:32px; box-sizing:border-box; display:flex; flex-direction:column; height:100%} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row1 .template_col2 .template_headlines{ min-height:50%; display:flex; flex-direction:column; justify-content:end; box-sizing:border-box} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row1 .template_col2 .template_text{ padding:16px 0 220px; color:#4b4b4d; font-size:16px; font-style:normal; font-weight:400; line-height:1.1; opacity:.6} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row1.mirrored .template_col1 .template_media:before{ left:auto; right:32px} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row1.mirrored .template_col2{ padding-left:10px; padding-right:32px} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row1.mirrored .template_headlines{ padding:0 10% 40px 10px} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row2{ min-height:200px; margin-top:-200px; padding-left:10%; box-sizing:border-box} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row2 .template_col1{ width:56% !important; position:relative} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row2 .template_col1 .template_media:before{ content:""; position:absolute; z-index:4; right:32px; bottom:-8px; height:16px; width:192px; background-color:#4b4b4d} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row2 .template_col2{ width:44% !important; padding-left:6.6%; box-sizing:border-box; font-size:22px; font-style:normal; font-weight:400; line-height:1.6} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row2.mirrored{ padding-left:0; padding-right:10%} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row2.mirrored .template_col1 .template_media:before{ right:auto; left:32px} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row2.mirrored .template_col2{ padding-left:0; padding-right:6.6%} .style_1_1 .content_row.content_row_typ_180 .template_headlines,.style_1_2 .content_row.content_row_typ_180 .template_headlines,.style_1_8 .content_row.content_row_typ_180 .template_headlines{ border-bottom-color:var(--color-bmw-blau)} .style_1_1 .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row1 .template_col1 .template_media:before,.style_1_2 .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row1 .template_col1 .template_media:before,.style_1_8 .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row1 .template_col1 .template_media:before{ background-color:var(--color-bmw-blau)} .style_1_1 .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row2 .template_col1 .template_media:before,.style_1_2 .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row2 .template_col1 .template_media:before,.style_1_8 .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row2 .template_col1 .template_media:before{ background-color:var(--color-bmw-blau)} .style_1_7 .content_row.content_row_typ_180 .template_headlines{ border-bottom-color:var(--color-mini-purple)} .style_1_7 .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row1 .template_col1 .template_media:before{ background-color:var(--color-mini-purple)} .style_1_7 .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row2 .template_col1 .template_media:before{ background-color:var(--color-mini-purple)} .style_1_7 .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row2 .template_col2{ color:#000} .style_1_12 .content_row.content_row_typ_180 .template_headlines{ border-bottom-color:var(--color-alpina-blau)} .style_1_12 .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row1 .template_col1 .template_media:before{ background-color:var(--color-alpina-blau)} .style_1_12 .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row2 .template_col1 .template_media:before{ background-color:var(--color-alpina-blau)} .style_1_12 .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row2 .template_col2{ color:var(--color-alpina-graydark)} .style_1_12 .content_row.content_row_typ_180.marken_hg .content_box{ background:url(/images/icons/alpina-logo_content-background.svg) no-repeat right center} @media screen and (max-width:1024px){ .content_row.content_row_typ_180{ padding-left:20px; padding-right:20px} .content_row.content_row_typ_180.fullview{ height:auto; min-height:100vh} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row2{ margin-top:0} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row2 .template_col2{ font-size:18px} } @media screen and (max-width:640px){ .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox{ gap:20px} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row1 .template_col1{ width:100% !important; order:2 !important} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row1 .template_col1 .template_media{ padding-top:20px} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row1 .template_col1 .template_media img{ margin-left:-20px; width:calc(100% + 20px); max-width:none} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row1 .template_col1 .template_media:before{ left:0; width:75%} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row1 .template_col2{ width:100% !important; padding:0 !important} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row1 .template_col2 .template_headlines{ min-height:auto; padding:0 0 20px 10px} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row1 .template_col2 .template_text{ padding:20px 0 20px 10px} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row1 .template_col2 .template_text1{ width:75%; margin-right:auto; font-size:10px} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row1.mirrored .template_col1 .template_media:before{ left:auto; right:0} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row1.mirrored .template_col2 .template_text1{ margin-right:0; margin-left:auto} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row2{ flex-direction:column-reverse; padding:0 !important; margin-top:-25%} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row2 .template_col1{ width:100% !important; margin:0 auto; order:2 !important} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row2 .template_col1 .template_media{ padding-bottom:20px} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row2 .template_col1 .template_media:before{ left:0; width:75%} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row2 .template_col1 .template_media img{ margin-right:-20px; width:calc(100% + 20px); max-width:none} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row2 .template_col2{ width:100% !important; padding:20px 0 20px 10px !important} .content_row.content_row_typ_180 .content_box .template_cols_wrapper.flexbox .template_cols.row2.mirrored .template_col1 .template_media:before{ left:auto; right:0} } .content_row.content_row_typ_181{ max-width:100% !important; padding-right:10px; padding-left:10px} .content_row.content_row_typ_181.fullview{ padding:0 !important; height:auto; min-height:calc(100vh - 80px); display:flex; flex-direction:column; justify-content:center} .content_row.content_row_typ_181 .template_headlines{ padding:0 0 8.125% 0} .content_row.content_row_typ_181 .content_headline2{ font-size:40px; font-style:normal; font-weight:400; line-height:90%; text-transform:uppercase} .content_row.content_row_typ_181 .template_text{ padding:0} .content_row.content_row_typ_181.fullview .template_cols_wrapper.flexbox{ padding:10px} .content_row.content_row_typ_181 .template_cols_wrapper.flexbox{ width:100%; max-width:1644px; box-sizing:border-box} @media screen and (min-width:2125px){ .content_row.content_row_typ_181 .template_cols_wrapper.flexbox{ max-width:calc(80vw - 60px)} } .content_row.content_row_typ_181 .template_cols_wrapper.flexbox .template_cols{ align-items:center; padding:0 20px; box-sizing:border-box} .content_row.content_row_typ_181 .template_cols_wrapper.flexbox .template_col{ padding:0} .content_row.content_row_typ_181 .template_cols_wrapper.flexbox .template_col1{ width:52.8%; padding-right:6.8%; padding-left:10px; box-sizing:border-box} .content_row.content_row_typ_181 .template_cols_wrapper.flexbox .template_col1 .template_text{ max-width:65ch} .content_row.content_row_typ_181 .template_cols_wrapper.flexbox .template_col2{ width:47.2%; display:flex; flex-direction:column; gap:8px} .content_row.content_row_typ_181 .template_cols_wrapper.flexbox .template_col2 .template_media{ width:95.24%; margin:0 auto 0 0; box-shadow:0px 14px 26px 0px rgba(122,138,153,.3)} .content_row.content_row_typ_181 .template_cols_wrapper.flexbox .template_col2 .template_media:nth-child(2){ margin:0 0 0 auto} .content_row.content_row_typ_181 .template_cols_wrapper.flexbox .mirrored .template_col1{ padding-right:10px; padding-left:6.8%} .content_row.content_row_typ_181 .template_cols_wrapper.flexbox .mirrored .template_col2 .template_media{ margin:0 0 0 auto} .content_row.content_row_typ_181 .template_cols_wrapper.flexbox .mirrored .template_col2 .template_media:nth-child(2){ margin:0 auto 0 0} .content_row.content_row_typ_181 .template_text2{ font-size:16px; font-style:normal; font-weight:400; line-height:1.1; opacity:.6; margin-top:8px} .style_1_12 .content_row.content_row_typ_181 .content_headline2{ color:var(--color-alpina-graydark); font-family:Times New Roman,serif} .style_1_12 .content_row.content_row_typ_181 .template_text1{ color:var(--color-alpina-graydark); font-family:Arial,sans-serif} .style_1_12 .content_row.content_row_typ_181 .template_text2{ color:#000; font-family:Times New Roman,serif} @media screen and (max-width:1024px){ .content_row.content_row_typ_181.fullview{ height:auto; min-height:100vh} .content_row.content_row_typ_181{ padding-right:0; padding-left:0} .content_row.content_row_typ_181 .template_text1{ font-size:18px} } @media screen and (max-width:640px){ .content_row.content_row_typ_181 .template_headlines{ padding-bottom:32px} .content_row.content_row_typ_181 .content_headline2{ font-size:24px; line-height:1.2} .content_row.content_row_typ_181 .template_text1{ font-size:16px; line-height:1.5} .content_row.content_row_typ_181 .template_text2{ margin-top:0px; padding-left:10px; font-size:10px} .content_row.content_row_typ_181 .template_cols_wrapper.flexbox .template_cols{ flex-direction:column} .content_row.content_row_typ_181 .template_cols_wrapper.flexbox .template_col1{ width:100% !important; padding:0 0 32px 10px !important} .content_row.content_row_typ_181 .template_cols_wrapper.flexbox .template_col2{ width:100% !important; order:2 !important} } .content_row.content_row_typ_182{ max-width:100% !important} .content_row.content_row_typ_182.fullview{ padding:0 !important; height:auto; min-height:calc(100vh - 80px); display:flex; flex-direction:column; justify-content:center} .content_row.content_row_typ_182 .template_headlines{ padding:0 0 66px 20px} .content_row.content_row_typ_182 .content_headline2{ font-size:40px; font-style:normal; font-weight:400; line-height:90%; text-transform:uppercase} .style_1_8 .content_row.content_row_typ_182 .content_headline2{ text-transform:none} .content_row.content_row_typ_182 .template_text{ padding:0} .content_row.content_row_typ_182.fullview .template_cols_wrapper.flexbox{ padding:10px} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox{ width:100%; max-width:1622px; padding:0 10px; box-sizing:border-box} @media screen and (min-width:2125px){ .content_row.content_row_typ_182 .template_cols_wrapper.flexbox{ padding:0; max-width:calc(80vw - 60px)} } .content_row.content_row_typ_182 .template_cols_wrapper.flexbox .template_col{ padding:0} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols{ gap:8px} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols>.template_col1{ width:calc(57% - 4px)} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols>.template_col2{ width:calc(43% - 4px); display:flex; flex-direction:column; gap:8px} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols>.template_col2 .template_media:first-child{ width:60%; margin:0 auto 0 0} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols>.template_col2 .template_media:nth-child(2){ position:relative} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols>.template_col2 .template_media:nth-child(2):before{ content:""; position:absolute; right:0; top:-24px; width:calc(40% - 8px); height:16px; background-color:#4b4b4d} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols>.template_col2 .template_text2{ padding:5% 20% 0 5%; font-size:16px; font-style:normal; font-weight:400; line-height:160%} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox .template_col1_2cols{ padding-top:8px} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox .template_col1_2cols .template_col1_1{ width:40.9%; box-sizing:border-box; padding-right:8px; position:relative} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox .template_col1_2cols .template_col1_1:before{ content:""; position:absolute; left:0; right:8px; top:0; height:16px; background-color:#4b4b4d} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox .template_col1_2cols .template_col1_1 .template_text{ padding-top:30px; padding-left:20px; font-size:16px; font-style:normal; font-weight:400; line-height:1.1; opacity:.6} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox .template_col1_2cols .template_col1_2{ width:59.1%} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols.mirrored .template_headlines{ padding-left:5%; padding-right:20px} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols.mirrored .template_col1_2cols .template_col1_1{ padding-right:0; padding-left:8px} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols.mirrored .template_col1_2cols .template_col1_1:before{ left:8px; right:0} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols.mirrored .template_col1_2cols .template_col1_1 .template_text{ padding-left:0; padding-right:20px} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols.mirrored>.template_col2 .template_media:first-child{ margin:0 0 0 auto} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols.mirrored>.template_col2 .template_media:nth-child(2):before{ right:auto; left:0} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols.mirrored>.template_col2 .template_text2{ padding:5% 5% 0 20%} .style_1_1 .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols>.template_col2 .template_media:nth-child(2):before,.style_1_2 .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols>.template_col2 .template_media:nth-child(2):before,.style_1_8 .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols>.template_col2 .template_media:nth-child(2):before{ background-color:var(--color-bmw-blau)} .style_1_1 .content_row.content_row_typ_182 .template_cols_wrapper.flexbox .template_col1_2cols .template_col1_1:before,.style_1_2 .content_row.content_row_typ_182 .template_cols_wrapper.flexbox .template_col1_2cols .template_col1_1:before,.style_1_8 .content_row.content_row_typ_182 .template_cols_wrapper.flexbox .template_col1_2cols .template_col1_1:before{ background-color:var(--color-bmw-blau)} .style_1_7 .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols>.template_col2 .template_media:nth-child(2):before{ background-color:var(--color-mini-purple)} .style_1_7 .content_row.content_row_typ_182 .template_cols_wrapper.flexbox .template_col1_2cols .template_col1_1:before{ background-color:var(--color-mini-purple)} .style_1_12 .content_row.content_row_typ_182 .content_headline2{ color:var(--color-alpina-graydark); font-family:Times New Roman,serif} .style_1_12 .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols>.template_col2 .template_media:nth-child(2):before{ background-color:var(--color-alpina-blau)} .style_1_12 .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols>.template_col2 .template_text2{ color:var(--color-alpina-graydark); font-family:Arial,sans-serif} .style_1_12 .content_row.content_row_typ_182 .template_cols_wrapper.flexbox .template_col1_2cols .template_col1_1:before{ background-color:var(--color-alpina-blau)} .style_1_12 .content_row.content_row_typ_182 .template_cols_wrapper.flexbox .template_col1_2cols .template_col1_1 .template_text{ color:#000; font-family:Times New Roman,serif} @media screen and (max-width:1024px){ .content_row.content_row_typ_182.fullview{ height:auto; min-height:100vh} } @media screen and (max-width:640px){ .content_row.content_row_typ_182 .template_headlines{ padding:0 0 16px 10px !important} .content_row.content_row_typ_182 .content_headline2{ font-size:24px} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols{ flex-direction:column; gap:8px} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols>.template_col1{ width:100% !important; display:flex; flex-direction:column; gap:8px} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols>.template_col1 .template_media{ order:2} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols>.template_col2{ width:100% !important; order:2 !important} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols>.template_col2 .template_text2{ padding:24px 0 0 10px !important; order:3; line-height:1.5} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols>.template_col2 .template_media:first-child{ margin-left:auto; margin-right:0; width:33.33%; order:2} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols>.template_col2 .template_media:nth-child(2){ order:1} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols>.template_col2 .template_media:nth-child(2)::before{ width:calc(66.66% - 8px); top:auto; bottom:-24px; left:0; right:auto} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols.mirrored>.template_col2 .template_media:first-child{ margin-left:0} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols.mirrored>.template_col2 .template_media:nth-child(2)::before{ left:auto; right:0} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox .template_col1_2cols{ flex-direction:column; gap:8px; position:relative} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox .template_col1_2cols .template_col1_1{ width:100% !important; padding:0 !important; position:static} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox .template_col1_2cols .template_col1_1:before{ right:0 !important; left:auto !important; width:calc(33.33% - 8px); bottom:0 !important; top:auto !important} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox .template_col1_2cols .template_col1_1 .template_text{ padding:0 0 0 10px !important; width:66.66% !important; font-size:10px; box-sizing:border-box} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox .template_col1_2cols .template_col1_2{ width:66.66% !important; order:2 !important} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols.mirrored .template_col1_2cols .template_col1_1:before{ right:auto !important; left:0 !important} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols.mirrored .template_col1_2cols .template_col1_1 .template_text{ padding:0 !important; margin-left:auto} .content_row.content_row_typ_182 .template_cols_wrapper.flexbox>.template_cols.mirrored .template_col1_2cols .template_col1_2{ margin-left:auto} } .content_row.content_row_typ_183{ max-width:100% !important; padding:0 !important; height:calc(100vh - 80px); min-height:calc(100vh - 80px)} .content_row.content_row_typ_183 .template_ix{ height:100%} .content_row.content_row_typ_183 .media_box{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:-1} .content_row.content_row_typ_183 .media_box .template_media{ width:100%; height:100%; overflow:hidden} .content_row.content_row_typ_183 .media_box img{ width:100%; height:100%; object-fit:cover; z-index:-1} .content_row.content_row_typ_183 .media_box:after{ content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; background:linear-gradient(0deg, rgba(55, 55, 55, 0.8) 0%, rgba(55, 55, 55, 0) 80%)} .content_row.content_row_typ_183 .template_headlines{ padding:0 0 24px 10px} .content_row.content_row_typ_183 .template_text{ padding:0 0 0 10px} .content_row.content_row_typ_183 .content_headline3{ color:#fff; font-size:32px; font-style:normal; font-weight:400; line-height:.9; text-transform:uppercase} .content_row.content_row_typ_183 .template_text1{ color:#fff; max-width:65ch} .content_row.content_row_typ_183 .template_text2{ color:#fff; font-size:16px; font-style:normal; font-weight:400; line-height:1.1; opacity:.6} .content_row.content_row_typ_183 .content_box{ position:relative; width:100%; height:100%; z-index:3} .content_row.content_row_typ_183 .content_box .template_cols{ height:100%; margin:auto; width:100%; max-width:1660px; padding:10px 30px; box-sizing:border-box; display:flex; flex-direction:column; justify-content:end} @media screen and (min-width:2125px){ .content_row.content_row_typ_183 .content_box .template_cols{ max-width:calc(80vw - 40px)} } .content_row.content_row_typ_183 .content_box .template_col1{ min-height:40%; padding:0 0 10px 0; max-width:528px} .content_row.content_row_typ_183 .content_box .template_col2{ border-top:1px solid hsla(0,0%,100%,.6); min-height:45px; padding:10px 0; box-sizing:border-box} @media screen and (max-width:1024px){ .content_row.content_row_typ_183{ height:100vh; min-height:100vh} .content_row.content_row_typ_183 .content_box .template_cols{ padding:10px 20px} } @media screen and (max-width:640px){ .content_row.content_row_typ_183 .content_headline3{ font-size:22px; line-height:1.2} .content_row.content_row_typ_183 .content_box .template_col1{ width:100%} .content_row.content_row_typ_183 .template_text2{ font-size:10px} } .content_row.content_row_typ_184{ max-width:100% !important} .content_row.content_row_typ_184.fullview{ padding:0 !important; min-height:calc(100vh - 80px); display:flex; flex-direction:column; justify-content:center} .content_row.content_row_typ_184 .template_headlines{ padding:80px 10px 0 10px} .content_row.content_row_typ_184 .content_headline2{ font-size:40px; font-style:normal; font-weight:400; line-height:.9; text-transform:uppercase} .content_row.content_row_typ_184 .template_text{ padding:0} .content_row.content_row_typ_184.fullview .template_cols_wrapper.flexbox{ padding:10px} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox{ width:100%; max-width:1620px; box-sizing:border-box; padding:0 10px} @media screen and (min-width:2125px){ .content_row.content_row_typ_184 .template_cols_wrapper.flexbox{ max-width:calc(80vw - 60px)} } .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_cols{ align-items:center} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col{ padding:0} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_media{ box-shadow:0px 14px 26px 0px rgba(122,138,153,.3)} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col1{ width:42.55%} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_text1{ padding:0 10px 52px 10px; border-bottom:3px solid #4b4b4d; font-size:60px; font-style:normal; font-weight:400; line-height:1.2; text-transform:uppercase} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_text2{ padding:24px 10px 0 10px; max-width:65ch} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2{ width:57.45%} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2cols{ gap:8px; align-items:normal} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2cols .template_col2_1{ width:calc(64.35% - 4px); display:flex; flex-direction:column; gap:8px} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2cols .template_col2_1 .template_media:first-child{ margin-top:100px; position:relative} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2cols .template_col2_1 .template_media:first-child:before{ content:""; position:absolute; top:-24px; right:0; width:45%; height:16px; background-color:#4b4b4d} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2cols .template_col2_1 .template_media:nth-child(2){ width:80%; margin:0 0 0 auto} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2cols .template_col2_2{ width:calc(35.65% - 4px); display:flex; flex-direction:column; gap:8px} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2cols .template_col2_2 .template_media:nth-child(2){ width:63.16%; margin:0 auto 24px 0; position:relative} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2cols .template_col2_2 .template_media:nth-child(2):after{ content:""; position:absolute; bottom:-24px; right:0; left:0; height:16px; background-color:#4b4b4d} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_text3{ padding:8px 13% 0; font-size:16px; font-style:normal; font-weight:400; line-height:1.1; opacity:.6} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .mirrored .template_text1{ padding:0 10px 52px 10px} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .mirrored .template_headlines{ padding:80px 10px 0 10px} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .mirrored .template_text2{ padding:24px 10px 0 10px} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .mirrored .template_col2cols .template_col2_1 .template_media:first-child::before{ left:0; right:auto} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .mirrored .template_col2cols .template_col2_1 .template_media:nth-child(2){ margin:0 auto 0 0} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .mirrored .template_col2cols .template_col2_2 .template_media:nth-child(2){ margin:0 0 24px auto} .style_1_1 .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_text1,.style_1_2 .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_text1,.style_1_8 .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_text1{ border-bottom-color:var(--color-bmw-blau); color:var(--color-bmw-blau)} .style_1_1 .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2cols .template_col2_1 .template_media:first-child:before,.style_1_2 .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2cols .template_col2_1 .template_media:first-child:before,.style_1_8 .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2cols .template_col2_1 .template_media:first-child:before{ background-color:var(--color-bmw-blau)} .style_1_1 .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2cols .template_col2_2 .template_media:nth-child(2):after,.style_1_2 .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2cols .template_col2_2 .template_media:nth-child(2):after,.style_1_8 .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2cols .template_col2_2 .template_media:nth-child(2):after{ background-color:var(--color-bmw-blau)} .style_1_7 .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_text1{ border-bottom-color:var(--color-mini-purple); color:var(--color-mini-purple)} .style_1_7 .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2cols .template_col2_1 .template_media:first-child:before{ background-color:var(--color-mini-purple)} .style_1_7 .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2cols .template_col2_2 .template_media:nth-child(2):after{ background-color:var(--color-mini-purple)} .style_1_11 .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_text1{ border-bottom-color:var(--color-byd-rot); color:var(--color-byd-rot)} .style_1_11 .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2cols .template_col2_1 .template_media:first-child:before{ background-color:var(--color-byd-rot)} .style_1_11 .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2cols .template_col2_2 .template_media:nth-child(2):after{ background-color:var(--color-byd-rot)} .style_1_12 .content_row.content_row_typ_184 .content_headline2{ color:var(--color-alpina-graydark); font-family:Times New Roman,serif} .style_1_12 .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_text1{ border-bottom-color:var(--color-alpina-blau); color:var(--color-alpina-blau); font-family:Arial,sans-serif} .style_1_12 .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_text2{ color:var(--color-alpina-graydark); font-family:Arial,sans-serif} .style_1_12 .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2cols .template_col2_1 .template_media:first-child:before{ background-color:var(--color-alpina-blau)} .style_1_12 .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2cols .template_col2_2 .template_media:nth-child(2):after{ background-color:var(--color-alpina-blau)} .style_1_12 .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_text3{ color:#000; font-family:Times New Roman,serif} @media screen and (max-width:1500px){ .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_text1{ font-size:40px} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_text2{ font-size:20px} } @media screen and (max-width:1024px){ .content_row.content_row_typ_184.fullview{ height:auto; min-height:100vh} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_text2{ font-size:18px} } @media screen and (max-width:640px){ .content_row.content_row_typ_184 .template_headlines{ padding:20px 0 32px 10px !important} .content_row.content_row_typ_184 .content_headline2{ font-size:24px} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_cols{ flex-direction:column} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col1{ width:100% !important} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2{ width:100% !important; order:2 !important} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_text1{ padding:0 0 20px 10px !important; font-size:24px} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_text2{ padding:0 0 24px 10px !important; font-size:16px} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2cols .template_col2_1 .template_media:first-child{ margin-top:0; order:3} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2cols .template_col2_1 .template_media:first-child:before{ display:none} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2cols .template_col2_1 .template_media:nth-child(2){ width:75%; margin:40px auto 0 0; position:relative} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2cols .template_col2_1 .template_media:nth-child(2):before{ content:""; position:absolute; top:-24px; right:0; width:100%; height:16px; background-color:#4b4b4d} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2cols .template_col2_1 .template_media:nth-child(2):before .style_1_1,.content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2cols .template_col2_1 .template_media:nth-child(2):before .style_1_8{ background-color:var(--color-bmw-blau)} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2cols .template_col2_1 .template_media:nth-child(2):before .style_1_7{ background-color:var(--color-mini-purple)} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2cols .template_col2_1 .template_media:nth-child(2):before .style_1_11{ background-color:var(--color-byd-rot)} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2cols .template_col2_2{ flex-direction:row-reverse; align-items:baseline} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2cols .template_col2_2 .template_media:first-child{ width:62.5%} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_col2cols .template_col2_2 .template_media:nth-child(2){ width:37.5%} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_text3{ padding:8px 0 0 0; width:calc(62.5% - 4px); margin:0 0 0 auto; font-size:10px} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_cols.mirrored .template_col2cols .template_col2_1 .template_media:nth-child(2){ margin:40px 0 0 auto} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_cols.mirrored .template_col2cols .template_col2_1 .template_media:nth-child(2):before{ left:0; right:auto} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_cols.mirrored .template_col2cols .template_col2_2{ flex-direction:row} .content_row.content_row_typ_184 .template_cols_wrapper.flexbox .template_cols.mirrored .template_text3{ margin:0 auto 0 0; padding-left:10px} } .content_row.content_row_typ_187{ max-width:100% !important; padding-left:0 !important; padding-right:0 !important} .content_row_ix_0.content_row_typ_187{ padding-top:0} .template_187 .media_box{ position:relative; z-index:1} .template_187 .template_headlines{ position:absolute; bottom:10%; left:0; right:0; text-align:center; z-index:1; padding-top:0 !important; padding-bottom:10px} .template_187 .media_signature{ padding:0; margin:0 auto; text-align:center; max-width:1280px; box-sizing:border-box} .template_187 .content_box{ padding:0; margin:0 auto; text-align:center; box-sizing:border-box} .template_187 .embed-responsive.embed-responsive-16by9{ padding-bottom:48.125% !important} .template_187 .media_video_container.video-playing{ z-index:2} .template_187 .template_headlines>*{ color:#fff} .template_187 .media_box:after{ content:""; position:absolute; bottom:-20px; left:50%; width:32px; height:32px; background-color:#fff; transform:translateX(-50%) rotate(45deg); z-index:3} .template_187 .media_box.no_border:after{ display:none} .template_187 .template_media:after{ content:""; position:absolute; bottom:0; left:0; right:0; height:40%; background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 147%); z-index:1} .template_187 .template_text{ display:inline-block; max-width:80ch} @media screen and (min-width:1921px){ .template_187 .template_text{ font-size:22px} } .style_1_0 .template_187 .media_box:after,.style_1_13 .template_187 .media_box:after{ background-color:var(--color-reisacher-saphir-i)} .style_1_0 .saphir_2_hg .template_187 .media_box:after,.style_1_13 .saphir_2_hg .template_187 .media_box:after{ background-color:var(--color-reisacher-saphir-ii)} .style_1_1 .saphir_2_hg .template_187 .media_box:after,.style_1_8 .saphir_2_hg .template_187 .media_box:after{ background-color:var(--color-bmw-grau-light)} .style_1_7 .saphir_2_hg .template_187 .media_box:after{ background-color:var(--color-mini-grau-light)} .style_1_11 .template_187 .media_box{ border-bottom:4px solid #d7190f} .style_1_11 .template_187 .media_box.no_border{ border-bottom:0} .style_1_11 .template_187 .media_box:before{ content:""; position:absolute; bottom:-17px; left:50%; width:30px; height:30px; border-left:4px solid #d7190f; border-top:4px solid #d7190f; transform:translateX(-50%) rotate(45deg); z-index:2} .style_1_11 .template_187 .media_box.no_border:before{ display:none} .style_1_11 .template_187 .template_text1{ font-size:24px; line-height:140%} .style_1_11 .template_187 .template_bild{ overflow:hidden; width:100%} .style_1_11 .template_187 .template_bild img{ animation:move 60s ease; -webkit-animation:move 60s ease} @media only screen and (max-width:1025px){ .style_1_11 .template_187 .template_text1{ font-size:20px} } @media only screen and (max-width:768px){ .style_1_11 .template_187 .template_text1{ font-size:18px} } @media only screen and (min-width:481px){ .template_187 .template_media{ background:none !important} } @media only screen and (max-width:480px){ .template_187 .template_media{ background-position:center; background-repeat:no-repeat; background-size:cover} .template_187 .template_media>picture{ display:block; padding-bottom:70%} .template_187 .template_media>picture img{ display:none} .template_187 .embed-responsive.embed-responsive-16by9{ padding-bottom:100% !important} .template_187 .media_preview_image img{ display:none} } @media only screen and (max-width:380px){ .template_187 .media_box:after{ bottom:-26px} .style_1_11 .template_187 .template_text1{ font-size:16px} .style_1_11 .template_187 .media_box:before{ bottom:-12px; width:20px; height:20px} } .content_row.content_row_typ_188{ max-width:100% !important; padding-left:0 !important; padding-right:0 !important} .template_188 .media_box{ position:relative; z-index:1} .template_188 .template_headlines{ position:absolute; bottom:10%; left:50%; transform:translateX(-50%); text-align:left; z-index:1; box-sizing:border-box; padding:0 30px; width:100%; max-width:1660px} @media screen and (min-width:2125px){ .template_188 .template_headlines{ max-width:80vw} } @media screen and (max-width:1024px){ .template_188 .template_headlines{ padding:0 20px} } .template_188 .template_headlines>*{ padding-left:20px} .template_188 .media_signature{ padding:20px 0; margin:0 auto 0 20%; text-align:left; max-width:904px; box-sizing:border-box} .template_188 .media_signature:empty{ display:none} .template_188 .template_media:after{ content:""; position:absolute; bottom:0; left:0; right:0; height:40%; background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 147%); z-index:1} @media only screen and (min-width:481px){ .template_188 .template_headlines>*{ color:#fff} } .style_1_11 .template_188 .template_bild{ overflow:hidden; width:100%} .style_1_11 .template_188 .template_bild img{ animation:move 60s ease; -webkit-animation:move 60s ease} @media only screen and (max-width:640px){ .template_188 .media_signature{ margin-left:0; padding-left:20px; padding-top:0} .template_188 .media_signature>*{ margin-left:0} } @media only screen and (max-width:480px){ .template_188 .template_media{ background-position:center; background-repeat:no-repeat; background-size:cover} .template_188 .template_media:after{ display:none} .template_188 .template_media>picture{ display:block; padding-bottom:70%} .template_188 .template_media>picture img{ display:none} .template_188 .embed-responsive.embed-responsive-16by9{ padding-bottom:70% !important} .template_188 .media_preview_image img{ display:none} .template_188 .template_headlines{ position:static; transform:none; padding-top:20px} .template_188 .media_signature{ padding-top:20px} } .content_row.content_row_typ_190{ max-width:none; margin:0} .content_row.content_row_typ_190 .template_ix{ max-width:1620px} @media screen and (min-width:2125px){ .content_row.content_row_typ_190 .template_ix{ max-width:calc(80vw - 40px)} } .content_row_typ_190 .template_190{ padding:0 10px; text-align:center; position:relative} .content_row_typ_190 .template_headlines{ padding-bottom:2%} .content_row_typ_190 ul.list_ankers{ margin:0; padding:0; list-style-type:none; display:flex; flex-direction:row; gap:10px; flex-wrap:wrap; justify-content:center} .content_row_typ_190 ul.list_ankers li{ padding:0; margin:0} .content_row.content_row_typ_195{ max-width:none; margin:0; padding-bottom:20px} .content_row.content_row_typ_195 .template_ix{ max-width:1620px} @media screen and (min-width:2125px){ .content_row.content_row_typ_195 .template_ix{ max-width:calc(80vw - 40px)} } .template_195{ padding:0 10px; text-align:center; position:relative} .template_195>*{ display:inline; background-color:#fff; padding:0 10px; text-transform:uppercase} .style_1_0 .template_195>*,.style_1_13 .template_195>*{ background-color:var(--color-reisacher-saphir-i); text-transform:none} .template_195:after{ content:""; display:block; height:1px; background:linear-gradient(90deg, rgba(0, 0, 0, 0) 0, #4b4b4d 20%, #4b4b4d 80%, rgba(0, 0, 0, 0) 100%); position:absolute; z-index:-1; top:43%; left:10px; right:10px} .style_1_0 .template_195:after,.style_1_13 .template_195:after{ background:linear-gradient(90deg, rgba(0, 0, 0, 0) 0, var(--color-reisacher-saphir-text) 20%, var(--color-reisacher-saphir-text) 80%, rgba(0, 0, 0, 0) 100%)} .content_row.content_row_typ_196{ max-width:none; padding-right:0; padding-left:0; margin:0} .content_row.content_row_typ_196 .template_ix{ max-width:1600px} @media screen and (min-width:2125px){ .content_row.content_row_typ_196 .template_ix{ max-width:calc(80vw - 60px)} } .content_row.content_row_typ_127{ max-width:none; margin:0} .content_row.content_row_typ_127 .template_ix{ max-width:1620px; padding-left:10px; padding-right:10px} @media screen and (min-width:2125px){ .content_row.content_row_typ_127 .template_ix{ max-width:calc(80vw - 40px)} } .template_127{ padding-bottom:60px} .template_127 .template_headlines{ text-align:center; margin-bottom:40px; padding-right:0; padding-left:0} .template_127 .template_cols{ display:block; position:relative; z-index:1} .template_127 .template_col1{ display:block} .template_127 .template_col1 .placeholder{ display:block; padding-bottom:50.77%} .template_127 .template_col2{ display:block; position:absolute; top:0; left:10%; width:37%; z-index:2} .template_127 .template_col3{ display:block; position:absolute; bottom:0; right:0; width:59%; z-index:3} @media screen and (max-width:1024px){ .template_127 .template_col3{ display:none} } .template_127 .template_col4 .content_headline1,.template_127 .template_col4 .content_headline2,.template_127 .template_col4 .content_headline3,.template_127 .template_col4 .content_headline4,.template_127 .template_col4 .content_headline5,.template_127 .template_col4 .content_headline6{ color:#fff; background-color:#4b4b4d; text-transform:uppercase} .style_1_7 .template_127 .template_col4 .content_headline1,.style_1_7 .template_127 .template_col4 .content_headline2,.style_1_7 .template_127 .template_col4 .content_headline3,.style_1_7 .template_127 .template_col4 .content_headline4,.style_1_7 .template_127 .template_col4 .content_headline5,.style_1_7 .template_127 .template_col4 .content_headline6{ background-color:#000} .style_1_11 .template_127 .template_col4 .content_headline1,.style_1_11 .template_127 .template_col4 .content_headline2,.style_1_11 .template_127 .template_col4 .content_headline3,.style_1_11 .template_127 .template_col4 .content_headline4,.style_1_11 .template_127 .template_col4 .content_headline5,.style_1_11 .template_127 .template_col4 .content_headline6{ background-color:#000} .template_127 .template_col4>.content_headline2{ position:absolute; box-sizing:border-box; padding:10px 15px; text-align:right; left:6.7%; bottom:-48px; min-width:28%; z-index:4} @media screen and (max-width:768px){ .template_127 .template_col4>.content_headline2{ position:static; text-align:left; margin-top:20px} } .template_127 .template_col4 .template_col_text{ display:block; position:absolute; top:9%; right:6.7%; left:50%; height:39%; z-index:4; overflow:visible; text-overflow:ellipsis} @media screen and (max-width:1024px){ .template_127 .template_col4 .template_col_text{ top:5%} } @media screen and (max-width:768px){ .template_127 .template_col4 .template_col_text{ position:static; padding-top:20px} } .template_127 .template_col4 .template_col_text .content_headline1,.template_127 .template_col4 .template_col_text .content_headline2,.template_127 .template_col4 .template_col_text .content_headline3,.template_127 .template_col4 .template_col_text .content_headline4,.template_127 .template_col4 .template_col_text .content_headline5,.template_127 .template_col4 .template_col_text .content_headline6{ display:inline-block; padding:10px 15px; margin-bottom:20px} @media screen and (max-width:768px){ .template_127 .template_col4 .template_col_text .content_headline1,.template_127 .template_col4 .template_col_text .content_headline2,.template_127 .template_col4 .template_col_text .content_headline3,.template_127 .template_col4 .template_col_text .content_headline4,.template_127 .template_col4 .template_col_text .content_headline5,.template_127 .template_col4 .template_col_text .content_headline6{ display:none} } .template_127 .template_col4 .template_text{ padding:0; max-width:65ch} .template_127 .template_col4 .template_text,.template_127 .template_col4 .template_text a{ color:#4b4b4d !important; text-decoration:none !important} .style_1_7 .template_127 .template_col4 .template_text,.style_1_7 .template_127 .template_col4 .template_text a{ color:#000 !important} .style_1_11 .template_127 .template_col4 .template_text,.style_1_11 .template_127 .template_col4 .template_text a{ color:#000 !important} body.a11y .template_127 .template_col4 .template_text,body.a11y .template_127 .template_col4 .template_text a{ color:var(--color-reisacher-saphir-text)} .template_127 .template_headlines>*:first-child{ text-transform:none} .template_127 .template_links a{ display:block; padding-top:60px; text-align:center; color:#87888a; text-transform:uppercase; text-decoration:none !important} body.a11y .template_127 .template_links a{ color:var(--color-reisacher-saphir-text)} .content_row_typ_90{ max-width:none; padding:0}