@charset "UTF-8";
/* import framework core */
@import url("../yaml/yaml/core/base.css");

/* import screen layout */
@import url("../yaml/yaml/navigation/hlist.css");
@import url("../yaml/yaml/navigation/vlist.css");
@import url("../yaml/yaml/forms/gray-theme.css");

/*@import url("screen.css");*/
@import url("../yaml/yaml/screen/typography.css");


@font-face {
  font-family: 'latobold';
  src: url('fonts/lato/lato-bold-webfont.woff2') format('woff2'),
  url('fonts/lato/lato-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'latobold_italic';
  src: url('fonts/lato/lato-bolditalic-webfont.woff2') format('woff2'),
  url('fonts/lato/lato-bolditalic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'latoitalic';
  src: url('fonts/lato/lato-italic-webfont.woff2') format('woff2'),
  url('fonts/lato/lato-italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'latolight';
  src: url('fonts/lato/lato-light-webfont.woff2') format('woff2'),
  url('fonts/lato/lato-light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'latolight_italic';
  src: url('fonts/lato/lato-lightitalic-webfont.woff2') format('woff2'),
  url('fonts/lato/lato-lightitalic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'latoregular';
  src: url('fonts/lato/lato-regular-webfont.woff2') format('woff2'),
  url('fonts/lato/lato-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}



/* import print layout */
/*@import url("print.css");*/

body {
    font-family: 'latoregular', sans-serif;
    color: #000000;
    font-size: 0.95rem;
}

body > header {
    min-width: 300px;
    background-repeat: no-repeat;
    background-position: 55% 0%;
}

main, .main {
    background-color: #f6faeb;
}

footer {
    background-color: #305e6e;
    color: #ffffff;
    font-size: 1.1em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}


.ym-wrapper {
    margin: 0 auto;
    max-width: 80em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 20px 45px;
    max-width: 1006px;
}


.ym-column {
    display: block;
    overflow: hidden;
    padding-right: 227px; /* column width */
    width: auto;
}

/* content: main -> Flexibel -> Mitte (für subnavi und content) */
.ym-col1 {
    position: relative;
    float: left;
    width: 100%;
}

/* wird bei Startseite gemappt (links und Mtte) */
.contentContainer {
    margin: 0em 0em;
}

/* sidebar: fix  - rechte Spalte*/
.ym-col3 {
    position: relative;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 227px; /* column width */
    margin: 0 -227px 0 0;
}

#landesverband {
    float: left;
}

#sidebarContent {
    float: left;
}

/* Subnavi und Content sind ein Grid innerhalb der 1. Column*/

.ym-g33 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 20px;
    min-width: 234px;
}

.ym-g66 {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-right: 20px;
}

p {
    line-height: 1.4em;
    margin-bottom: 0.75em;
}

ul {
    margin-bottom: 0.75em;
}

a {
    color: #305E6E;
    text-decoration: underline;
}

footer a, footer a:hover, footer a:visited, footer a:focus {
    color: #ffffff;
}

a:hover, a:visited, a:focus {
    background-color: transparent;
    color: #305E6E;
    text-decoration: underline;
}

h1 {
    margin: 0 0 0.8375em;
}

.bold, strong, b {
    font-weight: 400;
    font-family: 'latobold';

}

.italic, em, i {
    font-weight: 400;
    font-family: 'latoitalic';
}


.align-center {
    text-align: center;
}

h1, h2 {
    font-family: 'latoregular';
    font-weight: 400;
    font-size: 2.0em;
    line-height: 1.5em;
}

h2 {
    font-family: 'latobold';
    font-weight: 400;
    font-size: 1.5em;
    margin-bottom: 0.4em;
}

h3 {
    font-weight: 400;
    font-family: 'latobold';
    font-size: 1.1em;
    line-height: 1.25em;
    margin-bottom: 0.4em;
}

header h1 {
    font-size: 2.0em;
    line-height: 1.5em;
}

header h1 a, header h1 a:hover {
    color: #ffffff;
    text-decoration: none;
}

h1.title {
    color: #9e0039;
}

aside h1 {
    color: #305E6E;
    padding-left: 20px;
    padding-right: 0px;
    /*
    margin-left:14px;
    margin-right:14px;
    */
}

mark {
    background: #5d874e;
    background-color: rgba(92, 121, 82, 0.75);
    color: #ffffff;
    padding: 0px 10px;
    text-transform: uppercase;
}

hr {
    border-bottom-color: rgb(139, 140, 144);
}

.lowercase {
    text-transform: none;
}

/****************************************/
/*Horizontale Hauptnavigation überschreiben*/
/*****************************************/
.ym-hlist {
    background-color: transparent;
}

.ym-hlist ul {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.ym-hlist ul li {
    background: #fff;
    background: none repeat scroll 0 0 rgba(253, 254, 252, 0.86);
    margin: 0px 0px 10px 0px;
    margin-right: 0.5em;
    font-size: 1.1em;
}

.ym-hlist ul li.last {
    margin-right: 0em;
}

.ym-hlist ul li.active {
    background: #5d874e;
    background: none repeat scroll 0 0 rgba(93, 135, 78, 1.0);
    border-radius: 0.0em;
}

.ym-hlist ul li a,
.ym-hlist ul li a:hover,
.ym-hlist ul li strong,
.ym-hlist ul li.active a {
    color: #000000;
    line-height: 1.5em;
    padding-bottom: 2px;
    text-shadow: 0 0px 0px;
}

.ym-hlist ul li a:focus,
.ym-hlist ul li a:hover,
.ym-hlist ul li a:active {
    color: #fff;
    background: #5d874e;
    border-radius: 0.0em;
}


.ym-hlist ul li.active a {
    color: #ffffff;
}

/****************************************/
/*Vertikale Subnavigation überschreiben*/
/*****************************************/
.ym-vlist ul, .ym-vlist li,
.ym-vlist a, .ym-vlist strong, .ym-vlist span {
    background-color: transparent;
    border-bottom: 0px solid transparent;
    border-top: 0px solid transparent;
}

.ym-vlist {
    min-width: 145px;
}

.ym-vlist li {
    font-size: 1.1em;
    display: inline;
    margin: 0px 0px 10px 0px;
}

.ym-vlist li a, .ym-vlist li strong, .ym-vlist li span {
    padding: 0% 4%;
    line-height: 1.6em;
    display: inline;
    padding-bottom: 2px;
    padding-top: 2px;
}

.ym-vlist a, .ym-vlist a:visited {
    color: #000000;
}


.ym-vlist li a:focus,
.ym-vlist li a:hover,
.ym-vlist li a:active,
.ym-vlist li a.active {
    background: #5d874e;
    background: none repeat scroll 0 0 rgba(93, 135, 78, 1.0);
    color: #FFFFFF;
    text-decoration: none;
}

/*Sidebarboxen */
.csc-frame {
    color: rgba(0, 0, 0, 1.0);
    border-radius: 0.0em;
    border: 0px;
    width: 92%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#sidebarContent .csc-frame {
    width: 100%; /*neu seit T3 8: 14.10.2019/ 88%;*/
    margin-bottom: 1.5em;
    padding: 1.42857em;
}

/*Boxen mittig*/
.contentContainer .csc-frame {
    margin-left: 0px;
    margin-right: 0px;
}

.csc-frame-frame1 {
    background-color: white;
    box-shadow: 2px 4px 5px rgb(139, 140, 144);

}

.csc-frame-frame2 {
    background-color: rgba(255, 243, 104, 1.0);
    box-shadow: 2px 4px 5px rgb(139, 140, 144);
}

.csc-frame-rulerAfter {
    border-bottom: 1px solid rgb(139, 140, 144);
    padding-left: 0px;
    padding: 0 0 1.42857em 0;
    margin-bottom: 1.5em;
}

.csc-frame-rulerBefore {
    border-top: 1px solid rgb(139, 140, 144);
    padding-left: 0px;
    padding: 1.42857em 0 0 0;
    margin-top: 1.5em;
}

footer .csc-frame {
    color: #fff;
}

#logo img {
    display: block;
    margin-left: auto;
    margin-right: auto
}


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

    /* Linearisation for Grid- and Column-Module,
       based on CSS class .linearize-level-1 */
    .linearize-level-1,
    .linearize-level-1 > [class*="ym-c"],
    .linearize-level-1 > [class*="ym-g"] {
        /* linearization for grids and columns module */
        display: block;
        float: none;
        padding: 0;
        margin: 0;
        width: auto !important;
    }

    .linearize-level-1 > [class*="ym-c"],
    .linearize-level-1 > [class*="ym-g"] {
        /* reset defined gutter values */
        margin: 0;
        padding: 0;
        /* optional for containing floats */
        overflow: hidden;
    }

    .linearize-level-1 > aside h1 {
        text-align: left;
        margin-left: 0px;
    }


    .linearize-level-1 > aside .box {
        margin-left: 0;
    }

    #secondary .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
        padding: 10px;
    }
}

/* Änderungen bei kleinen Displays ******************/

@media screen and ( max-width: 600px ) {
    /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
    .linearize-level-2,
    .linearize-level-2 > [class*="ym-c"],
    .linearize-level-2 > [class*="ym-g"] {
        /* linearization for grids and columns module */
        display: block;
        float: none;
        padding: 0;
        margin: 0;
        width: auto !important;
    }

    .linearize-level-2 > [class*="ym-c"],
    .linearize-level-2 > [class*="ym-g"] {
        /* reset defined gutter values */
        margin: 0;
        padding: 0;
        /* optional for containing floats */
        overflow: hidden;
    }

    #secondary .linearize-level-1 > [class*="ym-g"] {
        padding: 10px;
    }

    .ym-wrapper {
        padding: 20px 20px;
    }

}

/************* Änderungen bei großen Displays ***************************/

@media only screen and (min-width: 1020px) {
    .ym-wrapper {
        max-width: 1200px;
    }

    /*rechte fixe servicespalte*/
    .ym-column {
        padding-right: 320px; /* column width */
    }

    .ym-col3 {
        width: 320px; /* column width */
        margin: 0 -320px 0 0;
    }
}
