html,
body {
    width: 100% !important;
    height: 100% !important;
    margin: 0px !important;
    padding: 0px !important;
}

option[disabled] {
    color: #ccc;
    cursor: not-allowed
}

h1,
h2,
h3,
h4,
h5,
h6 {
    //color: rgb(89, 89, 89) !important;
    color: black;

}

label{
	font-size:14px;
	font-weight: 700;
	margin-bottom: 0px;
	margin-top: 14px;
}

@media (min-width:377px) {
    .item {
        height: 888px !important;
    }
}

.hauptfeld,
.details,
.angebote {
    border-radius: 8px;
    background-color: white;
    -webkit-box-shadow: 1px 5px 15px 5px rgba(0, 0, 0, 0.16);
    //box-shadow: 0px 10px 22px -8px silver;
    box-shadow: 2px 12px 20px -4px silver;

    background: linear-gradient(to top, rgb(254, 255, 255) 77%, rgb(234, 234, 234) 100%);
    flex: 0 0 100% !important;
    max-width: 90% !important;
    margin: auto !important;
}


.images {
    margin: 0 !important;
    object-fit: fill !important;
}

select:hover {
    background-color: white !important;
}



.flex-row {
    display: flex;
    flex-wrap: wrap;
    width: 90%;

}



.titel {
    overflow: hidden;
}

.titles {
    margin: 4px;
}



select.form-control {
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    -ms-appearance: menulist !important;
    -o-appearance: menulist !important;
    appearance: menulist !important;
}



.haupt {
    box-shadow: 2px 12px 20px -4px silver;

    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    border-radius: 8px;
}


.header_title {
    color: black !important;
}


select {

    padding: 7px 6px;
    border-color: black;
    border-radius: 0.25em !important;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
    height: 37px !important;
    //box-shadow: 0px 10px 30px -8px rgba(6, 33, 62, 0.75);
    box-shadow: 0px 10px 30px -8px gray;

    color: black !important;
}

.buttons {
    margin: 2em auto;
    display: flex;
    flex-flow: column wrap;

}

/*.formular {
    margin: 2em auto;
    display: flex;
    flex-flow: column wrap;

}*/

@media (max-width:415px) {


    select.ueberschrift {
        width: 74vw;
        height: 80vh;
        max-height: initial;
        position: relative;
        top: 4px;
        /* left: -33px; */
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        overflow-x: hidden;
        /* margin-top: 22px; */
        margin-bottom: 8px;

    }

    .titel {
        font-size: medium;
        text-align: center;
        margin: 0 !important;
        padding-left: 0;
        padding-right: 0;
        overflow-x: hidden;
    }

    .ueberschrift {
        font-size: medium;
    }


    .suchen,
    .titles,
    .zuruecksetzen,
    .formular {
        width: 70vw !important;
        max-height: initial;
        position: absolute;
        top: 0;
        /* left: -18px; */
    }

    .erstes_bild {
        width: 82vw !important;
        margin-left: -20px;
    }

    .erstes_bild_list {
        width: 82vw !important;
        margin-top: -10px;
        margin-left: -30px;

    }

    .erstes_bild_grid {
        width: 100% !important;
        margin-left: 0 !important;

    }


    img.bild {
        width: 77vw !important;
        max-height: initial;
        position: relative;
        top: 0;
        left: -33px;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        overflow-x: hidden;
    }

    .cont {
        width: 92vw !important;
        /* margin-left: -44% !important; */
    }

    .grid_view {
        width: 100vw !important;
    }

}

@media (max-width:766px) {

    .buttons {
        margin: 18px auto;
    }


    .suchen {
        //margin-bottom: -22px !important;
        margin-top: 11px !important;
    }


}

@media (max-width:417px) {

    .buttons {
        margin: 26px auto !important
    }

    .suchen {
        margin-bottom: -111px !important;
        margin-top: -10px !important;
    }

    .zuruecksetzen {
        margin-top: -8px;
        margin-bottom: -49px;
    }

    .formular {
        margin-top: -6px !important;
    }

    .text,
    .card-text {
        text-align: left;

    }

    .card-text {
        margin-top: 8px !important;
        float: left !important;
    }

    .zweites_bild {
        float: left !important;
    }




}

.card-text,
.zweites_bild {
    float: right !important;
}

.erstes_bild:hover>body:not(:hover) {

    /* Add the blur effect */
    filter: blur(8px);
    -webkit-filter: blur(8px);

    /* Full height */
    height: 100%;

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;


}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    .cont {
        width: 110% !important;
        //margin-left: -33px !important;
    }
}


@media only screen and (max-width:982px) {
    .titles {
        font-size: 14px !important;
    }

    .card-text,
    .zweites_bild,
    .float_this {
        float: left !important;
    }

    /*.titel {
        font-size: medium !important;
        text-align: center !important;
    }*/

    /*.buttons {
        margin-bottom: -2px;
    }*/

    /*.top {
        top: 4px;
    }*/

    /*.pagination_buttons {
        top: 8px;
    }*/


}

/*@media only screen and (max-width:764px) {

    .btn,
    .btn-group {
        width: 66vw;
        position: absolute;
        align-items: center !important;
    }
}*/



/*.card-text {
    float: right !important;
}*/

select {
    /*    background: rgb(233, 240, 243) !important;*/

    background: rgb(241, 241, 241) !important;
    //background: #696969 !important;
    //color: black !important;
}

@media (max-width:546px) {

    .myform {

        margin-bottom: 55px !important;
        display: flex !important;
        flex-flow: column wrap !important;
        align-items: stretch !important;
        height: 42px !important;
        width: 88vw !important;
        top: -22px !important;
    }

    #inputGroupSelect01 {
        height: 42px !important;
        width: 88vw !important;
        margin-bottom: -18px !important;

    }

    .hauptfeld {
        bottom: 22px !important;
    }

}

.erstes_bild {
    //margin-top: 22px;
    //min-width: 88%;
    width: 100%;
    //min-height: 100%;
    border-radius: 8px;
    //box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
}

.erstes_bild_list {
    //margin-top: 22px;
    //min-width: 88%;
    width: 100%;
    //min-height: 100%;
    border-radius: 8px;
    //box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;

}

