/* Theme Name: the7dtchild Author: Dream-Theme Author URI: http://dream-theme.com/ Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project! Version: 1.0.0 License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself. You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended Template: dt-the7 */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* FONTS & SCHRIFTSTILE /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */ url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */ url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-500 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; src: url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-500.woff') format('woff'), /* Modern Browsers */ url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */ url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */ url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-800.eot'); /* IE9 Compat Modes */ src: local(''), url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-800.woff') format('woff'), /* Modern Browsers */ url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/open-sans-v34-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* poppins-100 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 100; src: url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/poppins-v24-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* poppins-100italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: italic; font-weight: 100; src: url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/poppins-v24-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* poppins-200 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 200; src: url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/poppins-v24-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* poppins-200italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: italic; font-weight: 200; src: url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/poppins-v24-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* poppins-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 300; src: url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/poppins-v24-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* poppins-300italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: italic; font-weight: 300; src: url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/poppins-v24-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* poppins-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/poppins-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* poppins-italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: italic; font-weight: 400; src: url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/poppins-v24-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* poppins-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 500; src: url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/poppins-v24-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* poppins-500italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: italic; font-weight: 500; src: url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/poppins-v24-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* poppins-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/poppins-v24-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* poppins-600italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: italic; font-weight: 600; src: url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/poppins-v24-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* poppins-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 700; src: url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/poppins-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* poppins-700italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: italic; font-weight: 700; src: url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/poppins-v24-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* poppins-800 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 800; src: url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/poppins-v24-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* poppins-800italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: italic; font-weight: 800; src: url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/poppins-v24-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* poppins-900 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 900; src: url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/poppins-v24-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* poppins-900italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: italic; font-weight: 900; src: url('https://www.autowelt-bader.de/wp-content/themes/badermainzl-child/fonts/poppins-v24-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* .h1-big { font-size: 65px; text-transform: none; position: relative; display: inline-block; margin-bottom: 20px; } .h1-start{ padding-bottom: 2.5rem; border-bottom: 1px solid var(--dark-black); } h2{ padding-bottom: 5px; border-bottom: 1px solid var(--dark-black); } .heading-like-h2, .heading-like-h2 p{ font-family: "Poppins"; font-weight: 600; font-size: 32px; line-height: 42px; color: var(--dark-black); } .heading-like-h2.with-border{ padding-bottom: 5px; border-bottom: 1px solid var(--dark-black); } .heading-like-h3{ font-family: "Poppins"; font-weight: 600; font-size: 24px; line-height: 1.3; color: var(--dark-black); } @media only screen and (max-width: 992px){ .heading-like-h2, .heading-like-h2 p{ font-size: 25px; line-height: 1.3; } .seitentitel h1{ line-height: 1.2; } } @media only screen and (max-width: 778px){ .heading-like-h2, .heading-like-h2 p{ font-size: 22px; line-height: 1.3; } .heading-like-h3{ font-size: 18px; } } */ .zitat{ color: var(--medium-grey); font-size:36px; line-height: 1.3; } .line-before::before{ content:""; width: 1px; height: calc(100%); left: 0px; display: block; position: absolute; background-color: var(--medium-grey); opacity: 0.6; } @media only screen and (max-width: 992px){ /* .h1-big { font-size: 50px; margin-bottom: 5px; } .h1-start{ padding-bottom: 1.5rem; } */ .zitat{ font-size:30px; } } @media only screen and (max-width: 778px){ /* .h1-big { font-size: 37px; margin-bottom: 10px; } */ .zitat{ font-size:24px; } } .wpb_text_column.wpb_content_element ul { list-style: disc; } .anmerkung{ font-size: 12px; line-height: 1.4; display: flex; } .anmerkung::before{ content:"*"; margin-right: 3px; } .app-link::after{ content: "\e803"; font-family: icomoon-the7-font!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-left: 6px; } .app-link{ display: flex; align-content: center; align-items: center; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* ALLGEMEIN /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ :root { /* colors */ --dark-black: #020A0A; --dark-black-50percent: #9D9D9C; --dark-grey: #333333; --light-grey: #F7F7F7; --medium-grey: #8E979C; --color-neuwagen: #D60D47; --color-gebrauchtwagen:#D60D47; --color-karriere:#A2C617; --color-aktionen:#D60D47; --color-service:#F39325; --white: #FFFFFF; --grey-light-light: #F7F7F7; --grey-light: #D9D9D9; --grey-medium: #8E979C; --grey-dark: #333333; --black: #000000; --overlay-black: rgba(2, 10, 10, 0.06); --red-pink: #D60D47; --green-dark: #166970; --green-100: #2A7F87; --green-80: #38B7C1; --green-60: #00C6D5; --green-40: #91D7DD; --green-20: #D9F1F3; /* font sizes */ --base-font-size: 1rem; /* line-height */ --base-line-height: 1.5; --headlines-line-height: 1.2; /* gaps */ --gap-xxl: clamp(6.8rem, 6vw, 10rem); --gap-xl: clamp(6rem, 5vw, 8.125rem); --gap-l: 5.625rem; --gap-m: 3.75rem; --gap-s: 2.813rem; --gap-xs: 1.563rem; --gap-xxs: 1rem; --gap-0: 0; } #comments{ display: none; } /*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* SECTIONS & ROWS */ /*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* ---- SECTIONS ----*/ section.vc_section.vc_section-has-fill{ padding-top: 0; } section.vc_section{ padding: var(--gap-xxl) 0; } section.vc_section.no-padding-top, .vc_row.no-padding-top .templatera_shortcode section.vc_section{ padding-top: 0; } @media only screen and (max-width: 819px) { section.vc_section.small-padding-top-mobile { padding-top: var(--gap-s); } } section#pagetitle + .vc_clearfix + section.vc_section{ padding-top: var(--gap-m); } section.vc_section.section-white{ background-color: var(--white); } section.vc_section.section-green{ background-color: var(--green-20); } /* Radial BLue */ section.vc_section.radial-blur::before{ content: ""; position: absolute; display: block; height:150px; width: 150px; border-radius: 100%; top: calc(120px + var(--gap-xl)); left: 50vw; -moz-filter: blur(120px); -webkit-filter: blur(120px); filter: blur(120px); background-color: var(--green-60); z-index: 5!important; opacity: 0.8; } section.vc_section.radial-blur{ text-overflow: visible!important; } /* Background Polygon */ section.vc_section.section-background{ position: relative; } section.vc_section.section-background > *{ z-index: 1; } section.vc_section.section-background::before{ content: ""; position: absolute; display: block; height: 562px; width: 765px; aspect-ratio: 765 / 562; background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/polygon-background_top_green-40.svg"); background-repeat: no-repeat; background-size: 100% 100%; top: 0; left: -4.8vw; z-index: 0; } section.vc_section.section-background::after{ content: ""; position: absolute; display: block; height: 665px; width: 585px; aspect-ratio: 585 / 665; background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/polygon-background_bottom_green-40.svg"); background-repeat: no-repeat; background-size: 100% 100%; bottom: -1.5vw; right: -5.8vw; z-index: 0; } @media only screen and (max-width:1198px) { section.vc_section.section-background::after { display: none!important; } } /* ---- ROWS ---- */ section.vc_section.content_rows > .vc_row + .vc_row{ margin-top: clamp(4rem, 4vw, 5.5rem) } section.vc_section.content_rows > .vc_row.margin-bottom-smaller + .vc_row{ margin-top: 0; } section.vc_section.content_rows .vc_row[data-vc-full-width-temp]{ margin-left: 0!important; } /* ROW 1-2 */ section.vc_section.content_rows .vc_row.row-1-2::before, section.vc_section.content_rows .vc_row.row-1-2::after{ display: none; } section.vc_section.content_rows .vc_row.row-1-2{ display: grid; grid-template-columns: repeat(auto-fit,minmax(min(380px,100%),1fr)); grid-column-gap: clamp(2rem, 4vw, 3.125rem); grid-row-gap: clamp(3rem, 5vw, 4.7rem); } section.vc_section.content_rows .vc_row.row-1-2 .wpb_column.vc_col-sm-6{ width: 100%!important; } /* ---- AUTOMATISCHE ABSTÄNDE CONTENT_ROWS ----*/ section.content_rows .wpb_text_column.headline-xs{ margin-bottom: 1.5rem; } section.content_rows .wpb_text_column + .wpb_text_column{ margin-top: 1.5rem; } section.content_rows .wpb_text_column + style + .dt-btn, section.content_rows .wpb_text_column + style + .btn-align-left, section.content_rows .wpb_text_column + style + .btn-align-center, section.content_rows .wpb_text_column + .wpb_single_image, section.content_rows .dt-btn + .wpb_text_column, section.content_rows .btn-align-left + .wpb_text_column, section.content_rows .btn-align-center + .wpb_text_column, section.content_rows .blog-carousel-shortcode + style + .btn-align-center, section.content_rows .blog-carousel-shortcode + style + .btn-align-left, section.content_rows .blog-carousel-shortcode + style + .dt-btn, section.content_rows .wpb_text_column + style + .blog-carousel-shortcode, section.content_rows .dt-team-masonry-shortcode + style + .btn-align-center, section.content_rows .dt-team-masonry-shortcode + style + .btn-align-left, #formular .btn-align-left + style + .btn-align-left, section.content_rows .dt-team-masonry-shortcode + style + .dt-btn, section.vc_section .blog-shortcode + style + .btn-align-center, section.vc_section .blog-shortcode + style + .dt-btn, section.vc_section .blog-shortcode + style + .btn-align-left, section.content_rows .icon-with-text-shortcode + style + .dt-btn, section.content_rows .icon-with-text-shortcode + style + .btn-align-center, section.content_rows .icon-with-text-shortcode + style + .btn-align-left, section.content_rows .dt-btn + style + .dt-btn, section.content_rows .btn-align-left + style + .btn-align-left, section.content_rows .btn-align-center + style + .btn-align-center, section.vc_section .articles-list + style + .btn-align-center, section.vc_section .articles-list + style + .dt-btn, section.vc_section .articles-list + style + .btn-align-left{ margin-top: 1.5rem; } section.content_rows .standort-marken-tab .dt-btn + style + .dt-btn{ margin-top: 0; } /*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* TYPOGRAPHY */ /*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .wpb_text_column{ margin-bottom: 0; } .wpb_text_column p, .wpb_text_column li{ font-family: "Poppins"; font-weight: 400; font-size: var(--base-font-size); line-height: var(--base-line-height); color: var(--grey-dark); } .wpb_text_column.body-text-small p, .wpb_text_column.body-text-small li{ font-size: 12px; } .wpb_text_column p + p{ margin-top: 1rem; } .wpb_text_column strong{ font-weight: 600; } .wpb_text_column p a{ text-decoration: underline; } .wpb_text_column p a:hover{ text-decoration: none; } .wpb_text_column li::marker{ } .wpb_text_column ul{ list-style-type: disc; } .wpb_text_column ul li:not(:last-child), .wpb_text_column ol li:not(:last-child){ margin-bottom: 5px; } /* ----- HEADLINES ----- */ .wpb_text_column.headline *, .vorteile-row .headline{ font-family: "Poppins"; font-weight: 600; line-height: var(--headlines-line-height); color: var(--grey-dark); hyphens: auto; } .wpb_text_column.headline.uppercase *{ text-transform: uppercase; } .wpb_text_column.headline-xl * { font-size: clamp(calc(var(--base-font-size) * 2.8), 5.5vw, calc(var(--base-font-size) * 3.5)); text-transform: uppercase; } .wpb_text_column.headline-l * { font-size: clamp(calc(var(--base-font-size) * 2.2), 5.5vw, calc(var(--base-font-size) * 2.8125)); text-transform: uppercase; } .wpb_text_column.headline-m * { font-size: clamp(calc(var(--base-font-size) * 1.6), 4.5vw, calc(var(--base-font-size) * 2.125)); } .wpb_text_column.headline-s * { font-size: clamp(calc(var(--base-font-size) * 1.4), 4vw, calc(var(--base-font-size) * 1.7125)); } .wpb_text_column.headline-xs *, .vorteile-row .headline-xs{ font-size: clamp(calc(var(--base-font-size) * 1.2), 3.5vw, calc(var(--base-font-size) * 1.4375)); } .wpb_text_column.headline-xxs *{ font-size: clamp(calc(var(--base-font-size) * 1.15), 3vw, calc(var(--base-font-size) * 1.2)); } /* ----- HEADLINE XL SPECIAL PARAMETERS ----- */ :root{ --headline-xl-padding-left: clamp(calc(var(--base-font-size) * 3 * 0.8), calc(5.5vw * 0.8), calc(var(--base-font-size) * 3.5 * 0.8)); } .wpb_text_column.headline-xl .inner::before { content: ""; position: absolute; display: block; height: clamp(calc(var(--base-font-size) * 3 * 2.357), calc(5.5vw * 2.375), calc(var(--base-font-size) * 3.5 * 2.357)); width: auto; aspect-ratio: 142 / 132; top: 0; left: 0; background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/octagon.svg"); background-repeat: no-repeat; background-size: contain; z-index: 0; } .wpb_text_column.headline.headline-xl:not(.left):has(+ .subtitle) .inner::before, .wpb_text_column.headline.headline-xl:not(.left) .inner::before{ background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/octagon-short.svg"); } .wpb_text_column.headline-xl .inner{ position: relative; } .wpb_text_column.headline-xl .inner{ padding-top: clamp(calc(var(--base-font-size) * 3 * 0.75), calc(5.5vw * 0.75), calc(var(--base-font-size) * 3.5 * 0.75)); padding-left: var(--headline-xl-padding-left); display: inline; box-sizing: border-box; -webkit-box-decoration-break: clone; box-decoration-break: clone; left: calc(var(--headline-xl-padding-left) / (-2)); } .wpb_text_column.headline-xl{ padding-top: clamp(calc(var(--base-font-size) * 3 * 0.85), calc(5.5vw * 0.85), calc(var(--base-font-size) * 3.5 * 0.85)); } .vc_row .wpb_text_column.headline-xl + .wpb_text_column.subtitle{ padding-left: var(--headline-xl-padding-left); } .vc_row .wpb_text_column.headline-xl:not(.left) + .wpb_text_column.subtitle{ text-align: center; } .headline-border{ padding-bottom: var(--gap-xs); border-bottom: 1px solid var(--grey-dark); margin-bottom: var(--gap-xs); } /* ----- HEADLINE L & HEADLINE M SPECIAL PARAMETERS ----- */ .wpb_text_column.headline-l .inner, .wpb_text_column.headline-m .inner{ background: rgba(255, 255, 255, 0); background: linear-gradient(0deg,rgba(255, 255, 255, 0) 17%, var(--green-40) 17%, var(--green-40) 43%, rgba(255, 255, 255, 0) 43%, rgba(255, 255, 255, 0) 100%); -webkit-box-decoration-break: clone; box-decoration-break: clone; } /* ----- SUBTITLE ----- */ .wpb_text_column.subtitle *, .wpb_text_column .h1-subtitle, .wpb_text_column.headline-xl .small-heading{ font-family: "Poppins"; font-weight: 400; text-transform: uppercase; color: var(--grey-dark); font-size: clamp(calc(var(--base-font-size) * 1.7), 4vw, calc(var(--base-font-size) * 2.5)); line-height: var(--headlines-line-height); } .wpb_text_column .h1-subtitle{ position: relative; display: inline-block; } /* ----- INTRODUCTION TEXT ----- */ .wpb_text_column.introduction-text *{ font-family: "Poppins"; font-weight: 400; color: var(--grey-dark); font-size: clamp(calc(var(--base-font-size) * 1.5), 4.5vw, calc(var(--base-font-size) * 2.125)); line-height: var(--base-line-height); } /*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* BUTTONS */ /*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*----------------- Buttons general ------------------------*/ /* Button general & background */ .dt-btn, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style){ background-color: var(--green-60); font-size: var(--base-font-size); padding: 20px 36px; border: 1px solid var(--green-60); text-transform: uppercase; transition: ease 0.4s!important; line-height: 1.0; } /* Button Text */ .dt-btn span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style) span{ font-family: "Poppins"; position: relative; top: 1px; font-size: var(--base-font-size); line-height: 1.0; color: var(--black); transition: ease 0.4s; } /* Button hover background */ .dt-btn:hover, .dt-btn:focus-visible, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style):hover, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style):focus-visible{ background-color: var(--black); border-color: var(--black); transform: translatex(5px); } /* Button hover Text */ .dt-btn:hover span, .dt-btn:focus-visible span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style):hover span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style):focus-visible span{ color: var(--green-60)!important; } /*----------------- Primary Button ------------------------*/ /*--- Primary Invers Button ---*/ .dt-btn.btn-primary.btn-invers, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-primary.btn-invers{ background-color: var(--black); border: 1px solid var(--black); color: var(--green-60); } /* Button Text */ .dt-btn.btn-primary.btn-invers span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-primary.btn-invers span{ color: var(--green-60); } /* Button hover background */ .dt-btn.btn-primary.btn-invers:hover, .dt-btn.btn-primary.btn-invers:focus-visible, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-primary.btn-invers:hover, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-primary.btn-invers:focus-visible{ background-color: var(--green-60); border-color: var(--green-60); color: var(--black); } /* Button hover Text */ .dt-btn.btn-primary.btn-invers:hover span, .dt-btn.btn-primary.btn-invers:focus-visible span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-primary.btn-invers:hover span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-primary.btn-invers:focus-visible span{ color: var(--black)!important; } /*----------------- Secondary Button ------------------------*/ /* General = Dark */ .dt-btn.btn-secondary, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary, .dt-btn.btn-secondary.dark, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary.dark, .dt-btn.to-filter, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).to-filter, .standort-marken-tab .dt-btn.btn-phone, .standort-marken-tab .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-phone, .standort-marken-tab .dt-btn.btn-mail, .standort-marken-tab .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-mail{ padding: 20px; background-color: transparent; border: 1px solid var(--green-100); } .dt-btn.btn-secondary span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary span, .dt-btn.btn-secondary.dark span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary.dark span{ color: var(--green-100)!important; text-transform: none; } .dt-btn.btn-secondary:hover, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary:hover, .dt-btn.btn-secondary.dark:hover, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary.dark:hover, .dt-btn.btn-secondary:focus-visible, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary:focus-visible, .dt-btn.btn-secondary.dark:focus-visible, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary.dark:focus-visible{ background-color: var(--green-100); } .dt-btn.btn-secondary:hover span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary:hover span, .dt-btn.btn-secondary.dark:hover span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary.dark:hover span, .dt-btn.btn-secondary:focus-visible span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary:focus-visible span, .dt-btn.btn-secondary.dark:focus-visible span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary.dark:focus-visible span{ color: var(--white)!important; } /* Light */ .dt-btn.btn-secondary.light, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary.light{ border: 1px solid var(--grey-dark); background-color: var(--green-20); } .dt-btn.btn-secondary.light span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary.light span{ color: var(--grey-dark)!important; text-transform: none; } .dt-btn.btn-secondary.light:hover, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary.light:hover, .dt-btn.btn-secondary.light:focus-visible, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary.light:focus-visible{ background-color: var(--green-80); border: 1px solid var(--green-80); } .dt-btn.btn-secondary.light:hover span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary.light:hover span, .dt-btn.btn-secondary.light:focus-visible span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary.light:focus-visible span{ color: var(--grey-dark)!important; } /* Black + Filter-Button */ .dt-btn.btn-secondary.black, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary.black, .dt-btn.to-filter, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.to-filter, .standort-marken-tab .dt-btn.btn-phone, .standort-marken-tab .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-phone, .standort-marken-tab .dt-btn.btn-mail, .standort-marken-tab .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-mail{ border: 1px solid var(--grey-dark); } .dt-btn.btn-secondary.black span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary.black span, .dt-btn.to-filter span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.to-filter span, .standort-marken-tab .dt-btn.btn-phone span, .standort-marken-tab .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-phone span, .standort-marken-tab .dt-btn.btn-mail span, .standort-marken-tab .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-mail span{ color: var(--grey-dark)!important; text-transform: none; } .dt-btn.btn-secondary.black:hover, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary.black:hover, .dt-btn.btn-secondary.black:focus-visible, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary.black:focus-visible, .dt-btn.to-filter:hover, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).to-filter:hover, .dt-btn.to-filter:focus-visible, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).to-filter:focus-visible, .standort-marken-tab .dt-btn.btn-phone:hover, .standort-marken-tab .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-phone:hover, .standort-marken-tab .dt-btn.btn-phone:focus-visible, .standort-marken-tab .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-phone:focus-visible, .standort-marken-tab .dt-btn.btn-mail:hover, .standort-marken-tab .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-mail:hover, .standort-marken-tab .dt-btn.btn-mail:focus-visible, .standort-marken-tab .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-mail:focus-visible{ background-color: var(--grey-dark); } .dt-btn.btn-secondary.black:hover span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary.black:hover span, .dt-btn.btn-secondary.black:focus-visible span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary.black:focus-visible span, .dt-btn.to-filter:hover span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).to-filter:hover span, .dt-btn.to-filter:focus-visible span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).to-filter:focus-visible span, .standort-marken-tab .dt-btn.btn-phone:hover span, .standort-marken-tab .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-phone:hover span, .standort-marken-tab .dt-btn.btn-phone:focus-visible span, .standort-marken-tab .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-phone:focus-visible span .standort-marken-tab .dt-btn.btn-mail:hover span, .standort-marken-tab .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-mail:hover span, .standort-marken-tab .dt-btn.btn-mail:focus-visible span, .standort-marken-tab .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-mail:focus-visible span{ color: var(--white)!important; } /* Pink */ .dt-btn.btn-secondary.pink, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary.pink{ border: 1px solid var(--red-pink); color: var(--red-pink)!important; } .dt-btn.btn-secondary.pink span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary.pink span{ color: var(--red-pink)!important; } .dt-btn.btn-secondary.pink:hover, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary.pink:hover, .dt-btn.btn-secondary.pink:focus-visible, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary.pink:focus-visible{ background-color: var(--red-pink); } .dt-btn.btn-secondary.pink:hover span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary.pink:hover span, .dt-btn.btn-secondary.pink:focus-visible span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary.pink:focus-visible span{ color: var(--white)!important; } /*--- Tertiary Button ---*/ .dt-btn.btn-tertiary, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary{ border: none!important; color: var(--grey-dark)!important; padding: 5px 0px!important; background-color: transparent!important; } .dt-btn.btn-secondary.btn-tertiary span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary span{ color: var(--grey-dark)!important; } .dt-btn.btn-tertiary:hover, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary:hover, .dt-btn.btn-tertiary:focus-visible, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary:focus-visible{ background-color: var(--red-pink); } .dt-btn.btn-tertiary:hover span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary:hover span, .dt-btn.btn-tertiary:focus-visible span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary:focus-visible span{ color: var(--grey-dark)!important; } .dt-btn.btn-tertiary i { color: var(--grey-dark)!important; font-size: 16px; margin-right: 0 !important; transform: inherit; transition: ease 0.4s; margin-right: 8px!important; } .dt-btn.btn-tertiary:hover i, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary:hover i, .dt-btn.btn-tertiary:focus-visible i, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary:focus-visible i{ color: var(--red-pink)!important; } /* Light */ .dt-btn.btn-tertiary.light, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary.light{ color: var(--white)!important; } .dt-btn.btn-secondary.btn-tertiary.light span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary.light span{ color: var(--white)!important; } .dt-btn.btn-tertiary.light:hover, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary.light:hover, .dt-btn.btn-tertiary.light:focus-visible, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary.light:focus-visible{ background-color: var(--white); } .dt-btn.btn-tertiary.light:hover span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary.light:hover span, .dt-btn.btn-tertiary.light:focus-visible span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary.light:focus-visible span{ color: var(--white)!important; } .dt-btn.btn-tertiary.light i { color: var(--white)!important; } .dt-btn.btn-tertiary.light:hover i, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary.light:hover i, .dt-btn.btn-tertiary.light:focus-visible i, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary.light:focus-visible i{ color: var(--red-pink)!important; } /* BUTTONS WITH ICONS */ .btn-mail span, .btn-phone span{ display: flex; align-items: center; } .btn-mail, .btn-phone{ transition: all ease 0.2s!important; } .btn-mail span::before{ content:""; background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/icon-mail-dark.svg"); background-size: contain; background-repeat: no-repeat; position: relative; display: inline-block; height: 13px; width: 15px; margin-right: 10px; top: 1px; } .btn-phone span::before{ content:""; background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/icon-phone-dark.svg"); background-size: contain; background-repeat: no-repeat; position: relative; display: inline-block; height: 15px; width: 15px; margin-right: 10px; top: 2px; } .btn-mail:hover span::before{ background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/icon-mail.svg"); } .btn-phone:hover span::before{ background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/icon-phone.svg"); } /* .dt-btn.ansprechpartner, .dt-btn.btn-tertiary{ font-size: 19px; color: var(--medium-grey)!important; border:none!important; padding: 0 0!important; background-color: transparent!important; } .dt-btn.ansprechpartner i, .dt-btn.btn-tertiary i{ color: var(--dark-black)!important; font-size: 21px; margin-right: 0!important; transform: translatex(-18px); transition: ease 0.4s; } .dt-btn.ansprechpartner:hover i, .dt-btn.btn-tertiary:hover i{ transform: translatex(-12px); } .dt-btn.ansprechpartner:hover, .dt-btn.btn-tertiary:hover{ color: var(--dark-black)!important; } @media only screen and (max-width: 603px){ .dt-btn.ansprechpartner.btn-inline-right, .dt-btn.btn-tertiary.btn-inline-right{ float: inherit; display: flex; width: auto!important; margin-top: 30px; max-width: 380px; } .dt-btn.ansprechpartner span, .dt-btn.btn-tertiary span{ text-align: left; line-height: 1.1; } } */ /*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* PAGETITLE */ /*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #pagetitle{ padding-top: 0; padding-bottom: 0; } #pagetitle .wpb_single_image{ max-height: 600px; } #pagetitle .wpb_single_image img{ max-height: 600px; object-fit: cover; object-position: center center; } #pagetitle .vc_row:first-child{ background-color: var(--green-20); padding-right: 35px; padding-left: 35px; } #pagetitle .vc_row:first-child > *{ padding-top: var(--gap-s); padding-bottom: var(--gap-m); } #pagetitle .headline{ hyphens: auto; } @media only screen and (min-width: 1173px){ #pagetitle .vc_row:first-child{ padding-top: 189px!important; } } /*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* CTA | CALL TO ACTION */ /*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .vc_row.cta .wpb_text_column.headline-xl + .wpb_text_column{ padding-left: var(--headline-xl-padding-left); } .vc_row.cta { background-color: var(--green-20); padding: clamp(1.5rem, 4vw, 3.75rem) clamp(1rem, 3vw, 2rem); } @media only screen and (max-width: 810px) { .vc_row.cta { flex-direction: column; } .vc_row.cta .vc_col-sm-4, .vc_row.cta .vc_col-sm-8 { width: 100%!important; } .vc_row.cta .vc_col-sm-4 { margin-top: 1.5rem; padding-left: var(--headline-xl-padding-left); } } /* ----- STÖRER --------------------------------------------------------------------------------------------------------------------------------*/ .karriere h2::before{ background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/karriere-badermainzl-stoerer.svg"); background-repeat: no-repeat; background-size: contain; content:""; position: absolute; display: block; height: 190px; width: 190px; top: -60px; right:25px; z-index: 5; } .page-id-390 .karriere h2::before{ display: none; } @media only screen and (max-width: 820px){ .karriere h2::before{ height: 125px; width: 125px; top: -10px; right:35px; } } @media only screen and (max-width: 778px){ .karriere h2::before{ right:4rem; } } @media only screen and (max-width: 560px){ .karriere h2::before{ right:10px; top: -75px; } } .aktionen-carousel-row, #formular.aktion{ overflow: visible!important; } .wir-kaufen-ihr-auto-row::before{ background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/wir-kaufen-ihr-auto-badermainzl-stoerer.svg"); background-repeat: no-repeat; background-size: contain; content:""; position: absolute; display: block; height: 190px; width: 190px; top: -60px; left:3rem; z-index: 5; } @media only screen and (max-width: 820px){ .wir-kaufen-ihr-auto-row::before{ height: 125px; width: 125px; } } @media only screen and (max-width: 503px){ .wir-kaufen-ihr-auto-row::before{ left: 25px; } } /* ----- SEITENTITEL --------------------------------------------------------------------------------------------------------------------------------*/ .seitentitel{ background-color: #fff; border-bottom: 4px solid var(--medium-grey); -webkit-box-shadow: 0px 4px 50px 0px rgba(0,0,0,0.24); box-shadow:0px 4px 50px 0px rgba(0,0,0,0.24); padding: 4.5rem 0 4.5rem; position: relative; z-index:1; } .seitentitel.jobs{ padding: 4.5rem 0 4rem; } .seitentitel .wpb_content_element { margin-bottom: 0; } .seitentitel .small-heading, .page-id-473 .small-heading{ font-size: 22px; position: relative; display: inline-block; line-height: 1.3; } .seitentitel.jobs{ margin-bottom: 4.5rem; border-color: var(--color-karriere); } .seitentitel.service{ border-color: var(--color-service); } .seitentitel.aktionen{ border-color: var(--color-aktionen); } .seitentitel.neuwagen{ border-color: var(--color-neuwagen); } .page-image .wpb_single_image{ margin-bottom: 0; max-height: 630px; } .page-image .wpb_single_image img{ max-height: 630px; object-fit: cover; object-position: center 85%; } /* PAGE-IMAGE GESCHÄFTSKUNDEN */ .page-id-944 .page-image .wpb_single_image img { object-position: center center; } .page-image.standort .wpb_single_image{ max-height: 390px; } @media only screen and (max-width: 992px){ .seitentitel { padding: 4rem 0 4rem; } .seitentitel.jobs{ margin-bottom: 4rem; padding: 4rem 0 3.5rem; } } @media only screen and (max-width: 778px){ .seitentitel { padding: 3rem 0; } .seitentitel.jobs{ margin-bottom: 3rem; } .seitentitel .small-heading, .page-id-473 .small-heading{ font-size: 19px; margin-bottom: 5px; } .seitentitel.jobs .small-heading{ top:6px; margin-bottom: 0px; } .page-id-507 .seitentitel.jobs .small-heading, .page-id-491 .seitentitel.jobs .small-heading{ top:0px!important; } } /* ----- ROWS --------------------------------------------------------------------------------------------------------------------------------*/ .row-6-cols{ grid-row-gap: 2rem; } @media only screen and (max-width: 1021px){ .row-zitat-text .vc_col-sm-8, .row-zitat-text .vc_col-sm-4, .row-zitat-text .vc_col-sm-6{ width: 50%; } } @media only screen and (max-width: 649px){ .row-zitat-text .vc_col-sm-8, .row-zitat-text .vc_col-sm-4, .row-zitat-text .vc_col-sm-6{ width: 100%; } .line-before::before{ display: none; } } .row-6-cols .vc_col-sm-2{ width: 33%; } .row-6-cols .ult-video, .row-6-cols .wpb_single_image{ margin: 0 0 25px 0!important; } @media only screen and (max-width: 1010px){ .row-6-cols .vc_col-sm-2{ width: 50%; } } @media only screen and (max-width: 767px){ .row-6-cols .vc_col-sm-2{ width: 100%; margin-bottom: 20px; } .row-6-cols .vc_col-sm-2 img{ width: 100%; max-width: 400px; } .row-6-cols .ult-video{ width: 100%; max-width: 400px; } .row-6-cols .ult-video img{ max-width: inherit; } } /* ----- VORTEILE ROW ----------------------------------------------------------------------------------------------------------------------*/ .vorteile-row{ background-color: var(--green-20); padding: clamp(3.5rem, 4vw, 5rem) clamp(2rem, 3vw, 3rem); } .vorteile-row .vc_inner .wpb_text_column.wpb_content_element{ margin-bottom: 0; } .vorteile-row ul li { padding-left: 12px; break-inside: avoid; } .vorteile-row .wpb_text_column ul li:not(:last-child){ margin-bottom: 1rem; } .vorteile-row ul { list-style-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/icon-check-dark.svg")!important; -webkit-column-gap: clamp(2.5rem, 6vw, 3.125rem); column-gap: clamp(2.5rem, 6vw, 3.125rem); -webkit-column-width: clamp(300px, 30vw, 600px); column-width: clamp(300px, 30vw, 600px); } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* HEADER /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .header-bar .location-wrapper, .dt-mobile-header .location-wrapper{ display: flex; flex-direction: row; gap: 25px; left: 60px; position: relative; } .header-bar .location-wrapper a, .dt-mobile-header .location-wrapper a{ color: var(--medium-grey); opacity: 0.7; text-decoration: none!important; font-family: "Poppins"; font-size: 16px; line-height: 1.3!important; position: relative!important; } .header-bar .location-wrapper a:hover, .dt-mobile-header .location-wrapper a:hover{ color: var(--dark-black); } .header-bar .location-wrapper .location-col, .dt-mobile-header .location-wrapper .location-col{ display: flex; flex-direction: column; grid-row-gap: 10px; } .header-bar .logos-wrapper{ display: flex; flex-direction: row; gap: 25px; align-items: flex-end; } .header-bar .branding{ border-bottom: 1px solid rgba(112,112,112,0.16); padding-bottom: clamp(15px, 1.5vw, 25px)!important; } .header-bar .sub-nav{ -webkit-box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.1); box-shadow:0px 8px 12px 0px rgba(0,0,0,0.1); } .header-bar .sub-nav::before{ content: ""; position: absolute; top:-13px; left:25px; display: block; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid var(--green-20); z-index: 5; transition: all ease 0.2s!important; } .header-bar .menu-item a[data-level="1"]{ transition: all ease 0.9s!important; } .mini-contacts:hover{ color: var(--dark-black)!important; } .header-bar #primary-menu.main-nav { justify-content: center; justify-items: center; } @media only screen and (max-width:1451px){ .mini-widgets .text-area.show-on-desktop .location-wrapper{ display: none; } .menu-item.depth-0 a{ margin-left:5px; margin-right: 5px; } } @media only screen and (max-width:1278px){ .navigation .mini-widgets a.mini-contacts.show-on-desktop{ color:transparent; width: 15px; } .navigation .mini-widgets { padding-left: 20px!important; } } .menu-item.new-tab .menu-item-text::after{ content:""; background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/icon-new-tab.svg"); background-size: contain; background-repeat: no-repeat; position: relative!important; display: block!important; height: 12px!important; width: 12px!important; margin-left: 7px; top: 3px!important; right: 0!important; } .menu-item.new-tab .menu-item-text{ display: flex; } .menu-item a:hover{ background-color: var(--green-20); } /* ------ MEGA MENU STANDORTE & MARKEN -----*/ #primary-menu .menu-item-1515 .sub-nav{ box-shadow: none!important; } #primary-menu .menu-item-1515 .sub-nav::before{ display: none!important; } .dt-mega-menu-wrap{ padding: 2rem 5rem; background-color: #fff!important; -webkit-box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.1)!important; box-shadow:0px 8px 12px 0px rgba(0,0,0,0.1)!important; } .menu-item.dt-mega-menu.depth-0 > a:hover > .menu-item-text::before { content: ""; position: absolute; bottom: -8px; left: 10px; display: block; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid rgba(142,152,156,0.15); z-index: 5; transition: all ease 0.2s!important; } .dt-mega-menu-wrap li.dt-mega-parent > a .menu-text { text-transform: normal!important; color: var(--dark-black)!important; font-size: 15px!important; } .header-bar .menu-item.depth-0 .menu-text{ font-size: clamp(15px, 1.2vw ,16px)!important; } .dt-mega-menu-wrap .menu-item a[data-level="4"]:not(.menu-heading)::before, #mobile-menu .menu-item a[data-level="4"]::before{ height: 30px; width:40px; content: ""; display: inline-block; position: relative; background-image:url("https://www.autowelt-bader.de/wp-content/uploads/2022/11/vw.jpg"); background-size: contain; background-position: center; background-repeat: no-repeat; margin: 0 auto!important; } .dt-mega-menu-wrap .seat.menu-item a[data-level="4"]::before, #mobile-menu .seat.menu-item a[data-level="4"]::before{ height: 39px; width:50px; background-image:url("https://www.autowelt-bader.de/wp-content/uploads/2022/11/seat.jpg"); top:-7px; } .dt-mega-menu-wrap .cupra.menu-item a[data-level="4"]::before, #mobile-menu .cupra.menu-item a[data-level="4"]::before{ height: 39px; width:50px; background-image:url("https://www.autowelt-bader.de/wp-content/uploads/2022/11/cupra.jpg"); top:-8px; } .dt-mega-menu-wrap .skoda.menu-item a[data-level="4"]::before, #mobile-menu .skoda.menu-item a[data-level="4"]::before{ height: 37px; width:48px; background-image:url("https://www.autowelt-bader.de/wp-content/uploads/2023/06/skoda-neu.png"); top:-5px; } .dt-mega-menu-wrap .audi.menu-item a[data-level="4"]::before, #mobile-menu .audi.menu-item a[data-level="4"]::before{ height: 37px; width:48px; background-image:url("https://www.autowelt-bader.de/wp-content/uploads/2022/11/audi.jpg"); top:-5px; } .dt-mega-menu-wrap .vw-nfz.menu-item a[data-level="4"]::before, #mobile-menu .vw-nfz.menu-item a[data-level="4"]::before{ height: 37px; width:48px; background-image:url("https://www.autowelt-bader.de/wp-content/uploads/2022/11/vw_nfz.jpg"); top:-4px; } .dt-mega-menu-wrap .menu-item a[data-level="4"] .menu-item-text, #mobile-menu .menu-item a[data-level="4"] .menu-item-text{ display: none; } .dt-mega-menu-wrap li.dt-mega-parent { display: flex; justify-content: flex-start!important; justify-items: flex-start!important; align-content: center!important; align-items: center!important; } .dt-mega-menu-wrap .menu-item li .sub-nav{ display: flex; justify-content: center; justify-items: center; gap: 10px!important; } .dt-mega-menu-wrap .menu-item .sub-nav li a{ padding: 0px!important; text-align: center!important; margin: 0 0!important; } .dt-mega-menu-wrap .menu-item a[data-level="3"], .dt-mega-menu-wrap .menu-item a[data-level="4"], #mobile-menu .menu-item a[data-level="4"], #mobile-menu .menu-item a[data-level="3"]{ pointer-events: none!important; } .dt-mega-menu-wrap .menu-item a[data-level="2"]:hover .menu-text { background-color: rgba(142,152,156,0.15); } .dt-mega-menu-wrap .menu-item a[data-level="2"] .menu-text, #mobile-menu .menu-item-1515 .menu-item-has-children a[data-level="2"] .menu-text{ font-weight: 600!important; } .dt-mega-menu-wrap .menu-item a[data-level="2"]:hover { background-color: rgba(142,152,156,0.0)!important; } .dt-mega-menu-wrap .menu-item a[data-level="2"] .menu-text::before, #mobile-menu .menu-item-1515 .menu-item-has-children a[data-level="2"] .menu-text::before { content: ""; position: relative; top:2px; left:0; display: inline-block; border-top: 8px solid transparent; border-left: 10px solid rgba(142,152,156,0.15); border-bottom: 8px solid transparent; height: 0px; width:0px; margin-right: 6px; } #mobile-menu .menu-item-1515 .menu-item-has-children > ul.sub-nav{ display: flex!important; flex-direction: row!important; justify-content: flex-start!important; justify-items: flex-start!important; flex-wrap: wrap; gap: 10px!important; padding: 0 0 2px 0!important; margin: 0 0!important; visibility: visible!important; } #mobile-menu .menu-item-1515 .menu-item-has-children.depth-1 > ul.sub-nav{ border-bottom: 1px solid var(--medium-grey); } #mobile-menu .menu-item-451 ul.sub-nav{ border-bottom: 0px !important; } #mobile-menu .menu-item-1515 ul.sub-nav a[data-level="3"] .menu-item-text{ text-align: left!important; } #mobile-menu .menu-item-1515 .menu-item-has-children > ul.sub-nav li{ padding: 0px!important; text-align: center!important; margin: 0 0!important; width: auto!important; display: inline-block; } #mobile-menu .menu-item-1515 a[data-level="2"]{ padding-top: 15px; z-index: 5!important; } #mobile-menu .menu-item-1515 a[data-level="3"]{ pointer-events: none!important; } #mobile-menu .menu-item-1515 .menu-item-has-children i { display: none!important; } .dt-mega-menu-wrap .menu-item a[data-level="3"] .menu-item-text, #mobile-menu .menu-item a[data-level="3"] .menu-item-text{ text-align: center!important; display: block!important; width: 100%!important; z-index: 999!important; text-transform: uppercase!important; font-weight: 600!important; margin-bottom: 10px; margin-top: 10px; } .dt-mega-menu-wrap .menu-item a[data-level="3"] .menu-item-text .menu-text, #mobile-menu .menu-item a[data-level="3"] .menu-item-text .menu-text{ font-weight: 500!important; font-size: 13px; } .dt-mega-menu-wrap .menu-item a[data-level="2"] .menu-item-text .menu-text, #mobile-menu .menu-item a[data-level="2"] .menu-item-text .menu-text{ text-transform: uppercase; } .mobile-main-nav>li.has-children>a { box-sizing: border-box; } /* ------------------------------------------------------------ */ /* HEADER ANPASSUNGEN NEU BADER /* ------------------------------------------------------------ */ body .mobile-header-space, body .header-space{ height: 0!important; min-height: 0!important; max-height: 0!important; display: none!important; visibility: hidden!important; } .masthead{ box-sizing: border-box; padding-left: 7vw!important; padding-right: 7vw!important; } .masthead::before{ content: ""; position: absolute; display: block; height: 100%; width: 100%; background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/header-bg-new.svg"); background-repeat: no-repeat; background-size: 100% 100%; top: 0; left: 0; -moz-filter: drop-shadow(0px 4px 15px rgba(0,198,213,0.60)); -webkit-filter: drop-shadow(0px 4px 15px rgba(0,198,213,0.60)); filter: drop-shadow(0px 4px 15px rgba(0,198,213,0.60)); z-index:0; } .header-bar > *{ z-index:1; } .header-bar{ background-color: var(--white)!important; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* SIDE BUTTONS BAR + SCROLL TOP /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .side-buttons-wrapper{ display: flex; flex-direction: column; position: fixed; right: -140px!important; top: 217px; z-index: 99; } .side-buttons-wrapper a{ background-color: var(--green-60); color: var(--black); text-decoration: none; font-family: "Poppins"; font-weight: 400; font-size: 14px; text-transform: uppercase; display: flex; align-items: center; padding: 12px 15px; transform: translatex(0px); transition: ease-in-out 0.5s; } .side-buttons-wrapper a:hover, .side-buttons-wrapper a:focus-visible{ transform: translatex(-140px); } .side-buttons-wrapper a::before{ content:""; background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/icon-car.svg"); background-size: contain; background-repeat: no-repeat; position: relative; display: inline-block; height: 25px; width: 25px; margin-right: 25px; filter: brightness(0); } .side-buttons-wrapper a:nth-child(2)::before{ background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/icon-tool.svg"); } .side-buttons-wrapper a:nth-child(3)::before{ background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/icon-phone.svg"); width: 25px; } .side-buttons-wrapper a:nth-child(4)::before{ background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/icon-warning.svg"); } .side-buttons-wrapper a:nth-child(5)::before{ background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/icon-shop.svg"); } .side-buttons-wrapper a::after{ content:""; position: absolute; display: block; height: 1px; width: 40px; margin-right: 20px; background-color:rgba(255,255,255,0.23); bottom: 0px!important; left: 9px!important; } .scroll-top::before{ content:""; background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/icon-arrow.svg"); background-size: contain; background-repeat: no-repeat; position: relative; display: inline-block; height: 25px; width: 25px; } .scroll-top svg{ display: none!important; } .scroll-top{ background-color: var(--grey-dark)!important; } @media only screen and (max-width:560px){ .scroll-top{ position: fixed; right:0!important; bottom:0; padding: 8px 6px 8px; height: 56px; width: 56px; } .side-buttons-outer{ position: fixed; bottom: 0; left: 0!important; z-index:98; width: 100%; background-color: var(--green-60); height:56px; } .side-buttons-wrapper{ display: flex; flex-direction: row; justify-content: space-around!important; position: fixed; right: inherit!important; top: inherit; bottom: 0; left: 0!important; z-index:99; width: calc(100% - 51px); height: 56px; } .side-buttons-wrapper span{ display: none; } .side-buttons-wrapper a{ transform: translatex(0px); padding: 12px 15px; justify-content: center!important; justify-items: center!important; width: 100%!important; display: flex!important; flex-basis: 100%!important; align-content: center!important; align-items: center!important; text-align: center!important; } .side-buttons-wrapper a::after{ content:""; position: absolute; display: block; height: 35px; width: 1px; background-color:rgba(255,255,255,0.23); bottom: 9px!important; left: inherit!important; right: 0; margin-right: inherit; } .side-buttons-wrapper a::before{ margin-right: inherit; } .side-buttons-wrapper a:last-child::after{ display: none; } .side-buttons-wrapper a:hover{ transform: translatex(0px); } } @media only screen and (min-width: 1173px){ #page .side-buttons-outer{ display: none!important; visibility: hidden!important; } } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* MOBILE HEADER /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ body .mobile-header-space:has( + .masthead-mobile-header.masthead-mobile:not(.sticky-mobile-on)) + .masthead + .logos-wrapper-mobile-header{ margin-top: -60px; } .logos-wrapper-mobile-header{ background-color: #fff!important; background: #fff!important; padding: calc(16px + 60px) 1rem 4px; -webkit-box-shadow: 2px 2px 8px 0px rgb(0 0 0 / 3%); box-shadow: 2px 2px 8px 0px rgb(0 0 0 / 3%); display: flex; flex-direction: row; gap: 25px; align-content: flex-end; align-items: flex-end; justify-content: space-evenly; justify-items: space-evenly; position: relative; z-index: 3; margin-bottom: -1px; } @media only screen and (min-width:1191px){ .logos-wrapper-mobile-header{ display: none; } } @media only screen and (max-width:656px){ .logos-wrapper-mobile-header a img{ height: 45px!important; width: auto; } } @media only screen and (max-width:656px){ .logos-wrapper-mobile-header a img{ height: 33px!important; } } @media only screen and (max-width:373px){ .logos-wrapper-mobile-header a img{ height: 25px!important; } } @media only screen and (max-width: 600px){ .show-overlay-mobile-header.show-sticky-mobile-header .dt-mobile-header { max-width: 100vw!important; width: 100vw!important; right: 100vw!important; } .show-overlay-mobile-header.show-sticky-mobile-header .dt-mobile-header .mobile-header-scrollbar-wrap { max-width: calc(100vw - 25px)!important; width: calc(100vw - 25px)!important; } } .dt-mobile-header .mobile-mini-widgets-in-menu{ flex-direction: column; justify-content: flex-start; justify-items: flex-start; align-content: flex-start; align-items: flex-start; } .dt-mobile-header .mobile-mini-widgets-in-menu .mini-contacts{ order: 1!important; } .dt-mobile-header .mobile-mini-widgets-in-menu .soc-ico{ order: 2!important; } .dt-mobile-header .mobile-mini-widgets-in-menu .text-area{ order: 3!important; } .dt-mobile-header .location-wrapper{ flex-direction: column; gap: 10px; left: 0px; } .mobile-mini-widgets-in-menu .logos-wrapper{ gap: 15px!important; margin-top: 2rem; display: grid!important; grid-template-columns: repeat(6, 1fr)!important; } .mobile-mini-widgets-in-menu .logos-wrapper img{ height: 30px; width: auto!important; } .mobile-mini-widgets-in-menu .logos-wrapper br{ display: none!important; } @media only screen and (max-width: 600px){ .mobile-mini-widgets-in-menu .logos-wrapper img{ height: 40px; width: auto!important; } } @media only screen and (max-width: 401px){ .mobile-mini-widgets-in-menu .logos-wrapper img{ height: 30px; width: auto!important; } } @media only screen and (max-width: 322px){ .mobile-mini-widgets-in-menu .logos-wrapper img{ height: 25px; width: auto!important; } } .mobile-mini-widgets-in-menu{ padding-top: 0; } .mobile-menu-show-divider .mobile-main-nav > li > a { padding: 12px 45px 12px 0; } .mobile-mini-widgets-in-menu .mini-contacts{ width: auto!important; width: 100%!important; border-top: 1px solid rgba(142,151,156,0.5); margin: 0 0!important; padding: 12px 0px; font-size: 16px; font-weight: 400; text-transform: uppercase; } .mobile-mini-widgets-in-menu .soc-ico{ margin: 2rem 0; left:-10px; position: relative; } .mobile-mini-widgets-in-menu .soc-ico .soc-font-icon{ font-size: 25px; } .mobile-mini-widgets-in-menu .soc-ico a{ border-radius: 0px!important; width:30px; height:30px; margin-right: 15px; } .mobile-mini-widgets-in-menu .soc-font-icon::after{ content:""; position: absolute; display: block; width:1px; height:19px; background-color: var(--medium-grey); top: 2px; right: -10px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* FOOTER /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #footer{ z-index: 20!important; } @media only screen and (max-width:560px){ #footer{ margin-bottom: 49px; } } @media only screen and (min-width:779px){ #footer.footer.solid-bg.full-width .wf-container-footer .wf-container { width: 100%; margin: 0 auto; } } #bottom-bar .wf-float-right{ margin-right: 0!important; justify-content: center; color: var(--grey-dark)!important; } #footer .footer-heading{ text-transform: uppercase; font-size: 15px; color: var(--grey-dark); } #footer p, #footer p a{ color: var(--grey-dark); text-decoration: none; font-size: 14px; line-height: 1.4; } #footer p a:hover{ color: var(--green-100); text-decoration: underline; } #footer p a.footer-standort{ color: var(--grey-dark); font-size: 11px; text-transform: uppercase; display: flex; align-items: center; } #footer p a.footer-standort::before{ background-color: var(--grey-dark); content:""; height: 13px; width: 1px; position: relative; display: inline-block; margin-right: 8px; transform:translatex(0px); transition: ease-in-out 0.2s; } #footer p a.footer-standort:hover::before{ transform:translatex(3px); } #footer #block-11 .wp-block-social-links{ margin-bottom: 28px; } #footer #block-11 .wp-block-social-link { background-color: transparent!important; color: var(--grey-dark); } #footer #block-11 .wp-block-social-link:hover { color: var(--black); } #footer #block-11 .wp-block-social-link a{ padding: 0 0; } #footer #block-11 img{ height: 40px; width: auto; } #footer #menu-bottom-menu li a{ text-transform: uppercase; font-size: 15px; text-decoration: none; } #footer #menu-bottom-menu li{ border-top: 1px solid rgba(142,152,156,0.6); } #footer #menu-bottom-menu li a:hover{ color: var(--green-100); } #footer .wp-social-link.wp-social-link-tiktok{ height: 20px!important; width: 20px!important; top: 1px!important; position: relative; } #footer .wp-social-link.wp-social-link-tiktok svg{ height: 19px!important; } #footer .wp-social-link{ border-radius: 0px!important; } #bottom-bar{ padding-bottom: 0!important; border-top: 1px solid var(--grey-medium); } /* --------------- FOOTER LAYOUT / MEDIA QUERIES -------------------*/ #footer .widget, .wf-cell { padding: 0; margin-bottom: 10px; } #footer .wf-1-6 { width: auto; } #footer .wf-container{ display: flex; flex-direction: row; flex-wrap: wrap; gap: 30px; justify-content: space-between!important; } #footer .wf-container::before, #footer .wf-container::after{ display: none; } @media only screen and (max-width: 990px){ #bottom-bar .wf-container-bottom{ -ms-flex-pack: center; -ms-justify-content: center!important; justify-content: center!important; justify-items: center!important; align-items: center!important; align-content: center!important; } #bottom-bar .bottom-text-block { text-align: center!important; } } @media only screen and (max-width: 778px){ #footer .wf-container{ padding: 0 2rem; } } @media only screen and (max-width: 655px){ #footer .wf-container{ display: grid; grid-template-columns: 1fr 1fr 1fr; flex-wrap: wrap; gap: 30px; justify-content: space-between!important; } #bottom-bar{ padding-bottom: 2rem!important; } } @media only screen and (max-width: 629px){ #footer .wf-container{ grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 404px){ #footer .wf-container{ grid-template-columns: 1fr; } #footer .wf-cell { margin-bottom: 0px; } #footer #menu-bottom-menu{ margin-bottom: 20px; } } /* --------- ANPASSUNGEN FOOTER BADER ------------ */ footer{ box-sizing: border-box; padding-left: 7vw!important; padding-right: 7vw!important; position: relative; } footer::before{ content: ""; position: absolute; display: block; height: 100%; width: 100%; background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/header-bg-new.svg"); background-repeat: no-repeat; background-size: 100% 100%; top: 0; left: 0; -moz-filter: drop-shadow(0px 4px 15px rgba(0,198,213,0.60)); -webkit-filter: drop-shadow(0px 4px 15px rgba(0,198,213,0.60)); filter: drop-shadow(0px 4px 15px rgba(0,198,213,0.60)); z-index:0; transform: scale(-1); } footer > *{ z-index: 1; position: relative; background-color: var(--white)!important; } footer .wf-wrap{ padding-left: 0!important; padding-right: 0!important; } footer section.widget.wf-cell.wf-1-5{ width: auto!important; } @media only screen and (max-width: 1229px) { footer { background-color: var(--white)!important; margin-top: 7vh; } footer::before { content: ""; position: absolute; display: block; height: 7vh; width: 100%; background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/header-bg-new.svg"); background-repeat: no-repeat; background-size: 100% 100%; top: -7vh!important; } footer .wf-wrap::before { content: ""; position: absolute; display: block; background-color: var(--white); height: 100%; width: 1000%; top: -1px; left: -200%; z-index: -1; } } #bottom-bar .bottom-text-block{ text-align: center; } #bottom-bar .bottom-text-block .legal-notice{ text-align:left; margin-top: 2rem; margin-bottom: 2rem; } #bottom-bar .bottom-text-block .legal-notice p{ font-size: 12px!important; line-height: 1.5!important; } #bottom-bar .bottom-text-block .legal-notice p:not(:last-child){ margin-bottom: 0.6rem; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* STARTSEITE /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #start-img { max-height:630px; } #start-img img { object-fit: cover; max-height:630px; object-position: center center; } .box-row-start{ padding: 0 95px; } .box-column-start > .vc_column-inner { height: 100%!important; display: flex; width: 100%!important; min-width: 100%!important; } .box-row-start .box-column-start > .vc_column-inner > .wpb_wrapper{ display: flex!important; flex-direction: row; gap:3rem; width: 100%!important; } .box-row-start .vc_row.wpb_row.vc_row-fluid{ margin: 0 0!important; } @media only screen and (max-width:1076px){ .box-row-start .box-column-start > .vc_column-inner > .wpb_wrapper{ display: flex!important; flex-direction: column-reverse; gap:3rem; justify-content: center!important; justify-items: center!important; align-content: center!important; align-items: center!important; margin-bottom: 3rem!important; } } @media only screen and (max-width:763px){ .page-id-2 .css-1oojr1r{ flex-direction: column; align-content: center; align-items: center; } .page-id-2 .css-jg2jyt{ width: 100%!important; max-width: inherit!important; } } @media only screen and (max-width:763px){ .box-row-start{ padding: 0 55px; } .box-row-start .kontakt-box .ult-content-box{ max-width: 100%!important; min-width: 100%!important; width: 100%!important; } .box-row-start .kontakt-box, .box-row-start .templatera_shortcode .vc_row.wpb_row.vc_row-fluid, .box-row-start .templatera_shortcode .vc_row.wpb_row.vc_row-fluid .vc_column-inner{ display: flex!important; flex-direction: row!important; align-content: stretch!important; align-items: stretch!important; justify-content: stretch!important; justify-items: stretch!important; height: 100%!important; width: 100%!important; } .box-row-start .templatera_shortcode, .box-row-start .templatera_shortcode .vc_row.wpb_row.vc_row-fluid .vc_column-inner > .wpb_wrapper{ display: flex!important; flex-direction: row!important; width: 100%!important; } .box-row-start .kontakt-box a{ max-width:100px; } } @media only screen and (max-width:640px){ .box-row-start .box-column-start > .vc_column-inner > .wpb_wrapper{ gap:2rem; } } @media only screen and (max-width:763px){ .box-row-start{ padding: 0 65px; } } @media only screen and (max-width:560px){ .box-row-start{ padding: 0 1.5rem; } .box-row-start .kontakt-buttons{ margin-bottom: 0!important; } } @media only screen and (max-width:425px){ .box-row-start{ padding: 0 1rem; } .box-row-start .search-card .ult-content-box, .box-row-start .kontakt-box .ult-content-box{ padding: 2rem 0.5rem; } } #start-slider .owl-nav > *{ top: calc(100% + -76px); } @media only screen and (min-width: 841px) and (max-width:994px) { #start-slider .owl-nav > * { top: 0; } #start-slider .owl-nav > *.owl-next { top: 75px; right: inherit; left: 0; } } /* --- SCHNELLSUCHE / FAHRZEUGSUCHE --------------------------------------------------------------*/ section.vc_section.fahrzeugsuche-start{ padding-top: var(--gap-m); padding-bottom: var(--gap-s); } section.vc_section.fahrzeugsuche-start .wpb_text_column *{ color: var(--white); } section.vc_section.fahrzeugsuche-start .wpb_text_column.headline .inner{ background: none!important; } .search-card { display: block!important; width: 100%!important; } .search-card .ult-content-box{ background-color: var(--dark-black)!important; padding: 3rem 2rem; } .search-card .heading-like-h2 p{ color: #fff!important; } .search-card .wpb_raw_code{ margin-bottom: 0!important; } .page-id-2 .MuiButtonBase-root{ background-color: #fff!important; color: var(--dark-black)!important; font-weight: 500!important; transition: ease 0.3s!important; padding: 11px 35px!important; } .page-id-2 .MuiButtonBase-root:hover{ background-color: var(--dark-black)!important; color: #fff!important; } .page-id-2 .MuiPopover-paper{ background-color: inherit!important; box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1)!important; border-top: none!important; } /* --- Fahrzeugsuche Buttons --- */ div.ahdContainer#ahdFahrzeugsuche .MuiStack-root.css-svnzsf{ right: 5px; bottom: 120px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* JOBS /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* --- JOBS KATEGORIEN / CATEGORIES --------------------------------------------------------------*/ .category-link{ display: flex!important; flex-direction: row!important; flex-wrap: wrap!important; gap: 4px!important; grid-row-gap: 10px!important; margin-bottom: 10px!important; color:#fff!important; } .category-link a{ padding: 1px 4px; color: #fff!important; background-color: var(--green-100); font-family: "Poppins"; font-weight: 600; font-size: 14px; pointer-events: none; } .category-link a[href$="/category/jobs/ausbildung/"]{ background-color: var(--dark-black); } article .category-link a[href="https://www.autowelt-bader.de/category/jobs/ausbildung/ausbildung-bruckmuehl-heufeld/"], article .category-link a[href="https://www.autowelt-bader.de/category/jobs/ausbildung/ausbildung-wolfratshausen/"]{ display: none!important; } /* ---- JOBS BLOG LIST -------------------------------------------------------------------------*/ .articles-list.blog-shortcode article .post-entry-content{ display: flex; flex-direction: column-reverse; } .articles-list article:hover{ -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1)!important; box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.1)!important; position: relative; z-index: 5!important; border-color: #fff!important; } .articles-list article{ transition: ease 0.2s; } .articles-list article h3{ font-weight: 600!important; font-size: 22px!important; } @media only screen and (max-width: 768px){ .articles-list.blog-shortcode article{ border-bottom: 1px solid rgba(142,151,156,0.6)!important; margin-top: 0!important; } } /* ---- JOBS BLOG LIST WITH IMAGE --- */ .job-list.with-image article{ display: flex; align-content: stretch!important; align-items: stretch!important; margin-bottom: 1.5rem; background-color: #fff; } .job-list.with-image article:hover{ -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15)!important; } .job-list.with-image .post-entry-content{ display: flex; flex-direction: column!important; justify-content: center !important; padding: 3rem!important; width: 100%!important; } .job-list.with-image .post-entry-content .entry-meta{ order: 1; margin-bottom: 0; width: 100%; max-width: calc(100% - 110px)!important; } .job-list.with-image .post-entry-content .entry-title{ order: 2; margin-bottom: 15px; width: 100%; max-width: calc(100% - 110px)!important; } .job-list.with-image .post-entry-content .entry-excerpt{ order: 3; width: 100%; max-width: calc(100% - 110px)!important; } .job-list.with-image .post-entry-content .details-type-link{ order: 4; font-size: 19px; color: var(--medium-grey)!important; border:none!important; padding: 0 0!important; background-color: transparent!important; font-weight: 400; text-transform: uppercase; letter-spacing: 1px!important; display: flex; align-content: center; align-items: center; gap: 14px; transition: ease 0.4s; position: absolute; right: 3rem; bottom: 3rem; } .job-list.with-image .post-entry-content .details-type-link:hover, .job-list.with-image article:hover .details-type-link{ color: var(--dark-black)!important; } .job-list.with-image .post-entry-content .details-type-link::before{ content: "\f029"; font-family: icomoon-the7-font!important; speak: none; font-style: normal; color: var(--dark-black)!important; font-size: 21px; transition: ease 0.4s; } .job-list.with-image .post-entry-content .details-type-link:hover::before, .job-list.with-image article:hover .details-type-link::before{ transform: translatex(6px); } .job-list.with-image .post-entry-content .details-type-link::after, .job-list.with-image .post-entry-content .details-type-link i{ display: none; } .job-list.with-image .post-thumbnail-wrap, .job-list.with-image .post-thumbnail, .job-list.with-image .post-thumbnail img{ display: flex; width: 100%!important; max-width: 450px!important; } .job-list.with-image .post-thumbnail img{ height: 100%; object-fit: cover; } .job-list .filter-categories .show-all{ order: 1!important; } .job-list .filter-categories .bruckmuehl-heufeld{ order: 2!important; } .job-list .filter-categories .feldkirchen-westerham{ order: 3!important; } .job-list .filter-categories .rosenheim{ order: 4!important; } .job-list .filter-categories .wolfratshausen{ order: 4!important; } .job-list .filter-categories .ausbildung{ order: 5!important; } @media only screen and (max-width: 1200px){ .job-list.with-image .details-type-link{ position: relative!important; bottom: inherit!important; right: inherit!important; margin-top: 0.7rem; } .job-list.with-image .post-entry-content .entry-meta, .job-list.with-image .post-entry-content .entry-title, .job-list.with-image .post-entry-content .entry-excerpt{ width: 100%; max-width: inherit!important; } } @media only screen and (max-width: 768px){ .job-list.with-image .post-thumbnail-wrap, .job-list.with-image .post-thumbnail{ max-width: inherit!important; height: 100%; max-height: 350px; } .job-list.with-image .post-thumbnail img{ max-width: inherit!important; height: 100%; } .job-list.with-image .post-entry-content{ padding: 2rem!important; } } @media only screen and (max-width: 540px){ .job-list.with-image .post-thumbnail-wrap, .job-list.with-image .post-thumbnail{ max-height: 250px; } .job-list.with-image .post-entry-content{ padding: 1.5rem 1rem!important; } } /* ---- JOBS LIST MINIMAL -------------------------------------------------------------------------*/ .job-list-row.jobs-minimal article .post-thumbnail-wrap{ display: none; } .job-list-row.jobs-minimal .articles-list.blog-shortcode{ display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; } @media only screen and (max-width: 950px) { .job-list-row.jobs-minimal .articles-list.blog-shortcode { grid-template-columns: 1fr; } } .job-list-row.jobs-minimal .articles-list.blog-shortcode article{ position: relative; border: 1px solid var(--white)!important; } .job-list-row.jobs-minimal .articles-list.blog-shortcode article .entry-title a{ transition: ease 0.4s; font-size: calc(var(--base-font-size) * 1.15); } .job-list-row.jobs-minimal .articles-list.blog-shortcode article .entry-title a::before{ content: ""; position: absolute; display: block; height: 100%; width: 100%; top: 0; left: 0; z-index: 10; } .job-list-row.jobs-minimal .articles-list.blog-shortcode article:hover, .job-list-row.jobs-minimal .articles-list.blog-shortcode article:focus-within{ background-color: var(--green-20); border-color: var(--green-100)!important; } .job-list-row.jobs-minimal .articles-list.blog-shortcode article:hover .entry-title a, .job-list-row.jobs-minimal .articles-list.blog-shortcode article:focus-within .entry-title a{ padding-left: 10px; } .job-list-row.jobs-minimal .articles-list.blog-shortcode article .post-entry-content{ padding: 1rem; } /* ---- JOBS UNTERSEITE -------------------------------------------------------------------------*/ @media only screen and (min-width: 768px){ .job-standort-col .vc_col-sm-12{ padding: 0!important; } } .standort-infos p a, .team-desc a{ text-decoration: none; color: var(--dark-black); } .standort-infos p a:hover, .team-desc a:hover{ background-color: #ffffff; } .standort-infos a, .team-desc a{ pointer-events: none; } .standort-infos a.tel, .standort-infos a.mail, .team-desc a.tel, .team-desc a.mail{ pointer-events: initial!important; } .standort-infos p a::before, .team-desc .team-content a::before{ content:""; background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/icon-fax-dark.svg"); background-size: contain; background-repeat: no-repeat; position: relative; display: inline-block; height: 12px; width: 12px; margin-right: 7px; } .standort-infos p a.tel::before, .team-desc .team-content a.tel::before{ content:""; background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/icon-phone-dark.svg"); background-size: contain; background-repeat: no-repeat; position: relative; display: inline-block; height: 12px; width: 12px; margin-right: 7px; } .standort-infos p a.mail::before, .team-desc .team-content a.mail::before{ content:""; background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/icon-mail-dark.svg"); top:2px; } .job-standort-row a:hover, .job-standort-row a:focus-visible{ text-decoration: underline!important; } .job-standort-row{ margin-top: 1.5rem!important; } .job-standort-row .wpb_text_column + .wpb_text_column{ margin-top: 1rem!important; } @media only screen and (max-width: 1250px){ .job-standort-row .vc_col-sm-6{ width: 100%; } .job-standort-row img{ max-width: 350px; width: 100%; } } .ansprechpartner-jobs .team-container{ padding: 0; margin-bottom: 1rem; } #formular{ background-color: #fff; -moz-filter: drop-shadow(0 4px 40px rgba(0,198,213,.6)); -webkit-filter: drop-shadow(0 4px 40px rgba(0, 198, 213, .6)); filter: drop-shadow(0 4px 40px rgba(0, 198, 213, .6)); padding: 5rem 5rem 4rem; } #formular.bewerbung{ padding: 0 5rem 4rem; } .heading-bewerbung { width: auto!important; max-width: 290px; background-color: var(--color-karriere); color: #fff; text-transform: uppercase; font-size: 43px; line-height: 1.1; font-weight: 600; padding: 1rem 0 1rem 1rem; } .heading-bewerbung .thin { font-weight: 300; left: 8px; position: relative; } #formular:has(.contact-col) .gform_wrapper{ max-width: 580px; } #formular .contact-col .vc_column-inner .wpb_wrapper { max-width: 260px; margin: 0 auto!important; } @media only screen and (max-width:1040px){ #formular{ padding: 3rem 3rem; } #formular.bewerbung{ padding: 0 3rem 3rem; } } @media only screen and (max-width:819px){ #formular:has(.contact-col) .vc_col-sm-3\/5, #formular:has(.contact-col) .vc_col-sm-2\/5{ width: 100%!important; } #formular .contact-col .vc_column-inner .wpb_wrapper { margin: 45px 0!important; max-width: inherit; } .heading-bewerbung { font-size: 30px; line-height: 1.1; max-width: 210px; } } @media only screen and (max-width:499px){ #formular{ padding: 2rem 1rem 1.5rem; } #formular.bewerbung{ padding: 0 1rem 1.5rem; } } #benefits{ background-color: #fff; padding: 3rem; margin:4rem 0!important; } #benefits .liste{ width: 100%; max-width: 680px; margin: 0 auto; } .benefits-wrapper .vc_column-inner > .wpb_wrapper{ display: grid; grid-template-columns: repeat(auto-fit,minmax(min(245px,100%),1fr))!important; gap:2rem; } @media only screen and (min-width: 1250px){ .benefits-wrapper .vc_column-inner > .wpb_wrapper{ grid-template-columns: repeat(auto-fit,minmax(min(200px,100%),280px))!important; justify-content: center; justify-items: center; } } .benefit-item img{ width: 100%; max-width: 120px; margin-bottom: 1rem; } .benefit-item .wpb_text_column.wpb_content_element{ margin-bottom: 0px; } /* ---- Sticky Button ------------------------------------------------*/ .jetzt-bewerben-button::before{ background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/jetzt-bewerben.svg"); background-repeat: no-repeat; background-size: contain; content:""; position: absolute; display: block; height: 190px; width: 190px; } .jetzt-bewerben-button, .jetzt-bewerben-button a{ position: fixed; height:190px; width: 190px; bottom: 160px; right: 8px; scroll-behavior: smooth!important; } .jetzt-bewerben-button:hover::before, .jetzt-bewerben-button:focus-within::before { transform: scale(1.05); cursor: pointer; -moz-filter: drop-shadow(0px 0px 15px var(--green-60)); -webkit-filter: drop-shadow(0px 0px 15px var(--green-60)); filter:drop-shadow(0px 0px 15px var(--green-60)); } .jetzt-bewerben-button::before, .jetzt-bewerben-button { transition: ease 0.5s; } @media only screen and (max-width: 770px){ .jetzt-bewerben-button::before{ width: 125px; height: 125px; } .jetzt-bewerben-button, .jetzt-bewerben-button a{ height:125px; width: 125px; } #main .wf-wrap article.single-postlike{ margin-bottom: 0; } #formular{ position: relative; z-index: 3; } } @media only screen and (max-width: 768px){ .jetzt-bewerben-button, .jetzt-bewerben-button a{ bottom: 120px; } } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* FORMULARE GRAVITY FORMS /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .gform_footer.top_label{ padding-bottom: 0!important; } .gform_wrapper.gravity-theme .gform_fields { grid-row-gap: 30px; } .gform_fields [type="checkbox"] { -webkit-appearance: none; } .gform_fields input[type=checkbox]:before { content: ""; font-size: 18px; color: var(--dark-black); font-weight: 600; text-align: center; background-color: transparent!important; display: inline-block!important; height: 25px!important; width: 25px!important; position: relative; left: 0px!important; top:0!important; margin-bottom: 0px!important; border-radius: 0px; border: 1px solid var(--medium-grey); } .gform_fields input[type=checkbox]:checked:before { content: "\2713"; font-size: 18px; color: var(--dark-black); font-weight: 600; text-align: center; background-color: transparent!important; display: inline-block!important; height: 25px!important; width: 25px!important; position: relative; left: 0px!important; top:0!important; border-radius: 0px; border: 1px solid var(--medium-grey); } .gfield_checkbox input { cursor: pointer!important; border-width: 0px!important; height: 25px!important; vertical-align: top!important; } .gfield_checkbox label{ padding-left: 10px!important; font-size: 13px!important; line-height: 1.4; top: -4px; position: relative; font-family:"Poppins"; } .gfield_checkbox label a{ text-decoration: none; color: var(--dark-black); font-weight: 600; } .gfield_checkbox label a:hover{ text-decoration: underline; color: var(--grey-dark); } @media only screen and (max-width: 560px){ .gfield_checkbox label{ padding-left: 15px!important; } } #formular .gform_button.button{ background-color:var(--green-60)!important; color:var(--grey-dark)!important; border-color: var(--green-60)!important; } #formular .gform_button.button:hover, #formular .gform_button.button:focus-visible{ background-color: var(--black)!important; border-color: var(--black)!important; color:var(--green-60)!important; } .ginput_container_email input, .ginput_container_text input, .ginput_container_textarea textarea{ color: #08061B!important; padding-left: 10px!important; font-size: 14px!important; border: 0px; border-bottom: solid 1px var(--medium-grey)!important; background-color: #fff!important; border-radius: 0px!important; } .ginput_container_email input:focus, .ginput_container_text input:focus, .ginput_container_textarea textarea:focus{ border-bottom: solid 1px var(--dark-black)!important; } .ginput_container_textarea textarea { max-height: 140px!important; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(2,10,10,0.5)!important; opacity: 1!important; } ::-moz-placeholder { /* Firefox 19+ */ color: rgba(2,10,10,0.5)!important; opacity: 1!important; } :-ms-input-placeholder { /* IE 10+ */ color: rgba(2,10,10,0.5)!important; opacity: 1!important; } :-moz-placeholder { /* Firefox 18- */ color: rgba(2,10,10,0.5)!important; opacity: 1!important; } .gform_drop_area { background-color: var(--grey-light-light)!important; border-radius: 0px!important; border: dashed 1px var(--medium-grey); } .gform_required_legend { display: none!important; } select.gfield_select .gf_placeholder, select.gfield_select, select.gfield_select option{ margin-bottom: 0px!important; color: rgba(2,10,10,0.5)!important; opacity: 1!important; font-size: 14px!important; } select.gfield_select{ border-radius: 0px!important; border: 1px solid var(--medium-grey); } .gform_drop_area button.button.gform_button_select_files{ background-color: var(--white); padding: 8px 15px; } .gform_drop_area button.button.gform_button_select_files:hover, .gform_drop_area button.button.gform_button_select_files:focus-visible{ background-color: var(--grey-dark); } .gform_drop_area .gform_drop_instructions{ color: var(--grey-dark)!important; } #formular > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .headline{ margin-bottom:2rem; } @media only screen and (max-width: 930px){ .gform_wrapper.gravity-theme .gfield.gfield--width-third { -ms-grid-column-span: 6; grid-column: span 6; } } @media only screen and (max-width: 640px){ .gform_wrapper.gravity-theme .gfield.gfield--width-third { -ms-grid-column-span: 12; grid-column: span 12; } } .gfield .gfield_description{ padding: 0 0 8px 0!important; color: var(--medium-grey); } .gfield:has(.gfield_description) label.gfield_label{ margin-bottom: 3px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* FORMULAR WOHNMOBIL MIETEN /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #field_3_4 .gchoice { margin-bottom: 10px; } #field_3_4 .gchoice label { top: 1px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* FORMULAR LOGIN KUNDENKARTE /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .login{ padding: 5rem 4rem; background-color: #fff; -webkit-box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.1)!important; box-shadow:0px 8px 12px 0px rgba(0,0,0,0.1)!important; width: 100%; max-width: 700px; margin: 0 auto!important; } @media only screen and (max-width: 560px){ .login{ padding: 2.5rem 1rem!important; } } #bonuskarteform input{ width: 100%; color: #08061B!important; padding-left: 10px!important; font-size: 14px!important; border: 0px; border-bottom: solid 1px var(--medium-grey)!important; background-color: #fff!important; border-radius: 0px!important; } #bonuskarteform button{ padding: 12px 28px; font-family: "Poppins"; font-size: 15px; border: 1px solid var(--dark-black); letter-spacing: 0.6; text-transform: uppercase; background-color: var(--dark-black); color: #fff; transition: ease 0.3s; width: auto; margin: 1rem auto!important; font-weight: 400!important; } #bonuskarteform button:hover{ background-color: var(--medium-grey)!important; border: 1px solid var(--medium-grey); } #bonuskarteform{ display: flex; flex-direction: column; align-content: center; align-items: center; justify-content: center; justify-items: center; } #bonuskarteform .message{ width: 100%; text-align: center; margin: 2.5rem auto 0; font-size: 12px; line-height: 1.3; color: var(--dark-black-50percent); } #bonuskarteform .message a{ color: var(--dark-black); } #bonuskarteform .message a:hover{ color: var(--color-aktionen); text-decoration: underline; } .page-id-555 .wpb_raw_code{ margin-bottom: 0px; } @media only screen and (max-width: 950px){ .app-row .vc_col-sm-6{ width: 100%; } } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* AKTIONEN /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .fancy-categories a { padding: 3px 4px 2px; font-family: "Poppins"!important; font-weight: 500; letter-spacing: 0.5px!important; line-height: 1; font-size: 14px; pointer-events: none; } .fancy-categories a[href="https://www.autowelt-bader.de/category/aktionen/"], .fancy-categories a[href="https://www.autowelt-bader.de/category/aktionen/gewerbekunden/audi-gewerbekunden/"], .fancy-categories a[href="https://www.autowelt-bader.de/category/aktionen/gewerbekunden/skoda-gewerbekunden/"], .fancy-categories a[href="https://www.autowelt-bader.de/category/aktionen/gewerbekunden/vw-gewerbekunden/"], .fancy-categories a[href="https://www.autowelt-bader.de/category/aktionen/gewerbekunden/vw-nutzfahrzeuge-gewerbekunden/"], .fancy-categories a[href="https://www.autowelt-bader.de/category/aktionen/privatkunden/audi-privatkunden/"], .fancy-categories a[href="https://www.autowelt-bader.de/category/aktionen/privatkunden/skoda-privatkunden/"], .fancy-categories a[href="https://www.autowelt-bader.de/category/aktionen/privatkunden/vw-privatkunden/"], .fancy-categories a[href="https://www.autowelt-bader.de/category/aktionen/privatkunden/vw-nutzfahrzeuge-privatkunden/"], .fancy-categories a[href="https://www.autowelt-bader.de/category/aktionen/service-zubehoer/audi-service/"], .fancy-categories a[href="https://www.autowelt-bader.de/category/aktionen/service-zubehoer/skoda-service/"], .fancy-categories a[href="https://www.autowelt-bader.de/category/aktionen/service-zubehoer/vw-service/"], .fancy-categories a[href="https://www.autowelt-bader.de/category/aktionen/service-zubehoer/vw-nutzfahrzeuge-service/"], .fancy-categories a[href="https://www.autowelt-bader.de/category/aktionen/gebrauchtwagen/audi-gebrauchtwagen/"], .fancy-categories a[href="https://www.autowelt-bader.de/category/aktionen/gebrauchtwagen/skoda-gebrauchtwagen/"], .fancy-categories a[href="https://www.autowelt-bader.de/category/aktionen/gebrauchtwagen/vw-gebrauchtwagen/"], .fancy-categories a[href="https://www.autowelt-bader.de/category/aktionen/gebrauchtwagen/vw-nutzfahrzeuge-gebrauchtwagen/"], .fancy-categories a[href="https://www.autowelt-bader.de/category/aktionen/neuwagen/audi-neuwagen/"], .fancy-categories a[href="https://www.autowelt-bader.de/category/aktionen/neuwagen/skoda-neuwagen/"], .fancy-categories a[href="https://www.autowelt-bader.de/category/aktionen/neuwagen/vw-neuwagen/"], .fancy-categories a[href="https://www.autowelt-bader.de/category/aktionen/neuwagen/vw-nutzfahrzeuge-neuwagen/"]{ display: none!important; } .fancy-categories a[href^="https://www.autowelt-bader.de/category/aktionen/neuwagen/"], .fancy-categories a[href^="https://www.autowelt-bader.de/category/aktionen/gebrauchtwagen/"], .fancy-categories a[href^="https://www.autowelt-bader.de/category/aktionen/service-zubehoer/"]{ order: 1!important; } .fancy-categories a[href="https://www.autowelt-bader.de/category/aktionen/gewerbekunden/"], .fancy-categories a[href="https://www.autowelt-bader.de/category/aktionen/privatkunden/"]{ order: 2!important; } .fancy-categories a[href^="https://www.autowelt-bader.de/category/aktionen/marken/audi/"]{ order: 3!important; } .fancy-categories a[href^="https://www.autowelt-bader.de/category/aktionen/marken/skoda/"]{ order: 4!important; } .fancy-categories a[href^="https://www.autowelt-bader.de/category/aktionen/marken/vw/"]{ order: 5!important; } .fancy-categories a[href^="https://www.autowelt-bader.de/category/aktionen/marken/vw-nutzfahrzeuge/"]{ order: 6!important; } .aktionen .entry-title{ font-family: "Poppins"!important; font-weight: 600!important; text-transform: uppercase; font-size: 22px!important; line-height: 1.2!important; border-left: 0px solid transparent; padding-left: 0px; padding-right:9px; transition: ease 0.2s; margin-bottom: 15px!important; } .aktionen .entry-title:hover, .aktionen article:hover .entry-title, .aktionen .entry-title:focus-visible, .aktionen article:focus-visible .entry-title{ border-left: 3px solid var(--green-100); padding-left: 6px; padding-right:0px; } .aktionen .entry-title a::before{ background-color: transparent; content:""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .aktionen .entry-excerpt{ font-family: "Poppins"; font-size: 16px; line-height:1.4; } .aktionen article .post-entry-content{ padding: 20px 5rem!important; } .aktionen .fancy-categories{ position: relative; left: 0; top: 0; padding: 0 clamp(20px, 3.5vw, 5rem) !important; flex-direction: row; gap: 8px; } @media only screen and (max-width: 955px){ .aktionen article .post-entry-content{ padding: 20px 3rem!important; } } @media only screen and (max-width: 480px){ .aktionen article .post-entry-content{ padding: 20px 2rem!important; } } .aktionen .post-thumbnail{ display: flex!important; flex-direction: column-reverse!important; } .aktionen .owl-prev, .aktionen .owl-next{ padding: 10px 0px; } @media only screen and (max-width: 778px){ .owl-prev{ left:0!important; } .owl-next{ right:0!important; } } /* ----- AKTIONEN GRID ÜBERSICHT ---- */ .blog-shortcode.mode-grid .css-grid-filter, .aktionen .vc_tta-tabs-list{ padding: 0 clamp(20px, 3.5vw, 5rem) !important; } .paginator.paginator-more-button a { border: 1px solid var(--grey-dark); padding: 12px 15px !important; width: auto!important; height: auto!important; box-sizing: border-box!important; } .paginator.paginator-more-button a:hover, .paginator.paginator-more-button a:focus-visible { background: var(--grey-dark); width: auto!important; height: auto!important; } .paginator.paginator-more-button a .button-caption { color: var(--grey-dark); line-height: 1; font-weight: 500; } .paginator.paginator-more-button a:hover .button-caption, .paginator.paginator-more-button a:focus-visible .button-caption { color: var(--white); } .paginator.paginator-more-button a .button-caption::before, .paginator.paginator-more-button .stick, .paginator.paginator-more-button::before { display: none; } .aktionen .blog-shortcode.mode-grid .entry-excerpt, .aktionen.blog-carousel-shortcode .entry-excerpt p{ opacity: 1; font-size:15px; color: var(--grey-dark); } .page-id-371 #main{ background-color: #fff!important; background: #fff!important; } @media only screen and (max-width: 1330px){ .aktionen .blog-shortcode.mode-grid article .post-entry-content{ padding: 20px 3rem!important; } .aktionen .blog-shortcode.mode-grid .fancy-categories{ padding: 0 3rem; } } @media only screen and (max-width: 480px){ .aktionen .blog-shortcode.mode-grid article .post-entry-content{ padding: 20px 2rem!important; } } .page-id-371 .paginator{ margin-top: 2rem; } .aktionen .filter-categories .show-all{ order: 0!important; } .aktionen .filter-categories .neuwagen{ order: 1!important; } .aktionen .filter-categories .gebrauchtwagen{ order: 2!important; } .aktionen .filter-categories .service-zubehoer{ order: 3!important; } .aktionen .filter-categories .audi{ order: 4!important; } .aktionen .filter-categories .cupra{ order: 5!important; } .aktionen .filter-categories .seat{ order: 6!important; } .aktionen .filter-categories .skoda{ order: 7!important; } .aktionen .filter-categories .vw{ order: 8!important; } .aktionen .filter-categories .vw-nutzfahrzeuge{ order: 9!important; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* AKTIONEN UNTERSEITE /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .single-post .vc_section.content_rows.section-green > .vc_row:not(.anmerkung-box):not(:first-child){ margin-top: 4rem; } .aktionsbild img{ max-width: 1100px; width: 100%; height: auto; } .aktion-liste-button .ult-content-box{ display: flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: space-between; justify-items: space-between; width: 100%; padding: 1rem 0rem; border-bottom: 1px solid #e0e0e0!important; } .aktion-liste-button .wpb_text_column{ margin-bottom: 0px; } .aktion-liste-button h3{ font-size: 20px; line-height: 1.3; } @media only screen and (max-width:778px){ .aktion-liste-button h3{ font-size: 17px; line-height: 1.2; } } .aktion-liste-button .ult-content-box::after{ display: none; } @media only screen and (max-width:720px){ .aktion-liste-button .ult-content-box{ display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; justify-content: flex-start; justify-items: flex-start; padding: 1.2rem 0rem; } .aktion-liste-button .wpb_text_column{ margin-bottom: 15px; } } .anmerkung-box{ background-color: transparent; padding: clamp(1rem, 2vw, 1.5rem) 0.5rem; border-top: solid 2px var(--green-80); margin-top: clamp(2rem, 5vw, 4rem)!important; } .anmerkung-box .wpb_text_column{ margin-bottom: 0px; } /* ---- TABELLEN AKTIONEN ---- */ .single-postlike table, .single-postlike table tbody td{ width: auto; border: none!important; padding: 0 0; } .single-postlike table tbody td{ padding: 0 15px 10px 0; } .wpb_column table:not(.tablepress) thead, .wpb_column table:not(.tablepress) thead tr, .wpb_column table:not(.tablepress) thead th{ position: absolute; height: 0!important; width: 0!important; border: none!important; z-index: -5; color: transparent!important; } @media only screen and (max-width: 540px){ .single-postlike .wpb_text_column tbody tr{ display: flex; flex-direction: column; } .single-postlike .wpb_text_column tbody tr:not(:last-child){ margin-bottom: 10px; } .single-postlike table tbody td{ padding: 0 15px 0px 0; } } /* ---- Tabelle ---- */ .single-post article .angebot-row table{ font-size: 15px; line-height: 1.4; width: 100%; color: var(--black); } .single-post article .angebot-row table strong{ color: var(--black); font-weight: 600; } .single-post article .angebot-row table tbody tr td{ padding: clamp(0.5rem, 2vw, 1rem) clamp(1rem, 2vw, 1.5rem); } .single-post article .angebot-row table tbody tr td:not([colspan]):first-child{ width: 50%; max-width: 250px!important; } .single-post article .angebot-row table tbody tr td:not([colspan]):last-child{ width: 50%!important; text-align: right; } .single-post article .angebot-row table tbody tr{ border-bottom: 1px solid rgba(0,0,0,0.1); } .single-post article .angebot-row table tbody tr:nth-child(even){ background-color: var(--grey-light-light)!important; } .single-post article .angebot-row table tbody tr:nth-child(odd){ background-color: var(--white); } .single-post article .angebot-row table tbody tr td[colspan]{ background-color: var(--green-40)!important; font-style: italic; border-top: 1px solid var(--dark-black)!important; font-size: 14px; } .table-price *{ background-color: var(--red-pink)!important; color: var(--white)!important; padding: 3px 6px; font-size: calc(var(--base-font-size) * 1.2)!important; } /* ---- ANMERKUNGEN OHNE STERNCHEN ---- */ .anmerkung.ohne-sternchen::before{ display: none; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* WIR KAUFEN IHR AUTO STARTSEITE CTA ROW /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .wir-kaufen-ihr-auto-row h2{ border-bottom: none; } .box-white .ult-content-box{ background-color: #fff!important; -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.06)!important; box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.06)!important; padding: 5.5rem; max-width: 800px; margin: -22% auto 10%!important; position: relative; } .box-white .ult-content-box p{ max-width: 300px; margin: 0 auto; font-size: 20px; line-height: 1.4; color: var(--font-dark); margin-top: 15px; } .wir-kaufen-ihr-auto-row{ max-height:620px; width: auto; position: relative; z-index: 20!important; } .wir-kaufen-ihr-auto-row img{ max-height:735px; object-fit: cover; object-position: top; } @media only screen and (max-width:945px){ .box-white .ult-content-box{ padding: 5rem; max-width: 600px; } } @media only screen and (max-width:742px){ .box-white .ult-content-box{ padding: 4.5rem; max-width: 450px; } } @media only screen and (max-width:600px){ .box-white .ult-content-box{ padding: 4rem; max-width: 400px; } } @media only screen and (max-width:560px){ .box-white .ult-content-box{ padding: 3.5rem; max-width: calc(100% - 45px); } .box-white .ult-content-box p{ font-size: 17px; } .wir-kaufen-ihr-auto-row .vc_column-inner{ padding: 0; } .wir-kaufen-ihr-auto-row{ padding: 0; margin: 0 -20px!important; } } @media only screen and (max-width:473px){ .box-white .ult-content-box{ padding: 3rem 2rem; max-width: calc(100% - 30px); } } @media only screen and (max-width:405px){ .box-white .ult-content-box{ padding: 2.5rem 1rem 2rem; max-width: calc(100% - 30px); } } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* KONTAKT-BOX /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .kontakt-box .ult-content-box{ padding: 3rem 2rem; background-color: #fff; max-width: 460px; } .box-row-start .kontakt-box, .box-row-start .templatera_shortcode, .box-row-start .templatera_shortcode .vc_row.wpb_row.vc_row-fluid, .box-row-start .templatera_shortcode .vc_row.wpb_row.vc_row-fluid .vc_column-inner{ display: flex!important; flex-direction: row!important; align-content: stretch!important; align-items: stretch!important; justify-content: stretch!important; justify-items: stretch!important; height: 100%!important; } .kontakt-box .kontakt-buttons.wpb_text_column .wpb_wrapper{ display: flex; flex-direction: row; flex-wrap: nowrap; align-content: flex-start; gap: 0px!important; justify-content: center!important; } .kontakt-box .kontakt-buttons.wpb_text_column .wpb_wrapper p{ display: flex; margin-bottom: 0!important; } .kontakt-box .kontakt-buttons.wpb_text_column .wpb_wrapper p:last-child a{ border-right: none; } .kontakt-box .kontakt-buttons.wpb_text_column .wpb_wrapper a{ text-decoration: none; color: var(--dark-black); width: auto!important; padding: 3px 20px; border-right: 1px solid var(--medium-grey); text-align: center!important; font-size: 12px; line-height: 1.2; } .kontakt-box .kontakt-buttons.wpb_text_column .wpb_wrapper p a::before{ content:""; background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/icon-tool-dark.svg"); background-size: contain; background-repeat: no-repeat; position: relative; display: inline-block; height: 23px; width: 23px; margin-bottom: 5px; transition: ease 0.3s; transform: scale(1); } .kontakt-box .kontakt-buttons.wpb_text_column .wpb_wrapper a:hover::before{ transform: scale(1.2); background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/icon-tool-hover.svg"); } .kontakt-box .kontakt-buttons.wpb_text_column .wpb_wrapper p:first-child a::before{ background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/icon-road-dark.svg"); } .kontakt-box .kontakt-buttons.wpb_text_column .wpb_wrapper p:first-child a:hover::before{ background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/icon-road-hover.svg"); } .kontakt-box .kontakt-buttons.wpb_text_column .wpb_wrapper p:nth-child(2) a::before{ background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/icon-mail-dark.svg"); } .kontakt-box .kontakt-buttons.wpb_text_column .wpb_wrapper p:nth-child(2) a:hover::before{ background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/icon-mail-hover.svg"); } .kontakt-box .kontakt-buttons.wpb_text_column .wpb_wrapper p:nth-child(3) a::before{ background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/icon-ansprechpartner-dark.svg"); } .kontakt-box .kontakt-buttons.wpb_text_column .wpb_wrapper p:nth-child(3) a:hover::before{ background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/icon-ansprechpartner-hover.svg"); } @media only screen and (max-width:360px){ .kontakt-box .kontakt-buttons.wpb_text_column .wpb_wrapper{ display: grid; grid-template-columns: 1fr 1fr; justify-content: center!important; max-width: 180px; grid-row-gap: 20px!important; margin: 0 auto; } .kontakt-box .kontakt-buttons a{ max-width: 90px; } .kontakt-box .kontakt-buttons.wpb_text_column .wpb_wrapper p:nth-child(2) a{ border-right: 1px solid #fff; } } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* COUNTER HIGHLIGHT BOX /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .counter-highlight{ background-color: var(--dark-black); color: #fff; } .counter-highlight .wpb_text_column.wpb_content_element{ margin-bottom: 0px; } .counter-highlight p{ text-align: center; } .counter-number{ color: rgba(255,255,255,0.7); font-size: 74px; line-height: 1; font-weight:500; } .counter-head{ font-size: 18px; font-weight:600; margin-bottom: 1rem!important } .counter-text{ font-size: 15px; line-height: 1.5!important; } .counter-highlight .counter-left .vc_column-inner .vc_col-sm-6 .vc_column-inner, .counter-highlight .counter-right > .vc_column-inner{ padding: 2rem; } .counter-highlight .counter-left .vc_column-inner .vc_col-sm-6:first-child .vc_column-inner{ border-right: 1px solid #fff; } .counter-highlight .counter-left > .vc_column-inner{ border-right: 1px solid #fff; } .counter-highlight .counter-right .vc_row .vc_column-inner > .wpb_wrapper{ display: grid; grid-template-columns: 1fr 2fr; padding: 1rem; grid-column-gap: 25px; } .counter-highlight .counter-right .vc_row .vc_column-inner > .wpb_wrapper p{ text-align: left; } .counter-highlight .counter-right .counter-header, .counter-highlight .counter-right .counter-text{ align-self: center!important; } .counter-highlight .counter-right .vc_row:first-child{ border-bottom: 1px solid #fff; } .counter-highlight .counter-right > .vc_column-inner > .wpb_wrapper { padding: 0 1rem; } .counter-highlight .counter-right .counter-head{ min-width:165px; } @media only screen and (max-width: 949px){ .counter-highlight{ padding: 1rem; } .counter-highlight > .vc_col-sm-6{ width: 100%; } .counter-highlight .counter-right .vc_row:first-child{ border-top: 1px solid #fff; } .counter-highlight .counter-right .vc_row{ padding-top: 1rem; padding-bottom: 1rem; } .counter-highlight .counter-left > .vc_column-inner{ border-right: none; } .counter-highlight .counter-right .vc_row .vc_column-inner > .wpb_wrapper{ padding-bottom: 0rem; } } @media only screen and (max-width: 767px){ .counter-highlight .counter-right .vc_row .vc_column-inner > .wpb_wrapper{ display: flex; flex-direction: column; align-content: center; align-items: center; justify-content: center; justify-items: center; } .counter-highlight .counter-right .vc_row .vc_column-inner > .wpb_wrapper p{ text-align: center; } .counter-highlight .counter-right .counter-head{ min-width:inherit; } .counter-highlight .counter-right .vc_row .vc_column-inner > .wpb_wrapper{ padding-bottom: 1.5rem; } .counter-highlight .counter-right > .vc_column-inner{ padding-top: 0rem!important; padding-bottom: 0.5rem; } .counter-highlight .counter-left .vc_column-inner .vc_col-sm-6:first-child .vc_column-inner{ border-right: none; /*border-bottom: 1px solid #fff;*/ } .counter-highlight .counter-left .vc_column-inner .vc_col-sm-6:first-child .vc_column-inner .wpb_text_column:last-child p{ border-bottom: 1px solid #fff; padding-bottom: 2.5rem; } .counter-highlight .counter-left .vc_column-inner .vc_col-sm-6:last-child .vc_column-inner{ padding-bottom: 2.5rem; } .counter-highlight .counter-left .vc_column-inner .vc_col-sm-6:first-child .vc_column-inner{ padding-bottom: 0rem; } .counter-highlight .vc_column_container.vc_col-sm-12 .vc_column-inner, .counter-highlight .vc_column_container.vc_col-sm-12 .vc_column-inner > .wpb_wrapper{ padding-left:0!important; padding-right: 0!important; } } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* FAQ ACCORDION AKKORDEON /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .wpb_accordion_header{ padding-top: 1.5rem!important; padding-bottom: 1.5rem!important; margin-top: 0!important; } .wpb_accordion_section{ border-bottom: 1px solid rgba(142,152,156,0.6); margin-bottom: 0; } .wpb_accordion_content{ padding-bottom: 2.5rem!important; } h3.wpb_accordion_header span{ font-size: 20px!important; } @media only screen and (max-width: 778px){ h3.wpb_accordion_header span{ font-size: 17px!important; } } .content .wpb_content_element.dt-style:not(.dt-accordion-bg-on) .wpb_accordion_header > a:before { background-color: transparent; } .wpb_content_element .wpb_accordion_header>a:after, .wpb_content_element .wpb_accordion_header>a:before { position: absolute; top: 50%; right: 0; margin-top: -8px; width: 19px; height: 19px; content: ""; } .wpb_content_element .wpb_accordion_header>a:after { margin-top: -8px; content: ""!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; font-size: 20px; line-height: 16px; text-align: center; background-image:url("https://www.autowelt-bader.de/wp-content/uploads/svgs/icon-arrow-dark.svg"); background-repeat: no-repeat; background-size:contain; transform: scale(-1); } .wpb_content_element .wpb_accordion_header.ui-state-active>a:after{ transform: scale(1); } #faq .wpb_accordion_wrapper{ width:100%; max-width: 1195px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* VIDEO /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .video.wpb_column .vc_column-inner > .wpb_wrapper .ult-video{ margin: 0 0!important; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* AUSBILDUNG /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*.wpb_accordion_content .wpb_row.vc_inner .wpb_column:last-child .vc_column-inner > .wpb_wrapper .wpb_content_element:last-child{ margin-bottom: 0; } */ .page-id-507 .filter-categories .ausbildung{ display: none; } .page-id-507 article.category-bruckmuehl-heufeld:not(.category-ausbildung), .page-id-507 article.category-rosenheim:not(.category-ausbildung), .page-id-507 article.category-wolfratshausen:not(.category-ausbildung), .page-id-507 article.category-feldkirchen-westerham:not(.category-ausbildung){ display: none; } @media only screen and (max-width: 1020px){ .wpb_accordion_content .wpb_row.vc_inner .wpb_column.vc_col-sm-6{ width: 100%; } } @media only screen and (max-width: 540px){ .info-box .ult-content-box { display: grid!important; grid-template-columns: 1fr 1fr!important; } } @media only screen and (max-width:320px){ .info-box .ult-content-box { grid-template-columns: 1fr!important; } } .info-box .ult-content-box { gap: 25px; display: flex; flex-direction: row; border-bottom: 1px solid var(--medium-grey)!important; padding-bottom: 1.5em; margin-bottom: 2rem!important; } .info-box .ult-content-box .icon-with-text-shortcode{ width: auto; min-width: 90px; } .info-box .dt-text-title{ text-transform: uppercase; color: var(--dark-black); font-weight: 600; font-size: 15px; line-height: 1.2; } .info-box .dt-text-desc{ line-height: 1.2; font-size: 14px; margin-top: 5px; } .info-box .icon-with-text-shortcode .text-icon i::before, .icon-with-text-shortcode .text-icon i::before{ color: var(--green-100)!important; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* CTA BROSCHÜRE /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .cta-row{ background: rgb(215,218,219); background: linear-gradient(45deg, rgba(215,218,219,1) 0%, rgba(234,235,235,1) 100%); padding: 8rem 5rem; overflow: visible; } .cta-row .wpb_single_image{ max-width: 360px; -webkit-box-shadow: 0px 4px 25px 0px rgba(0,0,0,0.24); box-shadow:0px 4px 25px 0px rgba(0,0,0,0.24); position: absolute; top: -180px!important; transform: rotate(2deg) translatex(-50%)!important; margin: 0 auto!important; left: 50%; } .cta-row{ background: rgb(215,218,219); background: linear-gradient(45deg, rgba(215,218,219,1) 0%, rgba(234,235,235,1) 100%); padding: 8rem 5rem; overflow: visible; } .cta-row .wpb_single_image{ max-width: 60%; -webkit-box-shadow: 0px 4px 25px 0px rgba(0,0,0,0.24); box-shadow:0px 4px 25px 0px rgba(0,0,0,0.24); position: absolute; top: -11rem!important; transform: rotate(2deg) translatex(-50%)!important; margin: 0 auto!important; left: 50%; } @media only screen and (max-width: 1360px){ .cta-row{ padding: 6rem 3rem; overflow: visible; } .cta-row .wpb_single_image{ max-width: inherit; width: 300px; top: -9rem!important; } } @media only screen and (max-width: 1244px){ .cta-row{ padding: 5rem 3rem; overflow: visible; } .cta-row .wpb_single_image{ max-width: inherit!important; width: 300px; top: -6rem!important; } } @media only screen and (max-width: 831px){ .cta-row{ padding: 3rem 3rem; overflow: visible; } .cta-row .wpb_single_image{ max-width: inherit!important; width: 250px; top: -4rem!important; } } @media only screen and (max-width: 776px){ .cta-row{ padding: 4rem 2rem; overflow: visible; } .cta-row{ display: flex; flex-direction: column-reverse; } .cta-row .wpb_single_image{ position: relative; width: 100%; max-width: 400px!important; top: -5rem!important; left:inherit!important; transform: rotate(2deg) translatex(0%)!important; } } @media only screen and (max-width: 493px){ .cta-row{ padding: 4rem 1rem; } } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* DATENSCHUTZ & IMPRESSUM /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #impressum h2{ padding-bottom: 0; border-bottom: 0; margin-top: 2rem; margin-bottom: 0px; font-size: 23px; } #impressum h2:first-child{ margin-top: 0rem; } #datenschutz h2{ padding-bottom: 0; margin-top: 3rem; font-size: 26px; } #datenschutz h2:first-child{ margin-top: 0rem; } #datenschutz h3{ margin-top: 2rem; font-size: 22px; } #datenschutz h4{ margin-top: 1rem; font-size: 18px; color: #393939; margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* STANDORT INFO BOX /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .standort-box{ padding: 3rem 2rem; background-color: #fff; margin: -6% 0 1%; } .standort-box .kontakt-box .ult-content-box{ padding:0rem 0rem 0 2rem; } .standort-logos .ult-content-box{ display: flex; gap: 25px; } .standort-logos .ult-content-box img{ max-height: 55px; width:auto; mix-blend-mode: multiply; } .standort-data .wpb_text_column, .standort-data .wpb_single_image{ margin-bottom: 0px; } .standort-data .wpb_column:first-child .vc_column-inner > .wpb_wrapper{ display: flex; gap: 50px; flex-wrap: wrap; } .standort-data .standort-logos{ width: 100%!important; } .standort-box > .wpb_column:first-child::after{ content:""; height: 100%; width: 1px; background-color: var(--medium-grey); position: absolute; right: -20px; top: 0; z-index: 3; } /* ---- MEDIA QUERIES ---- */ @media only screen and (max-width:1359px){ .standort-data .wpb_column{ width: 100%; } .standort-data .standort-pic{ max-width: 350px; margin-top: 1.5rem; } .standort-box > .wpb_column:first-child{ width: 55%; } .standort-box > .wpb_column:last-child{ width: 45%; } } @media only screen and (max-width:1082px){ .standort-data .wpb_column{ width: 100%; } .standort-data .standort-pic{ display: none; } .standort-box > .wpb_column{ width: 100%!important; justify-content: center; justify-items: center; } .standort-box .kontakt-box .ult-content-box{ margin: 0 auto; padding: 0 0; max-width: 400px; } .standort-box .kontakt-box{ margin: 0 auto; max-width: 400px; } .page-image.standort .wpb_single_image{ max-height: 590px!important; } .page-image.standort .wpb_single_image img{ max-height: 590px!important; object-fit: cover; object-position: center 85%; } .standort-box > .wpb_column:first-child::after{ content:""; height: 1px; display: inline-block; width: 100%; background-color: var(--medium-grey); position: relative; right: -20px; z-index: 3; margin: 3rem auto; left: 0; top:inherit; } .standort-data .wpb_column:first-child .vc_column-inner > .wpb_wrapper{ display: flex; gap: 30px; flex-wrap: wrap; justify-content: center; justify-items: center; } .standort-box .heading-like-h2{ text-align: center; } .standort-logos .ult-content-box{ display: flex; gap: 25px; justify-content: center; justify-items: center; } } @media only screen and (max-width:590px){ .standort-box{ padding: 2rem 1rem; } .standort-data .wpb_column:first-child .vc_column-inner > .wpb_wrapper .wpb_text_column{ width: 100%; } .standort-logos .ult-content-box{ flex-wrap:wrap; display: grid; grid-template-columns:repeat(auto-fit,minmax(min(60px,100%),1fr))!important; } .standort-logos .ult-content-box img{ max-height: 50px; height: 50px; width:auto; } .standort-data .wpb_column:first-child .vc_column-inner > .wpb_wrapper{ gap: 10px; justify-content: center; justify-items: center; } } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* STANDORT MARKEN TABS /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .standort-marken-tab .vc_tta-tab a::before, .standort-marken-tab .vc_tta-tab.vc_active a::before{ content:""; background-image: url("https://www.autowelt-bader.de/wp-content/uploads/2022/11/vw.jpg"); background-repeat: no-repeat!important; background-size: contain!important; height: 55px!important; width: 55px!important; display: inline-block!important; position: relative!important; left:0!important; top:0!important; mix-blend-mode: multiply!important; } .standort-marken-tab .vc_tta-tab a span, .standort-marken-tab .vc_tta-tab.vc_active a span{ display: none!important; } .standort-marken-tab .vc_tta-tab a, .standort-marken-tab .vc_tta-tab.vc_active a{ border-radius: 0px!important; border: 0px!important; padding: 10px 25px 8px!important; } .standort-marken-tab .vc_tta-tab a{ background-color: var(--light-grey)!important; } .standort-marken-tab .vc_tta-tab a:hover, .standort-marken-tab .vc_tta-tab.vc_active a{ background-color: #D8DBDC!important; } .standort-marken-tab .vc_tta-tab a[href="#volkswagen-standort"]::before, .standort-marken-tab .vc_tta-tab.vc_active a[href="#volkswagen-standort"]::before{ background-image: url("https://www.autowelt-bader.de/wp-content/uploads/2022/11/vw.jpg")!important; } .standort-marken-tab .vc_tta-tab a[href="#seat-standort"]::before, .standort-marken-tab .vc_tta-tab.vc_active a[href="#seat-standort"]::before{ background-image: url("https://www.autowelt-bader.de/wp-content/uploads/2022/11/seat.jpg")!important; height: 55px!important; width: 51px!important; } .standort-marken-tab .vc_tta-tab a[href="#cupra-standort"]::before, .standort-marken-tab .vc_tta-tab.vc_active a[href="#cupra-standort"]::before{ background-image: url("https://www.autowelt-bader.de/wp-content/uploads/2022/11/cupra.jpg")!important; width: 73px!important; height: 55px!important; } .standort-marken-tab .vc_tta-tab a[href="#skoda-standort"]::before, .standort-marken-tab .vc_tta-tab.vc_active a[href="#skoda-standort"]::before{ background-image: url("https://www.autowelt-bader.de/wp-content/uploads/2023/06/skoda_Hersteller-Logoleiste-ab-2023.png")!important; width: 78px!important; height: 55px!important; } .standort-marken-tab .vc_tta-tab a[href="#audi-standort"]::before, .standort-marken-tab .vc_tta-tab.vc_active a[href="#audi-standort"]::before{ background-image: url("https://www.autowelt-bader.de/wp-content/uploads/2022/11/audi.jpg")!important; width: 74px!important; height: 55px!important; } .standort-marken-tab .vc_tta-tab a[href="#vw-nutzfahrzeuge-standort"]::before, .standort-marken-tab .vc_tta-tab.vc_active a[href="#vw-nutzfahrzeuge-standort"]::before{ background-image: url("https://www.autowelt-bader.de/wp-content/uploads/2022/11/vw_nfz.jpg")!important; width: 65px!important; height: 55px!important; } .standort-marken-tab .btn-mail{ margin-left: 20px; } .standort-marken-tab .tab-row .wpb_column:first-child .vc_column-inner > .wpb_wrapper{ display: grid; grid-template-columns: 1fr 1fr; } .standort-marken-tab .tab-row .wpb_text_column{ margin-bottom: 0px; } .standort-marken-tab .tab-row{ display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; align-items: center; padding-bottom: 2rem; border-bottom: 1px solid rgba(142,152,156,0.6); } .oeffnungszeit{ display: flex; flex-wrap: wrap; gap:10px; } .oeffnungszeit .day{ width: 57px; } .vc_tta-panel-body > *:last-child{ border-bottom: none; } .vc_tta-panel-body{ padding: 2rem 0 0!important; border: 0px!important; border-radius: 0px!important; } .vc_tta-panels{ border: 0px!important; border-radius: 0px!important; } .vc_tta-tabs-container{ border-bottom: 1px solid var(--dark-black); } .standort-marken-tab h3{ margin-top: 2rem; } .standort-marken-tab .vc_tta-panel-body .wpb_text_column:first-child > .wpb_wrapper h3{ margin-top: 0rem; } @media only screen and (max-width: 767px){ .vc_tta.vc_tta-tabs .vc_tta-tabs-container { display: block!important; } .vc_tta.vc_tta-tabs .vc_tta-panel-heading { display: none; } } .standort-marken-tab .anmerkung{ margin-top: -20px; } /* ---- MEDIA QUERIES MARKEN TABS STANDORTE---- */ @media only screen and (max-width: 989px){ .standort-marken-tab .btn-phone{ margin-top: 20px; } } @media only screen and (max-width: 949px){ .tab-row .vc_col-sm-6:first-child{ width:60%; } .tab-row .vc_col-sm-6:last-child{ width:40%; } } @media only screen and (max-width: 795px){ .tab-row .vc_col-sm-6:first-child{ width:70%; } .tab-row .vc_col-sm-6:last-child{ width:30%; } .tab-row .vc_col-sm-6:last-child .vc_column-inner > .wpb_wrapper{ display: flex; margin-right: 55px; justify-content: flex-end; justify-items: flex-end; gap: 12px; } .standort-marken-tab .btn-mail span, .standort-marken-tab .btn-phone span{ display: none; } .standort-marken-tab .btn-mail::before{ content:""; background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/icon-mail-dark.svg"); background-size: contain; background-repeat: no-repeat; position: relative; display: inline-block; height: 15px!important; width: 18px!important; max-width: 18px!important; } .standort-marken-tab .btn-phone::before{ content:""; background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/icon-phone-dark.svg"); background-size: contain; background-repeat: no-repeat; position: relative; display: inline-block; height: 15px!important; width: 18px!important; max-width: 18px!important; } .standort-marken-tab .btn-phone:hover::before{ background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/icon-phone.svg"); } .standort-marken-tab .btn-mail:hover::before{ background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/icon-mail.svg"); } .standort-marken-tab .btn-mail, .standort-marken-tab .btn-phone { padding: 12px 12px!important; max-width: 45px!important; } .standort-marken-tab .btn-phone{ margin-top: 0px; } } @media only screen and (max-width: 703px){ .tab-row .vc_col-sm-6:first-child{ width:75vw; } .tab-row .vc_col-sm-6:last-child{ width:25vw; } .tab-row .vc_col-sm-6:last-child .vc_column-inner > .wpb_wrapper{ display: flex; flex-direction: column; } .standort-marken-tab .btn-mail, .standort-marken-tab .btn-phone { padding: 12px 12px; margin: 0 0!important; } .standort-marken-tab .btn-phone{ margin-top: 0px; } } @media only screen and (max-width: 617px){ .tab-row .vc_col-sm-6:first-child .vc_column-inner > .wpb_wrapper{ display: flex!important; flex-direction: column!important; gap: 20px; } .standort-marken-tab .tab-row{ padding-bottom: 1rem; align-content: flex-start; align-items: flex-start; } .standort-marken-tab h3{ margin-top: 1rem; margin-bottom: -20px!important; } } @media only screen and (max-width: 560px){ .tab-row .vc_col-sm-6:last-child .vc_column-inner > .wpb_wrapper{ margin-right: 0px; align-content: flex-end!important; align-items: flex-end!important; } } @media only screen and (max-width: 323px){ .standort-marken-tab .tab-row{ flex-direction: column; } .tab-row .vc_col-sm-6:last-child, .tab-row .vc_col-sm-6:first-child{ width:100vw; } .tab-row .vc_col-sm-6:last-child .vc_column-inner > .wpb_wrapper{ display: flex; flex-direction: row; justify-content: flex-start; justify-items: flex-start; align-content: flex-start; align-items: flex-start; margin-top: 18px; } } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* ANSPRECHPARTNER /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*.page-id-257 .dt-team-masonry-shortcode .filter-categories .show-all, .page-id-439 .dt-team-masonry-shortcode .filter-categories .show-all, .page-id-445 .dt-team-masonry-shortcode .filter-categories .show-all, .page-id-448 .dt-team-masonry-shortcode .filter-categories .show-all{ display: none; }*/ #ansprechpartner h3 a span, .ansprechpartner h3 a span{ font-family: "Poppins"; font-weight: 600; font-size: 32px!important; line-height: 42px; color: var(--dark-black); } #ansprechpartner .wpb_accordion_section{ border-bottom: 1px solid var(--dark-black); } @media only screen and (max-width: 992px){ #ansprechpartner h3 a span, .ansprechpartner h3 a span{ font-size: 25px!important; line-height: 1.3!important; } } @media only screen and (max-width: 778px){ #ansprechpartner h3 a span, .ansprechpartner h3 a span{ font-size: 22px!important; line-height: 1.3!important; } } .filter-categories .terminvereinbarung-feldkirchen-westerham, .filter-categories .terminvereinbarung-bruckmuehl-heufeld, .filter-categories .terminvereinbarung-rosenheim, .filter-categories .terminvereinbarung-wolfratshausen{ order: 1!important; } .filter-categories .verkauf-feldkirchen-westerham, .filter-categories .verkauf-bruckmuehl-heufeld, .filter-categories .verkauf-rosenheim, .filter-categories .verkauf-wolfratshausen{ order: 2!important; } .filter-categories .wartung-reparatur-feldkirchen-westerham, .filter-categories .wartung-reparatur-bruckmuehl-heufeld, .filter-categories .wartung-reparatur-rosenheim, .filter-categories .wartung-reparatur-wolfratshausen{ order: 3!important; } .filter-categories .teiledienst-zubehoer-feldkirchen-westerham, .filter-categories .teiledienst-zubehoer-bruckmuehl-heufeld, .filter-categories .teiledienst-zubehoer-rosenheim, .filter-categories .teiledienst-zubehoer-wolfratshausen{ order: 4!important; } .filter-categories .unfallspezialist-feldkirchen-westerham, .filter-categories .unfallspezialist-bruckmuehl-heufeld, .filter-categories .unfallspezialist-rosenheim, .filter-categories .unfallspezialist-wolfratshausen{ order: 5!important; } .filter-categories .marketing-feldkirchen-westerham{ order:6!important; } .filter-categories .show-all{ order: 7!important; } .team-container{ background-color: #fff!important; padding: 1.5rem; flex-wrap: wrap!important; width:auto!important; box-sizing: border-box!important; } .team-media{ max-width: 110px; margin-bottom: 12px; } .team-desc, .team-content{ padding:0!important; margin: 0!important; } .team-content{ margin: 10px 0 0 0!important; } .team-author p{ font-size: 14px!important; line-height: 1.4; color: var(--medium-grey)!important; margin-top: 5px; } .team-author{ margin-bottom: 0!important; padding: 0!important; } .team-author-name{ text-transform: uppercase; font-weight: 600; } .team-desc p{ margin-bottom:0!important; } .dt-team-shortcode .dt-css-grid .team-container { height: auto; width: auto!important; } .dt-team-masonry-shortcode .dt-css-grid .wf-cell{ margin: 0 0; } .dt-team-shortcode .dt-css-grid { grid-template-columns: repeat(4,1fr); grid-column-gap: 30px!important; grid-row-gap: 30px; } @media only screen and (max-width:1050px){ .dt-team-shortcode .dt-css-grid { grid-column-gap: 20px!important; grid-row-gap: 20px!important; } } @media only screen and (max-width:767px){ .dt-team-shortcode .dt-css-grid { grid-column-gap: 10px!important; grid-row-gap: 10px!important; } } @media only screen and (max-width:640px){ .dt-team-shortcode .dt-css-grid { grid-template-columns: 1fr!important; } } .filter{ margin-bottom: 25px; justify-content: flex-start; justify-items: flex-start; } .filter-categories{ gap: 10px!important; justify-content: flex-start; justify-items: flex-start; } .filter-categories a{ margin: 0 0; padding: 2px 5px 1px; border-radius: 0!important; background-color: var(--grey-light-light) !important; border: 1px solid var(--grey-dark)!important; color: var(--grey-dark)!important; font-weight: 600!important; font-size: 14px!important; font-family: "Poppins"; } .filter-categories a:hover, .filter-categories a:focus-visible, .filter-categories a.act{ background-color: var(--grey-dark)!important; color: #fff!important; } .filter-anchor { visibility: hidden; height: 0px !important; position: absolute; margin: -50px; } .filter-anchor.team { margin: -150px; } @media only screen and (max-width:600px){ .filter-anchor.team { margin: -50px; } } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* ANSPRECHPARTNER TABS */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .ansprechpartner-tabs .vc_tta-tabs-list, .ansprechpartner-tabs .vc_tta-tab{ margin: 0 0!important; } .ansprechpartner-tabs .vc_tta-tabs-container{ border:none!important; } .ansprechpartner-tabs .vc_tta-tab a{ margin: 0 0; padding: 3px 5px 1px !important; border-radius: 0 !important; background-color: var(--grey-light-light) !important; color: var(--grey-dark) !important; font-weight: 600 !important; font-size: 14px !important; border: 1px solid var(--grey-dark) !important; font-family: "Poppins"; line-height: 1.2 !important; } .ansprechpartner-tabs .vc_tta-tab a:hover, .ansprechpartner-tabs .vc_tta-tab a:focus-visible, .ansprechpartner-tabs .vc_tta-tab.vc_active a{ background-color: var(--grey-dark) !important; color: var(--white) !important; } .ansprechpartner-tabs .vc_tta-tabs-list li:not(:last-child) a{ margin-right: 10px; } .ansprechpartner-tabs .vc_tta-tabs-list li a{ margin-bottom: 8px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* 404 ERROR FEHLERSEITE /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .error-404 .small-heading{ opacity: 0.4; } .error-slogan{ font-size: 50px; line-height: 1.3; } @media only screen and (max-width:600px){ .error-slogan{ font-size: 30px; } } .error-404 .dt-btn{ margin: 0 20px 20px 0; } .error-404 .dt-btn.pink:hover{ background-color: var(--color-aktionen)!important; border-color: var(--color-aktionen)!important; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* ELEKTROMOBILITÄT /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .icon-text-wrapper .dt-text-title{ text-transform: uppercase; font-weight: 600; margin-top: 10px; } .icon-text-wrapper .ult-content-box{ display: grid; grid-template-columns: repeat(3,1fr); gap: 25px; } .page-id-610 .icon-with-text-shortcode { display: flex; flex-direction: column; align-content: flex-start; align-items: flex-start; } @media only screen and (max-width:1085px){ .thg-row .vc_col-sm-4{ width:70%; } .thg-row .vc_col-sm-8{ width: 100%; margin-top: 3rem; } } @media only screen and (max-width:992px){ .thg-row .vc_col-sm-4{ width:100%; } } @media only screen and (max-width:743px){ .icon-text-wrapper .ult-content-box{ display: grid; grid-template-columns: repeat(1,1fr); gap: 25px; } } #emobilitaetsrechner .wpb_raw_code{ margin-bottom: 0; } #emobilitaetsrechner{ background-color: #fff; padding: 3rem; margin: 0 auto; } @media only screen and (max-width: 770px){ #emobilitaetsrechner{ padding: 2rem; } } @media only screen and (max-width: 560px){ #emobilitaetsrechner{ padding: 1rem; } #emobilitaetsrechner .vc_column-inner{ padding: 0; } } #emobilitaetsrechner .wpb_raw_code{ margin-bottom: 0; } iframe, #evciframe{ width:100%!important; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* NOTDIENST /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .notdienst .icon-with-text-shortcode{ display: flex; flex-direction: row!important; align-content: center; align-items: center; } .notdienst .icon-with-text-shortcode .dt-text-title a{ color: var(--color-service)!important; text-decoration: none; font-weight: 400; font-size: 4rem; line-height: 1.0; transition: ease-in-out 0.3s; } .notdienst .icon-with-text-shortcode i{ color: var(--color-service)!important; } .notdienst .icon-with-text-shortcode .text-icon{ margin-right: 2.5rem!important; font-size: 3.5rem!important; transform: scale(1.00); transition: ease-in-out 0.3s; } .notdienst .icon-with-text-shortcode:hover .text-icon{ transform: scale(1.1); } .notdienst .icon-with-text-shortcode:hover i, .notdienst .icon-with-text-shortcode:hover .dt-text-title a{ color: #ff7500!important; } .notdienst .wpb_text_column{ margin-bottom: 20px; } @media only screen and (max-width: 1212px){ .notdienst .vc_col-sm-6{ width: 100%; } .notdienst .vc_col-sm-6:last-child{ margin-top: 4rem; } } @media only screen and (max-width: 560px){ .notdienst .vc_col-sm-6:last-child{ margin-top: 1.5rem; margin-bottom: 1.5rem; } .notdienst .icon-with-text-shortcode .text-icon{ margin-right: 1.5rem!important; font-size: 3rem!important; } .notdienst .icon-with-text-shortcode .dt-text-title a{ font-size: 3rem; } } @media only screen and (max-width: 560px){ .notdienst .icon-with-text-shortcode .text-icon{ margin-right: 1rem!important; font-size: 2.5rem!important; } .notdienst .icon-with-text-shortcode .dt-text-title a{ font-size: 2.5rem; } } @media only screen and (max-width: 368px){ .notdienst .icon-with-text-shortcode .text-icon{ margin-right: 0.5rem!important; font-size: 2rem!important; } .notdienst .icon-with-text-shortcode .dt-text-title a{ font-size: 2rem; } } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* SERVICE TERMINVEREINBARUNG ONLINE /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .termin-standort .vc_column-inner > .wpb_wrapper{ display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--medium-grey); align-content: center; align-items: center; padding-bottom: 2rem; } @media only screen and (max-width: 600px){ .termin-standort .vc_column-inner > .wpb_wrapper{ display: grid; grid-template-columns: 1fr; gap: 25px; justify-content: flex-start; } } .termin-standort .wpb_text_column, .wpb_single_image{ margin-bottom: 0!important; } #main .termin-standort:last-child .vc_column-inner > .wpb_wrapper{ border-bottom: 0px solid var(--medium-grey); } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* WOHNMOBILVERMIETUNG /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--- Accordeons ---*/ .preise { width: 100%; max-width: 700px; } .preise > .wpb_wrapper { display: grid!important; grid-template-columns: 4fr 1fr; align-items: center; } .preise > .wpb_wrapper p:last-child { justify-self: flex-end; } .preise > .wpb_wrapper p{ margin-bottom: 0; padding: 5px 10px; } .preise.wpb_text_column{ margin-bottom: 0; } #faq .wpb_accordion_wrapper .preise:nth-child(odd){ background-color: #fff; } #faq .wpb_accordion_wrapper .preise:nth-child(even){ background-color: rgba(236,237,238,0.75); } /*--- Wohnmobil Cards ----*/ .wohnmobil-params ul, .params ul{ list-style-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/icon-check-dark.svg")!important; } .wohnmobil-card .dt-btn{ margin: 0 10px 10px 0; padding:5px 8px 4px; border-radius: 0!important; background-color: var(--dark-black)!important; color: #fff!important; font-weight: 600!important; font-size: 14px!important; border: none!important; } .wohnmobil-card .dt-btn:hover{ background-color: var(--medium-grey)!important; } .wohnmobil-card .dt-btn:last-child{ background-color: var(--color-service)!important; margin: 0 0; } .wohnmobil-card .dt-btn:last-child:hover{ background-color: #ff7500!important; } .wohnmobil-card { background-color: #fff; padding: 3rem; transition: ease 0.3s; margin-bottom: 2rem; } .wohnmobil-card:hover { -webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.12); box-shadow:0px 0px 35px 0px rgba(0,0,0,0.12); } .wohnmobil-card .wohnmobil-params .wpb_wrapper { display: flex; flex-direction: row; gap: 30px; grid-row-gap: 0px; flex-wrap: wrap; } .wohnmobil-params .wpb_wrapper ul{ margin-bottom: 0; } .wohnmobil-params li, .params li{ margin-bottom: 5px; } .wohnmobil-card .wohnmobil-params .wpb_wrapper p{ display: none; } .wohnmobil-card .wpb_text_column { margin-bottom: 15px; } .wohnmobil-desc { font-size: 17px; font-weight: 600; color: var(--medium-grey); margin-bottom: 30px!important; } .wohnmobil-card h3 a:hover{ color: var(--color-service)!important; } .wohnmobil-card h3 a{ transition: ease 0.3s; } .wohnmobil-card .wohnmobil-preise{ margin-bottom: 30px; margin-top: 25px; } .wohnmobil-card img{ transition: ease 0.3s; } .wohnmobil-card img:hover{ transform: scale(1.04); } @media only screen and (max-width: 1020px){ .wohnmobil-card { padding: 2.5rem 1.5rem; } .wohnmobil-card .vc_col-sm-6{ width:100%; } .wohnmobil-card img{ max-width: 500px; width:100%; margin-bottom: 1rem; } .wohnmobil-card h3{ font-size: 23px!important; line-height: 1.3; } } @media only screen and (max-width: 455px){ .wohnmobil-card { padding: 1.8rem 0.7rem; } } /*--- Wohnmobil Unterseite ----*/ .wohnmobil-pic-col .vc_column-inner{ background-color: #fff; padding-bottom: 0.6rem; } /*------------------------------------ FLOW FLOW SOCIAL STREAM -----------------------------------------*/ .ff-stream{ background-color: transparent!important; } .ff-item-bar{ display: none!important; } .ff-item{ -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.06)!important; box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.06)!important; } .ff-stream-wrapper{ margin-top: 0!important; transform: translatex(-15px); padding: 0 0 2rem 0!important; } .ff-stream{ padding: 0!important; } .ff-btn{ margin: 0 auto!important; padding: 12px 28px!important; font-family: "Poppins"!important; font-size: 15px!important; border: 1px solid var(--dark-black)!important; color: var(--dark-black)!important; letter-spacing: 0.6!important; text-transform: uppercase!important; background-color: transparent!important; border-radius: 0px!important; } .ff-btn:hover{ color: #fff!important; background-color:var(--dark-black)!important; } .ff-stream a.ff-name, .ff-stream .ff-nickname, .ff-stream .ff-timestamp{ color: var(--dark-grey)!important; } /*.social-stream-icons a:last-child .soc-font-icon::before{ content:""!important; background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/logo-tiktok.svg"); background-size: contain; background-repeat: no-repeat; height: 23px!important; aspect-ratio: 1 /1; position: relative; display: block; }*/ .follow-card .ult-content-box{ display: flex; align-content: center; align-items: center; gap: 1rem; } .follow-card .wpb_text_column{ margin-bottom: 0!important; } @media only screen and (max-width: 378px){ .follow-card .ult-content-box{ flex-direction: column; align-content: flex-start; align-items: flex-start; } } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* STANDORTE & MARKEN UNTERSEITE /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .marken-card { display: flex; align-content: flex-start; align-items: flex-start; justify-content: center; justify-items: center; background-color: #fff!important; padding: 2rem; transition: ease 0.5s; } .marken-card:hover { -webkit-box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.1); box-shadow:0px 8px 12px 0px rgba(0,0,0,0.1); } .marken-card .wpb_content_element{ margin-bottom: 0px; } .marken-card img{ margin-bottom: 2rem; max-width:80px; aspect-ratio: 1 / 1; object-fit: contain; } .marken-card-row .vc_column-inner > .wpb_wrapper{ display: grid; gap: 25px; grid-template-columns: repeat(6,1fr)!important; } @media only screen and (max-width:1480px){ .marken-card-row .vc_column-inner > .wpb_wrapper{ grid-template-columns: repeat(3,1fr)!important; } } @media only screen and (max-width:699px){ .marken-card-row .vc_column-inner > .wpb_wrapper{ grid-template-columns: repeat(2,1fr)!important; } .marken-card{ padding: 1.5rem; } .marken-card img{ max-width:60px; } } @media only screen and (max-width:470px){ .marken-card-row .vc_column-inner > .wpb_wrapper{ grid-template-columns: repeat(1,1fr)!important; } } .marken-card a { text-decoration: none; color: var(--dark-black); padding: 1px 5px; } .marken-card a:hover { background-color:#EEF0F0 } .marken-card p { line-height: 1.2; font-size: 14px; text-decoration: none; color: var(--dark-black); } .marken-card .wpb_text_column p{ display: flex; flex-direction: column; justify-content: center; justify-items: center; align-items: center; align-content: center; } .marken-card .wpb_text_column p:not(:last-child)::after{ content:""; display: block; position: relative; bottom: 0px; height: 1px; width: 20px; background-color: rgba(0,0,0,0.16); margin-top: 0.5rem; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* FREIZEITMOBILE UND NUTZFAHRZEUGE /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .app-code{ max-width: 140px!important; mix-blend-mode: multiply; margin: 0 auto; margin-bottom: 1rem!important; } .page-id-1538 .page-image .wpb_single_image img { max-height: 630px; object-fit: cover; object-position: center center; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* SOCIAL MEDIA /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .social-col .vc_column-inner > .wpb_wrapper{ display: grid; grid-template-columns: repeat(auto-fit,minmax(min(280px,100%),1fr)); grid-column-gap: 20px; grid-row-gap: 50px; } .social-col .ult-content-box { display: flex; flex-direction: column; justify-content: center; justify-items: center; align-content: center; align-items: center; } .social-col .dt-btn { margin-top: 1rem; } .social-col .dt-shortcode-icon-wrap .icon-inner, .social-col .dt-shortcode-icon.dt-icon-border-on::before, .social-col .dt-shortcode-icon-wrap .icon-inner:hover, .social-col .dt-shortcode-icon.dt-icon-border-on:hover::before{ width: 150px!important; height: 150px; border-radius: 25px; background-color: var(--dark-black)!important; background: var(--dark-black)!important; opacity: 1!important; } .social-col .dt-shortcode-icon-wrap .icon-inner:hover, .social-col .dt-shortcode-icon.dt-icon-border-on:hover::before{ -webkit-box-shadow: 3px 0px 20px rgba(0, 0, 0, .4); box-shadow: 3px 0px 20px rgba(0, 0, 0, .4); } .social-col .icon-inner i{ font-size: 60px!important; font-weight: 400!important; } .social-col i.soc-icon{ color: #ffffff!important; } .social-col .ult-content-box-container:last-child i::before{ content: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/logo-tiktok-weiss.svg")!important; height: 55px; width: 55px!important; display: block; } @media only screen and (max-width: 560px){ .social-col .icon-inner i{ font-size: 45px!important; } .social-col .ult-content-box-container:last-child i::before{ height: 40px; width: 40px!important; } .social-col .dt-shortcode-icon-wrap .icon-inner, .social-col .dt-shortcode-icon.dt-icon-border-on::before, .social-col .dt-shortcode-icon-wrap .icon-inner:hover, .social-col .dt-shortcode-icon.dt-icon-border-on:hover::before{ width: 110px!important; height: 110px; } } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* ZERTIFIKATE /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .zertifikat-row .wpb_single_image:first-child img{ max-width: 180px; } .zertifikat-row .zertifikat-box img{ max-width: 300px; } .zertifikat-box h2{ border-bottom: none; } .zertifikat-row .vc_column-inner > .wpb_wrapper{ padding: 3.5rem 0 3.5rem; border-bottom: 1px solid var(--dark-black); display: flex; gap: 30px; } .zertifikat-row:last-of-type .vc_column-inner > .wpb_wrapper{ border-bottom: none; } .zertifikat-row .ult_exp_section{ padding: 0; background: none; background-color: transparent!important; } .zertifikat-row .ult_expheader{ font-size: 12px; font-weight: 600; text-transform: uppercase; padding: 0!important; letter-spacing: 1px; } .zertifikat-row .ult-just-icon-wrapper{ padding: 0 5px 0 0!important; } .zertifikat-row .ult_expsection_icon i::before{ color: var(--dark-black); } .zertifikat-row .ult_expsection_icon{ transition: linear 0.2s; } .zertifikat-row .ult_active_section .ult_expsection_icon{ transform: rotate(45deg)!important; } .zertifikat-row .ult_exp_content{ background-color:transparent!important; padding: 20px 0 0 0; text-align: left!important; } .zertifikat-row .ult_exp_content .ult_ecpsub_cont{ text-align: left!important; max-width: inherit!important; } .zertifikat-box .ult_exp_section_layer .ult_exp_content .wpb_content_element:last-child, .zertifikat-box .wpb_content_element:last-child, .zertifikat-box .ult_exp_section_layer.ult-adjust-bottom-margin{ margin-bottom: 0!important; } @media only screen and (max-width:530px){ .zertifikat-row .wpb_single_image:first-child img{ max-width: 250px; } .zertifikat-row .vc_column-inner > .wpb_wrapper{ display: flex; flex-direction: column; } } @media only screen and (max-width:315px){ .zertifikat-row .wpb_single_image:first-child img{ max-width: 100%; } } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* ONLINE TERMINVEREINBARUNG WIDGET APP /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ @media only screen and (max-width: 768px){ #mobilapp-appointment-icon { right: 0px!important; } } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* NORA-UNTERSEITE /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .location-heading{ margin-top: 10px; font-weight: 700; text-transform: uppercase; color: var(--color-service); } .nora-standort .wpb_text_column{ margin-bottom: 0!important; } .nora-standort .wpb_text_column.nora-ansprechpartner{ margin: 0.5rem 0!important; } .nora-standorte{ display: grid!important; grid-template-columns: repeat(auto-fit,minmax(min(300px,100%),1fr)); grid-row-gap: 2rem; row-gap: 2rem; } .nora-standort{ width: 100%; } .nora-standorte::before, .nora-standorte::after{ display: none; } .nora-standorte .vc_column-inner { padding: 0; } .nora-standorte { display: grid; gap: 2rem; max-width: 65rem; margin: clamp(4rem, 4vw, 5.5rem) auto 0!important; justify-items: center!important; grid-template-columns: repeat(auto-fit, minmax(min(350px, 100%), 1fr))!important; } .nora-standorte > .wpb_column { width: 100%; background-color: var(--green-20); } .nora-standorte .ult-content-box { padding: 2rem; } .nora-standorte .vc_single_image-wrapper, .nora-standorte .vc_single_image-wrapper * { height: 21rem; object-fit: cover; } section.content_rows:has(.nora-standorte) { padding-left: 35px !important; padding-right: 35px !important; } @media only screen and (max-width: 778px) { section.content_rows:has(.nora-standorte) { padding-left: 20px !important; padding-right: 20px !important; } } @media only screen and (max-width: 640px) { .nora-standorte .vc_single_image-wrapper, .nora-standorte .vc_single_image-wrapper * { height: 15rem; } } .nora-sub *{ font-weight: 500; font-size: 22px; color: var( --dark-black); } .nora-sub{ margin: 0.5rem 0 1.5rem; } .nora-kunde-werden .vc_column-inner{ padding: 0 0; } .nora-kunde-werden .vc_column-inner h2{ margin-bottom: 5px!important; } .nora-kunde-werden{ padding: 3rem 2rem; background-color: var(--color-service); } .nora-kunde-werden .vc_column-inner > .wpb_wrapper{ display: flex; justify-content: space-between; gap: 1rem; align-content: center; align-items: center; flex-wrap: wrap; } .nora-kunde-werden .wpb_text_column{ display: flex; gap: 1rem; align-content: center; align-items: center; } .nora-kunde-werden .wpb_text_column::before{ content: ""; position: relative; display: block; background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/doublearrow.svg"); background-repeat: no-repeat; background-size: contain; height: 60px; width: 60px; min-width: 60px; } @media only screen and (max-width: 540px){ .nora-kunde-werden .wpb_text_column{ flex-wrap: wrap; } } @media only screen and (max-width: 380px){ .nora-kunde-werden{ padding: 2rem 1.5rem; } } @media only screen and (max-width: 767px){ .row-rev { display: flex; flex-direction: column-reverse; margin-top: 1rem; } } .nora-heading *{ color: var(--color-service); font-weight: 700; text-transform: uppercase; } .nora-sub-small{ color: var(--dark-black); margin-top: 5px; font-weight: 500; font-size: 18px; margin-bottom: 1.2rem; } #nora-agb{ background-color: #fff; padding: 3rem 1.5rem; } .nora-agb-text *{ font-size: 14px!important; line-height: 1.4; } #nora-agb .nora-agb-text, #nora-agb .heading-like-h2{ max-width: 1000px; margin: 0 auto; } #nora-agb .heading-like-h2{ margin-bottom: 1.5rem; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* NEWS & EVENTS ARTICLE */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ article.category-news-events .article-date{ font-size: 15px; font-weight: 600; color: var(--medium-grey); } article.category-news-events h1{ margin-bottom: 2.3rem!important; margin-top: 0.8rem; } article.category-news-events .btn-tertiary{ margin-left: 1.3rem; } article.category-news-events .news-article-content{ margin-top: 6rem; margin-bottom: 3rem; } article.category-news-events .news-article-content > *{ width: 100%; max-width: 950px; margin: 0 auto; } @media only screen and (max-width: 778px){ article.category-news-events .news-article-content{ margin-top: 3rem; margin-bottom: 1rem; padding: 0; } } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* TABELLE TABLEPRESS */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ table.tablepress thead, table.tablepress thead th{ background-color: var(--green-20); color: var(--grey-dark); font-size: clamp(calc(var(--base-font-size) * 1.2), 3.5vw, calc(var(--base-font-size) * 1.4375)); font-weight: 600; border-top: 0px; } table.tablepress td, table.tablepress th{ padding: clamp(0.5rem, 2vw, 1rem) 0; } section:has(.tablepress) { margin-top: 3rem; } @media only screen and (max-width: 640px) { .tablepress.tablepress-id-1 { width: 100%!important; overflow: scroll!important; white-space: nowrap; display: block!important; } section:has(.tablepress.tablepress-id-1) .column-1 { min-width: 210px; } section:has(.tablepress.tablepress-id-1) .column-2 { min-width: 240px; } section:has(.tablepress.tablepress-id-1) .column-3 { min-width: 130px; } section:has(.tablepress.tablepress-id-1) .column-4 { min-width: 100px; } section:has(.tablepress.tablepress-id-1) .wpb_text_column:has(p strong)::after{ font-family: "Poppins"; content: "Zur Ansicht horizontal scrollen"; font-size: 14px; line-height: 17px; position: relative; display: block; margin-top: 10px; } } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* AKTIONEN NEU ANPASSUNGEN NOVEMBER 2024 + BADER */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #pagetitle-aktionen{ padding-top: calc(189px + var(--gap-m))!important; padding-bottom: var(--gap-m); } #pagetitle-aktionen > .vc_row{ overflow: visible; } #pagetitle-aktionen > .vc_row > *{ z-index: 1; } #pagetitle-aktionen > .vc_row::after{ content: ""; position: absolute; display: block; height: 562px; width: 765px; aspect-ratio: 765 / 562; background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/polygon-background_top_green-20.svg"); background-repeat: no-repeat; background-size: 100% 100%; top: 0; left: -4.8vw; z-index: 0; } section#pagetitle-aktionen + section.vc_section{ padding-top: var(--gap-xs); } .single-post section.vc_section.content_rows.section-green > .vc_row{ width: 100%; max-width: 1100px; margin: 0 auto; } .single-post section:has(.vc_row.angebot-row)::after{ content: ""; position: absolute; display: block; height: 665px; width: 585px; aspect-ratio: 585 / 665; background-image: url("https://www.autowelt-bader.de/wp-content/uploads/svgs/polygon-background_bottom_green-20.svg"); background-repeat: no-repeat; background-size: 100% 100%; bottom: -1.5vw; right: -5.8vw; z-index: 0; } .single-post section:has(.vc_row.angebot-row) > *{ z-index: 1; } /* CAROUSELS / KARUSSELLE */ .owl-nav > *{ background-color: var(--green-60); height: 75px!important; width: 31px!important; } .owl-nav > *.owl-prev{ clip-path: polygon(0 0, 100% 22%, 100% 78%, 0% 100%); } .owl-nav > *.owl-next{ clip-path: polygon(0 22%, 100% 0, 100% 100%, 0 78%); } .owl-nav > * i::before{ color: var(--grey-dark)!important; } .owl-nav > * i{ font-size: 25px!important; } .owl-nav > *::before, .owl-nav > *::after{ display: none; } .owl-nav > *:hover, .owl-nav > *:focus-visible{ background-color: var(--black)!important; } .owl-nav > *:hover i::before, .owl-nav > *:focus-visible i::before{ color: var(--green-60)!important; } /* --- Angebot Row --- */ .single-post .angebot-row .owl-carousel.gallery-carousel-shortcode{ margin-top: 8px; } .single-post .angebot-row .dt-btn.btn-primary{ display: block; background-color: var(--red-pink)!important; border-color: var(--red-pink)!important; color: var(--white)!important; padding-top: 10px!important; padding-bottom: 10px!important; } .single-post .angebot-row .dt-btn.btn-primary:hover, .single-post .angebot-row .dt-btn.btn-primary:focus-visible{ background-color: var(--black)!important; border-color: var(--black)!important; } .single-post .angebot-row .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-primary:hover span, .single-post .angebot-row .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-primary:focus-visible span{ color: var(--white)!important; } @media only screen and (max-width: 1270px) { .angebot-row .wpb_column.vc_column_container.vc_col-sm-8 { width: 58%; } .angebot-row .wpb_column.vc_column_container.vc_col-sm-4 { width: 42%; } } @media only screen and (max-width: 1000px) { .angebot-row .wpb_column.vc_column_container.vc_col-sm-8 { width: 50%; } .angebot-row .wpb_column.vc_column_container.vc_col-sm-4 { width: 50%; } } @media only screen and (max-width: 880px) { .angebot-row .wpb_column.vc_column_container.vc_col-sm-8, .angebot-row .wpb_column.vc_column_container.vc_col-sm-4 { width: 100%; } .angebot-row .wpb_column.vc_column_container.vc_col-sm-4 { margin-top: 1rem; } } @media only screen and (max-width: 540px) { .single-post article .angebot-row tr { display: inherit; } } /* --- Image Slider --- */ .single-post article .owl-stage{ display: block!important; } /* --- -Countdown ---*/ .countdown-row{ background-color: var(--red-pink); padding: 0.7rem 1rem; width: 100%; max-width: 550px; margin: 0 auto 1rem; } .countdown-row .ult_countdown{ margin-bottom: 0!important; } .ult_countdown-section{ margin-bottom: 5px!important; } .countdown-row .vc_column-inner{ padding: 0 0!important; } .countdown-row *{ color: #fff!important; text-transform: uppercase; } .countdown-row .wpb_text_column{ margin-bottom: 10px!important; } .countdown-row .wpb_text_column *{ font-weight: 600; font-size: 24px; } .ult_countdown-amount{ font-weight: 700!important; } /* --- Disclaimer --- */ .disclaimer-box *{ font-size: 12px; line-height: 1.4; } /* ---- Tabs & Accordions ---- */ .ult_tabs .ult_tabmenu{ border-bottom: 1px solid var(--grey-dark); display: flex; flex-direction: row; flex-wrap: nowrap!important; border-radius: 0px!important; } .ult_tabs .ult_tabmenu li, .ult_tabs .ult_tabmenu li *{ width: 100%!important; display: flex!important; border-radius: 0!important; justify-content: center; color: var(--grey-dark)!important; } .ult_tab_li, ul.ult_tabmenu{ overflow: visible!important; } .ult_tab_li:focus-within{ z-index: 1; } .ult_tab_li{ background: var(--green-40)!important; } .ult_tab_li a{ background: none!important; } .ult_tab_li:not(.current):hover a, .ult_tab_li:not(.current):focus-within a{ background-color: var(--green-60)!important; } .ult_tabs .ult_tabmenu li.ult_tab_li.current a{ background-color: var(--grey-dark)!important; color: var(--white)!important; } .ult_tabs .ult_tabmenu li.ult_tab_li.current a span{ color: var(--white)!important; } .ult_tabcontent .wpb_text_column, .ult-tabto-accordion .wpb_text_column{ margin-bottom: 0; } .angebot-row .ult-tabto-acontent{ padding: 12px 15px 20px!important; } .angebot-row .ult-tabto-accordionItem{ width: 100%; } .angebot-row .ult_acord{ margin-bottom: 1rem; } .angebot-row .ult-tabto-actitle *{ font-weight: 500; padding: 5px 8px 10px; line-height: 1.4; } .angebot-row .ult_acord dt:not(:first-of-type) { margin-top: 10px; } .angebot-row .ult_tabitemname{ padding: 0 0; border: 1px solid var(--grey-light); background-color: white; } .angebot-row .ult_tabitemname .wpb_text_column:not(:has(table)){ padding: clamp(0.5rem, 2vw, 1rem) clamp(1rem, 2vw, 1.5rem); } .angebot-row .ult_tabs{ margin-bottom: 0; } .angebot-row .dt-btn{ transform: inherit!important; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* LINK CARDS */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .link-cards-wrapper .vc_column-inner > .wpb_wrapper{ display: grid; grid-template-columns: repeat(auto-fill,minmax(min(300px,100%),1fr)); gap: 2rem; } @media only screen and (min-width: 1200px){ .link-cards-wrapper .vc_column-inner > .wpb_wrapper{ grid-template-columns: repeat(3, 1fr); } } .link-cards-wrapper img{ aspect-ratio: 3 / 2; object-fit: cover; transition: ease 0.6s; } .link-card:focus-within img, .link-card:hover img{ transform: scale(1.2); } .link-cards-wrapper .wpb_single_image{ overflow: hidden; } .link-card{ position: relative; } .link-card a::before{ position: absolute; display: block; content: ""; height: 100%; width: 100%; top: 0; left: 0; } .link-card .wpb_text_column{ background-color: var(--green-20); padding: 0.8rem; } .link-card:focus-within .wpb_text_column, .link-card:hover .wpb_text_column{ background-color: var(--green-40); } .link-card:focus-within a{ outline: none!important; box-shadow: none!important; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* INTERACTIVE CARDS */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .interactive-cards-wrapper .vc_column-inner > .wpb_wrapper { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(330px,100%),1fr)); gap: 2rem; } .vc_row:has(.interactive-cards-wrapper) { overflow: visible!important; } .interactive-cards-wrapper { -moz-filter: drop-shadow(0px 0px 10px var(--green-20)); -webkit-filter: drop-shadow(0px 0px 10px var(--green-20)); filter:drop-shadow(0px 0px 10px var(--green-20)); } .interactive-card { position: relative; padding: clamp(2.5rem, 4.5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem); background-color: var(--white); transition: ease 0.4s; } .interactive-card a::before { position: absolute; display: block; content: ""; height: 100%; width: 100%; top: 0; left: 0; z-index: 3; } .interactive-card:focus-within, .interactive-card:hover { background-color: var(--green-40); transform: translatey(-5px); } .interactive-card:focus-within a { outline: none!important; box-shadow: none!important; } .wpb_text_column.like-btn .inner{ background-color: var(--green-60); padding: 0.3rem 0.7rem; position: relative; display: inline-block; box-sizing: border-box; text-transform: uppercase; } .interactive-card:focus-within .wpb_text_column.like-btn .inner, .interactive-card:hover .wpb_text_column.like-btn .inner{ background-color: var(--grey-dark); color: var(--white) } /* Logos in Cards */ .interactive-card .wpb_single_image{ margin: 0 auto 1rem!important; height: 100%; height: 75px; width: 100%; max-width: 250px; } .interactive-card .wpb_single_image img{ margin-bottom: 1rem!important; height: 100%; width:100%; height: 75px; max-width: 250px; object-position: center center; object-fit: contain; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* AKTIONEN GRID NEU /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .aktionen-grid .vc_gitem_row .vc_gitem-col { padding: 0; } .aktionen-grid .vc_grid .vc_pageable-slide-wrapper::before, .aktionen-grid .vc_grid .vc_pageable-slide-wrapper::after { display: none; } .aktionen-grid .vc_grid .vc_pageable-slide-wrapper { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(300px,100%),1fr)); grid-column-gap: 20px; grid-row-gap: 20px; } @media only screen and (min-width: 1200px) { .aktionen-grid .vc_grid .vc_pageable-slide-wrapper { grid-template-columns: repeat(3, 1fr); } } /* ---- GRID ITEMS ---- */ .aktionen-grid .vc_grid-item .vc_gitem-col > *:not(.wpb_single_image) { padding-left: clamp(2.5rem, 4.5vw, 5rem); padding-right: clamp(2.5rem, 4.5vw, 5rem); } .aktionen-grid .vc_grid-item .vc_gitem-col .wpb_single_image { margin-bottom: 0; } .aktionen-grid .vc_grid-item .vc_gitem-col .vc_gitem-post-data-source-post_categories { margin-bottom: clamp(15px, 2.5vw, 20px); display: flex; grid-column-gap: 8px; column-gap: 8px; grid-row-gap: 8px; row-gap: 8px; } .aktionen-grid .vc_grid-item .vc_gitem-col .vc_gitem-post-data-source-post_categories > * { padding: 4px 5px 3px !important; font-weight: 500; letter-spacing: 0.5px !important; line-height: 1.1; font-size: 14px; background-color: var(--black); color: var(--white); } .aktionen-grid .vc_grid-item .vc_gitem-col .vc_gitem-post-data-source-post_categories::before, .aktionen-grid .vc_grid-item .vc_gitem-col .vc_gitem-post-data-source-post_categories::after { display: none; } .aktionen-grid .vc_grid-item .vc_gitem-col .vc_gitem-post-data-source-post_title { margin-bottom: 0; position: static; } .aktionen-grid .vc_grid-item .vc_gitem-col .vc_gitem-post-data-source-post_excerpt { margin-top: 15px; margin-bottom: clamp(35px, 4.5vw, 50px); } .aktionen-grid .vc_grid-item .vc_gitem-col .vc_gitem-post-data-source-post_title a{ position: static; } .aktionen-grid .vc_grid-item .vc_gitem-col .vc_gitem-post-data-source-post_title a::before{ content: ""; position: absolute; display: block; height: 100%; width: 100%; top: 0; left: 0; z-index: 2; } .aktionen-grid .vc_grid-item{ position: relative; display: flex; align-content: stretch; align-items: stretch; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* GOOGLE REVIEW SLIDER | GOOGLE BEWERTUNGEN SLIDER */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ section.vc_section.section-reviews{ padding-top: var(--gap-xxl); padding-bottom: var(--gap-xxl); } section.vc_section.section-reviews .vc_row:has(.ti-widget){ margin-top: clamp(3rem, 8vw, 7rem); } .ti-widget .ti-controls > *{ background-color: var(--green-60)!important; border: none!important; outline: none!important; width: 30px!important; height: 84px!important; border-radius: 0!important; clip-path: polygon(0 22%, 100% 0, 100% 100%, 0 78%); left: -15px!important; top: -30px; } .ti-widget .ti-controls > *::before{ width: 15px!important; height: 15px!important; border-bottom: 3px solid var(--black)!important; border-left: 3px solid var(--black)!important; } .ti-widget .ti-controls > *.ti-next{ clip-path: polygon(0 0, 100% 22%, 100% 78%, 0% 100%); left: inherit!important; right: -15px!important; } .ti-widget .ti-read-more{ margin-top: 2rem; } .ti-widget .ti-read-more *{ opacity: 1!important; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* BARRIEREFREIHEIT /* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* --- FOCUS / FOCUS-VISIBLE ----*/ html :focus-visible, html :focus, .ult_tab_li:focus-within, .link-card:focus-within, .interactive-card:focus-within{ outline: 2px solid var(--grey-dark)!important; outline-offset: 2px!important; transition: ease 0.5s; animation: none!important; box-shadow: 0 0 0 2px var(--white)!important; } html *:focus-visible, html *:focus-within, html *:focus, html :focus-visible, html :focus-within, html :focus, *:focus-visible, *:focus-within, *:focus, :focus, a:focus{ animation: none!important; } /* --- ASSISTIVE TEXT / HILFSTEXT ---*/ .assistive-text { font-size: 14px; color: #000; background: #fff; } /* --- TASTATUR NAVIGATION ----*/ /* --- DIGIACCESS ----*/ /* --- DIGIACCESS BUTTON --- */ button#dAopener{ width: 40px!important; height: 40px!important; border-radius: 0px!important; background-color: var(--black)!important; border: 1px solid var(--black)!important; position: fixed!important; right: 10px!important; bottom: 60px!important; box-shadow: none!important; filter: none!important; transition: ease 0.3s!important; } button#dAopener svg{ width: 22px; overflow: visible; position: relative; left: 2px!important; } button#dAopener:hover, button#dAopener:focus-visible{ transform: scale(1.08)!important; background-color: var(--green-60)!important; border: 1px solid var(--green-60)!important; } button#dAopener:hover svg, button#dAopener:focus-visible svg{ filter: brightness(0) saturate(100%) invert(12%) sepia(5%) saturate(401%) hue-rotate(202deg) brightness(101%) contrast(90%); filter: invert(100%); } html .da-opener-position-center, html .da-opener-position-bottom{ top: inherit!important; margin: inherit!important; } /* da-skip-link */ .da-skip-link{ background-color: #121212!important; background: #121212!important; background-image: none!important; color: #fff!important; border: 2px solid #fff!important; box-sizing: border-box!important; opacity: 1!important; display: block!important; line-height: 1.1!important; } .da-skip-link img{ display: none!important; visibility: hidden!important; } /* --- OVERLAY --- */ html .da-switch.da-tool::before{ border: 2px solid #fff!important; top: -2px!important; left: -2px!important; } html button#dAspeichern{ color: var(--arena-blue-darker-3)!important; border: 2px solid #fff!important; font-weight: 600!important; } html button#dAspeichern:hover, html button#dAspeichern:focus, html button#dAspeichern:focus-visible, html button#da-tool-reset:hover, html button#da-tool-reset:focus, html button#da-tool-reset:focus-visible{ color: #fff!important; background-color: var(--midnight-1)!important; } html button#da-tool-reset{ color: var(--arena-blue-darker-3)!important; border: 2px solid #fff!important; font-weight: 600!important; } html button#dAspeichern:focus, html button#dAspeichern:focus-visible, html button#da-tool-reset:focus, html button#da-tool-reset:focus-visible{ outline: 2px solid #fff!important; } /* --- Standard skip-link deaktivieren --- */ .skip-link{ display: none; visibility: hidden; } /* --- SITEMAP --- */ .sitemap li{ border:none!important; display: list-item; } .sitemap .widget ul{ list-style-position: inside; list-style-image: initial; list-style-type: disc; } .sitemap li a{ text-decoration: underline; color: #000!important; } .sitemap li a:hover, .sitemap li a:focus, .sitemap li a:focus-visible{ outline: 2px solid #000!important; outline-offset: 3px!important; color: #000!important; } /* --- Standard skip-link deaktivieren --- */ .skip-link{ display: none; visibility: hidden; } /* --- Personalabteilung Karriere Foto Formular --------------------------------- */ .personalabteilung-karriere { margin-bottom: 2rem!important; } .personalabteilung-karriere figure { margin: 0!important; } @media only screen and (max-width: 778px) { .personalabteilung-karriere { margin-bottom: 1rem!important; } } /* ----- Marken Logos ------------------------ */ .vwn-logo, .audi-logo, .vw-logo, .skoda-logo { filter: brightness(0) saturate(100%) invert(27%) sepia(0%) saturate(0%) hue-rotate(356deg) brightness(101%) contrast(85%); }