@charset "UTF-8";

/* =============================================================================
   INHALTSVERZEICHNIS – STARTSEITE
   Überschreibt und ergänzt gezielt myOwnStyles_MH.css.
   Wird nur auf der Startseite geladen.

   1.  Startseite – Basis & Layout
   2.  Startseite – REboxRed / REboxBlue / ToolBox
   3.  Startseite – News & Bilder
   4.  Startseite – Formulare (HU-Reminder, Powermail)
   5.  Startseite – Extensions & Sonstiges
   6.  Startseite – Responsive (max-width: 800px)
============================================================================= */


/* =============================================================================
   1. STARTSEITE – BASIS & LAYOUT
============================================================================= */

/* ym-cbox bekommt auf der Startseite Padding */
.ym-col1 .ym-cbox {
    padding: 0 .75em 0 1.5em;
}

/* ym-cbox erhält vertikalen Abstand */
.ym-cbox {
    margin: 1em 0;
}

/* Breadcrumb auf Startseite ausblenden */
div#nn_breadcrumb {
    display: none;
}

/* Adresstext */
html body div.ym-wrapper div.ym-wbox div#header div#header_yellow div.csc-default p#p_address {
    font-style: normal;
    text-align: center;
    white-space: nowrap;
}

/* Subcol h1 ohne margin */
div.subcolumns div.c50l div.REboxRed div.REboxRedContent div.csc-textpic div.csc-textpic-text div.csc-textpicHeader h1 {
    margin: 0;
}

/* Startseite Boxes allgemein */
div#main div.REboxRed div.REboxRedContent div.csc-default:nth-child(2),
div#main div.ym-column div.ym-col1 div.ym-cbox div.REboxRed div.REboxRedContent div.tx-nnpdflinks-pi1 {
    margin: 1em 0 0;
}

/* Karte Startseite: kompakter als Innenseite (479px) */
div#map {
    width: 100%;
    height: 252px;
}

/* Cursor auf Karte */
.olMap,
div#map_static div div div[style*="cursor"] {
    cursor: pointer !important;
}

/* Media-Box */
div#main div#media.REboxRed {
    padding-bottom: 1.5em;
}

/* Flash – auf Startseite float left */
object[type*="flash"] {
    float: left;
}

/* Titel "Unser Service für Sie" */
div#main div.REboxBlue > div.REboxBlueContent > div.csc-frame > div.csc-header > h1.csc-firstHeader {
    margin: .5em 0 0 .3em;
    text-shadow: none;
    color: #ffd100;
}

/* h3 – auf Startseite blau (Basisstil: grau) */
h3 {
    color: #005ca9;
}

/* Kleine Boxen */
div#small.REboxRed div.REboxheader img,
div.subcolumns div.REboxheader img {
    display: none;
}

div#small div.tx-nnpdflinks-pi1 div.div_pdflink_text {
    margin: 1em 0 !important;
}

/* Margins aus Inline-Styles entfernen (Startseite Kleinboxen) */
div#small div[style*="margin-left:"] {
    margin-left: 0 !important;
}

div#small div[style*="margin-right:"] {
    margin-right: 0 !important;
}

div#small div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap,
div#small div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap,
div#small div.csc-textpic-imagewrap {
    float: none;
    margin: 0 !important;
    text-align: center;
}

div#small div.csc-textpic-intext-left div.csc-textpic-imagewrap,
div#small div.csc-textpic-intext-left div.csc-textpic-single-image,
div#small div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap,
div#small div.csc-textpic-intext-left-nowrap div.csc-textpic-single-image {
    display: block;
    width: 100%;
}

div#small div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap + div,
div#small div.csc-textpic-intext-left-nowrap div.csc-textpic-single-image + div {
    margin-left: 0 !important;
    margin-top: 1em;
}

/* h2 "kunde_small_h2" – negative margin-left korrigiert */
html body div.ym-wrapper div.ym-wbox div#main div.ym-column div.ym-col1 div.ym-cbox div.csc-default div#small.REboxRed div.REboxRedContent div.csc-default div.csc-default div.csc-textpic div div.csc-textpic-text h2#kunde_small_h2 {
    margin-left: -155px !important;
}