.erstes_bild_grid {
    width: 88%;
    margin-left: 26px;

}


@media (max-width:1555) {
    .erstes_bild {
        margin-top: -10px !important;
    }
}

.zweites_bild {
    margin-top: 11px !important;
    border-radius: 6px;
    margin: 0 auto;
    width: 66% !important;
    display: grid;

}

.zweites_bild_grid {
    margin-top: 11px !important;
    border-radius: 6px;
    margin: 0 auto;
    width: 66% !important;
    display: grid;

}

.icons {
    width: 120px !important;
    height: 20px !important;

}

.navigation {
    cursor: pointer;
}


@media (max-width:296px) {

    .but_prev,
    .but_next {
        width: 44% !important;
        max-height: initial;
        position: relative;
        top: 0;
        margin-left: -8px !important;
        padding: 4px !important;
        overflow-x: hidden;

    }

    .myform {

        margin-bottom: 4em !important;
        display: flex !important;
        flex-flow: column wrap !important;
        //align-items: center !important;
        height: 42px !important;
        //width: 88vw !important;
        top: -22px !important;
        margin-left: 0 !important;

    }

    .list,
    .grid {
        //left: 55px !important;
    }

}

@media only screen and (max-width:765px) {

    .hauptfeld {
        margin-bottom: -33px !important;

    }


    .asc_desc {
        margin-top: 11px;
    }
}

.myform {
    display: flex;
    flex-flow: row wrap;
    align-items: center;

}


@media (max-width: 1010px) {

    .myform {
        top: 0;
        flex-direction: row;
        align-items: stretch;
    }

    .anpassung {
        top: -2px !important;
        margin-bottom: 20px !important
    }

    #inputGroupSelect01 {
        height: 42px !important;
    }



    .data_div {
        background: whitesmoke;
        border: .5px solid silver;
        margin: 1px;
        border-radius: 4px;

    }

}


.data_div {
    margin: 4px;
    background: rgba(255, 255, 255, 0.15);
    box-shadow: 0 8px 32px 0 silver;
    backdrop-filter: blur(88px);
    -webkit-backdrop-filter: blur(88px);
    border-radius: 10px;
    border: 1px solid rgba(222, 216, 216, 0.18);

}


.resize {
    width: 400px;
    height: auto;
}



.angebote {
    margin-top: 33px !important;
}

@media (max-width: 550px) {


    .bild {
        margin-left: -8px !important;
    }

    /*.preise {
        float: left !important;
    }*/
}

@media (max-width: 1600px) {
    .left {

        left: 88px !important;
    }
}


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

    /* styles for browsers larger than 960px; */

}

@media only screen and (min-width: 1440px) {
    /* styles for browsers larger than 1440px; */
}

@media only screen and (min-width: 2000px) {
    /* for sumo sized (mac) screens */
}

@media only screen and (max-device-width: 480px) {
    /* styles for mobile browsers smaller than 480px; (iPhone) */
}

@media only screen and (device-width: 768px) {

    /* default iPad screens */
    .weitere_infos {

        display: flex;
        align-items: left !important;
    }

    .preise {
        float: left !important;
    }



}


.weitere_infos {
    float: left !important;
}

.preise {
    float: right !important;
}

/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {

    /* For portrait layouts only */

}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {

    /* For landscape layouts only */

}

.header_title {
    text-shadow: 0px 4px 3px lightgray,
        0px 8px 13px lightgray,
        0px 18px 23px lightgray;
}

.carousel-indicators li {
    width: 14px !important;
    height: 14px !important;
    border-radius: 100% !important
}

.responsive {
    bottom: -22px !important;
    width: 66%;
    height: auto;
}

/*@media (max-width:1360px) {
    .carousel {
        width: 95vw !important;
        height: auto !important;
        margin-left: -66px !important;
    }

    .responsive {
        width: 95vw !important;
        height: auto !important;
    }

}*/

@media (max-width:960px) {
    .carousel {
        width: 100vw !important;
        height: auto !important;
        //margin-left: -30px !important;
    }

    .responsive {
        width: 100vw !important;
        height: auto !important;
    }

}

@media (max-width:375px) {
    .carousel {
        width: 90vw !important;
        height: auto !important;
        margin-left: -30px !important;
    }

    .responsive {
        width: 90vw !important;
        height: auto !important;
    }

    .carousel-indicators li {
        width: 14px !important;
        height: 14px !important;
        border-radius: 100% !important
    }

    .zahlung,
    .beschreibung,
    .kontakt,
    .finanzierung,
    .probefahrt {
        display: flex;
        flex-wrap: wrap;
        flex-flow: row;
        align-items: center;
        width: 100% !important;

    }


}

@media (max-width:455px) {
    .carousel {
        width: 90vw !important;
        height: auto !important;
        margin-left: -30px !important;
    }

    .responsive {
        width: 90vw !important;
        height: auto !important;
    }

    /* distance between dots and image  */
    /*.carousel-indicators {
        bottom: 24.4375rem !important;
    }*/

    .carousel-indicators li {
        width: 10px !important;
        height: 10px !important;
        border-radius: 100% !important
    }

    .zahlung,
    .beschreibung,
    .kontakt,
    .finanzierung,
    .probefahrt {
        display: flex;
        flex-wrap: wrap;
        flex-flow: row;
        align-items: stretch;
        width: 100% !important;
    }


}

@media (max-width:666px) {
    .carousel {
        width: 90vw !important;
        height: auto !important;
        //margin-left: 8px !important;
    }

    .responsive {
        width: 90vw !important;
        height: auto !important;
    }

    /* distance between dots and image  */
    /*.carousel-indicators {
        bottom: 24.4375rem !important;
    }*/

    .carousel-indicators li {
        width: 10px !important;
        height: 10px !important;
        border-radius: 100% !important
    }

    .zahlung,
    .beschreibung,
    .kontakt,
    .finanzierung,
    .probefahrt {
        display: flex;
        flex-wrap: wrap;
        flex-flow: row;
        align-items: stretch;
        width: 100% !important;
    }


}

.carousel .carousel-indicators li {
    background-color: gray;
    bottom: -1.4rem !important;
}

