Accordion

<div class="container">
    <div class="desc desc-line">Akkordeon</div>
    <div class="row mb-4">
        <div class="col-12 col-lg-10 offset-lg-1">
            <div id="accordion">

                <div id="heading1" class="accordion" data-toggle="collapse" data-target="#accordion1" aria-expanded="true" aria-controls="accordion1">
                    Wie finde ich meinen geeigneten Ofen?
                </div>
                <div id="accordion1" class="collapse show" aria-labelledby="heading1" data-parent="#accordion">
                    <div class="accordion-content">
                        <p>Abgesehen von unseren ebios-fire Produkten auf Bio-Ethanol-Basis benötigen Sie einen Zugang zu einem Schornstein, der die technischen Voraussetzungen für unsere Produkte erfüllt und von Ihrem Schornsteinfeger als zulässig abgenommen werden muss. Für die Aufstellung Ihres Ofens sind die allgemeinen Aufstellungshinweise zu beachten - wie Mindestabstände zu brennbaren Wänden und die Aufstellung auf unbrennbarem Untergrund. Für Passivhäuser empfehlen wir Ihnen Geräte mit niedrigen kW-Werten oder Geräte mit Verbrennungsluftzufuhr von außen und einer separaten Prüfung (RLU) oder gleich eine Anlage mit Warmwasseraufbereitung. Sprechen Sie Ihren Passivhaushersteller auf weitere Vorgaben an und lassen Sie sich von Ihrem Fachmann vor Ort beraten.</p>
                    </div>
                </div>

                <div id="heading2" class="accordion collapsed" data-toggle="collapse" data-target="#accordion2" aria-expanded="true" aria-controls="accordion2">
                    Welche Ofenart ist für mich die richtige?
                </div>
                <div id="accordion2" class="collapse" aria-labelledby="heading2" data-parent="#accordion">
                    <div class="accordion-content">
                        <p>Abgesehen von unseren ebios-fire Produkten auf Bio-Ethanol-Basis benötigen Sie einen Zugang zu einem Schornstein, der die technischen Voraussetzungen für unsere Produkte erfüllt und von Ihrem Schornsteinfeger als zulässig abgenommen werden muss. Für die Aufstellung Ihres Ofens sind die allgemeinen Aufstellungshinweise zu beachten - wie Mindestabstände zu brennbaren Wänden und die Aufstellung auf unbrennbarem Untergrund. Für Passivhäuser empfehlen wir Ihnen Geräte mit niedrigen kW-Werten oder Geräte mit Verbrennungsluftzufuhr von außen und einer separaten Prüfung (RLU) oder gleich eine Anlage mit Warmwasseraufbereitung. Sprechen Sie Ihren Passivhaushersteller auf weitere Vorgaben an und lassen Sie sich von Ihrem Fachmann vor Ort beraten.</p>
                    </div>
                </div>

                <div id="heading3" class="accordion collapsed" data-toggle="collapse" data-target="#accordion3" aria-expanded="true" aria-controls="accordion3">
                    Welchen Brennstoff soll ich wählen?
                </div>
                <div id="accordion3" class="collapse" aria-labelledby="heading3" data-parent="#accordion">
                    <div class="accordion-content">
                        <p>Abgesehen von unseren ebios-fire Produkten auf Bio-Ethanol-Basis benötigen Sie einen Zugang zu einem Schornstein, der die technischen Voraussetzungen für unsere Produkte erfüllt und von Ihrem Schornsteinfeger als zulässig abgenommen werden muss. Für die Aufstellung Ihres Ofens sind die allgemeinen Aufstellungshinweise zu beachten - wie Mindestabstände zu brennbaren Wänden und die Aufstellung auf unbrennbarem Untergrund. Für Passivhäuser empfehlen wir Ihnen Geräte mit niedrigen kW-Werten oder Geräte mit Verbrennungsluftzufuhr von außen und einer separaten Prüfung (RLU) oder gleich eine Anlage mit Warmwasseraufbereitung. Sprechen Sie Ihren Passivhaushersteller auf weitere Vorgaben an und lassen Sie sich von Ihrem Fachmann vor Ort beraten.</p>
                    </div>
                </div>

                <div id="heading4" class="accordion collapsed last" data-toggle="collapse" data-target="#accordion4" aria-expanded="true" aria-controls="accordion4">
                    Welche Voraussetzungen sind auf baulicher Seite zu beachten?
                </div>
                <div id="accordion4" class="collapse" aria-labelledby="heading4" data-parent="#accordion">
                    <div class="accordion-content">
                        <p>Abgesehen von unseren ebios-fire Produkten auf Bio-Ethanol-Basis benötigen Sie einen Zugang zu einem Schornstein, der die technischen Voraussetzungen für unsere Produkte erfüllt und von Ihrem Schornsteinfeger als zulässig abgenommen werden muss. Für die Aufstellung Ihres Ofens sind die allgemeinen Aufstellungshinweise zu beachten - wie Mindestabstände zu brennbaren Wänden und die Aufstellung auf unbrennbarem Untergrund. Für Passivhäuser empfehlen wir Ihnen Geräte mit niedrigen kW-Werten oder Geräte mit Verbrennungsluftzufuhr von außen und einer separaten Prüfung (RLU) oder gleich eine Anlage mit Warmwasseraufbereitung. Sprechen Sie Ihren Passivhaushersteller auf weitere Vorgaben an und lassen Sie sich von Ihrem Fachmann vor Ort beraten.</p>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="desc desc-line">Akkordeon</div>
    <div class="row mb-4">
        <div class="col-12 col-lg-10 offset-lg-1">
            <div id="accordion">

                <div id="heading1" class="accordion" data-toggle="collapse" data-target="#accordion1" aria-expanded="true" aria-controls="accordion1">
                    Wie finde ich meinen geeigneten Ofen?
                </div>
                <div id="accordion1" class="collapse show" aria-labelledby="heading1" data-parent="#accordion">
                    <div class="accordion-content">
                        <p>Abgesehen von unseren ebios-fire Produkten auf Bio-Ethanol-Basis benötigen Sie einen Zugang zu einem Schornstein, der die technischen Voraussetzungen für unsere Produkte erfüllt und von Ihrem Schornsteinfeger als zulässig abgenommen werden muss. Für die Aufstellung Ihres Ofens sind die allgemeinen Aufstellungshinweise zu beachten - wie Mindestabstände zu brennbaren Wänden und die Aufstellung auf unbrennbarem Untergrund. Für Passivhäuser empfehlen wir Ihnen Geräte mit niedrigen kW-Werten oder Geräte mit Verbrennungsluftzufuhr von außen und einer separaten Prüfung (RLU) oder gleich eine Anlage mit Warmwasseraufbereitung. Sprechen Sie Ihren Passivhaushersteller auf weitere Vorgaben an und lassen Sie sich von Ihrem Fachmann vor Ort beraten.</p>
                    </div>
                </div>

                <div id="heading2" class="accordion collapsed" data-toggle="collapse" data-target="#accordion2" aria-expanded="true" aria-controls="accordion2">
                    Welche Ofenart ist für mich die richtige?
                </div>
                <div id="accordion2" class="collapse" aria-labelledby="heading2" data-parent="#accordion">
                    <div class="accordion-content">
                        <p>Abgesehen von unseren ebios-fire Produkten auf Bio-Ethanol-Basis benötigen Sie einen Zugang zu einem Schornstein, der die technischen Voraussetzungen für unsere Produkte erfüllt und von Ihrem Schornsteinfeger als zulässig abgenommen werden muss. Für die Aufstellung Ihres Ofens sind die allgemeinen Aufstellungshinweise zu beachten - wie Mindestabstände zu brennbaren Wänden und die Aufstellung auf unbrennbarem Untergrund. Für Passivhäuser empfehlen wir Ihnen Geräte mit niedrigen kW-Werten oder Geräte mit Verbrennungsluftzufuhr von außen und einer separaten Prüfung (RLU) oder gleich eine Anlage mit Warmwasseraufbereitung. Sprechen Sie Ihren Passivhaushersteller auf weitere Vorgaben an und lassen Sie sich von Ihrem Fachmann vor Ort beraten.</p>
                    </div>
                </div>

                <div id="heading3" class="accordion collapsed" data-toggle="collapse" data-target="#accordion3" aria-expanded="true" aria-controls="accordion3">
                    Welchen Brennstoff soll ich wählen?
                </div>
                <div id="accordion3" class="collapse" aria-labelledby="heading3" data-parent="#accordion">
                    <div class="accordion-content">
                        <p>Abgesehen von unseren ebios-fire Produkten auf Bio-Ethanol-Basis benötigen Sie einen Zugang zu einem Schornstein, der die technischen Voraussetzungen für unsere Produkte erfüllt und von Ihrem Schornsteinfeger als zulässig abgenommen werden muss. Für die Aufstellung Ihres Ofens sind die allgemeinen Aufstellungshinweise zu beachten - wie Mindestabstände zu brennbaren Wänden und die Aufstellung auf unbrennbarem Untergrund. Für Passivhäuser empfehlen wir Ihnen Geräte mit niedrigen kW-Werten oder Geräte mit Verbrennungsluftzufuhr von außen und einer separaten Prüfung (RLU) oder gleich eine Anlage mit Warmwasseraufbereitung. Sprechen Sie Ihren Passivhaushersteller auf weitere Vorgaben an und lassen Sie sich von Ihrem Fachmann vor Ort beraten.</p>
                    </div>
                </div>

                <div id="heading4" class="accordion collapsed last" data-toggle="collapse" data-target="#accordion4" aria-expanded="true" aria-controls="accordion4">
                    Welche Voraussetzungen sind auf baulicher Seite zu beachten?
                </div>
                <div id="accordion4" class="collapse" aria-labelledby="heading4" data-parent="#accordion">
                    <div class="accordion-content">
                        <p>Abgesehen von unseren ebios-fire Produkten auf Bio-Ethanol-Basis benötigen Sie einen Zugang zu einem Schornstein, der die technischen Voraussetzungen für unsere Produkte erfüllt und von Ihrem Schornsteinfeger als zulässig abgenommen werden muss. Für die Aufstellung Ihres Ofens sind die allgemeinen Aufstellungshinweise zu beachten - wie Mindestabstände zu brennbaren Wänden und die Aufstellung auf unbrennbarem Untergrund. Für Passivhäuser empfehlen wir Ihnen Geräte mit niedrigen kW-Werten oder Geräte mit Verbrennungsluftzufuhr von außen und einer separaten Prüfung (RLU) oder gleich eine Anlage mit Warmwasseraufbereitung. Sprechen Sie Ihren Passivhaushersteller auf weitere Vorgaben an und lassen Sie sich von Ihrem Fachmann vor Ort beraten.</p>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
