/* MENU STYLES */
:root {
    --primary-color: rgba(255, 255, 255, 0.75);
    --overlay-color: rgba(178, 175, 175, 0.85);
    --menu-speed: 0.75s;
}

/*Functional Styling*/
@media (pointer: coarse), (hover: none) {
    [title] {
        /* position: relative; */
        /* display: flex; */
        /* justify-content: center; */
    }
    [title]:focus::after {
        /* content: attr(title); */
        /* position: absolute; */
        /* top: 90%; */
        /* color: #000; */
        /* background-color: #fff; */
        /* border: 1px solid; */
        /* width: fit-content; */
        /* padding: 3px; */
    }
}

.menu {
    margin:0;
    border:0;
    padding: 0;
    max-height: 100%;
    max-width: 100%;
}
.menu-wrap {
    position: absolute;
    margin-left:50%;
    top: 36px;
    left: 0;
    z-index: 1;
}
.menu_home {
    position: relative;
    margin-right:50.5%;
    top: 70px;
    left: 0;
    z-index: 2;
}
.home-nav {
    position: relative;
    margin-top: -28px;
    max-height: 65px;
    z-index: 2;
}
.topnav {
    /* position: relative; */
    /* margin-top: -31px; */
    /* max-height: 65px; */
    /* max-width: 48px; */
    /* z-index: 2; */
}
.menu-wrap .toggler {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    cursor: pointer;
    width: 60px;
    height: 60px;
    opacity: 0;
}
.menu-wrap .hamburger {
    position: absolute;
    top: 27px;
    left: 0;
    z-index: 1;
    width: 60px;
    height: 45px;
    padding: 1rem;
    background: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Hamburger Line */
.menu-wrap .hamburger > div {
    position: relative;
    flex: none;
    width: 100%;
    height: 3px;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
}

/* Hamburger Lines - Top & Bottom */
.menu-wrap .hamburger > div::before,
.menu-wrap .hamburger > div::after {

    content: '';
    position: absolute;
    z-index: 1;
    top: -10px;
    width: 100%;
    height: 3px;
    background: inherit;

}

/* Moves Line Down */
.menu-wrap .hamburger > div::after {
    top: 10px;
    margin:0;
}

/* Toggler Animation */
.menu-wrap .toggler:checked + .hamburger > div {
    transform: rotate(135deg);
}

/* Turns Lines Into X */
.menu-wrap .toggler:checked + .hamburger > div:before,
.menu-wrap .toggler:checked + .hamburger > div:after {
    top: 0;
    transform: rotate(90deg);
}

/* Rotate On Hover When Checked */
.menu-wrap .toggler:checked:hover + .hamburger > div {
    transform: rotate(225deg);
}

/* Show Menu */
.menu-wrap .toggler:checked ~ .menu {
    visibility: visible;
}

.menu-wrap .toggler:checked ~ .menu > div {
    transform: scale(1);
    transition-duration: var(--menu-speed);
}

.menu-wrap .toggler:checked ~ .menu > div > div {
    opacity: 1;
    transition:  opacity 0.4s ease 0.4s;
}

.menu-wrap .menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    visibility: hidden;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
}

.menu-wrap .menu > div {
    /* background: var(--overlay-color);*/
    border-radius: 50%;
    width: 200vw;
    height: 200vw;
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    transform: scale(0);
    transition: all 0.4s ease;
}

/*.menu-wrap .menu > div > div {
  text-align: center;
  max-width: 90vw;
  max-height: 100vh;
  opacity: 0;
  transition: opacity 0.4s ease;
}*/
.menu-wrap .menu > .sub-menu {
    width: 100%;
    height: 240px;
    position: fixed;
    top: 46px;
    margin-left:0px;

}
.dropbtn {
    background-color: #fff;
    padding-left: 7px !important;
    width:139px;
    height:80px;
    color: #191919;
    padding-top: 10px;
    font-size: 12px;
    font-weight: 500;
    margin-left: -4px;
    margin-top: 12px;
    border: 1px;
    border-style:solid;
    border-color: lightgrey;

    /*border-bottom-left-radius:10%;
    border-bottom-right-radius:10%;*/
}
@media screen and (max-width:500px){
    .dropbtnEnd {
        width: 110px;
        padding-left: 20px !important;
    }
}
.dropbtn-icon {
    width: 35px;
    height: 35px;
}
.dropbtn-icon-social {
    width: 48px;
    height: 35px;

}

.dropbtn a {
    color: inherit;
    text-decoration: none;
    transition: color 0.4s ease;
}

.dropdown {
    /* position: relative; */
    /* display: inline-block; */
    /* min-height: 80px; */
    /* max-width: 116px; */
    /* margin-top: 10px; */
}
.dropdown-content {
    /* height: auto; */
    /* margin-top:0px; */
    /* display: none; */
    /* position: absolute; */
    /* background-color: rgba(178, 175, 175, 0.85); */
    /* box-shadow: 0px 18px 16px 10px rgba(8, 8, 8, 0.5); */
    /* z-index: 10; */

}
.dropdown-content-s a {
    /* width: 150px !important; */
}
.dropdown-content a {
    /* width: 200px; */
    /* height: 30px; */
    /* text-align:left; */
    /* font-size: 14px; */
    /* color: #fff; */
    /* background: var(--overlay-color); */
    /* font-weight: 500; */
    /* padding: 12px 10px; */
    /* text-decoration: none; */
    /* display: block; */
}

.dropdown-content a:hover {
    /* opacity: 1.0; */
    /* color:dimgrey; */
}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: white;}

/*@media (max-width:2200px){
.mein_container{
max-width:2200px
 }
}*/

