/* Theme Name: M&M Reisemobilcenter Author: URIA Advertising Author URI: https://uria.cc Description: based on blankslate 2019.1 https://github.com/tidythemes/blankslate Version: 2021.09.14.1300 License: GNU General Public License License URI: https://www.gnu.org/licenses/gpl.html Text Domain: uria_mundm BlankSlate WordPress Theme © 2011-2019 TidyThemes BlankSlate is distributed under the terms of the GNU GPL */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent} .sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important} :root { --ci-color-primary: #cc0022; --ci-color-darkgrey: #333333; --ci-color-silver: silver; } /* Basics */ html,body { height:100%; font-size:16px; font-family: 'Fira Sans', sans-serif; font-weight: normal; color:#575757; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } a, a:link, a:visited { text-decoration: none; color:var(--ci-color-primary); } a.absolute { position: absolute; top:0; right:0; bottom:0; left:0; } strong { font-weight: 600; } input[type='text'], input[type='number'], input[type='email'], input[type='password'], input[type='search'], textarea { min-height: 2rem; max-height: 100%; height:auto; min-width: 0; max-width: 100%; width:auto; margin: 0 0 1rem 0; padding:.25rem 1rem !important; font-family: 'Fira Sans', sans-serif; font-size:1rem; line-height: 1.25rem; color:rgba(88,88,88, 0.99); outline: none; border:none; background-color:rgba(255,255,255,.25); box-shadow: none; -webkit-border-radius: 1rem; border-radius: 1rem; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-appearance: textfield; } input[type='text'], input[type='number'], input[type='email'], input[type='password'], input[type='search'], textarea { color:rgba(88,88,88, 0.99); background-color:rgba(0,0,0,.1); } input[type='text']:focus, input[type='number']:focus, input[type='email']:focus, input[type='password']:focus, input[type='search']:focus, textarea:focus { background-color:rgba(0,0,0,.15); } .grey input[type='text'], .grey input[type='number'], .grey input[type='email'], .grey input[type='password'], .grey input[type='search'], .grey textarea { color:rgba(88,88,88, 0.99); background-color:rgba(255,255,255,.25); } .grey input[type='text']:focus, .grey input[type='number']:focus, .grey input[type='email']:focus, .grey input[type='password']:focus, .grey input[type='search']:focus, .grey textarea:focus { background-color:rgba(255,255,255,.4); } .pretty input:checked~div.state.p-primary label:after, .pretty.p-toggle div.state.p-primary label:after { background-color: #cc0022 !important; } .pretty input:checked~div.state.p-success label:after, .pretty.p-toggle div.state.p- label:after { background-color: #cc0022 !important; } .pretty .state label:before { border-color: silver !important; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:rgba(88,88,88, 0.99); } ::-moz-placeholder { /* Firefox 19+ */ color:rgba(88,88,88, 0.99); } :-ms-input-placeholder { /* IE 10+ */ color:rgba(88,88,88, 0.99); } :-moz-placeholder { /* Firefox 18- */ color:rgba(88,88,88, 0.99); } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } main { position: relative; width:100%; height:auto; } /* // needed 4 ticker div#container { padding-top:3.75rem; } @media screen and (max-width:800px) { div#container { padding-top:3rem; } } */ section { position: relative; width:100%; height:auto; } .black { background-color: black; color:white; } .grey { background-color: #a6adb2; color:white; } .center { text-align: center; } .dark { background-color: rgba(37,39,40,.95); color:white; } section header { padding:5rem 1rem; text-align: center; } section header h2 { font-size: 2.75rem; font-weight: 300; letter-spacing: -1px; } section header h1 { font-size: 1.3rem; font-weight: 500; text-transform: uppercase; margin-bottom: .5rem; } @media screen and (max-width:1024px) { section header { padding:5rem 1rem 3rem 1rem; } section header h2 { font-size: 2.15rem; } section header h1 { font-size: 1rem; } } article { text-align: center; } article header, .contentwrap header { padding:3rem 1rem; text-align: center; } article header h1, .contentwrap header h1 { font-size: 1.3rem; font-weight: 500; text-transform: uppercase; margin-bottom: .5rem; color:#cc0022; } article header h2, .contentwrap header h2 { font-size: 2.75rem; font-weight: 300; letter-spacing: -1px; color:#575757; } @media screen and (max-width:1024px) { article header h1, .contentwrap header h1 { font-size: 1rem; } article header h2, .contentwrap header h2 { font-size: 2.15rem; } } .iframe-container { overflow: hidden; min-height:5000px; position: relative; } .iframe-container iframe { border: 0; height: 100%; position: absolute; top: 0; right:-1rem; bottom:0; left:0; width:calc(100% + 1rem); } @media screen and (max-width:640px) { .iframe-container iframe { right:0rem; width:100%; } } .iframe-container-small { overflow: hidden; /* 16:9 aspect ratio */ padding-top: 56.25%; position: relative; min-height: auto; } .iframe-container-small iframe { border: 0; position: absolute; top: 0; right:0; bottom:0; left:0; width: 100%; } @media screen and (max-width:1024px) { .iframe-container-small { padding-top: 100%; } } .iframe-container-small .rcb-content-blocker { position: absolute; top: 0; right:0; bottom:0; left:0; } .contentwrap { max-width:1340px; margin: 0 auto; position: relative; width:100%; height:100%; padding-bottom: 2rem; } .simonwrap { max-width:1070px; margin: 0 auto; position: relative; width:100%; height:100%; } .contentwrap img { max-width:100%; height:auto; margin: 1rem 0; } .entry-content { padding:1rem 1rem 5rem 1rem; font-size:1.1rem; line-height:1.7rem; color:#333; } .entry-content.center { text-align: center; } .entry-content h3 { font-size: 1.3rem; font-weight: 500; margin-bottom: 1rem; color: #c02; } .entry-content ul { list-style-type: disc; list-style-position: inside; } .entry-content .alignleft { float:left; } .entry-content p { margin-bottom: 1rem; } .lrp { padding-left:2rem; padding-right:2rem; } .absolute { position: absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; } .flex { display: flex; flex-wrap:wrap; } .flex-center-center { align-content: center; justify-content: center; gap: 1rem; } .twocolumn { display: flex; flex-wrap:wrap; } .twocolumn > div { width:50%; margin-bottom: 3rem; } .twocolumn > div:nth-of-type(2) { padding-left:2rem; } @media screen and (max-width:1024px) { .twocolumn > div { width:100%; } } .button { cursor: pointer; display: inline-block; font-size: 1rem; font-weight: 500; color:var(--button-text-color, #fff) !important; background-color: var(--button-color, #000); padding:1rem 3rem; margin-bottom: 1rem; -webkit-border-radius: 2rem !important; border-radius: 2rem !important; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; opacity: .9; } .button:hover { color:white; opacity: 1; } .button.center { white-space: nowrap; margin:0 50% 1rem 50%; transform: translateX(-50%); text-align: center; } .button.small { padding:.5rem 2rem; } .button { background-color: #ffc600; } .button.orange { background-color: #cc0022; } .button.blue { background-color: #cc0022; } .button.red { background-color: #cc0022; } .button.grey { background-color: grey; } .acf-fields > div.acf-field { padding: 1rem; border-top:0; font-size: 1rem; } .acf-fields > div.acf-field.acf-field-group { padding: 1rem 0; } .acf-form .plzort { padding: 1rem; } .acf-form .plzort .acf-field[data-name="plz"] { width:30%; } .plzort .acf-field[data-name="plz"] input[type="text"] { -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .acf-form .plzort .acf-field[data-name="ort"] { width:70%; } .plzort .acf-field[data-name="ort"] input[type="text"] { -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } /* Basis-Style wie bei deinen Input-Feldern */ .acf-field-select { position: relative; } .acf-field-select select { width: 100%; padding: .25rem 1rem !important; min-height: 2rem; font-size: 14px; color: rgba(88,88,88,.99); background-color: rgba(0,0,0,.1); border: none; border-radius: 2em; appearance: none; -webkit-appearance: none; -moz-appearance: none; line-height: 1.4; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: right 1em center; background-size: 1em; cursor: pointer; } #ankaufformular { text-align: left; } #ankaufformular.acf-form .acf-fields { display:flex; flex-wrap: wrap; } #ankaufformular .acf-field .acf-label { margin-bottom: 0; padding-left:1.25rem; } #ankaufformular.acf-form .acf-fields > * { width:33.3%; } @media screen and (max-width:1024px) { #ankaufformular.acf-form .acf-fields > * { width:50%; } } #ankaufformular.acf-form > .acf-fields > .acf-field { display: block; width:100%; } #ankaufformular.acf-form .plzort { padding: 0 1rem; display:flex; flex-wrap:nowrap; } @media screen and (max-width:800px) { #ankaufformular.acf-form .acf-field, #ankaufformular.acf-form .plzort { width:100%; } } #ankaufformular .acf-form-submit input[type="submit"] { display: block; background-color:#cc0022; border:0; outline:0; margin:2rem auto 4rem auto; padding:.5rem 3rem; font-size:1rem; line-height:1rem; -webkit-border-radius: 1rem; border-radius: 1rem; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } #wrapper { position: relative; width:100%; max-width:2560px; margin: 0 auto; padding-top:110px; overflow: hidden; } @media screen and (max-width:1024px) { #wrapper { padding-top:5rem; } } .parallax-background { position: relative; overflow:hidden; } .parallax-background > *:not(.parallax-inner) { position: relative; z-index:2; } .parallax-inner { position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index:1; } /* header#siteheader */ header#siteheader { border-bottom:1px solid #cc0022; background-color: rgba(37,39,40,.95); position: fixed; top:0; left:0; right:0; width:100%; height:110px; z-index: 100; -webkit-backdrop-filter: blur(.35rem); backdrop-filter: blur(.35rem); } @media screen and (max-width:1024px) { header#siteheader { height:5rem; } } body.fixed_header header#siteheader { } header#siteheader #logo { display: inline-block; padding:.9rem 1rem; width:190px; position: absolute; top:0; left:0; z-index: 12; } @media screen and (max-width:1024px) { header#siteheader #logo { display: inline-block; padding:.75rem 0 0 1rem; width:120px; } } header#siteheader #logo img { max-width:100%; width:100%; margin:0; } header#siteheader .headergroupe { padding-left: calc(230px + 1rem); position: absolute; bottom:0rem; right:1rem; text-align: right; font-size: 1.15rem; height:5rem; } @media screen and (max-width:1024px) { header#siteheader .headergroupe { position: relative; bottom:auto; right:auto; } } header#siteheader .headergroupe #phone { padding-bottom: .75rem; color:#cc0022; } @media screen and (max-width:1024px) { header#siteheader .headergroupe #phone { position: absolute; top:0; left:auto; right:5rem; bottom:0; text-align: center; } } header#siteheader .headergroupe #phone a { font-weight:600; font-size:1.2rem; color:silver; } header#siteheader .headergroupe .hodt, header#siteheader .headergroupe #hotlines { display: none; } @media screen and (max-width:1024px) { header#siteheader .headergroupe .hodt { display: inherit; } header#siteheader .headergroupe #phone { display: none; } header#siteheader .headergroupe #mob_phone { color:#cc0022; } .hotline_trigger { position: absolute; top:50%; right:5rem; transform: translateY(-50%); } header#siteheader .headergroupe #mob_phone a { display: inline-block; line-height: 1.5rem; font-size:1.1rem; color:silver; } header#siteheader .headergroupe #hotlines { position: absolute; top: 80px; right: 0; left: 0; -webkit-backdrop-filter: blur(.35rem); backdrop-filter: blur(.35rem); background-color:rgba(37,39,40,.85); padding: 2rem; } header#siteheader .headergroupe #hotlines b { font-weight: bold; } } header#siteheader .headergroupe nav#mainmenu { z-index: 12; } @media screen and (max-width:1024px) { header#siteheader .headergroupe nav#mainmenu { width:calc(100% + 1rem); position: absolute; top:5rem; left:0; right:-1rem; background-color:rgba(37,39,40,.85); height:0; overflow: auto; opacity: 0; pointer-events: none; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s; } header#siteheader .headergroupe nav#mainmenu.active { opacity: 1; pointer-events: all; height:calc(100vh - 5rem); -webkit-backdrop-filter: blur(.35rem); backdrop-filter: blur(.35rem); } } header#siteheader .headergroupe nav#mainmenu li { display: inline-block; position: relative; padding: 1rem 0; } @media screen and (max-width:1024px) { header#siteheader .headergroupe nav#mainmenu li { display: block; width:100%; padding: .75rem 0; text-align: left; } } header#siteheader .headergroupe nav#mainmenu li a { padding:.75rem .6rem; color:silver; font-weight: 300; background-color: rgba(55,55,55, 0.002); } header#siteheader .headergroupe nav#mainmenu li:last-of-type a { padding-right: 0; } @media screen and (max-width:1024px) { header#siteheader .headergroupe nav#mainmenu li a { padding:.75rem 1rem; color:silver; font-weight: 700; } header#siteheader .headergroupe nav#mainmenu li:last-of-type a { padding-right: 1rem; } } header#siteheader .headergroupe nav#mainmenu li ul.sub-menu { z-index: 11; position: absolute; top:calc(100% - 1px); right:0; white-space: nowrap; opacity: 0; pointer-events: none; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } header#siteheader .headergroupe nav#mainmenu li:hover ul.sub-menu { opacity: 1; pointer-events: all; -webkit-backdrop-filter: blur(.25rem); backdrop-filter: blur(.25rem); background-color:rgba(0,0,0,0.666); } @media screen and (max-width:1024px) { header#siteheader .headergroupe nav#mainmenu li ul.sub-menu, header#siteheader .headergroupe nav#mainmenu li:hover ul.sub-menu { position: relative; top:auto; right:auto; opacity: 1; pointer-events: all; -webkit-backdrop-filter: none; backdrop-filter: none; background-color:rgba(0,0,0,0); } } header#siteheader .headergroupe nav#mainmenu li ul.sub-menu li { display: block; } @media screen and (min-width:1025px) { header#siteheader .headergroupe nav#mainmenu li ul.sub-menu li { border-bottom:1px solid #cc0022; } } @media screen and (max-width:1024px) { header#siteheader .headergroupe nav#mainmenu li ul.sub-menu li { padding:.25rem 1rem; } } header#siteheader .headergroupe nav#mainmenu li ul.sub-menu li a, header#siteheader .headergroupe nav#mainmenu lili:last-of-type ul.sub-menu li a { padding-right: 1rem; font-size:1rem; color:silver; font-weight: 400; } #burger { position: absolute; top:1rem; right:1rem; width:3rem; height:3rem; color:silver; font-size: 2rem; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } #burger > span { position: absolute; top:.5rem; right:.5rem; bottom:.5rem; left:.5rem; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } #burger > span:nth-of-type(1) { opacity: 1; } #burger > span:nth-of-type(2) { opacity: 0; color:#cc0022; } #burger.active > span:nth-of-type(1) { opacity: 0; transform: rotate(180deg) } #burger.active > span:nth-of-type(2) { opacity: 1; transform: rotate(180deg) } @media screen and (min-width:1025px) { #burger { display: none; } } /* START OF #header_ticker */ #header_ticker { width:100%; background-color: rgba(37,39,40,.95); border-bottom: 1px solid #2295fc; height:3rem; position: relative; top:1px; cursor: pointer; } .page-top-deals #header_ticker { display: none; } #header_ticker > div { position:absolute; top:0; left:-100%; bottom:0; width:100%; height:3rem; padding:.5rem; display: flex; flex-wrap: nowrap; gap: .5rem; align-items: center; justify-content: center; overflow:hidden; opacity: 0; transition-property: all; transition-duration: 4.9s; } @media screen and (min-width:801px) { #header_ticker, #header_ticker > div { height:3.75rem; } } #header_ticker > div.in, #header_ticker > div.active { opacity: 1; left:0; } #header_ticker > div.out { opacity: 0; left:100%; } #header_ticker .image_container { height:100%; width:auto; position: relative; } #header_ticker img { height:100%; width:auto; transition-property: all; transition-duration: 1.5s; } #header_ticker div .header_ticker_image_animation { opacity: 0; position: absolute; top:0; left:0; } #header_ticker div.in .header_ticker_image_animation, #header_ticker div.out .header_ticker_image_animation { opacity: 1; } #header_ticker div .header_ticker_image_animation_smoke { position: absolute; bottom:0; left:0; transform: translate(-100%,0); width:40px; height:18px; filter: blur(2px); opacity: 0; transition-property: all; transition-duration: 1s; } #header_ticker div .header_ticker_image_animation_speed { position: absolute; bottom:0; left:0; transform: translate(-100%,0); width:40px; height:100%; opacity: 0; transition-property: all; transition-duration: 1s; filter:invert(.5) blur(1px); } #header_ticker div.in .header_ticker_image_animation_smoke, #header_ticker div.out .header_ticker_image_animation_smoke, #header_ticker div.in .header_ticker_image_animation_speed, #header_ticker div.out .header_ticker_image_animation_speed { opacity: .35; } #header_ticker div .header_ticker_image { opacity: .5; } #header_ticker div.active .header_ticker_image { opacity: 1; } #header_ticker > div > p { line-height:2rem; color:#ffff00; font-weight:900; text-shadow: 0 0 8px red; white-space: nowrap; text-overflow: ellipsis; transition-property: all; transition-duration: 2s; } #header_ticker > div > p.show_on_mobile { } #header_ticker > div > p.show_on_desktop { display: none; } @media screen and (min-width:801px) { #header_ticker > div > p.show_on_mobile { display: none; } #header_ticker > div > p.show_on_desktop { display: inherit; } #header_ticker > div > p { font-size:1.5rem; line-height:2.75rem; } } #header_ticker div p { padding-right: 10%; margin-right:2rem; } #header_ticker div.in p, #header_ticker div.active p { padding-right: 0%; transition-property: all; transition-duration: 5s; } #header_ticker div.out p { padding-right: 10%; } #header_ticker div.active p { animation: growshrink 2s infinite ease-in-out; } @-webkit-keyframes growshrink { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes growshrink { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } #header_ticker > a { z-index: 10; position: absolute; top:0; right:0; bottom:0; left:0; cursor: pointer; } /* END OF #header_ticker */ /* #header */ #header.slider { position: relative; background-color: rgba(0,0,0,0.15); } @media screen and (max-width:800px) { #header.slider { } } #header.slider [data-slide-duration] { min-height:40vw; } #header.headerimage { position: relative; background-color: rgba(0,0,0,0.15); background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top:39%; } #header * { font-family: 'Fira Sans',sans-serif !important; } /* section#clusternavi */ #container #content section#clusternavi header h2 { color:#333; } #container #content section#clusternavi header h1 { color:#cc0022; } #container #content section#clusternavi .flex { justify-content: center; } #container #content section#clusternavi .flex a { display: block; width:calc(33.333333% - 3px); height:auto; margin-right:4px; margin-bottom:4px; } #container #content section#clusternavi .flex a:nth-of-type(3n) { margin-right:0; } #container #content section#clusternavi .flex .item { width:100%; padding-top:100%; background-color: silver; text-align: center; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; } @media screen and (max-width:1280px) { #container #content section#clusternavi .flex .item { width:100%; padding-top:0; height:400px; } #container #content section#clusternavi .flex a { width:calc(50% - 3px); margin-right:4px; } #container #content section#clusternavi .flex a:nth-of-type(3n) { margin-right:4px; } #container #content section#clusternavi .flex a:nth-of-type(2n) { margin-right:0; } } @media screen and (max-width:800px) { #container #content section#clusternavi .flex a:nth-of-type(3n), #container #content section#clusternavi .flex a:nth-of-type(2n), #container #content section#clusternavi .flex a { width:100%; margin-right:0; } } #container #content section#clusternavi .flex .item .gradient { display: flex; justify-content: flex-end; flex-direction: column; position: absolute; top:0; right:0; bottom:0; left:0; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.65) 70%, rgba(0,0,0,0.95) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%, rgba(0,0,0,0.65) 70%,rgba(0,0,0,0.95) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%, rgba(0,0,0,0.65) 70%,rgba(0,0,0,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } #container #content section#clusternavi .flex .item .gradient h4 { color:#cc0022; width:100%; font-size: 1.25rem; line-height: 1.25rem; font-weight: 600; text-shadow: 0px 1px 6px rgba(0,0,0,0.65); } #container #content section#clusternavi .flex .item .gradient p { font-size: 1.15rem; line-height: 1.7rem; color:white; width:100%; min-height:5.5rem; padding:1rem 1rem 2rem 1rem; } @media screen and (max-width:800px) { #container #content section#clusternavi .flex .item .gradient p { line-height: 1.4rem; padding:.5rem 1rem 2rem 1rem; } } /* section#gebrauchtfahrzeuge */ #container #content section#gebrauchtfahrzeuge { text-align: center; position: relative; } #container #content section#gebrauchtfahrzeuge .layer { background-color: rgba(0,0,0,0.65); } #container #content section#gebrauchtfahrzeuge header h2 { color:#fefefe; } #container #content section#gebrauchtfahrzeuge header h1 { color:#cc0022; } #container #content section#gebrauchtfahrzeuge div#fahrzeugtypen { background-color:rgba(34, 36, 38, 0); text-align:center; padding:0 1rem 2rem 1rem; margin:0 1rem 1rem 1rem; -webkit-border-radius: 1rem; border-radius: 1rem; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; z-index: 2; } div#fahrzeugsuche { display: flex; flex-wrap:wrap; justify-content: space-around; flex-direction: row; opacity: 1; } div#fahrzeugsuche a { cursor: pointer; width:150px; display: inline-block; background-position: center top; background-repeat: no-repeat; background-size:contain; margin:1rem; text-align: center; color:silver; font-weight: 400; font-size: 1rem; line-height: 2rem; max-width:160px; } @media screen and (max-width:1280px) { div#fahrzeugsuche a { width:25%; } } @media screen and (max-width:800px) { div#fahrzeugsuche a { width:33%; line-height: 1.3rem; } } @media screen and (max-width:550px) { div#fahrzeugsuche a { width:50%; line-height: .5rem; font-size:.8rem; margin:.25rem; max-width:100px; } } div#fahrzeugsuche a img { margin: 0; opacity: 0; pointer-events: none; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } div#fahrzeugsuche a:hover { /* background-position-x: 15rem; */ } div#fahrzeugsuche a.active img, div#fahrzeugsuche a:hover img { opacity: 1; } /* section#rnt_cta */ #container #content section#rnt_cta { text-align: center; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size:cover } #container #content section#rnt_cta .parallax-inner { background-position-x:70% } #container #content section#rnt_cta .layer { background-color: rgba(0, 0, 0, .7); padding-top: 2rem; padding-bottom:6rem } #container #content section#rnt_cta .logo { margin:4rem auto; width:80%; max-width:350px; } #container #content section#rnt_cta h1 { color: white; font-size: 4.5rem; font-weight:600 } @media screen and (max-width: 800px) { #container #content section#rnt_cta h1 { font-size: 2.5rem; font-weight: 900; margin-bottom:1rem } } #container #content section#rnt_cta h2 { color: #fefefe; font-size: 2.5rem; font-weight:300 } @media screen and (max-width: 800px) { #container #content section#rnt_cta h2 { padding: 0 1rem; font-size:1.5rem } } #container #content section#rnt_cta .button { display: inline-block; margin:5rem auto; background-color:rgb(255, 204, 0); color:black !important; } #services header h1 { color:#cc0022; } #services header h2 { color:#333; } #services_cluster { padding-bottom: 4rem; } /* NEWSLETTER */ #Newsletter { text-align: center; } #Newsletter header { padding-top: 2rem; padding-bottom: 2rem; } #Newsletter .layer { background-color: rgba(0,0,0,0.66); padding: 5rem 1rem; } #Newsletter .tnp-subscription form { display:flex; flex-wrap:wrap; } #Newsletter .tnp-subscription .tnp-field { width:100%; } #Newsletter .tnp-subscription .tnp-field-email { order:1; width:70% } #Newsletter .tnp-subscription .tnp-field-email input[type="email"] { -webkit-border-top-left-radius: 2rem; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 2rem; -moz-border-radius-topleft: 2rem; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 2rem; border-top-left-radius: 2rem !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 2rem !important; } #Newsletter .tnp-subscription .tnp-privacy-field { order:3; } #Newsletter .tnp-subscription .tnp-field-button { order:2; width:30% } #Newsletter .tnp-subscription .tnp-field-button input[type="submit"] { -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 2rem; -webkit-border-bottom-right-radius: 2rem; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 2rem; -moz-border-radius-bottomright: 2rem; -moz-border-radius-bottomleft: 0; border-top-left-radius: 0 !important; border-top-right-radius: 2rem !important; border-bottom-right-radius: 2rem !important; border-bottom-left-radius: 0 !important; background-color: rgba(204,0,35,.75); } #Newsletter a { color:white; font-size:.9rem; } #Newsletter .tnp-subscription input[type=text], #Newsletter .tnp-subscription input[type=email], #Newsletter .tnp-subscription input[type=submit], #Newsletter .tnp-subscription select { width:100%; height:auto; color:white; background-color:rgba(255,255,255,.25); margin:0 auto; height:2.25rem; line-height:1rem; } #Newsletter .tnp-subscription input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:rgba(255,255,255, 0.99); } #Newsletter .tnp-subscription input::-moz-placeholder { /* Firefox 19+ */ color:rgba(255,255,255, 0.99); } #Newsletter .tnp-subscription input:-ms-input-placeholder { /* IE 10+ */ color:rgba(255,255,255, 0.99); } #Newsletter .tnp-subscription input:-moz-placeholder { /* Firefox 18- */ color:rgba(255,255,255, 0.99); } /* section#logos */ section#logos { padding:0; } section#logos .slick-slider { padding-bottom: 0; } section#logos div.slick-slide { position: relative; background-repeat: no-repeat; background-position: center center; background-size: contain; padding:1rem 4rem; height:100px; background-origin: content-box; } section#logos div.slick-slide a { position: absolute; top:0; right:0; bottom:0; left:0; background-color: transparent; } /* #kontaktformular */ #kontaktformular { padding-bottom:4rem; border-top: 1px solid silver; } #kontaktformular header h2 { } #kontaktformular header h1 { text-transform: uppercase; margin-bottom: .5rem; color:#cc0022; } #kontaktformular .acf-form { display:flex; flex-wrap:wrap; align-items:flex-start; } #kontaktformular .acf-form .acf-fields { display:flex; flex-wrap:wrap; width:66%; } #kontaktformular .acf-form .acf-field[data-name="kundeninteresse"] { width:calc( 33% - 2rem ); margin:1rem; padding:1rem; background-color:rgba(0,0,0,0.1); color:rgba(88,88,88,0.99); -webkit-border-radius: 1rem; border-radius: 1rem; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } @media screen and (max-width:800px) { #kontaktformular .acf-form .acf-field[data-name="kundeninteresse"] { width:calc( 50% - 1rem ); order: 2; } #kontaktformular .acf-form .acf-fields { width:calc( 50% - 1rem ); order: 1; } #kontaktformular .acf-form .acf-form-submit { width:100%; order: 3; padding:1rem; } } @media screen and (max-width:640px) { #kontaktformular .acf-form .acf-field[data-name="kundeninteresse"] { width:100%; order: 1; } #kontaktformular .acf-form .acf-fields { width:100%; order: 2; } #kontaktformular .acf-form .acf-form-submit { width:100%; order: 3; text-align: center; } } #kontaktformular .acf-form ul.acf-radio-list li { font-size: 1rem; line-height: 2.666rem; } #kontaktformular .acf-form .acf-field { display: block; width:50%; } #kontaktformular .acf-form .plzort { padding: 0 1rem; width:50%; display:flex; flex-wrap:nowrap; } @media screen and (max-width:800px) { #kontaktformular .acf-form .acf-field, #kontaktformular .acf-form .plzort { width:100%; } } #kontaktformular .acf-form .acf-field[data-name="nachricht"] { width:100%; } #kontaktformular .acf-form .acf-field[data-name="datenschutz"] { width:100%; padding-right:20%; } @media screen and (max-width:800px) { #kontaktformular .acf-form .acf-field[data-name="datenschutz"] { padding-right:1rem; } } #kontaktformular .acf-form .acf-field[data-name="datenschutz"] .message { font-size: .8rem; font-weight: 400; line-height: 1rem; } #kontaktformular .acf-form .acf-field[data-name="datenschutz"] .message a { color:black; text-decoration: underline; } #kontaktformular .acf-form-submit { padding:0 1rem 1rem 1rem; position: relative; } #kontaktformular .acf-form-submit .acf-button { background-color:#cc0022; border:0; outline:0; padding:.5rem 3rem; font-size:1rem; line-height:1rem; -webkit-border-radius: 1rem; border-radius: 1rem; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } /* Garantieformular */ /* ========================================================= Mehrspaltiges Layout: GARANTIEFORMULAR ========================================================= */ #formular-garantie .acf-field-group .acf-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 0; } /* Volle Breite für bestimmte Feldtypen */ #formular-garantie .acf-field-group .acf-field-repeater, #formular-garantie .acf-field-group .acf-field-textarea, #formular-garantie .acf-field-group .acf-field-message { grid-column: 1 / -1; } /* File-Uploads nur im Abschnitt "Schaden" volle Breite */ #formular-garantie .acf-field-group[data-name="schaden"] .acf-field-file { grid-column: 1 / -1; } /* Radiofeld "bei_mm_gekauft" volle Breite */ #formular-garantie .acf-field-radio[data-name="bei_mm_gekauft"] { grid-column: 1 / -1; } /* Upload-Feld Fix */ #formular-garantie .acf-field-file .acf-input, #formular-garantie .acf-field-file .acf-file-uploader { display: block; width: 100%; max-width: none; } #formular-garantie .acf-field-file .acf-button { white-space: nowrap; } /* Datenschutz-Checkbox volle Breite */ #formular-garantie .acf-field-checkbox[data-name="datenschutz"] { grid-column: 1 / -1; } /* Einheitliches Label-Design */ #formular-garantie .acf-field-group .acf-field > .acf-label label { font-weight: 600; display: block; margin-bottom: 0.3em; } /* Mobilfreundlich */ @media (max-width: 700px) { #formular-garantie .acf-field-group .acf-fields { grid-template-columns: 1fr; } } /* ========================================================= Mehrspaltiges Layout: ERSATZTEILEFORMULAR ========================================================= */ #formular-ersatzteile .acf-field-group .acf-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 0; } /* Volle Breite für Textareas, Repeater, Messages */ #formular-ersatzteile .acf-field-group .acf-field-repeater, #formular-ersatzteile .acf-field-group .acf-field-textarea, #formular-ersatzteile .acf-field-group .acf-field-message { grid-column: 1 / -1; } /* Spezieller Fix für ACF-Uploads */ #formular-ersatzteile .acf-field-file .acf-input, #formular-ersatzteile .acf-field-file .acf-file-uploader { display: block; width: 100%; max-width: none; } /* Datenschutz-Checkbox volle Breite */ #formular-ersatzteile .acf-field-checkbox[data-name="datenschutz"] { grid-column: 1 / -1; } /* Einheitliches Label-Design */ #formular-ersatzteile .acf-field-group .acf-field > .acf-label label { font-weight: 600; display: block; margin-bottom: 0.3em; } /* Upload-Feld Fix */ #formular-ersatzteile .acf-field-file .acf-input, #formular-ersatzteile .acf-field-file .acf-file-uploader { display: block; width: 100%; max-width: none; } #formular-ersatzteile .acf-field-file .acf-button { white-space: nowrap; } /* Mobilfreundlich */ @media (max-width: 700px) { #formular-ersatzteile .acf-field-group .acf-fields { grid-template-columns: 1fr; } } .acf-repeater > .acf-actions .acf-button, .acf-file-uploader .acf-button { background-color: #8a8a8a; border: 0; outline: 0; padding: .5rem 3rem; font-size: 1rem; line-height: 1rem; -webkit-border-radius: 1rem; border-radius: 1rem; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip:padding-box } .acf-form-submit .acf-button { background-color: #cc0022; border: 0; outline: 0; padding: .5rem 3rem; font-size: 1rem; line-height: 1rem; -webkit-border-radius: 1rem; border-radius: 1rem; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip:padding-box } /* erlaubt Zeilenumbruch im PrettyCheckbox-Label */ .acf-field-checkbox .pretty .state label { white-space: normal !important; display: inline-block !important; font-size:1rem; line-height: 1.4; vertical-align: top; padding-left: 0.1em; /* minimaler optischer Ausgleich */ } /* optional: Text leicht vom Kästchen abrücken */ .acf-field-checkbox .pretty.p-default { align-items: flex-start; } /* wenn der Text sehr lang ist – flex sorgt für sauberen Umbruch */ .acf-field-checkbox .acf-checkbox-list li { display: flex; align-items: flex-start; } .pretty div.state label:after, .pretty div.state label:before { top:0; } .acf-form-submit { position: relative; } span.acf-spinner, span.acf-spinner:after { border-radius: 50%; width: 20px; height: 20px; background-image: none; } span.acf-spinner { pointer-events: none; margin: 0 auto; font-size: 10px; position: relative; top: 0; right: 2.5rem; text-indent: -9999em; border-top: 1px solid rgba(255, 255, 255, 0.2); border-right: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-left: 1px solid white; animation: load8 1.1s infinite linear; } /* Standardzustand – neutral */ .acf-form-submit { position: relative; } .acf-form-submit input[type="submit"] { position: relative; overflow: hidden; transition: color 0.2s ease; } /* Aktiv: während Validierung oder Upload */ form.is-active-validation .acf-form-submit input[type="submit"], form.is-submitting .acf-form-submit input[type="submit"] { background-color: rgba(136, 136, 136, 0.541) !important; pointer-events: none !important; } /* Animierter Ladebalken */ form.is-active-validation:not(.is-invalid) .acf-form-submit::before, form.is-submitting .acf-form-submit::before { content: ""; position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 50%, rgba(0,0,0,1) 100%); background-size: 200% 100%; animation: slidebar 14s linear infinite; opacity: 0.5; } /* Keyframes für Bewegung */ @keyframes slidebar { from { background-position: 200% 0; } to { background-position: -200% 0; } } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #message.updated { width:100%; position: fixed; top: 110px; left:0; right:0; line-height:3rem; text-align: center; color:#b4e68d; font-weight: 600; background-color: rgba(37,39,40,.75); -webkit-backdrop-filter: blur(.35rem); backdrop-filter: blur(.35rem); z-index:9999; pointer-events: none; animation-iteration-count: 1; animation-delay: 3s; animation-duration: 3s; animation-fill-mode: forwards; animation-name: fadeOut; } @media screen and (max-width:1024px) { #message.updated { top: 5rem; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 50% { opacity: .8; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 50% { opacity: .8; } 100% { opacity: 0; } } /* Fahrzeuge-Archiv || archive-fahrzeuge.php */ #vehiclefilter { padding: 0; } #vehiclefilter .layer { background-color: rgba(0,0,0,0.85); padding: 5rem 0; } @media screen and (max-width:800px) { #vehiclefilter .layer { background-color: rgba(0,0,0,0.85); padding: 1rem 0; } } #vehiclefilter .body { background-color: rgba(55,55,55,.0); -webkit-border-radius: 1rem; border-radius: 1rem; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .searchandfilter { } .searchandfilter ul { display:flex; flex-wrap:wrap; align-items: center; } .searchandfilter ul li { text-align: center; color:white; } .searchandfilter ul li:nth-of-type(1) { width:0; } .searchandfilter ul li:nth-of-type(2) { width:25%; padding-top:1.5rem; } .searchandfilter ul li:nth-of-type(3) { width:50%; } .searchandfilter ul li:nth-of-type(4) { width:25%; padding-top:1.5rem; } @media screen and (max-width:1280px) { .searchandfilter ul li:nth-of-type(2) { width:25%; order:1; } .searchandfilter ul li:nth-of-type(3) { width:50%; order:2; } .searchandfilter ul li:nth-of-type(4) { width:25%; order:3; } } @media screen and (max-width:800px) { .searchandfilter ul li:nth-of-type(2) { width:50%; order:2; } .searchandfilter ul li:nth-of-type(3) { width:100%; order:1; } .searchandfilter ul li:nth-of-type(4) { width:50%; order:3; } } .searchandfilter .sf-field-post-meta-category { width:100%; opacity: .5; height:0; padding:0; pointer-events: none; overflow:hidden; } .searchandfilter h4 { color: #cc0022; } @media screen and (max-width:1024px) { .searchandfilter h4 { padding:5px 0 0; } } .sf-meta-range-slider { display:flex; flex-wrap:wrap; align-items: baseline; color: #cc0022; } .sf-meta-range-slider > * { } .sf-meta-range-slider label:nth-of-type(1) { order:1; padding:0; width:25%; text-align:right; } .sf-meta-range-slider label:nth-of-type(1) { order:1; padding:0; width:25%; text-align:right; } .sf-meta-range-slider label:nth-of-type(1) input { text-align:right; } .sf-meta-range-slider .meta-slider { min-width:10rem; max-width: 500px; width:50%; margin-top: 16px; margin-bottom: 16px; height: 3px; order:2; display: block; position: relative; top:-3px; } .sf-meta-range-slider label:nth-of-type(2) { order:3; padding:0; width:25%; text-align:left; } .sf-meta-range-slider label:nth-of-type(2) input { text-align:left; } .sf-meta-range-slider .sf-range-values-seperator { display: none; } .sf-meta-range-slider input[type="text"], .sf-meta-range-slider input[type="number"] { background-color: transparent; font-weight: 600; color: #cc0022; margin-bottom: 0; } .noUi-target { position: relative; direction: ltr; background: white; border-radius: 0; border: 0; box-shadow: none; height:3px; } .searchandfilter .noUi-connect { background-color:#cc0022; height:.2rem; } .searchandfilter .noUi-horizontal .noUi-handle { width: 16px; height: 16px; top: -6px; left: -12px; border-radius: 50%; border:1px solid #cc0022; cursor: pointer; } html:not([dir="rtl"]) .noUi-horizontal .noUi-handle { right: -8px; left: auto; } .noUi-handle::after, .noUi-handle::before { content: ""; display: none; } .searchandfilter select { width:auto; border:none; -webkit-border-radius: 1rem; border-radius: 1rem; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: red; text-align: center; padding:.5rem 1.5rem .5rem 1.5rem; color:white; font-size: .9rem; line-height:1.25rem; font-weight: 600; outline: none; cursor: pointer; } .searchandfilter select[name^="_sfm_brand_key"] { background-color: #cc0022; } .searchandfilter select[name^="_sf_sort_order"] { background-color: #cc0022; } #search_filter_content { max-width:1070px; padding-bottom: 5rem; margin: 0 auto; } #search_filter_content h1 { } #search_filter_content h2 { } .search-filter-results-list, .highligh_items { display:flex; flex-wrap:wrap; align-items: stretch; } .search-filter-results-list header { width:100%; } .search-filter-results-list .search-filter-result-item { position: relative; width:calc(33% - 1.5rem); margin:.75rem; overflow:hidden; -webkit-border-radius: 1rem; border-radius: 1rem; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; background-color:#202020; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; } @media screen and (max-width:1024px) { .search-filter-results-list .search-filter-result-item { position: relative; width:calc(50% - 1.5rem); } } @media screen and (max-width:640px) { .search-filter-results-list .search-filter-result-item { position: relative; width:100%; } } .highligh_items .highligh_item { min-height:400px; position: relative; width:calc(33% - 1.5rem); margin:0 .75rem; overflow:hidden; -webkit-border-radius: 1rem; border-radius: 1rem; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; background-color:rgb(44,44,44); color:#333; -webkit-transition-property: transform; -moz-transition-property: transform; -o-transition-property: transform; transition-property: transform; -webkit-transition-duration: 1.5s; -moz-transition-duration: 1.5s; -o-transition-duration: 1.5s; transition-duration: 1.5s; } .search-filter-results-list .search-filter-result-item header { height:12rem; position: relative; background-position: center center; background-size: 110%; background-repeat: no-repeat; } .highligh_items .highligh_item header { height:12rem; position: relative; background-position: center center; background-size: 110%; background-repeat: no-repeat; } .header_toggle { width:100%; text-align: center; } .header_toggle span { cursor: pointer; background-color: rgba(37,39,40,.95); color:white; padding:.25rem 1rem; display: inline-block; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 1rem; -webkit-border-bottom-left-radius: 1rem; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 1rem; -moz-border-radius-bottomleft: 1rem; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; } .header_toggle span:first-of-type, .header_toggle.active span:last-of-type { display: none; } .header_toggle.active span:first-of-type, .header_toggle span:last-of-type { display: inline-block; } .search-filter-results-list .search-filter-result-item .item-content { padding:1rem 1rem 4.5rem 1rem; text-align: left; color:#929292; } .highligh_items .highligh_item .item-content { color:#a6a6a6; padding:1rem; text-align: left; } .search-filter-results-list .search-filter-result-item .item-content h3, .highligh_items .highligh_item .item-content h3 { font-size: 1.15rem; line-height: 1.4rem; font-weight: 600; margin-bottom: .75rem; } .search-filter-results-list .search-filter-result-item .item-content p, .highligh_items .highligh_item .item-content p { font-size: .9rem; line-height: 1.3rem; } .search-filter-results-list .search-filter-result-item .item-content .price { position: absolute; bottom:1rem; left:1rem; color:#cc0022; font-size:2rem; line-height:1.8rem; font-weight: 500; text-align: left; padding-top:2rem; } .search-filter-results-list .search-filter-result-item .item-content .price small { color:grey; font-size:.9rem; font-weight: 400; } .highligh_items .highligh_item .item-content .price { position: absolute; bottom:1rem; left:1rem; color:#cc0022; font-size:2rem; line-height:1.8rem; font-weight: 500; text-align: right; padding-top:2rem; } .search-filter-results-list .search-filter-result-item a, .highligh_items .highligh_item a { position: absolute; top:0; right:0; bottom:0; left:0; opacity: 0; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; -webkit-border-radius: 1rem; border-radius: 1rem; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .search-filter-results-list .search-filter-result-item a:hover, .highligh_items .highligh_item a:hover { background-color: rgb(255,255,255,.15); opacity: 1; } .search-filter-results-list .search-filter-result-item:hover, .highligh_items .highligh_item:hover { -webkit-box-shadow: 0px 0px .5rem 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px .5rem 0px rgba(0,0,0,0.15); box-shadow: 0px 0px .5rem 0px rgba(0,0,0,0.15); } /* END OF Fahrzeuge-Archiv || archive-fahrzeuge.php */ /* Single Fahrzeug || single-fahrzeuge.php */ .accordion { margin-top: 3rem; max-width: 1080px; margin-bottom: 3rem; } @media screen and (max-width:1024px) { .accordion { margin-top: 0; max-width: 1080px; margin-bottom: 3rem; } } .accordion .accordion_item_head { cursor: pointer; position: relative; height: 3rem; line-height: 3rem; text-align: left; font-size:1.5rem; font-weight: 400; color:rgba(55,55,55,1); padding-left:3rem; } .accordion .accordion_item_head:after { content: ''; width: 0; height: 0; border-left: .5rem solid transparent; border-right: .5rem solid transparent; border-top: .5rem solid silver; position: absolute; top: 40%; left: 1rem; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); } .accordion .accordion_item_head.open:after { -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); } .accordion .accordion_item_head img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 150px; height: auto; margin: 0 auto; display: block; } .accordion .accordion_item_text { margin: 0; padding: 1rem; display: none; text-align: left; color:#575757; font-size: 1rem; line-height:1.75rem; } .accordion .accordion_item_text table { width:100%; } .accordion .accordion_item_text p { margin-bottom: 1rem; } .accordion .accordion_item_text li { list-style-type: none; font-size: 1rem; line-height:1.3rem; } .accordion .accordion_item_text table tr td { border-top:none; } #vehicleheader { padding: 0; } #vehicleheader .layer { background-color: rgba(37,39,40,.95); padding: 5rem 1rem 2rem 1rem; } @media screen and (max-width:920px) { #vehicleheader .layer { padding: 2rem; } } @media screen and (max-width:600px) { #vehicleheader .layer { padding: 1rem; } .single-fahrzeuge #vehicleheader .layer { padding-bottom:3rem; } } #vehicleheader .layer .infos { text-align: left; padding:2rem; } #vehicleheader .layer .infos h1 { padding:2rem 0; font-size:2rem; font-weight: 500; color:white; text-align: left; } @media screen and (max-width:800px) { #vehicleheader .layer .infos h1 { font-size:1.5rem; } } #vehicleheader .layer .infos h3 { padding:1rem 0; font-size:3rem; font-weight: 500; color:white; text-align: left; } #vehicleheader .layer .infos h3 small { font-size:.9rem; font-weight: 500; color:rgba(255, 255, 255, 0.75); text-align: left; top:-1.75rem; left:.25rem; position: relative; } #vehicleheader .layer .infos p { padding:0; font-size:1.2rem; font-weight: 500; color:white; text-align: left; margin-bottom:1rem; } @media screen and (max-width:920px) { #vehicleheader .layer .infos { padding:0; } } #vehicleheader .layer .infos .button { padding:.5rem 2rem; } #fahrzeugslider { display: flex; flex-wrap:wrap; } #fahrzeugslider .slick-slider-main { order: 1; width:45%; } #fahrzeugslider .slick-slider-main .slick-slide { max-height:475px; overflow:hidden; } #fahrzeugslider .infos { order: 2; width:55%; } #fahrzeugslider .slick-slider-nav { order: 3; width:45%; } @media screen and (max-width:920px) { #fahrzeugslider .slick-slider-main, #fahrzeugslider .infos, #fahrzeugslider .slick-slider-nav { width:100%; margin:0 auto; max-width:640px; } #fahrzeugslider .slick-slider-nav { order:2; } #fahrzeugslider .infos { order:3; } } #fahrzeugslider .slick-slider-nav .slick-slide { padding:5px; outline:none; } #fahrzeugslider .slick-slider-nav .slick-slide:focus { } #fahrzeugslider .slick-slider-nav .slick-slide:focus img { border:2px solid #cc0022; } #fahrzeugslider .slick-slide img { width: 100%; height: auto; } /* END OF Single Fahrzeug || single-fahrzeuge.php */ /* page: rentandtravel | page-rentandtravel.php */ .rentandtravel article header h1 { color:rgb(217,107,3); } .rentandtravel .entry-content { color:rgb(72,96,109); line-height:1.5rem; padding-bottom: 5rem; } .rentandtravel .entry-content strong { font-weight: 600; } .rentandtravel #infosection { color:white; } .rentandtravel #infosection .layer { background-color: rgba(0,0,0,0.65); padding:3rem 1rem 7rem 1rem; } .rentandtravel #infosection header h2 { color:#fefefe; letter-spacing: 1px; margin-bottom: 2rem; } .rentandtravel #infosection header h3 { color:rgb(255,128,0); } .rentandtravel #infosection ul { text-align: left; padding-top:2rem; } .rentandtravel #infosection ul li { list-style-type: none; padding: .5rem 0 .75rem 2.5rem; font-size: 1.1rem; position: relative; } @media screen and (max-width:1024px) { .rentandtravel #infosection ul li { padding: .5rem 0 .5rem 2rem; font-size: 1rem; line-height: 1.4rem; } } .rentandtravel #infosection ul li span.mdi { position: absolute; top:.25rem; left:0; font-size: 1.7rem; color:rgb(255,128,0); } @media screen and (max-width:1024px) { .rentandtravel #infosection ul li span.mdi { top:.5rem; left:0; font-size: 1.5rem; } } /* END OF page: rentandtravel | page-rentandtravel.php */ /* page: template content navigation | template_content_navigation.php */ .cluster { display: flex; flex-direction: row; flex-wrap:wrap; justify-content: center; padding-bottom: 5rem; } .cluster .item { position: relative; width:calc(33% - 2rem); max-width:500px; min-height:500px; margin: .5rem; overflow:hidden; -webkit-border-radius: 1rem; border-radius: 1rem; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; background-position: center center; background-repeat: no-repeat; background-size: cover; } .cluster .item.format_q { min-height:auto; background-position: top center; background-size: 100%; background-color:rgba(37,39,40,.95); } .cluster .item:nth-of-type(3n+1) { margin-left:1rem; margin-right:.5rem; } .cluster .item:nth-of-type(3n+3) { margin-left:.5rem; margin-right:1rem; } @media screen and (max-width:1024px) { .cluster .item { width:calc(50% - 2rem); } .cluster .item:nth-of-type(3n+1) { margin-left:1rem; margin-right:1rem; } .cluster .item:nth-of-type(3n+3) { margin-left:1rem; margin-right:1rem; } .cluster .item:nth-of-type(2n+1) { margin-left:1rem; margin-right:.5rem; } .cluster .item:nth-of-type(2n+2) { margin-left:.5rem; margin-right:1rem; } } @media screen and (max-width:800px) { .cluster .item { width:calc(100% - 2rem); min-height:300px; } .cluster .item:nth-of-type(3n+1), .cluster .item:nth-of-type(3n+3), .cluster .item:nth-of-type(2n+1), .cluster .item:nth-of-type(2n+2) { margin-left:1rem; margin-right:1rem; } } .cluster .item.format_q img { margin: 0; } .cluster .item .gradient { z-index:2; position: absolute; top:0; right:0; bottom:0; left:0; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.65) 70%, rgba(0,0,0,0.95) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%, rgba(0,0,0,0.65) 70%,rgba(0,0,0,0.95) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%, rgba(0,0,0,0.65) 70%,rgba(0,0,0,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .cluster .item.format_q .gradient { display: none; } .cluster .item .layerlink { position: absolute; top:0; right:0; bottom:0; left:0; } .cluster .item .logo { position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); max-width:70%; max-height:30%; z-index:11; } .cluster .item .logo.bottom { top:auto; bottom: 3.5rem; left: 50%; transform: translate(-50%, 0%); } .cluster .item h2 { text-align: center; color: #cc0022; width:100%; font-size:1.5rem; line-height:1.7rem; font-weight: 500; position: absolute; bottom: 1.5rem; left: 50%; transform: translate(-50%, 0%); max-width:90%; z-index:11; } .cluster .item.format_q h2 { color: white; position: relative; top:0; bottom:0; left:0; right:0; transform: translate(0%, 0%); margin:1rem; } .cluster .item h3 { color: #cc0022; width:100%; font-size:1.5rem; font-weight: 500; padding:24.5rem 1rem 0 1rem; z-index:11; position: relative; } @media screen and (max-width:800px) { .cluster .item h3 { font-size:1.25rem; padding:15rem 1rem 0 1rem; } } .cluster .item p { color: white; width:100%; font-size:1rem; line-height:1.25rem; font-weight: 400; padding:.25rem 1rem 1rem 1rem; z-index:10; position: relative; } @media screen and (max-width:800px) { .cluster .item p { font-size:.9rem; } } .cluster .item a { position: absolute; top:0; right:0; bottom:0; left:0; z-index:11; } .cluster .item .button { position: absolute; bottom: 1.5rem; z-index:10; } .cluster .item.format_q .button { position: relative; bottom: auto; margin-bottom: 2rem; } /* END OF page: template content navigation | template_content_navigation.php */ /* page: template content tabs | template_content_tabs.php */ .tabheads { width:100%; background-color: rgb(228,234,238,.42); display: flex; justify-content: center; flex-wrap: wrap; align-items:stretch; } .tabheads .tabhead { display:inline-block; padding:1rem 2rem; font-weight: 400; cursor: pointer; } .tabheads .tabhead.active { font-weight: 600; } .tabs { position: relative; overflow: hidden; width:100%; } .tabs .tab { position: absolute; top:0; left:0; right:0; width:100%; display: flex; flex-wrap: wrap; pointer-events: none; opacity: 0; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .tabs .tab.active { position: relative; pointer-events: inherit; opacity: 1; -webkit-transition-duration: 2.5s; -moz-transition-duration: 2.5s; -o-transition-duration: 2.5s; transition-duration: 2.5s; } .tabs .tab .image { width:50%; padding-top:33%; background-position: center center; background-repeat: no-repeat; background-size: cover; } .tabs .tab .content { background-color: #ebebeb; width:50%; position: relative; display: flex; justify-content: center; align-items: center; padding:1rem; } @media screen and (max-width:1024px) { .tabs .tab .image { width: 100%; padding-top:66%; } .tabs .tab .content { width: 100%; } } .tabs .tab .content > div { width:calc(100% - 6rem); } @media screen and (max-width:1024px) { .tabs .tab .content > div { width:calc(100% - 2rem); } } .tabs .tab .content h3 { color:#cc0022; font-size: 1.4rem; font-weight: 600; margin-bottom:1rem; } .tabs .tab .content p { color:rgb(18,70,90); font-size: 1.2rem; line-height:1.6rem; margin-bottom:1rem; } @media screen and (max-width:1024px) { .tabs .tab .content p { font-size: 1rem; line-height:1.4rem; margin-bottom:1rem; } } /* END OF page: template content tabs | template_content_tabs.php */ /* Unternehmen/Ansprechpartner | template_content_ansprechpartner.php */ .cluster_item { position: relative; width:calc(33% - 2rem); margin:1rem; background-color: rgb(234,240,240); background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 33%; color:white; -webkit-border-radius: 1rem; border-radius: 1rem; } @media screen and (max-width:1024px) { .cluster_item { width:calc(50% - 2rem); padding-top: 50%; } } @media screen and (max-width:700px) { .cluster_item { width:100%; padding-top: 100%; } } .ansprechpartner > div, .cluster_item > div { position: absolute; top:0; right:0; bottom:0; left:0; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,.5) 80%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,.5) 80%, rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,.5) 80%, rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -webkit-border-radius: 1rem; border-radius: 1rem; } .ansprechpartner > span, .cluster_item > span { position: absolute; top:auto; right:0; bottom:0; left:1rem; } .ansprechpartner > span.name, .cluster_item > span.name { position: absolute; bottom:5.5rem; font-weight: 500; } .ansprechpartner > span.position, .cluster_item > span.position { position: absolute; bottom:4rem; } .ansprechpartner > span.email, .cluster_item > span.email { position: absolute; bottom:2.5rem; } .ansprechpartner > span.tel, .cluster_item > span.tel { position: absolute; bottom:1rem; } .ansprechpartner a, .cluster_item a { color:white; } .cluster_item > span.job_name { position: absolute; bottom:5.5rem; font-weight: 500; padding:1rem; left:0; font-size:1.5rem; } .cluster_item > span.job_description { position: absolute; bottom:1rem; display: block; padding:1rem; left:0; } /* END OF Unternehmen/Ansprechpartner | template_content_ansprechpartner.php */ /* Jobs | template_content_jobs.php */ .page-template-template_content_jobs .simonwrap { margin-bottom:4rem; } /* END OF Jobs | template_content_jobs.php */ /* START OF template_content_adac */ .cluster .listitem { padding: 2rem; width:50%; } .cluster .listitem .listitem_head { height:200px; width:100%; position: relative; -webkit-border-radius: 1rem; border-radius: 1rem; background-position: center; background-size: cover; overflow: hidden; } .cluster .listitem .listitem_head .gradient { z-index:2; position: absolute; top:0; right:0; bottom:0; left:0; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.45) 70%, rgba(0,0,0,0.65) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%, rgba(0,0,0,0.45) 70%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%, rgba(0,0,0,0.45) 70%,rgba(0,0,0,0.65) 100%); display: none; } .cluster .listitem .listitem_head .layerlink { position: absolute; top:0; right:0; bottom:0; left:0; } .cluster .listitem .listitem_head .logo { position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); max-width:70%; max-height:30%; z-index:11; margin: 0; } .cluster .listitem .listitem_head .logo.bottom { top:50%; left:1rem; transform: translate(0, -50%); max-height:60%; } .cluster .listitem .listitem_text { width:100%; padding-top:1.5rem; display: flex; flex-direction: column; } @media screen and (max-width:900px) { .cluster .listitem { width: 100%; } } .cluster .listitem .listitem_text h1, .cluster .listitem .listitem_text h2 { font-size:2.5rem; line-height: 3rem; margin-bottom: 1rem; font-weight: 300; } @media screen and (max-width:900px) { .cluster .listitem .listitem_text h1, .cluster .listitem .listitem_text h2 { font-size:2.25rem; line-height: 2.75rem; } } .cluster .listitem .listitem_text h1 span, .cluster .listitem .listitem_text h2 span { color:var(--titel-color); } .cluster .listitem .listitem_text .content { font-size:1rem; line-height:1.5rem; margin-bottom: 2rem; } .cluster .listitem .listitem_text a { display: inline-block; width: auto !important; align-self: flex-start; margin-bottom: 0.5rem; } .page-template-template_content_adac .cluster { padding-bottom: 0; padding-top:0; } .page-template-template_content_adac #acfe-form-vermietung .acf-fields { display: flex; flex-direction: row; flex-wrap:wrap; gap: 1rem; margin-top:2rem; } .page-template-template_content_adac #acfe-form-vermietung .acf-fields > div.acf-field { padding: 0; width:100%; margin-top:-.25rem; } .page-template-template_content_adac #acfe-form-vermietung .acf-fields > div.acf-field .acf-label { margin-bottom: 0; font-size:.9rem; } .page-template-template_content_adac #acfe-form-vermietung .acf-fields > div.acf-field .acf-label .acf-required { display: none; } .page-template-template_content_adac #acfe-form-vermietung .acf-fields > div.acf-field.acf-field-message { padding-top:.5rem; font-size:.9rem; line-height:1.25rem; } /* Zwei-Spalten-Layout für gezielte Felder */ @media (min-width: 600px) { .page-template-template_content_adac #acfe-form-vermietung .acf-fields > div.acf-field { width: calc(50% - .5rem); display: inline-block; vertical-align: top; } .page-template-template_content_adac #acfe-form-vermietung .acf-fields > div.acf-field.acf-field-message { width: calc(50% - .5rem); } } /* ————— Datepicker ————— */ :root { --dp-accent: var(--ci-color-primary); /* Deine Hauptakzentfarbe */ --dp-accent-hover: #a02; /* Dunklerer Ton zum Hovern */ --dp-contrast-text: #fff; /* Textfarbe auf Akzent */ --dp-hover-bg: #f3d4d4; /* Helleres Hover-Background */ } body .acf-ui-datepicker .ui-datepicker { border-radius: 1rem !important; border:none !important; box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.484); overflow: hidden; } .acf-date-picker input.hasDatepicker { background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 1rem 1rem; padding-right: 2rem; /* Platz für Icon schaffen */ cursor: pointer; } /* Aktiver Tag (ausgewählt) */ body .acf-ui-datepicker a.ui-state-highlight.ui-state-active, body .acf-ui-datepicker a.ui-state-highlight.ui-state-hover { background-color: var(--dp-accent) !important; border-color: var(--dp-accent) !important; color: var(--dp-contrast-text) !important; } body .ui-datepicker td .ui-state-hover { background-color: #f3d4d4 !important; border-color: #cbcbcb !important; color: #000 !important; } /* Heutiger Tag */ body .acf-ui-datepicker .ui-datepicker-today .ui-state-highlight { background-color: var(--dp-accent) !important; color: var(--dp-contrast-text) !important; } body .acf-ui-datepicker .ui-datepicker-today .ui-state-highlight.ui-state-hover { background-color: var(--dp-accent-hover) !important; } /* Pfeile links und rechts (SVG) */ body .acf-ui-datepicker .ui-datepicker .ui-datepicker-next span, body .acf-ui-datepicker .ui-datepicker .ui-datepicker-prev span, body .acf-ui-datepicker .ui-datepicker .ui-datepicker-next span:before, body .acf-ui-datepicker .ui-datepicker .ui-datepicker-prev span:before { color: var(--dp-accent); transition: background 0.2s ease; } /* Pfeile Hover */ body .acf-ui-datepicker .ui-datepicker .ui-datepicker-next-hover, body .acf-ui-datepicker .ui-datepicker .ui-datepicker-prev-hover { background-color: var(--dp-accent) !important; border-radius: 50%; } body .acf-ui-datepicker .ui-datepicker .ui-datepicker-next-hover span:before, body .acf-ui-datepicker .ui-datepicker .ui-datepicker-prev-hover span:before { color:white !important; } /* Button „Heute“ und „Fertig“ */ body .acf-ui-datepicker .ui-datepicker-buttonpane button { background-color: var(--dp-accent) !important; color: var(--dp-contrast-text) !important; border: none !important; border-radius: 999px; padding: 0.4em 1.2em; cursor: pointer; transition: background 0.2s ease; } /* Button Hover */ body .acf-ui-datepicker .ui-datepicker-buttonpane button:hover { background-color: var(--dp-accent-hover) !important; color: var(--dp-contrast-text) !important; } .page-template-template_content_adac #acfe-form-vermietung .acf-form-submit { padding:2rem 0; position: absolute; bottom:1.7rem; right:2.4rem; } @media screen and (max-width:599px) { .page-template-template_content_adac #acfe-form-vermietung .acf-form-submit { padding:0 2rem; position: relative; bottom:0; right:20; } } .page-template-template_content_adac #acfe-form-vermietung .acf-form-submit .acf-button { border:none; color:var(--button-text-color, #000) !important; background-color: var(--button-color, #ffc600) !important; } .page-template-template_content_adac .dark { background-color:#303032; } .page-template-template_content_adac .dark h1 { color: #ffc600; } .page-template-template_content_adac .dark h2 { color: white; } .page-template-template_content_adac .dark img { object-fit: cover; object-position: center; max-width: 100%; } .page-template-template_content_adac .dark .button { transform: translateY(-200%); color:black !important; max-width:calc(100% - 2rem); margin:0 auto; } @media screen and (max-width:1024px) { .page-template-template_content_adac .dark .button { transform: translateY(-100%); } } /* END OF template_content_adac */ /* START OF template_content_navigation_adac */ .page-template-template_content_navigation_adac .dark { background-color:rgb(48,48,49); } .page-template-template_content_navigation_adac .dark article { padding:1rem; } .page-template-template_content_navigation_adac .cluster .item h2 { color:rgb(255, 204, 0) ; } .page-template-template_content_navigation_adac .dark h1, .page-template-template_content_navigation_adac .dark h2 { color:white; } .page-template-template_content_navigation_adac .dark img { max-width: 100%; } .page-template-template_content_navigation_adac .dark .button { position:relative; top: -50px; background-color:rgb(255, 204, 0); color:black; } .page-template-template_content_navigation_adac .center.big { font-size: 1.2rem; line-height: 2rem; padding:0 1rem; } /* END OF template_content_navigation_adac */ .fliesstext { font-size: 1.1rem; font-weight: 300; line-height: 1.5rem; margin-bottom: 2rem; } .grid { display: flex; justify-content: center; align-items: stretch; gap: 1rem; flex-wrap: wrap; padding-bottom:2rem; margin-bottom:2rem; } .grid_item { position: relative; width:calc(33.333333% - 1rem); padding:1rem; border:1px solid silver; -webkit-border-radius: 1rem; border-radius: 1rem; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } @media screen and (max-width:1024px) { .grid_item { width:calc(50% - 2rem); } } @media screen and (max-width:640px) { .grid_item { width:calc(100% - 2rem); } } .grid_item .bild_fahrzeug { -webkit-border-radius: 1rem 1rem 0 0; border-radius: 1rem 1rem 0 0; margin-top:0; } .grid_item h3.title { color:#cc0022; font-size: 1.3rem; font-weight: 400; line-height:1.7rem; } .grid_item h3.title.margin { margin-bottom: 1.5rem; } .grid_item p { padding:1rem 1rem 1rem 4rem; background-repeat: no-repeat; background-position: left center; background-size: 3rem; } .grid_item p.icon_preis { font-weight: bold; } #footermenu { background-color: #232527; width:100%; padding:3rem 1rem 1rem 1rem; } #footermenu #fm1 { display: flex; justify-content: space-between; flex-wrap:wrap; } #footermenu #fm1 div { width:calc(25% - 1rem); padding-bottom: 1rem; } @media screen and (max-width:1024px) { #footermenu #fm1 div { width:calc(50% - 1rem); } } @media screen and (max-width:640px) { #footermenu #fm1 div { width:100%; } } #footermenu #fm1 div div { width: 100%; padding-top:1.5rem; } #footermenu #fm1 div a, #footermenu #fm1 div p { color:silver; font-size: 1rem; line-height: 1.5rem; font-weight: 300; } #footermenu #sociallinks { padding:2rem 1rem; width: 100%; text-align: center; } #footermenu #copyright { width: 100%; text-align: center; color:rgba(255,255,255,.25); font-size:.8rem; font-weight: 300; } #modal_external_link { z-index: 1000; display: none; padding: 2rem; position:fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width:360px; max-width:640px; min-height:250px; background-color: rgba(0,0,0,0.9); -webkit-border-radius: 1rem; border-radius: 1rem; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; text-align: center; } #modal_external_link img { width:200px; height:auto; margin: 0 auto; display: block; } #modal_external_link p { color:white; margin:2rem 0; font-weight: 300; font-size: 1.1rem; line-height:1.5rem; text-align:center; } #modal_external_link a { color:white; text-decoration: none; font-weight:bold; } #modal_external_link a.button { margin: 1rem; } /* template_modules.php */ .cta_text_image { --element_height: calc(100vw / 3); width:100%; min-height:var(--element_height); background-size: cover; background-position: right; position: relative; } .cta_text_image .cta_text_image_left { transform: skew(10deg); background-color: var(--ci-color-primary); min-height:var(--element_height); width:50vw; margin-left:-5vw; padding-left:10vw; padding-right:10vw; } @media screen and (max-width:600px) { .cta_text_image .cta_text_image_left { width:70vw; } } .cta_text_image .skew_neutralizer { min-height:var(--element_height); transform: skew(-10deg); display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center; padding:2rem 0; } .cta_text_image .skew_neutralizer > * { width: 100%; } .cta_text_image .skew_neutralizer h1 { font-size: clamp(1rem, 3vw, 4rem); color:white; font-weight:bold; margin-bottom: 2rem; } .cta_text_image .skew_neutralizer div { font-size: clamp(.75rem, 1.25vw, 2rem); color:white; } .cta_text_image .cta_text_image_deranger { position: absolute; top:1rem; right:1rem; background-color:white; box-shadow: 1px 1px 10px black; width:7.5rem; height:7.5rem; border-radius: 50%; padding:1rem; text-align: center; font-size: .9rem; display: flex; align-content: center; align-items: center; } .cta_text_image .cta_text_image_deranger a { color:var(--ci-color-primary); font-weight:600; text-decoration: none; } .block_simple_text .entry-content a:not(.button) { font-weight: bold; color: var(--ci-color-darkgrey); } .block_simple_text p small { margin-top:2rem; display: block; line-height:1rem; font-size:.8rem; text-align:left; max-width:50%; color:var(--ci-color-grey); } @media screen and (max-width:800px) { .block_simple_text p small { max-width:100%; } } .block_tiles { background-color: var(--ci-color-darkgrey); } .block_tiles header h1 { color:var(--ci-color-primary); } .block_tiles header h2 { color:var(--ci-color-silver); } .block_tiles .item img { border-radius: 1rem; } .block_tiles .item h3 { padding-top:1rem; color:white; margin-bottom: 1rem; } .narrow-content { max-width: 920px; text-align: left; margin: 0 auto; padding:0 1rem 10rem 1rem; } .page-template-template_content_simple, .page-template-template_content_simple p { color:rgb(87, 87, 87); } /* Popup */ #popup { position: fixed; top:0; right:0; bottom:0; left:0; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color:rgba(0,0,0,0.5); z-index: 102; display: none; } #popup img { height:auto; width:auto; max-height:80vh; max-width:80vw; margin: 0 auto; } #popup .popup_wrapper { position: relative; display: flex; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: center; height:100%; text-align: center; overflow:auto; } #popup .popup_background { background-size: cover; padding-top:36%; width:80%; max-width:1920px; position: relative; } @media screen and (max-width:800px) { #popup .popup_background { padding-top:50%; width:100%; } } @media screen and (max-width:480px) { #popup .popup_background { padding-top:70%; width:100%; } } #popup .popup_content { position: absolute; top:0; right:0; bottom:0; left:0; display: flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: center; height:100%; padding:1rem 10%; } #popup .popup_content h2 { width:100%; font-size: clamp(1.25rem, 3vw, 4rem); font-weight: 600; color:white; text-align:center; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7); margin-bottom: 2rem; } #popup .popup_content p { width:100%; font-size: clamp(0.9rem, 1.25vw, 1.3rem); font-weight: 400; color:white; text-align:center; text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.7); margin-bottom: 2rem; } #popup .popup_content p b { font-weight: 600; } #popup .popup_close { position: absolute; top:1rem; right:1rem; color:white; font-size:2rem; cursor: pointer; } /* PRINT */ .print { display: none; } @media print { header, footer, #content :not(.print) { display: none; } #wrapper { padding-top:0; } .print { display: inherit; padding:20px; } .print img.print_logo { display: block; width:150px; } .print table { width:100%; border-bottom:1px solid silver; } .print table tr td { vertical-align: top; line-height:.85rem; font-size:.7rem; padding-bottom: 2rem; width:70%; } .print table tr td:nth-of-type(2) { width:30%; padding-top:.7rem; } .print img { width: 20%; margin:10px ; } .print h1 { font-size:1.5rem; line-height:2rem; } .print p { font-size:1.2rem; line-height:1.7rem; } }