@font-face { font-family: 'BarlowCondensedLight';
    src: local('BarlowCondensed-Light'),
        url('../fonts/BarlowCondensed-Light.woff2') format('woff2'),
        url('../fonts/BarlowCondensed-Light.woff') format('woff'),
        url('../fonts/BarlowCondensed-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face { font-family: 'BarlowRegular';
    src: local('Barlow-Regular'),
        url('../fonts/Barlow-Regular.woff2') format('woff2'),
        url('../fonts/Barlow-Regular.woff') format('woff'),
        url('../fonts/Barlow-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face { font-family: 'BarlowSemiBold';
    src: local('Barlow-SemiBold'),
        url('../fonts/Barlow-SemiBold.woff2') format('woff2'),
        url('../fonts/Barlow-SemiBold.woff') format('woff'),
        url('../fonts/Barlow-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.bebas{
    font-family:BebasNeuePro;
}
.barlow-regular{
    font-family:BarlowRegular;
}
.barlow-semi{
    font-family:BarlowSemiBold;
}
.barlow-condlight{
    font-family:BarlowCondensedLight;
}

.bg-rieder-grau{
    background-color: #ececec;
}
.bg-rieder-rot{
    background-color: #c80b0e;
}
.text-rieder-rot{
    color: #c80b0e;
}
.border-rieder-rot{
    border-color: #c80b0e;
}

.overlay-visible{
    top:0;
    position:fixed;
    right:0;
}
.height-limited{
    max-height:20rem;
}
.green-success-text{
    color:#0cbe0c;
    text-align: center;
    font-weight: bold;
}
.orange-failure-text{
    color:#ffa21d;
    text-align: center;
    font-weight: bold;
}

.picture-hover-effect{
    opacity: 0;
    transition: opacity .3s;
    background-color: #fff;
}
.picture-hover-effect:hover{
    opacity: 0.3;
}

#submit-button{
    transition: background-color .3s;
    background-color: #aaa;
}
#submit-button:hover{
    background-color: #777;
}

input[type=file]{
    transition: background-color .3s;
    background-color: #fff;
}
input[type=file]:hover{
    background-color: #eee;
}

.faq-answer-text{
    font-size: 1rem ;
    transition: all .3s ease;
    height: 0;
    opacity: 0;
    padding-top:0;
    padding-bottom:0;
}
.faq-answer-text.open{
    display: block;
    height: auto;
    opacity: 1;
    padding-top:2rem;
    padding-bottom:2rem;
}

.btn-kollektion{
    background-color: #c80b0e;
    transition: background-color .3s;
}
.btn-kollektion:hover{
    background-color: #a10000;
}

.hover-rieder{
    background-color: transparent;
    transition: background-color .3s;
}
.hover-rieder:hover{
    background-color: #c80b0e22;
}

.link-element{
    color: inherit;
    /* transition: color .3s; */
}
.link-element:hover{
    color: #99a1af;
}

#impressumtext a, #bestellablauf a{
    text-decoration: underline;
    text-decoration-color: #c80b0e;
}

input[type='file'] { font-size: 0; }
::file-selector-button { font-size: initial; }

.image-toggle img.toggled-image{
    opacity:0;
    object-fit: contain;
}
.coloured-link:hover{
    color:#99a1af;
}
.image-toggle:hover img.toggled-image{
    opacity:1;
}
.image-toggle:hover .coloured-link{
    color:#99a1af;
}


.image-toggle img.toggle-image{
    opacity:0.5;
    object-fit: contain;
}
.image-toggle:hover img.toggle-image{
    opacity:1;
}