/* reset.css ##-##-##-##-##-##-##-## ||| -> */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
/* with additions from Martin Eberhardt regarding box-sizing and default font  - thanks to meyerweb for the basics */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
html {
    box-sizing: border-box;
    font-size: 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

*, *:before, *:after {
    box-sizing: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* resetInputs.css ##-##-##-##-##-##-##-## ||| -> */
input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], textarea{
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    display: inline-block;
    min-height: 36px;
    padding: 8px 12px;
    width: 100%;
    margin-top: 5px;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    font-size: 100%;
    color: #000;
    outline: none;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #333;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #333;opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #333;
}
:-moz-placeholder { /* Firefox 18- */
    color: #333;
}

input:focus, textarea:focus {
    border-color: #000;
}

input[type=submit], input[type=button], button {-webkit-appearance: none;border-radius: 0;-moz-appearance: none;}

/* bootstrap-grid.min.css ##-##-##-##-##-##-##-## ||| -> */
/*!
 * Bootstrap Grid v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * MaE: added xxl, removed -ms- rules (IE 10, 11) - minify: https://www.toptal.com/developers/cssminifier
 */html{box-sizing:border-box}*,::after,::before{box-sizing:inherit}.container,.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto,.col-xxl,.col-xxl-1,.col-xxl-10,.col-xxl-11,.col-xxl-12,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9,.col-xxl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;width:auto;max-width:none}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}@media (min-width:576px){.container{max-width:540px}.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:none}.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}}@media (min-width:768px){.container{max-width:720px}.col-md{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;width:auto;max-width:none}.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}}@media (min-width:992px){.container{max-width:960px}.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:none}.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}}@media (min-width:1200px){.container{max-width:1140px}.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:none}.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}}@media (min-width:1400px){.container{max-width:1320px}.col-xxl{flex-basis:0;flex-grow:1;max-width:100%}.col-xxl-auto{flex:0 0 auto;width:auto;max-width:none}.col-xxl-1{flex:0 0 8.333333%;max-width:8.333333%}.col-xxl-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xxl-3{flex:0 0 25%;max-width:25%}.col-xxl-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xxl-5{flex:0 0 41.666667%;max-width:41.666667%}.col-xxl-6{flex:0 0 50%;max-width:50%}.col-xxl-7{flex:0 0 58.333333%;max-width:58.333333%}.col-xxl-8{flex:0 0 66.666667%;max-width:66.666667%}.col-xxl-9{flex:0 0 75%;max-width:75%}.col-xxl-10{flex:0 0 83.333333%;max-width:83.333333%}.col-xxl-11{flex:0 0 91.666667%;max-width:91.666667%}.col-xxl-12{flex:0 0 100%;max-width:100%}.order-xxl-first{order:-1}.order-xxl-last{order:13}.order-xxl-0{order:0}.order-xxl-1{order:1}.order-xxl-2{order:2}.order-xxl-3{order:3}.order-xxl-4{order:4}.order-xxl-5{order:5}.order-xxl-6{order:6}.order-xxl-7{order:7}.order-xxl-8{order:8}.order-xxl-9{order:9}.order-xxl-10{order:10}.order-xxl-11{order:11}.order-xxl-12{order:12}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.333333%}.offset-xxl-2{margin-left:16.666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.333333%}.offset-xxl-5{margin-left:41.666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.333333%}.offset-xxl-8{margin-left:66.666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.333333%}.offset-xxl-11{margin-left:91.666667%}.d-xxl-none{display:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}}

