@charset "utf-8";
/* CSS Document */

/* ===============================
   Reset
=============================== */
* {
    margin: 0;
    padding: 0;
}

/* ===============================
   Grundlayout
=============================== */
body {
    font-family: Helvetica, sans-serif;
    background-color: #66615A;
    color: #66615A;
}

/* ===============================
   Typografie
=============================== */
h1 {
    font-size: 2.0em;
    color: #66615A;
}

h1, h2, h3, h4 {
    margin: 0;
    padding: 0;
}

h2, h3 {
    font-size: 1.5em;
    font-weight: 300;
    color: #66615A;
}

h4 {
    font-size: 2.4em;
    font-weight: 300;
    color: #66615A;
}

h5 {
    font-size: 1.6em;
    font-weight: 300;
    color: #66615A;
}

h6 {
    font-size: 0.65em;
    font-weight: 300;
    color: #66615A;
}

/* ===============================
   Wrapper
=============================== */
#wrapper {
    width: 900px;
    margin: 80px auto;
    background-color: #E9DFCF;
    box-shadow: 0 18px 40px rgba(0,0,0,0.12);
}

#wrapper2 {
    width: 900px;
    margin: 150px auto;
    background-color: #E9DFCF;
    box-shadow: 0 18px 40px rgba(0,0,0,0.12);
}

/* ===============================
   Oberer Balken
=============================== */
#roterBalken {
    background-color: #C9B092;
    width: 900px;
    height: 60px;
}

/* ===============================
   Header
=============================== */
#mainHeader {
    background-color: #E9DFCF;
    width: 865px;
    height: 130px;
    padding-left: 35px;
    padding-top: 20px;
    color: #4B3525;
}

/* ===============================
   Hauptkasten (IDENTISCH auf allen Seiten)
=============================== */
#main {
    position: relative;
    overflow: hidden;
    font-size: 1.5em;
    width: 865px;
    height: 180px;              /* bleibt FIX */
    text-align: right;
    padding-top: 30px;          /* bleibt FIX */
    padding-right: 35px;
    color: #66615A;
    background-color: #F7F3EE;

    background-image:
        radial-gradient(
            ellipse at 50% 0%,
            rgba(200,194,184,0.45) 0%,
            rgba(200,194,184,0.45) 55%,
            rgba(0,0,0,0) 56%
        ),
        radial-gradient(
            ellipse at 50% 0%,
            rgba(210,185,168,0.55) 0%,
            rgba(210,185,168,0.55) 55%,
            rgba(0,0,0,0) 56%
        );

    background-repeat: no-repeat;
    background-size: 780px 220px, 940px 260px;
    background-position:
        calc(50% - 180px) -70px,
        calc(50% + 280px) -140px;
}

/* ===============================
   Inhalte
=============================== */
#datenschutz,
#agb,
#pae,
#mainContent,
#bio,
#terminbuchung {
    padding: 30px 55px;
    background-color: #F7F3EE;
    color: #4B3525;
}

#pae,
#mainContent,
#bio {
    font-size: 1.5em;
    text-align: center;
    padding-top: 60px;
}

/* ===============================
   Links
=============================== */
#datenschutz a,
#agb a,
#pae a,
#mainContent a,
#bio a,
#terminbuchung a {
    color: #C6734B;
    text-decoration: none;
}

#datenschutz a:hover,
#agb a:hover,
#pae a:hover,
#mainContent a:hover,
#bio a:hover,
#terminbuchung a:hover {
    text-decoration: underline;
}

/* ===============================
   Footer
=============================== */
footer {
    font-size: 0.8em;
    background-color: #C9B092;
    width: 880px;
    height: 40px;
    padding: 20px 0 0 20px;
    color: #F7F3EE;
}

footer a,
footer a:visited {
    text-decoration: none;
    color: #66615A;
}

/* ===============================
   Impressum – NUR INHALT VERSCHIEBEN
=============================== */

/* gesamter Impressum-Inhalt etwas nach oben */
#main.impressum > * {
    position: relative;
    top: -22px;     /* feinjustierbar */
}

/* Impressum-Text – wieder Originalgröße */
#main.impressum #imp {
    font-size: 0.65em;     /* wie vorher */
    font-weight: 300;
    line-height: 1.3;
    margin-top: 6px;
}


/* ===============================
   TOGGLES – FINAL & STABIL
=============================== */

/* Basis für ALLE Kreise */
.toggle-circle {
    width: 20px;
    height: 20px;
    border: 1px solid #66615A;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    font-weight: 700;          /* JETZT sichtbar fett */
    color: #66615A;
    line-height: 1;
    user-select: none;
}

/* Unterkategorien (innerhalb Weiterbildungen) */
#weiterbild .toggle-circle {
    width: 16px;
    height: 16px;
    font-size: 11px;
}

/* Unteres Minus von "Weiterbildungen & Teilnahmen" */
#weiterbild_close .toggle-circle {
    width: 20px;
    height: 20px;
    font-size: 14px;
}
 
/* ===============================
   TOGGLES – FINAL & STABIL
=============================== */

.toggle-circle {
    width: 20px;
    height: 20px;
    border: 1px solid #66615A;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    font-weight: 700;
    color: #66615A;
    line-height: 1;
    user-select: none;
}

#weiterbild .toggle-circle {
    width: 16px;
    height: 16px;
    font-size: 11px;
}

#weiterbild_close .toggle-circle {
    width: 20px;
    height: 20px;
    font-size: 14px;
}
}