.carousel .carousel-indicators li.active {
    background-color: black;
    bottom: -1.4rem !important;
}


/*.carousel-indicators li {
    background-color: gray !important;
    bottom: -1.4rem !important;

}*/


.carousel .item {
    height: 300px !important;
}

.item img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    min-height: 300px !important;

}

.zahlung,
.beschreibung,
.kontakt,
.probefahrt {
    display: flex;
    flex-wrap: wrap;
    flex-flow: row;
    align-items: stretch;
    width: 14%;
}

.email-ico {
    width: 25px;
    height: 25px;
    margin-top: -5px !important;
    margin-left: -77px !important;
}

.cal-ico {
    width: 25px;
    height: 25px;
    margin-top: -5px !important;
    margin-left: -13px !important;
}

.doc-ico {
    width: 25px;
    height: 25px;
    margin-top: -5px !important;
    margin-left: 28px !important;
}



@media (max-width:1280px) {

    .zahlung,
    .beschreibung,
    .kontakt,
    .finanzierung,
    .probefahrt {
        display: flex;
        flex-wrap: wrap;
        flex-flow: row;
        align-items: stretch;
        width: 36%;
    }



}

.modal-dialog {
    display: block !important;
    position: absolute !important;
    top: 33% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    bottom: 0 !important;
}


/*.erster_teil_modal {
    width: 200vw !important;
}*/


#anruf {
    width: 15px;
    height: 15px;
    float: left;
}

#anruf_label {
    float: left;
    padding-left: 3px;
}

/*.fieldname1 {
    display: block;
    text-align: left;
    font-size: 13px;
    padding: 2px;
    width: 50%;
}
*/


/*.ueberschriften {
    display: flex;
    flex-flow: row nowrap;
    align-items: left;
}*/

.inline-checkbox {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: left !important;
    width: 100% !important;
    justify-content: left !important;
    padding-bottom: 20px;
}



.fieldname1 {
    display: block !important;
    text-align: left !important;
    font-size: 15px !important;
    padding: 2px !important;
    width: 50% !important;
}


@media screen and (max-width:990px) {
    .inline-checkbox {
        width: 100% !important;
        display: flex !important;
        flex-flow: column wrap !important;
        align-items: center !important;
        justify-content: center !important;
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }

    .main {
        width: 100vw !important;
        margin: 0px !important;
        padding: 0px !important;
        height: auto !important;
        overflow: scroll !important;
        left: 0px !important;
        right: 0px !important;
        top: 0px !important;
        bottom: 0px !important;
    }

    .modal-footer {
        display: flex !important;
        flex-flow: row wrap !important;
        justify-content: center !important;
        align-items: center !important;
        margin-left: -33px !important;
    }

    .speichern,
    .schliessen {
        margin-bottom: 6px;
    }

    .modal_bild {
        margin-left: 16px;
    }


}

.modal-body {
    //max-height: calc(100vh - 210px) !important;
    overflow-y: auto !important;
}

.modal {
    overflow-y: auto !important;
}

.modal_bild {
    width: 100%;
}

@media (max-width:820px) {
    .modal_bild {
        width: 100%;
    }



}

@media (min-width:912px) {
    .modal_bild {
        width: 77%;
    }

}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    .modal_bild {
        width: 88% !important;
    }

    .main {
        width: 100vw !important;
        margin: 0px !important;
        padding: 0px !important;
        height: auto !important;
        overflow: scroll !important;
        left: 0px !important;
        right: 0px !important;
        top: 0px !important;
        bottom: 0px !important;
    }

    .responsive {
        margin-left: 44px;
    }

    /*    .inline-checkbox {
        margin-left: -99px !important;
        width: 100% !important;
    }*/

}

@media only screen and (min-device-width: 540px) and (max-device-width: 720px) {
    .modal_bild {
        margin-left: 33px;
    }
}

@media only screen and (min-device-width: 600px) and (max-device-width: 1024px) {
    .responsive {
        width: 80% !important;
    }
}

@media only screen and (min-device-width: 820px) and (max-device-width:1180px) {
    .inline-checkbox {
        //margin-left: -44px !important;
        width: 100% !important;
    }

    .modal_bild {
        width: 77% !important;

    }


}

