input[type="radio"] {
    align-self: start;
}

.btn-radio,
.btn-radio--hoch {
    margin-top: 3px;
}

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

    .gridcontainer-Kopf {
        display: flow-root;
        position: relative;
    }

    .Kopf .KopfLogo {
        float: left;
        margin-right: 10px;
    }

    .Kopf .KopfLogo img {
        display: block;
        float: none;
    }

    .NavBtn {
        display: none;
    }

    /*.gridNavBtn-1,*/
    .gridNavBtn-9 {
        display: block;
        float: left;
        max-width: 64px;
    }

    .gridNavBtn-9 {
        float: right;
        max-width: 80px;
    }

    .KopfVideo {
        display: none;
    }

    .gridTapeSeite,
    .gridTapeSeite_intero,
    .gridProfilSeite {
        display: grid;
        grid-template-rows: auto;
        grid-gap: 10px;
    }

    .gridTapeSeite {
        grid-template-columns: repeat(4, calc(25% - 8px));
        grid-template-areas:
            "premium basic eco dynamic"
            "feucht rgb flaeche.";
    }

    .gridTapeSeite_intero {
        grid-template-columns: repeat(4, calc(25% - 8px));
        grid-template-areas:
            "premium basic eco dynamic"
            "feucht rgb flaeche intero";
    }

    .gridProfilSeite {
        grid-template-columns: repeat(3, calc(33.3% - 7px));
        ;
        grid-template-areas: none;
    }

    .ProfilSeiteMenueBox {
        grid-area: auto;
    }

    .gridTapeSeite,
    .gridTapeSeite_intero,
    .gridProfilSeite {
        padding: 10px 0;
    }

    .TapeSeiteMenueBox,
    .ProfilSeiteMenueBox {
        width: 100%;
        min-height: 0;
    }

    .tapeSeiteMenueBox-bild,
    .ProfilSeiteMenueBox-bild {
        width: 100%;
        height: auto;
    }

    .tapeSeiteMenueBox-title,
    .tapeSeiteMenueBox-text,
    .tapeSeiteMenueBox-title--aktiv,
    .tapeSeiteMenueBox-text--aktiv,
    .ProfilSeiteMenueBox-title,
    .ProfilSeiteMenueBox-text,
    .ProfilSeiteMenueBox-title--aktiv,
    .ProfilSeiteMenueBox-text--aktiv {
        width: 100%;
        overflow: hidden;
    }

    .TapeSeiteMenueBox:hover,
    .ProfilSeiteMenueBox:hover {
        background: white;
    }

    .AuswahlGruppe,
    .ProfilAuswahlGruppe {
        display: block;
    }

    .AuswahlGruppe>div,
    .ProfilAuswahlGruppe>div {
        display: block;
        padding: 10px 15px;
        margin-bottom: 15px;
    }

    .AuswahlGruppe>div.leuchtenartAuswahl,
    .AuswahlGruppe>div.ProfilAuswahl {
        margin-left: 0;
    }

    .LedAuswahlBox,
    .ProfilAuswahlBox {
        height: 100%;
    }

    .ledAuswahlBox-bild,
    .ProfilAuswahlBox-bild {
        max-width: 25%;
    }

    .ledAuswahlBox-titel--aktiv {
        font-size: 1rem;
        padding-top: 0.2rem;
        margin-left: 15px;
        margin-top: 3px;
    }

    .lichtfarbeBox-titel--aktiv {
        font-size: 0.8rem;
        padding-top: 0.3rem;
        margin-left: 15px;
        margin-top: 5px;
    }

    .AuswahlGruppe>div.leuchtenartAuswahl {
        padding: 0;
        background: transparent;
    }

    #LeuchtartAusw,
    #LeitartAusw,
    #RolleLaengeAusw,
    #box_laengenAuswahl

    /*, #btnTeilst, #buttonProfilauswahl*/
        {
        padding: 10px 15px;
        margin-bottom: 15px;
        background-color: #F2F2F2;
    }

    .box_laengenAuswahl {
        max-width: inherit;
        margin: 0;
    }

    .hrLinie,
    .hrLinieProfil {
        width: 100%;
    }

    /*.imgGross {
        flex-direction: column;
    }

    .imgGross figure img {
        width: 100% !important;
    }

    .imgGross #zBild img {
        margin-top: 20px;
        margin-bottom: -100px;
    }

    .imgGross #grBild img {
        margin-bottom: 20px;
    }*/

    .imgGross {
        display: none !important;
    }

    .AbdeckungAuswahl,
    .Befestigungsartauswahl {
        margin-left: 0;
    }

    .Kabeleinf,
    .BefestigArt {
        width: auto;
    }

    #tapeAuswahl .imgMehrteilig {
        display: none !important;
    }

    .BefestigArt-label {
        float: none;
        width: auto;
        height: auto;
        min-height: 50px;
    }

    .BefestigArt-label--aktiv {
        width: auto;
        height: auto;
        min-height: 50px;
    }

    .BohrungAuswahlBox {
        position: relative;
        height: auto;
        padding-bottom: 10px;
    }

    .BohrAusw-box {
        margin-top: 30px;
    }

    .BohrAusw-titel {
        width: 100%;
        margin-top: 35px;
    }

    .BohrungAuswahlBox label {
        position: absolute;
        top: 15px;
        left: 0;
    }

    .buttonProfil,
    .buttonZub {
        font-size: 14px;
        width: 194px;
        /* width: 275px; */
    }

    #gridTitelErgebnis {
        display: none;
    }

    .ZubehoerAuswahlGruppe {
        display: block;
    }

    .TrafoAuswahl {
        grid-template-rows: auto;
    }

    h3.TrafoAusw-titel,
    h3.DimmerAusw-titel,
    h3.fernbAusw-titel {
        font-size: 14px;
    }

    .imgGrossZub,
    .imgGrossDim {
        display: none !important;
    }

    .TrafoAuswahl,
    .DimmerAuswahl,
    .fernbAuswahl {
        margin-left: 0;
        margin-top: 20px;
        padding: 1px 10px 10px 10px;
    }

    .btnProf {
        padding: 0 0 10px 0;
    }

     .ZusammenfassungGruppe {
        display: block;
    }
    
    .kopfZus,
    .TapeZus,
    .kopfZusPreis--zweispaltig,
    .ProfZus {
        padding-top: 1px;
        margin-top: 20px;
    }

    .ProfZus {
        margin-left: 0;
    }


    .zubGesambez,
    .Leuchteneinzelpreis-text {
        font-size: 14px;
    }

    .Leuchtengesamtpreis-text {
        font-size: 16px;
    }

    .TapeZusBox,
    .ProfZusBox {
        display: block;
    }

    /* .TapeZusBox-Textteil {
        height: auto;
    } */

    .TapeZusBox-titel,
    .ProfZusBox-titel,
    .leitZusBox-Text_Mehrteilig {
        margin-left: 0;
        width: auto;
    }

    .TapeZusBox-Textteil {
        position: static;
        margin: 10px 0;
        height: auto;
    }

    .btnLichtfarbe {
        position: static;
        margin: 10px 0;
        width: 194px;        
    }

    .buttonProfil {
        margin: 10px 0;
    }

    .kopfZub-Tape {
        margin-left: 0;
    }

    .ZubehoerZus-Tape {
        margin-left: 0;
    }

    #PreisZusBox {
        display: block;
        height: auto;
        padding-bottom: 10px;
        margin-left: 0;
        margin-right: 0;
    }

    #Leuchteneinzelpreis,
    #Leuchtengesamtpreis {
        margin-left: 0;
        margin-right: 0;
    }

    .zubGesambez {
        margin-bottom: 20px;
    }

    .kopfZusPreis--zweispaltig {
        height: auto;
    }

    .kopfZusPreis {
        padding-top: 1px;
        padding-bottom: 10px;
        height: auto;
    }

    .Leuchtengesamtpreis-text {
        height: auto;
    }

    .Komplettpreistext {
        display: block;
        margin-right: 0;
        margin-bottom: 1.2rem;
    }

    .Komplettpreis-text {
        font-size: 16px;
        height: auto;
        min-width: 0;
        margin-bottom: 10px;
    }

    .ZubehoerZus-Tape {
        margin-left: 0;
    }

    .Leuchteneinzelpreis-text {
        font-size: 14px;
    }

    #ZubehoerGesamtpreis {
        font-size: 16px;
    }

    .kopfZub {
        margin-left: 0;
        margin-top: 20px;
        padding: 10px 0;
    }

    .ZubehoerZus {
        margin-left: 0;
        padding-top: 1px;
    }

    .TrafoZusBox,
    .TrafoZusBox_2 {
        grid-template-areas:
            "TrafoZusBox-bild"
            "TrafoZusBox-Textteil";
    }

    .TapeZusBox,
    .TapeZusBox_2 {
        grid-template-areas:
            "TapeZusBox-bild"
            "TapeZusBox-Textteil";
    }

    .TablarZusBox,
    .TablarZusBox_2 {
        grid-template-areas:
            "TrafoZusBox-bild"
            "TablarZusBox-Textteil";
    }

    .TrafoZusBox,
    .TrafoZusBox_2,
    .TapeZusBox,
    .TapeZusBox_2,
    .TablarZusBox,
    .TablarZusBox_2 {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .TrafoZusBox_2,
    .TablarZusBox_2 {
        height: auto;
    }

    .TrafoZusBox-Textteil,
    .TapeZusBox-Textteil,
    .TablarZusBox-Textteil {
        height: auto;
    }

    .TrafoZusBox-titel,
    .TrafoZusBox-TextMehrteilig,
    .TapeZusBox-titel,
    .TrafoZusBox-TextMehrteilig,
    .TrafoZusBox-titel,
    .TrafoZusBox-TextMehrteilig {
        margin-left: 0;
    }

    .USBAuswahlBox {
        height: auto;
    }

    .TrafoAuswahl-titel .USBAuswahlBox h3 {
        margin-top: 10px;
    }

    #pdfAusgabe {
        margin: 20px 0 10px 0;
    }

    .buttonProfilPDF {
        margin: auto 10px;
        font-size: 14px;
        width: 275px;
    }

    .buttonProfil--einspaltig {
        margin-left: 0;
        margin-bottom: 12px;
    }

    .btnAbdeckung {
        position: static;
        width: 194px;
        /* left: 200px; */
    }

    .btnZubehoer {
        width: 100px;
        left: 10px;
    }

    .ZubehoerAuswahlGruppe--Touch {
        display: block;
    }

    .buttonZubTouch {
        margin-top: 0;
    }
}

