/* =====================================================
   LINKE SPALTE / MENÜ
===================================================== */

.links {
    width: 280px;
    min-width: 280px;

    padding: 20px;

    background: linear-gradient(
        to bottom,
        #ffffff 0%,
        #edf8ff 30%,
        #d4eeff 70%,
        #bfe6ff 100%
    );

    border-right: 3px solid #205070;
}

.menue-bild {
    display: block;

    width: 100%;
    max-width: 190px;
    height: auto;

    margin: 0 auto 20px auto;
}

.links h2 {
    width: 100%;

    color: #205070;

    text-align: center;

    margin-bottom: 20px;
    padding-bottom: 5px;

    border-bottom: 2px solid #205070;
}

.menue-button {
    display: none;
}

.menue-inhalt {
    width: 100%;
    margin-bottom: 40px;
}

.links a {
    display: block;

    width: 100%;

    padding: 12px;
    margin-bottom: 12px;

    color: #205070;
    background: rgba(255,255,255,0.85);

    text-align: center;
    text-decoration: none;

    border: 2px solid #205070;
    border-radius: 10px;

    box-shadow: 0 3px 8px rgba(0,0,0,0.20);

    transition: 0.2s;
}

.links a:hover {
    background: #ffffff;

    transform: translateY(-2px);

    box-shadow: 0 6px 14px rgba(0,0,0,0.25);
}

/* =====================================================
   SPALTEN UND WERBUNG KORREKTUR
===================================================== */

.links,
.rechts {
    width: 280px;
    min-width: 280px;
}

/* Link in Werbebox 1 darf NICHT wie ein Menübutton aussehen */

.links .werbung-box a {
    display: inline;

    width: auto;
    padding: 0;
    margin: 0;

    color: #205070;
    background: transparent;

    border: none;
    border-radius: 0;

    box-shadow: none;

    font-weight: bold;
    text-decoration: none;

    transform: none;
}

.links .werbung-box a:hover {
    background: transparent;

    transform: none;
    box-shadow: none;

    text-decoration: underline;
}