/* flexslider.css ##-##-##-##-##-##-##-## ||| -> */
/*
 * jQuery FlexSlider v2.7.2
 * https://www.woocommerce.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
@-moz-document url-prefix() {
  .loading .flex-viewport {
    max-height: none;
  }
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}


/* essentials.css ##-##-##-##-##-##-##-## ||| -> */
html, body {width: 100%;height: 100%}
img {max-width: 100%;height: auto;display: block}
.block {display: block}
.float_left {float: left}
.float_right {float: right}
.hidden {display: none}
.noSelect {-moz-user-select: none;-ms-user-select: none;-webkit-user-select: none;user-select: none} /* i.e. accordion title */
.clearAfter:after, .elText:after {display: block;content: '';clear: both} /* use this class on floaters surrounding element instead of s.th. like <div class="clear"> */
a {outline: none}
#wrapper {overflow: hidden}
.spin {animation:spin 1s linear infinite}
@keyframes spin { 0% { -webkit-transform: rotate(0deg); transform:rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

#skipToContent a {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
#skipToContent a:focus {position:static;width:auto;height:auto;}

/* Accordion */
.elAccordion .title {cursor: pointer}
.elAccordion .content {display: none}
.elAccordion.opened .content {display: block}

/* Form */
.fieldWrapper.required label:after {content: '*';color: red}
#flxFirstName, label[for=flxFirstName] {display: none !important;} /* honey pot in forms */

/* Flex Slider */
.flex-direction-nav a {margin-top: 20px}
.flex-direction-nav a {overflow: visible;text-shadow: none}
.flex-control-paging li a {box-shadow: none}
.flex-direction-nav .flex-next, .flex-direction-nav .flex-prev {color: transparent;font-size: 0}

/* youTube responsive */
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 0;height: 0;overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.twoClick-container .video-container {background-color: #000;background-size: cover}
video.autoWidth {width:100%;height:auto;}
.twoClickBox {position: absolute;background: #eee;color: #333;width: 100%;max-width: 400px;padding: 20px;line-height: 1.2em;margin: 0;left: 50%;top: 50%;transform: translate(-50%, -50%);}

/* Background Images */
.hasBgImage {position: relative}
.maeBgImage {position: absolute;z-index: -1;width: 100%;left: 0;height: 100%;top: 0;background-repeat: no-repeat;background-size: cover;background-position: center center}
.maeBgImage.maeBgFullWidth {width: 100vw;left: 50%;margin-left: -50vw}

/* ImageMap */
.imgMapWrapper {position: relative;overflow: hidden;}
.imgMapWrapper img {width: 100%;height: auto;display: block;margin: 0 0 0 0;}
.mapArea {position: absolute;background-position: center center;background-size: contain;background-repeat: no-repeat}
.mapArea a {display: block;width: 100%;height: 100%}

/* lightbox */
#maeLightbox {z-index: 101;display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.90);color: #fff}
#maeLightbox .header {position: absolute;left: 0;top: 0;right: 0;height: 60px}
#maeLightbox .title {margin: 10px 80px 0 25px;max-height: 50px;overflow: hidden;padding-bottom: .15em}
#maeLightbox .title .source::before {content: ' | '}
#maeLightbox .maeBtn {width: 40px;height: 40px;position: absolute;display: block}
#maeLightbox .maeBtn:hover {background-color: #444}
#maeLightbox .maeBtn:focus {outline: #aaa dashed 1px}
#maeLightbox .close {right: 25px;top: 10px;}
#maeLightbox .close:before, #maeLightbox .close:after {position: absolute;left: 19px;content: ' ';height: 41px;width: 2px;background-color: #fff;}
#maeLightbox .close:before {transform: rotate(45deg);}
#maeLightbox .close:after {transform: rotate(-45deg);}
#maeLightbox .media {position: absolute;left: 0;right: 0;top: 60px;bottom: 60px;background-size: contain;background-position: center center;background-repeat: no-repeat}
#maeLightbox .loading {width: 64px;height: 64px;margin: calc(50vh - 32px) auto 0 auto;opacity: .6;background: center / contain no-repeat url("../images/loading.gif")}
#maeLightbox .nav {position: absolute;left: 0;bottom: 0;height: 60px;width: 100%}
#maeLightbox .nav .prev {left: 25px;top: 10px;}
#maeLightbox .nav .maeBtn.prev .inside {left: 5px;transform: rotate(-45deg)}
#maeLightbox .nav .next {right: 25px;top: 10px}
#maeLightbox .nav .maeBtn.next .inside {right: 5px;transform: rotate(135deg)}
#maeLightbox .nav .navTitle {margin: 0 65px;text-align: center;line-height: 60px;overflow: hidden}
#maeLightbox .nav .maeBtn .inside {position: absolute;width: 20px;height: 20px;margin: 10px;border-top: 2px solid #fff;border-left: 2px solid #fff;}
#maeLightbox .nav .maeBtn .inside:before {display: block;height: 200%;width: 200%;margin-left: -50%;margin-top: -50%;content: "";transform: rotate(45deg);}
@media (max-height: 500px) {
    #maeLightbox .media {top: 0;bottom: 0}
    #maeLightbox .header, #maeLightbox .nav {background-color: rgba(0,0,0,.5)}
}

/* Mobile Navi */
#maeMM-trigger {right: 10px;top: 10px;position: absolute;z-index: 101;cursor: pointer}
#maeMM-trigger .bar {height: 5px;background: #333;margin: 6px 0;transition: .4s;width: 35px}
.theX .bar1 {transform: rotate(-45deg) translate(-7px, 7px)}
.theX .bar2 {opacity: 0}
.theX .bar3 {transform: rotate(45deg) translate(-8px, -8px)}
#maeMM-trigger.blocked, #maeMM.blocked {display: none !important}
#maeMM {background: rgba(0,0,0,.5);display: none;width: 0;left: 0;top: 0;bottom: 0;z-index: 100;overflow: hidden;position: fixed}
#maeMM .wrapper {background: #444;height: calc(100% - 45px);overflow: auto}
#maeMM a {display: none;color: #fff;background: #333;border-bottom: solid #444 1px;padding: 14px 20px;text-decoration: none;transition: all .3s;position: relative;user-select: none;margin: 0}
#maeMM a:not(.top):hover, #maeMM a:focus, #maeMM.parentToggles a.top:hover, #maeMM.parentToggles a.top:focus {background: #444;transition-duration: unset}
#maeMM li.active > a {text-decoration: underline}
#maeMM ul {list-style: none}
#maeMM ul.open > li > a:not(.top), #maeMM .headerWrapper a {display: block}
#maeMM .maeBtn {position: absolute;width: 50px;height: 100%;top: 0;cursor: pointer}
#maeMM .maeBtn:hover, #maeMM .maeBtn:focus {background: #444;border-color: #333;outline: none}
#maeMM a .inside {position: absolute;width: 12px;height: 12px;margin: 10px;border-top: 2px solid #fff;border-left: 2px solid #fff;right: 10px;top: calc(50% - 20px)}
#maeMM .opener, #maeMM .close {border-left: solid #444 1px;right: 0}
#maeMM a .opener .inside {transform: rotate(135deg)}
#maeMM a .back {border-right: solid #444 1px;left: 0}
#maeMM a .back .inside {left: 10px;transform: rotate(-45deg)}
#maeMM .close {right: 0}
#maeMM .close:before, #maeMM .close:after {position: absolute;left: 23px;top: 50%;margin-top: -15px;content: ' ';height: 30px;width: 2px;background-color: #fff;}
#maeMM .close:before {transform: rotate(45deg);}
#maeMM .close:after {transform: rotate(-45deg);}
#maeMM a.hasBack, #maeMM a.heading {padding: 0 60px;line-height: 45px;max-height: 45px;overflow: hidden;text-transform: uppercase;border-bottom-color: #ccc}
#maeMM a.hasOpener {padding-right: 60px}
#maeMM ul, #maeMM li {padding: 0;margin: 0}
#maeMM a.heading {padding-left: 20px}
#maeMM a.top, #maeMM.parentToggles a.top.heading {cursor: default}
#maeMM.parentToggles a.top {cursor: pointer}
#maeMM .headerWrapper, #maeMM .wrapper {margin-right: 60px}

/* Addresses */
.elEventDetails.noLocation .locationAddress, .elEventDetails.noOrganizer .organizerAddress {display: none}

/* product catalog */
.prodCat .yourBookmarks {display: none}
.m-bookmark-list form .singleProduct, .m-prod-detail form .bookmarkProducts {display: none !important;}
.prodCat .yourBookmarks.hasBookmarks, .prodCat .yourBookmarks.thisList {display: block}

/* privacy settings */
.provider-list .provider {line-height: 1.5em;padding-left: 2em;background-image: url("../images/checkbox_unchecked.svg");background-position: left top;background-size: 1.5em 1.5em;background-repeat: no-repeat;cursor: pointer}
.provider-list .provider.checked {background-image: url("../images/checkbox_checked.svg")}
.provider-list .consent-info {margin-left: .8em}

/* parallax */
.elImageParallax {position: relative;overflow: hidden;min-height: 10vh}
.elImageParallax .parallax {position: absolute;background-position: center center;background-size: cover;top: 0;right: 0;bottom: 0;left: 0;will-change: transform;transform-style: preserve-3d}
.elImageParallax .text {position: absolute;top: 50%;left: 5%;width: 45%;transform: translateY(-50%)}
.elImageParallax.txtScroll {transform: none;will-change: transform}
.elImageParallax.scrollTxtSlower .text {top: 5%}
.elImageParallax.scrollTxtFaster .text {top: unset;bottom: 5%}

/* eichele.css ##-##-##-##-##-##-##-## ||| -> */
/* colors:
body bg         #454545
topBar bg       #1F1F1F
orange          #F39100     243,145,0
türkis          #008B90     0,139,144
blau (metall)   #0073AB     0,115,171
footer bg       #363636

font-size:
16px            100%
13px            81%

body classes:
georg, bau, metall, rohr
 */
@font-face {font-family:'Roboto';font-style: normal;font-weight: 300;src: url("fonts/roboto-v20-latin-300.woff2") format('woff2'), url("fonts/roboto-v20-latin-300.woff") format('woff');}
@font-face {font-family:'Roboto';font-style: normal;font-weight: 700;src: url("fonts/roboto-v20-latin-700.woff2") format('woff2'), url("fonts/roboto-v20-latin-700.woff") format('woff');}
b, strong {font-weight: 700}
span.size {display: none}
.fullscreen {width: 100%;height: calc(100vh - 65px);position: relative;overflow: hidden}
.icon {width: 22px;height: 22px;margin: 0 12px -6px 0;display: inline-block;background-size: 100% 100%;background-repeat: no-repeat}
.icon.email {background-image: url("../../upload/Icons/mail.svg")}
.icon.phone {background-image: url("../../upload/Icons/phone.svg")}
.icon.facebook {background-image: url("../../upload/Icons/facebook.svg")}
.onColor .icon.facebook {background-image: url("../../upload/Icons/facebook-black.svg")}
.icon.insta {background-image: url("../../upload/Icons/instagram.svg")}
.onColor .icon.insta {background-image: url("../../upload/Icons/instagram-black.svg")}
.transparent {background-color: transparent !important;}
.maxWidth {max-width: 1400px;margin-left: auto;margin-right: auto}
.inline-svg {display: inline-block;width: 1em;height: 1em;background-size: contain;background-position: center center;margin-right: .3em;vertical-align: baseline}
.benefit {line-height: 2em;text-align: center;margin-bottom: 2em}
.onWhite .besonders h3 {color: #F39100}
.centerImage img {margin: 2em auto 1em auto}

body {font-family: "Roboto", sans-serif;font-size: 16px;line-height: 21px;background-color: #454545;color: #fff}
/*#main {min-height: 100vh} */
h1 {font-size: 22px;line-height: 27px;font-weight: 700;text-transform: uppercase;margin-bottom: 1.2em}
h2 {font-size: 20px;line-height: 25px;font-weight: 700;text-transform: uppercase;margin-bottom: 1em;color: #F39100}
h3 {font-size: 22px;line-height: 27px;font-weight: 700;text-transform: none;margin-bottom: 1.5em}
.onDark h1 em {color: #F39100}
.onColor h1 em {color: #fff;font-weight: 300}
.onColor h2 {color: #fff}
.elMargin {content: ' ';height: 3em}
.elMargin.small {height: 10px}
.elMargin.large {height: 5em}
#wrapper {position: relative}

/* header */
#header {position: fixed;left: 0;top: 0;right: 0;z-index: 15;pointer-events: none;}
#header .inside a {pointer-events: auto}
#header a {color: #fff;text-decoration: none}
#topBar a {margin-right: 25px}
#topBar {height: 0;background-color: #1F1F1F;font-size: 81%;text-align: center;line-height: 22px;max-height: 33px;overflow: hidden;transition: height .3s;}
body.scroll #topBar {height: 33px;padding-top: 5px;padding-bottom: 5px}
#logo {width: 188px;height: 90px;background-color: #F39100;float: left;background-image: url("../images/logo_georg_bunt.svg");background-size: 132px auto;background-position: center center;background-repeat: no-repeat}
#menuBtn {width: 34px;height: 25px;margin-right: 30px;margin-top: 25px;float: right;background-image: url("../images/burger.svg");background-size: contain;background-repeat: no-repeat;transition: opacity .3s}
#menuBtn:hover {opacity: .5;transition-duration: unset}
#contactBtn {width: 60px;height: 60px;position: fixed;right: 0;bottom: 90px;background-color: #F39100;background-image: url("../../upload/Icons/sprech.svg");background-position: center center;background-size: 80%;background-repeat: no-repeat;cursor: pointer;transition: background-color .3s}
#contactBtn:hover {background-color: #FFB84E;transition-duration: unset}
body.hideContactButton #contactBtn {display: none}
.headerImage img {width: 100%}

/* content */
.button {border: solid #F39100 3px;display: inline-block;font-weight: 700;padding: 9px 14px 9px 30px;background-image: url("../images/btnTriangle_white.svg");background-position: 12px center;background-repeat: no-repeat;background-size: 9px auto;transition: background-color .3s !important;font-family: inherit;font-size: inherit;cursor: pointer;border-radius: 24px}
.button:hover, .button:focus {background-color: #F39100;transition-duration: unset !important;}
.button:active {background-color: rgba(243,145,0,.3)}
#main a.button {text-decoration: none;color: #fff !important;}
#main a.button:active {opacity: 1}
#main a {text-decoration: underline;transition: color .3s;color: #fff}
#main a:hover, #main a:focus {color: #F39100;transition-duration: unset}
#main a:active {opacity: .6}
#main ul {margin: 0 0 1.5em 1em}
#main li {list-style-type: disc;list-style-position: outside;margin-bottom: .5em}
#main p {margin-bottom: 1.2em}

.tableWrapper {max-width: 100%;overflow: scroll}
table {border-spacing: 3px;border-collapse: separate !important;}
td {padding: 8px;margin: 0 4px 4px 0;background-color: #fff;color: #333}
thead td, th {background-color: #F39100;color: #fff;font-weight: 700;}
tbody tr:nth-child(even) td {background-color: #e6e6e6}

/* Navi */
#navi {display: none;position: fixed;z-index: 20;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(243,145,0,.95);overflow: auto;color: #000;padding: 20px 20px 20px 20px;}
#navi.open {display: block}
#navi a {color: #000;text-decoration: none;transition: all .3s}
#navi a:hover {color: #fff;transition-duration: unset}
#navi .elNav li {text-align: center}
#navi .elNav a {font-size: 31px;text-transform: uppercase;line-height: 60px;font-weight: 700}
#navi .elNav .active a {opacity: .5}
#navi .elNavCustom {float: left;}
#navi .socialWrapper {float: right}
#navi .socialWrapper .icon:last-child {margin-right: 0}
#navi .elNavCustom li {display: inline-block;text-transform: uppercase}
#navi .elNavCustom li:last-child a:after {display: none}
#navi .elNavCustom a:after {content: '|';margin: 0 6px}
#navi .contactList, #navi .bottomLine {margin-top: 50px}
#navi .bottomLine {margin-bottom: 10px}
#navi .contactList .elText, #formPopup .contactList .elText {margin-bottom: 1em}
#navi .contactList .image_container, #formPopup .contactList .image_container {display: block;float: left;margin-top: -5px}
#navi .contactList p, #formPopup .contactList p {margin: 0 0 0 50px;}
.btnClose {position: absolute;width: 26px;height: 26px;top: 25px;right: 25px;background-image: url("../images/close-white.svg");background-size: 100% 100%;cursor: pointer}

/* Backgrounds */
.section {padding: 30px 20px;background-color: #454545;overflow: hidden}
.newsDetailMasterSection .section {padding: 0 0 0 0;}

.onWhite {background-color: #fff;color: #000}
#main .onWhite a , .fieldWrapper a {color: #F39100}
.fieldWrapper a:hover, .fieldWrapper a:focus {color: #000}
#main .onWhite a:hover, #main .onWhite a:active {color: #333}
#main .onWhite a.button {color: #333 !important;}
.onWhite .button {background-image: url("../images/btnTriangle_dark.svg")}

.onColor {background-color: #F39100}
#main .onColor a {color: #333}
#main .onColor a:hover, #main .onColor a:active {color: #fff}
.onColor .button {border-color: #fff;background-image: url("../images/btnTriangle_dark.svg")}
.onColor .button:hover {background-color: #fff}
.onColor .button:active {background-color: rgba(255,255,255,.3)}
#main .onColor a.button {color: #333 !important;}

/* Startseite */
#companyNav {position: fixed;left: 0;bottom: 0;width: 100%;line-height: 65px;height: 65px;background-color: #1F1F1F;color: #fff;text-align: center;cursor: pointer;overflow: hidden;transition: height .5s;z-index: 19}
#companyNav.open {height: 100vh;z-index: 20;}
#companyNav.open .title {border-bottom: solid #444 1px}
#companyNav .title:after {content: "Die Eichele Unternehmensgruppe";text-transform: uppercase}
#companyNav .title:before {content: " ";width: 20px;height: 25px;margin-bottom: -5px;display: inline-block;margin-right: 5px;background-image: url("../images/btnTriangle_white.svg");background-position: center center;background-size: auto 9px;background-repeat: no-repeat}
#companyNav.open .title:before {transform: rotate(-90deg)}
#companyNav .logo-wrapper {height: calc(100vh - 80px);margin: 8px 20px 0 20px}
.navLogo {height: 25%;background-size: 175px auto;background-position: center center;background-repeat: no-repeat;transition: background-color .3s !important;}
.navLogo a {display: block;width: 100%;height: 100%;content: ' '}
.navLogo.georg {background-image: url("../../upload/Logos/logo_georg_eichele_mono.svg")}
.navLogo.bau {background-image: url("../../upload/Logos/logo_bau_mono.svg")}
.navLogo.metall {background-image: url("../../upload/Logos/logo_metall_mono.svg")}
.navLogo.rohr {background-image: url("../../upload/Logos/logo_rohr_mono.svg")}
.navLogo:hover, .navLogo:focus {background-color: #8F8F8F;transition-duration: unset}
body.georg .navLogo.georg, body.bau .navLogo.bau, body.rohr .navLogo.rohr, body.metall .navLogo.metall {background-color: #4C4C4C}

#contactBoxWrapper {position: absolute;left: 0;bottom: 0;width: 100%;text-align: center}
#contactBoxWrapper img {margin: 0 auto 15px auto;}
#contactBoxWrapper a {text-decoration: none}
#contactBoxWrapper .fax, #navi .fax, #formPopup .fax {display: none}
#companyNav .elImage {margin: 0 20px;}

#startPageHeading {max-width: 450px;margin: 170px auto 0 auto;padding: 0 20px;position: relative;z-index: 14}
#startPageHeading h1 {text-align: center;text-shadow: 2px 2px 1px rgba(0,0,0,.16)}
#main a.special {color: #fff;background-color: #F39100;line-height: 24px;border-radius: 25px;overflow: hidden;padding: 13px 15px;display: block;text-align: center;font-weight: 700;text-decoration: none;border: solid #F39100 1px}
#main a.special:hover {background-color: #FFF;color: #F39100}

/* Inhalte */
#main p.download {margin-bottom: .5em}
.download a {display: block;padding-left: 20px;background-image: url("../images/download_weiß.svg");background-position: left .2em;background-size: auto 1em;background-repeat: no-repeat}
.onWhite .download a {background-image: url("../images/download_orange.svg")}
.onColor .download a {background-image: url("../images/download_dark.svg")}

.elAccordion {margin-bottom: 15px}
.elAccordion .content {padding-top: 1em}
.elAccordion .title {font-weight: 700;color: #fff;border-bottom: solid #fff 3px;padding: 10px 50px 10px 0;position: relative;cursor: pointer}
.elAccordion .title:hover {color: #F39100}
.elAccordion .title, .elAccordion .title:before, .elAccordion .title:after {transition: border-color .3s;}
.elAccordion .title:after, .elAccordion .title:before {display: block;position: absolute;content: ' ';}
.elAccordion .title:after {top: 10px;right: 10px;width: 0;height: 23px;border-left: solid #fff 3px;transition: all .3s}
.elAccordion .title:before {right: 0;width: 23px;height: 0;top: 20px;border-bottom: solid #fff 3px}
.elAccordion.opened .title, .elAccordion .title:hover, .elAccordion .title:hover:before, .elAccordion.opened .title:before, .elAccordion.opened .title:after, .elAccordion .title:hover:after {border-color: #F39100}
.elAccordion .title:active {opacity: .6}
.elAccordion.opened .title:after {transform: rotate(90deg)}
.onWhite .elAccordion .title, .onWhite .elAccordion .title:before, .onWhite .elAccordion .title:after {border-color: #000}
.onColor .elAccordion .title, .onColor .elAccordion .title:before, .onColor .elAccordion .title:after {border-color: #000}
.onWhite .elAccordion.opened .title, .onWhite .elAccordion .title:hover, .onWhite .elAccordion .title:hover:before, .onWhite .elAccordion.opened .title:before, .onWhite .elAccordion .title:hover:after, .onWhite .elAccordion.opened .title:after {border-color: #F39100}
.onColor .elAccordion.opened .title, .onColor .elAccordion .title:hover, .onColor .elAccordion .title:hover:before, .onColor .elAccordion.opened .title:before, .onColor .elAccordion .title:hover:after, .onColor .elAccordion.opened .title:after {border-color: #fff}
.onColor .elAccordion .title {color: #fff}

a.lightbox {display: block;position: relative}
a.lightbox img {transition: transform .3s}
a.lightbox img:hover {transform: scale(1.05) rotate(0.001deg)}
a.lightbox:hover:after {content: ' ';display: block;position: absolute;width: 54px;height: 54px;margin: 0;left: 50%;top: 50%;transform: translate(-50%, -50%);background-image: url("../images/lightbox_me.png");background-size: cover}

.elImageGallery .image_container {margin-bottom: 30px}
.caption {text-align: center}
.bereichsIcons img {display: block;width: 85px;margin: 1.2em auto}
.bereichsIcons .elImage {margin-bottom: 2em}

.flexslider {border-radius: 0;margin-bottom: 0;border: none;background-color: transparent}
.flex-control-paging {bottom: 19px}
.flex-control-paging li a {width: 20px;height: 20px;margin-right: 16px;background-color: #ccc;box-shadow: none;}
.flex-control-paging li a.flex-active {background-color: #F39100}
.flex-control-paging li:last-child a {margin-right: 0}
#main .flexslider ul {margin: 0 0 0 0;}
#main .flexslider li {margin: 0 0 0 0;list-style: none}
.slide .elText {background-color: rgba(255,255,255,.85);padding: 35px;overflow: hidden}
.slide {background-color: transparent;padding: 25px 20px 60px 20px}
.slide.onColor .elText {background-color: rgba(243,145,0,.9)}

.startPageAdr em {display: inline-block;min-width: 75px;}

#main .moreNews p {margin-top: 2em;text-align: center}
.elNewsList h1 {text-align: center}
.elNewsList .content {margin-top: 1em}
#main .elNewsList .content p {margin-bottom: 0}
.elNewsList a {text-decoration: none !important;color: #fff !important;display: block}
.elNewsList img {transition: opacity .3s}
.elNewsList a:hover img {opacity: .7;transition-duration: unset}
.elNewsDetails .standardImage .image_container {margin-bottom: 2em}

/* Formulare */
.fieldWrapper input, textarea {font-family: inherit;font-size: inherit;width: 100%;font-weight: 700;color: #F39100;border: none;outline: none;appearance: none;border-bottom: solid #333 3px;padding: 5px 0;margin-bottom: 18px}
.fieldWrapper input:hover, .fieldWrapper input:focus, textarea:hover, textarea:focus {border-color: #F39100 !important;}
input::placeholder, textarea::placeholder {font-family: inherit;font-size: inherit;font-weight: 700;color: #F39100}
#formPopup {display: none;position: fixed;z-index: 20;left: 0;top: 0;bottom: 0;right: 0;background-color: rgba(0,0,0,.8);overflow: scroll}
#formPopup.open {display: block}
#formPopup .elColumnWrapper {margin: 20px;position: relative;height: calc(100% - 40px)}
#formPopup .elForm {padding: 20px}
#formPopup .onColor a, #contactPage .onColor a {color: #fff;text-decoration: none}
#formPopup .btnClose {background-image: url("../images/close-dark.svg")}
#formPopup .contactList {margin: 50px 0 20px 0}
#formPopup .button, #contactPage .button {width: auto;display: block;margin: 20px auto}
.widget-checkbox span{clear: both;display: block;margin-bottom: 10px;}
.widget-checkbox span::before{content: '';display: block;float: left;width: 30px;height: 30px;border: 1px solid #F39100;}
.widget-checkbox span::after{content: '';display: block;clear: both;}
.widget-checkbox input{-moz-appearance: none;-webkit-appearance: none;background: none;box-shadow: none;border: 0;width: 26px;height: 26px;margin-left: -28px;margin-top: 2px;float: left;}
.widget-checkbox input:checked{background: #F39100;}
.widget-checkbox label {display: block;margin-left: 45px}

#contactPage .section {padding-left: 35px;padding-right: 35px}
#contactPage .contactList {text-align: center}
#contactPage .contactList img {margin: 0 auto 20px auto;}

/* Job Tool */
.elXjobs {text-align: center}
.elXjobs h3 {margin-bottom: .5em}
.progWrap {margin-top: 40px;margin-bottom: 25px;width: 80px;height: 80px;position: relative;line-height: 80px;text-align: center;display: inline-block;font-size: 20px;font-family: Verdana, Arial, sans-serif}
.progWrap .ring {border-radius: 40px;border-style: solid;border-width: 10px;position: absolute;left: 0;top: 0;width: 80px;height: 80px;border-color: transparent;transform: rotate(45deg)}
.progWrap .ring.light {border-color: #E0E4E7}
.progWrap.step1 .ring.dark {border-top-color: #666666}
.progWrap.step2 .ring.dark {border-right-color: #666666}
.progWrap.step2 .ring.green {border-top-color: #F39100}
.progWrap.step3 .ring.dark {border-bottom-color: #666666}
.progWrap.step3 .ring.green {border-top-color: #F39100;border-right-color: #F39100}
.progWrap.step4 .ring.dark {border-left-color: #666666}
.progWrap.step4 .ring.green {border-top-color: #F39100;border-right-color: #F39100;border-bottom-color: #F39100}
.progWrap.step5 .ring.green {border-color: #F39100 !important;}
#jobYearsForm a.special {width: 280px}
#dater {max-width: 300px;height: 50px;border-radius: 25px;border: none;background-color: #F39100;color: #FFF;padding: 0 30px;font-weight: 700;background-image: url("../images/datum.svg");background-position: calc(100% - 15px) center;background-repeat: no-repeat;background-size: 30px auto;cursor: pointer}
#jobWhoForm {width: 80%;max-width: 550px;margin: 0 auto;text-align: left}
#daschuLabel {font-weight: normal}
.elXjobs input::placeholder {color: #000;font-weight: 300}
.elXjobs input[type="text"], .elXjobs input[type="email"] {font-family: inherit;font-weight: 300;border-color: #000;}
.elXjobs label {text-align: left;line-height: 1.3em;font-weight: bold;display: block}
.elXjobs input[type="text"], .elXjobs input[type="email"] {display: inline-block;margin: 0 0 15px 0}



/* footer */
#footer {background-color: #363636;text-align: center;padding: 17px 0 10px 0;left: 0;margin-bottom: 65px;width: 100%;}
#footer .icon.insta {margin-right: 0}
#footer a {color: #fff;text-decoration: none;text-transform: uppercase}
#footer .active a {text-decoration: underline}
.home #footer a {font-weight: 700}
#footerNavi li {display: inline;line-height: 26px;margin-top: 25px}
#footerNavi li:after {content: '|';margin: 0 5px}
#footerNavi li.first {display: block}
#footerNavi li.first:after, #footerNavi li.last:after {display: none}
#footer .icon {transition: opacity .3s}
#footer .icon:hover {opacity: .5;transition-duration: unset}

.elWrapper.slide.onColor.hasBgImage {background-color: transparent}

@media (max-width: 575px) and (max-height: 690px) {
    #startPageHeading {margin-top: 140px}
    #contactBoxWrapper {padding: 0 20px;}
    #contactBoxWrapper .image_container {float: left}
    #contactBoxWrapper p {text-align: left;margin-left: 50px}
}
@media (max-width: 767px) and (max-height: 640px) {
    #contactBoxWrapper {display: none}
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    body {font-size: 18px;line-height: 23px}
    h1 {font-size: 40px;line-height: 45px}
    h2 {font-size: 30px;line-height: 35px}
    #topBar {text-align: right;padding-right: 70px}
    #logo {width: 220px;height: 106px;background-size: 155px auto}
    #menuBtn {width: 134px;height: 43px;background-image: url("../images/menu.png")}
    .section {padding: 40px 70px}
    #contactBtn {bottom: 290px}

    #companyNav {line-height: 45px;height: 45px}
    .fullscreen {height: calc(100vh - 45px)}
    #companyNav.open {z-index: 20;}
    #companyNav .title:after {content: "Die Eichele Unternehmensgruppe auf einen Blick"}
    #contactBoxWrapper .elText {float: left;width: 33.333%;border-right: solid #999 1px;border-top: solid #999 1px;padding-top: 40px;min-height: 180px}
    #contactBoxWrapper .elText p {margin-bottom: 0}
    #contactBoxWrapper .elText:last-child {border-right: none}

    #companyNav.open {height: 196px}
    #companyNav .logo-wrapper {height: 150px !important;max-width: 850px;margin: 0 auto 0 auto;}
    .navLogo {height: 100%;background-size: 65% auto;float: left;width: 33%;max-width: 286px;}

    #startPageHeading {padding: 0 70px;max-width: 600px}
    #startPageHeading h1 {text-shadow: 5px 5px 1px rgba(0,0,0,.16)}

    .bereichsIcons img {width: 177px}
    #navi {padding-left: 70px;padding-right: 70px}
    #navi .elNav li {text-align: left;line-height: 70px}
    #navi .elNav li a {font-size: 36px}
    #navi .contactList, #navi .bottomLine {margin-top: 70px}

    .slide {padding: 55px 70px 100px 70px}

    #contactPage .contactList .elText {float: left;width: 50%}
    #contactPage .section {padding: 50px 65px}
    #contactPage h3 {margin-bottom: 2.5em}
    #contactPage .button {margin: 20px 0 0 0;float: right}

    #footer {text-align: left;padding: 36px 70px;margin-bottom: 45px}
    #footerNavi {float: right;}
    #footerNavi li {display: inline !important;margin-top: auto}
    #footerNavi li.first:after {display: inline}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #formPopup .contactList {text-align: center;margin-top: 60px}
    #formPopup .contactList .image_container {float: none;display: inline-block}
    #formPopup .contactList p {margin-left: 0;margin-bottom: 2em}
    #formPopup .elForm {padding: 50px}
    #formPopup .elColumnWrapper {margin: 30px;height: calc(100% - 60px)}
    #formPopup .button {margin: 20px 0 0 0;float: right}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    #contactBoxWrapper .elText {padding-top: 65px;min-height: 150px;position: relative}
    #contactBoxWrapper .image_container {position: absolute;left: 70px;top: 60px;}
    #contactBoxWrapper p {position: absolute;text-align: left;left: 120px}
    #contactBoxWrapper .elText.adr {padding-top: 53px}
    #startPageHeading {margin: 0;position: absolute;top: 40%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);width: 940px;max-width: none}
    #main a.special {max-width: 500px;margin: 0 auto}
    .bereichsIcons .elText p {text-align: right !important;}
    #contactBtn {bottom: 50%;margin-bottom: -30px}

    #navi .bottomLine, #navi .elNav {width: 500px}
    #navi .elNav li {line-height: 75px}
    #navi .socialWrapper {float: left;margin-left: 25px}

    .slide .maeBgImage {left: 50%;width: 50%}
    .slide {padding: 0 0 0 0;}
    .slide .elText {background-color: #fff;width: 50%;padding: 80px 70px}
    .slide a.button {display: block;float: right}

    #main .moreNews p {margin-top: 2em;text-align: right}
    #formPopup .elColumnWrapper {margin: 100px 150px;height: calc(100% - 200px)}
    #contactPage .contactList .elText {float: none;width: auto}
    #contactPage .section {padding: 60px 85px}
    #contactPage .button {float: none}

    .fieldWrapper.odd, .fieldWrapper.even {float: left;width: 48%}
    .fieldWrapper.odd {margin-right: 4%}
}

/* zusatz_metall.css ##-##-##-##-##-##-##-## ||| -> */
/* colors:
orange          #F39100     243,145,0
türkis          #008B90     0,139,144
blau (metall)   #0073AB     0,115,171
footer bg       #363636
 */
h2 {color: #0073AB}
.onDark h1 em {color: #0073AB}
#logo {background-color: #fff;background-image: url("../images/logo_metall_bunt.svg");background-size: 100% auto}
#contactBtn {background-color: #0073AB}
#contactBtn:hover {background-color: rgba(0,115,171,.85)}
.button {border: solid #0073AB 3px}
.button:hover, .button:focus {background-color: #0073AB}
.button:active {background-color: rgba(0,115,171,.3)}
#main a:hover, #main a:focus {color: #0073AB}
thead td, th {background-color: #0073AB}
#navi {background-color: rgba(0,115,171,.95)}
#main .onWhite a, .fieldWrapper a {color: #0073AB}
.fieldWrapper a:hover, .fieldWrapper a:focus {color: #000}
.onColor {background-color: #0073AB}
#main a.special {background-color: #0073AB;border-color: #0073AB;color: #fff}
#main a.special:hover {background-color: rgba(0,115,171,.85);color: #fff}
.elAccordion .title {color: #0073AB}
.elAccordion.opened .title, .elAccordion .title:hover, .elAccordion .title:hover:before, .elAccordion.opened .title:before, .elAccordion.opened .title:after, .elAccordion .title:hover:after {border-color: #0073AB}
.onWhite .elAccordion.opened .title, .onWhite .elAccordion .title:hover, .onWhite .elAccordion .title:hover:before, .onWhite .elAccordion.opened .title:before, .onWhite .elAccordion .title:hover:after, .onWhite .elAccordion.opened .title:after {border-color: #0073AB}
.flex-control-paging li a.flex-active {background-color: #0073AB}
.slide.onColor .elText {background-color: rgba(0,115,171,.9)}
.fieldWrapper input, textarea {color: #0073AB}
.fieldWrapper input:hover, .fieldWrapper input:focus, textarea:hover, textarea:focus {border-color: #0073AB !important;}
input::placeholder, textarea::placeholder {color: #0073AB}
.widget-checkbox span::before{border: 1px solid #0073AB;}
.widget-checkbox input:checked{background: #0073AB;}
.elAccordion .title {color: #fff}
.elAccordion .title:hover {color: #0073AB}
.onWhite .besonders h3 {color: #0073AB}
.progWrap.step2 .ring.green {border-top-color: #0073AB}
.progWrap.step3 .ring.green {border-top-color: #0073AB;border-right-color: #0073AB}
.progWrap.step4 .ring.green {border-top-color: #0073AB;border-right-color: #0073AB;border-bottom-color: #0073AB}
.progWrap.step5 .ring.green {border-color: #0073AB !important;}
#dater {background-color: #0073AB}

/* fug.css ##-##-##-##-##-##-##-## ||| -> */
/* F&G */

/* a.special
#main a.special { padding: 10px 15px; -o-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; transition: all .2s;}
#main a.special:hover { background-color:#da7b00; -o-transition: none; -moz-transition: none; -webkit-transition: none; transition: none; }
}*/

/* Bildquelle */
figcaption.caption .source { display:none; }

h1, h2 { text-transform:unset !important; }
#footer a { text-transform: unset !important; }
#footer a:hover { opacity: .5; }
.home #footer a { font-weight: unset !important; }

#companyNav { transition: color .3s;  }
#companyNav:hover { color: #AAA !important; }


sup, sub {
   position: relative;
   vertical-align: baseline;
   top: -0.4em;
   font-size: 0.8rem;
}
sub { top: 0.4em; }

ol {
   display: block;
   list-style-type: decimal;
   margin-top: 1em;
   margin-bottom: 1em;
   margin-left: 0;
   margin-right: 0;
   padding-left: 40px;
}

ol li { list-style-type: decimal!important; }

em {font-style: italic;}

/* Georg Eichele */
.onWhite .elAccordion .title { color: #000;}
.onWhite .elAccordion .title:hover, .onWhite .opened .title { color: #F39100; }
#main .pagination a { color: #F39100;border: solid #F39100 2px;}

/* Rohrbau */
body.rohr .onWhite .elAccordion .title { color: #000; }
body.rohr .onWhite .elAccordion .title:hover, body.rohr .onWhite .opened .title { color: #008B90; }
body.rohr #main .pagination a { color: #008B90;border: solid #008B90 2px;}

/* Kochertaler */
body.metall .onWhite .elAccordion .title { color: #000; }
body.metall .onWhite .elAccordion .title:hover, body.rohr .onWhite .opened .title { color: #0073AB; }
body.metall #main .pagination a { color: #0073AB;border: solid #0073AB 2px;}


/* News */
.elNewsList .news { margin-bottom:50px; }

@font-face {
    font-family: 'Black Tie';
    src: url('fonts/BlackTie-Regular-webfont.eot?v=1.0.0');
    src: url('fonts/BlackTie-Regular-webfont.eot?#iefix&v=1.0.0') format('embedded-opentype'), url('fonts/BlackTie-Regular-webfont.woff2?v=1.0.0') format('woff2'), url('fonts/BlackTie-Regular-webfont.woff?v=1.0.0') format('woff'), url('fonts/BlackTie-Regular-webfont.ttf?v=1.0.0') format('truetype'), url('fonts/BlackTie-Regular-webfont.svg?v=1.0.0#black_tieregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

#main .pagination { width:100%; }
#main .pagination li {list-style: none;display: inline-block;vertical-align: top}
#main .pagination a:before {
    font-family: "Black Tie", serif;
    min-width: 1em;
    display: inline-block;
    margin-right: .4em;
    font-size: 80%;
    vertical-align: -14.28571429%;
}
#main .pagination {margin: 2em 0; clear: both;}
#main .pagination div {display: inline-block;line-height: 50px;height: 50px;overflow: hidden}
#main .pagination a {display: inline-block;width: 50px;height: 50px;vertical-align: top;text-align: center;line-height: 40px}
#main .pagination input {margin: 0;display: inline-block;width: 70px;height: 50px;border: solid #333 1px;text-align: center}
#main .pagination .defaultText {display: none}
#main .pagination .pageinfo {margin-left: 1em}
#main .pagination .nav a:before {vertical-align: unset;margin: 0;width: 100%;text-align: center}
#main .pagination .next a:before {content: '\F0AB'}
#main .pagination .prev a:before {content: '\F0AA'}

/* Abstand nach oben bei Element */
.abstandOben { margin-top: 25px; }

/* Rechte Spalte Weiße Box */
.rightWhiteBox { padding: 30px 30px !important; }
.rightWhite { padding:30px 30px !important; }
.rightWhite h3 { word-break: break-all; margin-top:10px; }

/* Karriere */

figure.maxPer img { float:right;text-align:right; }

a.marginTopS { margin-top:30px; }

.benefit { line-height:unset !important; }
.benefit .inline-svg { height:2em; width:2em; vertical-align:middle; }


.georg input#dater { border:1px solid #000000; background-color: unset !important; color:#000; }
.rohr input#dater { border:1px solid #000000; background-color: unset !important; color:#000; }
.metall input#dater { border:1px solid #000000; background-color: unset !important; color:#000; }


/* EU finanziert */

.finanziertEU { width: 180px; margin-top:20px; margin-bottom:20px; display: block; margin-left: auto; margin-right: auto; }

@media (min-width: 768px) {
    #footer {
        margin-bottom: 20px;
    }
}