/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

.float_left {
  float: left;
}
.float_right {
  float: right;
}
.invisible {
  width: 0;
  height: 0;
  left: -1000px;
  top: -1000px;
  position: absolute;
  overflow: hidden;
  display: inline;
}
/*
100 	fein 	Thin (Hairline)
200 	extraleicht 	Extra Light (Ultra Light)
300 	leicht 	Light
400 	normal 	Normal (Regular)
500 	medium 	Medium
600 	halbfett 	Semi Bold (Demi Bold)
700 	fett 	Bold
800 	extrafett 	Extra Bold (Ultra Bold)
900 	schwarz 	Black (Heavy)
950 	extraschwarz 	Extra Black (Ultra Black)
*/

/* poppins-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: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/poppins-v24-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-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: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-500 - 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: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/poppins-v24-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-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: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/poppins-v24-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-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: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/poppins-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.6.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

/*
Columns
die class .div-2-columns, .div-3-columns, .div-4-columns einem Element geben, das direkte Childelemente hat, die in Spalten sollen.
Es sollten dann keine Header oder sonstwas parallel zu den divs liegen.

Einstellungen: Entweder die Variablen unter default-config direkt verändern, oder, um diese zu erhalten, eine neue Instanz erstellen.
Neue Instanz: ***-custom-1.less kopieren als ***-custom-2.less (oder -3 usw.) und diese bei "Import der zu nutzenden Instanzen" importieren.
In der Kopie im Klassennamen den Zähler einen hochzählen, also aus .***-1 wird .***-2.
In der Kopie können nun eigene Werte für die Variablen gesetzt werden.
*/
.div-2-columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.div-2-columns > * {
  flex: 0 1 calc((100% - 20px * (2 - 1)) / 2);
}
@media only screen and (max-width: 767px) {
  .div-2-columns > * {
    flex: 0 1 100%;
  }
}
.div-3-columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.div-3-columns > * {
  flex: 0 1 calc((100% - 20px * (3 - 1)) / 3);
}
@media only screen and (max-width: 767px) {
  .div-3-columns > * {
    flex: 0 1 100%;
  }
}
.div-4-columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.div-4-columns > * {
  flex: 0 1 calc((100% - 20px * (4 - 1)) / 4);
}
@media only screen and (max-width: 767px) {
  .div-4-columns > * {
    flex: 0 1 100%;
  }
}
.div-2-columns.quarter {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.div-2-columns.quarter > * {
  flex: 0 1 calc((100% - 20px * (2 - 1)) / 2);
}
@media only screen and (max-width: 767px) {
  .div-2-columns.quarter > * {
    flex: 0 1 100%;
  }
}
.div-2-columns.quarter > *:first-child {
  flex: 0 1 calc((100% - 20px) * 0.25);
}
.div-2-columns.quarter > *:last-child {
  flex: 0 1 calc((100% - 20px) * 0.75);
}
@media only screen and (max-width: 767px) {
  .div-2-columns.quarter > * {
    flex: 0 1 100% !important;
  }
}
#main .mod_article.div-2-columns {
  display: block;
}
#main .mod_article.div-2-columns .article-inside {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#main .mod_article.div-2-columns .article-inside > * {
  flex: 0 1 calc((100% - 20px * (2 - 1)) / 2);
}
@media only screen and (max-width: 767px) {
  #main .mod_article.div-2-columns .article-inside > * {
    flex: 0 1 100%;
  }
}
#main .mod_article.div-3-columns {
  display: block;
}
#main .mod_article.div-3-columns .article-inside {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#main .mod_article.div-3-columns .article-inside > * {
  flex: 0 1 calc((100% - 20px * (3 - 1)) / 3);
}
@media only screen and (max-width: 767px) {
  #main .mod_article.div-3-columns .article-inside > * {
    flex: 0 1 100%;
  }
}
#main .mod_article.div-4-columns {
  display: block;
}
#main .mod_article.div-4-columns .article-inside {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#main .mod_article.div-4-columns .article-inside > * {
  flex: 0 1 calc((100% - 20px * (4 - 1)) / 4);
}
@media only screen and (max-width: 767px) {
  #main .mod_article.div-4-columns .article-inside > * {
    flex: 0 1 100%;
  }
}
@media only screen and (max-width: 767px) {
  .div-2-columns > *,
  .div-3-columns > *,
  .div-4-columns > * {
    flex: 0 1 100%;
  }
  #main .mod_article.div-2-columns .article-inside > *,
  #main .mod_article.div-3-columns .article-inside > *,
  #main .mod_article.div-4-columns .article-inside > * {
    flex: 0 1 100%;
    margin-bottom: 4rem;
  }
}
/*
  @layout-header-sticky: true;
  @content-padding: @layout-content-padding;
  @layout-content-padding-mobile: calc(@layout-content-padding / 2);
  @layout-limited-width: 960px;

  // General Colors
  @color-body-bg: #eee;
  @color-container-bg: #fff;
  @color-topbar-bg: @color-gray-dark;
  @color-header-bg: rgba(255, 255, 255, 0.5);
  @color-slider-bg: rgba(255, 255, 255, 1);
  @color-footer-bg: @color-gray-light;
  @color-bottom-bg: @color-gray-dark;

  @color-container: @color-text;
  @color-topbar: @color-text;
  @color-header: @color-text;
  @color-slider: @color-text;
  @color-footer: @color-gray-light;
  @color-footer-links: @color-text;
  @color-footer-links-hover: @color-links-hover-inverted;
  @color-bottom: @color-text;
  @color-bottom-links: @color-links-inverted;
  @color-bottom-links-hover: @color-links-hover-inverted;

  // Wenn @width-mode-wrapper = boxed, dann sind die anderen nicht boxed, aber eben alle gefangen im boxed wrapper
  //fullwidth: element & inside 100% Breite, kein padding
  //fullwidth-boxed-content: Element 100% Breite, inside auf Contentbreite, zentriert, kein padding
  //fullwidth-boxed-content-padding: wie fullwidth-boxed-content, mit padding
  //boxed: Element ist an sich auf Contentbreite limitiert und zentriert, inside dann wie elementbreite, kein padding
  @width-mode-wrapper: 'fullwidth'; // boxed || fullwidth: Dann können die einzelnen elemente machenwas sie wollen
  @width-mode-topbar: 'fullwidth-boxed-content-padding'; // boxed, fullwidth-boxed-content, fullwidth,fullwidth-boxed-content-padding
  @width-mode-header: 'fullwidth-boxed-content-padding'; // boxed, fullwidth-boxed-content, fullwidth,fullwidth-boxed-content-padding
  @width-mode-slider: 'fullwidth'; // boxed, fullwidth-boxed-content, fullwidth,fullwidth-boxed-content-padding
  @width-mode-container: 'fullwidth'; // boxed oder fullwidth. Bei fullwidth machen left-column und/oder right-column keinen sinn.
  @width-mode-footer: 'fullwidth-boxed-content-padding'; // boxed, fullwidth-boxed-content, fullwidth,fullwidth-boxed-content-padding
  @width-mode-bottom: 'fullwidth-boxed-content-padding'; // boxed, fullwidth-boxed-content, fullwidth,fullwidth-boxed-content-padding
*/
body {
  background-color: #fff;
}
#wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
#topbar {
  background-color: #fff;
  color: #e5e020;
  width: 100%;
}
#topbar > .inside {
  max-width: 1600px;
  margin: 0 auto;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (max-width: 767px) {
}
#header {
  background-color: #fff;
  color: #000;
  width: 100%;
}
#header > .inside {
  max-width: 1600px;
  margin: 0 auto;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (max-width: 767px) {
  #header > .inside {
    justify-content: space-around;
  }
}
.fixed-header #header {
  border-bottom: 1px solid #eee;
}
#slider {
  background-color: #fff;
  color: #000;
  width: 100%;
}
#slider > .inside {
  width: 100%;
  height: 100%;
}
#wrapper .mod_article,
#wrapper .mod_article .article-inside {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
#wrapper .mod_article.limited,
#wrapper .mod_article .article-inside.limited {
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
}
#container-wrapper {
  background-color: #fff;
  color: #000;
  flex: 1 0 auto;
  width: 100%;
}
#container-wrapper #main .mod_article .article-inside {
  max-width: 1600px;
  margin: 0 auto;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 767px) {
  #container-wrapper #main .mod_article .article-inside {
    padding-left: calc(20px / 2);
    padding-right: calc(20px / 2);
  }
}
#container-wrapper #main .mod_article.fullwidth .article-inside {
  max-width: unset;
  width: 100%;
  margin: 0;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
}
#container {
  width: 100%;
}
#main {
  float: none;
  height: 100%;
}
#main .inside {
  padding-top: 0;
}
#footer {
  background-color: #e5e020;
  padding: 20px 0;
  text-align: center;
  width: 100%;
}
#footer p {
  margin: 0;
}
#footer,
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6,
#footer p,
#footer ul,
#footer li {
  color: black;
}
#footer a {
  color: black;
}
#footer a:hover {
  color: #555;
}
#footer > .inside {
  max-width: 1600px;
  margin: 0 auto;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
