/* 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;
}


/* resetInputsV2.css ##-##-##-##-##-##-##-## ||| -> */
/* this CSS removes the standard styles from form inputs and adds a basic style which is easy to work on, with.
   for some cases it might be enough to overwrite the root vars in your project's css
   replaces the resetInputs.css of 1.14.3 and earlier */
:root {
    --input-color:              #333;
    --input-bg:                 #fff;
    --input-border:             #999;
    --input-border-focus:       #000;
    --input-placeholder:        #aaa;
    --input-button-color:       #333;
    --input-button-bg:          #ccc;
}
input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], textarea, select{
    padding: .4em .5em;
    width: 100%;
    margin-top: .2em;
    border: 1px solid var(--input-border);
    box-sizing: border-box;
    border-radius: 1px;
    outline: none;
    background: var(--input-bg);
    color: var(--input-color);
}

input, select, textarea, button {
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
}

::placeholder {color: var(--input-placeholder);font-family: inherit;font-size: inherit;opacity: 1}
input:focus, textarea:focus {border-color: var(--input-border-focus)}

input[type=submit], input[type=button], button {appearance: none;border-radius: 0;border: none;outline: none;background: var(--input-button-bg);color: var(--input-button-color);padding: .2em .5em}
select {appearance: none;background-image: url("../images/angle_down.svg");background-position: right .5em center;background-repeat: no-repeat;background-size: .7em auto;padding-right: 1.5em}

input[type=checkbox], input[type=radio] {appearance: none;margin: 0 .3em .3em 0;display: inline-block;position: relative;width: 1em;height: 1em;border: 1px solid var(--input-border);vertical-align: top;background: transparent}
input[type=radio] {border-radius: .5em}
input[type=checkbox]:checked::before, input[type=radio]:checked::before {position: absolute;background-color: var(--input-border);left: 2px;top: 2px;right: 2px;bottom: 2px;content: ''}
input[type=radio]:checked::before {border-radius: calc(.5em - 2px)}
input[type=checkbox] + label, input[type=radio] + label {display: inline-block}

/* 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% { transform:rotate(0deg); } 100% { 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 */
.fieldWrapper .error {color: red}

/* 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 130px 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;line-height: 40px;text-align: center;color: #fff;text-decoration: none;font-family: Arial, serif}
#maeLightbox .maeBtn:hover {background-color: #444}
#maeLightbox .maeBtn:focus {outline: #aaa dashed 1px}
#maeLightbox .lbDownload {right: 75px;top: 10px;font-size: 26px;border-bottom: solid #fff 1px}
#maeLightbox .lbDownload:before {content: '↓'}
#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%}

/* lgh-fonts.css ##-##-##-##-##-##-##-## ||| -> */
/* martel-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Martel';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/martel-v11-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* martel-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Martel';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/martel-v11-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* martel-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Martel';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/martel-v11-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* martel-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Martel';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/martel-v11-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* martel-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Martel';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/martel-v11-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* martel-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Martel';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/martel-v11-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* martel-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Martel';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/martel-v11-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* martel-sans-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Martel Sans';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/martel-sans-v13-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* martel-sans-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Martel Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/martel-sans-v13-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* martel-sans-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Martel Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/martel-sans-v13-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* martel-sans-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Martel Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/martel-sans-v13-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* martel-sans-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Martel Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/martel-sans-v13-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* martel-sans-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Martel Sans';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/martel-sans-v13-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* martel-sans-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Martel Sans';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/martel-sans-v13-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/* lgh.css ##-##-##-##-##-##-##-## ||| -> */
:root {
    --page-bg: #FFF;
    --text: #1F475D;
    --link: #006A7B;
    --mint: #E5F1F3;
    --mintLight: #F6F9F9;
    --gray: #5D5B5B;
    --line: #00364A;
}

/* mobile font sizes
15px        88%     header top
17px        100%
25px        147%    h2
35px        200%    h1
 */

html {font-size: 10px}
body {font-family: 'Martel Sans', sans-serif;font-size: 17px;color: var(--text);background-color: var(--page-bg);line-height: 1.6em;}
html.noScroll, html.noScroll body {margin: 0; height: 100%; overflow: hidden}
html.noScroll #main, html.noScroll #footer {opacity: 0}
#container {padding-top: 1.4em;min-height: calc(100vh - (270px + 550px))}
/* global frame */
#header .inside, #stage .inside, #main .inside, #footer .inside {width: 80%;margin-left: auto;margin-right: auto;max-width: 1300px}

