.page_wrapper {
    width: 100%;
    max-width: 80vw;
    margin: 0 auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
header {
    background-color: #212121;
}
header .phonebox{
    font-size: 1.8em;
    color: #fff;
    text-align: center;
}
header .phonebox i{
    font-size: 1.2em;
    vertical-align: text-top;
}

/* Icon font */
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

header .phonebox{
    font-size: 1.8em;
    color: #fff;
}
header .phonebox i{
    font-size: 1.2em;
    vertical-align: text-top;
}
nav .material-icons{
    vertical-align: bottom;
}
nav .fas,
nav .far,
nav .fab
{
    padding-left: 43px;
    position: relative;
}
nav .fas:before,
nav .far:before,
nav .fab:before
{
    font-size: 20px;
    position: absolute;
    left: 12px;
    top:6px;
    width: 25px;
    text-align: center;
}
i.fas,
i.far,
i.fab
{
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    width:25px;
    height:25px;
    position: relative;
}
.card-body i.fas,
.card-body i.far,
.card-body i.fab
{
    margin-right: 10px;
}
.btn i.fas,
.btn i.far,
.btn i.fab
{
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
}
.page_wrapper
.nav-link:not(:last-child){
    margin-bottom: 0.6em;
}
footer.footer_box a{
    color:#fff;
}
body{
    background-color: #f7f7f7;
}
.page_wrapper{
    background-color: #fff;
}

#LogoBox {
    text-align: center;
}

#LogoBox img {
    max-width: 75%;
    height: auto;
}
.leftMenu .nav-pills{
    padding: 0.6em 0;
}
footer {
    background-color: #212121; /*#313131;*/
    padding-left: 3%;
    padding-right: 3%;
    padding-top: 40px;
}

footer div.LeftFooterBox {
    text-align: center;
}

footer div.RightFooterBox {
    text-align: center;
}
div.FooterLoveBox {
    margin-top: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

div.FooterLoveBox p{
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 1.4em;
}

div.FooterLoveBox p span{
    font-size: 0.8em;
}


.footer_box .impressum,
.footer_box .datenschutz
{
    text-align: center;
}

.label-new:after {
    content: 'neu';
    position: absolute;
    top: 3px;
    right: 5px;
    display: inline-block;
    background: #FF5600;
    color: #fff;
    padding: 1px 3px;
    border-radius: 0.25rem;
    font-size: .8em;
}

/* - - - - CARS-Anpassungen - - - -  */

.Layout-CARS header{
    background-color: #fff;
    box-shadow: 0 4px 5px -4px rgb(50 50 50 / 75%);
    border-bottom: 1px solid #bbb;
    padding: 10px 5px;
}

.Layout-CARS a {
    color: #005D5D;
}
.Layout-CARS a .material-icons{
    color: #fff;
}
.Layout-CARS nav a .material-icons {
    color: #005D5D;
}
.Layout-CARS .nav-pills .nav-link.active,
.Layout-CARS .nav-pills .show > .nav-link{
    background-color: #005D5D;
}
.Layout-CARS .btn-primary{
    color:#fff;
    border-color: #fff;
    background-color: #a5892f;
}
.Layout-CARS .btn-primary:hover{
    background-color: #b18a0c;
}
.Layout-CARS .btn-primary:not(:disabled):not(.disabled):active,
.Layout-CARS .btn-primary:not(:disabled):not(.disabled).active,
.Layout-CARS .show > .btn-primary.dropdown-toggle{
    background-color: #b18a0c;
}
.Layout-CARS .cancelContract{
    color:#fff;
}
/* - - - - Desktop - - - -  */
@media screen and (min-width: 1000px) {
    .page_wrapper{
    }
}


@media screen and (min-width: 1000px) {

    header .phonebox{
        text-align: right;
    }
    .leftMenu{
        margin-top:5em;
    }

    #LogoBox {
        text-align: left;
    }

    #LogoBox img {
        max-width: 100%;
        height: auto;
    }
    footer{
        padding-top: 20px;
    }
    div.FooterLoveBox{
        margin-top: 10px;
    }

    footer h3 {
        color: #fff;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 1.5em;
        text-align: left;
        margin-bottom: 20px;
    }

    footer div.footer_box {
        text-align: center;
        padding-left: 10px;
        /*min-height: 150px;*/
        /*border-left: 1px solid #5D5D5D;*/
    }
    footer div.footer_box .impressum {
        padding-right: 10px;
        text-align: right;
        /*min-height: 150px;*/
        /*border-left: 1px solid #5D5D5D;*/
    }
    footer div.footer_box .datenschutz {
        padding-right: 10px;
        text-align: right;
        /*min-height: 150px;*/
        /*border-left: 1px solid #5D5D5D;*/
    }
    .footer_box .impressum{
        text-align: right;
    }
    .footer_box .datenschutz{
        text-align: left;
    }

    footer div.FooterBox_1 {
        padding-left: 0;
        border-left: none;
    }

    footer ul.menu {
        margin-bottom: 0;
    }


    footer ul.menu li {
        text-align: left;
        font-size: 1.1em;
        margin-bottom: 3px;
    }

    footer ul.menu li a {
        display: inline-block;
        background-color: #212121;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    footer ul.menu li a:hover {
        color: #00AA72;
    }
}

