.cura_diy {}

.cura_diy .w-1of3 {
    width: 33.333333%;
}

.read-height,
.read-height-2 {
    max-height: 60vh;
}

.limit-height,
.limit-height-2 {
    overflow: hidden;
}

.limit-height.cut,
.limit-height-2.cut {
    max-height: 50vh;
}

.read-height.expand,
.limit-height.expand,
.read-height-2.expand,
.limit-height-2.expand {
    max-height: unset;
}

#height-read-more svg,
#height-read-more2 svg {
    transition: ease all 0.5s;
}
#height-read-more.btn-more svg,
#height-read-more2.btn-more svg {
    transform: rotate(180deg);
}

.zfgp-hellgrau {
    background-color: lightgray;
}
.bg-gray-extralight {background-color:var(--wp--preset--color--accent-4);}
.bg-gray-light {background-color:var(--wp--preset--color--accent-3);}
.bg-gray {background-color:var(--wp--preset--color--accent-2);}
.bg-white {background-color: #fff;}
.text-white { color:#fff;}

.gap-8 {gap:2rem;}

/* .playpause label {
    display: block;
    box-sizing: border-box;

    width: 0;
    height: 74px;

    cursor: pointer;

    border-color: transparent transparent transparent #202020;
    transition: 100ms all ease;
    will-change: border-width;

    border-style: double;
    border-width: 0px 0 0px 60px;
}

.playpause input[type='checkbox'] {
    visibility: hidden;
}

.playpause input[type='checkbox']&:checked+label {
    border-style: solid;
    border-width: 37px 0 37px 60px;
} */

.cura-diy-playbutton-animated,
.cura-diy-playbutton-animated-exkursion {
    padding: unset;
    border-radius: unset;
    border: 0;
    background: transparent;
    box-sizing: border-box;
    width: 0;
    // height: 74px;
    height: 50px;
    border-color: transparent transparent transparent white;
    transition: 100ms all ease;
    cursor: pointer;
    border-style: solid;
    // border-width: 37px 0 37px 72px;
    border-width: 25px 0 25px 42px;
    margin-left: 10px;
    margin-top: 1px;
}

.cura-diy-playbutton-animated.paused,
.cura-diy-playbutton-animated-exkursion.paused {
    border-style: double;
    border-width: 0px 0 0px 48px;
    margin-left: 2px;
    transform: rotate(180deg)
}

.cura-diy-playbutton-animated:hover,
.cura-diy-playbutton-animated-exkursion:hover {
    // border-color: #B1003A #B1003A #B1003A black;
    // border-color: #B1003A #B1003A #B1003A white;
}

.border-button:hover {
    // border-color: #B1003A #B1003A #B1003A white;
    // transform: scale(1.2);
    background-color: #545454;
}
.border-button {
    // border: solid 6px #B1003A;
    transition: ease all 0.5s;
    transition-property: color;
    // transform: scale(1);
    background-color: #B1003A;
    border-radius: 9999px;
    padding: 14px;
    width: calc(90px + 24px);
    height: calc(90px + 24px);
    padding: 30px;
}