/* Grundtypografie */
body {
    color: #3f4548;
    line-height: 1.7;
}

p,
ol li,
ul li {
    color: #3f4548;
    line-height: 1.7;
}

/* Überschriften */
h1, h1 a, h1 span {
    font-size: 38px;
    line-height: 1.2;
    font-weight: 400;
    text-transform: none;
    letter-spacing: -0.5px;
}

h2, h2 a, h2 span {
    font-size: 30px;
    line-height: 1.3;
    font-weight: 400;
}

/* Inhaltsflächen */
main #xmap,
main .featured,
main .moduletable,
main .weblink-category,
main form.formResponsive {
    background-color: #f5f6f6;
}

/* Alte Hover-Schatten entfernen */
main .moduletable:hover {
    box-shadow: none;
}
/* Modernere Buttons */
.btn,
.button > a,
.moduletable .button,
a.button,
input[type="submit"] {
    background: #00aeb5;
    box-shadow: none;
    border-radius: 4px;
    padding: 9px 18px;
}

.btn:hover,
.button > a:hover,
.moduletable .button:hover,
a.button:hover,
input[type="submit"]:hover {
    background: #008d93;
}

/* Etwas mehr Luft zwischen Inhaltsbereichen */
main .content_main {
    margin-bottom: 40px;
}

.moduletable {
    margin-bottom: 36px;
}
/* Türkisbereich ruhiger */
.cyan,
.cyan:before,
.cyan:after {
    background-color: #00aeb5;
}

.cyan {
    padding-top: 64px;
    padding-bottom: 64px;
}

/* Dunkler Inhaltsbereich etwas weicher */
.black,
.black:before,
.black:after {
    background-color: #3f4346;
}

.black {
    padding-top: 64px;
    padding-bottom: 64px;
}

/* Kundenmeinungen moderner */
.content_main_bottom_wrap {
    background-color: #eef2f2;
    padding-top: 40px;
    padding-bottom: 40px;
}

/* Module ruhiger */
main .moduletable {
    border-radius: 3px;
}

/* Etwas mehr vertikaler Abstand */
main .content_main {
    margin-bottom: 48px;
}
/* Hauptinhalt breiter und luftiger */
.row {
    max-width: 1320px;
}

/* Textbereiche angenehmer lesbar */
.item-page,
.featured,
.blog {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
}

/* News- und Video-Module als moderne Karten */
main .moduletable {
    background: #ffffff !important;
    border: 1px solid #e3e6e8;
    border-radius: 8px;
    padding: 28px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.06);
}

/* Farbige Inhaltsbereiche ohne Kartenoptik */
.black,
.cyan,
.red,
.orange {
    border-radius: 0;
    box-shadow: none;
    border: 0;
}

/* Türkisfläche etwas edler */
.cyan,
.cyan:before,
.cyan:after {
    background: #009fa6;
}

/* Dunkle Fläche */
.black,
.black:before,
.black:after {
    background: #383d40;
}

/* Kundenmeinungen */
.content_main_bottom_wrap {
    background: #f4f6f6;
}

.meinungencustomwrap {
    background: #ffffff;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.06);
}

/* Bilder etwas moderner */
.item-page img,
.moduletable img {
    border-radius: 4px;
}