/* nnnfp */
div.tx-nnnfp-pi1 > div.csc-default + div.csc-default {
    margin: 1em 0 0;
}

div.tx-nnnfp-pi1 > div.csc-default + div.csc-default hr.hr_newstrenner {
    display: none;
}

div.tx-nnnfp-pi1 div.csc-textpic-imagewrap + div {
    width: 54%;
}

div.tx-nnnfp-pi1 div.csc-textpic-imagewrap + div h1 {
    margin-top: 0;
}

/* Bilder Startseite: 154px */
div.tx-nnnfp-pi1 img {
    width: 154px;
    height: auto;
}

/* Subcolumns Textpic margin-left Override */
div.subcolumns div.csc-textpic-intext-left-nowrap div[style*="margin-left"],
div.subcolumns div.subcl div.csc-default div.REboxRed div.REboxRedContent div.csc-default div.csc-textpic.csc-textpic-intext-left-nowrap div.csc-textpic-text,
div.subcolumns div.subcr div.csc-default div.REboxRed div.REboxRedContent div.csc-default div.csc-textpic.csc-textpic-intext-left-nowrap div.csc-textpic-text {
    margin-left: 170px !important;
}

/* KuMag */
div.tx-nnkumaglinks-pi1 div.csc-textpic-text {
    margin-left: 170px;
}

div.tx-nnkumaglinks-pi1 div.div_pdflink_thumb {
    float: left;
    margin-bottom: 2em;
}

div.tx-nn-kuwe-kumag div.div_kumaglink_thumb {
    float: left;
    margin: 0 1em 2em 0;
}

/* Prospekt: Divider-Padding entfernen */
#main div.REboxRed div.REboxRedContent div.tx-nnpdflinks-pi1 div.div_pdflink_thumb + div.div_pdflink_text + div.divider {
    padding-top: 0;
}

/* img.img_pdflink */
img.img_pdflink {
    border: 1px solid lightgrey;
    width: 154px;
    height: auto;
}

div.tx-nn-kuwe-prospekts div.REboxRed div.REboxRedContent div.csc-default div.div_pdflink_thumb a img.img_pdflink {
    width: 100%;
}

/* User Counter */
div.tx-asfkusercounter-pi1 {
    color: #7a7a7a;
}

/* News-Ticker */
div.tx-mjnewsticker-pi1 table marquee {
    width: inherit;
    max-width: 23em;
}

/* REboxBlue Header-Farbe */
div#main div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.REboxBlue > div.REboxBlueContent > div.csc-default > div[class*="csc-header-n"] > h1 {
    color: #ffd100;
    font-size: .9em;
    text-shadow: none;
}

/* Superbg-Slider */
html body div#superbgimage img.activeslide {
    display: block !important;
    height: auto !important;
    left: 0 !important;
    position: absolute;
    top: 0 !important;
    width: 100% !important;
    z-index: 1;
}


/* =============================================================================
   2. STARTSEITE – REboxRed / REboxBlue / ToolBox
============================================================================= */

/* REboxRed – Startseite: kleiner und floating */
.REboxRed {
    background: #fff;
    border: 5px solid #ddd;
    border-radius: .4em;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    display: inline-block;
    float: left;
    margin: 1em;
    max-width: 30em !important;
    min-width: 30em !important;
    padding: .5em 1.8em 0;
    text-shadow: none;
}

/* REboxRed klein (#small) */
#small {
    max-width: 18em !important;
    min-width: 18em !important;
    padding: .5em 1.5em 0;
}

/* REboxheader – höher gezogen */
.REboxheader {
    position: relative;
    top: -3em;
}

/* REboxRedContent */
.REboxRedContent {
    margin: 1em 0 2em;
}

.REboxRedContent h2 {
    color: #a6a6a6;
    font-size: 190%;
    font-weight: 700;
    line-height: 1.2em;
    position: relative;
}