#bottom {
  background-color: #c5d5e4;
  color: #000;
  padding: 10px 0;
  width: 100%;
}
#bottom a {
  color: white;
}
#bottom a:hover {
  color: #c5d5e4;
}
#bottom > .inside {
  max-width: 1600px;
  margin: 0 auto;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.mod_article.bg-extended-3 {
  background-color: #ccc;
}
@media only screen and (max-width: 767px) {
  #footer .inside {
    flex-direction: column;
  }
  #footer .inside > *[class^="footer-col"] {
    width: 100%;
  }
  #footer .inside p {
    margin-top: 0.25rem;
  }
}
/* MIXINS für Layout */
.boxed {
  max-width: 1600px;
  margin: 0 auto;
}
.boxed > .inside {
  max-width: unset;
  margin: unset;
}
#header {
  position: sticky;
  top: 0;
  z-index: 5;
  margin-bottom: 0;
}
#header .inside {
  max-width: 2200px;
  display: flex;
  justify-content: flex-start;
}
@media screen and (max-width: 960px) {
  #header .inside {
    justify-content: space-between;
  }
}
#container #main .mod_article {
  margin-top: calc(1rem * 2);
  margin-bottom: calc(1rem * 2);
}
#container #main .mod_article .article-inside {
  padding-top: calc(1rem * 2);
  padding-bottom: calc(1rem * 2);
}
#container #main .mod_article.pt-0 .article-inside {
  padding-top: 0;
}
#slider .mod_article.yellowbar .article-inside {
  max-width: 1600px;
  margin: 0 auto;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 767px) {
  #slider .mod_article.yellowbar .article-inside {
    padding-left: calc(20px / 2);
    padding-right: calc(20px / 2);
  }
}
/*-------------------------------------------------------------------------------------------*/
*,
*:after,
*:before {
  box-sizing: inherit;
}
html {
  box-sizing: border-box;
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  font-size: 100%;
  font-weight: 300;
  line-height: 1.5;
  background-color: #ffffff;
  color: #000;
  overflow-y: scroll;
  min-height: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: var(--header-h, 0px);
}
body {
  font-size: 1.25rem;
}
@media only screen and (max-width: 767px) {
  html {
    font-size: 90%;
  }
}
address,
blockquote,
dl,
fieldset,
figure,
hr,
ol,
p,
pre,
ul {
  margin-bottom: 0;
  margin-top: 1rem;
}
dd,
ol,
ul {
  margin-left: 1rem;
}
a {
  color: #eae64e;
  transition: color 0.1s ease-in-out;
}
a:hover {
  color: #f0ed7b;
}
:not(p) a {
  text-decoration: none;
}
figure {
  margin: 0;
}
img {
  display: block;
  width: 100%;
  height: auto;
}
:focus {
  outline: 0;
}
/* Defaults
@headings__font-family: @base-font-family;
@headings__font-weight: 700;

@paragraph__link-color: @color-links;
@code__color: @color-highlight;
@selection-background: @color-brand;
@pre__color-background: @color-gray;
@pre__color: @color-text;

@selection-color: @color-text;

@paragraph__link-decoration: underline;
@paragraph__link-decoration--hover: none;

@hr-border: @base-border;

@headings-h1-font-size: 2.25rem;
@headings-h2-font-size: 1.75rem;
@headings-h3-font-size: 1.5rem;
@headings-h4-font-size: 1.25rem;
@headings-h5-font-size: 1rem;
@headings-h6-font-size: 0.875rem;
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
}
h1,
.h2-wie-h1 h2,
h2.h2-wie-h1 {
  font-size: 1.95rem;
  line-height: 1.5;
  margin-top: 0;
}
h2 {
  font-size: 1.75rem;
  line-height: 1.5;
  margin-top: 2rem;
}
h3 {
  font-size: 1.5rem;
  line-height: 1.5;
  margin-top: 2rem;
}
h4 {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-top: 1.5rem;
}
h5 {
  font-size: 1.3rem;
  line-height: 1.5;
  margin-top: 1.5rem;
}
h6 {
  font-size: 1.25rem;
  line-height: 1.5;
  margin-top: 1.5rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0;
}
/*
// +: nur direkt folgendes Element auf gleicher Ebene
// >: Nur Kind-Elemente in der nächsten Ebene, tiefere Ebenen nicht
// Header, die nicht im Text nach einem p oder anderem Header stehen, haben keinen margin-top, aber einem bottom.
//Auch header, die CHild von einem div sind, also wohl einen text eröffnen.
// Auch p, dass als erstes Element in einem ce-text steht hat  keinen topmargin
div + h1, div + h2, div + h3, div + h4 , div + h5, div + h6,
div > h1:first-of-type, div > h2:first-of-type, div > h3:first-of-type, div > h4:first-of-type , div > h5:first-of-type, div > h6:first-of-type,
div.ce_text > p:first-child{
margin-top:0;
margin-bottom:1rem;
}
*/
p {
  margin-top: 1.5em;
}
h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p {
  margin-top: 0.3em;
}
p + p {
  margin-top: 1em;
}
code {
  color: #c5d5e4;
}
pre {
  padding: 1rem;
  background: #555;
  color: #000;
  overflow-x: scroll;
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid #E7EAEE;
}
b,
strong {
  font-weight: bold;
}
.li--block {
  margin-bottom: 1rem;
}
.ce_text {
  margin-bottom: 1rem;
}
::selection {
  background: #e5e020;
  color: #000;
  opacity: 1;
}
h1,
h2,
h3,
h4,
h5,
h6,
a {
  color: #000;
}
.color-default {
  color: #000 !important;
}
.color-default a {
  color: #eae64e !important;
}
.color-default a:hover {
  color: #f0ed7b !important;
}
.color-default a.active {
  color: #f0ed7b !important;
}
.color-default h1,
.color-default h2,
.color-default h3,
.color-default h4,
.color-default h5,
.color-default h6 {
  color: #000 !important;
}
.color-dark {
  color: #e5e020 !important;
}
.color-dark a {
  color: #e5e020 !important;
}
.color-dark a:hover {
  color: #f0ed7b !important;
}
.color-dark a.active {
  color: #f0ed7b !important;
}
.color-dark h1,
.color-dark h2,
.color-dark h3,
.color-dark h4,
.color-dark h5,
.color-dark h6 {
  color: #e5e020 !important;
}
.color-light {
  color: white !important;
}
.color-light a {
  color: white !important;
}
.color-light a:hover {
  color: #c5d5e4 !important;
}
.color-light a.active {
  color: #c5d5e4 !important;
}
.color-light h1,
.color-light h2,
.color-light h3,
.color-light h4,
.color-light h5,
.color-light h6 {
  color: white !important;
}
.color-white {
  color: white !important;
}
.color-white a {
  color: white  !important;
}
.color-white a:hover {
  color: #f0ed7b !important;
}
.color-white a.active {
  color: #f0ed7b !important;
}
.color-white h1,
.color-white h2,
.color-white h3,
.color-white h4,
.color-white h5,
.color-white h6 {
  color: white  !important;
}
/*--------------------------------------------------------------------------------------------------*/
/*
Grid
Einer Moduleinbindung wie z.B. news die classes = grid und cols_1 bis 6 geben. Oder einem anderen Element, dass dann direkte Kinder hat, die ins grid sollen.
Keine Extraelemente wie ein Header!
Galleries hat ein Extragrid, weil da die cols von Contao gesetzt werden.
*/
.grid {
  /*
    @grid-column-gap: (@layout-content-padding * 2);
    @grid-row-gap: (@layout-content-padding * 2);
    @grid-float-columns-breakpoint: @layout-content-breite;

    //variables für grid mit css grids
    @grid-gap: (@layout-content-padding * 2);
    @grid-minwidth-absolute: 225px; //Spalten werden responsive weniger, um diese Mindestspaltenbreite zu halten
    */
}
.grid.cols_1 {
  display: grid;
  grid-auto-flow: dense;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(max( ( 100% -  0px ) /  1 , 290px ), 1fr));
}
.grid.cols_2 {
  display: grid;
  grid-auto-flow: dense;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(max( ( 100% -  20px ) /  2 , 290px ), 1fr));
}
.grid.cols_3 {
  display: grid;
  grid-auto-flow: dense;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(max( ( 100% -  40px ) /  3 , 290px ), 1fr));
}
.grid.cols_4 {
  display: grid;
  grid-auto-flow: dense;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(max( ( 100% -  60px ) /  4 , 290px ), 1fr));
}
.grid.cols_5 {
  display: grid;
  grid-auto-flow: dense;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(max( ( 100% -  80px ) /  5 , 290px ), 1fr));
}
.grid.cols_6 {
  display: grid;
  grid-auto-flow: dense;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(max( ( 100% -  100px ) /  6 , 290px ), 1fr));
}
.grid-inside {
  /*
    @grid-column-gap: (@layout-content-padding * 2);
    @grid-row-gap: (@layout-content-padding * 2);
    @grid-float-columns-breakpoint: @layout-content-breite;

    //variables für grid mit css grids
    @grid-gap: (@layout-content-padding * 2);
    @grid-minwidth-absolute: 225px; //Spalten werden responsive weniger, um diese Mindestspaltenbreite zu halten
    */
}
.grid-inside.cols_1 {
  display: grid;
  grid-auto-flow: dense;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(max( ( 100% -  0px ) /  1 , 290px ), 1fr));
}
.grid-inside.cols_2 {
  display: grid;
  grid-auto-flow: dense;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(max( ( 100% -  20px ) /  2 , 290px ), 1fr));
}
.grid-inside.cols_3 {
  display: grid;
  grid-auto-flow: dense;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(max( ( 100% -  40px ) /  3 , 290px ), 1fr));
}
.grid-inside.cols_4 {
  display: grid;
  grid-auto-flow: dense;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(max( ( 100% -  60px ) /  4 , 290px ), 1fr));
}
.grid-inside.cols_5 {
  display: grid;
  grid-auto-flow: dense;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(max( ( 100% -  80px ) /  5 , 290px ), 1fr));
}
.grid-inside.cols_6 {
  display: grid;
  grid-auto-flow: dense;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(max( ( 100% -  100px ) /  6 , 290px ), 1fr));
}
.grid-inside.cols_1 .article-inside {
  display: grid;
  grid-auto-flow: dense;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(max( ( 100% -  0px ) /  1 , 290px ), 1fr));
}
.grid-inside.cols_2 .article-inside {
  display: grid;
  grid-auto-flow: dense;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(max( ( 100% -  20px ) /  2 , 290px ), 1fr));
}
.grid-inside.cols_3 .article-inside {
  display: grid;
  grid-auto-flow: dense;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(max( ( 100% -  40px ) /  3 , 290px ), 1fr));
}
.grid-inside.cols_4 .article-inside {
  display: grid;
  grid-auto-flow: dense;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(max( ( 100% -  60px ) /  4 , 290px ), 1fr));
}
.grid-inside.cols_5 .article-inside {
  display: grid;
  grid-auto-flow: dense;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(max( ( 100% -  80px ) /  5 , 290px ), 1fr));
}
.grid-inside.cols_6 .article-inside {
  display: grid;
  grid-auto-flow: dense;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(max( ( 100% -  100px ) /  6 , 290px ), 1fr));
}
.grid-inside.cols_1 {
  display: block;
}
.grid-inside.cols_2 {
  display: block;
}
.grid-inside.cols_3 {
  display: block;
}
.grid-inside.cols_4 {
  display: block;
}
.grid-inside.cols_5 {
  display: block;
}
.grid-inside.cols_6 {
  display: block;
}
/*----------------------------------------------------------------------------------------------------------------*/
p.font-color-brand {
	color: #ee7203;
}

p.font-size-xxl {
	font-size:4rem;
}

.yellowbar {
  height: 8rem;
  background-color: #e5e020;
}
.yellowbar .article-inside {
  display: flex;
  align-items: flex-end;
}
.yellowbar .article-inside h1 {
  line-height: 0.7;
  text-transform: uppercase;
}
/*-----------------------------------------------------------------------------*/
/*
Introtext
Gestaltet einen Text als Willkommenstext, ideal als erster Text auf der Homepage nach einem Slider oder Hero.

Class "introtext" (oder introtext-1, introtext-2) an ein Text-Element vergeben.

Textaufbau solle mit H1 beginnen, kann auch H2 und h3 und p enthalten.
*/
.introtext {
  /* Defaults
    @introtext-margin-top: 0;
    @introtext-h1-margin-bottom: 2rem;
    @introtext-h2-margin-bottom: 2.5rem;
    @introtext-p-margin-bottom: 1rem;
    @introtext-margin-bottom: 1rem;

    @introtext-h1-font-size: @headings-h1-font-size;
    @introtext-h2-font-size: @headings-h2-font-size;
    @introtext-p-font-size: @headings-h3-font-size;

    @introtext-maxwidth-small: 600px;
    @introtext-maxwidth-default: 740px;
    @introtext-maxwidth-medium: 840px;
    */
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 740px;
  text-align: left;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}
.introtext.maxwidth-medium {
  max-width: 840px;
}
.introtext.maxwidth-small {
  max-width: 600px;
}
.introtext h1 {
  margin-top: 0;
  margin-bottom: calc(1rem / 2);
  font-size: 1.95rem;
}
.introtext h2 {
  margin-top: 0;
  margin-bottom: calc(1rem * 2.5);
  font-size: 1.75rem;
}
.introtext p {
  margin-top: 0;
  margin-bottom: calc(1rem * 2);
  font-size: 1.4rem;
}
.introtext p:last-of-type {
  margin-bottom: 0;
}
/*-----------------------------------------------------------------------------------------------------*/
/* Defaults
  @links-button-bg: @color-btn;
  @links-button-bg-hover: ligthen(@color-btn,10%);
  @links-button-border: 1px solid @color-btn;
  @links-button-border-hover: 1px solid ligthen(@color-btn,10%);
  @links-button-border-radius: 3px;
  @links-button-fontsize: 1rem;
  @links-button-padding: 6px 15px;
  @links-button-color: @color-btn-text;
  @links-button-color-hover:  lighten(@color-btn-text,10%);
  @links-button-texttransform: normal;

  @links-ext-symbol-show: false; // true or false
  @links-ext-symbol: '\f08e';
  */
