/* ____________________________________ @Font-Face ____________________________________ */
@font-face {
font-family:'Moderat Regular';
src:    url('../fonts/moderat_regular/moderat-regular-webfont.eot');
src:    url('../fonts/moderat_regular/moderat-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/moderat_regular/moderat-regular-webfont.woff2') format('woff2'),
        url('../fonts/moderat_regular/moderat-regular-webfont.woff') format('woff'),
        url('../fonts/moderat_regular/moderat-regular-webfont.ttf') format('truetype'),
        url('../fonts/moderat_regular/moderat-regular-webfont.svg#moderatregular') format('svg');
}

@font-face {
font-family:'Moderat Bold';
src:    url('../fonts/moderat_bold/moderat-bold-webfont.eot');
src:    url('../fonts/moderat_bold/moderat-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/moderat_bold/moderat-bold-webfont.woff2') format('woff2'),
        url('../fonts/moderat_bold/moderat-bold-webfont.woff') format('woff'),
        url('../fonts/moderat_bold/moderat-bold-webfont.ttf') format('truetype'),
        url('../fonts/moderat_bold/moderat-bold-webfont.svg#moderatbold') format('svg');
}

@font-face {
font-family:'Couturier Bold It';
src:    url('../fonts/couturier_bold_italic/38CAAE_1_0.eot');
src:    url('../fonts/couturier_bold_italic/38CAAE_1_0.eot?#iefix') format('embedded-opentype'),
        url('../fonts/couturier_bold_italic/38CAAE_1_0.woff2') format('woff2'),
        url('../fonts/couturier_bold_italic/38CAAE_1_0.woff') format('woff'),
        url('../fonts/couturier_bold_italic/38CAAE_1_0.ttf') format('truetype');
}

/* ____________________________________ Schriftart ____________________________________ */
.mod_reg{
font-family: var(--font_mod_reg);
}

.mod_bol{
font-family: var(--font_mod_bol);
}

.cou_bi{
font-family: var(--font_cou_bi);	
}

/* ____________________________________ Schriftgröße EM ____________________________________ */
body{
font-size: 17px;
}

.fs_2_5{
font-size: 2.5em;
}

.fs_1_4{
font-size: 1.4em;
}

.fs_1_2{
font-size: 1.2em;
}

.fs_1{
font-size: 1em;
}

/* ____________________________________ Schriftgröße VW ____________________________________ */
.fs_3_vw{
font-size: 3vw;
}

/* ____________________________________ Zeilenabstand ____________________________________ */
.lh150{
line-height: 150%;
}

.lh120{
line-height: 120%;
}

.lh100{
line-height: 100%;
}

/* ____________________________________ Schriftfarbe ____________________________________ */
.white{
color: var(--color_white);
}

.brown{
color: var(--color_brown);
}

.light_blue{
color: var(--color_light_blue);
}

.blue{
color: var(--color_blue);
}

.ci{
color: inherit;
}

/* ____________________________________ BG Color ____________________________________ */
.bg_white{
background-color: var(--color_white);
}

.bg_light_brown{
background-color: var(--color_light_brown);
}

.bg_brown{
background-color: var(--color_brown);
}

.bg_light_blue{
background-color: var(--color_light_blue);
}

.mbm_d{
mix-blend-mode: difference;
}

/* ____________________________________ Button ____________________________________ */
.button{
padding: 1.5vh 3vh;
border-radius: 3vh;
}

.button.bg_brown:hover{
color: var(--coloe_brown);
background-color: var(--color_light_brown);
}

/* ____________________________________ Liste ____________________________________ */
ul.list {
padding-left: 15px;
}

ul.list li{
margin-bottom: 10px;
}

ul.list li:before {
content:"·";
margin-left: -15px;
position: absolute;
}


/* ____________________________________ Extras ____________________________________ */
.ta_center{
text-align: center;
}

.ta_right{
text-align: right;
}

.ta_left{
text-align: left;
}

.tt_up{
text-transform: uppercase;
}

.tt_no{
text-transform: none;
}

.wb{
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}