/*@media (max-width:1920px)
{
.mein_container{
max-width:1920px
	}
#rahmen {
position:relative;
margin-top: 10px;
display: flex;
}
}*/

@media (max-width:1800px){
    .my-standort-col1 {
        min-width: 17.8%;
        padding-bottom: 10px;
    }
    .my-logos-col1 {
        min-width: 17.8%;
    }
    .my-standort-left-space {
        min-width: 5.5%;
        background-color: white;
    }
    .my-standort-right-space {
        min-width: 5.5%;
        background-color: white;
    }
    #button5 {
        padding-top:0px;
        padding-bottom:0px;
    }
}

@media (max-width:1650px){
    .my-standort-col1 {
        min-width: 17.6%;
        padding-bottom: 10px;
    }
    .my-standort-left-space {
        min-width: 6%;
        background-color: white;
    }
    .my-standort-right-space {
        min-width: 6%;
        background-color: white;
    }
    .my-logos-col1 {
        min-width: 17.6%;
    }
    .my-hauptseite-bilder-text > p {
        font-size:13px;
    }
    .my-karriere-button-first {
        height: 330px;
    }
    .my-karriere-placeholder {
        height: 330px;
    }
    .my-karriere-button {
        height: 330px;
    }

}
@media (max-width:1450px){
    .my-standort-col1 {
        min-width: 17.4%;
        padding-bottom: 10px;
    }
    .my-karriere-button-first {
        max-width:23.92%;
    }
    .my-standort-left-space {
        min-width: 6.5%;
        background-color: white;
    }
    .my-standort-right-space {
        min-width: 6.5%;
        background-color: white;
    }
    .my-logos-col1 {
        min-width: 17.4%;
    }
    .my-e-mobil-bilder {
        height: 270px;
    }
}
/*Navigation anpassen bei 1366px Breite*/
@media screen and (max-width: 1366px)
{
    .form4 {
        width: 55%;
    }
    .my-karriere-bilder-text > a {
        font-size:13px;
    }
    .my-karriere-button-first {
        max-width:23.99%;
        height: 280px;
    }
    .my-karriere-placeholder {
        max-width:23.85%;
        height: 280px;
    }
    .my-karriere-button {
        height: 280px;
    }
    .header {
        max-height: 7em;
    }
    .margin_left {
        padding-left:30.5%;
    }
    .col-container {
        margin-top: 10px;
        padding-left:4%;
        padding-right:4%;
    }
    .label_select1 {
        flex: 1;
        padding: 0.2em;
        margin: 0.2em;
        max-width: 95%;
    }
    .menu-wrap .menu > .sub-menu {
        width: 100%;
        height: 240px;
        position: fixed;
        top: 41px;
        margin-left:0px;
    }
    #myLinks {
        max-height:61px;
    }
    .dropdown {
        max-height:60px;
        margin-top:42px;
    }
    #footer {
        height:auto;
        margin-top: 15px;
        padding: 6px;
    }
    .dropdown-content a {
        height: 35px;
        font-size: 14px;
    }
    .dropbtn {
        width:90px;
        height:60px;
        margin-left: -4px;
        margin-top: 8px;
        font-size: 12px;
    }
    .dropbtn-icon {
        width: 25px;
        height: 25px;
    }
    .dropbtn-icon-social {
        width: 35px;
        height: 25px;
    }
    .mein_container {
        display: none;
    }
    .caption2 {
        top: 80%;
        left: 90%;
    }
    .my-standort-left-space {
        display: none;
    }
    .my-standort-right-space {
        display: none;
    }
    .my-standort-col1 {
        min-width: 20%;
    }
    .my-karriere-row {
        max-width: 1366px;
        min-height: 280px;
        padding-left:0%;
    }
    .kariere_h1 {
        font-size:16px;
    }
    .my-kariere-vid video{
        flex: 1;
    }
    .my-logos-col1 {
        min-width: 20%;
    }
    .col1-2-3 {
        margin:0;
        padding:0;
    }
    .my-wrap {
        margin:0;
        padding:0;
    }
    .my-col {
        margin:0;
        padding:0;
    }

    .my-row-historie {
        padding-left:0;
        padding-right:0;
    }
    .p_justify_gross {
        font-size: 24px;
    }
    .p_justify_gross40 {
        font-size:26px;
    }

    .my-row-logos {
        width: 400px;
        float:right;
    }
    .my-row-logos > button {
        min-width:60px;
        border: none;
        outline:none;
        background-color: white;
        border-left: 1px solid dimgrey;
        height: 40px;
    }
    .my-row-logos > button:last-child {
      /*  border-right: 1px solid dimgrey; */
        height: 40px;
    }
    .my-row-logos > button > img {
        text-align: center;
    }
    .my-row-logos > button > #alfa-standard {
        max-width: 31px;
    }
    .my-row-logos > button > #nissan-standard {
        max-width: 38px;
    }
    .my-row-logos > button > #renault-standard {
        max-width: 27px;
    }
    .my-row-logos > button > #renault-professional {
        max-width: 100px;
        margin-right: 0px;
    }
    .my-row-logos > button > #dacia-standard {
        max-width: 41px;
        height: 12px;
    }
    .my-row-logos > button > #jeep-standard {
        max-width: 39px;
    }
    .my-row-logos > button > #ford-standard {
        max-width: 41px;
    }
    .my-row-logos > button > #opel-standard {
        max-width: 39px;
    }
    .img-logo {
        width:150px;
       /* height:auto; */
    }
    .font18-left-business {
        padding-left: 20px;
        padding-right: 20px;
        font-size:14px;
    }
    .font18-right-business {
        padding-left: 20px;
        padding-right: 20px;
        font-size:14px;
    }
    .font18-just-inner {
        padding-left: 20px;
        padding-right: 20px;
        font-size:16px;
    }
    .font18-inner {
        font-size:16px;
    }
    #business-img1 {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    #business-img2 {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .zeiten_button {
        font-size:12px;
    }
    .kauf_button_closed {
        font-size: 12px;
    }
    .kauf_button_active {
        font-size:12px;
    }

}
/* No greater than 1150px */
@media screen and (max-width:1150px){
    .standort-name {
        /*font-size: 20px;*/
    }
    h1{
        /* font-size: 150%; */
        /* margin-top: 45px; */
        color: dimgrey;
        /* text-shadow: 1px 1px 1px #333;*/
        text-align: center;
    }
	h2{
        /* font-size: 130%; */
        /* margin-top: 45px; */
        /* color: dimgrey; */
        /* text-shadow: 1px 1px 1px #333;*/
        text-align: center;
    }
    h3{
        /* font-size: 110%; */
        /* margin-top: 45px; */
        color: dimgrey;
        /* text-shadow: 1px 1px 1px #333;*/
        text-align: center;
    }
    h4{
        /* font-size: 90%; */
        /* margin-top: 45px; */
        color: dimgrey;
        /* text-shadow: 1px 1px 1px #333;*/
        text-align: center;
    }
    div.sticky-buttons {
        position: -webkit-sticky;
        position: sticky;
        margin-right: -4.3%;
    }
    .calendar-title {
        font-size:16px;
    }
    .container {
        font-size: 16px;
        margin-bottom:3px;
    }
    .hr_termine_standorte {
        margin-top:3px;
        margin-bottom:3px;
    }
    .my-videos-div {
        min-height: 600px;
    }
    .my-row-logos > button {
        min-width:50px;
        height: 40px;
    }
    .my-row-logos > button:last-child {
        /*border-right: 1px solid dimgrey; */
        height: 40px;
    }

    .my-col {
        min-width: 100%;
        display: flex;
        flex-flow:column wrap;
        align-items:stretch;
        justify-content:space-between;
        margin:0;
        padding:0;
    }
    .ueberschrift-standorte {
        font-size:18px;
    }
    .ueberschrift-standorte2 {
        font-size:15px;
    }
    .text-standorte {
        font-size:14px;
    }
    .my-standort-tage {
        width: 40%;
    }
    .my-standort-times {
        width: 60%;
    }
    .my-standort-kontakt-text {
        width: 40%;
    }
    .my-standort-kontakt-number {
        width: 60%;
    }
    #alfa {
        max-width: 36px;
        margin-left:10px;
        margin-right: 14px;
        margin-top:5px;
    }
    #nissan {
        max-width: 42px;
        margin-left:15px;
        margin-top:0px;
    }
    #renault {
        max-width: 31px;
        margin-right: 10px;
        margin-bottom: 7px;
    }
    #ren {
        max-width: 70px;
        padding-top: 0px;
        margin-left:15px;
    }
    #dacia {
        margin-top:3px;
        max-width: 40px;
        margin-left: 10px;
        margin-right: 10px;

    }
    #jeep {
        max-width: 65px;
    }
    #ford {
        max-width: 50px;
        margin-left:5px;
    }
    #opel {
        margin-left:15px;
        margin-top:0px;
        max-width: 37px;
    }
    .my-logos-col1 {
        display:flex;
        flex-flow: row nowrap;
        align-items: left;
        justify-content: left;
        padding-right: 0;
        padding-top: 10px;
        padding-left:16px;
    }
    .my-logos-col1 span {
        padding-bottom: 10px;
    }

    .p_ueber_left28 {
        font-size:24px;
        padding-left: 30px;
        padding-right: 10px;
    }
    .p_justify_gross26_left {
        padding-left: 30px;
        padding-right: 10px;
        font-size:22px;

    }
    .p_justify_gross30 {
        font-size:26px;
    }
    .p_justify_gross40 {
        font-size:24px;
    }
    .column-aktionen > p {
        font-size: 16px;
    }
    .my-mybernds-col1 > a > img  {
        max-width: 110px;
        height: 80px;
        padding-bottom: 10px;
        padding-right: 10px;
    }
    .my-mybernds-cell-img > img {
        height: 85%;
    }
    .my-row-termine {
        padding-left:10%;
        padding-right:10%;
    }
    .p_justify_gross26_right {
        padding-right: 30px;
        font-size:22px;
    }
    .my-notdienst-cell > span {
        padding-left:30%;
    }
    .p_justify_gross {
        font-size:22px;
    }
    .kacheln-logo {
        width:160px;
        height:160px;
    }
    #ren_logo {
        width:100px;
        height: 96px;
    }
    #renault_logo {
        width: 60px;
        height: 85px;
    }
    #ford_logo {
        width:130px;
        height: 60px;
    }
    #nissan_logo {
        width:95px;
        height: 85px;
    }
    #opel_logo {
        width:105px;
        height: 90px;
    }
    #dacia_logo {
        width:100px;
        height: 30px;
    }
    #alfa_logo {
        width:100px;
        height: 100px;
    }
    #jeep_logo {
        width:90px;
        height: 40px;
    }
    /*Logos für den Konfigurator*/
    .kacheln-logo-konf {
        width:80px;
        height:80px;
    }
    #renault_logo_konf {
        width: 35px;
        height: 35px;
    }
    #ford_logo_konf {
        width:55px;
        height: 20px;
    }
    #nissan_logo_konf {
        width:40px;
        height: 40px;
    }
    #dacia_logo_konf {
        width:60px;
        height: 30px;
    }
    #opel_logo_konf {
        width:48px;
        height: 40px;
    }
    #alfa_logo_konf {
        width: 40px;
        height: 40px;
    }
    #jeep_logo_konf {
        width:50px;
        height: 50px;
    }
    .dropdown-content {
        height: auto;
    }
    .dropdown-content a {
        height: 15px;
        font-size: 11px;
        padding: 8px 6px;
    }
    .font18-just-inner {
        font-size:15px;
        padding: 5px;
        margin-bottom: 0;
    }
    .caption_font18_left {
        font-size:16px;
    }
    .font30 {
        font-size: 30px;
    }
    .my-karriere-bilder-text > a {
        font-size:13px;
    }
    .my-karriere-button-first {
        max-width:23.99%;
        height: 240px;
    }
    .my-karriere-placeholder {
        max-width:23.65%;
        height: 240px;
    }
    .my-karriere-button {
        height: 240px;
    }
}
@media screen and (max-width:1025px){
    div.sticky-buttons {
        position: -webkit-sticky;
        position: sticky;
        margin-right: -9%;
    }
    .my-karriere-button-first {
        max-width:24.35%;
    }
    .my-karriere-placeholder {
        max-width:23.45%;
    }
    .my-videos-div {
        /*flex-wrap: wrap;*/
        display: flex;
        flex-flow: column wrap;
        align-items: center;
    }
    .my-video-kachel {
        max-width:60%;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .my-video-kachel:first-child {
        margin-right: 0px;
    }
    .my-video-kachel:last-child {
        margin-left: 0px;
    }
}
/* No greater than 1100px */
@media screen and (max-width:1100px){
    #button6 {
        padding-top:0px;
        padding-bottom:41px;
    }
    #button5 {
        padding-top:0px;
        padding-bottom:21px;
    }
    .my-e-mobil-placeholder {
        max-width:23.55%;
    }
    .my-e-mobil-bilder-text {
        min-height: 50px;
    }
    .my-e-mobil-button {
        height: 280px;
    }
    .my-e-mobil-button-first {
        height: 280px;
    }
}
/* No greater than 950px */
@media screen and (max-width:950px){
    .margin_left {
        padding-left: 28%;
    }
    .margin_left h5 {
        font-size: 16px;
    }
    .form4 {
        width: 60%;
    }
    .form_zeiten {
        width: 60px;
        height: 35px;
        margin-left:10px;
    }
    .wer_th {
        padding:4px;
        font-size: 11px;
    }
    .my-mybernds-cell-img > img {
        height: 90%;
        font-size: 11px;
    }
    .p_justify_reifen-center {
        padding-left: 24%;

    }
    .my-kariere-vid video{
        flex: 1;
    }
    .kauf-img {
        max-width: 30%;

    }
    .kauf_button_closed {
        font-size: 10px;
    }
    .kauf_button_active {
        font-size:10px;
    }
    .caption_font18_left {
        font-size:14px;
    }
    .modal-dialog {
        min-width:95%;
        margin-right:0px;
    }
    .my-karriere-bilder-text > a {
        font-size:12px;
    }
}
@media screen and (max-width:897px){
    #button5 {
        padding-top:0px;
        padding-bottom:0px;
    }
    .my-karriere-button-first {
        max-width:24.45%;
    }
    .my-karriere-placeholder {
        max-width:23.22%;
    }
}
@media screen and (max-width:867px){
    #button6 {
        padding-top:0px;
        padding-bottom:21px;
    }
}