a[href^="#lb"]::before {
  content: "\f15c";
  font-family: "FontAwesome";
  font-size: 0.75em;
  margin-right: 5px;
}
p.back a::before {
  font-family: 'FontAwesome';
  content: '\f100';
  font-size: inherit;
  line-height: inherit;
  display: inline-block;
  text-rendering: auto;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 7px;
  margin: 2rem 0;
}
.button a,
a.button,
button.button,
button.submit {
  display: inline-block;
  padding: 1rem calc(1rem * 2);
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  color: white;
  font-size: 1.4rem;
  cursor: pointer;
  border: none;
  border-radius: 0;
  background: #e5e020;
  background-repeat: repeat-x;
  transition: background 0.15s linear;
  text-transform: normal;
}
.button a:hover,
a.button:hover,
button.button:hover,
button.submit:hover {
  border: none;
  color: #e6e6e6;
  background: ligthen(#e5e020, 10%);
}
.button {
  margin-bottom: 20px;
}
.button a {
  display: block;
}
#main a[href^="http"],
#main a[href^="mailto:"],
#main a[href^="tel:"] {
  font-weight: bold;
}
p.more {
  margin-top: 1.5rem;
}
p.more + p.more {
  margin-top: 0;
}
p.more a {
  text-transform: uppercase;
  font-weight: bold !important;
}
p.more a::after {
  content: "\f054";
  font-family: "FontAwesome";
  font-size: 0.8em;
  margin-right: 4px;
  margin-left: 6px;
}
.button a,
a.button,
button.button,
button.submit {
  font-weight: 400;
}
.color-dark .button a,
.color-dark a.button,
.color-dark button.button,
.color-dark button.submit {
  color: white !important;
}
.color-dark .button a a,
.color-dark a.button a,
.color-dark button.button a,
.color-dark button.submit a {
  color: white !important;
}
.color-dark .button a a:hover,
.color-dark a.button a:hover,
.color-dark button.button a:hover,
.color-dark button.submit a:hover {
  color: #c5d5e4 !important;
}
.color-dark .button a a.active,
.color-dark a.button a.active,
.color-dark button.button a.active,
.color-dark button.submit a.active {
  color: #c5d5e4 !important;
}
.color-dark .button a h1,
.color-dark a.button h1,
.color-dark button.button h1,
.color-dark button.submit h1,
.color-dark .button a h2,
.color-dark a.button h2,
.color-dark button.button h2,
.color-dark button.submit h2,
.color-dark .button a h3,
.color-dark a.button h3,
.color-dark button.button h3,
.color-dark button.submit h3,
.color-dark .button a h4,
.color-dark a.button h4,
.color-dark button.button h4,
.color-dark button.submit h4,
.color-dark .button a h5,
.color-dark a.button h5,
.color-dark button.button h5,
.color-dark button.submit h5,
.color-dark .button a h6,
.color-dark a.button h6,
.color-dark button.button h6,
.color-dark button.submit h6 {
  color: white !important;
}
.color-light .button a,
.color-light a.button,
.color-light button.button,
.color-light button.submit {
  background-color: #c5d5e4;
  color: #e5e020 !important;
}
.color-light .button a a,
.color-light a.button a,
.color-light button.button a,
.color-light button.submit a {
  color: #e5e020 !important;
}
.color-light .button a a:hover,
.color-light a.button a:hover,
.color-light button.button a:hover,
.color-light button.submit a:hover {
  color: #f0ed7b !important;
}
.color-light .button a a.active,
.color-light a.button a.active,
.color-light button.button a.active,
.color-light button.submit a.active {
  color: #f0ed7b !important;
}
.color-light .button a h1,
.color-light a.button h1,
.color-light button.button h1,
.color-light button.submit h1,
.color-light .button a h2,
.color-light a.button h2,
.color-light button.button h2,
.color-light button.submit h2,
.color-light .button a h3,
.color-light a.button h3,
.color-light button.button h3,
.color-light button.submit h3,
.color-light .button a h4,
.color-light a.button h4,
.color-light button.button h4,
.color-light button.submit h4,
.color-light .button a h5,
.color-light a.button h5,
.color-light button.button h5,
.color-light button.submit h5,
.color-light .button a h6,
.color-light a.button h6,
.color-light button.button h6,
.color-light button.submit h6 {
  color: #e5e020 !important;
}
.button-inverted a {
  background-color: transparent;
  border-color: white;
  color: white;
}
/*--------------------------------------------------------------------------------------------*/
#wrapper .mod_navigation {
  margin-top: 0;
  padding: 3rem 0 0 0;
  flex: 0 0 auto;
  width: fit-content;
  margin-left: 8%;
  margin-bottom: 14px;
  background-color: #e5e020;
}
#wrapper .mod_navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
}
#wrapper .mod_navigation li a,
#wrapper .mod_navigation li.active strong {
  display: block;
  margin-left: 0px;
  margin-right: 0px;
  font-weight: 400;
  font-size: 1.75rem;
  border-bottom: 0;
  border-bottom-color: transparent;
  text-transform: uppercase;
}
#wrapper .mod_navigation a {
  color: #000;
}
#wrapper .mod_navigation li:hover a {
  color: white;
}
#wrapper .mod_navigation a.first,
#wrapper .mod_navigation strong.first {
  margin-left: 0;
}
#wrapper .mod_navigation a.last,
#wrapper .mod_navigation strong.last {
  margin-right: 0;
}
#wrapper .mod_navigation li a.trail,
#wrapper .mod_navigation li.active strong {
  color: white;
}
#wrapper .mod_navigation .level_1 > li a.trail,
#wrapper .mod_navigation .level_1 > li.active strong {
  border-bottom: 0;
}
#wrapper .mod_navigation.divider li a::after,
#wrapper .mod_navigation.divider li strong::after {
  content: "";
  padding: 0;
}
#wrapper .mod_navigation li:last-child a::after {
  content: unset;
}
#wrapper .mod_navigation .level_2 {
  position: absolute;
  left: -32768px;
  top: -32768px;
  overflow: hidden;
  display: inline;
  width: 0;
  height: 0;
}
#wrapper .mod_navigation .level_2 li {
  clear: both;
  float: none;
  border: 1px dotted #E7EAEE;
  border-top: none;
}
#wrapper .mod_navigation .level_2 li:first-child {
  border-top: 1px dotted #E7EAEE;
}
#wrapper .mod_navigation li:hover ul.level_2 {
  left: auto;
  top: auto;
  overflow: auto;
  display: block;
  width: auto;
  min-width: 78px;
  height: auto;
  background-color: white;
  z-index: 999;
  margin: 0;
  float: none;
  border-top: none;
}
#wrapper .mod_navigation li:hover ul.level_2 a,
#wrapper .mod_navigation li:hover ul.level_2 li.active a,
#wrapper .mod_navigation li:hover ul.level_2 strong {
  display: inline-block;
  margin: 0;
  padding: 8px 20px;
  font-weight: normal;
  font-size: 1rem;
  text-transform: none;
  text-transform: uppercase;
}
#wrapper .mod_navigation li:hover ul.level_2 a {
  color: white;
}
#wrapper .mod_navigation li:hover ul.level_2 li:hover a {
  color: #c5d5e4;
}
#wrapper .mod_navigation li:hover ul.level_2 a.trail,
#wrapper .mod_navigation li:hover ul.level_2 li.active a,
#wrapper .mod_navigation li:hover ul.level_2 li.active strong,
#wrapper .mod_navigation li:hover ul.level_2 strong {
  color: #c5d5e4;
  font-weight: 400;
}
@media screen and (max-width: 960px) {
  #wrapper .mod_navigation {
    display: none !important;
  }
}
#wrapper .mod_navigation ul {
  flex-direction: column;
}
#wrapper .mod_navigation ul li {
  margin-bottom: 12px;
}
#wrapper .mod_navigation ul li:last-child {
  margin-bottom: 0;
}
#wrapper .mod_navigation ul li a,
#wrapper .mod_navigation ul li.active strong {
  line-height: 0.7;
  padding-left: calc(1rem / 2);
  padding-right: calc(1rem / 2);
}
#wrapper .mod_navigation ul li.active strong {
  background-color: black;
}
/*----------------------------------------------------------------------------------------------*/
/* Default Values
  @nav-margin-top: 0;
  @nav-padding: 10px 10px;
  @nav-color-links: @color-links;
  @nav-color-links-hover: @color-links-hover;
  @nav-color-links-active: @color-links-active;
  @nav-active-borderbottom: 5px solid @color-links-active;

  @nav-links-font-size: 1rem;
  @nav-links-font-weight: 400;
  @nav-links-uppercase: false;
  @nav-links-margin: 0;
  @nav-divider ="";
  @nav-divider-padding = 0;

  // 2. Level Mainmenue"
  @nav-color-links-2nd: @color-links;
  @nav-color-links-2nd-hover: @color-links-hover;
  @nav-color-links-2nd-active: @color-links-active;
  @nav-links-2nd-font-size: 1rem;
  @nav-links-2nd-active-font-weight: normal;
  @nav-links-2nd-uppercase: false;
  @nav-links-2nd-padding: 7px 20px 7px 20px;
  @nav-links-2nd-bordertop: 5px solid @nav-color-links-2nd;

  //Anpassungen an bestimmten breakpoints
  @nav-mainnav-breakpoint-1: calc(@layout-content-breite - 1px); //Erste ANpassungen des mainnav
  @nav-mainnav-breakpoint-2: 1000px; //weitere Anpassungen des mainnav
  */
/*Main Nav mixin*/
/* defaults
  //Mobilemenü
  @nav-color-mobilemenu-trigger: @color-brand;
  @nav-mobilmenue-font-size: 1.25rem;
  @nav-mobilmenue-active-font-weight: normal;
  @nav-mobilmenue-color-links: @color-text;
  @nav-mobilmenue-color-links-active: @color-brand;
  @nav-color-mobilmenue-background: @color-gray-light;
  @nav-color-mobilmenue-background-active: @color-brand;
*/
.mod_mobile_menu {
  display: none;
}
@media screen and (max-width: 960px) {
  .mod_mobile_menu {
    display: block !important;
    background-color: white;
    text-align: right;
    padding: 10px 0;
  }
  .mod_mobile_menu .mobile_menu_trigger {
    display: block;
    color: #e5e020;
  }
}
.mobile_menu .inner {
  background: #e5e020;
}
.mobile_menu #mainmenumobile {
  display: block;
}
.mobile_menu #mainmenumobile ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.mobile_menu #mainmenumobile li {
  border-bottom: 1px solid white;
}
.mobile_menu #mainmenumobile li.not-in-mmenu {
  display: none;
}
.mobile_menu #mainmenumobile .level_1 > li.submenu_show {
  border-bottom: none;
}
.mobile_menu #mainmenumobile .level_2 > li.first {
  border-top: 1px solid white;
}
.mobile_menu #mainmenumobile .level_2 > li.last {
  margin-bottom: 0;
}
.mobile_menu #mainmenumobile li a,
.mobile_menu #mainmenumobile li strong {
  font-size: 1.5rem;
  display: block;
  padding: 10px;
  text-decoration: none;
  color: black;
}
.mobile_menu #mainmenumobile .level_1 > li a.active,
.mobile_menu #mainmenumobile .level_1 > li a:hover,
.mobile_menu #mainmenumobile .level_1 > li strong.active {
  font-weight: normal;
  background: black;
  color: white;
}
.mobile_menu #mainmenumobile li.trail > a {
  background: #d3ce19;
}
.mobile_menu #mainmenumobile .level_2 > li > a,
.mobile_menu #mainmenumobile .level_2 > li > strong {
  padding: 8px 8px 8px 30px;
  font-size: 1.25rem;
}
.mobile_menu #mainmenumobile .level_3 > li > a,
.mobile_menu #mainmenumobile .level_3 > li > strong {
  padding: 8px 8px 8px 50px;
  font-size: 0.9rem;
}
/*----------------------------------------------------------------------------------------------*/
.img-right figure {
  text-align: right;
}
.img-right figure img {
  display: inline;
}
.img-center figure {
  text-align: center;
}
.img-center figure img {
  display: inline;
}
.ce_text figure.float_left + p {
  margin-top: 0;
}
figure.float_left,
figure.float_right {
  width: 50%;
  max-width: 50%;
}
.img-free-width figure,
.img-free-width figure img {
  width: unset;
  max-width: 100%;
}
.img-free-width .ce_text.h2-text-indent {
  padding-left: 2rem;
}
.img-free-width .ce_text.h2-text-indent h2 {
  text-indent: -2rem;
}
.imgwidth-1-2--1200px {
  width: 50%;
}
.imgwidth-1-3--1200px {
  width: 33%;
}
.imgwidth-1-4--1200px {
  width: 25%;
}
figure {
  position: relative;
}
figcaption {
  color: #000;
  display: list-item;
  list-style-type: square;
  margin-left: 30px;
  font-size: 1.5rem;
  padding-top: 10px;
}
/*-----------------------------------------------------------------------------------------*/
/*
  Zu Breadcrumbs gibt es einen Abschnitt in scripts.js, da das Modul immer den Startknoten-Namen als erstes Element ausgibt,
  und Home halt die erste "Unterseite" ist.
  Die meisten wollen aber Home als erstes Element und bei Home eben nicht root >> Home.

  !!! Der Homepage die class=not-in-breadcrumbs geben

  */
/* default
  @breadcrumbs-color-link: @color-links;
  @breadcrumbs-color-link-hover: @color-links-active;
  @breadcrumbs-color-link-active: @color-links-active;

  @breadcrumbs-padding: 5px;
  @breadcrumbs-marker: '>>';
  @breadcrumbs-marker-padding: 5px;
  */
