/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
@font-face {
  font-family: "VWTextWeb-Regular";
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/VWTextWeb/VWTextWeb-Regular.eot#iefix') format("embedded-opentype"), url('../fonts/VWTextWeb/VWTextWeb-Regular.woff2') format("woff2"), url('../fonts/VWTextWeb/VWTextWeb-Regular.woff') format("woff"), url('../fonts/VWTextWeb/VWTextWeb-Regular.ttf') format("truetype"), url('../fonts/VWTextWeb/VWTextWeb-Regular.svg#VWTextWeb-Regular') format("svg");
}
@font-face {
  font-family: "VWTextWeb-Regular";
  src: url('../fonts/VWTextWeb/VWTextWeb-Regular/VWTextWeb-Regular.eot');
  src: url('../fonts/VWTextWeb/VWTextWeb-Regular/VWTextWeb-Regular.eot#iefix') format("embedded-opentype"), url('../fonts/VWTextWeb/VWTextWeb-Regular/VWTextWeb-Regular.woff') format("woff"), url('../fonts/VWTextWeb/VWTextWeb-Regular/VWTextWeb-Regular.ttf') format("truetype"), url('../fonts/VWTextWeb/VWTextWeb-Regular/VWTextWeb-Regular.svg#VWTextWeb-Regular') format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "VWTextWeb-Bold";
  src: url('../fonts/VWTextWeb/VWTextWeb-Bold/VWTextWeb-Bold.eot');
  src: url('../fonts/VWTextWeb/VWTextWeb-Bold/VWTextWeb-Bold.eot#iefix') format("embedded-opentype"), url('../fonts/VWTextWeb/VWTextWeb-Bold/VWTextWeb-Bold.woff') format("woff"), url('../fonts/VWTextWeb/VWTextWeb-Bold/VWTextWeb-Bold.ttf') format("truetype"), url('../fonts/VWTextWeb/VWTextWeb-Bold/VWTextWeb-Bold.svg#VWTextWeb-Bold') format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "VWHeadWeb-Regular";
  src: url('../fonts/VWHeadWeb/VWHeadWeb-Regular/VWHeadWeb-Regular.eot');
  src: url('../fonts/VWHeadWeb/VWHeadWeb-Regular/VWHeadWeb-Regular.eot#iefix') format("embedded-opentype"), url('../fonts/VWHeadWeb/VWHeadWeb-Regular/VWHeadWeb-Regular.woff') format("woff"), url('../fonts/VWHeadWeb/VWHeadWeb-Regular/VWHeadWeb-Regular.ttf') format("truetype"), url('../fonts/VWHeadWeb/VWHeadWeb-Regular/VWHeadWeb-Regular.svg#VWHeadWeb-Regular') format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "VWHeadWeb-Bold";
  src: url('../fonts/VWHeadWeb/VWHeadWeb-Bold/VWHeadWeb-Bold.eot');
  src: url('../fonts/VWHeadWeb/VWHeadWeb-Bold/VWHeadWeb-Bold.eot#iefix') format("embedded-opentype"), url('../fonts/VWHeadWeb/VWHeadWeb-Bold/VWHeadWeb-Bold.woff') format("woff"), url('../fonts/VWHeadWeb/VWHeadWeb-Bold/VWHeadWeb-Bold.ttf') format("truetype"), url('../fonts/VWHeadWeb/VWHeadWeb-Bold/VWHeadWeb-Bold.svg#VWHeadWeb-Bold') format("svg");
  font-weight: 700;
  font-style: normal;
}
/*-----------
Allgemein
-------------*/
:root {
  --hellblau: #00b1eb;
}
input[type="checkbox"], input[type="radio"] {
  accent-color: var(--hellblau);
}
select {
  background-color: #fff;
}
uk-grid > * {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.uk-grid > * {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.gantry.site.com_content.view-article.no-layout.no-task.dir-ltr.itemid-148.outline-16.g-offcanvas-left.g-mcmc.g-style-preset1, body {
  padding-top: 0px !important;
}
*, body {
  font-size: 0.9rem;
}
h1, h2, h3, h4, h5, h6 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
h4 {
  margin-top: 24px !important;
  margin-bottom: 12px !important;
}
.scrollToTop {
  color: transparent;
  z-index: 100;
}
.scrollToTop:hover {
  color: transparent;
}
.cb_template a, .cb_template a:hover {
  color: var(--hellblau);
}
/*-----------
UK-Scope Problem
-------------*/
.uk-button.uk-button-primary {
  color: #666 !important;
}
.uk-button, .uk-button:disabled, .uk-tab > li > a {
  text-shadow: none !important;
}
.uk-tab li:hover, .uk-tab li.uk-active {
  border-left: solid 3px white !important;
  margin-left: 0 !important;
}
.uk-tab li a {
  font-family: "VWTextWeb-Regular" !important;
}
.uk-scope .uk-tab {
  margin-left: 0 !important;
}
.uk-scope em {
  font-weight: bolder !important;
  color: black !important;
  letter-spacing: -0.5px !important;
  font-family: "VWTextWeb-Regular", sans-serif !important;
  font-style: normal !important;
}
.uk-scope .uk-h1, .uk-scope .uk-h2, .uk-scope .uk-h3, .uk-scope .uk-h4, .uk-scope .uk-h5, .uk-scope .uk-h6, .uk-scope .uk-heading-2xlarge, .uk-scope .uk-heading-large, .uk-scope .uk-heading-medium, .uk-scope .uk-heading-small, .uk-scope .uk-heading-xlarge, .uk-scope h1, .uk-scope h2, .uk-scope h3, .uk-scope h4, .uk-scope h5, .uk-scope h6 {
  font-family: "VWHeadWeb-Bold" !important;
}
.uk-scope .uk-link-toggle:focus .uk-link, .uk-scope .uk-link-toggle:hover .uk-link, .uk-scope .uk-link:hover, .uk-scope a:hover {
  text-decoration: none !important;
}
.uk-scope a {
  color: #fff !important;
  border: 0 !important;
}
.uk-scope .uk-link-reset a, .uk-scope a.uk-link-reset {
  font-size: 1rem;
}
.uk-scope .uk-tab li {
  border-bottom: 3px solid transparent;
}
.uk-scope .uk-tab li a {
  margin-left: -20px;
}
.uk-scope .uk-card-body .uk-button {
  margin: 0 !important;
  border: none !important;
  font: inherit !important;
  color: #444 !important;
  box-sizing: border-box !important;
  padding: 0 12px !important;
  background: #f5f5f5 !important;
  background-color: whitesmoke !important;
  line-height: 28px !important;
  min-height: 30px !important;
  font-size: 1rem !important;
  text-decoration: none !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-radius: 4px !important;
}
.uk-scope .uk-button:focus, .uk-scope .uk-button:hover {
  background-color: #fafafa !important;
  color: #444 !important;
  outline: 0 !important;
  text-decoration: none !important;
  border-color: rgba(0, 0, 0, 0.16) !important;
}
#g-main .g-block.size-100 .g-content .platform-content.row-fluid .span12 .uk-transition-scale-up.uk-transition-opaque {
  height: 150px;
  width: 100% !important;
  object-fit: cover;
  object-position: top center;
}
.uk-scope .uk-card-body {
  padding: 20px 0 !important;
}
.uk-scope .uk-card-default {
  box-shadow: none !important;
}
.uk-tab > li.uk-open:not(.uk-active) > a, .uk-tab > li:not(.uk-active) > a:focus, .uk-tab > li:not(.uk-active) > a:hover {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
/*-----------
Navi
-------------*/
.current.active.level2 a span {
  color: white !important;
}
div#maximenuck142.maximenuckh ul.maximenuck {
  width: 100%;
  justify-content: space-between;
}
#g-menu .g-content {
  margin: 0 !important;
  /*padding-left:0px;
	padding-right:0px;*/
  width: 100%;
}
div#maximenuck142.maximenuckh ul.maximenuck li.maximenuck.level1.active, div#maximenuck168.maximenuckh ul.maximenuck li.maximenuck.level1.active {
  color: var(--hellblau) !important;
  margin-top: -3px;
}
div#maximenuck142.maximenuckh ul.maximenuck li.maximenuck.level1.active, div#maximenuck142.maximenuckh ul.maximenuck li.maximenuck.level1.parent.active, div#maximenuck142.maximenuckh ul.maximenuck li.maximenuck.level1:hover, div#maximenuck142.maximenuckh ul.maximenuck li.maximenuck.level1.parent:hover, div#maximenuck168.maximenuckh ul.maximenuck li.maximenuck.level1.active, div#maximenuck168.maximenuckh ul.maximenuck li.maximenuck.level1.parent.active, div#maximenuck168.maximenuckh ul.maximenuck li.maximenuck.level1:hover, div#maximenuck168.maximenuckh ul.maximenuck li.maximenuck.level1.parent:hover, div#maximenuck168.maximenuckh ul.maximenuck li.hoverbgactive {
  margin-top: -3px;
}
.maxiroundedcenter {
  border-top: thin solid #707070;
}
/*div#maximenuck168 ul.maximenuck li.maximenuck a, div#maximenuck168 ul.maximenuck li.maximenuck span.separator, div#maximenuck168 ul.maximenuck2 a, div#maximenuck168 ul.maximenuck2 li.maximenuck span.separator{
    padding: 12px 16px 12px 10px!important;
}*/
div#maximenuck168 ul.maximenuck li.maximenuck div.floatck div.floatck, div#maximenuck142 ul.maximenuck li.maximenuck div.floatck div.floatck {
  margin: -46px 0 0 280px !important;
}
.maximenuck.headingck.parent.level2 {
  margin-left: 0px !important;
}
.maximenuck.headingck.parent.level2.maximenuckanimation:hover, .maximenuck.headingck.active.parent.level2.maximenuckanimation {
  background: var(--hellblau) !important;
}
div#maximenuck168.maximenuckh ul.maximenuck li.maximenuck.level2.active > a span.titreck, div#maximenuck168.maximenuckh ul.maximenuck li.maximenuck.level2.active > span.separator span.titreck, div#maximenuck168 li.maximenuck.maximenuflatlistck.active:not(.level1) span.titreck, div#maximenuck168.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck:hover > a span.titreck, div#maximenuck168.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck:hover > span.separator span.titreck, div#maximenuck168 li.maximenuck.maximenuflatlistck:hover:not(.level1) span.titreck, div#maximenuck168 .maxipushdownck li.maximenuck:hover > a span.titreck, div#maximenuck168 .maxipushdownck li.maximenuck:hover > span.separator span.titreck, div#maximenuck142.maximenuckh ul.maximenuck li.maximenuck.level2.active > a span.titreck, div#maximenuck142.maximenuckh ul.maximenuck li.maximenuck.level2.active > span.separator span.titreck, div#maximenuck142 li.maximenuck.maximenuflatlistck.active:not(.level1) span.titreck, div#maximenuck142.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck:hover > a span.titreck, div#maximenuck142.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck:hover > span.separator span.titreck, div#maximenuck142 li.maximenuck.maximenuflatlistck:hover:not(.level1) span.titreck, div#maximenuck142 .maxipushdownck li.maximenuck:hover > a span.titreck, div#maximenuck142 .maxipushdownck li.maximenuck:hover > span.separator span.titreck {
  color: white !important;
}
div#maximenuck168.maximenuckh ul.maximenuck li.maximenuck div.floatck div.floatck, div#maximenuck168 .maxipushdownck div.floatck div.floatck, div#maximenuck142.maximenuckh ul.maximenuck li.maximenuck div.floatck div.floatck, div#maximenuck142 .maxipushdownck div.floatck div.floatck {
  padding-left: 0px !important;
}
/*-----------
sidebar menu
-----------*/
.sidebar-menu ul.nav.menu li {
  background-color: #eeeeee;
  padding: 20px 15px;
  border-radius: 4px;
  margin: 2px 0;
}
.sidebar-menu ul.nav.menu li.current, .sidebar-menu ul.nav.menu li:hover {
  background-color: var(--hellblau);
}
.sidebar-menu ul.nav.menu li a {
  color: #999999;
  font-weight: 700;
}
.sidebar-menu ul.nav.menu li.current a, .sidebar-menu ul.nav.menu li:hover a {
  color: #ffffff;
  font-weight: 700;
}
/*-----------
Header
-------------*/
#g-seitenheader {
  /*background-color: transparent!important;
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;*/
  background-color: #f2f2f2;
  padding-top: 30px !important;
  padding-bottom: 30px !important;
  margin-top: 10px;
  /*margin-bottom: 30px;*/
}
header img {
  max-width: 70px;
}
.pull-left.item-image {
  /*display: none;*/
}
/*-----------
Sprachwahl
-------------*/
.mod-languages__list.lang-inline {
  display: flex;
}
div.mod-languages ul li.lang-active {
  background-color: #fff;
}
/*-----------
Typo
-------------*/
.lang-active a {
  font-weight: bold;
  color: black !important;
}
span.note {
  font-size: 12px;
}
p, body {
  color: #707070;
}
p {
  margin: 10.5px 0;
}
h1, h2, h3, h4, h5, h6, strong {
  color: black;
  letter-spacing: -0.5px;
}
header a {
  color: #999 !important;
}
header h4 {
  margin-bottom: 0px;
  margin: 4px 0 0 0 !important;
  font-size: 14px;
  font-weight: bold;
  color: #dddddd;
}
header span {
  font-weight: bold;
  font-size: 14px;
}
hr {
  border-bottom: 1px solid #f0f2f4;
  margin-top: 20px !important;
}
.uppercase-fett {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.1;
  font-weight: bold;
}
.uppercase-fett a {
  color: var(--hellblau);
}
.fettgrau {
  color: #d1d6d9;
  font-size: 1.8em;
  font-weight: 600;
  margin: 20px 0;
}
.bodytext {
  color: #000000;
  font-size: 16px;
  margin: 0px;
}
/*-----------
Bereich: Breadcrumps 
-------------*/
#breadcrumbs {
  font-size: 12px;
  border-bottom: thin solid #e6e6e6;
  width: 100%;
}
.pathway {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  align-self: flex-end;
  justify-content: flex-end;
}
ol.mod-breadcrumbs {
  list-style: none !important;
  display: flex;
  flex-direction: row;
  align-items: baseline;
  align-self: baseline;
  max-width: 1170px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
  background-color: transparent;
}
.mod-breadcrumbs span {
  padding: 0 15px 0 0;
  font-size: 0.9rem;
  color: #707070 !important;
}
li.mod-breadcrumbs__item:before {
  content: url('../../../../media/system/images/arrow.png') !important;
  display: flex;
  align-content: center;
  align-self: center;
  padding-right: 15px;
}
li.mod-breadcrumbs__item:nth-of-type(2):before {
  content: url('') !important;
}
.mod-breadcrumbs li {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-self: flex-start;
}
.divider.icon-location {
  display: none;
}
/*-----------
Bereich: Clever Abholung 
-------------*/
.clever-title span {
  font-size: 1.8em;
  display: inline-block;
  margin-right: 10px;
}
.clever-title {
  font-size: 1.1em;
  padding-bottom: 15px;
  border-bottom: 0.8px solid #fff;
}
.kk-clever-box {
  background-color: #ec6608;
  color: #fff !important;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.kk-clever-box a, .kk-clever-box p, .kk-clever-box span {
  color: white !important;
}
.kk-clever-container strong {
  font-size: 17.6px;
  color: #fff;
  line-height: 26.4px;
}
.kk-clever-box p {
  font-size: 16px;
}
.kk-space-between {
  justify-content: space-between;
}
.kk-flex {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}
/*-----------
Bereich: Hinweis 
-------------*/
/*.container{
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
}*/
#g-top-a {
  border-top: thin solid #707070;
  border-bottom: thin solid #707070;
  margin-top: 5%;
  margin-bottom: 5%;
}
.promo p, .promo span, .promo, .promo strong {
  font-size: 1rem;
}
.promo {
  display: flex;
  max-width: 1200px;
  margin: 0 auto;
}
.promo div {
  align-self: center;
}
/*-----------
Header Unterstrichen / Highlight
-------------*/
.alternative-heading, h3 {
  position: relative;
  margin-top: 30px;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  /*font-size: 0.9rem;*/
}
.alternative-heading::after, h3::after {
  position: absolute;
  content: "";
  background-color: var(--hellblau);
  height: 3px;
  width: 30px;
  bottom: -1px;
  left: 0;
}
.attention-seeker {
  margin-bottom: 10.5px !important;
  line-height: 1.1;
}
/*-----------
Forms
-------------*/
.bfQuickMode .bfRequired {
  color: #F7A600 !important;
}
.bfQuickMode .bfbs3-form-group .bfbs3-control-label, .bfQuickMode .form-group .control-label {
  width: auto;
}
form section {
  margin-top: 20px !important;
}
.acysubbuttons {
  text-align: left !important;
}
input, textarea, input[type="password"], input[type="email"], input[type="text"], input[type="date"], select {
  border: none !important;
  border-radius: 0px !important;
  border-bottom: thin solid var(--hellblau) !important;
  box-shadow: none !important;
  padding: 20px;
  padding: 10px 10px 10px 0;
  margin-bottom: 15px;
}
select {
  padding: 0px !important;
  border-radius: 0px !important;
}
textarea {
  border: thin solid var(--hellblau) !important;
}
input[type="submit"], .btn-inverse, form button, .btn-primary, .cb_template .btn {
  background: var(--hellblau) !important;
  border-color: var(--hellblau) !important;
  color: #ffffff !important;
  margin-bottom: 15px !important;
  font-family: "VWHeadWeb", Helvetica, Arial, sans-serif !important;
  padding: 10px 15px !important;
  line-height: 1 !important;
  border-radius: 2px !important;
  transition: all 200ms ease-out !important;
  border: 2px solid transparent !important;
  font-weight: bold !important;
  text-shadow: none !important;
}
.mceToolBarItem .btn, .mceToolBarItem button, .mceOpen button {
  background: inherit !important;
  padding: inherit !important;
}
.mceToolbarRow input, .mceToolbarRow select {
  padding: inherit !important;
}
.button, button, .btn-primary {
  width: auto !important;
}
#cbbtncancel {
  background: #707070 !important;
}
input[type="submit"]:hover, .btn-inverse :hover, .btn-inverse:hover, .btn-primary:hover, form button:hover, .cb_template .btn-primary:hover, .cb_template .btn:hover {
  background-color: rgba(0, 177, 235, 0.5) !important;
  box-shadow: none !important;
  color: white !important;
  font-weight: bold !important;
}
#bfElementGroupNoWrap138 {
  width: 100%;
}
.bfQuickMode button.bfCalendar {
  height: auto !important;
}
/*-----------
Profil bearbeiten / Community Builder
-------------*/
.cb_template .form-control {
  max-width: 80%;
}
.cb_template .border-bottom {
  border: none !important;
}
.cb_template .no-gutters {
  margin-top: 30px;
}
.cb_template .fa::before, .fa {
  font-size: 10px;
}
.cb_template .form-control:disabled, .cb_template .form-control[readonly] {
  background-color: transparent !important;
}
#cb_db_anrede {
  width: 80px !important;
}
.cb_template .p-0 {
  padding-bottom: 15px !important;
}
/*-----------
Login
-------------*/
.mod-login__username span.input-group-text {
  background-color: var(--hellblau);
  color: #fff;
  line-height: 1rem;
  height: 45px;
  padding: 16.5px;
  border-radius: 0;
  box-shadow: none;
}
div.mod-login__submit.form-group {
  margin-top: 20px;
}
ul.mod-login__options.list-unstyled {
  margin-left: 0;
}
ul.mod-login__options.list-unstyled li {
  padding-left: 0;
}
ul.mod-login__options.list-unstyled li {
  list-style-type: none;
}
ul.mod-login__options.list-unstyled li a {
  background-color: var(--hellblau);
  color: #fff;
  line-height: 1rem;
  height: 45px;
  padding: 12px;
  box-shadow: none;
  font-weight: bold;
  border-radius: 2px;
  font-size: 16px;
}
.btn-registrierung {
  margin-top: 15px;
}
/* registriertungsbutton ausblenden */
.form-login-options-register {
  display: none;
}
/*
#g-bottom-b{
	background-size: cover!important;
}

#login-form .input-prepend > .add-on, #login-form input {
	padding: 18px;
	height: 56px;
}

#login-form .input-prepend > .add-on {
	height: 58px;
	border: none;
}

#login-form input{
	border-bottom: thin solid var(--hellblau)!important;
	width: 100%;
}

.input-append .add-on, .input-prepend .add-on{
	border-radius: 0px!important;
}
*/
/*
#g-bottom-b h4{
	color: white;
}

#cbfr_56, #cbfr_58 {
    width: auto !important;
}

#registrationTable{
	display: flex;
	flex-direction: column;
}

.cb_template .offset-sm-3 {
    margin-left: 0px;
}
*/
/*-----------
Bereich Teaserbild
-------------*/
.promo-unten p {
  color: white;
  padding: 5% 10px;
  text-align: center;
  font-weight: bold;
  font-size: 1rem;
}
#g-bottom-b {
  margin-bottom: 10%;
}
/*-----------
Bereich Leasing / kk
-------------*/
.margin-bottom-20 {
  margin-bottom: 20px;
}
.kk-box-grau {
  padding: 0 !important;
  margin: 0 !important;
}
.kk-box-grau .uk-grid {
  margin-left: 0px;
}
.g-block.size-100.expose-logo {
  text-align: right;
}
.g-block.size-50.fahrleistungen.equal-height th {
  vertical-align: top;
}
.uk-button.uk-button-large {
  font-family: "VWHeadWeb-Bold" !important;
}
/*---
Modul mod_cmv
--*/
#mod_cmv_hinweis {
  display: flex;
  align-items: flex-start;
}
#mod_cmv_hinweis .info {
  width: 150px;
  min-width: 75px;
  height: auto;
}
/*-----------
Seite Download
-------------*/
.download img {
  border: 1px solid #707070;
  max-width: 200px;
}
/*-----------
Seite Mindestlieferzeiten
-------------*/
.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
  background-color: #f9f9f9;
}
.table th, table {
  border: 0 solid;
}
.table td {
  border-top: 1px solid #dddddd;
}
/*-----------
Footer
-------------*/
#g-footer {
  background-image: url('../images/title-area-pattern.png');
}
#g-footer .g-grid:nth-child(2n+1), .seitenbreite {
  margin: 0 auto;
  max-width: 1200px;
  padding: 1.563rem;
}
#footer-mitte {
  background-color: var(--hellblau);
}
#footer-mitte a, #footer-mitte p {
  color: white;
  margin-top: 0px;
}
.size-33-3 {
  padding: 0 10px !important;
}
/*-----------
Spalten
-------------*/
.g-content {
  margin: 0;
  padding-left: 15px;
  padding-right: 15px;
}
.mod_fields {
  padding-left: 15px;
  padding-right: 15px;
}
.uk-width-1-2, .uk-width-2-4, .uk-width-3-6, .uk-width-5-10, .uk-width-2-3, .uk-width-4-6, .uk-width-1-4 {
  padding-left: 15px;
  padding-right: 15px;
}
.uk-width-1-10 {
  align-self: center;
}
header .uk-width-large-1-3 {
  padding-left: 0px !important;
}
.uk-width-1-4 {
  margin-bottom: 40px !important;
}
.uk-grid {
  margin-left: 0px !important;
  /*width: 100%;*/
}
.uk-width-medium-1-4 {
  margin-bottom: 20px !important;
}
header .uk-width-2-3, #g-top-b .size-33-3:last-child {
  padding: 0 !important;
}
/*-----------
Mobile Menü
-------------*/
.mobilemaximenucksubmenu a:hover, .mobilemaximenucksubmenu .current.active a span, #maximenuck142-mobile a:hover, #maximenuck142-mobile.current.active a span {
  color: var(--hellblau) !important;
}
#maximenuck142-mobilebarmaximenuck, .mobilebarmaximenuck .mobilebuttonmaximenuck {
  position: fixed !important;
  top: 0px;
}
.mobilemaximenuck div.level1.maximenuck > a span, .mobilemaximenuckitem a {
  font-size: 1.2rem;
}
.mobilemaximenucksubmenu {
  display: block !important;
  position: inherit !important;
}
.mobilemaximenuckitemwrap {
  margin: 20px;
  width: 90% !important;
}
/*-----------
Startseite Galerie
-------------*/
/*--VW / Audi Tabs--*/
#rlta-panel-vw-logo-brand, #rlta-panel-vw-logo-brand-2 {
  border: none;
}
#rlta-vw-logo-brand, #rlta-vw-logo-brand-2 {
  border: 1px solid var(--hellblau);
  border-bottom: none;
}
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"][data-rlta-orientation="horizontal"]:not([data-rlta-wrap-buttons="true"]) > [data-rlta-element="button-list"] {
  margin-bottom: -19px;
}
#rlta-vw-logo-brand:hover, #rlta-vw-logo-brand-2:hover, #rlta-vw-logo-brand, #rlta-vw-logo-brand-2 {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
#rlta-vw-logo-brand h3, #rlta-vw-logo-brand-2 h3 {
  border-bottom: none;
}
#rlta-vw-logo-brand h3::after, #rlta-vw-logo-brand-2 h3::after {
  display: none;
}
[data-rlta-state="closed"] {
  opacity: 0.3;
}
[data-rlta-state="closed"]:hover {
  opacity: 1;
}
/*--Fahrzeugmodelle Tabs --*/
#g-bottom-a a {
  font-size: 0.8rem;
}
/*-----------
Newsletter Squeeze Page
-----------*/
.newslettermodul table.acymailing_lists {
  display: none;
}
.newslettermodul table.acymailing_form select {
  width: 271px;
}
span.acym__users__creation__fields__title {
  display: inline-block;
  width: 100px;
}
.acym_module_form label {
  width: 100%;
}
.acym_module_form input[type="text"], .acym_module_form input[type="email"], .acym__custom__fields__select__form.acym__select {
  width: calc(100% - 100px);
}
div#rl_modal__group_0 div div div div div {
  max-width: 500px !important;
}
/*-----------
Kennwort-vergessen Links
-----------*/
#form-login-forgot a, #form-login-register a {
  display: inline-block;
  background: var(--hellblau);
  padding: 10px 13px;
  border-radius: 3px;
  color: #fff !important;
  font-weight: bold;
  width: 210px;
  max-width: 210px;
  text-align: center;
  margin-bottom: 10px;
}
#form-login-forgot a:hover, #form-login-register a:hover {
  background: rgba(0, 177, 235, 0.5);
}
/*-----------
Startseite
-----------*/
.startseite #g-top-a {
  margin-bottom: 0;
}
section#g-umzug div.moduletable.umzug div.custom.umzug ol li strong {
  color: #fff !important;
}
.moduletable.umzug h3.g-title {
  color: #fff;
  animation: blinker 1s linear infinite;
  font-size: 2rem;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.moduletable.umzug h3::after {
  height: 0 !important;
}
/*-----------
Responsiv
-------------*/
@media screen and (max-width: 767px) {
  .uk-tab li a {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 472px) and (max-width: 767px) {
  #g-top-b .size-33-3, #g-footer .size-33-3 {
    max-width: 50% !important;
  }
  #g-top-b .size-33-3:last-child, #g-footer .size-33-3:first-child {
    max-width: 100% !important;
  }
  #set-rl_tabs-sm-1 {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
  }
  #set-rl_tabs-1 {
    display: none !important;
  }
  .rl_tabs-toggle-sm.nn_tabs-toggle-sm {
    border: none !important;
  }
  .rl_tabs-title.nn_tabs-title {
    color: transparent;
  }
}
@media screen and (max-width: 1220px) {
  .g-container {
    width: 100% !important;
  }
}
@media screen and (min-width: 800px) {
  .kk-clever-box {
    width: 30%;
  }
  .kk-flex {
    flex-direction: row;
  }
  .uk-width-large-1-2, .uk-width-large-2-4, .uk-width-large-3-6, .uk-width-large-5-10 {
    width: 50% !important;
  }
}
@media screen and (max-width: 1129px) {
  /*.uk-tab > li:not(.uk-active) > a:hover,
.uk-tab > li.uk-active > a{
    background-color: rgba(0,177,235,0.5) !important;
    box-shadow: none!important;
    color: white!important;
    font-weight: bold!important;
}
.uk-tab > li:not(.uk-active) > a{
    background: var(--hellblau)!important;
    border-color: var(--hellblau)!important;
    color: #ffffff!important;
    margin-bottom: 15px!important;
    font-family: "VWHeadWeb", Helvetica, Arial, sans-serif!important;
    padding: 10px 15px!important;
    line-height: 1!important;
    border-radius: 2px!important;
    transition: all 200ms ease-out!important;
    border: 2px solid transparent!important;
    font-weight: bold!important;
    text-shadow: none!important;
}*/
}
/*-----------
Tabs Galerie Audi + Volkswagen Fahrzeuge
-------------*/
/*--Modelle Tabs--*/
.uk-tab, #set-rl_tabs-1 {
  display: flex;
  justify-content: center;
}
.uk-tab li:hover, .uk-tab li.uk-active {
  background: #454545 !important;
  border-left: solid 3px #454545;
  margin-left: -3px;
  color: white !important;
  transform: skewX(-30deg);
  -moz-transform: skewX(-30deg);
  -webkit-transform: skewX(-30deg);
  display: inline-block;
  transform: none;
  -moz-transform: none;
  -webkit-transform: none;
  border-bottom: 3px solid var(--hellblau);
  transform: skewX(-30deg);
  -moz-transform: skewX(-30deg);
  -webkit-transform: skewX(-30deg);
}
.uk-tab li:hover a {
  transform: skewX(30deg);
  -moz-transform: skewX(30deg);
  -webkit-transform: skewX(30deg);
  color: white !important;
}
.uk-tab li a:hover, .uk-tab > li.uk-active a, .uk-tab li a {
  transform: skewX(30deg);
  -moz-transform: skewX(30deg);
  -webkit-transform: skewX(30deg);
  border: none;
  background: none !important;
  color: white !important;
}
.uk-tab li a {
  color: #454545 !important;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  border: none !important;
}
.uk-tab li {
  transform: skewX(-30deg);
  -moz-transform: skewX(-30deg);
  -webkit-transform: skewX(-30deg);
  border-left: solid 3px white;
  padding-bottom: 3px;
  padding-top: 6px;
}
.uk-tab > li.uk-open > a, .uk-tab > li > a:focus, .uk-tab > li > a:hover {
  color: #454545;
}
.uk-scope .uk-tab > * > a {
  height: 33px;
}
.rl_tabs-responsive > .rl_tabs.outline_content > .tab-content > .tab-pane {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin-bottom: 0;
  padding: 0;
}
.uk-tab {
  border-bottom: 1px solid white;
  background: #EAEAEA;
}
.uk-margin-small-top {
  margin-top: 0px !important;
}
/*.acym_modul input.unsubbutton {
  background: var(--hellblau) !important;
  border-color: var(--hellblau) !important;
  color: #ffffff !important;
  margin-bottom: 15px !important;
  font-family: "VWHeadWeb", Helvetica, Arial, sans-serif !important;
  padding: 10px 15px !important;
  line-height: 1 !important;
  border-radius: 2px !important;
  transition: all 200ms ease-out !important;
  border: 2px solid transparent !important;
  font-weight: bold !important;
  text-shadow: none !important;
}*/
/*
input.unsubbutton {
	background: var(--hellblau) !important;
  background-color: var(--hellblau);
	border-color: var(--hellblau) !important;
	color: #ffffff !important;
	margin-bottom: 15px !important;
	font-family: "VWHeadWeb", Helvetica, Arial, sans-serif !important;
	padding: 10px 15px !important;
	line-height: 1 !important;
	border-radius: 2px !important;
	transition: all 200ms ease-out !important;
	border: 2px solid transparent !important;
	font-weight: bold !important;
	text-shadow: none !important;
}

input.acym__user__edit__email {
	margin: 0 0 5px 10px !important;
}	

.acym_modul #field_2 label, .acym_modul .cell.acym__user__edit__email {
  width: 100%;
}
#email_field_314 {
  width: 100%;
}
.acym_modul #field_2 label span {
  display: none;
}
*/
#rl_modals_close {
  width: 14px !important;
}
.nlan {
  display: flex;
  justify-content: center;
  align-items: center;
}
/*# sourceMappingURL=custom_21.css.map */