@media screen and (max-width:850px){
    .wer_th {
        padding: 3px;
        width: 100px;
        height: 15px;
    }
    .dropdown-content a {
        height: 14px;
        font-size: 10px;
        padding: 6px 6px;
    }
    .my-mybernds-kachel {
        max-width: 45vw;
    }
    .my_mybernds_kachel_img {
        max-width: 8vw;
        padding-top: 15px;
        padding-bottom: 20px;
    }
    .kacheln-logo-konf {
        width:70px;
        height:70px;
    }
    #renault_logo_konf {
        width: 35px;
        height: 35px;
    }
    .p_ueber_center {
        font-size:16px;
    }
}
/*iPhone 11*/
@media screen and (max-width:828px){
    hr {
        margin-top:0px;
        margin-bottom: 10px;
    }
    h1
    {
        /* font-size: 150%; */
        /* margin-top: 45px; */
        color: dimgrey;
        /* text-shadow: 1px 1px 1px #333;*/
        text-align: center;
    }
    h2
    {
        /* font-size: 140%; */
        /* margin-top: 45px; */
        /* color: dimgrey; */
        /* text-shadow: 1px 1px 1px #333;*/
        text-align: center;
    }
    .bedingungen {
        font-size:13px;
        padding:10px;
    }
    h3
    {
        /* font-size: 120%; */
        /* margin-top: 45px; */
        color: dimgrey;
        /* text-shadow: 1px 1px 1px #333;*/
        text-align: center;
    }

    article h5 {
        font-size:130%;
    }
    .container > #text_zulassung {
        padding-left:70px;
        padding-right: 0px;
    }
    .showCal {
        width:90%;
    }
    div.sticky-buttons {
        position: -webkit-sticky;
        position: sticky;
        margin-right: 0%;
    }
    .zulassung-ico {
        width:18px;
        height:18px;
        margin-top: 0px;
        margin-left:30px;
        margin-right: 10px;
    }
    .font14-left-inner {
        font-size:12px;
    }
    .font16-left-inner {
        font-size:13px;
        padding-right: 65px;
    }
    .font16-left {
        font-size:13px;
    }
    .column {
        margin-top: 0px;
        margin-bottom: 15px;
        width: 90%;
        min-height:300px;
    }
    .column:last-child {
        margin-left: 0px;
    }
    .column3 {
        width: 80%;
        min-height: 200px;
        padding: 10px;
        background: white;
        -webkit-flex: 1; /* Safari */
        -ms-flex: 1; /* IE 10 */
        flex: 1; /* Standard syntax */
        margin-bottom:20px;
    }
    .column3:last-child {
        margin-left: 0px;
    }
    .column-aktionen {
        width: 95%;
        margin:30px 0px 30px 0px;
        padding-left: 0px;
        padding-right:0px;
    }
    .column_kontakte {
        width: 90%;
        padding-left:0%;
        margin-top: 30px;
    }
    .column_kontakte:first-child {
        width: 90%;
        margin-right: 0px;
    }
    .column_kontakte:last-child {
        width: 90%;
    }
    .column_kontakte > img {
        max-width: 100%;
    }
    .margin_left {
        padding-left: 26%;
    }
    .margin_left > h5 {
        font-size: 15px;
    }

    .label1 {
        width: 70%;
    }
    .label2 {
        width: 75%;
    }
    .text_area {
        width:75%;
    }
    .form4 {
        width: 65%;
    }
    .form5{
        width: 80%;
    }
    .label_select1 {
        max-width: 71%;
    }
    #wp_arbeit4 {
        margin-left:-28px;
    }
    .cal_button_abholung {
        font-size:11px;
    }
    .cal_button_sonntag {
        font-size:11px;
    }
    .wer_td_cal {
        font-size:11px;
    }
    .button1 {
        display: block;
        height:26px;
        margin-top: 5px;
        margin-bottom: 5px;
        padding: 3px 14px 3px 14px;
        cursor: pointer;
        background: #dae3f3;
        border:1px solid dimgrey;
        border-radius: 50%;
        -moz-border-radius:50%;
        -webkit-border-radius:50%;
        width:24px;
        color: #FFF;
        transition: ease .5s;
        position: relative; /*ADDING THIS IS REQUIRED*/
    }

    .button1:hover {
        background: #bbcff4;
    }
    .button1::after {
        content: '+';
        font-size: 26px;
        color:dimgrey;
        font-weight: bold;
        position: absolute;
        left: 5px;
        bottom: -3px;
    }
    .button_img2 {
        max-width: 0%;
        width: 70%;
        margin-left:15%;
        margin-right:15%;
    }
    .button_img {
        margin: 0px;

    }
    #button5 {
        padding-top:0px;
        padding-bottom:21px;
    }
    .abfrage_btn3 {
        height: 30px;
        font-size: 16px;
        color: dimgrey;
        background-color: white;
        font-weight:600;
    }
    .abfrage_btn3:hover {
        opacity: 1;
        background-color: lightgrey;
    }
    .my-hauptseite-bilder {
        max-width: 100%;
        min-height: 300px;
        padding: 10px;
        margin-top: 0px;
        margin-left: 0px;
    }
    .my-hauptseite-bilder:last-child {
        margin-left: 0px;
        margin-right: 0px;
    }
    .my-index-button {
        margin-right: 16px;
        min-width: 90%;
    }
    .my-aktionen-kachel {
        max-width: 80%;
        margin-left: 0px;
        margin-right: 0px;
    }
    .my-row-werkstatt {
        margin:0px;
        width: auto;
        flex-flow: column wrap;
        align-items: center;
    }
    .my-row-reverse {
        display: flex;
        min-width: 90%;
        flex-flow: column wrap;
        flex-direction: column-reverse;
        align-items: center;
        justify-content:center;
        margin-top: 5px;
        height: auto;
    }
    .my-karriere-col2 {
        max-width:90%;
        margin-top: 45px;
    }

    .my-karriere-col1 {
        margin-top: 45px;
        padding-right:0px;
        max-width:90%;
    }

    .my-row-schritten {
        max-width: 828px;
        display: flex;
        flex-flow: column wrap;
        align-items: stretch;
        padding: 0px;
        margin: 0px;
    }
    .my-row-logos {
        position:absolute;
        /* top:10; */
        width: 0px;
        width: 100%;
        float:center;
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: center;
        padding-right: 0px;
    }
    .form-group {
        margin-top: 16px;
    }
    .term_calendar {
        width:95%;
        padding:0px;
        margin:0px;
    }
    .term_calendar2 {
        width:95%;
        padding:0px;
        margin:0px;
    }
    .term_zeiten {
        text-align: center;
        width:95%;
        margin:0px;
        padding:0px;
    }
    .calendar-title {
        font-size:14px;
    }
    .container {
        font-size: 15px;
        padding-left:40px;
    }

    .form_zeiten {
        margin-left:19px;
    }
    .col-container-karriere {
        padding-left:1%;
        padding-right:1%;
        text-align: center;
    }
    .col-container {
        max-width: 828px;
        padding: 5px;
    }
    #mybernds_reg {
        max-width: 828px;
        /*margin-left: -120px;*/
    }
    .my-row {
        max-width: 828px;
    }
    .my-row-calendar {
        max-width: 828px;
        display: flex;
        flex-flow: column wrap;
        align-items: center;
    }
    .zeigeMarken {
        min-width: 60%;
        margin-bottom:16px;
        min-height: auto;
    }
    .zeigeFilialen {
        min-width: 60%;
        min-height: auto;
    }
    .zeigeTypen {
        min-width: 60%;
        margin-bottom:16px;
        min-height: auto;
    }
    .zeigeHeader{
        min-width: 60%;
        margin-bottom:16px;
    }
    .my-row-kontakte {
        width: 100%;
        display: flex;
        flex-flow: column wrap;
        align-items: center;
        justify-content: center;
    }
    .my-row-berater {
        width: 100%;
        display: flex;
        flex-flow: column wrap;
        align-items: center;
        justify-content: center;
    }
    .inline-checkbox2 {
        width: 100%;
        display: flex;
        flex-flow: column wrap;
        align-items: center;
        justify-content: center;
        margin-bottom: 0px;
        padding-bottom:0px;
        /*cursor: pointer;*/
    }
    .modal-dialog {
        margin-top: 50px;
        min-width:97%;
    }
    .modal-body {
        padding:5px;
    }
    .font14-kostenauftellung-links {
        font-size:12px;
    }
    .font14-kostenauftellung-rechts {
        font-size:12px;
    }
    .inline-checkbox5 {
        width: 100%;
        display: flex;
        flex-flow: column wrap;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px;
        /*cursor: pointer;*/
    }
    #renault_logo_kontakt {

    }
    #ford_logo_kontakt {

    }
    #nissan_logo_kontakt {

    }
    #dacia_logo_kontakt {
    }
    #opel_logo_kontakt {
    }
    #alfa_logo_kontakt {
    }
    #jeep_logo_kontakt {
    }
    .login-span {
        margin-left: 0;
    }
    .p_justify_reifen-center {
        padding-left: 20%;
    }
    .my-mybernds-kachel {
        max-width: 40vw;

    }
    .my_mybernds_kachel_img {
        max-width: 8vw;
        padding-top: 15px;
        padding-bottom: 20px;
    }
    .phone-nr {
        font-size: 14px;
        text-align:center;
        text-justify:inter-word;
        color:dimgrey;
    }
    .mein-logo {
        min-width: 100%;
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: center;
        padding-top:45px;
    }
    .select_arbeiten1 {
        flex-flow: row wrap;
        align-items: center;
        justify-content:center;
        clear: both;
    }
    .select_arbeiten2 {
        flex-flow: row wrap;
        align-items: center;
        justify-content:center;
        clear: both;
    }
    .select_arbeiten3 {
        flex-flow: row wrap;
        align-items: center;
        justify-content:center;
        clear: both;
    }
    .select_arbeiten4 {
        flex-flow: row wrap;
        align-items: center;
        justify-content:center;
        clear: both;
    }
    .header {
        position:absolute;
        height: 6em;
        z-index: 10000;
    }
    .img-logo {
        width:111px;
        height:39px;
    }
    /*.my-row-logos {
    padding-left:0px;
    }*/
    .menu_home {
        display:none
    }
    .home-nav {
        display:none
    }
    .hr-home {
        display:none
    }
    .hr-toggler {
        display:none
    }
    .text-menu {
        display:none;
    }
    .topnav {
        /* max-width: 828px; */
        /* margin-right: 86%; */
        /* margin-top: -10px; */
    }
    .my-nav {
        max-width: 828px;
    }
    #myLinks {
        clear: both;
        max-width: 828px;
        background-color: white;
    }
    .menu {
        margin:0;
        border:0;
        padding: 0;
        max-height: 100%;
        max-width: 100%;
    }
    .menu-wrap {
        position: absolute;
        margin-left:2%;
        top: 26px;
        left: 0;
        z-index: 1;
    }
    .sub-menu {
        width: 100%;
        min-height: 451px;
        position: fixed;
        top: 0px;
        margin-left: 0px;
        margin-top: -50px;
        display: flex;
        flex-flow: column wrap; /*flex-direction - flex-wrap */
        align-items:flex-start;
        justify-content: flex-start;
    }
    .text-menu {
        display:none;
    }
    .dropdown {
        position: relative;
        align-self: flex-start;
        min-height: 52px;
        max-width: 520px;
        margin-top:-5px;
        padding-top:0px;
        padding-right: 100vw;
    }
    /*.dropdown:first-child {
      margin-top: -12px;
     }    */
    .dropbtn {
        background-color: #fff;
        width:320px;
        height:52px;
        margin-top: -5px;
        color: #191919;
        padding: 0;
        font-size: 13px;
        font-weight: 500;
        /*  margin-left: 0;
          margin-top:0;*/
        border: 0;
    }
    .dropbtn-icon {
        display: none;
    }
    .dropbtn-icon-social {
        display: none;
    }
    .dropbtn a {
        text-align: left;
        padding-left:20px;
        color: inherit;
        text-decoration: none;
        transition: color 0.4s ease;
    }
    /*.dropbtn p {
    text-align: left;
    padding-left:20px;
    }*/
    .dropdown-content {
        margin-top:-30px;
        margin-left:240px;
        height: auto;
        display: none;
        position: absolute;
        background-color: transparent;
        box-shadow: 0px 18px 16px 10px rgba(8, 8, 8, 0.5);
        z-index: 10;
    }
    .dropdown-content a {
        max-width: 320px;
        height: 31px;
        text-align:left;
        font-size: 14px;
        color: #fff;
        background: var(--overlay-color);
        font-weight: 500;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

    .dropdown-content a:hover {
        opacity: 1.0;
        color:dimgrey;
    }

    .dropdown:hover .dropdown-content {display: block;}

    .dropdown:hover .dropbtn {background-color: white;}

    .sticky {
        display: none;
    }

    .hauptbild {
        margin-top: 135px;
        padding: 0;
    }

    .yt_video {
        height: 97.3%;
    }

    .caption2 {
        top: 80%;
        left: 82%;

    }
    .menu_phone {
        /* position: absolute; */
        /* display: block; */
        /* top: 87px; */
        /* right: 0; */
        /* padding-right: 30px; */
    }
    .menu_phone img {
        /* width: 40px; */
        /* height: 40px; */
        /* margin-top: 0px; */
        /* padding-right: 0px; */
        /* padding-bottom: 1px; */

    }
    .menu_phone p {
        /* margin-bottom: 0; */
        /* padding-right: 0px; */
    }

    /*.notdienst {
    font-size:20px;
    }*/

    .textmiddle-left-notdienst {
        max-width: 80%;
        height: auto;
        margin-top:0;
    }
    .my-standort-col1 {
        min-width: 22.5%;
        padding-bottom:0;
    }

    .my-footer-col1 ul li a {
        font-size: 10px;
    }
    .p_justify_gross30 {
        font-size:22px;
    }
    .p_justify_gross26_left {
        padding-left: 30px;
        padding-right: 10px;
        font-size:14px;
    }
    .p_justify_gross26_right {
        padding-right: 30px;
        font-size:14px;
    }
    .div_border {
        padding-left: 25px;
        font-size:14px;
    }
    .standort-name {
        /*font-size: 18px;*/
        text-align: center;
        margin-top: 5px;
        margin-left:5%;
        margin-right:5%;
        padding-bottom:0px;
    }

    .karriere_title {
        font-size:20px;
        padding-bottom:40px;
    }
    .my-col1 {
        margin-top: 20px;
    }
    .p_justify_gross {
        font-size: 18px;
    }

    .reg-td-right input[type=submit] {
        margin-top: 120px;
    }
    .p_justify_gross40 {
        font-size:22px;
    }

    .my-mybernds-col1 > a > img  {
        max-width: 80px;
        height: 50px;
        padding-bottom: 10px;
    }
    .font30 {
        font-size: 24px;
    }
    .my-mybernds-cell-text {
        padding-left:5%;
    }
    .my-mybernds-cell-img {
        padding-left:5%;
    }
    .my-mybernds-cell-img:last-child {
        padding-right:5%;
    }
    .my-mybernds-cell-text:last-child {
        padding-right:5%;
    }
    .my-karriere-row {
        flex-flow: column wrap;
        align-items: center;
        justify-content: center;
    }
    .my-e-mobil-row {
        flex-flow: column wrap;
        align-items: center;
        justify-content: center;
    }
    .my-e-mobil-bilder {
        height: 450px;
    }
    .my-e-mobil-button {
        margin-left: 0px;
        max-width:60%;
        height: auto;
        padding: 10px;
    }
    .my-e-mobil-button:last-child {
        margin-right: 0px;
    }
    .my-e-mobil-placeholder {
        margin-left: 0px;
        max-width:60%;
        height: auto;
        padding: 10px;
    }

    .my-e-mobil-button-first {
        margin-left: 0px;
        max-width:60%;
        height: auto;
        padding: 10px;
    }
    .my-mybernds-cell-img > img {
        height: 90%;
    }
    .font18-just-inner {
        font-size:14px;
        padding: 5px;
        margin-bottom: 0;
    }

    .font18-left-inner {
        padding-right: 50px;
        padding-left: 25px;
        font-size:13px;

    }
    .font18-right-inner {
        padding-right: 25px;
        padding-left: 50px;
        font-size:13px;
    }
    .font18-just-center-700 {
        font-size:13px;
        padding: 25px;
    }
    .font18-just-center-500 {
        font-size:13px;
        padding: 5px;
        margin-bottom: 0px;
    }
    .fieldName {
        font-size:13px;
        font-weight: 550;
        padding-right: 5px;
    }
    .fieldName1 {
        min-width: 100%;
        font-size:10px;
    }
    .font16-inner-left {
        font-size:13px;
        padding-right: 5px;

    }
    .fahrzeugsuche-container {
        padding-left:16px;
        padding-right:0%;
        padding-right:16px;
        max-width: 828px;
    }
    .my-col1-fahrzeugsuche {
        max-width: 828px;
    }

    .kacheln-logo {
        width:120px;
        height:120px;
    }
    .kacheln-logo > p {
        margin-bottom: 0;
    }
    #ren_logo {
        width:90px;
        height: 88px;
    }
    #renault_logo {
        width: 45px;
        height: 65px;
    }
    #ford_logo {
        width:100px;
        height: 40px;
    }
    #nissan_logo {
        width:70px;
        height: 65px;
    }
    #opel_logo {
        width:85px;
        height: 70px;
    }
    #dacia_logo {
        width:70px;
        height: 20px;
    }
    #alfa_logo {
        width:70px;
        height: 70px;
    }
    #jeep_logo {
        width: 70px;
        height: 31px;
    }
    .paypal_logo {
        width:30px;
        height: 15px;
    }
    .abfrage_btn2 {
        min-width:98%;
        padding-top:0px;
        margin-left: 0px;
        font-size: 14px;
    }
    .abfrage_btn2:first-child {
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .my-karriere-bilder-text > a {
        font-size:16px;
    }
    .my-karriere-button {
        max-width:60%;
        height:215px;
    }
    .my-karriere-placeholder {
        max-width:60%;
        height:215px;
    }
    .my-karriere-button-first {
        max-width:60%;
        height:215px;
    }
}
@media screen and (max-width:800px){
    .standort-name {
        margin-left:0%;
        margin-right:0%;
    }
    .form_zeiten {
        margin-left:14px;
    }
    .col-container {
        max-width: 800px;

    }
    /*.caption {
     left: 64%;
    }*/
    .caption2 {
        left: 82%;
    }
    /*.dropdown:first-child {
     margin-top: -25px;
     }*/
    #myLinks {
        clear: both;
        max-width: 800px;
        background-color: white;
    }
    #mybernds_reg {
        max-width: 800px;
    }

}

