/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html {
    line-height: 1.5;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.87); }

body {
    background: #F5F5F5;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}
main {
    flex: 1 0 auto;
}

.header-container {
    /*background: url(../../img/header.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 200px;*/
}

header {

}

nav {
 
}


.main-container {
    /*border: 1px solid green;*/
}

.main {
    /*background: rgba(0,0,0, 0.5);*/
}

.page-footer {
    opacity: 1;
}


aside {
    padding: 0;
    float: right;
    width: 20%;
}

aside header {
    font-size: 28px;
    margin: 0;
    padding: 3.5% 5%;
}

aside section {
    font-size: 18px;
    margin: 0;
    padding: 2% 5%;
}

article {
    float: left;
    width: 70%;
    padding: 0;

}

article header {
    font-size: 28px;
    margin: 0;
    padding: 1% 5%;
}

article section {
    font-size: 18px;
    margin: 0;
    padding: 2% 5%;
}

section {

}

section p {
    margin: 0;
}

.img_caption {
    background: rgba(255,255,255, 0.8);
	
}

.sliderNewsBlock {
	
}

.mailRead {
	cursor: pointer;
}

@media only screen and (min-width: 601px) {
    nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
        height: 48px !important;
        line-height: 48px !important;;
    }

}
/**
Styles aus dem alten CSS
 */

@font-face {
    font-family: "Roboto";
    src: local(Roboto Thin), url("../font/roboto/Roboto-Thin.woff2") format("woff2"), url("../font/roboto/Roboto-Thin.woff") format("woff"), url("../font/roboto/Roboto-Thin.ttf") format("truetype");
    font-weight: 200; }
@font-face {
    font-family: "Roboto";
    src: local(Roboto Light), url("../font/roboto/Roboto-Light.woff2") format("woff2"), url("../font/roboto/Roboto-Light.woff") format("woff"), url("../font/roboto/Roboto-Light.ttf") format("truetype");
    font-weight: 300; }
@font-face {
    font-family: "Roboto";
    src: local(Roboto Regular), url("../font/roboto/Roboto-Regular.woff2") format("woff2"), url("../font/roboto/Roboto-Regular.woff") format("woff"), url("../font/roboto/Roboto-Regular.ttf") format("truetype");
    font-weight: 400; }
@font-face {
    font-family: "Roboto";
    src: url("../font/roboto/Roboto-Medium.woff2") format("woff2"), url("../font/roboto/Roboto-Medium.woff") format("woff"), url("../font/roboto/Roboto-Medium.ttf") format("truetype");
    font-weight: 500; }
@font-face {
    font-family: "Roboto";
    src: url("../font/roboto/Roboto-Bold.woff2") format("woff2"), url("../font/roboto/Roboto-Bold.woff") format("woff"), url("../font/roboto/Roboto-Bold.ttf") format("truetype");
    font-weight: 700; }


input:not([type]):not(.browser-default):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #bdbdbd;
    -webkit-box-shadow: 0 1px 0 0 #bdbdbd;
    box-shadow: 0 1px 0 0 #bdbdbd;
}
input:not([type]):not(.browser-default):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #bdbdbd;
}

select {
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
    padding: 5px;
    border: 1px solid #f2f2f2;
    border-radius: 2px;
    height: 3rem; }

select:focus {
    outline: 1px solid white; }

.filter-collapsible [type="radio"]:checked + span:before,
.filter-collapsible [type="radio"]:checked + span:after {
    border-color: #9e9e9e !important;
}

.filter-collapsible [type="radio"]:checked + span:after {
    background-color: #9e9e9e !important;
}

/**
 * Check/Radio-Checked-Farben wie im alten Template (smartprofitsolution):
 * Materialize 1.0 nutzt hier teal (#26a69a), das alte Template grau (#bdbdbd)
 * mit dunkelgrauem Rahmen (#5a5a5a). Für Radio (Kreis + Punkt) und
 * Checkbox (Kasten + Haken) jeweils Rahmen und Füllung angleichen.
 */
[type=radio]:checked + span:not(.lever):before,
[type=radio]:checked + span:not(.lever):after,
[type=radio].with-gap:checked + span:not(.lever):before,
[type=radio].with-gap:checked + span:not(.lever):after,
[type=checkbox].filled-in:checked + span:not(.lever):before,
[type=checkbox].filled-in:checked + span:not(.lever):after {
    border-color: #bdbdbd;
}

[type=radio]:checked + span:not(.lever):after,
[type=radio].with-gap:checked + span:not(.lever):after,
[type=checkbox].filled-in:checked + span:not(.lever):after {
    background-color: #bdbdbd;
}

/* Haken der gefüllten Checkbox bleibt weiß (Kontrast auf grauer Füllung) */
[type=checkbox].filled-in:checked + span:not(.lever):before {
    border-right-color: #fff;
    border-bottom-color: #fff;
}

.input-field.red.accent-1 {
    min-height: 0;
}

/**
 * Materialize 1.0 setzt .row { margin-left/right: -0.75rem }, um das Padding
 * von .col-Kindern zu kompensieren. Die Module nutzen aber überwiegend Panels
 * ohne .col-Kinder (z.B. <div class="row card-panel">). Ohne Korrektur ragen
 * diese Panels 24px über den Seitenkontainer hinaus (breiter als die Navigation).
 * Neutralisierung der negativen Margins für diese Panel-Varianten:
 */
.row.card-panel,
.row.card,
.row.section,
.row.green-text,
.row.red-text,
.row.right,
.row.mt-1, .row.mt-2, .row.mt-3, .row.mt-4, .row.mt-5,
.row.mt-16, .row.mt-20, .row.mt-24, .row.mt-32, .row.mt-40, .row.mt-44,
.row.mt-72 {
    margin-left: 0;
    margin-right: 0;
}

/**
 * Materialize 1.0 nullt den Listen-Einzug (ul:not(.browser-default)
 * { padding-left: 0 }, Spezifität 0,1,1). Steht die Liste selbst als
 * card-panel (z.B. <ul class="table-of-contents card-panel">), verdrängt
 * diese Regel das linke Card-Padding — die Einträge kleben an der
 * Card-Kante. Betrifft mehrere Module (DealerControlling, DealerCSV,
 * AdminDealer, AdminMonitoring, DealerMailing, DealerMeldungen,
 * DealerDashboard). Linkes Card-Padding wiederherstellen:
 */
ul.card-panel {
    padding-left: 24px;
}

/**
 * Button-Defaults wie im alten Template (0.97-Fork): grau statt teal.
 * Nur Buttons ohne Farbklasse sind betroffen; FarbKlassen (theme/mainColor)
 * sind !important und dominieren weiterhin.
 * (alt: .btn { background-color: #bdbdbd }, Hover #cacaca —
 *  1.x-Default ist teal #26a69a / #2bbbad)
 */
.btn, .btn-small, .btn-large {
    background-color: #bdbdbd;
}

.btn:hover, .btn-small:hover, .btn-large:hover {
    background-color: #cacaca;
}

/**
 * Aktiv-Icons in input-Feldern (Materialize 1.0 faerbt .prefix/.suffix bei
 * Fokus/Aktivitaet teal) — wie im alten Template grau:
 * (alt: .input-field .prefix.active { color: #bdbdbd })
 */
.input-field .prefix.active, .input-field .suffix.active {
    color: #bdbdbd;
}