#wrapper .mod_breadcrumb {
  padding-left: 20px;
  padding-right: 20px;
}
#wrapper .mod_breadcrumb ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#wrapper .mod_breadcrumb ul li {
  display: inline-block;
  padding-left: 5px;
}
#wrapper .mod_breadcrumb ul li:first-child {
  padding-left: 0;
}
#wrapper .mod_breadcrumb ul li::after {
  content: '>>';
  font-size: inherit;
  line-height: inherit;
  display: inline-block;
  text-rendering: auto;
  -moz-osx-font-smoothing: grayscale;
  padding-left: 5px;
}
#wrapper .mod_breadcrumb ul li:last-child::after {
  display: none;
}
#wrapper .mod_breadcrumb ul li,
#wrapper .mod_breadcrumb ul li a {
  /*text-transform: uppercase;*/
  font-weight: normal;
  font-size: 1rem;
  opacity: 1;
}
#wrapper .mod_breadcrumb ul li a {
  color: #eae64e;
  transition: all 0.2s ease-in-out;
}
#wrapper .mod_breadcrumb ul li a:hover {
  color: #f0ed7b;
}
#wrapper .mod_breadcrumb ul li.active {
  color: #f0ed7b;
}
.not-in-breadcrumbs #wrapper .mod_breadcrumb li.first {
  display: none;
}
@media screen and (max-width: 767px) {
  #wrapper .mod_breadcrumb {
    display: none;
  }
}
#wrapper .mod_breadcrumb {
  padding-top: 1rem;
  padding-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  #wrapper .mod_breadcrumb {
    display: block;
  }
}
/*--------------------------------------------------------------------------------------------------------------*/
/* default
  @kontaktfahne-color-bg: @color-highlight;
  @kontaktfahne-link-color: @color-brand;
  @kontaktfahne-link-hover-color: @color-links-hover;
  @kontaktfahne-link-fontsize: 1.5rem;
  @kontaktfahne-link-padding: 0 20px 0 10px;
  @kontaktfahne-link-borderradius: 5px;
  @kontaktfahne-link-texttransform: uppercase;
  @kontaktfahne-link-positiontop: 50vh;
  */