@media screen and (max-width: 1080px) {
    .tapeSeiteMenueBox-title--aktiv {
        font-size: 1.1rem;
        padding-top: 0.2rem;
    }
}

@media screen and (max-width: 768px) {
    .tapeSeiteMenueBox-title--aktiv {
        font-size: 0.9rem;
        padding-top: 0.2rem;
    }
}

@media screen and (max-width: 620px) {
    .tapeSeiteMenueBox-title--aktiv {
        font-size: 0.9rem;
        padding-top: 0.2rem;
    }
}

@media screen and (max-width: 480px) {
    .tapeSeiteMenueBox-title {
        font-size: 0.7rem;
        padding-top: 0.1rem;
    }

    .tapeSeiteMenueBox-title--aktiv {
        font-size: 0.7rem;
        padding-top: 0.1rem;
    }
}

/*@media screen and (max-width: 768px) {
.gridTapeSeite {
grid-template-columns: repeat(7, 90px);
grid-template-rows: 130px;
}
}

@media screen and (max-width: 1080px) {
.gridTapeSeite {
grid-template-columns: repeat(7, 111px);
grid-template-rows: 160px;
}

.intero {
grid-area: intero;
}

.gridTapeSeite {
display: grid;
grid-template-columns: repeat(7, 185px);
grid-template-rows: 245px;
grid-template-areas: "premium basic eco dynamic feucht rgb flaeche";
}
}*/

.gridcontainer-Kopf--Mini {
    display: none;
}