@charset "UTF-8";
/*@import url(//fonts.googleapis.com/css?family=Libre+Franklin:300,400,700);*/
@font-face { font-family: 'MaisonNeueBook'; src: url("../fonts/MaisonNeue-Book.woff2") format("woff2"), url("../fonts/MaisonNeue-Book.woff") format("woff"); }

@font-face { font-family: 'MaisonNeueBold'; src: url("../fonts/MaisonNeue-Bold.woff2") format("woff2"), url("../fonts/MaisonNeue-Bold.woff") format("woff"); }

/* @group Standards */
html, body { width: 100%; height: 100%; }

body { margin: 50px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #050604; font-family: "MaisonNeueBook", "Libre Franklin", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.65em; background-color: #f0f0f0; }

table { padding: 0; margin: 0; border-spacing: 0; border-collapse: collapse; }

td { color: #050604; }

p { padding: 0px 0px 20px 0px; margin: 0px; }

img { border: none; }

figure { margin: 0px; padding: 0px; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; }

strong, b { font-family: "MaisonNeueBold", "Libre Franklin", sans-serif; }

div.table { display: table; border-collapse: collapse; width: 99%; }

div.tr { display: table-row; width: 100%; }

div.td { display: table-cell; float: left; vertical-align: top; }

span.td { display: inline-block; float: left; }

/* Überschriften, Links und Formular */
h1, .header1 { font-size: 300%; color: #050604; line-height: 120%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family: "MaisonNeueBold", "Libre Franklin", sans-serif; }

h2, .header2 { font-size: 163%; color: #050604; line-height: 130%; padding: 0px 0px 0px 0px; margin: 0px; font-weight: 400; }

h3, .header3 { font-size: 125%; font-family: "MaisonNeueBold", "Libre Franklin", sans-serif; color: #050604; line-height: 120%; padding: 0px 0px 0px 0px; margin: 0px; }

h4, .header4 { font-size: 100%; color: #d1a075; line-height: 140%; text-align: center; padding: 0px 0px 30px 0px; margin: 0px; }

h5, .header5 { font-size: 85%; color: #050604; line-height: 100%; text-align: center; padding: 0px 0px 10px 0px; margin: 0px; }

h6, .header6 { font-size: 118%; color: #68a330; line-height: 100%; text-align: center; padding: 0px 0px 20px 0px; margin: 0px; }

.header1, .header2, .header3, .header4, .header5 { display: block; }

hr { border: none; color: #f0f0f0; background-color: #f0f0f0; width: 100%; height: 1px; margin: 10px 0px 10px 0px; }

a { color: #050604; text-decoration: none; outline: 0; -moz-outline: 0; }

a:hover { color: #050604; text-decoration: underline; }

a.neutral { color: #050604; }

a.neutral:hover { color: #050604; }

.hidden { display: none; }

.visible { display: block !important; }

.el-visible { visibility: visible !important; }

.menu_active { color: #d1a075 !important; }

.font_80, .kfont { font-size: 80%; }

.font_90 { font-size: 90%; }

.font_125 { font-size: 125%; }

.font_150 { font-size: 150%; }

.font_175 { font-size: 175%; }

.font_200 { font-size: 200%; }

.font_240 { font-size: 240%; }

.text_center { text-align: center; }

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

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

.mobile-visible { display: none !important; }

.dev-area { display: none; }

ul { margin: 0; padding: 0; }

ul.table-listing { list-style: none; padding: 0px; display: table; margin: 0px auto; text-align: center; }

ul.table-listing li { position: relative; display: inline-block; padding: 0px 6px; margin: 5px 5px; }

.elm-shadow { -webkit-box-shadow: 5px 0 15px -2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 5px 0 15px -2px rgba(0, 0, 0, 0.3); box-shadow: 5px 0 15px -2px rgba(0, 0, 0, 0.3); }

.visability { display: block !important; }

.col { float: left; min-height: 1px; padding-right: 5px; padding-left: 5px; box-sizing: border-box; -moz-box-sizing: border-box; }

.col-1 { width: 8.33%; }

.col-2 { width: 16.66%; }

.col-2-5 { width: 20%; }

.col-3 { width: 25%; }

.col-4 { width: 33.33%; }

.col-5 { width: 41.66%; }

.col-6 { width: 50%; }

.col-7 { width: 58.33%; }

.col-8 { width: 66.67%; }

.col-9 { width: 75%; }

.col-10 { width: 83.33%; }

.col-11 { width: 91.66%; }

.col-12 { width: 100%; }

/* wrapper, container */
.wrapper { width: 100%; }

.container { width: 1160px; }

.container-small { width: 960px; }

.container, .container-small { display: table; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; }

.float-left { position: relative; float: left; width: 100%; }

.float-right { position: relative; float: right; width: 100%; }

.btn { position: relative; overflow: hidden; font-size: 70%; text-transform: uppercase; color: #FFFFFF; padding: 13px 15px; border: none; display: inline-block; width: 175px; border-radius: 2px; text-align: center; letter-spacing: 2px; }

.btn.btn-border { padding: 7px 7px; color: #FFFFFF; border: 1px solid #FFFFFF; font-weight: 400; }

.btn.btn-border:hover { color: #050604; background-color: #FFFFFF; border: 1px solid #FFFFFF; text-decoration: none; }

.container-top h1 { padding-top: 100px; }

.container-top h2 { padding-top: 40px; }

.container-top h3 { padding-top: 60px; padding-bottom: 120px; }

.container-footer { padding: 60px 0px 40px; }

.container-footer a { color: #050604; }

.container-footer a:hover { color: #050604; }

.wrapper-block.block1 { background-color: #d1a075; }

.wrapper-block.block2 { background-color: #68a330; }

.wrapper-block.block3 { background-color: #008bcb; }

.wrapper-block.block4 { background-color: #e40613; }

.wrapper-block.block5 { background-color: #050604; }

.wrapper-block.block5 a { color: #FFFFFF; }

.wrapper-block.block5 a:hover { color: #050604; }

.wrapper-block .header1 { font-weight: 400; }

.wrapper-block .container { color: #FFFFFF; }

.wrapper-block .container .header1 { color: #FFFFFF; }

.wrapper-block .container img { padding: 40px 0px; }

.wrapper-block .container .col { display: table-cell; vertical-align: middle; float: none; height: 370px; }

.wrapper-block .container .col-4 { text-align: center; }

@media (max-width: 1089px) { .container { width: 100%; padding-left: 0px; padding-right: 0px; }
  .container-small { width: 100%; } }

@media (max-width: 919px) { .wrapper-block .container { text-align: center; }
  .wrapper-block .container .header1 { padding-top: 40px; }
  .wrapper-block .container .btn { margin-bottom: 40px; }
  .wrapper-block .container .col { width: 100% !important; float: left !important; display: block !important; height: auto !important; } }

@media (max-width: 529px) { h1, .header1 { font-size: 200%; }
  h2, .header2 { font-size: 125%; }
  h3, .header3 { font-size: 100%; } }