.kontaktfahne {
  position: fixed;
  right: 0;
  z-index: 10004;
  top: 50vh;
  transition: all 0.6s ease;
}
.kontaktfahne:hover {
  right: -7px;
}
.kontaktfahne a {
  display: block;
  transition: All 0.2s ease;
  -webkit-transition: All 0.2s ease;
  background: #c5d5e4;
  text-align: center;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  box-shadow: 3px 7px 4px -3px rgba(0, 0, 0, 0.5);
  font-size: 1.5rem;
  color: #e5e020;
  text-transform: uppercase;
  padding: 5px 20px 5px 15px;
}
.kontaktfahne a:hover {
  color: #f0ed7b;
}
.kontaktfahne a img {
  vertical-align: middle;
  display: inline;
  height: 1.5em;
  margin: 10px 10px 10px 0;
}
@media only screen and (max-width: 1600px) {
  .kontaktfahne {
    writing-mode: vertical-lr;
  }
  .kontaktfahne a {
    padding: 10px 0;
    text-transform: lowercase;
    font-size: 0.9rem;
    letter-spacing: 0.01rem;
  }
  .kontaktfahne a img {
    display: none;
  }
}
.kontaktfahne a {
  font-weight: 700;
  border: 3px solid #e5e020;
  border-right: 0;
}
/*-------------------------------------------------------*/
#main .mod_article.backgroundimage {
  background-image: linear-gradient(#E7EAEE, #E7EAEE);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  padding: 40px 0;
  background-image: linear-gradient(rgba(86, 96, 105, 0.68), rgba(86, 96, 105, 0.68)), url("/files/images/header-slider-bg/pixabay_hammer-1868956.jpg");
  font-size: 1rem;
}
#main .mod_article.backgroundimage .article-inside {
  max-width: 1600px !important;
  margin: 0 auto !important;
  padding: 25px 70px 75px !important;
}
#main .mod_article.backgroundimage.custom-1 {
  background-image: linear-gradient(#E7EAEE, #E7EAEE);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  padding: 40px 0;
  background-image: none;
  background-color: #ccc;
}
#main .mod_article.backgroundimage.custom-1 .article-inside {
  max-width: 1600px !important;
  margin: 0 auto !important;
  padding: 25px 70px 75px !important;
}
/*-----------------------------------------------------------------------------------*/
/*
Es gibt hierzu das angepasste template ce_toplink_su
Das kann über {{file::}} in einem Modul(eigens HTML) includiert werden
Das Modul kann im Layout in den eigenen Layoutbereich 'boby' gesetzt werden
in scipts.js ist ein Teil, der den Header beim scrollen beobachtet und das einblenden regelt.

*/
#top_link {
  position: fixed;
  opacity: 0;
  transition: All 0.2s ease;
  -webkit-transition: All 0.2s ease;
  width: 45px;
  height: 45px;
  line-height: 45px;
  right: 15px;
  z-index: 10005;
  bottom: -40px;
}
#top_link a {
  position: relative;
  display: block;
  transition: All 0.6s ease;
  -webkit-transition: All 0.6s ease;
  float: left;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
  line-height: inherit;
  border-radius: 100%;
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04);
  border: 1px solid #ebedeb;
  font-size: 12px;
  line-height: 41px;
  cursor: pointer;
}
#top_link:hover a {
  margin-top: -7px;
}
body.fixed-header.cookiebar_open #top_link {
  opacity: 1;
  bottom: 70px;
}
body.fixed-header #top_link {
  opacity: 1;
  bottom: 45px;
}
/*----------------------------------------------------------------------------------------------*/
.mod_rocksolid_slider {
  /* Slider: max Breite, zentriert */
  max-width: 2200px;
  margin-inline: auto;
  /* Höhe dynamisch: min 250, flüssig, max 500 */
  height: clamp(270px, calc(100vw / 4.4), 500px) !important;
  /* 4.4 = 2200/500 */
  /*
  /* Slides + Inhalt auf volle Höhe ziehen
  & > [data-rsts-type="image"],
  & > [data-rsts-type="image"] > picture,
  & > [data-rsts-type="image"] > picture > img {
    height: 100%;
  }
*/
  /* Bilder croppen */
}
.mod_rocksolid_slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.mod_rocksolid_slider .rsts-slide > div {
  position: absolute !important;
  bottom: 25px;
}
.mod_rocksolid_slider .rsts-slide > div .content-text {
  width: fit-content;
  background-color: #e5e020;
  padding: 0 0 0 20px;
}
.mod_rocksolid_slider .rsts-slide > div .content-text h2 {
  font-size: 3rem;
  font-weight: 500;
  color: black;
  text-transform: uppercase;
  text-align: right;
  margin: 0;
  line-height: 0.7;
}
.mod_rocksolid_slider .rsts-slide > div .content-text p {
  font-size: 1.8rem;
  color: black;
  text-transform: uppercase;
  text-align: right;
  line-height: 1.1;
  margin: 0.75rem 0 0 0;
}
.mod_rocksolid_slider .rsts-slide > div .content-text p:last-child {
  line-height: 0.7;
  padding: 0;
}
@media screen and (max-width: 960px) {
  .mod_rocksolid_slider .rsts-slide > div {
    bottom: 10px;
  }
  .mod_rocksolid_slider .rsts-slide > div .content-text h2 {
    font-size: 1.75rem;
  }
  .mod_rocksolid_slider .rsts-slide > div .content-text p {
    font-size: 1.35rem;
  }
}
.mod_rocksolid_slider .rsts-slide.top > div {
  top: 25px;
  bottom: unset;
}
@media screen and (max-width: 960px) {
  .mod_rocksolid_slider .rsts-slide.top > div {
    top: 10px;
  }
}
.mod_rocksolid_slider .rsts-slide.rechts > div {
  right: 0;
}
.mod_rocksolid_slider .rsts-slide.rechts > div .content-text {
  padding: 0 20px 0 0;
}
.mod_rocksolid_slider .rsts-slide.rechts > div .content-text h2,
.mod_rocksolid_slider .rsts-slide.rechts > div .content-text p {
  text-align: left;
}
.mod_rocksolid_slider .rsts-prev,
.mod_rocksolid_slider .rsts-next {
  bottom: unset;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  box-shadow: none;
  width: 40px;
  height: 100px;
  opacity: 0.5;
  background-repeat: no-repeat;
}
.mod_rocksolid_slider .rsts-prev:hover,
.mod_rocksolid_slider .rsts-next:hover {
  background-color: unset;
}
.mod_rocksolid_slider .rsts-next {
  background-image: url('/files/theme/img/layout/vor.png');
}
.mod_rocksolid_slider .rsts-prev {
  background-image: url('/files/theme/img/layout/zurueck.png');
  right: unset;
  left: 20px;
}
.mod_rocksolid_slider .rsts-nav-bullets {
  position: absolute;
  right: unset;
  top: unset;
  bottom: 10px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1;
}
.mod_rocksolid_slider .rsts-nav-bullets ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
}
.mod_rocksolid_slider .rsts-nav-bullets ul li {
  padding: 4px;
}
.mod_rocksolid_slider .rsts-nav-bullets ul li a {
  display: block;
  width: 16px;
  height: 16px;
  padding: 0;
  font-size: 0;
  line-height: 0;
  border: none;
  background-color: black;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
.mod_rocksolid_slider .rsts-nav-bullets ul li a.active {
  background-color: #e5e020;
  box-shadow: none;
}
@media screen and (max-width: 960px) {
  .mod_rocksolid_slider {
    box-sizing: content-box;
    padding-bottom: 40px;
  }
  .mod_rocksolid_slider .rsts-nav-bullets {
    bottom: 0;
  }
  .mod_rocksolid_slider .rsts-nav-bullets a {
    margin-top: 0;
    margin-bottom: 0;
  }
}
/*----------------------------------------------------------------------------------------------*/
/*Default-Values
  @logo-width: 350px;
  @logo-padding-top: 20px;
  @logo-padding-left: 0;
  @logo-padding-bottom: 10px;

  @logo-width-mobil: calc(100vw - @layout-content-padding - @layout-content-padding - 40px);
  @logo-padding-top-mobil: 15px;
  @logo-padding-left-mobil: 0;
  @logo-padding-bottom-mobil: 15px;
  */
.logo {
  float: none;
  flex: 0 0 270px;
  padding-top: calc(1rem * 2);
  padding-left: 0;
  padding-bottom: 0;
  transition: width 0.2s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .logo {
    flex: 0 0 calc(100vw - 20px - 20px - 60px);
    max-width: 270px;
    padding-top: 1rem;
    padding-left: 0;
    padding-bottom: 1rem;
  }
}
/*---------------------------------------------------------------------------------------*/
.topbar-text {
  float: right;
  text-align: right;
  font-size: inherit;
  padding: 20px 0 20px 0;
  margin-bottom: 0;
  color: inherit;
}
.topbar-text p {
  margin: 0;
}
.topbar-text i::before {
  padding-right: 5px;
}
.topbar-text a {
  color: #000;
  padding-right: 20px;
}
.topbar-text a:last-of-type {
  padding-right: 0;
}
.topbar-text a:hover {
  color: inherit;
}
@media only screen and (max-width: 1600px) {
  .topbar-text {
    padding: 10px 0 10px 0;
  }
}
@media only screen and (max-width: 767px) {
  .topbar-text {
    float: none;
    text-align: left;
    padding: 0 10px 10px 10px;
  }
  .topbar-text a {
    padding-left: 0;
  }
}
.topbar-text {
  float: right;
  text-align: left;
}
.topbar-text p {
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 0 !important;
}
.topbar-text .telephone {
  white-space: nowrap;
}
.topbar-text .telephone::before {
  font-family: 'FontAwesome';
  content: '\f095';
  font-size: inherit;
  line-height: inherit;
  display: inline-block;
  text-rendering: auto;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 5px;
}
.topbar-text .email {
  white-space: nowrap;
}
.topbar-text .email::before {
  font-family: 'FontAwesome';
  content: '\f0e0';
  font-size: inherit;
  line-height: inherit;
  display: inline-block;
  text-rendering: auto;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 5px;
}
.topbar-text .facebook {
  white-space: nowrap;
}
.topbar-text .facebook::before {
  font-family: 'FontAwesome';
  content: '\f09a';
  font-size: inherit;
  line-height: inherit;
  display: inline-block;
  text-rendering: auto;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 5px;
}
.topbar-text .instagram {
  white-space: nowrap;
}
.topbar-text .instagram::before {
  font-family: 'FontAwesome';
  content: '\f16d';
  font-size: inherit;
  line-height: inherit;
  display: inline-block;
  text-rendering: auto;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 5px;
}
@media only screen and (max-width: 1000px) {
  body:not(.fixed-header) .topbar-text {
    display: none;
  }
}
@media only screen and (max-width: 900px) {
  .topbar-text {
    display: none;
  }
}
/*---------------------------------------------------------------------------------*/
.socials {
  float: right;
  padding: 20px 0 0 20px;
}
.socials a {
  color: inherit;
}
.socials a:hover {
  color: inherit;
}
.socials i::before {
  font-size: inherit;
  padding-left: 10px;
}
@media only screen and (max-width: 1600px) {
  .socials {
    padding: 10px 20px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .socials {
    float: none;
    padding: 10px 0 0 10px;
  }
}
.socials {
  float: none;
  padding: 1rem 0 0 0;
}
.socials a i::before {
  color: #ccc;
  background-color: white;
  border-radius: 100%;
  width: 45px;
  height: 45px;
  display: block;
  text-align: center;
  padding-top: 10px;
  padding-left: 0;
}
.socials a {
  color: white;
}
.socials a:hover {
  color: #c5d5e4;
}
.socials a:first-child i::before {
  padding-left: 0;
}
.kontakt .socials a i::before {
  background-color: #ccc;
  color: white;
}
/*--------------------------------------------------------------------------------------------------*/
/* Gesamt-Grid: Platz nach oben für zweizeilige Titel */
.mod_newslist.grid.kuenstlerinnen {
  padding-top: 4.5rem;
  row-gap: 5rem;
}
/* Einzelne Card */
.layout_latest {
  overflow: visible;
  /* Bild */
  /* Titel: oberhalb des Bildes, 10px Abstand; wächst nach oben */
}
.layout_latest .content {
  position: relative;
  overflow: visible;
}
.layout_latest figure.image_container {
  position: relative;
  margin: 0;
  overflow: hidden;
  float: none;
  width: 100%;
  max-width: unset;
  /* Grundzustand: kein Rahmen */
  border: 0 solid #e5e020;
  transition: border 0.15s ease;
}
.layout_latest figure.image_container a,
.layout_latest figure.image_container img {
  display: block;
}
.layout_latest figure.image_container img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
}
.layout_latest h2 {
  margin: 0;
  line-height: 1.1;
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  transform: translateY(calc(-100% - 10px));
  z-index: 3;
}
.layout_latest p.subheadline {
  position: absolute;
  /* vertikal mittig */
  top: 50%;
  transform: translateY(-50%) scale(0.98);
  /* links an den Rahmen andocken */
  left: 0;
  margin: 0;
  padding: 0.6rem 1rem;
  max-width: 85%;
  background: #e5e020;
  color: #000;
  font-weight: 400;
  font-size: 1.5rem;
  text-align: left;
  white-space: wrap;
  text-transform: uppercase;
  line-height: 1.3;
  opacity: 0;
  transition: opacity 0.15s ease, transform 0.15s ease;
  z-index: 2;
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .layout_latest .content:hover figure.image_container {
    border-width: 8px;
  }
  .layout_latest .content:hover p.subheadline {
    opacity: 1;
    transform: translateY(-50%) scale(1);
  }
}
.mod_newsreader p.back {
  display: none;
}
.teasercontent {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 2rem;
  align-items: start;
}
.teasercontent figure {
  margin: 0;
}
.teasercontent figure img {
  display: block;
  width: 100%;
  height: auto;
}
.teasercontent .content h1 {
  text-transform: uppercase;
}
.teasercontent .content p.subheadline {
  font-size: 1.5rem;
  text-transform: uppercase;
}
.custom-content {
  margin-top: 3rem;
}
@media (max-width: 768px) {
  .teasercontent {
    grid-template-columns: 1fr;
  }
  .teasercontent figure {
    max-width: 60%;
  }
}
.news-pager {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 1rem;
  margin: 3rem 0;
}
.news-pager .slot {
  min-width: 0;
}
.news-pager .prev {
  justify-self: start;
}
.news-pager .overview {
  justify-self: center;
}
.news-pager .next {
  justify-self: end;
}
.news-pager .btn {
  display: inline-block;
  padding: 0.8rem 1.4rem;
  background: #e5e020;
  color: black;
  text-decoration: none;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}
.news-pager .btn:hover {
  background: #c5c117;
}
.news-pager .btn.is-outline {
  background: transparent;
  border: 2px solid #e5e020;
}
.news-pager .btn.is-outline:hover {
  background: #e5e020;
}
@media (max-width: 768px) {
  .news-pager {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
  .news-pager .prev,
  .news-pager .overview,
  .news-pager .next {
    justify-self: stretch;
    text-align: center;
  }
  .news-pager .btn {
    width: 100%;
  }
}
/*----------------------------------------------------------------------------------------*/
/* =========================================================
   Eventlist Combiner (Basis + gelbe Row-Bänder)
   ========================================================= */
.mod_eventlist_combiner {
  position: relative;
  row-gap: calc(1rem / 2) !important;
}
.mod_eventlist_combiner .row-band {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  background: #e5e020;
  pointer-events: none;
  z-index: 0;
}
.mod_eventlist_combiner .mod_eventlist {
  display: contents;
}
.mod_eventlist_combiner .mod_eventlist .header {
  display: none;
}
.mod_eventlist_combiner .event {
  position: relative;
  z-index: 1;
  display: grid;
  align-content: start;
  align-items: start;
  justify-items: stretch;
  row-gap: 0 !important;
  column-gap: 0 !important;
  gap: 0 !important;
}
.mod_eventlist_combiner .event h2 {
  color: black;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 0.7;
  text-transform: uppercase;
  padding: 0 !important;
  margin: calc(1rem * 2) 0 calc(1rem * 2) 0;
  border: 0 !important;
}
.mod_eventlist_combiner .event .ce_text {
  display: contents;
}
.mod_eventlist_combiner .event .ce_text figure {
  order: -1;
}
.mod_eventlist_combiner .event .ce_text figure.image_container img {
  width: 100%;
  object-fit: cover;
  display: block;
}
.mod_eventlist_combiner .event p.more a {
  display: inline-block;
  padding: 0.75rem 1.2rem;
  background: #e5e020;
  color: black;
  text-decoration: none;
  font-weight: 600;
}
.mod_eventlist_combiner .event p.more a:hover {
  background: #c5c117;
}
/* =========================================================
   Archiv-Gruppierung (Jahresnav + Jahresüberschrift + Subgrids)
   ========================================================= */
.mod_eventlist_combiner.is-archive-grouped .archive-year-nav,
.mod_eventlist_combiner.is-archive-grouped .archive-year-head {
  grid-column: 1 / -1;
}
.mod_eventlist_combiner.is-archive-grouped .archive-year-nav {
  background: #000;
  color: #fff;
  padding: 20px;
  width: fit-content;
  max-width: 100%;
  max-height: 240px;
  overflow-y: auto;
  overflow-x: hidden;
}
.mod_eventlist_combiner.is-archive-grouped .archive-year-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.25rem;
}
.mod_eventlist_combiner.is-archive-grouped .archive-year-nav a {
  color: inherit;
  text-decoration: none;
  font-size: 1.5rem;
  line-height: 1.2;
  display: block;
  white-space: nowrap;
}
.mod_eventlist_combiner.is-archive-grouped .archive-year-nav a:hover {
  text-decoration: underline;
}
.mod_eventlist_combiner.is-archive-grouped .archive-year-head {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  text-align: left;
  padding: 0 20px;
}
.mod_eventlist_combiner.is-archive-grouped .archive-year-head h2 {
  margin-top: 0;
  line-height: 1;
}
.mod_eventlist_combiner.is-archive-grouped .archive-year-grid {
  grid-column: 1 / -1;
}
/* =========================================================
   Archiv Filter im Header neben Navigation (schwarzer Kasten)
   ========================================================= */
.event-archive-filter {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: stretch;
}
.event-archive-filter .article-inside {
  display: contents;
}
.event-archive-filter .mod_eventmenu {
  background: #000;
  color: #fff;
  padding: 20px;
  max-height: 240px;
  overflow-y: auto;
  overflow-x: hidden;
  display: inline-block;
  width: fit-content;
  max-width: 100%;
  flex: 0 0 auto;
}
.event-archive-filter .mod_eventmenu ul.level_1 {
  margin: 0;
  padding: 0;
  list-style: none;
}
.event-archive-filter .mod_eventmenu li {
  margin: 0 0 0.35rem 0;
}
.event-archive-filter .mod_eventmenu a,
.event-archive-filter .mod_eventmenu strong {
  display: block;
  font-size: 1.5rem;
  line-height: 1.2;
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}
.event-archive-filter .mod_eventmenu a:hover {
  text-decoration: underline;
}
.event-archive-filter .mod_eventmenu li.active strong {
  font-weight: 700;
}
/* =========================================================
   Eventreader (wie bei dir, nur aufgeräumt doppelte Backlinks)
   ========================================================= */
.mod_eventreader {
  overflow: visible;
}
.mod_eventreader p.back {
  display: none;
}
.mod_eventreader .event.layout_full {
  overflow: visible;
}
.mod_eventreader .event.layout_full .event-hero {
  position: relative;
  overflow: visible;
}
.mod_eventreader .event.layout_full .event-hero::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 200px;
  top: 0;
  background: #e5e020;
  z-index: 0;
  pointer-events: none;
}
.mod_eventreader .event.layout_full .event-hero .event-hero-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 2rem;
  padding-bottom: 0;
  align-items: start;
  overflow: visible;
}
.mod_eventreader .event.layout_full .event-hero .event-hero-media {
  padding: 40px 0 0 0;
}
.mod_eventreader .event.layout_full .event-hero .event-hero-media figure {
  margin: 0;
}
.mod_eventreader .event.layout_full .event-hero .event-hero-media img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}
.mod_eventreader .event.layout_full .event-hero .event-hero-meta {
  padding: 0;
  overflow: visible;
}
.mod_eventreader .event.layout_full .event-hero .event-hero-meta h1 {
  margin: 0;
  font-size: 2.5rem;
  line-height: 1.1;
  height: 200px;
  display: flex;
  align-items: flex-end;
}
.mod_eventreader .event.layout_full .event-hero .event-hero-meta .info,
.mod_eventreader .event.layout_full .event-hero .event-hero-meta .location {
  margin: 0.4rem 0 0 0;
}
.mod_eventreader .event.layout_full .event-hero .event-hero-meta .event-teasertext {
  margin-top: 1rem;
}
@media screen and (max-width: 960px) {
  .mod_eventreader .event.layout_full .event-hero .event-hero-inner {
    grid-template-columns: 1fr;
  }
  .mod_eventreader .event.layout_full .event-hero .event-hero-meta h1 {
    height: unset;
    margin-top: 1rem;
  }
}
.mod_eventreader .event-details {
  margin-top: 2rem;
}
.mod_eventreader .event-details > div[class^="content-"] {
  margin-top: calc(1rem * 4);
}
.event-backlinks {
  margin-top: 2rem;
}
.event-backlinks ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.event-backlinks a {
  display: inline-block;
  padding: 0.75rem 1.2rem;
  background: #e5e020;
  color: black;
  text-decoration: none;
  font-weight: 600;
}
.event-backlinks a:hover {
  background: #c5c117;
}
header .archive-year-nav,
#header .archive-year-nav,
.header .archive-year-nav {
  background: #000;
  color: #fff;
  padding: 20px;
  width: fit-content;
  max-width: 100%;
  overflow-y: auto;
  min-height: 0;
  /* Flex-Klassiker: sonst scrollt er manchmal nicht */
  scrollbar-gutter: stable;
  /* optional: verhindert Layout-Springen */
}
header .archive-year-nav ul,
#header .archive-year-nav ul,
.header .archive-year-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.25rem;
}
header .archive-year-nav a,
#header .archive-year-nav a,
.header .archive-year-nav a {
  color: inherit;
  text-decoration: none;
  font-size: 1.3rem;
  line-height: 1.2;
  display: block;
  white-space: nowrap;
}
header .archive-year-nav a:hover,
#header .archive-year-nav a:hover,
.header .archive-year-nav a:hover {
  text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------*/
.pagination {
  padding-left: calc(33% + 20px);
}
.pagination p {
  margin-top: 0;
}
.pagination ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.pagination ul li a,
.pagination ul li strong {
  padding: 5px 15px 5px 0px;
}
/*-------------------------------------------------------------------------------------------------------------*/
/* Image Box
* 2.12.2019
* seitenumsatz.de
28.10.2020: NI: CHANGE/ADD: statt @imagebox-text-align gibt es nun @imagebox-left-text-align: right; @imagebox-right-text-align: left; Jeweils dafür, wenn text links oder rechts neben dem Bild ist
28.10.2020: NI: CHANGE: Statt 1.5rem: @imagebox-text-header-font-size: @headings-h2-font-size; //default wie h2
02.11.2020: NIHL: DEL: @imagebox-bg-color-gradient-l2r und @imagebox-bg-color-gradient-l2r
02.11.2020: NIHL: ADD: @imagebox-bg-color-1-gradient-l2r und @imagebox-bg-color-1-gradient-l2r, @imagebox-bg-color-2-gradient-l2r und @imagebox-bg-color-2-gradient-l2r

5.5.2021: WfV: Add: Wenn IMGBOX in einem fullwidth-Article ist, wird die textbreite auf die contentbreite beschränkt.

*/
/*Allgemeine Variablen für alle IMG-BOX-Instanzen*/
.img-box {
  display: flex;
  color: #000;
  margin-bottom: 10px;
  min-height: 100%;
}
.img-box a {
  color: white;
}
.img-box a:hover {
  color: #c5d5e4;
}
.img-box figure {
  width: 50%;
  float: none;
}
.img-box figure img {
  object-fit: cover;
  object-position: center;
  height: 100%;
}
.img-box figure.float_left {
  order: 1;
  margin-right: 5px;
}
.img-box figure.float_left ~ .text {
  margin-left: 5px;
  text-align: left;
}
.img-box figure.float_right {
  order: 3;
  margin-left: 5px;
}
.img-box figure.float_right ~ .text {
  margin-right: 5px;
  text-align: right;
}
.img-box .text {
  display: inline-block;
  padding: 10px;
  order: 2;
  width: 50%;
}
.img-box .text h1,
.img-box .text h2,
.img-box .text h3,
.img-box .text h4,
.img-box .text h5,
.img-box .text h6 {
  font-size: 1.75rem;
  font-weight: 400;
  text-transform: none;
  color: #000;
}
.img-box.no-gutter {
  margin-bottom: 0;
}
.img-box.no-gutter figure.float_left,
.img-box.no-gutter figure.float_left ~ .text,
.img-box.no-gutter figure.float_right,
.img-box.no-gutter figure.float_right ~ .text {
  width: 50%;
  margin: 0;
}
.fullwidth .img-box figure.float_left ~ .text {
  padding-right: calc((100vw - 1600px) / 2);
}
.fullwidth .img-box figure.float_right ~ .text {
  padding-left: calc((100vw - 1600px) / 2);
}
@media only screen and (max-width: 1600px) {
  .fullwidth .img-box figure.float_left ~ .text {
    padding-right: 20px;
  }
  .fullwidth .img-box figure.float_right ~ .text {
    padding-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .img-box {
    flex-direction: column;
    margin-bottom: 20px;
    min-height: unset;
  }
  .img-box figure {
    width: 100% !important;
    max-width: 100% !important;
    float: none;
  }
  .img-box figure.float_left {
    order: 1;
    margin: 0;
  }
  .img-box figure.float_left ~ .text {
    margin-left: 0;
  }
  .img-box figure.float_right {
    order: 1;
    margin-left: 0;
  }
  .img-box figure.float_right ~ .text {
    margin-right: 0;
  }
  .img-box .text {
    width: 100% !important;
    text-align: left !important;
    padding-top: 0 !important;
  }
}
.img-box.custom-1 {
  display: flex;
  color: #000;
  margin-bottom: 10px;
  min-height: 100%;
}
.img-box.custom-1 a {
  color: white;
}
.img-box.custom-1 a:hover {
  color: #c5d5e4;
}
.img-box.custom-1 figure {
  width: 50%;
  float: none;
}
.img-box.custom-1 figure img {
  object-fit: cover;
  object-position: center;
  height: 100%;
}
.img-box.custom-1 figure.float_left {
  order: 1;
  margin-right: 5px;
}
.img-box.custom-1 figure.float_left ~ .text {
  margin-left: 5px;
  text-align: left;
}
.img-box.custom-1 figure.float_right {
  order: 3;
  margin-left: 5px;
}
.img-box.custom-1 figure.float_right ~ .text {
  margin-right: 5px;
  text-align: right;
}
.img-box.custom-1 .text {
  display: inline-block;
  padding: 10px;
  order: 2;
  width: 50%;
}
.img-box.custom-1 .text h1,
.img-box.custom-1 .text h2,
.img-box.custom-1 .text h3,
.img-box.custom-1 .text h4,
.img-box.custom-1 .text h5,
.img-box.custom-1 .text h6 {
  font-size: 1.75rem;
  font-weight: 400;
  text-transform: none;
  color: #000;
}
.img-box.custom-1.no-gutter {
  margin-bottom: 0;
}
.img-box.custom-1.no-gutter figure.float_left,
.img-box.custom-1.no-gutter figure.float_left ~ .text,
.img-box.custom-1.no-gutter figure.float_right,
.img-box.custom-1.no-gutter figure.float_right ~ .text {
  width: 50%;
  margin: 0;
}
.fullwidth .img-box.custom-1 figure.float_left ~ .text {
  padding-right: calc((100vw - 1600px) / 2);
}
.fullwidth .img-box.custom-1 figure.float_right ~ .text {
  padding-left: calc((100vw - 1600px) / 2);
}
@media only screen and (max-width: 1600px) {
  .fullwidth .img-box.custom-1 figure.float_left ~ .text {
    padding-right: 20px;
  }
  .fullwidth .img-box.custom-1 figure.float_right ~ .text {
    padding-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .img-box.custom-1 {
    flex-direction: column;
    margin-bottom: 20px;
    min-height: unset;
  }
  .img-box.custom-1 figure {
    width: 100% !important;
    max-width: 100% !important;
    float: none;
  }
  .img-box.custom-1 figure.float_left {
    order: 1;
    margin: 0;
  }
  .img-box.custom-1 figure.float_left ~ .text {
    margin-left: 0;
  }
  .img-box.custom-1 figure.float_right {
    order: 1;
    margin-left: 0;
  }
  .img-box.custom-1 figure.float_right ~ .text {
    margin-right: 0;
  }
  .img-box.custom-1 .text {
    width: 100% !important;
    text-align: left !important;
    padding-top: 0 !important;
  }
}
.img-box.custom-1 figure img {
  object-fit: contain;
  object-position: top;
}
.vollprofil .ce_text.img-box-1 figure {
  margin-bottom: 220px;
}
.vollprofil p.dozentin-profil {
  margin-top: 0;
}
.sprechblase {
  position: absolute;
  top: 504px;
  left: 50%;
  transform: translateX(-110%);
}
.sprechblase figure {
  width: 270px;
  height: auto;
  transform: rotate(-90deg);
}
.sprechblase p {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  padding: 0 20px;
  margin: 0;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 900;
  color: white;
  line-height: 1.1;
  text-transform: uppercase;
  transform: translateY(-50%);
}
@media only screen and (max-width: 1600px) {
  .sprechblase {
    top: calc((100vw - 340px) / 2 - 50px);
  }
}
@media only screen and (max-width: 1160px) {
  .sprechblase {
    top: calc((100vw - 100px) / 2 - 50px);
  }
}
@media only screen and (max-width: 767px) {
  .sprechblase {
    top: calc((100vw - 40px) - 100px);
    left: 40px;
    transform: none;
  }
  .vollprofil .img-box-1 figure {
    margin-bottom: 190px;
  }
}
.img-box.custom-2 {
  display: flex;
  color: #000;
  margin-bottom: 10px;
  min-height: 100%;
}
.img-box.custom-2 a {
  color: white;
}
.img-box.custom-2 a:hover {
  color: #c5d5e4;
}
.img-box.custom-2 figure {
  width: 50%;
  float: none;
}
.img-box.custom-2 figure img {
  object-fit: cover;
  object-position: center;
  height: 100%;
}
.img-box.custom-2 figure.float_left {
  order: 1;
  margin-right: 5px;
}
.img-box.custom-2 figure.float_left ~ .text {
  margin-left: 5px;
  text-align: left;
}
.img-box.custom-2 figure.float_right {
  order: 3;
  margin-left: 5px;
}
.img-box.custom-2 figure.float_right ~ .text {
  margin-right: 5px;
  text-align: right;
}
.img-box.custom-2 .text {
  display: inline-block;
  padding: 10px;
  order: 2;
  width: 50%;
}
.img-box.custom-2 .text h1,
.img-box.custom-2 .text h2,
.img-box.custom-2 .text h3,
.img-box.custom-2 .text h4,
.img-box.custom-2 .text h5,
.img-box.custom-2 .text h6 {
  font-size: 1.75rem;
  font-weight: 400;
  text-transform: none;
  color: #000;
}
.img-box.custom-2.no-gutter {
  margin-bottom: 0;
}
.img-box.custom-2.no-gutter figure.float_left,
.img-box.custom-2.no-gutter figure.float_left ~ .text,
.img-box.custom-2.no-gutter figure.float_right,
.img-box.custom-2.no-gutter figure.float_right ~ .text {
  width: 50%;
  margin: 0;
}
.fullwidth .img-box.custom-2 figure.float_left ~ .text {
  padding-right: calc((100vw - 1600px) / 2);
}
.fullwidth .img-box.custom-2 figure.float_right ~ .text {
  padding-left: calc((100vw - 1600px) / 2);
}
@media only screen and (max-width: 1600px) {
  .fullwidth .img-box.custom-2 figure.float_left ~ .text {
    padding-right: 20px;
  }
  .fullwidth .img-box.custom-2 figure.float_right ~ .text {
    padding-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .img-box.custom-2 {
    flex-direction: column;
    margin-bottom: 20px;
    min-height: unset;
  }
  .img-box.custom-2 figure {
    width: 100% !important;
    max-width: 100% !important;
    float: none;
  }
  .img-box.custom-2 figure.float_left {
    order: 1;
    margin: 0;
  }
  .img-box.custom-2 figure.float_left ~ .text {
    margin-left: 0;
  }
  .img-box.custom-2 figure.float_right {
    order: 1;
    margin-left: 0;
  }
  .img-box.custom-2 figure.float_right ~ .text {
    margin-right: 0;
  }
  .img-box.custom-2 .text {
    width: 100% !important;
    text-align: left !important;
    padding-top: 0 !important;
  }
}
/*--------------------------------------------------------------------------------------------------------------*/
/*Allgemeine Klasssen für alle Img-box Instanzen*/
.imgbox-img-pos-left figure img {
  object-position: left;
}
.imgbox-img-pos-10per figure img {
  object-position: 10%;
}
.imgbox-img-pos-20per figure img {
  object-position: 20%;
}
.imgbox-img-pos-30per figure img {
  object-position: 30%;
}
.imgbox-img-pos-40per figure img {
  object-position: 40%;
}
.imgbox-img-pos-50per figure img {
  object-position: 50%;
}
.imgbox-img-pos-60per figure img {
  object-position: 60%;
}
.imgbox-img-pos-65per figure img {
  object-position: 65%;
}
.imgbox-img-pos-70per figure img {
  object-position: 70%;
}
.imgbox-img-pos-80per figure img {
  object-position: 80%;
}
.imgbox-img-pos-90per figure img {
  object-position: 90%;
}
.imgbox-img-pos-right figure img {
  object-position: right;
}
.imgbox-bg-color-white .text {
  background-color: white;
  color: #000;
}
.imgbox-bg-color-white .text h1,
.imgbox-bg-color-white .text h2,
.imgbox-bg-color-white .text h3,
.imgbox-bg-color-white .text h4,
.imgbox-bg-color-white .text h5,
.imgbox-bg-color-white .text h6 {
  color: #000;
}
.imgbox-bg-color-1-gradient-l2r .text {
  background: linear-gradient(to right, #ccc 0%, #ccc 50.1%, #fff 50%, #fff 100%);
  color: #000;
}
.imgbox-bg-color-1-gradient-l2r .text a {
  color: inherit;
}
.imgbox-bg-color-1-gradient-l2r .text a:hover {
  color: #f0ed7b;
}
.imgbox-bg-color-1-gradient-l2r .text h1,
.imgbox-bg-color-1-gradient-l2r .text h2,
.imgbox-bg-color-1-gradient-l2r .text h3,
.imgbox-bg-color-1-gradient-l2r .text h4,
.imgbox-bg-color-1-gradient-l2r .text h5,
.imgbox-bg-color-1-gradient-l2r .text h6 {
  color: #000;
}
.imgbox-bg-color-1-gradient-r2l .text {
  background: linear-gradient(to left, #ccc 0%, #ccc 50.1%, #fff 50%, #fff 100%);
  color: #000;
}
.imgbox-bg-color-1-gradient-r2l .text a {
  color: inherit;
}
.imgbox-bg-color-1-gradient-r2l .text a:hover {
  color: #f0ed7b;
}
.imgbox-bg-color-1-gradient-r2l .text h1,
.imgbox-bg-color-1-gradient-r2l .text h2,
.imgbox-bg-color-1-gradient-r2l .text h3,
.imgbox-bg-color-1-gradient-r2l .text h4,
.imgbox-bg-color-1-gradient-r2l .text h5,
.imgbox-bg-color-1-gradient-r2l .text h6 {
  color: #000;
}
.imgbox-bg-color-brand .text {
  background-color: #e5e020;
}
.imgbox-bg-color-highlight .text {
  background-color: #c5d5e4;
}
.imgbox-bg-color-1 .text {
  background-color: gray;
}
.imgbox-bg-color-2 .text {
  background-color: #E7EAEE;
}
.imgbox-bg-color-3 .text {
  background-color: green;
}
.imgbox-bg-color-4 .text {
  background-color: red;
}
.ce_text.img-box.img-pos-left figure img {
  object-position: left;
}
.ce_text.img-box.img-pos-10per figure img {
  object-position: 10%;
}
.ce_text.img-box.img-pos-20per figure img {
  object-position: 20%;
}
.ce_text.img-box.img-pos-30per figure img {
  object-position: 30%;
}
.ce_text.img-box.img-pos-40per figure img {
  object-position: 40%;
}
.ce_text.img-box.img-pos-50per figure img {
  object-position: 50%;
}
.ce_text.img-box.img-pos-60per figure img {
  object-position: 60%;
}
.ce_text.img-box.img-pos-65per figure img {
  object-position: 65%;
}
.ce_text.img-box.img-pos-70per figure img {
  object-position: 70%;
}
.ce_text.img-box.img-pos-80per figure img {
  object-position: 80%;
}
.ce_text.img-box.img-pos-90per figure img {
  object-position: 90%;
}
.ce_text.img-box.img-pos-right figure img {
  object-position: right;
}
.content-gallery {
  /*
  @galleries-gap: 40px;
  @galleries-minwidth-absolute: 200px;
  @galleries-height-ratio: 66.66%; // 4:3 = 75%, 1:1 = 100% usw.
  @galleries-object-position: center; // top, center, bottom, right, left
  */
  --galleries-aspect-ratio: 1.5;
}
.content-gallery.ganze-Bilder ul li figure img {
  object-fit: contain !important;
}
.content-gallery ul.cols_1,
.content-gallery.content-gallery--cols-1 ul {
  grid-template-columns: repeat(auto-fill, minmax(min(max( calc((100% - ( 1 - 1) *  20px )  /  1 ), 290px ),100%), 1fr));
  gap: 20px;
  display: grid;
  grid-auto-flow: dense;
}
.content-gallery ul.cols_1 li,
.content-gallery.content-gallery--cols-1 ul li {
  float: none;
}
.content-gallery ul.cols_1 li figure img,
.content-gallery.content-gallery--cols-1 ul li figure img {
  height: 100%;
  width: 100%;
  aspect-ratio: var(--galleries-aspect-ratio);
  object-fit: cover;
  object-position: top center;
}
.content-gallery ul.cols_2,
.content-gallery.content-gallery--cols-2 ul {
  grid-template-columns: repeat(auto-fill, minmax(min(max( calc((100% - ( 2 - 1) *  20px )  /  2 ), 290px ),100%), 1fr));
  gap: 20px;
  display: grid;
  grid-auto-flow: dense;
}
.content-gallery ul.cols_2 li,
.content-gallery.content-gallery--cols-2 ul li {
  float: none;
}
.content-gallery ul.cols_2 li figure img,
.content-gallery.content-gallery--cols-2 ul li figure img {
  height: 100%;
  width: 100%;
  aspect-ratio: var(--galleries-aspect-ratio);
  object-fit: cover;
  object-position: top center;
}
.content-gallery ul.cols_3,
.content-gallery.content-gallery--cols-3 ul {
  grid-template-columns: repeat(auto-fill, minmax(min(max( calc((100% - ( 3 - 1) *  20px )  /  3 ), 290px ),100%), 1fr));
  gap: 20px;
  display: grid;
  grid-auto-flow: dense;
}
.content-gallery ul.cols_3 li,
.content-gallery.content-gallery--cols-3 ul li {
  float: none;
}
.content-gallery ul.cols_3 li figure img,
.content-gallery.content-gallery--cols-3 ul li figure img {
  height: 100%;
  width: 100%;
  aspect-ratio: var(--galleries-aspect-ratio);
  object-fit: cover;
  object-position: top center;
}
.content-gallery ul.cols_4,
.content-gallery.content-gallery--cols-4 ul {
  grid-template-columns: repeat(auto-fill, minmax(min(max( calc((100% - ( 4 - 1) *  20px )  /  4 ), 290px ),100%), 1fr));
  gap: 20px;
  display: grid;
  grid-auto-flow: dense;
}
.content-gallery ul.cols_4 li,
.content-gallery.content-gallery--cols-4 ul li {
  float: none;
}
.content-gallery ul.cols_4 li figure img,
.content-gallery.content-gallery--cols-4 ul li figure img {
  height: 100%;
  width: 100%;
  aspect-ratio: var(--galleries-aspect-ratio);
  object-fit: cover;
  object-position: top center;
}
.content-gallery ul.cols_5,
.content-gallery.content-gallery--cols-5 ul {
  grid-template-columns: repeat(auto-fill, minmax(min(max( calc((100% - ( 5 - 1) *  20px )  /  5 ), 290px ),100%), 1fr));
  gap: 20px;
  display: grid;
  grid-auto-flow: dense;
}
.content-gallery ul.cols_5 li,
.content-gallery.content-gallery--cols-5 ul li {
  float: none;
}
.content-gallery ul.cols_5 li figure img,
.content-gallery.content-gallery--cols-5 ul li figure img {
  height: 100%;
  width: 100%;
  aspect-ratio: var(--galleries-aspect-ratio);
  object-fit: cover;
  object-position: top center;
}
.content-gallery ul.cols_6,
.content-gallery.content-gallery--cols-6 ul {
  grid-template-columns: repeat(auto-fill, minmax(min(max( calc((100% - ( 6 - 1) *  20px )  /  6 ), 290px ),100%), 1fr));
  gap: 20px;
  display: grid;
  grid-auto-flow: dense;
}
.content-gallery ul.cols_6 li,
.content-gallery.content-gallery--cols-6 ul li {
  float: none;
}
.content-gallery ul.cols_6 li figure img,
.content-gallery.content-gallery--cols-6 ul li figure img {
  height: 100%;
  width: 100%;
  aspect-ratio: var(--galleries-aspect-ratio);
  object-fit: cover;
  object-position: top center;
}
.content-gallery nav.pagination {
  text-align: center;
  padding: 50px 0 50px 0;
}
.content-gallery nav.pagination ul {
  justify-content: center;
}
.content-gallery.ratio-2-3 {
  --galleries-aspect-ratio: 0.6667;
}
.content-gallery.ratio-1-1 {
  --galleries-aspect-ratio: 1;
}
/*------------------------------------------------------------------------------------------------*/
/*
  Der article bekommt class=videoteaser
  Video: eigenes_html: <div class="videowrapper"><div class="embed-container"><iframe von youtube></div></div>
  */
.videoteaser {
  display: flex;
}
.videoteaser > * {
  width: 50%;
  height: auto;
  margin: 0;
}
.videoteaser .ce_text {
  padding: 40px;
  text-align: center;
}
.videoteaser .ce_text h1,
.videoteaser .ce_text h2,
.videoteaser .ce_text h3,
.videoteaser .ce_text h4,
.videoteaser .ce_text h5,
.videoteaser .ce_text h6 {
  font-size: 2.5rem;
  font-weight: 300;
  text-transform: uppercase;
  color: #000;
}
.videoteaser .ce_text hr {
  max-width: 30%;
  border-top: 2px solid #c5d5e4;
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container embed,
.embed-container iframe,
.embed-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .videoteaser {
    flex-direction: column;
  }
  .videoteaser > * {
    width: 100%;
  }
}
/*---------------------------------------------------------------------------------------------------------*/
.ce_form {
  overflow: visible;
}
fieldset {
  margin: 1rem 0 1rem 0;
  border-radius: 0px;
  border: 1px solid rgba(0, 0, 0, 0.25);
}
label {
  display: block;
  max-width: 100%;
  margin-bottom: calc(1rem / 2);
}
input.captcha,
input.text,
select,
textarea {
  display: block;
  width: 100%;
  padding: calc(1rem / 2) 1rem;
  border-radius: 0px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  background-clip: padding-box;
  background-image: none;
}
textarea.textarea {
  height: auto;
}
.widget-text,
.widget-textarea {
  margin-bottom: 1rem;
}
button.submit,
input.submit {
  font-size: 1rem;
}
input[type="search"] {
  -webkit-appearance: none;
}
input[type="file"] {
  display: block;
  vertical-align: middle;
  line-height: 1;
}
input.checkbox,
input.radio {
  margin-left: 1px;
  margin-right: calc(1rem / 2);
  line-height: 1.5;
  vertical-align: middle;
}
input.checkbox + label,
input.radio + label {
  margin-right: calc(1rem / 2);
  margin-left: calc(1rem / 2);
  margin-bottom: 0;
  font-weight: normal;
  font-size: 0.8rem;
  line-height: 1rem;
}
select.select {
  margin-left: calc(1rem / 2);
}
.widget-checkbox,
.widget-radio,
.widget-select,
.widget-upload {
  margin-bottom: 1rem;
}
.widget-checkbox legend,
.widget-radio legend,
.widget-select legend,
.widget-upload legend {
  font-weight: 400;
  font-size: 0.95rem;
  width: unset;
  padding: 0 5px;
}
.checkbox_container > span,
.radio_container > span {
  display: inline-flex;
  align-items: self-start;
}
span.mandatory {
  color: #e5e020;
}
.widget-explanation p {
  font-size: 0.875rem;
  color: #B5B5B5;
}
.widget-submit.button {
  text-align: right;
}
.contact h2 {
  margin: 0 0 20px 0;
}
.contact .submit.button {
  margin-top: 0px;
  padding: 13px 48px;
}
input.text,
textarea,
select {
  background-color: #EFEFF1;
}
select.select {
  -webkit-appearance: none;
  -moz-appearance: none;
}
#anmeldung {
  margin-top: 50px;
  margin-bottom: 125px;
}
#anmeldung .widget-explanation p {
  margin-left: 30%;
}
#anmeldung .article-inside {
  background-color: #E7EAEE;
  padding-top: 125px;
  padding-bottom: 125px;
}
@media only screen and (max-width: 767px) {
  #anmeldung {
    margin-bottom: 0;
    margin-top: 0;
  }
  #anmeldung .article-inside {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.anmeldung label {
  display: inline-block;
  width: 30%;
  vertical-align: top;
  padding-top: 5px;
}
.anmeldung input,
.anmeldung textarea,
.anmeldung select {
  display: inline-block;
  width: calc(70% - 5px);
  margin-left: 0;
  background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .ce_form {
    margin: 30px auto 70px;
    max-width: 100%;
  }
}
/*-----------------------------------------------------------------------------------------------*/
/* default settings
  @accordion-padding: @base-spacing-unit-x05;
  @accordion-background: @color-gray-light;
  @accordion-toggler-font-size: 1.5rem;
  @accordion-toggler-background: @color-highlight;
  @accordion-toggler-color: @color-text;
  @accordion-toggler-color-hover: color-brand-primary;
  @accordion-toggler-spacing: base-spacing-unit--xs;
  @accordion-toggler-border: 2px solid transparent;
  */
.content-accordion,
.ce_accordion {
  margin-bottom: base-spacing-unit-x05;
}
.content-accordion .handorgel__header,
.ce_accordion .handorgel__header,
.content-accordion .toggler,
.ce_accordion .toggler {
  background: #e5e020;
  border: none;
}
.content-accordion .handorgel__header button,
.ce_accordion .handorgel__header button,
.content-accordion .toggler button,
.ce_accordion .toggler button {
  font-size: 1.5rem;
  cursor: pointer;
  background: #e5e020;
  color: white;
  padding: 20px;
  border: none;
}
.content-accordion .handorgel__header:hover,
.ce_accordion .handorgel__header:hover,
.content-accordion .toggler:hover,
.ce_accordion .toggler:hover {
  color: #c5d5e4;
}
.content-accordion .handorgel__header:focus,
.ce_accordion .handorgel__header:focus,
.content-accordion .toggler:focus,
.ce_accordion .toggler:focus {
  outline: 0;
}
.content-accordion .handorgel__content__inner,
.ce_accordion .handorgel__content__inner,
.content-accordion .accordion,
.ce_accordion .accordion {
  padding: 20px;
  background: #E7EAEE;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* defaults
  @download-padding: 0 0 4rem 0;
  @download-link-color: inherit;
  @download-link-font-size: 1rem;
  @download-link-font-weight: normal;
  @download-link-transform: normal;
  @download-link-decoration: none;
  @download-size-display: inline; // default: inline. also: none, ...
  */
.ce_download,
.ce_downloads,
.content-download,
.content-downloads {
  padding: 0 0 0 0;
}
.ce_download a,
.ce_downloads a,
.content-download a,
.content-downloads a {
  color: #e5e020;
  text-decoration: none;
  text-transform: none;
  font-weight: 400;
  font-size: 1.5rem;
}
.download-element {
  background: none;
  padding: 0;
  margin: 0;
}
.download-element .size {
  display: inline;
}
.download-element a::before {
  margin-right: 10px;
  vertical-align: -2px;
  background-size: contain;
  display: inline-block;
  width: 40px;
  height: 40px;
  content: "";
  background-repeat: no-repeat;
}
.ext-pdf a::before {
  background-image: url("/files/theme/img/layout/fileicons/icon_pdf.png");
}
.ext-txt a::before {
  background-image: url("/files/theme/img/layout/fileicons/icon_txt.png");
}
.ext-jpg a::before {
  background-image: url("/files/theme/img/layout/fileicons/icon_jpg.png");
}
.ext-doc a::before {
  background-image: url("/files/theme/img/layout/fileicons/icon_doc.png");
}
.ext-zip a::before {
  background-image: url("/files/theme/img/layout/fileicons/icon_zip.png");
}
.ext-avi a::before {
  background-image: url("/files/theme/img/layout/fileicons/icon_avi.png");
}
.ext-mp4 a::before {
  background-image: url("/files/theme/img/layout/fileicons/icon_mp4.png");
}
.ext-png a::before {
  background-image: url("/files/theme/img/layout/fileicons/icon_png.png");
}
@media only screen and (max-width: 767px) {
  ul {
    margin-left: 0;
    padding-left: 0;
  }
}
.download-element {
  list-style-type: none;
  line-height: 2;
}
.download-element a::before {
  display: none;
}
/*---------------------------------------------------------------------------------*/
img.free-width,
.free-width img {
  width: unset;
  max-width: 100%;
}
.maxwidth-small {
  max-width: 560px !important;
}
.maxwidth-default {
  max-width: 750px !important;
}
.maxwidth-medium {
  max-width: 900px !important;
}
.maxwidth-half {
  max-width: 46.15385% !important;
}
.relative {
  position: relative;
  overflow: visible;
}
.inside-relative .article-inside {
  position: relative;
  overflow: visible;
}
.bg-color-white {
  background-color: white;
  color: #000;
}
.bg-color-1-gradient-l2r {
  background: linear-gradient(to right, #ccc 0%, #ccc 50.1%, #fff 50%, #fff 100%);
  color: #000;
}
.bg-color-1-gradient-r2l {
  background: linear-gradient(to left, #ccc 0%, #ccc 50.1%, #fff 50%, #fff 100%);
  color: #000;
}
.bg-color-2-gradient-l2r {
  background: linear-gradient(to right, #ccc 0%, #ccc 50.1%, #fff 50%, #fff 100%);
  color: #000;
}
.bg-color-2-gradient-r2l {
  background: linear-gradient(to left, #ccc 0%, #ccc 50.1%, #fff 50%, #fff 100%);
  color: #000;
}
@media screen and (max-width: 767px) {
  .bg-color-1-gradient-l2r,
  .bg-color-1-gradient-r2l {
    background: none;
    background-color: gray;
    padding-top: 20px;
  }
  .bg-color-2-gradient-l2r,
  .bg-color-2-gradient-r2l {
    background: none;
    background-color: #E7EAEE;
    padding-top: 20px;
  }
}
.bg-color-brand {
  background-color: #e5e020;
}
.bg-color-highlight {
  background-color: #c5d5e4;
}
.bg-color-gray-dark {
  background-color: #222;
  color: white;
}
.bg-color-gray-light {
  background-color: #E7EAEE;
  color: #000;
}
.bg-color-gray {
  background-color: #555;
  color: #000;
}
.bg-color-1 {
  background-color: #ccc;
  color: white;
}
.bg-color-2 {
  background-color: #ccc;
  color: #000;
}
.bg-color-3 {
  background-color: #ccc;
  color: white;
}
.bg-color-4 {
  background-color: #ccc;
  color: white;
}
.flex-center,
.flex-end,
.flex-start {
  display: flex;
}
.flex-start {
  justify-content: flex-start;
}
.flex-center {
  justify-content: center;
}
.flex-end {
  justify-content: flex-end;
}
.inline-block {
  display: inline-block;
}
.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.mobil-only,
.mobile-only {
  display: none;
}
@media screen and (max-width: 767px) {
  .mobil-only,
  .mobile-only {
    display: block;
  }
}
.desktop-only {
  display: block;
}
@media screen and (max-width: 767px) {
  .desktop-only {
    display: none;
  }
}
.padding-default {
  padding: 20px;
}
.float-right {
  float: right;
}
.text-center {
  text-align: center;
}
.ce_image.text-center figure,
.ce_text.text-center figure {
  display: inline-block;
}
.center {
  margin-left: auto;
  margin-right: auto;
}
.pt-def {
  padding-top: 50px !important;
}
.pt-xs {
  padding-top: 1rem !important;
}
.pt-s {
  padding-top: 25px !important;
}
.pt-m {
  padding-top: 50px !important;
}
.pt-xm {
  padding-top: 75px !important;
}
.pt-l {
  padding-top: 100px !important;
}
.pt-xl {
  padding-top: 125px !important;
}
.pt-xxl {
  padding-top: 150px !important;
}
.pb-def {
  padding-bottom: 50px !important;
}
.pb-xs {
  padding-bottom: 1rem !important;
}
.pb-s {
  padding-bottom: 25px !important;
}
.pb-m {
  padding-bottom: 50px !important;
}
.pb-xm {
  padding-bottom: 75px !important;
}
.pb-l {
  padding-bottom: 100px !important;
}
.pb-xl {
  padding-bottom: 125px !important;
}
.pb-xxl {
  padding-bottom: 150px !important;
}
.mt-def {
  margin-top: 50px !important;
}
.mt-xs {
  margin-top: 1rem !important;
}
.mt-s {
  margin-top: 25px !important;
}
.mt-m {
  margin-top: 50px !important;
}
.mt-xm {
  margin-top: 75px !important;
}
.mt-l {
  margin-top: 100px !important;
}
.mt-xl {
  margin-top: 125px !important;
}
.mt-xxl {
  margin-top: 150px !important;
}
.mb-def {
  margin-bottom: 50px !important;
}
.mb-xs {
  margin-bottom: 1rem !important;
}
.mb-s {
  margin-bottom: 25px !important;
}
.mb-m {
  margin-bottom: 50px !important;
}
.mb-xm {
  margin-bottom: 75px !important;
}
.mb-l {
  margin-bottom: 100px !important;
}
.mb-xl {
  margin-bottom: 125px !important;
}
.mb-xxl {
  margin-bottom: 150px !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}
.mb-60 {
  margin-bottom: 60px !important;
}
.mb-70 {
  margin-bottom: 70px !important;
}
.mb-80 {
  margin-bottom: 80px !important;
}
.mb-90 {
  margin-bottom: 90px !important;
}
.mb-80 {
  margin-bottom: 80px !important;
}
.mb-100 {
  margin-bottom: 100px !important;
}
.mb-110 {
  margin-bottom: 110px !important;
}
.mb-120 {
  margin-bottom: 120px !important;
}
.mb-130 {
  margin-bottom: 130px !important;
}
.mb-140 {
  margin-bottom: 140px !important;
}
.mb-150 {
  margin-bottom: 150px !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.pb-50 {
  padding-bottom: 50px !important;
}
.pb-60 {
  padding-bottom: 60px !important;
}
.pb-70 {
  padding-bottom: 70px !important;
}
.pb-80 {
  padding-bottom: 80px !important;
}
.pb-90 {
  padding-bottom: 90px !important;
}
.pb-100 {
  padding-bottom: 100px !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pt-30 {
  padding-top: 30px !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.pt-50 {
  padding-top: 50px !important;
}
.pt-60 {
  padding-top: 60px !important;
}
.pt-70 {
  padding-top: 70px !important;
}
.pt-80 {
  padding-top: 80px !important;
}
.pt-90 {
  padding-top: 90px !important;
}
.pt-100 {
  padding-top: 100px !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.mt-60 {
  margin-top: 60px !important;
}
.mt-70 {
  margin-top: 70px !important;
}
.mt-80 {
  margin-top: 80px !important;
}
.mt-90 {
  margin-top: 90px !important;
}
.mt-100 {
  margin-top: 100px !important;
}
.mt-05rem {
  margin-top: 0.5rem !important;
}
.mt-075rem {
  margin-top: 0.75rem !important;
}
.mt-1rem {
  margin-top: 1rem !important;
}
.mt-125rem {
  margin-top: 1.25rem !important;
}
.mt-15rem {
  margin-top: 1.5rem !important;
}
.mt-175rem {
  margin-top: 1.75rem !important;
}
.mt-2rem {
  margin-top: 2rem !important;
}
.mt-25rem {
  margin-top: 2.5rem !important;
}
.mt-3rem {
  margin-top: 3rem !important;
}
.mt-35rem {
  margin-top: 3.5rem !important;
}
.mt-4rem {
  margin-top: 4rem !important;
}
.mt-5rem {
  margin-top: 5rem !important;
}
.mt-6rem {
  margin-top: 6rem !important;
}
.mt-7rem {
  margin-top: 7rem !important;
}
.mt-8rem {
  margin-top: 8rem !important;
}
.mt-9rem {
  margin-top: 9rem !important;
}
.mt-10rem {
  margin-top: 10rem !important;
}
.mb-05rem {
  margin-bottom: 0.5rem !important;
}
.mb-075rem {
  margin-bottom: 0.75rem !important;
}
.mb-1rem {
  margin-bottom: 1rem !important;
}
.mb-125rem {
  margin-bottom: 1.25rem !important;
}
.mb-15rem {
  margin-bottom: 1.5rem !important;
}
.mb-175rem {
  margin-bottom: 1.75rem !important;
}
.mb-2rem {
  margin-bottom: 2rem !important;
}
.mb-25rem {
  margin-bottom: 2.5rem !important;
}
.mb-3rem {
  margin-bottom: 3rem !important;
}
.mb-35rem {
  margin-bottom: 3.5rem !important;
}
.mb-4rem {
  margin-bottom: 4rem !important;
}
.mb-5rem {
  margin-bottom: 5rem !important;
}
.mb-6rem {
  margin-bottom: 6rem !important;
}
.mb-7rem {
  margin-bottom: 7rem !important;
}
.mb-8rem {
  margin-bottom: 8rem !important;
}
.mb-9rem {
  margin-bottom: 9rem !important;
}
.mb-10rem {
  margin-bottom: 10rem !important;
}
.pt-05rem {
  padding-top: 0.5rem !important;
}
.pt-075rem {
  padding-top: 0.75rem !important;
}
.pt-1rem {
  padding-top: 1rem !important;
}
.pt-125rem {
  padding-top: 1.25rem !important;
}
.pt-15rem {
  padding-top: 1.5rem !important;
}
.pt-175rem {
  padding-top: 1.75rem !important;
}
.pt-2rem {
  padding-top: 2rem !important;
}
.pt-25rem {
  padding-top: 2.5rem !important;
}
.pt-3rem {
  padding-top: 3rem !important;
}
.pt-35rem {
  padding-top: 3.5rem !important;
}
.pt-4rem {
  padding-top: 4rem !important;
}
.pt-45rem {
  padding-top: 4.5rem !important;
}
.pt-5rem {
  padding-top: 5rem !important;
}
.pb-05rem {
  padding-bottom: 0.5rem !important;
}
.pb-075rem {
  padding-bottom: 0.75rem !important;
}
.pb-1rem {
  padding-bottom: 1rem !important;
}
.pb-125rem {
  padding-bottom: 1.25rem !important;
}
.pb-15rem {
  padding-bottom: 1.5rem !important;
}
.pb-175rem {
  padding-bottom: 1.75rem !important;
}
.pb-2rem {
  padding-bottom: 2rem !important;
}
.pb-25rem {
  padding-bottom: 2.5rem !important;
}
.pb-3rem {
  padding-bottom: 3rem !important;
}
.pb-35rem {
  padding-bottom: 3.5rem !important;
}
.pb-4rem {
  padding-bottom: 4rem !important;
}
.pb-45rem {
  padding-bottom: 4.5rem !important;
}
.pb-5rem {
  padding-bottom: 5rem !important;
}
.fs-1 {
  font-size: 1rem !important;
}
.fs-125 {
  font-size: 1.25rem !important;
}
.fs-15 {
  font-size: 1.5rem !important;
}
.fs-175 {
  font-size: 1.75rem !important;
}
.fs-2 {
  font-size: 2rem !important;
}
/* custom.less
  Wird als letztes importiert und steht in der Cascade am Schluß und hat so eine höhere Priorität und so können hier schnell Dinge überschrieben und/oder ergänzt werden.
*/
/*# sourceMappingURL=styles.css.map */