/* header / breadcrumbs */
#header {height: 270px;box-shadow: 0 3px 6px #00000029;position: relative;left: 0;width: 100%;z-index: 10;background-color: var(--page-bg);transition: height .3s}
#header.fixed {position: fixed;height: 160px}
#header.fixed #topBar {height: 0;overflow: hidden}
#header.fixed #maeMM-trigger {margin-top: 0}
#header.fixed #logo {margin-top: 10px}
#header .inside {height: 100%;position: relative}
#topBar {position: relative;height: 36px;line-height: 36px;font-size: 88%;font-weight: 200;text-align: center;transition: height .3s}
#topBar a {color: var(--page-bg);text-decoration: none}
#topBarBg {background-color: var(--text);z-index: 1}
#topBar .icon {position: relative;z-index: 2;display: inline-block;padding-left: 28px;background-position: left center;background-size: 22px auto;background-repeat: no-repeat}
#headerSearch {background-image: url("../images/lgh/lupe.png");margin-right: 30px}
#headerLogin {background-image: url("../images/lgh/login.png")}
#logo {display: block;width: 240px;height: 90px;margin: 30px auto 0 auto;background-image: url("../images/lgh/logo_LGH_2026.webp");background-size: contain}
.bread {margin-bottom: 1.4em;color: var(--gray);font-size: 88%;font-weight: 200}
.bread li {display: inline-block}
.bread a {color: var(--gray);text-decoration: none}
.bread a.redirect, .bread li:last-child {pointer-events: none}
.bread a:hover {text-decoration: underline}
.bread li:after {content: '/';display: inline-block;margin: 0 .4em}
.bread li:last-child:after {display: none}

/* desktop navi */
#mainNav {position: relative;margin-top: 50px}
#mainNav a {text-decoration: none;color: var(--text)}
#mainNav ul.level-1  {display: flex;justify-content: space-between}
#mainNav li.level-1 > a {font-size: 88%}
#mainNav li.level-1.trail > a, #mainNav li.opened.level-1 > a {text-decoration: underline;text-underline-offset: 6px}
#mainNav.hasOpenedLi li.level-1.trail:not(.opened) > a {text-decoration: none}
#mainNav li.level-1 > a:hover {color: var(--link)}
#mainNav li.opened ul {display: block}
#mainNav ul.level-3 {display: none !important;}
#mainNav ul.level-2 {display: none;position: fixed;z-index: 2;font-size: 88%;padding: 40px 10%;left: 0;right: 0;top: 305px;background-color: var(--page-bg);height: calc(100vh - 305px);overflow-y: scroll}
#mainNav ul.level-2:before {position: absolute;content: '';background-color: var(--page-bg);left: -10vw;width: 100vw;top: 0;height: 100%}
#mainNav ul.level-2 li {position: relative;z-index: 2;font-weight: 200;width: 37%;padding: .5em 8px;margin-right: 20px;margin-top: -1px;border-bottom: solid var(--text) 1px;border-top: solid var(--text) 1px}
#mainNav .doFloat ul.level-2 li {float: left;}
#mainNav ul.level-2 li.active, #mainNav ul.level-2 li.trail {font-weight: bold}
#mainNav ul.level-2 a:hover {text-decoration: underline}
#mainNav ul.level-2 .closeNav {position: absolute;z-index: 2;right: 10%;top: 52px;font-weight: 200;height: 32px;line-height: 32px;padding-right: 40px;background-image: url("../images/lgh/closeX.png");background-position: right center;background-repeat: no-repeat;background-size: 26px 26px}

/* mobile navi */
#maeMM-trigger {position: relative;width: 35px;margin: 43px auto 0 auto;right: unset}
#maeMM-trigger .bar {background-color: var(--text);height: 3px;border-radius: 2px;margin: 8px 0}
#maeMM-trigger.theX {display: none}
#maeMM .headerWrapper, #maeMM .wrapper {margin-right: 0}
#maeMM .headerWrapper {font-weight: bold}
#maeMM a {color: var(--text);background: var(--page-bg);border-bottom: solid #444 1px}  /* menu items */
#maeMM a:not(.top):hover, #maeMM.parentToggles a.top:hover {background: var(--mint);}   /* menu item hover */
#maeMM a:focus {background-color: var(--page-bg)}
#maeMM .wrapper {background: var(--page-bg)}                                            /* background beneath menu items */
#maeMM .maeBtn {background: var(--page-bg);}                                            /* nav buttons */
#maeMM .maeBtn:hover, #maeMM .maeBtn:focus {background: var(--mint)}                    /* nav buttons hovered */
#maeMM a .inside {border-color: var(--text)}                                            /* nav button symbol color and size */
#maeMM .close:before, #maeMM .close:after {background: var(--text)}                     /* close button symbol color */
#maeMM .opener, #maeMM .close, #maeMM a .back {border-color: #444}                      /* nav button border */
#maeMM a.hasBack, #maeMM a.heading {border-bottom-color: #ccc}
#maeMM a .inside {top: 7px}