/* REboxBlue – auf Startseite sichtbar */
.REboxBlue {
    float: left;
    margin: 0 0 0 15px;
    padding: 4px;
    height: 23.1em;
    overflow-y: auto;
    width: 28em;
    background: #005ca9;
}

div.REboxBlue div.REboxBlueContent div.csc-default div.REboxRed {
    display: none;
}

div.REboxBlue div.REboxBlueContent div.csc-default div.csc-header-n3 {
    display: none;
}

div.REboxBlue div.REboxBlueContent div.ToolBox div.ToolBoxContent div.csc-textpic-imagewrap {
    display: none;
}

div.REboxBlue div.REboxBlueContent div.csc-frame-rulerAfter {
    text-align: center;
}

/* Service-Box Schatten-Linien */
.REboxBlueContent > div:nth-last-child(2) {
    background: linear-gradient(to bottom, #004f8f 30%, rgba(0,79,143,.7) 70%, rgba(0,79,143,0));
    display: none;
}

.REboxBlueContent > div:nth-last-child(1) {
    background: linear-gradient(to top, #004f8f 30%, rgba(0,79,143,.7) 70%, rgba(0,79,143,0));
    display: none;
}

/* ToolBox – Startseite */
.ToolBoxContent {
    background: #ddd;
    color: #666;
    display: none;
    font-size: .9em;
    max-width: 24em !important;
    padding: 1em;
    position: absolute;
    z-index: 90;
    box-shadow: 8px 5px 12px rgba(0,0,0,.5);
}

div.REboxBlue div.REboxBlueContent div.ToolBox div.ToolBoxImage {
    top: -7em !important;
    height: auto;
    margin: 0 0 4em;
    position: relative;
    width: 100%;
}

.ToolBoxImage img {
    width: 90% !important;
    height: auto !important;
    padding: 0;
    float: left;
    margin: 0 .25em;
    position: relative;
    top: 4em;
}

div.ToolBoxContent p,
div.ToolBoxContent div {
    word-wrap: break-word;
}

div.ToolBoxContent img {
    width: 100%;
    height: auto;
}

div.ToolBoxContent div.csc-textpic-imagewrap {
    max-width: 12em;
    max-height: 12em;
    margin: .5em;
}

div.ToolBoxContent div.csc-textpic-text p.bodytext {
    margin: .5em 0 0;
}

div.ToolBoxContent div.csc-header h1.csc-firstHeader {
    margin: 0 !important;
}

div.ToolBoxImage .csc-textpic-text {
    margin: 1em 0;
}

/* ToolBoxContent + REboxBlueContent ausblenden (per JS gesteuert) */
div.ToolBoxContent,
div.REboxBlueContent div.csc-default,
div.REboxBlueContent {
    display: none;
}

/* Aktionspreis – Startseite: float right */
.action_service_price_2 {
    float: right;
}

div.tx-nnnfp-pi1 div.action_service_price_mwst {
    float: right;
    font-size: .8em;
    margin-right: 7em;
    width: auto;
}

/* .csc-frame-invisible */
.csc-frame-invisible hr {
    clear: both;
    visibility: hidden;
}


/* =============================================================================
   3. STARTSEITE – NEWS & BILDER
============================================================================= */

/* News List (Startseite: 154px Bildbreite) */
div.news div.news-list-view div.news-list-item.article {
    overflow: hidden;
}

div.news div.news-list-view div.news-list-item.article div.div_news_image div.news-img-wrap {
    width: 154px;
    float: left;
    margin-right: 1.3em;
}

div.news div.news-list-view div.news-list-item.article div.news-img-wrap a {
    width: 100%;
    height: 100%;
    display: block;
    border: none;
}

div.news div.news-list-view div.news-list-item.article div.news-img-wrap a img {
    width: 100%;
    height: auto;
}

/* News-List Container (Startseite) */
div.news-list-container {
    padding: 0;
}

div.news-list-container div.news-list-item {
    padding: 0;
}

div.news-list-container div.news-list-item div.div_tt_news_list {
    display: table;
}

div.news-list-container div.news-list-item div.div_tt_news_list div.div_news_list_item {
    float: left;
    width: 54%;
}

div.news-list-container hr.hr_newstrenner {
    clear: both;
    margin: 2.5em 0 !important;
}

div.news-list-container div.news-list-item div.div_tt_news_list div.td_tt_news_list_img {
    float: left;
    margin: 0 1.3em 1em 0;
}

.news-list-container img {
    border: 1px solid #ddd;
    width: 154px !important;
    height: auto;
    margin: 0;
}

div.td_tt_news_list_title a {
    font-weight: 700;
}

/* Tabellen-News */
table.tbl_tt_news_list td.td_tt_news_list {
    padding: 0 0 .7em .65em;
}

table.tbl_tt_news_list td.td_tt_news_list_img {
    padding: 0 .65em .7em 0;
}

table.tbl_tt_news_list td.td_tt_news_list a h4 {
    margin: .6em 0;
    font-size: 1em;
    line-height: 1.5em;
}

/* Bildbreiten Startseite: 154px */
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap dl.csc-textpic-image,
div.csc-textpic-intext-left-nowrap div.csc-textpic-firstcol dl.csc-textpic-image {
    width: 154px !important;
}

div.csc-textpic-intext-left div.csc-textpic-imagewrap,
div.csc-textpic-intext-left div.csc-textpic-single-image,
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap,
div.csc-textpic-intext-left-nowrap div.csc-textpic-single-image,
#main div.subcolumns div.c50l div.subcl div.tx-nnnfp-pi1 div.csc-default div.csc-textpic.csc-textpic-intext-left-nowrap.csc-textpic-equalheight div.csc-textpic-imagewrap.csc-textpic-single-image,
#main div.subcolumns div.c50r div.subcr div.tx-nnnfp-pi1 div.csc-default div.csc-textpic.csc-textpic-intext-left-nowrap.csc-textpic-equalheight div.csc-textpic-imagewrap.csc-textpic-single-image {
    display: block;
    width: 154px;
    height: auto;
}

div.csc-textpic-intext-left div.csc-textpic-imagewrap img,
div.csc-textpic-intext-left div.csc-textpic-single-image img,
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap img,
div.csc-textpic-intext-left-nowrap div.csc-textpic-single-image img {
    height: auto;
    width: 100%;
}

.tx-nnnfp-pi1 .csc-textpic-imagewrap {
    margin-bottom: 35px;
}


/* =============================================================================
   4. STARTSEITE – FORMULARE (HU-REMINDER, POWERMAIL)
============================================================================= */

/* --- Powermail HU-Reminder --- */
div.REboxRed div.REboxRedContent div.tx-powermail form.powermail_form h3,
div.REboxRed div.REboxRedContent div.tx-powermail form.powermail_form fieldset.powermail_fieldset legend.powermail_legend {
    display: none;
}

div.REboxRed div.REboxRedContent div.tx-powermail form.powermail_form.powermail_form_1 fieldset.powermail_fieldset.powermail_fieldset_1 div.powermail_fieldwrap.powermail_fieldwrap_check fieldset legend.powermail_label.powermail_check_legend[title=""] {
    display: none;
}

div.REboxRed div.REboxRedContent div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.powermail_fieldwrap {
    line-height: 1.5em;
    margin-top: 1em;
    width: 100%;
}

div.REboxRed div.REboxRedContent div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.powermail_fieldwrap label,
div.REboxRed div.REboxRedContent div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.powermail_fieldwrap_textarea label.powermail_label {
    display: inline-block;
    width: 28%;
}

div.REboxRed div.REboxRedContent div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.powermail_fieldwrap input.powermail_input,
div.REboxRed div.REboxRedContent div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.powermail_fieldwrap_select select.powermail_select {
    height: 2em;
    padding: 0 .5em;
    width: 66%;
}

div.REboxRed div.REboxRedContent div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.powermail_fieldwrap_submit {
    text-align: right;
}

div.REboxRed div.REboxRedContent div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.powermail_fieldwrap_submit input.powermail_submit {
    padding: .3em .5em;
    text-transform: uppercase;
}

div.REboxRed div.REboxRedContent div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.powermail_fieldwrap fieldset div.powermail_check_outer input.powermail_checkbox {
    float: left;
    margin-top: 7px;
}

div.REboxRed div.REboxRedContent div.tx-powermail form.powermail_form fieldset.powermail_fieldset div.powermail_fieldwrap fieldset div.powermail_check_outer div.powermail_check_inner label {
    margin-left: 1em;
    width: 93%;
}

#span_privacyHintLink {
    color: #005ca9;
    cursor: pointer;
    display: inline;
    margin: 0;
    padding: 0;
    width: auto;
}