@media only screen and (min-device-width: 912px) and (max-device-width:1386px) {


    .fieldname1 {
        width: 100vw !important;
    }

    .modal_bild {
        width: 70vw !important;
        margin: 0px !important;
        padding: 0px !important;
        left: 0px !important;
        right: 0px !important;
        overflow: hidden !important;
    }

    .main {
        width: 100vw !important;
        margin: 0px !important;
        padding: 0px !important;
        left: 0px !important;
        right: 0px !important;
        overflow: hidden !important;

    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    .modal_bild {
        width: 100% !important
    }
}

.main {
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

@media only screen and (min-device-width: 540px) and (max-device-width:720px) {

    .erster_teil_modal {
        width: 94% !important;
    }

    .modal_bild {
        margin-left: -44px !important;
    }

    .title_size {
        font-size: 33px !important;
        font-weight: 400 !important;

    }


    .sub_title_size {
        font-size: 18px !important;

    }

}

@media only screen and (min-device-width: 912px) and (max-device-width:1386px) {
    .erster_teil_modal {
        width: 80% !important;
    }

}

@media only screen and (min-device-width: 700px) and (max-device-width:1180px) {

    .erster_teil_modal {
        width: 82% !important;
    }

    .modal_bild {
        width: 80% !important;
    }

    .main {
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .zweiter_teil_modal {
        width: 80% !important;
    }


    .centralize {
        left: 33px !important;
    }

    .title_size {
        font-size: 33px !important;
        font-weight: 400 !important;

    }

    .sub_title_size {
        font-size: 18px !important;

    }
}

@media only screen and (max-device-width: 450px) {

    .erster_teil_modal {
        width: 104% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .main {
        margin: 0 !important;
        padding: 0 !important;
    }

    .title_size {
        font-size: 33px !important;
        font-weight: 400 !important;

    }

    .sub_title_size {
        font-size: 18px !important;

    }

    .modal_bild {
        margin-left: 31px !important
    }


    .xtitle_size {
        font-size: 26px !important;
        font-weight: 400 !important;

    }


    .xsub_title_size {
        font-size: 26px !important;
        font-weight: 400 !important;

    }
}

.zweiter_teil_modal {
    font-size: 13px !important;

}

.modal-title {
    text-align: center !important;
}

.title_size {
    font-size: 2.4vw;
}



@media only screen and (min-device-width: 600px) and (max-device-width: 1024px) and (orientation:landscape) {
    .modal_container {
        width: 128% !important;
        left: -144px !important;

    }

}

@media only screen and (min-device-width: 1280px) {
    .modal_container {
        width: 138% !important;
        left: -244px !important;
        margin: 0 !important;
    }

    .modal_bild {
        width: 88% !important;
    }

}

@media only screen and (min-device-width:1281px) {
    .modal_container {
        width: 100% !important;
        overflow: auto !important;
        margin-left: 14% !important;
    }
}

input::placeholder {
    font: 13px/3 sans-serif;
}

/*.sticky {
    position: fixed !important;
    top: 44% !important;
}*/

/*@media (max-width: 979px) {
    .sticky_div {
        position: sticky !important;

    }
}*/



/* Create two equal columns that floats next to each other */
.xcolumn {
    float: left !important;
    width: 25% !important;
    padding: 10px !important;
    margin: 0 !important;
    ;
}

/* Clear floats after the columns */
.info_table:after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 777px) {
    .xcolumn {
        width: 100% !important;
    }
}

@media screen and (min-width: 777px) and (max-width:999px) {
    .xcolumn {
        width: 50% !important;
    }
}

.auto_info {
    font-size: 40px;
}

.xauto_info {
    float: right;
}




/* Table */
table {
    //border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 95%;
    table-layout: fixed;
    margin-left: auto;
    margin-right: auto;
}

table caption {
    font-size: 1.5em;
    margin: .5em 0 .75em;
}

table tr {
    //background-color: #f8f8f8;
    border-bottom: 1px solid #ddd;
    padding: .35em;
}

table th,
table td {
    padding: .625em;
}

table th {
    font-size: .99em;
    letter-spacing: .2px;
    //text-transform: uppercase;
    text-align: left;
}

@media screen and (max-width: 1024px) {
    table {
        border: 0;
    }

    table caption {
        font-size: 1.3em;
    }

    table thead,
    table th {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    table tr {
        //border-bottom: 3px solid #ddd;
        display: block;
        //margin-bottom: .625em;
    }

    table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
    }

    table td::before {
        /*
      * aria-label has no advantage, it won't be read inside a table
      content: attr(aria-label);
      */
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    table td:last-child {
        border-bottom: 0;
    }

    .ausstattung {
        text-align: left;
    }

    .xausstattung {
        display: none;
    }

    table td {
        text-align: right;
    }

    .bemerkung {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        font-size: .8em;
    }

    .weitere_info {
        font-size: .8em;
    }

    .contact_font {
        font-size: .8em !important;

    }


}


.bemerkung {
    width: 94% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    //background-color: #f8f8f8;
    //border: .5px solid #ccc;
    padding: 2px;

}

.weitere_info {
    width: 94% !important;
}

#font_size {
    font-size: 29px !important;
}

.contact {
    width: 94% !important;
    //border: .5px solid rgb(224, 223, 223) !important;
    //background: #5c5b59 !important;
    padding: 8px !important;
    border-radius: 8px !important;
    //box-shadow: 0px 10px 10px -8px rgba(143, 147, 151, 0.75) !important;
    box-shadow: 0px 10px 30px -8px rgba(6, 33, 62, 0.75) !important;
    //text-shadow: 0px 4px 3px lightgray, 0px 8px 13px gray, 0px 18px 23px gray;
    //text-shadow: 0px 4px 3px lightgray, 0px 8px 18px gray, 0px 18px 66px gray;
    font-size: 16px !important;
    color: white !important;

    /* From https://css.glass */
    /*    background: rgba(255, 255, 255, 0.2) !important;
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;*/
}


.sub_title_size {
    margin-bottom: 22px !important;
}

.datenschutz {
    font-size: 15px;
    color: dimgrey;
    font-weight: 400;
    text-align: left;
    text-justify: none;
    margin-bottom: 15px;
    //padding-left: 16%;
    //padding-right: 16%;
}

@media screen and (max-width:600px) {
    .datenschutz {

        padding-left: 0%;
        padding-right: 0%;
        padding-top: 0%;

    }

    .datenschutz_div {
        width: 100%;
        font-size: 15px;

    }
}


.datenschutz_div {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: left;
    justify-content: left;
    padding-bottom: 20px;
}

@media screen and (min-width:768px) {
    .zustimmung_klasse {
        width: 88% !important;
    }
}

@media screen and (min-width:912px) and (max-width:1368px) {
    .zustimmung_klasse {
        width: 79% !important;
    }
}

.Ahb_address {
    margin-left: 36px;
}



.kontakt {
    text-align: left;
}



@media screen and (max-width:280px) {
    .carousel {
        margin-left: -22px !important;
    }
}

@media screen and (min-width:760px) {
    .carousel {
        margin-left: -22px !important;
    }
}

@media screen and (min-width:1280px) {
    .carousel {
        margin-left: -4px !important;
    }
}

/* Carousel */
/*.carousel-item:hover {
    cursor: grab;
}

.carousel-caption {
    display: flex;
    flex-direction: column;
    justify-content: center;
    top: 0;
    bottom: 0;
}

.carousel-caption h2,
.carousel-caption p.lead {
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
}

.carousel-indicators li {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 100%;
    align-self: center;
    transition: all 0.6s ease-in-out;
}

.carousel-indicators li.active {
    width: 1rem;
    height: 1rem;
}

.carousel-control-prev,
.carousel-control-next {
    top: 50%;
    transform: translateY(-50%);
    width: 3rem;
    height: 3rem;
    border: 2px solid #fff;
    border-radius: 100%;
}

.carousel-control-prev {
    left: 10px;
}

.carousel-control-next {
    right: 10px;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
    background: #000;
    color: #000;
}*/

.responsive:hover {
    cursor: pointer;
}

@media screen and (max-width:280px) {

    /*    .grid_view,
    .cont {
        width: 100vw !important;
        margin: 0 !important;
        padding: 0 !important;
        background-color: white;
    }*/
    .cont {
        width: 94vw !important;
        /* margin-left: -54% !important; */
    }

}

.red_option {
    color: red;
}

@media (min-width: 1281px) {

    .zahlung,
    .beschreibung,
    .kontakt,
    .probefahrt {
        display: flex !important;
        flex-wrap: wrap !important;
        flex-flow: row !important;
        align-items: center !important;
        width: 18% !important;
    }

    .email-ico {
        width: 25px;
        height: 25px;
        margin-top: -5px !important;
        margin-left: 12px !important;
    }

    .cal-ico {
        width: 25px;
        height: 25px;
        margin-top: -5px !important;
        margin-left: 12px !important;
    }

    .doc-ico {
        width: 25px;
        height: 25px;
        margin-top: -5px !important;
        margin-left: 10px !important;
    }

}

option:hover {
    box-shadow: 0 0 10px 100px #1882A8 inset !important;
    color: black !important;
}

@media (max-width:546px) {

    .but_next,
    .but_prev,
    .grid,
    .list {
        margin-top: 12px !important;
    }

}

.container {
    cursor: default !important;
}

.xanzahl {
    margin-top: -44px !important;
}

@media (max-width: 1480px) {
    .range {
        width: 22% !important;
    }

}

@media (max-width: 1070px) {
    .range {
        width: 44% !important;
    }

}

@media (max-width: 888px) {
    .range {
        width: 66% !important;
        margin-top: -22px !important;
    }

}

@media (max-width: 550px) {
    .range {
        width: 77% !important;
        margin-top: 18px !important;
    }

}

@media (max-width: 316px) {
    .range {
        width: 100% !important;
    }

}

@media (max-width:1447px) {

    /*div {
        height: max-content !important;
    }*/
}

@media (max-width:467px) {

    .neuer_ansatz {
        width: 100% !important;
    }
}

@media (max-width:377px) {

    .zweites_bild_grid {
        width: 88px !important;
        height: auto !important;
        margin-left: -22px;
    }

    .align {
        padding: 0px !important;
        width: 88vw !important;
        margin: 0 !important;
    }
}

/*@media (min-width:414px) and (max-width:452px) {
   

    .align {
        left: -44px !important;
    }
}*/

@media (min-width:377px) and (max-width:450px) {

    .xalign {
        padding: 8px !important;
        width: 100vw !important;
        margin: 0 !important;
        bottom: -33px !important;
    }

    .neuer_ansatz,
    .align {
        padding: 0px !important;
        width: 100vw !important;
        margin: 0 !important;
        left: -22px !important;
    }

    .kachel_carousel {
        width: 100vw !important;
    }

    .hr {
        background-color: white !important;
    }

    .zweites_bild_grid {
        width: 88px !important;
        height: auto !important;
        margin-left: -22px
    }

    select {
        padding: 8px !important
    }

    .steering-ico {
        width: 22px !important;
        height: auto;
        margin-top: -5px !important;
        margin-left: -26px !important;
    }
}

@media (min-width:1020px) {
    .sticky_div {
        right: 42px !important;
    }
}


@media (min-width:459px) and (max-width:1271px) {
    .steering-ico {
        width: 22px !important;
        height: auto;
        margin-top: -5px !important;
        margin-left: -14px !important;
    }
}

@media (min-width:1271px) {
    .steering-ico {
        width: 22px !important;
        height: auto;
        margin-top: -5px !important;
        margin-left: 10px !important;
    }
}

.sticky_div {
    //position: fixed !important;
    //bottom: 0;
    //right: 0;
    z-index: 1
}



.carousel .carousel-control-prev-icon {
    width: 22px;
    height: 22px;
    filter: invert(100%);
    //background-color: black;
    //border-radius: 50%;
    z-index: 0;
}

.carousel .carousel-control-next-icon {
    width: 22px;
    height: 22px;
    filter: invert(100%);
    //background-color: black;
    //border-radius: 50%;
    z-index: 0;

}

.sidebar {
    margin: 0;
    padding: 0;
    width: 200px;
    background-color: #f1f1f1;
    position: fixed;
    height: 100%;
    overflow: auto;
}

.sidebar a {
    display: block;
    color: black;
    padding: 16px;
    text-decoration: none;
}

.sidebar a.active {
    background-color: #04AA6D;
    color: white;
}

.sidebar a:hover:not(.active) {
    background-color: #555;
    color: white;
}

div.content {
    margin-left: 200px;
    padding: 1px 16px;
    height: 1000px;
}

@media screen and (max-width: 700px) {
    .sidebar {
        width: 100%;
        height: auto;
        position: relative;
    }

    .sidebar a {
        float: left;
    }

    div.content {
        margin-left: 0;
    }
}

@media screen and (max-width: 400px) {
    .sidebar a {
        text-align: center;
        float: none;
    }
}

/* OWL CAROUSEL */

#news-slider {
    margin-top: 80px;
}

.post-slide {
    background: #fff;
    margin: 20px 15px 20px;
    border-radius: 15px;
    padding-top: 1px;
    box-shadow: 0px 14px 22px -9px #bbcbd8;
}

.post-slide .post-img {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin: -12px 15px 8px 15px;
    margin-left: -10px;
}

.post-slide .post-img img {
    width: 100%;
    height: auto;
    transform: scale(1, 1);
    transition: transform 0.2s linear;
}

.post-slide:hover .post-img img {
    transform: scale(1.1, 1.1);
}

.post-slide .over-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background: linear-gradient(-45deg, rgba(6, 190, 244, 0.75) 0%, rgba(45, 112, 253, 0.6) 100%);
    transition: all 0.50s linear;
}

.post-slide:hover .over-layer {
    opacity: 1;
    text-decoration: none;
}

.post-slide .over-layer i {
    position: relative;
    top: 45%;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 25px;
}

.post-slide .post-content {
    background: #fff;
    padding: 2px 20px 40px;
    border-radius: 15px;
}

.post-slide .post-title a {
    font-size: 15px;
    font-weight: bold;
    color: #333;
    display: inline-block;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.post-slide .post-title a:hover {
    text-decoration: none;
    color: #3498db;
}

.post-slide .post-description {
    line-height: 24px;
    color: #808080;
    margin-bottom: 25px;
}

.post-slide .post-date {
    color: #a9a9a9;
    font-size: 14px;
}

.post-slide .post-date i {
    font-size: 20px;
    margin-right: 8px;
    color: #CFDACE;
}

.post-slide .read-more {
    padding: 7px 20px;
    float: right;
    font-size: 12px;
    background: #2196F3;
    color: #ffffff;
    box-shadow: 0px 10px 20px -10px #1376c5;
    border-radius: 25px;
    text-transform: uppercase;
}

.post-slide .read-more:hover {
    background: #3498db;
    text-decoration: none;
    color: #fff;
}

.owl-controls .owl-buttons {
    text-align: center;
    margin-top: 20px;
}

/*
.owl-controls .owl-buttons .owl-prev {
    background: #fff;
    position: absolute;
    top: -13%;
    left: 15px;
    padding: 0 18px 0 15px;
    border-radius: 50px;
    box-shadow: 3px 14px 25px -10px #92b4d0;
    transition: background 0.5s ease 0s;
}

.owl-controls .owl-buttons .owl-next {
    background: #fff;
    position: absolute;
    top: -13%;
    right: 15px;
    padding: 0 15px 0 18px;
    border-radius: 50px;
    box-shadow: -3px 14px 25px -10px #92b4d0;
    transition: background 0.5s ease 0s;
}*/

.owl-controls .owl-buttons .owl-prev:after,
.owl-controls .owl-buttons .owl-next:after {
    /*    content: '\f104';
    font-family: FontAwesome;
    color: #333;
    font-size: 30px;*/
}

.owl-controls .owl-buttons .owl-next:after {
    //content: '\f105';
}

@media only screen and (max-width:1280px) {
    .post-slide .post-content {
        padding: 0px 15px 25px 15px;
    }
}


#news-slider {
    margin-top: 80px;
}

.post-slide {
    background: #fff;
    margin: 20px 15px 20px;
    border-radius: 15px;
    padding-top: 1px;
    box-shadow: 0px 14px 22px -9px #bbcbd8;
}

.post-slide .post-img {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin: -12px 15px 8px 15px;
    margin-left: -10px;
}

.post-slide .post-img img {
    width: 100%;
    height: auto;
    transform: scale(1, 1);
    transition: transform 0.2s linear;
}

.post-slide:hover .post-img img {
    transform: scale(1.1, 1.1);
}

.post-slide .over-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background: linear-gradient(-45deg, rgba(6, 190, 244, 0.75) 0%, rgba(45, 112, 253, 0.6) 100%);
    transition: all 0.50s linear;
}