/* Error */

.error-page {
    color: #5a5c69;
    font-size: 7rem;
    position: relative;
    line-height: 1;
    width: 12.5rem;
}

@-webkit-keyframes noise-anim {
    0% {
        clip: rect(32px, 9999px, 16px, 0);
    }
    5% {
        clip: rect(5px, 9999px, 24px, 0);
    }
    10% {
        clip: rect(77px, 9999px, 87px, 0);
    }
    15% {
        clip: rect(91px, 9999px, 95px, 0);
    }
    20% {
        clip: rect(74px, 9999px, 9px, 0);
    }
    25% {
        clip: rect(37px, 9999px, 32px, 0);
    }
    30% {
        clip: rect(56px, 9999px, 27px, 0);
    }
    35% {
        clip: rect(35px, 9999px, 33px, 0);
    }
    40% {
        clip: rect(89px, 9999px, 6px, 0);
    }
    45% {
        clip: rect(81px, 9999px, 77px, 0);
    }
    50% {
        clip: rect(64px, 9999px, 69px, 0);
    }
    55% {
        clip: rect(12px, 9999px, 11px, 0);
    }
    60% {
        clip: rect(59px, 9999px, 11px, 0);
    }
    65% {
        clip: rect(69px, 9999px, 59px, 0);
    }
    70% {
        clip: rect(74px, 9999px, 65px, 0);
    }
    75% {
        clip: rect(56px, 9999px, 79px, 0);
    }
    80% {
        clip: rect(80px, 9999px, 64px, 0);
    }
    85% {
        clip: rect(87px, 9999px, 29px, 0);
    }
    90% {
        clip: rect(16px, 9999px, 21px, 0);
    }
    95% {
        clip: rect(69px, 9999px, 43px, 0);
    }
    100% {
        clip: rect(75px, 9999px, 63px, 0);
    }
}

@keyframes noise-anim {
    0% {
        clip: rect(32px, 9999px, 16px, 0);
    }
    5% {
        clip: rect(5px, 9999px, 24px, 0);
    }
    10% {
        clip: rect(77px, 9999px, 87px, 0);
    }
    15% {
        clip: rect(91px, 9999px, 95px, 0);
    }
    20% {
        clip: rect(74px, 9999px, 9px, 0);
    }
    25% {
        clip: rect(37px, 9999px, 32px, 0);
    }
    30% {
        clip: rect(56px, 9999px, 27px, 0);
    }
    35% {
        clip: rect(35px, 9999px, 33px, 0);
    }
    40% {
        clip: rect(89px, 9999px, 6px, 0);
    }
    45% {
        clip: rect(81px, 9999px, 77px, 0);
    }
    50% {
        clip: rect(64px, 9999px, 69px, 0);
    }
    55% {
        clip: rect(12px, 9999px, 11px, 0);
    }
    60% {
        clip: rect(59px, 9999px, 11px, 0);
    }
    65% {
        clip: rect(69px, 9999px, 59px, 0);
    }
    70% {
        clip: rect(74px, 9999px, 65px, 0);
    }
    75% {
        clip: rect(56px, 9999px, 79px, 0);
    }
    80% {
        clip: rect(80px, 9999px, 64px, 0);
    }
    85% {
        clip: rect(87px, 9999px, 29px, 0);
    }
    90% {
        clip: rect(16px, 9999px, 21px, 0);
    }
    95% {
        clip: rect(69px, 9999px, 43px, 0);
    }
    100% {
        clip: rect(75px, 9999px, 63px, 0);
    }
}