/* --- HU-Reminder Formular --- */
div.tx-nnhureminder-pi1 {
    line-height: 1.5em;
}

div.tx-nnhureminder-pi1 div.div_hu_form form {
    width: 100%;
}

div.tx-nnhureminder-pi1 div.div_hu_form div.div_titel_1 {
    margin: 1em 0;
}

img#img_hu_captcha {
    border: 1px solid transparent;
    border-radius: .6em;
    margin: 1em 0 0;
    width: 66%;
    box-sizing: border-box;
}

div.tx-nnhureminder-pi1 div.div_hu_form form input#input_4,
div.tx-nnhureminder-pi1 div.div_hu_form form input#input_8 {
    float: left;
    margin: 1.2em 0 0;
}

div.tx-nnhureminder-pi1 div.div_hu_form form label#label_4,
div.tx-nnhureminder-pi1 div.div_hu_form form label#label_8 {
    float: right;
    width: 93%;
    margin: 1em 0 0;
}

.span_reload_img {
    font-size: 2em;
    font-weight: 700;
}

div.tx-nnhureminder-pi1 div.div_hu_form form a#reload {
    clear: left;
    cursor: pointer;
    float: left;
    margin: 1.5em 1em 0 0;
    text-decoration: none;
    width: 10em;
    font-size: .9em;
    text-align: right;
}