.post-slide:hover .over-layer {
    opacity: 1;
    text-decoration: none;
}

.post-slide .over-layer i {
    position: relative;
    top: 45%;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 25px;
}

.post-slide .post-content {
    background: #fff;
    padding: 2px 20px 40px;
    border-radius: 15px;
}

.post-slide .post-title a {
    font-size: 15px;
    font-weight: bold;
    color: #333;
    display: inline-block;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.post-slide .post-title a:hover {
    text-decoration: none;
    color: #3498db;
}

.post-slide .post-description {
    line-height: 24px;
    color: #808080;
    margin-bottom: 25px;
}

.post-slide .post-date {
    color: #a9a9a9;
    font-size: 14px;
}

.post-slide .post-date i {
    font-size: 20px;
    margin-right: 8px;
    color: #CFDACE;
}

.post-slide .read-more {
    padding: 7px 20px;
    float: right;
    font-size: 12px;
    background: #2196F3;
    color: #ffffff;
    box-shadow: 0px 10px 20px -10px #1376c5;
    border-radius: 25px;
    text-transform: uppercase;
}

.post-slide .read-more:hover {
    background: #3498db;
    text-decoration: none;
    color: #fff;
}

.owl-controls .owl-buttons {
    text-align: center;
    margin-top: 20px;
}

.owl-controls .owl-buttons .owl-prev {
    background: #fff;
    position: absolute;
    top: -13%;
    left: 15px;
    padding: 0 18px 0 15px;
    border-radius: 50px;
    box-shadow: 3px 14px 25px -10px #92b4d0;
    transition: background 0.5s ease 0s;
}

.owl-controls .owl-buttons .owl-next {
    background: #fff;
    position: absolute;
    top: -13%;
    right: 15px;
    padding: 0 15px 0 18px;
    border-radius: 50px;
    box-shadow: -3px 14px 25px -10px #92b4d0;
    transition: background 0.5s ease 0s;
}


/* NEW TRY */
.kachel_carousel .item {
    margin-right: 16px !important;
    cursor: pointer;
    height: max-content;
    //background: linear-gradient(to top, rgb(254, 255, 255) 44%, rgb(234, 234, 234) 100%);
    box-shadow: 0 0 16px -4px silver;
    border: 1px solid lightgray;
}

@media (min-width:1450px) {
    .kachel_carousel {
        width: 77% !important;
    }
}



/* CARD 1450*/


/* NEW TRY END */

@media (max-width:450px) {

    .xalign {
        padding: 8px !important;
        width: 100vw !important;
        margin: 0 !important;
        bottom: -33px !important;
    }
}

@media (max-width:400px) {

    .xalign {
        padding: 8px !important;
        width: 100vw !important;
        margin: 0 !important;
        bottom: -22px !important;
    }
}

@media (max-width:340px) {

    .xalign {
        padding: 8px !important;
        width: 100vw !important;
        margin: 0 !important;
        bottom: -6px !important;
    }
}

@media (max-width:1150px) {
    .hr {
        background-color: transparent !important;
    }

    .xalign {
        top: -8px !important;
    }
}

.item {

    /*border-right: 1px solid #d9d9d8;
    border-left: 1px solid #d9d9d8;*/
    border-radius: 12px;

}



/*@media (min-width:343px) {
    .xalign {

        bottom: -22px !important;
    }
}*/

.verbrauch_div {
    height: max-content !important;
}

@media (max-width:555px) {
    .angebot_text {
        font-size: 22px !important;
    }

}

@media (min-width:555px) {
    .angebot_text {
        font-size: 30px !important;
    }

}

@media (max-width:460px) {
    .angebot_text {
        font-size: 18px !important;
    }

    .owl-prev,
    .owl-next {
        top: -30px !important;
        background-color: transparent !important;
        padding: 0;
    }

}

/* FOR CLAUS, ALTHOUGH THERE IS NO MOBILE DEVICE WITH THE GIVEN SIZE */
@media (min-width: 566px) and (max-width: 617px) {
    .erstes_bild_grid {
        margin-top: -16px !important;
        width: 444px;
        margin-right: -88px !important;
    }
}

@media (min-width:888px) {
    .responsive {
        width: 44% !important;
    }
}

.fas {
    filter: contrast(0) !important;
}

.fas:hover {
    filter: contrast(0) !important;

}

/* 30.11.2022 */
@media (min-width: 560px) and (max-width: 1340px) {

    .grid_view,
    .align,
    .neuer_ansatz,
    .text,
    .preis_div {
        height: max-content !important;
    }

    .preis_div {
        padding-bottom: 11px !important;
    }

}

@media (max-width:1777px) {
    .hr {
        background-color: white !important;
    }
}


/* NEW CHANGES  */
/*.nav_buttons {
    margin-top: -30px;
    margin-left: 333px;
}

.anzahl {
    margin-right: 222px;
}*/

.nav_div {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*.nav_div:first-child {
    bottom: -244px;
}*/

.nav_flex {
    margin-bottom: 18px !important;
}

@media (max-width:547px) {
    .nav_flex {
        margin-bottom: 30px !important;
    }
}

@media (max-width:552px) {
    .range {
        margin-top: -22px !important;
    }

    .nav_div {
        margin-bottom: -44px !important;

    }
}

.nav_div {
    margin-bottom: -44px !important;

}

@media (max-width:300px) {

    /*    .nav_flex {
        width: 50% !important;
    }

    .xanzahl,
    .anzahl {
        width: 50% !important;
    }*/

    .nav_div {
        width: max-content !important;
    }

    .but_next,
    .but_prev {
        width: max-content !important;
    }
}

/* 01.12.2022 */

@media (min-width: 565px) and (max-width: 610px) {
    .erstes_bild_grid {
        width: 88% !important;
        margin-left: -88px !important;
        margin-top: 8px !important
    }
}

@media (min-width: 617px) and (max-width: 850px) {

    .erstes_bild_grid {
        width: 88% !important;
        margin-left: -8px !important;
        margin-top: 8px !important
    }
}

@media (min-width: 850px) {
    .erstes_bild_grid {
        margin-left: 0 !important;

    }
}

@media (min-width: 611px) and (max-width: 617px) {

    .erstes_bild_grid {
        width: 88% !important;
        margin-left: -88px !important;
        margin-top: 8px !important
    }
}

@media (min-width: 480px) and (max-width: 576px) {

    .cont {
        margin-left: -22px !important;
    }

}

@media (min-width: 576px) and (max-width: 850px) {

    .cont {
        margin-left: -10px !important;

    }

    .set_counter {
        padding: -18px !important;
    }

}

@media (min-width: 415px) and (max-width: 451px) {

    .cont {
        width: 122% !important;
        margin-left: -35px !important;
    }

    .align {
        padding-left: 16px !important;
    }

    .zweites_bild_grid {
        margin-left: -22px !important;
    }

}

@media (max-width:322px) {

    .zweites_bild_grid {
        margin-left: -26px !important;
    }
}

@media (max-width:229px) {

    div {
        height: max-content !important;
    }
}

@media (max-width:278px) {

    #bild_carousel {
        width: 100vw !important;
    }
}

@media (min-width:200px) and (max-width:233px) {

    #bild_carousel {
        width: 100vw !important;
        margin-left: 4px !important;
    }

    .title_size,
    .sub_title_size {
        margin-left: 55px !important;

    }
}