/* basic styles */
a {color: var(--link);text-decoration: underline}
a.outerLink {display: block;text-decoration: none;color: inherit;transition: all .3s}
a.outerLink:hover {transform: scale(1.05)}
a:hover {text-decoration: none}
strong, b {font-weight: bold}
em, i {font-style: italic}
.inline {display: inline !important;}
p {margin-bottom: 1em}
.elText ul, .elText ol, .elTeaser ul, .elTeaser ol, .elXteacher ul {margin: 0 0 1.5em 1em}
.elText li, .elTeaser li, .elXteacher li {list-style-type: disc;list-style-position: outside;margin-bottom: .5em}
.elText ol li {list-style-type: decimal}
a[href^="mailto:"], a[href^="tel:"], span.fax {display: inline-block;padding-left: 1.4em;background-size: 1em auto;background-position: left .3em;background-repeat: no-repeat}
a[href^="mailto:"] {background-image: url("../images/lgh/icon-mail.png")}
a[href^="tel:"] {background-image: url("../images/lgh/icon-tel.png")}
span.fax {background-image: url("../images/lgh/icon-fax.png")}
.elMargin {content:'';height: 3em}
.elMargin.large {content:'';height: 6em}
.elMargin.lined {content:'';height: 3em;border-bottom: solid var(--line) 2px;margin-bottom: 3em}
.elTeaser {margin-bottom: 1em}
.elTeaser .textBox {margin-top: 10px;background-color: var(--mint);padding: 20px 30px}
.image_container {position: relative}
.image_container.float_left, .image_container.float_right {float: none}
figcaption {position: relative}
figcaption .source {position: absolute;bottom: 100%;color: var(--page-bg);font-size: 70%;line-height: 1.2em;padding: 10px;background-color: rgba(0,0,0,.3);font-weight: 200}
figcaption .description {font-size: 80%;line-height: 1.2em;padding: .4em 0}
figcaption .source:before {content: '© '}
#stage figcaption .description, .listItem figcaption .description, .elTeaser figcaption .description, .elImageGallery figcaption .description {display: none}
button, .button, input[type=submit] {display: inline-block;background-color: var(--link);color: var(--page-bg);text-decoration: none;padding: .4em 1em .2em 1em;border-radius: 10px;transition: all .3s;text-align: center;}
a.button {width: 100%}
button:hover, .button:hover, input[type=submit]:hover {background-color: var(--line);transition-duration: unset}
.elImage {margin-bottom: 1em}
#stage .elImage {margin-bottom: 0}
.elXquote {margin-top: 3em;margin-bottom: 2em;position: relative}
.elXquote .wrapper {padding-right: 10px;border-right: solid #097989 17px}
.elXquote .content {background-color: #F5F5F5;}
.elXquote .text {padding: 1em 1.5em}
.elXquote strong {font-family: "Martel", serif;font-weight: 200;font-size: 130%;line-height: 1.4em}
.elXquote em {display: block;font-family: "Martel Sans", serif;color: #707070;font-size: 70%;font-weight: 400;line-height: 1.4em}
.elXquote:after {display: block;content: '';position: absolute;width: 100px;height: 100px;left: 2.5em;top: -60px;background-image: url("../images/lgh/quote.png");background-size: contain;background-repeat: no-repeat}
.numList .elText {padding-top: 120px;margin-bottom: 3em;position: relative;}
.numList .elText .num {position: absolute;left: 0;top: 0;font-weight: bold;font-size: 500%;font-family: "Martel", serif;color: var(--mint);line-height: 100px;border-left: solid #097989 9px;height: 100px;padding-left: 10px}
.numList .elText .num .txt {position: absolute;left: 8px;bottom: 0;height: 1em}

/* News / Events */
.listItem {margin-bottom: 2em}
.listItem .image_container {margin-bottom: 2em}
.elXnewsList a.listItem {text-decoration: none}
.elXnewsList .listItem .image_container {margin-bottom: 0}
.elXnewsList .listItem .content {padding: 2em 1em 1em 1em;background-color: var(--mintLight)}
.elXnewsList .listItem.arch {background-color: var(--mintLight)}
.elXnewsList .listItem.arch .image_container {margin: 2em 0 0 0}
.elNewsDetails p.author {margin: 1.5em 0}
.elNewsDetails p.author:before {content: 'Verfasst von: '}
p.date {font-size: 100%;font-weight: 400;margin: .5em 0;}
.elEventDetails h1 {margin-top: 50px}
h2.sub2 {color: #658692;font-size: 130%}
.feFilter {margin-bottom: 2em}

/* image map */
.mapArea {transition: transform .3s}
.mapArea:hover {transform: scale(1.15)}
.mapdesc {margin-bottom: 30px;position: relative;height: 3em;}
.mapdesc .image_container {position: absolute;left: 15px;top: 0;height: 100%;overflow: hidden}
.mapdesc img {height: 100%;width: auto}
.mapdesc p {background-color: var(--mint);height: 100%;padding-left: 5.5em;background-position: 98% center;background-size: 30px 37px;background-repeat: no-repeat}
.mapdesc a {font-family: "Martel", serif;font-weight: bold;font-size: 110%;display: inline-block;text-decoration: none;padding-top: .7em}
.mapdesc.mensa p {background-image: url("../images/lgh/map/icon-mensa.png")}
.mapdesc.sozial p {background-image: url("../images/lgh/map/icon-star.png")}
.mapdesc.schule p {background-image: url("../images/lgh/map/icon-book.png")}
.mapdesc.halle p {background-image: url("../images/lgh/map/icon-sport.png")}
.mapdesc.girls p {background-image: url("../images/lgh/map/icon-girls.png")}
.mapdesc.boys p {background-image: url("../images/lgh/map/icon-boys.png")}
.elImageMap.girls .mapArea.girls {background-image: url("../images/lgh/map/icon-girls-active.png") !important}
.elImageMap.boys .mapArea.boys {background-image: url("../images/lgh/map/icon-boys-active.png") !important}
.elImageMap.mensa .mapArea.mensa {background-image: url("../images/lgh/map/icon-mensa-active.png") !important}
.elImageMap.sozial .mapArea.sozial {background-image: url("../images/lgh/map/icon-star-active.png") !important}
.elImageMap.schule .mapArea.schule {background-image: url("../images/lgh/map/icon-book-active.png") !important}
.elImageMap.halle .mapArea.halle {background-image: url("../images/lgh/map/icon-sport-active.png") !important}
.elImageMap.museum .mapArea.museum,
.elImageMap.tennis .mapArea.tennis,
.elImageMap.basketball .mapArea.basketball,
.elImageMap.beachvolley .mapArea.beachvolley,
.elImageMap.kompetenz .mapArea.kompetenz,
.elImageMap.guests .mapArea.guests {filter: brightness(180%)}

h1, h2 {font-family: "Martel", serif;font-weight: bold;line-height: 1.4em}
h1 {font-size: 200%;margin-bottom: 35px}
h1:after, h2:after {display: block;content: '';height: 2px;background-color: var(--line);margin-top: 25px}
h2 {font-size: 150%;margin-bottom: 35px}
.elXnewsList h2, .elTeaser h2, .elNewsDetails h2, .elEventList h2, .searchResult h2, .elXteacher h2 {margin-bottom: 0}
.numList h2 {margin-bottom: .5em}
.elXnewsList h2:after, .elTeaser h2:after, .elNewsDetails h2:after, .elEventList h2:after, .elXquote h2:after, .numList h2:after, .elWrapper.mint h2:after, .searchResult h2:after, .elXteacher h2:after {display: none}
.elXquote h2 {margin: .5em 0}
.elXimageTeaser {overflow: hidden;margin-bottom: 30px}
.elXimageTeaser a {display: block;position: relative}
.elXimageTeaser .hoverImg {position: absolute;top: 100%;opacity: 0;transition: top .5s ease-in-out, opacity .5s ease-in-out;}
.elXimageTeaser:hover .hoverImg {top: 0;opacity: 1}
.elXimageTeaser .title {position: absolute;text-align: center;left: 0;right: 0;bottom: 10%;transition: all .5s}
.elXimageTeaser:hover .title {color: var(--page-bg)}
.mintRight .envelope {background-color: var(--mint);padding: 2em 0 1em 3em;position: relative}
.mintRight.light .envelope {background-color: var(--mintLight)}
.mintRight .envelope:after {display: block;content: '';position: absolute;background-color: var(--mint);left: 100%;top: 0;bottom: 0;right: -5000px}
.mintRight.light .envelope:after {background-color: var(--mintLight)}
.elWrapper.mint .envelope {background-color: var(--mint);padding: 1.5em;overflow: hidden}
.elWrapper.mint h2 {margin-bottom: 20px}
.elWrapper.mint .elText p, .download .description, .elDownload .size, .elDownload .description {font-size: 88%;font-weight: 200;line-height: 1.6em}
.elImageGallery .image_container {margin-bottom: 30px}
p.download {border: solid var(--link) 1px;border-radius: 10px;padding: .5em .5em .5em 70px;background-image: url("../images/lgh/icon-download.png");background-size: 30px auto;background-position: 20px center;background-repeat: no-repeat}
.elAccordion {background-color: var(--mint);overflow: hidden;margin-bottom: 8px}
.accoTransparent .elAccordion {background-color: transparent} /* für Inhalte-Beispielseite von vk */
.accoTransparent .elAccordion .title {background-color: var(--mint)}
.elAccordion .title {font-weight: bold;padding: 8px 60px 8px 15px;position: relative}
.elAccordion .title:after {position: absolute;display: block;content: '';width: 14px;height: 14px;border: solid var(--link) 2px;top: 15px;transform: rotate(45deg);right: 30px;border-left: none;border-top: none;transition: transform .3s, top .3s}
.elAccordion.opened .title:after {transform: rotate(225deg);top: 20px}
.elAccordion .content {padding: 10px 15px 0 15px;border-top: solid var(--line) 2px}
.elAddress {margin-bottom: 30px}
.elAddress a {text-decoration: none;color: var(--text);display: inline-block;margin-top: 10px}
.elAddress a:hover {opacity: .7}
.elAddress .adrZipCode, .elAddress .adrCity {display: inline-block;margin-right: .5em}
.adrFax a[href^="tel:"] {background-image: url("../images/lgh/icon-fax.png")}
span.hit {background-color: var(--mint)}

/* slider */
.flexslider {border: none;margin-bottom: 0}
.flex-control-nav {bottom: 15px}
.flex-control-nav li {margin: 0 3px}
.flex-control-paging li a {background-color: transparent;border: solid #fff 1px}
.flex-control-paging li a.flex-active, .flex-control-paging li a:hover {background-color: #fff}
.flex-direction-nav a {width: 20px;height: 20px;border: solid #fff 2px;border-left: none;border-bottom: none;transform: rotate(45deg);z-index: 1;margin-top: -10px}
.flex-direction-nav a:before {color: transparent;text-shadow: none;}
.flex-direction-nav a.flex-prev {transform: rotate(225deg);left: 5vw !important;}
.flex-direction-nav a.flex-next {right: 5vw !important;}

/* lehrer */
.elXteacher {margin-bottom: 30px;overflow-wrap: break-word;hyphens: auto;}
.elXteacher .content {background-color: var(--mintLight);padding: 20px 0}
.elXteacher .aboveImage {padding: 5px 12px;border-bottom: solid var(--line) 2px;margin-bottom: 12px}
.elXteacher .otherBlocks {padding: 0 12px;}
.elXteacher .otherBlocks, .elXteacher .imageAndSubjects {overflow-wrap: break-word}
.elXteacher .image_container {margin-bottom: 35px}
.elXteacher .subjectsDesktop {display: none}
.elXteacher .rubrik {margin-bottom: 1em}
.elXteacher li {margin-bottom: 0}
.elXteacher .content, .elXteacher .envelope {height: 100%}

/* form */
select {width: auto;border: solid var(--line) 2px;border-radius: 10px;padding-top: 3px;padding-bottom: 3px;margin-right: .5em;margin-bottom: .5em}
.pagination li {display: inline-block;margin-right: .7em}
.pagination li:last-child {margin-right: 0}
.pagination .pageInput input {width: 3em;text-align: center;padding: 0;height: 2em}
.pagination .pageinfo {text-align: center}
.pagination .controls {text-align: center}
.pagination:after {display: block;content: '';clear: both}
.clear {clear: both}
input:focus, input:focus-visible {outline: none;}
fieldset {padding: 1em;border: solid var(--line) 2px;border-radius: 10px;margin-bottom: 2em}
legend {padding: 2px 8px;background-color: var(--mint)}
.radioWrapper {display: inline-block;margin-right: 2em}
.filter-form {margin: 2em 0}

/* footer */
#footer {position: relative;background-color: #E2E2E3;color: var(--gray);text-align: center;font-size: 88%;padding: 50px 0 30px 0;margin-top: 100px;}
#footer a {color: var(--gray);text-decoration: none}
#footer a:hover {opacity: .8}
#footer img.social {display: inline-block;height: 32px;width: auto;margin-right: .5em}
/* #footer:before {position: absolute;content: '';width: 215px;height: 67px;top: -51px;left: 50%;transform: translateX(-50%);background-image: url("../images/lgh/footerLogo.png");background-size: contain;background-repeat: no-repeat;background-position: center center} */
#footer .partners {text-align: center;margin-top: 34px}
#footer .partners a {display: inline-block;margin-right: 1em}
#footer .partners a:last-child {margin-right: 0}
#footer .partners img {height: 25px;width: auto}

/* --> BOOTSTRAP media query bodies ---------------------------------------------------------------------*/
/* sm Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .image_container.float_left {float: left;margin: 0 1em 1em 0;max-width: 50%}
    .image_container.float_right {float: right;margin: 0 0 1em 1em;max-width: 50%}
    #footer .partners img {height: 35px}
    .pagination .pageinfo {float: right;line-height: 2em;text-align: left}
    .pagination .controls {float: left;line-height: 2em;text-align: left}
    a.button {width: auto}
    .elXteacher .aboveImage {padding: 5px 20px;border-bottom: none}
    .elXteacher .aboveImage:after {display: block;content:'';height: 2px;background-color: var(--line)}
    .elXteacher .imageAndSubjects {padding: 0 20px;float: left;width: 40%}
    .elXteacher .subjectsDesktop {display: block}
    .elXteacher .subjectsMobile {display: none}
    .elXteacher .otherBlocks {float: right;width: 60%;padding: 0 20px 0 0}
}

/* md Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .mapdesc {height: 5em}
    .mapdesc p {padding-left: 9em;background-size: 40px 50px}
    .mapdesc a {padding-top: 1.4em}
    .elXnewsList:not(.colNews) .listItem .image_container {float: left;width: 33%}
    .elXnewsList:not(.colNews) .listItem .content {float: right;width: 64%}
    .numList .elText {padding-left: 25%;padding-top: 0;border-left: solid #097989 17px}
    .numList .elText .num {left: 20px;bottom: 0;top: unset;border: none;height: auto;padding-left: 0;line-height: 1em}
    .numList .elText .num .txt {left: 0}
    .flex-direction-nav a {width: 30px;height: 30px;border-width: 4px;margin-top: -15px}
}

/* lg Large devices (landscape tablet, 992px and up) */
@media (min-width: 992px) {
    body {font-size: 20px}
    #topBar {text-align: right}
    #logo {width: 360px;height: 138px;margin: 30px auto 0 auto}
    #header {height: 305px}
    #header.fixed {height: 240px}
    #header.fixed #logo {margin-top: 10px}
    #container {min-height: calc(100vh - (305px + 490px))}
    #footer {text-align: left;padding: 70px 0 40px 0}
    #footer img.social {height: 40px}
    #footer:before {width: 266px;height: 83px}
    #footer .partners {margin-top: 55px;font-size: 150%}
    #footer .partners img {height: 57px}
    .imgDescRight .image_container {width: 66.67%}
    .imgDescRight figcaption .description {position: absolute;left: calc(100% + 20px);bottom: 0;width: 25vw}
}

/* xl Extra large devices (Notebook, 1200px and up) */
@media (min-width: 1200px) {
    #mainNav li.level-1 > a {font-size: 100%}
    .flex-direction-nav a {width: 40px;height: 40px;border-width: 5px;margin-top: -20px}
    .numList .elText {padding-left: 20%}
    .numList .elText .num {left: 30px}
}

/* xxl Extra extra large devices (Desktops, 1400px and up) */
@media (min-width: 1400px) {
    /* body {font-size: 23px} */
}

/* .inside reaches max-width of 1300px */
@media (min-width: 1625px) {
    #mainNav ul.level-2 {padding: 40px calc((100vw - 1300px) / 2)}
    #mainNav ul.level-2 .closeNav {right: calc((100vw - 1300px) / 2)}
    /* #mainNav ul.level-2:before {left: calc((100vw - 1300px) / -2)} */
}
/* <-- BOOTSTRAP media query bodies ---------------------------------------------------------------------*/