/* Gemeinsame Input-Basis HU-Reminder */
div.tx-nnhureminder-pi1 div.div_hu_form form input#input_1,
div.tx-nnhureminder-pi1 div.div_hu_form form input#input_2,
div.tx-nnhureminder-pi1 div.div_hu_form form input#input_3 {
    width: 66%;
    box-sizing: border-box;
    border-radius: .4em;
    border: 1px solid #b7b7b7;
    height: 2em;
    padding-left: 1em;
    display: inline-block;
    outline: none;
    background: #f5f5f5;
    background: linear-gradient(to top, #dbdbdb 0%, #f5f5f5 60%, #fefefe 100%);
    box-shadow: 2px 2px 2px rgba(0,0,0,.2) inset;
    margin: 1em 0 0;
}

/* Labels HU-Reminder */
div.tx-nnhureminder-pi1 div.div_hu_form form label#label_1 {
    width: 9em;
    float: left;
    margin: .2em 1em 0 0;
}

div.tx-nnhureminder-pi1 div.div_hu_form form label#label_2,
div.tx-nnhureminder-pi1 div.div_hu_form form label#label_3,
div.tx-nnhureminder-pi1 div.div_hu_form form label#label_4 {
    margin: 1.2em 1em 0 0;
    width: 9em;
    float: left;
    clear: left;
}