@media (max-width:200px) {

    #bild_carousel {
        width: 100vw !important;
        margin-left: 11px !important;
    }

    .title_size,
    .sub_title_size {
        margin-left: 55px !important;

    }
}


@media (min-width:279px) and (max-width:355px) {

    #bild_carousel {
        width: 100vw !important;
        align-content: center !important;
        align-items: center !important;
        left: -10px !important;
    }


}


@media (max-width:480px) {
    .steering-ico {
        width: 22px !important;
        height: auto;
        margin-top: -5px !important;
        margin-left: -26px !important;
    }
}

@media (max-width:390px) {
    .cont {
        width: 92vw !important;
        /* margin-left: -46% !important; */
    }
}

@media (max-width:281px) {
    .align {
        height: max-content !important;
    }
}

/* 12.12.2022 */
.xerstes_bild_grid {
    width: 98%;
    margin-left: 2px;

}

@media (min-width:415px) and (max-width:480px) {

    #bild_carousel {
        width: 100vw !important;
        align-content: center !important;
        align-items: center !important;
        left: 46px !important;
    }


}

/* 02.12.2022 */
@media (max-width:1281px) {

    .email-ico,
    .doc-ico,
    .cal-ico,
    .steering-ico {
        margin-top: 0 !important;
        margin-left: 2px !important;
    }

    /* 12.12.2022 */

    /*    .sticky_div {
        margin-bottom: 44px !important;
    }*/
}