.error-page:after {
    content: attr(data-text);
    position: absolute;
    left: 2px;
    text-shadow: -1px 0 #e74a3b;
    top: 0;
    color: #5a5c69;
    background: #f8f9fc;
    overflow: hidden;
    clip: rect(0, 900px, 0, 0);
    animation: noise-anim 2s infinite linear alternate-reverse;
}

@-webkit-keyframes noise-anim-2 {
    0% {
        clip: rect(12px, 9999px, 52px, 0);
    }
    5% {
        clip: rect(42px, 9999px, 39px, 0);
    }
    10% {
        clip: rect(64px, 9999px, 36px, 0);
    }
    15% {
        clip: rect(52px, 9999px, 15px, 0);
    }
    20% {
        clip: rect(79px, 9999px, 7px, 0);
    }
    25% {
        clip: rect(17px, 9999px, 41px, 0);
    }
    30% {
        clip: rect(15px, 9999px, 20px, 0);
    }
    35% {
        clip: rect(62px, 9999px, 87px, 0);
    }
    40% {
        clip: rect(94px, 9999px, 11px, 0);
    }
    45% {
        clip: rect(49px, 9999px, 10px, 0);
    }
    50% {
        clip: rect(82px, 9999px, 4px, 0);
    }
    55% {
        clip: rect(70px, 9999px, 100px, 0);
    }
    60% {
        clip: rect(62px, 9999px, 23px, 0);
    }
    65% {
        clip: rect(51px, 9999px, 56px, 0);
    }
    70% {
        clip: rect(41px, 9999px, 24px, 0);
    }
    75% {
        clip: rect(6px, 9999px, 85px, 0);
    }
    80% {
        clip: rect(96px, 9999px, 58px, 0);
    }
    85% {
        clip: rect(16px, 9999px, 24px, 0);
    }
    90% {
        clip: rect(40px, 9999px, 31px, 0);
    }
    95% {
        clip: rect(91px, 9999px, 34px, 0);
    }
    100% {
        clip: rect(87px, 9999px, 26px, 0);
    }
}

@keyframes noise-anim-2 {
    0% {
        clip: rect(12px, 9999px, 52px, 0);
    }
    5% {
        clip: rect(42px, 9999px, 39px, 0);
    }
    10% {
        clip: rect(64px, 9999px, 36px, 0);
    }
    15% {
        clip: rect(52px, 9999px, 15px, 0);
    }
    20% {
        clip: rect(79px, 9999px, 7px, 0);
    }
    25% {
        clip: rect(17px, 9999px, 41px, 0);
    }
    30% {
        clip: rect(15px, 9999px, 20px, 0);
    }
    35% {
        clip: rect(62px, 9999px, 87px, 0);
    }
    40% {
        clip: rect(94px, 9999px, 11px, 0);
    }
    45% {
        clip: rect(49px, 9999px, 10px, 0);
    }
    50% {
        clip: rect(82px, 9999px, 4px, 0);
    }
    55% {
        clip: rect(70px, 9999px, 100px, 0);
    }
    60% {
        clip: rect(62px, 9999px, 23px, 0);
    }
    65% {
        clip: rect(51px, 9999px, 56px, 0);
    }
    70% {
        clip: rect(41px, 9999px, 24px, 0);
    }
    75% {
        clip: rect(6px, 9999px, 85px, 0);
    }
    80% {
        clip: rect(96px, 9999px, 58px, 0);
    }
    85% {
        clip: rect(16px, 9999px, 24px, 0);
    }
    90% {
        clip: rect(40px, 9999px, 31px, 0);
    }
    95% {
        clip: rect(91px, 9999px, 34px, 0);
    }
    100% {
        clip: rect(87px, 9999px, 26px, 0);
    }
}

.error-page:before {
    content: attr(data-text);
    position: absolute;
    left: -2px;
    text-shadow: 1px 0 #4e73df;
    top: 0;
    color: #5a5c69;
    background: #f8f9fc;
    overflow: hidden;
    clip: rect(0, 900px, 0, 0);
    animation: noise-anim-2 3s infinite linear alternate-reverse;
}