@media screen and (max-width:768px){
    .form4 {
        width: 70%;
    }
    .margin_left {
        padding-left: 21%;
    }
    .margin_left > h5 {
        font-size: 14px;
    }
    .form_zeiten {
        margin-left:10px;
    }

    #showWartung {
        min-width: 60%;
    }

    .table thead tr th {
        font-size:12px;
    }
    .table tbody tr td {
        font-size:12px;
    }
    .my-kariere-vid video{
        flex: 1;
    }

    .col-container {
        max-width: 768px;
    }
    .my-marken-kacheln {
        align-items: center;
        justify-content:center;
    }
    .sub-menu {
        margin-top: -53px;
    }
    .col1-2-3 {
        position: relative;
        margin:3px;
        padding:3px;
    }
    .cal-container {
        margin-top: 10px;
    }
    /*.form1 {
    max-width: 768px;
    display: flex;
    flex-flow: column wrap;
    align-items: stretch;
    justify-content: space-between;
    }*/
    .my-business-col1 {
        min-width: 50%;
        padding-left: 3px;

    }


    #footer {
        margin-top: 10px;
    }
    .footer-title {
        font-size: 14px;
        color:#191919;
        padding-top:5px;
    }
    .col1-2-3 {
        /*position: relative;*/
        vertical-align: top;
        text-align: center;
        color: #505050;
        width: 100%;
        height: 100%;
        padding:0;
        margin: 0;
        background-color: lightgrey;
    }
    .col1-2 {
        padding-left:0;
        padding-right:0;
    }
    .my-row {
        padding-left:0;
        padding-right:0;

    }
    .my-col1 {
        margin-right: 10px;
    }
    .tr_cal {
        padding: 0;
        margin:0;

    }
    .wer_th {
        background-color:#e3e6e6;
        padding: 3px;
        text-align: center;
        max-width: 100px;
        max-height: 15px;

    }
    /*.caption {
     top: 80%;
     left: 65%;
     width: 110px;
     height: 20px;
    }*/
    .caption2 {
        top: 80%;
        left: 82%;
        width: 110px;
        height: 20px;
    }
    .caption2 a {
        font-size: 12px;

    }
    .caption a {
        font-size: 12px;
    }
    .caption p {
        margin-top: 0px;

    }
    .caption2 p {
        margin-top: 0px;

    }
    .my-kariere-vid-text {
        font-size:10px;
    }
    .menu_phone p {
        /* margin-top: -3px; */
    }
    .p_justify_reifen {
        padding-right: 10px;
        font-size:14px;
        color  :#505050;
        font-weight:400;
        text-align: justify;
        text-justify: inter-word;
    }
    .p_justify_reifen-center {
        padding-left: 21%;
        font-size:14px;
    }
    .reg-td-margin {
        width: 2%;
    }
    .reg-th-margin {
        width: 2%;
    }
    .my-notdienst-cell > span {
        padding-left:15%;
    }
    .fahrzeugsuche-container {
        max-width: 768px;
    }
    .my-col1-fahrzeugsuche {
        max-width: 768px;
    }

    .div-img-right > img{
        margin-bottom: 20px;
        max-width: 80%;
    }

    #mybernds_reg {
        max-width: 768px;
    }
    .a_carousel_btn_next {
        width:30px;
        height:30px;
        top:45%;
        margin-right:30px;
    }
    .a_carousel_btn_prev {
        width:30px;
        height:30px;
        top:45%;
        margin-left:30px;
    }
    .span_carousel {
        font-size:26px;
        color:black;
    }
}
@media screen and (max-width:714px){
    #button5 {
        padding-top:0px;
        padding-bottom:0px;
    }
    .my-karriere-button {
        max-width:60%;
        height:190px;
    }
    .my-karriere-placeholder {
        max-width:60%;
        height:190px;
    }
    .my-karriere-button-first {
        max-width:60%;
        height:190px;
    }

}
/* No greater than 650px */
@media screen and (max-width:650px){
    .caption {
        width: 85%;
        top: 45%;
        left: 55%;
    }
    .margin_left > h5 {
        font-size: 13px;
    }

    .my-kariere-vid video{
        flex: 1;
    }
    .padding25 {
        padding-left:15%;
        padding-right:10%;
    }
    .my-col1-login {
        display: flex;
        flex-flow:column wrap;
        align-items: center;
        justify-content:center;
    }
    .my-karriere-row {
        max-width:650px;
        margin-top: 5px;
        padding-left:0%;
    }

    .login-span {
        margin-left:0;
        padding-bottom: 10px;
        font-size: 12px;
    }
    .my-notdienst-cell > span {
        padding-left:5%;
    }
    .font30 {
        font-size:20px;
        font-weight: 600;
    }
    .font13-left-inner-kontakt1 {
        font-size:11px;
    }
    #mybernds_reg {
        max-width: 650px;
        padding-left: 18%;
    }
    .kacheln-logo-konf {
        width:60px;
        height:60px;
    }
    .konfigurator-link {
        padding-top: 20%;
    }
    #jeep_logo_konf {
        margin-top: -5px;
    }
    #dacia_logo_konf {
        margin-top: 3px;
    }
    .my-kariere-vid-text {
        font-size:9px;
    }
}