/* 05.12.2022 */
.tel {
    //text-decoration: none !important;
    color: white !important;
}

@media (min-width:1800px) {
    .xerstes_bild_grid {
        width: 94% !important;
        margin-left: 3% !important;
        height: 100% !important
    }

    .text {
        position: relative;
    }
}

@media (max-width:555px) {
    .xerstes_bild_grid {
        height: max-content !important;

    }
}

/* 12.12.2022 */
@media (min-width:320px) and (max-width:480px) {
    /*    .anzahl {
        width: 88% !important;
    }*/

    /*    .nav_div {
        width: 108vw !important;
        margin-left: -3% !important;
    }*/



    /*.but_next,
    .but_prev {
        width: 44% !important;
    }

    .but_prev {
        margin-left: -18px !important
    }

    .but_next {
        margin-left: 4px !important
    }

    .nav_buttons {
        width: 110vw !important
    }*/
}

@media only screen and (min-width: 390px) and (max-width: 767px) {
    /*    .sticky_div {
        width: 66%;
    }*/

    tr {
        border-bottom: transparent !important;
    }

    .neuer_ansatz {
        clear: both !important;
    }
}

.xerstes_bild_grid {
    object-fit: contain !important;
    clear: both !important;
    height: auto !important;
}

/*.energy_div {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-items: center;
    align-items: flex-end;
    max-width: 11% !important;

}*/