/* Kein Inhalt definiert. */
  • Inhalt:
    .accordion {
        color: $dark;
        margin: 0;
        padding: 1rem 3.5rem;
        font-size: 1.125rem;
        color: $white;
        background-color: $primary;
        border-top: 1px solid $gray-300;
        font-weight: $font-weight-medium;
        position: relative;
        transition: all .3s ease;
        cursor: pointer;
        &:after {
            display: inline-block;
            vertical-align: 0;
            content: "";
            border-top: 0.5rem solid;
            border-right: 0.325rem solid transparent;
            border-bottom: 0;
            border-left: 0.325rem solid transparent;
            position: absolute;
            top: 24px;
            left: 24px;
            transition: all .3s ease;
        }
        &:hover {
            &:after {
                transform: rotateZ(180deg);
            }
        }
        &.collapsed {
            background: transparent;
            color: $primary;
            &:after {
                transform: rotateZ(180deg);
            }
            &:hover {
                color: $accent;
                &:after {
                    transform: rotateZ(0deg);
                }
            }
            &.last {
                border-bottom: 1px solid $gray-300;
            }
        }
        &-content {
            padding: .75rem 3.5rem;
            color: $white;
                background: $primary;
        }
    }
  • URL: /components/raw/accordion/accordion.scss
  • Pfad Dateisystem: components\04-components\accordion\accordion.scss
  • Größe: 1.3 KB

Keine Notizen vorhanden.