/* Selects HU-Reminder */
div.tx-nnhureminder-pi1 div.div_hu_form form select[name="year"] {
    margin: 1em 0 0;
    width: 30%;
    background: #f5f5f5;
    background: linear-gradient(to top, #dbdbdb 0%, #f5f5f5 60%, #fefefe 100%);
    border: 1px solid #b7b7b7;
    border-radius: .4em;
    box-shadow: 2px 2px 2px rgba(0,0,0,.2) inset;
    display: inline-block;
    height: 2em;
    outline: none;
    padding-left: .5em;
    padding-top: .2em;
    box-sizing: border-box;
}

div.tx-nnhureminder-pi1 div.div_hu_form form select[name="month"] {
    width: 33%;
    margin: 1em .5em 0 0;
    background: #f5f5f5;
    background: linear-gradient(to top, #dbdbdb 0%, #f5f5f5 60%, #fefefe 100%);
    border: 1px solid #b7b7b7;
    border-radius: .4em;
    box-shadow: 2px 2px 2px rgba(0,0,0,.2) inset;
    display: inline-block;
    height: 2em;
    outline: none;
    padding-left: .5em;
    padding-top: .2em;
    box-sizing: border-box;
}

/* Submit HU-Reminder */
div.tx-nnhureminder-pi1 div.div_hu_form form input[type="submit"] {
    background: linear-gradient(to top, #b0b0b0 0%, #575757 60%, #888 100%);
    border-radius: .8em;
    border: 1px solid #b7b7b7;
    box-shadow: 1px 1px 2px rgba(0,0,0,.8);
    display: inline-block;
    outline: none;
    color: #fff;
    padding: .2em;
    text-align: center;
    width: 8em;
    float: right;
    margin: 1em 0;
    box-sizing: border-box;
}

div.tx-nnhureminder-pi1 div.div_hu_form form input[type="submit"]:hover {
    background: linear-gradient(to top, #888 0%, #575757 60%, #b0b0b0 100%);
}

/* HU-Reminder Box (Innenseite) */
div#small input[type="submit"],
form[name="tt_address_form"] input[type="submit"] {
    margin: 0 0 1em;
}

div#small input[type="text"],
form[name="tt_address_form"] input[type="text"] {
    width: 99%;
}


/* =============================================================================
   5. STARTSEITE – EXTENSIONS & SONSTIGES
============================================================================= */

/* .csc-textpic-text */
.csc-textpic-text {
    margin: 0 0 1em;
}

/* Coin-Slider */
.coin-slider {
    float: left;
}

/* News-Ticker */
div.tx-mjnewsticker-pi1 table marquee {
    width: inherit;
    max-width: 23em;
}


/* =============================================================================
   6. STARTSEITE – RESPONSIVE (max-width: 800px)
============================================================================= */

@media only screen and (max-width: 800px) {

    /* Header – Startseite: andere Positionierung */
    body div.ym-wrapper div.ym-wbox div#header div#header_yellow {
        padding: .7em 0;
        margin: 6em 0 7em;
        width: 99.6%;
        border-width: .2em;
        box-shadow: 0 .2em .9em .4em rgba(250,229,136,.9) inset;
    }

    body div.ym-wrapper div.ym-wbox div#header div#header_yellow div:first-child {
        font-size: 100%;
    }

    body div#superbgimage {
        display: none;
    }

    /* REboxRed (Startseite Responsive) */
    .REboxRed {
        font: 14px/100% Arial, Helvetica, sans-serif;
        padding: .5em 2em .75em;
        margin: 1.5em;
        border-radius: .4em;
        box-shadow: 0 1px 2px rgba(0,0,0,.2);
        clear: both;
    }

    .REboxheader {
        position: relative;
        top: -4.5em;
    }

    .REboxBlue {
        display: none;
    }

    .REboxRedContent {
        margin: 1em 0;
    }

    /* Footer */
    #footer {
        background: #ddd;
        color: #333;
        padding: 1em 0;
        max-width: 100%;
        width: 100%;
        height: auto;
        margin: 0;
    }

    /* h3 */
    h3 {
        font-weight: 700;
        margin: 0;
        color: #005ca9;
    }

    div.div_pdflink_text h3 {
        font-size: 1.35em;
    }

    /* Aktionspreise */
    div.tx-nnnfp-pi1 div.csc-default div.action_service_price_mwst {
        font-size: 1.2em;
        margin: 0 3em 0 0;
        text-align: right;
        width: 100%;
    }

    div.tx-nnnfp-pi1 div.csc-default div.action_service_price_2 {
        font-size: 4.5em !important;
        height: auto;
        margin: 1em 0;
        padding: .6em .5em;
        width: auto;
    }

    /* Subcolumns – Reihenfolge umkehren */
    div#main div.ym-cbox div.subcolumns div.c50r {
        display: table-header-group;
        width: 100%;
    }

    div#main div.ym-cbox div.subcolumns div.c50l {
        display: table-footer-group;
    }

    /* Karte */
    div#map {
        width: 100%;
        height: 550px;
    }

    #anfahrt_img {
        height: 35em;
    }

    /* News-Box */
    div.news-list-container div.news-list-item div.div_tt_news_list div.div_news_list_item div.td_tt_news_list_text a {
        font-size: 3.5vw;
    }

    div.news-list-container div.news-list-item div.div_tt_news_list div.div_news_list_item div.div_news_list_date {
        line-height: 1em;
        margin: 1em 0;
    }

    div.news-list-container div.news-list-item div.div_tt_news_list div.div_news_list_item div.td_tt_news_list_title {
        line-height: 1.5em;
    }

    div.news-list-container div.news-list-item div.div_tt_news_list div.div_news_list_item div.td_tt_news_list_text {
        line-height: 1.5em;
        width: 100% !important;
    }

    div.news-list-container div.news-list-item div.div_tt_news_list div.td_tt_news_list_img {
        width: 100%;
    }

    div.news-list-container div.news-list-item div.div_tt_news_list div.div_news_list_item {
        float: left;
        width: 100%;
    }

    .news-list-container img {
        border: 1px solid #ddd;
        width: 100% !important;
        height: auto;
        margin: 0;
    }

    div.subcolumns div.csc-textpic-intext-left-nowrap div[style*="margin-left"] {
        margin-left: 0 !important;
    }

    div.csc-textpic-intext-right div.csc-textpic-imagewrap {
        margin-right: 0 !important;
    }

    /* Tabellen-News */
    table.tbl_tt_news_list a {
        font-size: 1.5em;
    }

    table.tbl_tt_news_list h4 {
        font-size: 1em;
    }

    table.tbl_tt_news_list p.bodytext {
        margin: 1em 0;
    }

    /* nnnfp */
    div.tx-nnnfp-pi1 h1 {
        font-size: 4vw;
    }

    .tx-nnnfp-pi1 .csc-default {
        font-size: 1em;
    }

    /* Subcols */
    div.subcl,
    div.subcr {
        width: 100%;
    }

    /* Überschriften */
    div#main div.REboxRed div.REboxRedContent div.csc-header h2.csc-firstHeader {
        font-size: 6vw;
        margin: 0;
        width: 100%;
    }

    div#main div.ym-column div.ym-col1 div.ym-cbox div.REboxRed div.REboxRedContent div[class*="csc-header-n"] {
        margin: 1em 0 0;
    }

    div#main div.ym-column div.ym-col1 div.ym-cbox div.REboxRed div.REboxRedContent div.csc-header h2.csc-firstHeader {
        position: inherit;
    }

    div#main div.ym-column div.ym-col1 div.ym-cbox div.REboxRed div.REboxRedContent DIV.csc-textpic DIV.csc-textpic-single-image IMG {
        margin: 1em 0;
    }

    div#main div.REboxRed div.REboxRedContent div.csc-textpic div.csc-textpic-text h2#kunde_small_h2 {
        font-size: .75em;
    }

    /* Textpic-Text */
    div#main div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.REboxRed div.REboxRedContent div.csc-default div.csc-default div.csc-textpic div div.csc-textpic-text p.bodytext {
        font-size: 1.5em;
        line-height: 1em;
    }

    div#main div.ym-column div.ym-col1 div.ym-cbox div.csc-default div.REboxRed div.REboxRedContent div.csc-default {
        margin: 0 !important;
    }

    /* PDF-Links */
    div#main div.ym-column div.ym-col1 div.ym-cbox div.REboxRed div.REboxRedContent div.tx-nnpdflinks-pi1 div.div_pdflink_text {
        float: left;
        margin: 0 0 0 1em;
    }

    div#main div.ym-column div.ym-col1 div.ym-cbox div.REboxRed div.REboxRedContent div.tx-nnpdflinks-pi1 div.div_pdflink_text p:nth-child(3) {
        font-size: .5em;
    }

    div#main div.ym-column div.ym-col1 div.ym-cbox div.REboxRed div.REboxRedContent div[class*="csc-header-n"] {
        margin: 1em 0 0;
    }

    div.div_pdflink_thumb {
        float: none !important;
    }

    /* KuMag */
    div.tx-nnkumaglinks-pi1 div.csc-textpic-text {
        margin-left: 0;
    }

    div.tx-nnkumaglinks-pi1 div.div_pdflink_thumb {
        float: none;
        margin-bottom: 2em;
    }

    div.tx-nnkumaglinks-pi1 div.div_pdflink_thumb a img.img_pdflink {
        width: 100%;
    }

    /* News-Ticker */
    div.tx-mjnewsticker-pi1 table marquee {
        font-size: 4vw;
        line-height: 1.5em;
    }

    div.tx-mjnewsticker-pi1 table td {
        font-size: 100% !important;
        padding: 0 !important;
        vertical-align: top;
        height: 1.5em;
    }

    /* HU-Reminder */
    div.tx-nnhureminder-pi1 div.div_hu_form form input[type="submit"] {
        font-size: 2em;
        max-width: 100%;
    }

    div.tx-nnhureminder-pi1 div.div_hu_form form select[name="month"],
    div.tx-nnhureminder-pi1 div.div_hu_form form select[name="year"] {
        font-size: 1.5em;
    }

    div.tx-nnhureminder-pi1 div.div_hu_form form label#label_1,
    div.tx-nnhureminder-pi1 div.div_hu_form form label#label_2,
    div.tx-nnhureminder-pi1 div.div_hu_form form label#label_3,
    div.tx-nnhureminder-pi1 div.div_hu_form form label#label_4 {
        width: 100%;
        font-size: 1.5em;
        margin-right: 0;
    }

    div.tx-nnhureminder-pi1 div.div_hu_form form input#input_1,
    div.tx-nnhureminder-pi1 div.div_hu_form form input#input_2,
    div.tx-nnhureminder-pi1 div.div_hu_form form input#input_3 {
        font-size: 1.5em;
        margin-top: .5em;
        padding-left: .5em;
        width: 100%;
    }

    div.tx-nnhureminder-pi1 div.div_hu_form form {
        line-height: 1.5em;
    }

    img#img_hu_captcha {
        width: 100%;
    }

    div.tx-nnhureminder-pi1 div.div_hu_form form label#label_8 {
        float: left;
        line-height: 2em;
        margin-left: 1em;
        width: 71%;
        font-size: 1.5em;
    }

    div.tx-nnhureminder-pi1 div.div_hu_form form input#input_8 {
        background: linear-gradient(to top, #dbdbdb 0%, #f5f5f5 60%, #fefefe 100%);
        border: 1px solid #b7b7b7;
        transform: scale(2.5);
        margin: 2.5em 0 0 .7em;
    }

    div.tx-nnhureminder-pi1 div.div_hu_form form a#reload {
        box-sizing: border-box;
        font-size: 1.5em;
        line-height: 1.5em;
        margin: 1.5em 0 0;
        padding-left: 0;
        text-align: left;
        width: 100%;
    }

    div.tx-nnhureminder-pi1 div.div_hu_form form select[name="month"] {
        width: 100%;
        margin-top: .5em;
    }

    div.tx-nnhureminder-pi1 div.div_hu_form form select[name="year"] {
        width: 100%;
    }

    /* Banner */
    div#div_banner div.div_bannerClose {
        line-height: 5em;
    }

    p {
        margin: 1em 0 0;
    }
}