/*.energie_bild {

    object-fit: contain !important;
    clear: both !important;
    height: auto !important;

}*/

.neuer_ansatz {
    display: flex;
    flex-direction: row;
    justify-content: start;
    flex-wrap: wrap;
    //max-width: 366px;
    clear: both !important;
}

@media (max-width: 888px) {

    tr {
        border-bottom: transparent !important;
    }

}

.finanzierung {
    display: inline-block;
    text-align: center !important;
}

@media (max-width:666px) {

    .zahlung,
    .beschreibung,
    .probefahrt,
    .kontakt {
        display: inline-block;
        text-align: center !important;
    }

    .email-ico {
        width: 25px;
        height: 25px;
        margin-top: -5px !important;
        margin-left: -124px !important;
    }

    .cal-ico {
        width: 22px !important;
        height: auto;
        margin-top: -5px !important;
        margin-left: -70px !important;
    }

    .doc-ico {
        width: 22px !important;
        height: auto;
        margin-top: -5px !important;
        margin-left: -29px !important;

    }

    .steering-ico {
        width: 22px !important;
        height: auto;
        margin-top: -5px !important;
        margin-left: -68px !important;
    }

    .align {
        display: flex;
        flex-direction: row;
        justify-content: start;
        flex-wrap: wrap;
        max-width: 366px;
        clear: both !important;
    }

    .xtext {
        margin-left: 16px;
    }

    .zweites_bild_grid {
        margin-left: -24px;
        margin-top: -8px;
    }
}

@media (min-width:2000px) {
    .xerstes_bild_grid {
        height: 88% !important;
    }
}

@media (max-width:422px) {

    .xerstes_bild_grid {
        width: 100% !important;
        margin-left: -1px !important;

    }


    .image_cont {
        height: 277px;
    }
}

.image_cont {
    height: 300px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin-top: -11px !important;
}

@media (max-width:375px) {
    .neuer_ansatz {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        padding: 2px;
    }

    .xtext {
        width: 88%;
    }
}


#xfont_size {
    font-size: 20px !important;
}

/* 14.12.2022 */

.set_counter {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: stretch;
    width: 100%;
}

/*@media (max-width:494px) {
    .preis_div {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        height: max-content !important;

    }


}*/

.align,
.preis_div {
    width: 100%;
    /*    align-self: stretch;
    align-items: stretch;*/
}

.zweiter_teil_modal,
.erstes_bild_grid,
.eec {
    object-fit: contain;
}

/* 20.12.2022 */
@media (min-width:2500px) {
    .set_counter {
        height: 34vw !important
    }
}

@media (min-width:767px) and (max-width:1783px) {
    .set_counter {
        height: 777px !important;

    }

    .wltp {
        height: 188px !important;
    }
}

@media (min-width:1784px) and (max-width:1857px) {
    .set_counter {
        height: 722px !important;
    }
}

@media (min-width:864px) and (max-width:992px) {
    .set_counter {
        height: 888px !important;
    }
}

@media (max-width:296px) {
    .set_counter {
        height: 777px !important;

    }

    .wltp {
        height: 190px !important;
    }
}

@media (min-width:1857px) and (max-width:2499px) {

    /*.set_counter {
        height: 788px !important;
    }*/

    /* 21.12.2022 */
    .set_counter {
        height: 818px !important;
    }



}


/* 23.12.2022 DN */
.eec {
    object-fit: contain;
    width: 100px;
    height: 100px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.ximage_cont {
    top: -142px;
    height: 444px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
    align-content: center !important;

}

/* DN 10.01.2023 */
.item {
    height: 933px !important;
}

/* DN 10.01.2023 */


@media (min-width:777px) {
    .ximage_cont {
        margin-left: 40% !important;
    }
}

@media (min-width:426px) and (max-width:776px) {
    .ximage_cont {
        margin-left: 39% !important;
    }
}

@media(max-width:425px) {
    .ximage_cont {
        margin-left: 34% !important;
    }
}

/*

@media (max-width:777px) {
    .ximage_cont {
        left: 31%;
    }
}*/

@media (min-width:509px) and (max-width:600px) {
    .xerstes_bild_grid {
        width: 444px;
        height: 444px;
    }
}

@media (min-width:100px) and (max-width:555px) {
    .set_counter {
        height: 844px !important;
    }

    .wltp {
        margin-left: 0 !important;
        padding: 0 !important;
        margin-top: -11px !important
    }
}

.wltp {
    margin-left: 0 !important;
    padding: 0 !important;
}

/* 09.01.2023 */
@media (min-width:827px) {

    .hauptfeld,
    .position_anpassung {
        margin-top: 90px !important;
    }
}

.rows {
    text-align: center !important;
}

/* DN 10.01.2023 */
@media (max-width:400px) {
    .ximage_cont {
        margin-top: 0 !important;
    }


}



/* DN 11.01.2023 */
@media (max-width:302px) {
    .set_counter {
        height: 999px !important;
        margin-top: -88px !important;
    }

    .wltp {
        margin-top: -22px !important;
    }
}

/* 16.01.2023 */

@media (min-width:1300px) {
    .set_counter {
        height: 900px !important;
    }

    .wltp {
        margin-bottom: 11px !important;
    }
}

/* 20.03 */
/* #loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #3498db;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
} */

/* DN - 16.11.2023 */

@media (min-width: 2600px) {
    .set_counter {
        height: 88vh !important;
        margin:17px !important;
    }


}