@import url('https://cdn.warenform.de/fonts/fontawesome-free-5.15.1/css/all.min.css');

/* @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i&display=swap&subset=latin-ext'); */

/* Font Awesome font licence: https://cdn.warenform.de/fonts/fontawesome-free-5.15.1/LICENSE.txt */

/* Open Sans font licence: https://cdn.warenform.de/fonts/open-sans/licence/ */

/* open-sans-regular - latin_latin-ext */

@font-face {
  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 400;

  src: url('https://cdn.warenform.de/fonts/open-sans/latin-ext_latin/open-sans-v13-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */

  src: local('Open Sans'), local('OpenSans'),
       url('https://cdn.warenform.de/fonts/open-sans/latin-ext_latin/open-sans-v13-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://cdn.warenform.de/fonts/open-sans/latin-ext_latin/open-sans-v13-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://cdn.warenform.de/fonts/open-sans/latin-ext_latin/open-sans-v13-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('https://cdn.warenform.de/fonts/open-sans/latin-ext_latin/open-sans-v13-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://cdn.warenform.de/fonts/open-sans/latin-ext_latin/open-sans-v13-latin_latin-ext-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin_latin-ext */

@font-face {
  font-family: 'Open Sans';

  font-style: italic;

  font-weight: 400;

  src: url('https://cdn.warenform.de/fonts/open-sans/latin-ext_latin/open-sans-v13-latin_latin-ext-italic.eot'); /* IE9 Compat Modes */

  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('https://cdn.warenform.de/fonts/open-sans/latin-ext_latin/open-sans-v13-latin_latin-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://cdn.warenform.de/fonts/open-sans/latin-ext_latin/open-sans-v13-latin_latin-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://cdn.warenform.de/fonts/open-sans/latin-ext_latin/open-sans-v13-latin_latin-ext-italic.woff') format('woff'), /* Modern Browsers */
       url('https://cdn.warenform.de/fonts/open-sans/latin-ext_latin/open-sans-v13-latin_latin-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://cdn.warenform.de/fonts/open-sans/latin-ext_latin/open-sans-v13-latin_latin-ext-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin_latin-ext */

@font-face {
  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 700;

  src: url('https://cdn.warenform.de/fonts/open-sans/latin-ext_latin/open-sans-v13-latin_latin-ext-700.eot'); /* IE9 Compat Modes */

  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('https://cdn.warenform.de/fonts/open-sans/latin-ext_latin/open-sans-v13-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://cdn.warenform.de/fonts/open-sans/latin-ext_latin/open-sans-v13-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://cdn.warenform.de/fonts/open-sans/latin-ext_latin/open-sans-v13-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */
       url('https://cdn.warenform.de/fonts/open-sans/latin-ext_latin/open-sans-v13-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://cdn.warenform.de/fonts/open-sans/latin-ext_latin/open-sans-v13-latin_latin-ext-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin_latin-ext */

@font-face {
  font-family: 'Open Sans';

  font-style: italic;

  font-weight: 700;

  src: url('https://cdn.warenform.de/fonts/open-sans/latin-ext_latin/open-sans-v13-latin_latin-ext-700italic.eot'); /* IE9 Compat Modes */

  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('https://cdn.warenform.de/fonts/open-sans/latin-ext_latin/open-sans-v13-latin_latin-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://cdn.warenform.de/fonts/open-sans/latin-ext_latin/open-sans-v13-latin_latin-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://cdn.warenform.de/fonts/open-sans/latin-ext_latin/open-sans-v13-latin_latin-ext-700italic.woff') format('woff'), /* Modern Browsers */
       url('https://cdn.warenform.de/fonts/open-sans/latin-ext_latin/open-sans-v13-latin_latin-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://cdn.warenform.de/fonts/open-sans/latin-ext_latin/open-sans-v13-latin_latin-ext-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* @tailwind base; */

/*! 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.
 */

/**
 * 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 {
  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.
 */

/* 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,
select {
  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="submit"] {
  -webkit-appearance: button;
}

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

button::-moz-focus-inner,
[type="button"]::-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="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.
 */

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

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

[type="checkbox"] {
  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.
 */

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

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

details {
  display: block;
}

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

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

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

template {
  display: none;
}

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

[hidden] {
  display: none;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */


dl,
dd,
h1,
h2,
h3,
h4,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e2e8f0; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

input::-moz-placeholder {
  color: #a0aec0;
}

input:-ms-input-placeholder {
  color: #a0aec0;
}

input::placeholder {
  color: #a0aec0;
}

button,
[role="button"] {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
select {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * Make replaced elements `display: block` by default as that's
 * the behavior you want almost all of the time. Inspired by
 * CSS Remedy, with `svg` added as well.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
svg,
video,
audio,
iframe,
object {
  display: block;
  vertical-align: middle;
}

/**
 * Constrain images and videos to the parent width and preserve
 * their instrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}

.container{
  width: 100%;
}

@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}

@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}

@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}

.space-y-4 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(1rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(1rem * var(--space-y-reverse)) !important;
}

.appearance-none{
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
}

.bg-black{
  --bg-opacity: 1 !important;
  background-color: #000 !important;
  background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
}

.bg-white{
  --bg-opacity: 1 !important;
  background-color: #fff !important;
  background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
}

.bg-gray-600{
  --bg-opacity: 1 !important;
  background-color: #718096 !important;
  background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
}

.bg-primary{
  --bg-opacity: 1 !important;
  background-color: #f29730 !important;
  background-color: rgba(242, 151, 48, var(--bg-opacity)) !important;
}

.bg-secondary{
  --bg-opacity: 1 !important;
  background-color: #5aaeef !important;
  background-color: rgba(90, 174, 239, var(--bg-opacity)) !important;
}

.bg-opacity-25{
  --bg-opacity: 0.25 !important;
}

.bg-opacity-75{
  --bg-opacity: 0.75 !important;
}

.border-white{
  --border-opacity: 1 !important;
  border-color: #fff !important;
  border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
}

.border-gray-300{
  --border-opacity: 1 !important;
  border-color: #e2e8f0 !important;
  border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
}

.border-gray-500{
  --border-opacity: 1 !important;
  border-color: #a0aec0 !important;
  border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
}

.border-primary{
  --border-opacity: 1 !important;
  border-color: #f29730 !important;
  border-color: rgba(242, 151, 48, var(--border-opacity)) !important;
}

.border-secondary{
  --border-opacity: 1 !important;
  border-color: #5aaeef !important;
  border-color: rgba(90, 174, 239, var(--border-opacity)) !important;
}

.hover\:border-primary:hover{
  --border-opacity: 1 !important;
  border-color: #f29730 !important;
  border-color: rgba(242, 151, 48, var(--border-opacity)) !important;
}

.rounded-none{
  border-radius: 0 !important;
}

.rounded{
  border-radius: 0.25rem !important;
}

.border-solid{
  border-style: solid !important;
}

.border{
  border-width: 1px !important;
}

.border-t-0{
  border-top-width: 0 !important;
}

.border-r-0{
  border-right-width: 0 !important;
}

.border-l-0{
  border-left-width: 0 !important;
}

.border-b-4{
  border-bottom-width: 4px !important;
}

.border-l-4{
  border-left-width: 4px !important;
}

.block{
  display: block !important;
}

.inline-block{
  display: inline-block !important;
}

.inline{
  display: inline !important;
}

.flex{
  display: flex !important;
}

.table{
  display: table !important;
}

.hidden{
  display: none !important;
}

.flex-row{
  flex-direction: row !important;
}

.flex-col{
  flex-direction: column !important;
}

.flex-wrap{
  flex-wrap: wrap !important;
}

.items-center{
  align-items: center !important;
}

.items-stretch{
  align-items: stretch !important;
}

.justify-end{
  justify-content: flex-end !important;
}

.justify-center{
  justify-content: center !important;
}

.justify-between{
  justify-content: space-between !important;
}

.justify-around{
  justify-content: space-around !important;
}

.flex-grow{
  flex-grow: 1 !important;
}

.order-1{
  order: 1 !important;
}

.order-2{
  order: 2 !important;
}

.order-3{
  order: 3 !important;
}

.order-none{
  order: 0 !important;
}

.font-medium{
  font-weight: 500 !important;
}

.font-semibold{
  font-weight: 600 !important;
}

.font-bold{
  font-weight: 700 !important;
}

.h-4{
  height: 1rem !important;
}

.h-6{
  height: 1.5rem !important;
}

.h-8{
  height: 2rem !important;
}

.h-20{
  height: 5rem !important;
}

.h-auto{
  height: auto !important;
}

.h-full{
  height: 100% !important;
}

.text-xs{
  font-size: 0.75rem !important;
}

.text-sm{
  font-size: 0.875rem !important;
}

.text-lg{
  font-size: 1.125rem !important;
}

.text-xl{
  font-size: 1.25rem !important;
}

.text-4xl{
  font-size: 2.25rem !important;
}

.leading-tight{
  line-height: 1.25 !important;
}

.list-none{
  list-style-type: none !important;
}

.my-0{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-2{
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.mx-2{
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.mx-4{
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-8{
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.mx-8{
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.my-10{
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.my-12{
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.mx-auto{
  margin-left: auto !important;
  margin-right: auto !important;
}

.-mx-2{
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}

.-mx-3{
  margin-left: -0.75rem !important;
  margin-right: -0.75rem !important;
}

.-mx-4{
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}

.mt-0{
  margin-top: 0 !important;
}

.mt-2{
  margin-top: 0.5rem !important;
}

.mb-2{
  margin-bottom: 0.5rem !important;
}

.ml-2{
  margin-left: 0.5rem !important;
}

.mr-4{
  margin-right: 1rem !important;
}

.mb-4{
  margin-bottom: 1rem !important;
}

.mb-5{
  margin-bottom: 1.25rem !important;
}

.mt-6{
  margin-top: 1.5rem !important;
}

.mb-6{
  margin-bottom: 1.5rem !important;
}

.mt-8{
  margin-top: 2rem !important;
}

.mr-8{
  margin-right: 2rem !important;
}

.mb-8{
  margin-bottom: 2rem !important;
}

.mt-12{
  margin-top: 3rem !important;
}

.mb-12{
  margin-bottom: 3rem !important;
}

.mt-20{
  margin-top: 5rem !important;
}

.ml-auto{
  margin-left: auto !important;
}

.-mt-4{
  margin-top: -1rem !important;
}

.-mt-10{
  margin-top: -2.5rem !important;
}

.-mt-24{
  margin-top: -6rem !important;
}

.max-w-none{
  max-width: none !important;
}

.min-h-full{
  min-height: 100% !important;
}

.object-contain{
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

.opacity-25{
  opacity: 0.25 !important;
}

.opacity-75{
  opacity: 0.75 !important;
}

.focus\:outline-none:focus{
  outline: 0 !important;
}

.overflow-hidden{
  overflow: hidden !important;
}

.overflow-x-hidden{
  overflow-x: hidden !important;
}

.overflow-y-scroll{
  overflow-y: scroll !important;
}

.overscroll-y-contain{
  overscroll-behavior-y: contain !important;
}

.p-0{
  padding: 0 !important;
}

.p-2{
  padding: 0.5rem !important;
}

.p-4{
  padding: 1rem !important;
}

.px-0{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py-1{
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.px-1{
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.py-2{
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.px-2{
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.px-3{
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.py-4{
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.px-4{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.px-6{
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.px-10{
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.py-12{
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.py-20{
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.px-20{
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.pl-0{
  padding-left: 0 !important;
}

.pt-1{
  padding-top: 0.25rem !important;
}

.pb-2{
  padding-bottom: 0.5rem !important;
}

.pr-4{
  padding-right: 1rem !important;
}

.pl-4{
  padding-left: 1rem !important;
}

.pr-6{
  padding-right: 1.5rem !important;
}

.pl-6{
  padding-left: 1.5rem !important;
}

.pr-8{
  padding-right: 2rem !important;
}

.pl-8{
  padding-left: 2rem !important;
}

.pb-10{
  padding-bottom: 2.5rem !important;
}

.pt-16{
  padding-top: 4rem !important;
}

.pt-24{
  padding-top: 6rem !important;
}

.pointer-events-none{
  pointer-events: none !important;
}

.fixed{
  position: fixed !important;
}

.absolute{
  position: absolute !important;
}

.relative{
  position: relative !important;
}

.inset-y-0{
  top: 0 !important;
  bottom: 0 !important;
}

.top-0{
  top: 0 !important;
}

.right-0{
  right: 0 !important;
}

.left-0{
  left: 0 !important;
}

.fill-current{
  fill: currentColor !important;
}

.text-center{
  text-align: center !important;
}

.text-black{
  --text-opacity: 1 !important;
  color: #000 !important;
  color: rgba(0, 0, 0, var(--text-opacity)) !important;
}

.text-white{
  --text-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--text-opacity)) !important;
}

.text-gray-500{
  --text-opacity: 1 !important;
  color: #a0aec0 !important;
  color: rgba(160, 174, 192, var(--text-opacity)) !important;
}

.text-gray-700{
  --text-opacity: 1 !important;
  color: #4a5568 !important;
  color: rgba(74, 85, 104, var(--text-opacity)) !important;
}

.text-primary{
  --text-opacity: 1 !important;
  color: #f29730 !important;
  color: rgba(242, 151, 48, var(--text-opacity)) !important;
}

.text-secondary{
  --text-opacity: 1 !important;
  color: #5aaeef !important;
  color: rgba(90, 174, 239, var(--text-opacity)) !important;
}

.uppercase{
  text-transform: uppercase !important;
}

.capitalize{
  text-transform: capitalize !important;
}

.no-underline{
  text-decoration: none !important;
}

.hover\:no-underline:hover{
  text-decoration: none !important;
}

.invisible{
  visibility: hidden !important;
}

.whitespace-no-wrap{
  white-space: nowrap !important;
}

.truncate{
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.w-4{
  width: 1rem !important;
}

.w-6{
  width: 1.5rem !important;
}

.w-8{
  width: 2rem !important;
}

.w-20{
  width: 5rem !important;
}

.w-48{
  width: 12rem !important;
}

.w-auto{
  width: auto !important;
}

.w-1\/2{
  width: 50% !important;
}

.w-1\/3{
  width: 33.333333% !important;
}

.w-2\/3{
  width: 66.666667% !important;
}

.w-1\/4{
  width: 25% !important;
}

.w-1\/5{
  width: 20% !important;
}

.w-1\/6{
  width: 16.666667% !important;
}

.w-1\/12{
  width: 8.333333% !important;
}

.w-full{
  width: 100% !important;
}

.z-10{
  z-index: 10 !important;
}

.z-20{
  z-index: 20 !important;
}

.z-150{
  z-index: 150 !important;
}

.z-auto{
  z-index: auto !important;
}

.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

@-webkit-keyframes spin{
  to{
    transform: rotate(360deg);
  }
}

@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}

@keyframes ping{
  75%, 100%{
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes pulse{
  50%{
    opacity: .5;
  }
}

@keyframes bounce{
  0%, 100%{
    transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
            animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50%{
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
            animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

.animate-spin{
  -webkit-animation: spin 1s linear infinite !important;
          animation: spin 1s linear infinite !important;
}

/*!
 * Font Awesome Free 5.11.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
  font-family: 'Font Awesome 5 Free';

  font-style: normal;

  font-weight: 900;

  font-display: auto;

  src: url("/fonts/fontawesome-free-5.11.2-web/webfonts/fa-solid-900.eot");

  src: url("/fonts/fontawesome-free-5.11.2-web/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/fonts/fontawesome-free-5.11.2-web/webfonts/fa-solid-900.woff2") format("woff2"), url("/fonts/fontawesome-free-5.11.2-web/webfonts/fa-solid-900.woff") format("woff"), url("/fonts/fontawesome-free-5.11.2-web/webfonts/fa-solid-900.ttf") format("truetype"), url("/fonts/fontawesome-free-5.11.2-web/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

/*!
 * Font Awesome Free 5.11.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
  font-family: 'Font Awesome 5 Free';

  font-style: normal;

  font-weight: 400;

  font-display: auto;

  src: url("./fonts/fontawesome-free-5.11.2-web/webfonts/fa-regular-400.eot");

  src: url("/fonts/fontawesome-free-5.11.2-web/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("./fonts/fontawesome-free-5.11.2-web/webfonts/fa-regular-400.woff2") format("woff2"), url("./fonts/fontawesome-free-5.11.2-web/webfonts/fa-regular-400.woff") format("woff"), url("/fonts/fontawesome-free-5.11.2-web/webfonts/fa-regular-400.ttf") format("truetype"), url("/fonts/fontawesome-free-5.11.2-web/webfonts/fa-regular-400.svg#fontawesome") format("svg");
}

/*!
 * Font Awesome Free 5.11.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
  font-family: 'Font Awesome 5 Brands';

  font-style: normal;

  font-weight: normal;

  font-display: auto;

  src: url("/fonts/fontawesome-free-5.11.2-web/webfonts/fa-brands-400.eot");

  src: url("/fonts/fontawesome-free-5.11.2-web/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/fonts/fontawesome-free-5.11.2-web/webfonts/fa-brands-400.woff2") format("woff2"), url("/fonts/fontawesome-free-5.11.2-web/webfonts/fa-brands-400.woff") format("woff"), url("/fonts/fontawesome-free-5.11.2-web/webfonts/fa-brands-400.ttf") format("truetype"), url("/fonts/fontawesome-free-5.11.2-web/webfonts/fa-brands-400.svg#fontawesome") format("svg");
}

.fab {
  font-family: 'Font Awesome 5 Brands';
}

/*!
 * Font Awesome Free 5.11.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

.fa,
.fas,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-facebook:before {
  content: "\f09a";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-print:before {
  content: "\f02f";
}

.fa-search:before {
  content: "\f002";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-youtube:before {
  content: "\f167";
}

:root {
  --sm: 640px;
  --md: 768px;
  --lg: 1024px;
  --xl: 1280px;
  --primary-color: #f29730;
  --primary-color-rgb: 242, 151, 48;
  --secondary-color: #5aaeef;
  --secondary-color-rgb: 90, 174, 239;
  --nav-background-sm: #ebf8ff;
  --nav-color: #000000;
  --line-color: #b3b3b3;
  --author-color: #000;
  --date-color: #000;
  --content-heading-color: #000;
  /* --content-heading-line-height: 1.125; */
  --content-heading-line-height: 1.25;
  --content-heading-weight: 400;
  --section-header-color: #000;
  --box-background-color: #f2f5f7;
  --box-text-color: #000;
  --border-color: #b3b3b3;
  --border-radius: 4px;
}

*,
*:before,
*:after {
  border-color: #b3b3b3;
  border-color: var(--border-color);
}

html, body {
  font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  /* min-width: $body-min-width
	overflow-x: $body-overflow-x
	overflow-y: $body-overflow-y
	text-rendering: $body-rendering */
  font-size: 1rem;
  letter-spacing: normal;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  /* @screen lg {
		font-size: 1.0625rem;
	}
	@screen xl {
		font-size: 1.125rem;
	} */
}

body {
  background-color: white !important;
  overflow: hidden;
  padding-top: 150px;
}

body.Fremdsprachenkurse {
    background: url(/images/fremdsprachenkurse.svg);
    background-position: 0% 110px;
    background-repeat: no-repeat;
    background-size: 100%;
  }

a {
  color: #f29730;
  color: var(--primary-color);
}

a:hover {
    text-decoration: underline;
  }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
  color: var(--content-heading-color);
  /* font-family: 'Oswald', sans-serif; */
  font-weight: 400;
  font-weight: var(--content-heading-weight);
  line-height: 1.25;
  line-height: var(--content-heading-line-height);
  margin-bottom: 0.5rem;
}

h1, .h1 {
  font-size: 2rem;
  /* &:not(:first-child) {
		margin-top: 1em;
	} */
}

h2, .h2 {
  font-size: 1.563rem;
  /* &:not(:first-child) {
		margin-top: 1.1428em;
	} */
}

h3, .h3 {
  font-size: 1.375rem;
  /* &:not(:first-child) {
		margin-top: 1.3333em;
	} */
}

h4, .h4 {
  font-size: 1.25rem;
}

h5, .h5 {
  font-size: 1.125rem;
}

h6, .h6 {
  font-size: 1rem;
}

h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5,
h5 + h6 {
  /* margin-top: 0 !important; */
}

code {
  /* background-color: $code-background;
	color: $code; */
  font-size: 1rem;
  font-weight: normal;
  padding: 1rem;
}

hr {
  background-color: #999;
  border: none;
  display: block;
  height: 1px;
  margin: 1rem 0;
}

img {
  height: auto;
  max-width: 100%;
}

input[type="checkbox"],
input[type="radio"] {
  vertical-align: baseline;
}

small {
  font-size: 0.875rem;
}

span {
  font-style: inherit;
  font-weight: inherit;
}

strong {
  /* color: $strong-color: */
  font-weight: 700;
}

fieldset {
  border: none;
}

pre {
  /* background-color: $pre-background
	color: $pre */
  font-size: 1rem;
  overflow-x: auto;
  /* padding: $pre-padding; */
  white-space: pre;
  word-wrap: normal;
}

pre code {
    background-color: transparent;
    /* color: currentColor */
    /* font-size: $pre-code-font-size */
    padding: 0;
  }

table,
td,
th {
  vertical-align: top;
}

table:not([align]), td:not([align]), th:not([align]) {
    text-align: left;
  }

th {
  /* color: $text-strong */
}

ul,
ol {
  padding-left: 1rem;
}

ul li + li, ol li + li {
      margin-top: 0.25em;
    }

ul li {
    list-style: circle;
  }

p:not(:last-child), dl:not(:last-child), ol:not(:last-child), ul:not(:last-child), blockquote:not(:last-child), pre:not(:last-child), table:not(:last-child) {
    margin-bottom: 1em;
  }

.viewport-helper {	/* dev-helper */
  display: none;
  left: .5rem;
  position: absolute;
  top: 3.5rem;
}

.viewport-helper:after {	/* dev-helper */
    content: 'viewport: < sm';
  }

@media (min-width: 640px) {

.viewport-helper:after {
      content: 'viewport: sm'
  }
    }

@media (min-width: 768px) {

.viewport-helper:after {
      content: 'viewport: md'
  }
    }

@media (min-width: 1024px) {

.viewport-helper:after {
      content: 'viewport: lg'
  }
    }

@media (min-width: 1280px) {

.viewport-helper:after {
      content: 'viewport: xl'
  }
    }

/*
.border-primary {
	border-color: var(--primary-color);
}
.border-secondary {
	border-color: var(--secondary-color);
}
.sm\:border-primary {
	@screen sm {
		border-color: var(--primary-color);
	}
}
.sm\:border-secondary {
	@screen sm {
		border-color: var(--secondary-color);
	}
}
.md\:border-primary {
	@screen md {
		border-color: var(--primary-color);
	}
}
.md\:border-secondary {
	@screen md {
		border-color: var(--secondary-color);
	}
}
.lg\:border-primary {
	@screen lg {
		border-color: var(--primary-color);
	}
}
.lg\:border-secondary {
	@screen lg {
		border-color: var(--secondary-color);
	}
}
.xl\:border-primary {
	@screen xl {
		border-color: var(--primary-color);
	}
}
.xl\:border-secondary {
	@screen xl {
		border-color: var(--secondary-color);
	}
}

.text-primary {
	color: var(--primary-color);
}
.text-secondary {
	color: var(--secondary-color);
}

.bg-primary {
	--bg-opacity: 1;
	background: var(--primary-color);
	background-color: rgba(var(--primary-color-rgb), var(--bg-opacity));
}
.bg-secondary {
	--bg-opacity: 1;
	background: var(--secondary-color);
	background-color: rgba(var(--secondary-color-rgb), var(--bg-opacity));
}
.sm\:bg-primary {
	@screen sm {
		--bg-opacity: 1;
		background: var(--primary-color);
		background-color: rgba(var(--primary-color-rgb), var(--bg-opacity));
	}
}
.sm\:bg-secondary {
	@screen sm {
		--bg-opacity: 1;
		background: var(--secondary-color);
		background-color: rgba(var(--secondary-color-rgb), var(--bg-opacity));
	}
}
.md\:bg-primary {
	@screen md {
		--bg-opacity: 1;
		background: var(--primary-color);
		background-color: rgba(var(--primary-color-rgb), var(--bg-opacity));
	}
}
.md\:bg-secondary {
	@screen md {
		--bg-opacity: 1;
		background: var(--secondary-color);
		background-color: rgba(var(--secondary-color-rgb), var(--bg-opacity));
	}
}
.lg\:bg-primary {
	@screen lg {
		--bg-opacity: 1;
		background: var(--primary-color);
		background-color: rgba(var(--primary-color-rgb), var(--bg-opacity));
	}
}
.lg\:bg-secondary {
	@screen lg {
		--bg-opacity: 1;
		background: var(--secondary-color);
		background-color: rgba(var(--secondary-color-rgb), var(--bg-opacity));
	}
}
.xl\:bg-primary {
	@screen xl {
		--bg-opacity: 1;
		background: var(--primary-color);
		background-color: rgba(var(--primary-color-rgb), var(--bg-opacity));
	}
}
.xl\:bg-secondary {
	@screen xl {
		--bg-opacity: 1;
		background: var(--secondary-color);
		background-color: rgba(var(--secondary-color-rgb), var(--bg-opacity));
	}
}
*/

.Content {
  padding-top: 1rem;
}

.Content li p {
      margin: 0;
    }

h1.Fremdsprachenuebersicht {
  color: rgba(242, 151, 48, 1);
  font-weight: 700;
}

.initial-symbol-primary::before {
  color: #f29730;
  color: var(--primary-color);
  content: '\25A0';
  font-size: 120%;
  margin-right: .5rem;
}

.initial-symbol-white::before {
  color: #fff;
  content: '\25A0';
  font-size: 120%;
  margin-right: .5rem;
}

.border-none {
  border-style: none !important;
}

.wrapper {
  /* width: 1000px; */
}

img {
  border: none;
}

@media (min-width: 768px) {

.home1 {
    background: url(/images/spa_2020_bg1.jpg) no-repeat fixed;

    background-size: contain
}
  }

@media (min-width: 1024px) {

.home1 {
    /* background-attachment: fixed; */

    background-position: center center;

    background-size: cover
}
  }

.cut-diagonal-white-nav {
  background-color: transparent;
  position: relative;
}

.cut-diagonal-white-nav:after {
    background: white;
    bottom: -20%;
    border-bottom: 1px solid #f29730;
    content: '';
    display: block;
    height: 200px;
    left: -20%;
    position: absolute;
    transform: rotate(-2deg);
    width: 140%;
    z-index: 0;
  }

/* .cut-diagonal-white-bottom {
	background-color: transparent;
	position: relative;

	&:after {
		background: white;
		bottom: -150px;
		border-top: 1px solid #f29730;
		content: '';
		display: block;
		height: 100px;
		left: -20%;
		position: absolute;
		transform: rotate(-2deg);
		width: 140%;
		z-index: 0;
	}
} */

.cut-diagonal-white-bottom {
  background-color: transparent;
  position: relative;
}

/* &:before {
		content: '';
		position:relative;
	} */

.cut-diagonal-white-bottom:after {
    background: white;
    bottom: -50px;
    border-top: 1px solid #f29730;
    content: '';
    display: block;
    height: 100px;
    left: -20%;
    position: absolute;
    transform: rotate(-2deg);
    width: 140%;
    z-index: 0;
  }

.cut-diagonal-white-y {
  background-color: transparent;
  position: relative;
  /* &:after {
		background: white;
		bottom: -90px;
		border-top: 1px solid #f29730;
		content: '';
		display: block;
		height: 100px;
		left: -20%;
		position: absolute;
		transform: rotate(-2deg);
		width: 140%;
		z-index: 0;

		@screen sm {
			bottom: -80px;
		}
		@screen md {
			bottom: -70px;
		}
	} */
}

.cut-diagonal-white-y:before {
    background: white;
    top: -90px;
    border-bottom: 1px solid #f29730;
    content: '';
    display: block;
    height: 100px;
    left: -20%;
    position: absolute;
    transform: rotate(-2deg);
    width: 140%;
    z-index: 0;
  }

@media (min-width: 640px) {

.cut-diagonal-white-y:before {
      top: -80px
  }
    }

@media (min-width: 768px) {

.cut-diagonal-white-y:before {
      top: -70px
  }
    }

@media (min-width: 1024px) {

.cut-diagonal-white-y:before {
      top: -50px
  }
    }

/* &:before {
		background: white;
		top: -90px;
		border-bottom: 1px solid #f29730;
		content: '';
		display: block;
		height: 100px;
		left: -20%;
		position: absolute;
		transform: rotate(-2deg);
		width: 140%;
		z-index: 0;

		@screen sm {
			top: -80px;
		}
		@screen md {
			top: -70px;
		}
	} */

.cut-diagonal-white-y:after {
    background: white;
    bottom: -90px;
    border-top: 1px solid #f29730;
    content: '';
    display: block;
    height: 100px;
    left: -20%;
    position: absolute;
    transform: rotate(-2deg);
    width: 140%;
    z-index: 0;
  }

@media (min-width: 640px) {

.cut-diagonal-white-y:after {
      bottom: -80px
  }
    }

@media (min-width: 768px) {

.cut-diagonal-white-y:after {
      bottom: -70px
  }
    }

@media (min-width: 1024px) {

.cut-diagonal-white-y:after {
      bottom: -50px
  }
    }

.cut-diagonal-white-y-alt {
  background-color: transparent;
  position: relative;
}

.cut-diagonal-white-y-alt:before {
    background: white;
    top: -90px;
    border-bottom: 1px solid #f29730;
    content: '';
    display: block;
    height: 100px;
    left: -20%;
    position: absolute;
    transform: rotate(-2deg);
    width: 140%;
    z-index: 0;
  }

@media (min-width: 640px) {

.cut-diagonal-white-y-alt:before {
      top: -80px
  }
    }

@media (min-width: 768px) {

.cut-diagonal-white-y-alt:before {
      top: -70px
  }
    }

.cut-diagonal-white-y-alt:after {
    background: white;
    bottom: -90px;
    border-top: 1px solid #f29730;
    content: '';
    display: block;
    height: 100px;
    left: -20%;
    position: absolute;
    transform: rotate(-2deg);
    width: 140%;
    z-index: 0;
  }

@media (min-width: 640px) {

.cut-diagonal-white-y-alt:after {
      bottom: -80px
  }
    }

@media (min-width: 768px) {

.cut-diagonal-white-y-alt:after {
      bottom: -70px
  }
    }

.section-header {
  border-top: 1px solid #b3b3b3;
  border-top: 1px solid var(--line-color);
  color: #000;
  color: var(--section-header-color);
  letter-spacing: 0.1875rem;
  line-height: 2;
  text-transform: uppercase;
}

.letter-spaced {
  letter-spacing: 0.1875rem;
}

.badge {
  display: flex;
  justify-content: center;
  align-items: center;
  /* background-color: #f29730; */
  color: white;
  font-weight: 700;
  line-height: 100%;
  padding: 0.25rem 0.5rem;
  text-transform: uppercase;
}

.card {
  position: relative;
}

.card .badge {
  font-size: 0.875rem;
  justify-content: unset;
  left: -.75rem;
  padding: 0.5rem 0.25rem;
  position: absolute;
  top: -2rem;
  transform: rotate(-6.5deg);
  width: 100%;
}

.box {
  background-color: #f2f5f7;
  background-color: var(--box-background-color);
  border-radius: 4px;
  border-radius: var(--border-radius);
  color: #000;
  color: var(--box-text-color);
}

.certificates .cert {
    display: flex;
    flex-direction: column;
    height: 75px;
    justify-content: center;
    max-width: 125px;
    overflow: hidden;
    transform: rotate(-2deg);
    width: auto;
  }

@media (min-width: 768px) {

.certificates .cert {
      height: 100px;

      max-width: 175px
  }
    }

.certificates .cert img {
      max-height: 100%;
      -o-object-fit: fill;
         object-fit: fill;
      max-width: 80px;
    }

table,
.cke_editable table {
  border: 0 !important;
  margin: 20px 0;
}

table th,
table td,
.cke_editable th,
.cke_editable td {
  border: 1px solid #ccc !important;
  padding: 5px 10px;
  vertical-align: top;
}

table th,
.cke_editable th {
  /* background: #eee; */
  background: #fcead6;
}

.tagcloud {
  text-align: center;
}

.tag {
  align-self: center;
  background-color: #f2f5f7;
  background-color: var(--box-background-color);
  border-radius: 4px;
  color: #000;
  color: var(--box-text-color);
  display: inline-flex;
  font-size: .875rem;
  /* height: 2em; */
  line-height: 1.5;
  margin: 0.25rem 0.25rem;
  padding: 0.25em .75em;
  white-space: nowrap;
  /*&.size-1 {
		font-size: .75rem;
	}*/
  /* &.size-2 {
		font-size: .8125rem;
	} */
  /* &.size-3 {
		font-size: .875rem;
	} */
  /* &.size-4 {
		font-size: .9375rem;
	} */
  /* &.size-5 {
		font-size: 1rem;
	} */
  /* &.size-6 {
		font-size: 1.0625rem;
	} */
}

.date {
  color: #000;
  color: var(--date-color);
}

.infobox .infobox-content h1, .infobox .infobox-content h2, .infobox .infobox-content h3, .infobox .infobox-content h4, .infobox .infobox-content h5, .infobox .infobox-content h6 {
      color: white;
      margin-bottom: 1rem;
    }

.infobox .infobox-content h1 {
      font-size: 3.5rem;
      font-weight: 700;
    }

.infobox .infobox-content h2 {
      font-size: 3.25rem;
      font-weight: 700;
    }

.infobox .infobox-content h3 {
      font-size: 1.25rem;
      font-weight: 700;
    }

@media (min-width: 768px) {

.infobox .infobox-content h3 {
        font-size: 2rem
    }
      }

@media (min-width: 1024px) {

.infobox .infobox-content h3 {
        font-size: 3rem
    }
      }

.infobox .infobox-content h4 {
      font-size: 2.5rem;
    }

.infobox .infobox-content a {
      color: white;
      text-decoration: underline;
    }

.infobox .infobox-content a:hover {
        /* color: var(--secondary-color); */
      }

.highlight-content {
  margin-top: 0.5rem;
}

.highlight-content p {
    font-size: 1rem;
  }

.share {
  position: relative;
}

.share:before {
    background: transparent;
    background-repeat: no-repeat;
    content: '';
    display: block;
    height: 1.75rem;
    width: 1.75rem;
  }

.share.facebook:before {
      /* FontAwesome License /publik/statik/fonts/fontawesome-free-5.11.2-web/LICENSE.txt */
      background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%234267b2" d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z"/></svg>');
    }

.share.twitter:before {
      /* FontAwesome License /publik/statik/fonts/fontawesome-free-5.11.2-web/LICENSE.txt */
      background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%231da1f2" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 0 1-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z"/></svg>');
    }

.share.flipboard:before {
      /* FontAwesome License /publik/statik/fonts/fontawesome-free-5.11.2-web/LICENSE.txt */
      background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23f52828" d="M0 32v448h448V32H0zm358.4 179.2h-89.6v89.6h-89.6v89.6H89.6V121.6h268.8v89.6z"/></svg>');
    }

.share.pocket:before {
      /* FontAwesome License /publik/statik/fonts/fontawesome-free-5.11.2-web/LICENSE.txt */
      background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23ef4056" d="M407.6 64h-367C18.5 64 0 82.5 0 104.6v135.2C0 364.5 99.7 464 224.2 464c124 0 223.8-99.5 223.8-224.2V104.6c0-22.4-17.7-40.6-40.4-40.6zm-162 268.5c-12.4 11.8-31.4 11.1-42.4 0C89.5 223.6 88.3 227.4 88.3 209.3c0-16.9 13.8-30.7 30.7-30.7 17 0 16.1 3.8 105.2 89.3 90.6-86.9 88.6-89.3 105.5-89.3 16.9 0 30.7 13.8 30.7 30.7 0 17.8-2.9 15.7-114.8 123.2z"/></svg>');
    }

.pagination {
  dispay: flex;
}

.pagination a {
    color: #000;
  }

.slideshow .MediaBox {
    float: none !important;
  }

.slideshow .MediaBox, .slideshow .MediaBox.Left, .slideshow .MediaBox.Right {
      margin: 0 !important;
    }

.tns-nav {
  margin: 0 auto;
  text-align: center;
}

.tns-nav > [aria-controls] {
    background: #ddd;
    border: 0;
    border-radius: 50%;
    height: 9px;
    margin: 0 5px;
    padding: 0;
    width: 9px;
  }

.tns-nav > [aria-controls]:hover {
      box-shadow: none;
    }

.tns-nav > .tns-nav-active {
    background: #999;
  }

.tns-controls {
  outline: none;
  position: relative;
}

.tns-controls > * {
    color: #000;
    border: none;
    box-shadow: none;
    padding: 0;
  }

.tns-controls > *:hover {
      box-shadow: none;
    }

.tns-controls button {
    outline: none;
  }

.tns-controls > [data-controls="prev"] {
    left: 0;
    position: absolute;
    top: -20px;
  }

.tns-controls > [data-controls="next"] {
    position: absolute;
    right: 0;
    top: -20px;
  }

/* Kontext min */

/* Formular-Fehler */

p.Form-Error {
  background: none pink;
  font-size: 14px;
  padding-bottom: 10px;
}

p.Form-Error .Form-Error-Message {
  color: #c00;
  display: block;
  font-weight: bold;
}

.AGB {
  background: #fcead6;
  border: 1px solid #ccc;
  height: 15rem !important;
  margin: 1rem 0;
  margin-top: 2rem;
  overflow: auto !important;
  padding: 0 1rem;
}

.AGB-Listing article {
    border: 1px solid #ccc;
  }

.AGB-Listing article + article {
      margin-top: 0;
    }

.AGB-Listing .Content h3 {
    border-bottom: 1px solid #ccc;
    padding-bottom: .5rem;
  }

.Selected-Languagecourse {
  font-weight: 700;
}

@media (min-width: 768px) {
  .Register-Select-Language select {
    min-width: 20rem;
  }
}

.Nothingfound {
  display: none;
}

/* Akkordion FAQ */

.ui-accordion h4 {
    font-size: 1.063rem;
    font-weight: 700;
  }

.ui-accordion .ui-widget-content p {
    font-size: 1rem;
    line-height: 160%;
  }

/* Kursliste */

.Courses-List ul {
    margin: 0;
    padding: 0;
  }

.Courses-List ul li {
      list-style: none;
      margin: 0;
      padding: 0;
    }

.Courses-List ul li a {
        background: none;
        display: block;
        margin-bottom: 1rem;
        padding: 1rem;
      }

.Courses-List ul li a:focus,
				.Courses-List ul li a:hover,
				.Courses-List ul li a:active {
          text-decoration: none;
        }

.Courses-List ul li .Number,
			.Courses-List ul li dd.Time,
			.Courses-List ul li .Period,
			.Courses-List ul li .Registration {
        display: inline;
      }

.Courses-List ul li .Number {
        font-size: 0.75rem;
      }

.Courses-List ul li .Registration {
        font-weight: 700;
      }

.Courses-List ul li .Period {
        content: ' ';
        display: block;
        margin-top: 1rem;
      }

.Courses-List ul li dd.Title {
          border-bottom: 4px solid rgb(242, 151, 48);
          font-size: 1.25rem;
          font-weight: 700;
          margin-bottom: 1rem;
        }

.Courses-List ul li dd.Price {
          font-weight: 700;
          font-size: 2rem;
          /* &::before {
						content: '';
						display: block;
						margin-top: 1rem;
					} */
        }

.Courses-List ul li dt {
        display: none;
      }

.Courses-List ul li dt:before {
          content: ' ';
          display: block;
          font-size: 1px;
        }

.Courses-List ul li dt.Registration::before {
            content: ' ';
            display: block;
            margin-top: 1rem;
          }

.Courses-List ul li dl {
        margin-bottom: 1rem;
      }

.Courses-List ul li dl dt {
          color: #000;
        }

.Courses-List ul li dl dd {
          color: #000;
        }

.Courses-List ul li dl .Time,
				.Courses-List ul li dl dd {
          font-size: 0.75rem;
        }

.Courses-List ul li dl .Period {
          font-size: 1rem;
          font-weight: 700;
        }

.Courses-List ul li dl .Registration,
				.Courses-List ul li dl .Price {
          font-size: 1rem;
        }

body.ltr .Courses-List ul li dt.Period:after,
body.ltr .Courses-List ul li dt.Registration:after {
  content: ':';
}

.Kursoptionen .Content {
  padding: 0 1rem;
}

.Course-Info-Table {
  width: 100%;
}

.Languagecourse-Index .NaviExtra {
  display: none;
}

.NaviExtra ul li.Selected-Languagecourse:after {
  color: #f29730;
  color: var(--primary-color);
  content: ' \f0da ';
  font-family: 'Font Awesome 5 Free';
  margin-right: 10px;
}

.Booking.Booked-Out button {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    cursor: default !important;
    color: #000 !important;
  }

.Booking button {
    background-color: #5aaeef;
    background-color: var(--secondary-color);
    color: #fff !important;
    margin: 1rem 0;
    text-transform: uppercase;
  }

/* Preisrechner */

.price-calculator .order-1:before,
	.price-calculator .order-2:before {
    content: attr(data-label);
    padding-right: 0.25rem;
  }

@media (min-width: 768px) {

.price-calculator .order-1:before,
	.price-calculator .order-2:before {
      content: '';

      padding: 0
  }
    }

.price-calculator .Weeks-Online {
    display: inline-block;
  }

.price-calculator .Weeks-Online select[name="weeksOnline"] {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      background: transparent no-repeat;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z' style='fill: %235aaeef' /%3E%3C/svg%3E");
      background-position: 1.5rem 1px;
      color: #5aaeef;
      color: var(--secondary-color);
      display: block;
      width: 3rem;
    }

/* Clearfix */

.Clear {
  clear: both;
}

/* Markierung */

.mark {
  background: #eef2f7;
  color: #666;
  font-weight: bold;
  padding: 0 2px;
}

/* Highlightboxe */

.Highlightboxen .Subtitle {
  font-size: 1.5rem;
}

/* Kontext CSS Base */

/* Paging */

.Paging {
  clear: both;
  display: block;
  margin-bottom: 20px;
  word-spacing: 3px;
}

.Paging .Browse {
  display: none;
}

.Paging .Previous,
.Paging .Next {
  display: inline-block;
  position: relative;
  top: -5px;
  width: 20px;
}

.Paging .Previous a,
.Paging .Next a {
  background-image: url(/kontext/images/icons/cc_mono_icons/br_prev_icon&16.png);
  background-position: right 0;
  background-repeat: no-repeat;
  display: inline-block;
  height: 20px;
  text-indext: -1000px;
  width: 20px;
}

.Paging .Next a {
  background-image: url(/kontext/images/icons/cc_mono_icons/br_next_icon&16.png);
  background-position: left 0;
}

.Paging ul {
  display: inline-block;
  list-style: none;
  margin: 0 10px 0 0;
  padding: 0;
}

.Paging ul li {
  background: none;
  border: 0;
  color: #000;
  display: inline-block;
  font-weight: bold;
  height: 20px;
  list-style: none;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  width: 20px;
}

.Paging ul li a {
  padding: 10px;
  text-decoration: underline;
}

.Paging ul li a:focus,
.Paging ul li a:hover,
.Paging ul li a:active {
  background: #000 !important;
  color: #fff !important;
  text-decoration: none !important;
}

.Paging ul li.Active {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  background: none;
  border-radius: 3px;
  color: #000;
  display: inline-block;
  font-weight: bold;
}

.Paging ul li:first-child.Active {
  padding-left: 40px;
}

/* Paging mit Select */

.Paging-Select {
  clear: both;
  display: block;
  margin: 20px 0;
  word-spacing: 3px;
}

.Paging-Select .Browse {
  display: none;
}

.Paging-Select .Previous,
.Paging-Select .Next,
.Paging-Select .First,
.Paging-Select .Last {
  width: 20px;
}

.Paging-Select .Previous a,
.Paging-Select .Next a,
.Paging-Select .First a,
.Paging-Select .Last a {
  background-position: left 0;
  background-repeat: no-repeat;
  display: block;
  height: 20px;
  text-indent: -10000px;
}

.Paging-Select .Next a {
  background-image: url(/kontext/images/icons/cc_mono_icons/rnd_br_next_icon&16.png);
}

.Paging-Select .Last a {
  background-image: url(/kontext/images/icons/cc_mono_icons/rnd_br_last_icon&16.png);
}

.Paging-Select .Previous a {
  background-image: url(/kontext/images/icons/cc_mono_icons/rnd_br_prev_icon&16.png);
  background-position: right 0;
}

.Paging-Select .First a {
  background-image: url(/kontext/images/icons/cc_mono_icons/rnd_br_first_icon&16.png);
  background-position: right 0;
}

.Paging-Select .Previous,
.Paging-Select .Next,
.Paging-Select .First,
.Paging-Select .Last,
.Paging-Select form {
  display: table-cell;
  height: 20px;
}

.Paging-Select form {
  width: 100%;
}

.Paging-Select form select {
  text-align: center;
}

.Paging-Select p {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

/* Media */

.MediaBox {
  clear: both;
  margin: 20px auto 0 auto;
  /*width: 450px;*/ /* ! */
  width: 100%;
}

.MediaBox.Left {
  float: left;
  margin: 0 10px 10px 0;
}

.MediaBox.Right{
  float: right;
  margin: 0 0 0 10px;
}

.MediaBox.Left,
.MediaBox.Right {
  /*width: 190px;*/ /* ! */
  width: 30%;
}

.MediaBox img {
  width: 100%;
}

.MediaBox.Left img,
.MediaBox.Right img {
  max-width: 100%;
}

.MediaBox .Title,
.MediaBox .Copyright {
  color: #999;
  display: inline-block;
  font-family: 'Libre Baskerville', serif;
  font-size: 12px;
  font-style: italic;
  padding: 5px 2px;
}

.MediaBox .Copyright {
  color: #ccc;
}

/*.MediaBox.youtube iframe {*/

/*height: 281px;*/

/* ! */

/*width: 450px;*/

/* ! */

/* } */

.MediaBox.oembed .mediaParent iframe {
  border: 0 none;
}

.MediaBox.oembed.rich {
  display: flex;
  justify-content: center;
  width: 100%;
}

.MediaBox.oembed.rich .mediaParent {
  flex: 0 0 auto;
  width: auto;
}

.MediaBox.oembed.rich .mediaParent > * {
  display: block;
  width: auto;
}

.MediaBox.oembed.gmaps,
.MediaBox.oembed.gmaps .mediaParent  {
  display: block;
}

.MediaBox.oembed.gmaps .mediaParent iframe {
  height: 100%;
  width: 100%;
}

.MediaBox.embed-16by9 .mediaParent,
.MediaBox.video .mediaParent {
  display: block;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}

.MediaBox.video .mediaParent::before,
.MediaBox.embed-16by9 .mediaParent::before {
  display: block;
  content: '';
}

.MediaBox.embed-16by9 .mediaParent::before {
  padding-top: 56.25%;
}

.MediaBox.embed-16by9 .mediaParent > *,
.MediaBox.bundestag .mediaParent span,
.MediaBox.bundestag .mediaParent iframe {
  border: 0;
  bottom: 0;
  height: 100% !important;
  left: 0;
  position: absolute;
  top: 0;
  width: 100% !important;
}

.MediaBox .mediaParent.oembed-privacy {
  display: block !important;
  flex: 1 !important;
}

.MediaBox .mediaParent.oembed-privacy::before {
  padding-top: 0 !important;
}

.MediaBox .mediaParent.oembed-privacy ~ * {
  display: none;
}

.MediaBox .mediaParent.oembed-privacy .media-placeholder {
  height: auto !important;
  position: static !important;
  width: auto !important;
}

.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body {
  background: #f9f9fa;
  font-size: 0.875rem;
  padding: 1rem;
  position: relative;
}

.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body:after {
  background-repeat: no-repeat;
  content: '';
  height: 24px;
  position: absolute;
  right: 1rem;
  top: 1rem;
  width: 24px;
}

.MediaBox.bundestag .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body:after {
  background-image: url(/kontext/images/icons/socialnetwork/24x24/bundestag.png);
}

.MediaBox.europarl .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body:after {
  background-image: url(/kontext/images/icons/socialnetwork/24x24/europarl.png);
}

.MediaBox.facebook .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body:after {
  background-image: url(/kontext/images/icons/socialnetwork/24x24/facebook.png);
}

.MediaBox.gmaps .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body:after {
  background-image: url(/kontext/images/icons/socialnetwork/24x24/gmaps.png);
}

.MediaBox.soundcloud .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body:after {
  background-image: url(/kontext/images/icons/socialnetwork/24x24/soundcloud.png);
}

.MediaBox.twitter .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body:after {
  background-image: url(/kontext/images/icons/socialnetwork/24x24/twitter.png);
}

.MediaBox.vimeo .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body:after {
  background-image: url(/kontext/images/icons/socialnetwork/24x24/vimeo.png);
}

.MediaBox.youtube .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body:after {
  background-image: url(/kontext/images/icons/socialnetwork/24x24/youtube.png);
}

.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body .media-placeholder-title {
  font-style: italic;
}

.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body h1 {
  font-size: 1.125rem;
  margin: 0 0 0.625rem;
}

.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body p {
  margin: 0 0 0.625rem;
}

.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body button {
  background: #fff;
  border: 0;
  border-radius: 3px;
  box-shadow: 0 1px 4px 0 rgba(12, 12, 13, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  display: block;
  font-size: 1rem;
  margin: auto;
  padding: 10px 16px;
  text-decoration: none;
}

.MediaBox .mediaParent.oembed-privacy .media-placeholder .media-placeholder-body button:hover {
  background: #f9f9fa;
  text-decoration: underline;
}

/* Gallery */

.GalleryImage {
  margin-bottom: 20px;
}

.GalleryImage menu {
  background: #e1e2e8;
  background: -moz-linear-gradient(top, #e1e2e8, #ccc);
  background: -webkit-gradient(linear, left top, left bottombottom, from(#e1e2e8), to(#ccc));
  padding: 5px 0;
  width: 440px; /* ! */
}

.GalleryImage menu a {
  color: #00314a;
  text-decoration: none;
}

.GalleryImage menu a:focus,
.GalleryImage menu a:hover,
.GalleryImage menu a:active {
  text-decoration: underline;
}

.GalleryImage .Previous {
  display: inline;
}

.GalleryImage .Previous a {
  background: url(images\icons\cc_mono_icons/arrow_left_icon&16.png) left top no-repeat;
  padding: 0 0 0 12px;
}

.GalleryImage .Next {
  margin: -16px 0 0 200px;
  position: absolute;
  text-align: right;
  width: 240px; /* ! */
}

.GalleryImage .Next a {
  background: url(images\icons\cc_mono_icons/arrow_left_icon&16.png) right top no-repeat;
  padding: 0 12px 0 0 ;
}

.GalleryImage .Photographer {
  font-style: italic;
}

/* Fotogalerien */

.Main .Content ul.Gallery,
.Main .Content ul.Gallery li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.Main .Content ul.Gallery {
  margin-bottom: 20px;
  margin-top: 20px;
  width: 500px; /* ! */
}

.Main .Content ul.Gallery li {
  border-bottom: 10px solid #fff;
  float: left;
  height: 140px; /* ! */
  list-style: none;
  margin: 0 ;
  overflow: hidden;
  padding: 0;
  width: 150px; /* ! */
}

/* Hoehen und Breiten */

/*
.MediaBox {
	width: 450px;
}
.MediaBox.Left,
.MediaBox.Right {
	width: 190px;
}
.MediaBox.youtube iframe {
	height: 281px;
	width: 450px;
}
.Main .Content ul.Gallery {
	width: 500px;
}
.Main .Content ul.Gallery li {
	height: 140px;
	width: 150px;
}
.GalleryImage menu {
	width: 440px;
}
.GalleryImage .Next {
	width: 240px;
}
*/

/* @import "../kontext/css/content-min.css"; */

/* @import "../kontext/css/listing-min.css"; */

form label,
	form .Input.Radio legend,
	form .Input.Checkbox legend,
	.form-control label,
	.form-control .Input.Radio legend,
	.form-control .Input.Checkbox legend {
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    margin-bottom: .5rem;
  }

form input, form textarea, form select, form option, .form-control input, .form-control textarea, .form-control select, .form-control option {
    /* @applay appearance-none; */
    border-width: 1px;
    border-radius: 0.25rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    line-height: 1.25;
    padding-bottom: .5rem;
    padding-right: .75rem;
    padding-left: .75rem;
    padding-top: .5rem;
    width: 100%;
  }

form input:focus, form textarea:focus, form select:focus, form option:focus, .form-control input:focus, .form-control textarea:focus, .form-control select:focus, .form-control option:focus {
      outline: none;
      box-shadow: 0 0 0 2px #5aaeef;
      box-shadow: 0 0 0 2px var(--secondary-color);
    }

form input:hover, form textarea:hover, form select:hover, form option:hover, .form-control input:hover, .form-control textarea:hover, .form-control select:hover, .form-control option:hover {
      /* background-color: var(--primary-color); */
    }

form select, .form-control select { /* todo */
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: transparent;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%235aaeef%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-repeat: no-repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
  }

form input[type="checkbox"],
	form input[type="radio"],
	form input[type="submit"],
	form input[type="button"],
	.form-control input[type="checkbox"],
	.form-control input[type="radio"],
	.form-control input[type="submit"],
	.form-control input[type="button"] {
    vertical-align: baseline;
    width: auto;
  }

form input[type="checkbox"] + label, form input[type="radio"] + label, form input[type="submit"] + label, form input[type="button"] + label, .form-control input[type="checkbox"] + label, .form-control input[type="radio"] + label, .form-control input[type="submit"] + label, .form-control input[type="button"] + label {
      margin-left: .5rem;
    }

form input[type="checkbox"]:before, form input[type="radio"]:before, form input[type="submit"]:before, form input[type="button"]:before, .form-control input[type="checkbox"]:before, .form-control input[type="radio"]:before, .form-control input[type="submit"]:before, .form-control input[type="button"]:before {
      display: flex;
    }

form .Input.Submit, .form-control .Input.Submit {
    display: flex;
  }

form .Input.Submit input[type="button"],
		form .Input.Submit input[type="submit"],
		.form-control .Input.Submit input[type="button"],
		.form-control .Input.Submit input[type="submit"] {
      margin-left: auto;
    }

form label + input[type="checkbox"],
	form label + input[type="radio"],
	.form-control label + input[type="checkbox"],
	.form-control label + input[type="radio"] {
    margin-left: .5rem;
  }

form.is-horizontal, .form-control.is-horizontal {
    display: flex;
  }

form.is-horizontal label, .form-control.is-horizontal label {
      margin-bottom: 0;
    }

form .Input.Radio ul, form .Input.Checkbox ul, .form-control .Input.Radio ul, .form-control .Input.Checkbox ul {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
    }

form .Input.Radio ul li, form .Input.Checkbox ul li, .form-control .Input.Radio ul li, .form-control .Input.Checkbox ul li {
        list-style: none;
        margin-right: 1.5rem;
      }

form .Input.Radio ul li + li, form .Input.Checkbox ul li + li, .form-control .Input.Radio ul li + li, .form-control .Input.Checkbox ul li + li {
          margin-top: 0;
        }

form .Input.Radio input, form .Input.Radio label, form .Input.Checkbox input, form .Input.Checkbox label, .form-control .Input.Radio input, .form-control .Input.Radio label, .form-control .Input.Checkbox input, .form-control .Input.Checkbox label {
      display: inline-block;
    }

form p:last-child, .form-control p:last-child {
    margin-bottom: 1em;
  }

.btn,
button,
input[type="submit"],
input[type="button"] {
  border: 0;
  /* border-width: 1px; */
  /* border-radius: 0.25rem; */
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  font-weight: 700;
  padding-bottom: .5rem;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-top: .5rem;
}

.btn:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover {
    box-shadow: 0 0 0 3px #5aaeef;
    box-shadow: 0 0 0 3px var(--secondary-color);
    color: rgba(0, 0, 0, 0.9);
    outline: none;
    /* background-color: var(--primary-color); */
  }

.navbar {
  /* &:after {
		border-bottom: 1px solid #000;
		content: '';
		position: absolute;
		top: 100%;
		width: 100%;
		z-index: 1;
	} */
  align-items: stretch;
  /* background-color: white; */
  display: flex;
  min-height: 3.25rem;
}

/* position: relative; */

.navbar .navbar-brand {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    z-index: 1;
  }

.navbar .navbar-toggler {
    /* color: #000; */
    color: #000000;
    color: var(--nav-color);
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    z-index: 101;
    /* &.open {
			color: var(--nav-color);

			& + .navbar-menu {
				transform: translateX(0);
			}
		} */
  }

.navbar .nav-overlay {
    opacity: 0;
    transition: all .3s ease-in-out;
  }

.navbar .navbar-menu {
    align-items: stretch;
    background: #ebf8ff;
    background: var(--nav-background-sm);
    display: flex;
    overflow-y: auto;
    /* .has-dropdown > .navbar-link:after {
			border-top: 8px solid var(--nav-color);
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			bottom: 0;
			content: "";
			height: 0px;
			margin-left: 10px;
			top: 0;
			width: 0px;
		} */
  }

.navbar .navbar-menu:not(.no-collapse) {
      transition: transform .3s ease-in-out;
      transform: translateX(100%);
      z-index: 100;
    }

/* @screen md {
			background: white;
			transform: none !important;
		} */

.navbar .navbar-menu .navbar-item:last-child {
        padding-right: 0;
      }

.navbar .navbar-menu .navbar-item.active > .navbar-link {
        font-weight: bold;
      }

.navbar .navbar-menu .navbar-item .navbar-item .navbar-link {
        font-size: 90%;
        text-transform: none;
      }

.navbar.open .navbar-menu {
      transform: translateX(0) !important;
    }

.navbar.open .nav-overlay {
      opacity: 0.85;
      visibility: visible !important;
    }

/* .navbar-dropdown {
		@screen md {
			background: #fff;
			border: 1px solid var(--border-color);
			display: block;
			left: 0;
			min-width: 100%;
			padding-left: 0;
			position: absolute;
			top: 100%;
			opacity: 0;
			transition: visibility 0s, opacity .3s linear;
			visibility: hidden;
			z-index: 20;
		}
	} */

.navbar .navbar-menu.no-collapse .navbar-dropdown {
    background: #fff;
    border: 1px solid #b3b3b3;
    border: 1px solid var(--border-color);
    display: block;
    left: 0;
    min-width: 100%;
    padding-left: 0;
    position: absolute;
    top: 100%;
    opacity: 0;
    transition: visibility 0s, opacity .3s linear;
    visibility: hidden;
    z-index: 20;
  }

.navbar .navbar-item {
    /* align-items: stretch; */
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.5rem;
  }

/* white-space: nowrap; */

.navbar .navbar-item.active a,
			.navbar .navbar-item.active .navbar-item.active a {
        color: #f29730;
        color: var(--primary-color);
        font-weight: 700;
      }

.navbar .navbar-item.active .navbar-item a {
          color: #000;
          font-weight: 400;
        }

.navbar .navbar-item.active .navbar-item.active a:before {
        content: '\f0da';
        display: block;
        font-family: 'Font Awesome 5 Free';
        margin-left: -.675rem;
        position: absolute;
      }

.navbar .navbar-item.has-dropdown {
      display: block !important;
      overflow: hidden;
      position: relative;
    }

.navbar .navbar-item.has-dropdown > .navbar-link {
        padding-bottom: 0.5rem;
      }

.navbar .navbar-item.has-dropdown .has-dropdown .navbar-link {
          padding-bottom: 0;
        }

/* @screen md {
				display: flex !important;
			} */

.navbar .navbar-item.has-dropdown .navbar-dropdown.Level_2 {
          display: none;
        }

.navbar .navbar-item.has-dropdown .navbar-dropdown .navbar-dropdown {
          height: 0;
          /* opacity: 0; */
          /* .navbar-dropdown {
						left: 100%;
						top: 0;
					} */
        }

/* &:hover > .navbar-dropdown {
				opacity: 1;
				visibility: visible;
			} */

.navbar .navbar-item.has-dropdown.mega-menu {
        align-items: stretch;
        position: static;
      }

.navbar .navbar-item.has-dropdown.mega-menu > .navbar-dropdown {
          align-items: start;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          width: 100%;
        }

.navbar .navbar-item.has-dropdown.mega-menu .mega-menu {
          align-items: start;
          flex-flow: column;
        }

.navbar .navbar-item.has-dropdown.mega-menu .mega-menu .navbar-dropdown {
            align-items: start;
            border: none;
            display: flex;
            flex-flow: column;
            opacity: 1;
            position: static;
            visibility: visible;
          }

.navbar .navbar-item.has-dropdown.mega-menu .navbar-item .navbar-link {
            font-size: 0.9125em;
          }

.navbar .navbar-item.has-dropdown.mega-menu .navbar-item .navbar-item {
            color: #000000;
            color: var(--nav-color);
            margin-bottom: 0;
            padding: 0.125rem 0;
          }

.navbar .navbar-item.has-dropdown.mega-menu .navbar-item .navbar-item .navbar-link {
              font-size: 0.9125em;
              text-transform: none;
            }

.navbar .navbar-item .navbar-link,
		.navbar .navbar-item.is-hoverable {
      align-items: center;
      display: flex;
      color: #000000;
      color: var(--nav-color);
      cursor: pointer;
      /* font-weight: 400; */
      -webkit-hyphens: auto;
          -ms-hyphens: auto;
              hyphens: auto;
      /* letter-spacing: 0.125rem; */
      position: relative;
      text-transform: uppercase;
    }

.navbar .navbar-item .navbar-link .navbar-link, .navbar .navbar-item.is-hoverable .navbar-link {
        font-size: 90%;
      }

.navbar .navbar-menu-static ul {
      margin-bottom: 0;
    }

.navbar .navbar-menu-static ul .navbar-item {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
      }

.navbar .navbar-menu-static ul .navbar-item .navbar-link {
          color: black;
          font-size: 0.75rem !important;
          position: relative;
        }

@media (min-width: 1280px) {

.navbar .navbar-menu-static ul .navbar-item .navbar-link {
            font-size: 0.875rem
        }
          }

.navbar .navbar-menu-static ul:not(.social-media) .navbar-item:not(:first-child) a:after {
        content: '/';
        display: inline-block;
        left: -0.75rem;
        position: absolute;
      }

.navbar .navbar-menu-static ul.social-media .navbar-item, .navbar .navbar-menu-static ul.language-switcher .navbar-item {
          padding-left: 0.25rem;
          padding-right: 0.25rem;
        }

.navbar .navbar-menu-static ul.social-media .navbar-item .navbar-link, .navbar .navbar-menu-static ul.language-switcher .navbar-item .navbar-link {
            color: #5aaeef;
            color: var(--secondary-color);
            font-size: 1rem !important;
          }

.navbar .navbar-menu-static ul.social-media .navbar-item .navbar-link:hover, .navbar .navbar-menu-static ul.language-switcher .navbar-item .navbar-link:hover {
              text-decoration: none;
            }

.navbar .navbar-menu-static ul.social-media select, .navbar .navbar-menu-static ul.language-switcher select {
          color: #999;
          font-size: 0.75rem;
          font-weight: 700;
        }

@media (min-width: 768px) {

.navbar .navbar-menu-static ul.social-media select, .navbar .navbar-menu-static ul.language-switcher select {
            /* font-size: 1rem; */
        }
          }

.navbar .navbar-menu-static ul.social-media .icon-language, .navbar .navbar-menu-static ul.language-switcher .icon-language {
          font-size: 0.875rem;
        }

@media (min-width: 768px) {

.navbar .navbar-menu-static ul.social-media .icon-language, .navbar .navbar-menu-static ul.language-switcher .icon-language {
            font-size: 1rem
        }
          }

.navbar .navbar-menu-static ul.social-media .icon-language:before, .navbar .navbar-menu-static ul.language-switcher .icon-language:before {
            vertical-align: -45%;
          }

/* Topic-Templates */

nav.tabs a {
    font-weight: 700;
    position: relative;
  }

nav.tabs a.active,
		nav.tabs a:hover {
      text-decoration: underline;
    }

nav.tabs.price-calculator a.active:after {
      border-bottom: 2px solid #f29730;
      border-bottom: 2px solid var(--primary-color);
      bottom: -5px;
      content: '';
      height: 100%;
      left: 0;
      position: absolute;
      width: 100%;
    }

/* Subnavi bei Kursen */

.NaviExtra {
  color: #999;
  margin-bottom: 1rem;
}

.NaviExtra ul {
    padding: 0;
  }

.NaviExtra ul li {
      color: #ccc;
      display: inline-block;
    }

.NaviExtra ul li .Active a {
        font-weight: bold;
        text-decoration: underline;
      }

.NaviExtra ul li:after {
        content: ' | ';
      }

/* &:first-child:after {
				content: ': ';
			} */

.NaviExtra ul li:last-child:after {
        content: '';
      }

/* @media (min-width: 768px) {
	.Main .NaviExtra {
		margin-top: 0;
	}
} */

.Kursoptionen nav.tabs a {
    border: 1px solid #f29730;
    border: 1px solid var(--primary-color);
    margin: 0;
    padding: 0 1rem;
    width: 100%;
  }

@media (min-width: 768px) {

.Kursoptionen nav.tabs a {
      width: auto
  }
    }

.Kursoptionen nav.tabs a.active, .Kursoptionen nav.tabs a:focus, .Kursoptionen nav.tabs a:hover, .Kursoptionen nav.tabs a:active {
      background: rgba(255,255,255,0.25);
    }

.Kursoptionen nav.tabs a.active {
      background: rgba(255,255,255,1);
      color: #f29730 !important;
      color: var(--primary-color) !important;
      text-decoration: none;
    }

.Kursoptionen nav.tabs a:before {
      content: ' \f0da ';
      display: block;
      font-family: 'Font Awesome 5 Free';
      margin-left: -.625rem;
      position: absolute;
    }

.Kursoptionen nav.tabs a.active:before {
      content: '';
    }

/* figure {
	figcaption {
		color: var(--secondary-color);
	}
	footer {
		color: var(--secondary-color);
	}
} */

.MediaBox {
  margin-bottom: 1.5rem;
}

/* &:not(.Left):not(.Right) { */

@media (min-width: 768px) {

.MediaBox {
    margin-left: -6.75rem !important;

    margin-right: -6.75rem !important;

    width: auto
}
  }

@media (min-width: 1024px) {

.MediaBox {
    margin-left: -10.75rem !important;

    margin-right: -10.75rem !important
}
  }

@media (min-width: 1280px) {

.MediaBox {
    margin-left: -11.5rem !important;

    margin-right: -11.5rem !important
}
  }

/* } */

.MediaBox.Left, .MediaBox.Right {
    margin-bottom: 1rem;
    width: 40%;
  }

.MediaBox.Left {
    margin-right: 1rem !important;
  }

.MediaBox.Right {
    margin-left: 1rem !important;
  }

.MediaBox.gmaps {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

/* Bildrechte */

.MediaBox .Licences ul {
      margin: 0;
      padding: 0;
    }

.MediaBox .Licences ul li {
        list-style: none;
        margin: 0;
        padding: 0;
      }

.MediaBox .Licences ul li.Item {
          background: #fff;
          margin-bottom: 20px;
          padding: 10px;
          width: 100%;
        }

.MediaBox .List-Image-Licences .Image img {
    max-width: 100%;
  }

.MediaBox .Copyright li.Photographer {
      padding-right: 1rem;
    }

.article-head-image {
  margin-left: -1rem;
  margin-right: -1rem;
  margin-top: -90px;
}

/* @screen md {
		margin-top: -130px;
	} */

@media (min-width: 768px) {

.article-head-image {
    /* margin-left: calc(var(--md)/100*-12.5);
		margin-right: calc(var(--md)/100*-12.5); */

    margin-top: -96px
}
  }

@media (min-width: 1024px) {

.article-head-image {
    /* margin-left: calc(var(--lg)/100*-16.65);
		margin-right: calc(var(--lg)/100*-16.65); */

    /* margin-top: -94px; */
}
  }

@media (min-width: 1280px) {

.article-head-image {
    /* margin-left: calc(var(--xl)/100*-16.65);
		margin-right: calc(var(--xl)/100*-16.65); */

    /* margin-top: -94px; */
}
  }

.article-head-image .MediaBox {
    margin-left: 0 !important;
    margin-right: 0 !important;
    /* img {
			height: auto;
			max-width: 100%;
		} */
  }

.article-head-image :before {
    top: -65px;
  }

@media (min-width: 768px) {

.article-head-image :before {
      top: -58px
  }
    }

.article-head-image :after {
    bottom: -65px;
    /* @screen lg {
			bottom: -40px;
		} */
  }

@media (min-width: 768px) {

.article-head-image :after {
      bottom: -50px
  }
    }

.special-course-overview-listing .article-head-image{
    margin-top: 0;
}

.Listing .article-head-image{
    margin-top: 0; /* In Listings, in denen ganze Artikel ausgegeben werden */
}

article + article {
    margin-top: 2rem;
  }

/* h1, h2 {
		margin: 2rem 0;
	} */

article h1 {
    color: #f29730;
    color: var(--primary-color);
    font-weight: 700;
    margin-bottom: .75rem;
  }

article h1 + h2 {
      margin-bottom: .75rem;
      margin-top: -.25rem;
    }

article h1 + .Responsive-Table-Wrapper {
      margin-top: -1.5rem !important;
    }

article h2 {
    font-weight: 300;
  }

article .lead {
    font-size: 1.1875rem;
  }

article .kicker {
    color: #f29730;
    color: var(--primary-color);
    /* font-family: 'dejavu_sanscondensed_bold'; */
    font-size: 1rem;
    letter-spacing: 0.1875rem;
    text-transform: uppercase;
  }

article .author {
    color: #000;
    color: var(--author-color);
    /* font-family: 'dejavu_sansbook'; */
    /* font-size: 0.875rem; */
    font-style: normal;
  }

article .content:after {
      clear: both;
      content: "";
      display: table;
    }

article blockquote {
    color: #008bd2;
    /* font-family: 'dejavu_sansoblique'; */
    font-size: 1.25rem;
    line-height: 1.4;
    margin-bottom: 1rem;
    margin-top: 1rem;
    width: 100%;
  }

@media (min-width: 640px) {

article blockquote {
      float: left;

      margin-right: 1rem;

      padding-top: 0.25rem;

      width: 40%
  }
    }

@media (min-width: 768px) {

article blockquote {
      margin-left: -7rem;

      width: 60%
  }
    }

@media (min-width: 1024px) {

article blockquote {
      margin-left: -9rem
  }
    }

/* Downloads */

article .Documents {
    margin: 40px 0;
  }

article .Documents li {
      list-style: none;
      margin-bottom: 10px;
    }

article .Documents .Author {
      color: #999;
      padding-left: 20px;
    }

article .Documents .pdf a {
        background: url(../images/file/pdf.png) no-repeat;
        display: block;
        line-height: 1;
        padding-left: 24px;
      }

article .Html {
    margin-top: 1rem;
    position: relative;
    width: 100%;
  }

article .Html:before {
      content: '';
      display: block;
      padding-top: 56.25%;
      width: 100%;
    }

article .Html iframe {
      bottom: 0;
      height: 100%;
      left: 0;
      right: 0;
      position: absolute;
      top: 0;
      width: 100%;
    }

article.article-view-5 .Content ul:not(.navi-extra), article.article-view-6 .Content ul:not(.navi-extra) {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -1rem;
        margin-bottom: 1.5rem;
        margin-top: 1.5rem;
        padding: 0;
      }

article.article-view-5 .Content ul:not(.navi-extra) li, article.article-view-6 .Content ul:not(.navi-extra) li {
          list-style: none;
          padding: 0 1rem;
          text-align: center;
          width: 50% !important;
        }

@media (min-width: 768px) {

article.article-view-5 .Content ul:not(.navi-extra) li, article.article-view-6 .Content ul:not(.navi-extra) li {
            width: 33.333333% !important
        }
          }

article.article-view-5 .Content ul:not(.navi-extra) li:before, article.article-view-6 .Content ul:not(.navi-extra) li:before {
            color: #5aaeef;
            color: var(--secondary-color);
            content: '\f0c0';
            display: block;
            font-family: 'Font Awesome 5 Free';
            font-size: 2.0rem;
            font-weight: 900;
            margin-bottom: 1rem;
            text-align: center;
          }

article.article-view-6 .Content ul:not(.navi-extra) li:before {
          font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
        }

article.article-view-6 .Content ul:not(.navi-extra) li:nth-child(1):before {
          content: 'A1'
        }

article.article-view-6 .Content ul:not(.navi-extra) li:nth-child(2):before {
          content: 'A2'
        }

article.article-view-6 .Content ul:not(.navi-extra) li:nth-child(3):before {
          content: 'B1'
        }

article.article-view-6 .Content ul:not(.navi-extra) li:nth-child(4):before {
          content: 'B2'
        }

article.article-view-6 .Content ul:not(.navi-extra) li:nth-child(5):before {
          content: 'C1'
        }

article.article-view-6 .Content ul:not(.navi-extra) li:nth-child(6):before {
          content: 'C2'
        }

/* .NaviExtra, */

.special-course-overview-content article .Tools {
      display: none;
    }

.special-course-overview-listing article .NaviExtra, .special-course-overview-listing article .Tools {
      display: none;
    }

/* @at-root .special-course-overview-content article,
	.special-course-overview-content {
		ul:not(.navi-extra) {
			display: flex;
			flex-wrap: wrap;
			margin: 0 -1rem;
			margin-bottom: 1.5rem;
			margin-top: 1.5rem;
			padding: 0;

			li {
				list-style: none;
				padding: 0 1rem;
				text-align: center;
				width: 50% !important;

				@screen md {
					width: 33.333333% !important;
				}

				&:before {
					content: '\f0c0';
					display: block;
					font-family: 'Font Awesome 5 Free';
					font-size: 2.0rem;
					font-weight: 900;
					margin-bottom: 1rem;
					text-align: center;
				}
			}
		}
	} */

article .Content.ui-accordion h3 + h4 {
      margin-top: 1rem;
    }

article .Content.ui-accordion .ui-accordion-content + h3 {
      margin-top: 2rem;
    }

article .Content.ui-accordion .ui-state-default {
      background: none;
      border: none;
      color: #666;
    }

article .Content.ui-accordion .ui-state-active, article .Content.ui-accordion .ui-widget-content .ui-state-active, article .Content.ui-accordion .ui-widget-header .ui-state-active, article .Content.ui-accordion .ui-widget-content.ui-accordion-content-active {
      border: none;
    }

article .Content.ui-accordion .ui-accordion-content + h4 {
      border-radius: 0;
      border-top: 1px solid #f29730 !important;
      border-top: 1px solid var(--primary-color) !important;
    }

article .Content.ui-accordion .ui-accordion-header {
      padding-bottom: 1rem;
      padding-top: 1rem;
    }

article.article-view-6 ul:not(.navi-extra) li:before {
  font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

@media (max-width: 800px) {
  article.article-view-5 .Content ul:not(.navi-extra) li {
    width: 50% !important;
  }
}

@media (max-width: 767px) {
  article.article-view-5 .Content ul:not(.navi-extra) li,
	article.article-view-6 .Content ul:not(.navi-extra) li {
    width: 100% !important;
  }
}

article.article-view-5 .Content ul:not(.navi-extra) li:before, article.article-view-6 .Content ul:not(.navi-extra) li:before {
  content: '\f05a';
}

article.article-view-5 .Content ul:not(.navi-extra) li,
article.article-view-5 .Content ul:not(.navi-extra) li + li,
article.article-view-5 .Content ol li,
article.article-view-5 .Content ol li + li,
article.article-view-6 .Content ul:not(.navi-extra) li,
article.article-view-6 .Content ul:not(.navi-extra) li + li,
article.article-view-6 .Content ol li,
article.article-view-6 .Content ol li + li {
  margin: 0.5rem 0;
}

article.article-view-5 .Content ul:not(.navi-extra) li:before,
article.article-view-6 .Content ul:not(.navi-extra) li:before {
  margin-bottom: 0;
}

.article-view-8 .Content ul,
.article-view-8 .Content ul li,
.article-view-14 .Content ul,
.article-view-14 .Content ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.article-view-8 .Content ul li,
.article-view-14 .Content ul li {
  border-bottom: 1px solid rgba(0,0,0,0.25);
}

.article-view-8 .Content h3,
.article-view-8 .Content ul li *,
.article-view-14 .Content h3,
.article-view-14 .Content ul li * {
  font-size: 1rem;
}

.article-view-8 .Content ul li strong,
.article-view-14 .Content ul li strong {
  display: block;
}

@media (min-width: 1024px) {
  .article-view-8 .Content ul li strong,
	.article-view-14 .Content ul li strong {
    display: inline;
    margin-right: 1rem;
  }
}

.article-view-8 .Content h3,
.article-view-8 .Content ul + p,
.article-view-14 .Content h3,
.article-view-14 .Content ul + p {
  margin: 0;
}

.article-view-8 .Content h3,
.article-view-14 .Content h3 {
  background: rgba(90, 174, 239, 0.25);
  border: 1px solid rgba(0,0,0,0.25);
  font-weight: 700;
  margin-top: 3rem;
}

.article-view-8 .Content ul,
.article-view-14 .Content ul {
  border-left: 1px solid rgba(0,0,0,0.25);
  border-right: 1px solid rgba(0,0,0,0.25);
}

.article-view-8 .Content ul + p,
.article-view-14 .Content ul + p {
  background: rgba(0,0,0,0.05);
  border: 1px solid rgba(0,0,0,0.25);
  border-top: 0;
  font-size: 0.75rem;
  margin-bottom: 3rem;
}

.article-view-8 .Content h3 a,
.article-view-14 .Content h3 a {
  color: #4382b3;
  display: block;
  text-decoration: underline;
}

.article-view-8 .Content h3 a,
.article-view-8 .Content ul li,
.article-view-8 .Content ul + p,
.article-view-14 .Content h3 a,
.article-view-14 .Content ul li,
.article-view-14 .Content ul + p {
  padding: .5rem 1rem;
}

.article-view-8 .Content h3 a:after,
.article-view-14 .Content h3 a:after {
  content: '\f05a';
  display: inline-block;
  float: right;
  font-family: 'Font Awesome 5 Free';
}

.article-view-9 .Content ul,
.article-view-9 .Content ul li,
.article-view-12 .Content ul,
.article-view-12 .Content ul li,
.article-view-13 .Content ul,
.article-view-13 .Content ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.article-view-9 .Content h3,
.article-view-12 .Content h3,
.article-view-13 .Content h3 {
  color: #f29730;
  color: var(--primary-color);
  font-size: 2rem;
  font-weight: 700;
  margin: 3rem 0 1rem 0;
}

.article-view-9 .Content h4,
.article-view-12 .Content h4,
.article-view-13 .Content h4 {
  border-bottom: 1px solid #f29730;
  border-bottom: 1px solid var(--primary-color);
  font-size: 1.375rem;
  font-weight: 700;
  margin: 3rem 0 1rem 0;
  padding-bottom: .25rem;
}

.article-view-9 .Content h4:first-child,
.article-view-12 .Content h4:first-child,
.article-view-13 .Content h4:first-child {
  margin-top: 0;
}

.article-view-9 .Content ul li,
.article-view-12 .Content ul li,
.article-view-13 .Content ul li {
  background: #edf2f7;
  margin-bottom: .5rem;
  padding: 1rem;
}

@media (min-width: 768px) {
  .article-view-9 .Content ul,
	.article-view-12 .Content ul,
	.article-view-13 .Content ul {
    display: flex;
    flex-wrap: wrap;
    padding-right: 0;
  }

  .article-view-9 .Content ul li,
	.article-view-12 .Content ul li,
	.article-view-13 .Content ul li {
    width: calc(50% - .25rem);
  }

  .article-view-9 .Content ul li:nth-child(2n+1),
	.article-view-12 .Content ul li:nth-child(2n+1),
	.article-view-13 .Content ul li:nth-child(2n+1) {
    margin-right: .25rem;
  }

  .article-view-9 .Content ul li:nth-child(2n+2),
	.article-view-12 .Content ul li:nth-child(2n+2),
	.article-view-13 .Content ul li:nth-child(2n+2) {
    margin-left: .25rem;
  }
}

.article-view-10 .Content ul,
.article-view-10 .Content li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.article-view-10 .Content h3 {
  border-bottom: 1px solid #f29730;
  border-bottom: 1px solid var(--primary-color);
  font-weight: 700;
  margin: 3rem 0 1.25rem 0;
  padding-bottom: .25rem;
}

.article-view-10 .Content h3 + ul {
  margin-top: -1rem;
}

.article-view-10 .Content h3:first-child {
  margin-top: 0;
}

.article-view-10 .Content ul {
  margin-bottom: 3rem;
}

.article-view-10 .Content ul ul {
  margin-bottom: 0;
}

.article-view-10 .Content li {
  background: #edf2f7;
  margin-bottom: .5rem;
  padding: 0 1rem;
}

.article-view-10 .Content li strong {
  background: rgba(0,0,0,0.075);
  border-bottom: .25rem solid #fff;
  display: block;
  margin: 0 -1rem;
  padding: 1rem;
}

.article-view-10 .Content li li strong {
  background: none;
  border-bottom: 0;
  display: inline;
  margin: 0;
  padding: 0;
  width: 50%;
}

.article-view-10 .Content ul ul li {
  padding: 1rem;
  padding-top: 0;
}

.article-view-10 .Content ul ul li {
  border-bottom: .25rem solid #fff;
  margin: 1rem -1rem;
}

@media (min-width: 768px) {
  .article-view-10 .Content ul {
    display: flex;
    flex-wrap: wrap;
    padding-right: 0;
  }

  .article-view-10 .Content li {
    width: calc(50% - .25rem);
  }

  .article-view-10 .Content li:nth-child(2n+1) {
    margin-right: .25rem;
  }

  .article-view-10 .Content li:nth-child(2n+3) {
    margin-left: .25rem;
  }

  .article-view-10 .Content ul ul {
    margin: 0 -1rem !important;
    padding: 0;
  }

  .article-view-10 .Content ul ul li {
    margin: 0 0 0 0 !important;
    padding-top: 1rem;
    width: 100%;
  }

  .article-view-10 .Content li li:last-child {
    margin-bottom: -.25rem !important;
  }

  .article-view-10 .Content li li strong {
    display: inline-block;
    width: 50%;
  }
}

.Responsive-Table-Wrapper {
  position: relative;
}

.Responsive-Table-Wrapper:before {
    background: url(/images/swipe-left-right_upsidedown_bg_white.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    content: '';
    height: 30px;
    width: 30px;
    display: block;
    right: 0rem;
    position: absolute;
    z-index: 1;
  }

@media (min-width: 768px) {

.Responsive-Table-Wrapper:before {
      display: none
  }
    }

.Responsive-Table-Wrapper .Responsive-Table {
    height: auto;
    padding: 1rem 0;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    width: 100%;
  }

.Responsive-Table-Wrapper .Responsive-Table table {
      table-layout: inherit;
    }

.Responsive-Table-Wrapper .Responsive-Table table tr th,
			.Responsive-Table-Wrapper .Responsive-Table table tr td {
        padding: 5px;
        vertical-align: top;
      }

.AGB.Responsive-Table {
  padding: 0;
  margin: 50px 0 30px;
}

.listing, .listing ul, .Listing, .Listing ul {
    padding-left: 0;
  }

.listing > li, .listing > ul > li, .Listing > li, .Listing > ul > li {
      list-style: none;
    }

.listing > li + li, .listing > ul > li + li, .Listing > li + li, .Listing > ul > li + li {
        margin-top: 2rem;
      }

.listing.bordered > * + *,
			.listing.bordered > * + li,
			.listing.bordered > li + *,
			.listing.bordered > li + li,
			.Listing.bordered > * + *,
			.Listing.bordered > * + li,
			.Listing.bordered > li + *,
			.Listing.bordered > li + li {
        border-top: 1px dotted #b3b3b3;
        border-top: 1px dotted var(--line-color);
        margin-top: 2rem;
        padding-top: 2rem;
      }

.listing h1 a, .listing h2 a, .listing h3 a, .listing h4 a, .listing h5 a, .listing h6 a, .Listing h1 a, .Listing h2 a, .Listing h3 a, .Listing h4 a, .Listing h5 a, .Listing h6 a {
      color: #000;
      color: var(--content-heading-color);
    }

.listing h1, .Listing h1 {
    color: #f29730;
    color: var(--primary-color);
    font-weight: 700;
    margin-bottom: .75rem;
  }

.listing h1 + h2, .Listing h1 + h2 {
      margin-bottom: .75rem;
      margin-top: -.25rem;
    }

.listing h2, .Listing h2 {
    font-weight: 300;
  }

.listing .Image, .Listing .Image {
    float: none;
    margin: 0 0 1rem 0;
  }

@media (min-width: 640px) {

.listing .Image, .Listing .Image {
      float: left;

      margin: 0 1rem 1rem 0
  }
    }

/* @import "./components/tools.css"; */

/* min-height: 12rem; */

footer.main-footer * {
      color: #fff;
    }

/* background: #3b3b3b; */

footer.main-footer .navbar-link {
      color: #fff !important;
    }

footer .diagonal-top {
    position: relative;
  }

/* &:before {
			content: '';
			position:relative;
		} */

footer .diagonal-top:before {
      background: inherit;
      top: -50px;
      border-top: 1px solid #f29730;
      content: '\f30b';
      display: block;
      height: 100px;
      left: -20%;
      position: absolute;
      transform: rotate(-2deg);
      width: 140%;
      z-index: -1;
    }

footer .footer-nav ul li {
        -webkit-hyphens: auto;
            -ms-hyphens: auto;
                hyphens: auto;
      }

footer .footer-nav ul li:before {
          display: inline-block;
          content: '\f30b';
          font-family: 'Font Awesome 5 Free';
          font-weight: 900;
          padding-right: .5rem
        }

.no-mq {
  max-width: 850px;
}

.no-mq body {
    padding-top: 0 !important;
  }

.no-mq #content {
    width: 100% !important;
  }

.no-mq #content .MediaBox {
      margin-left: 0 !important;
      margin-right: 0 !important;
    }

.no-mq #content .Fixed {
      position: inherit;
    }

/* @import url(//cdn.warenform.de/fonts/fontawesome/stylesheets/font-awesome.min.css); */

/* @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i'); */

@media (min-width: 640px){

  .sm\:flex{
    display: flex !important;
  }

  .sm\:table-cell{
    display: table-cell !important;
  }

  .sm\:hidden{
    display: none !important;
  }

  .sm\:-mx-2{
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }

  .sm\:-mx-4{
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }

  .sm\:mb-0{
    margin-bottom: 0 !important;
  }

  .sm\:ml-4{
    margin-left: 1rem !important;
  }

  .sm\:-mt-4{
    margin-top: -1rem !important;
  }

  .sm\:p-2{
    padding: 0.5rem !important;
  }

  .sm\:pr-2{
    padding-right: 0.5rem !important;
  }

  .sm\:pl-2{
    padding-left: 0.5rem !important;
  }

  .sm\:absolute{
    position: absolute !important;
  }

  .sm\:w-auto{
    width: auto !important;
  }

  .sm\:w-1\/2{
    width: 50% !important;
  }

  .sm\:w-1\/3{
    width: 33.333333% !important;
  }

  .sm\:w-2\/3{
    width: 66.666667% !important;
  }

  .sm\:z-10{
    z-index: 10 !important;
  }
}

@media (min-width: 768px){

  .md\:space-y-0 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(0px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0px * var(--space-y-reverse)) !important;
  }

  .md\:space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(2rem * var(--space-x-reverse)) !important;
    margin-left: calc(2rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:bg-transparent{
    background-color: transparent !important;
  }

  .md\:border-l-0{
    border-left-width: 0 !important;
  }

  .md\:border-t-4{
    border-top-width: 4px !important;
  }

  .md\:block{
    display: block !important;
  }

  .md\:inline-block{
    display: inline-block !important;
  }

  .md\:flex{
    display: flex !important;
  }

  .md\:hidden{
    display: none !important;
  }

  .md\:flex-row{
    flex-direction: row !important;
  }

  .md\:flex-wrap{
    flex-wrap: wrap !important;
  }

  .md\:justify-end{
    justify-content: flex-end !important;
  }

  .md\:justify-center{
    justify-content: center !important;
  }

  .md\:flex-1{
    flex: 1 1 0% !important;
  }

  .md\:-mx-8{
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }

  .md\:mt-0{
    margin-top: 0 !important;
  }

  .md\:mb-4{
    margin-bottom: 1rem !important;
  }

  .md\:mt-auto{
    margin-top: auto !important;
  }

  .md\:-mt-6{
    margin-top: -1.5rem !important;
  }

  .md\:py-0{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .md\:px-0{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .md\:py-6{
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .md\:px-20{
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .md\:py-24{
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

  .md\:pt-0{
    padding-top: 0 !important;
  }

  .md\:pb-0{
    padding-bottom: 0 !important;
  }

  .md\:pl-0{
    padding-left: 0 !important;
  }

  .md\:pt-4{
    padding-top: 1rem !important;
  }

  .md\:relative{
    position: relative !important;
  }

  .md\:text-black{
    --text-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .md\:w-32{
    width: 8rem !important;
  }

  .md\:w-auto{
    width: auto !important;
  }

  .md\:w-1\/2{
    width: 50% !important;
  }

  .md\:w-1\/3{
    width: 33.333333% !important;
  }

  .md\:w-2\/3{
    width: 66.666667% !important;
  }

  .md\:w-3\/4{
    width: 75% !important;
  }

  .md\:w-1\/6{
    width: 16.666667% !important;
  }

  .md\:w-5\/6{
    width: 83.333333% !important;
  }

  .md\:w-full{
    width: 100% !important;
  }
}

@media (min-width: 1024px){

  .lg\:bg-white{
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .lg\:bg-primary{
    --bg-opacity: 1 !important;
    background-color: #f29730 !important;
    background-color: rgba(242, 151, 48, var(--bg-opacity)) !important;
  }

  .lg\:bg-secondary{
    --bg-opacity: 1 !important;
    background-color: #5aaeef !important;
    background-color: rgba(90, 174, 239, var(--bg-opacity)) !important;
  }

  .lg\:bg-opacity-75{
    --bg-opacity: 0.75 !important;
  }

  .lg\:border-primary{
    --border-opacity: 1 !important;
    border-color: #f29730 !important;
    border-color: rgba(242, 151, 48, var(--border-opacity)) !important;
  }

  .lg\:border-0{
    border-width: 0 !important;
  }

  .lg\:border-b-4{
    border-bottom-width: 4px !important;
  }

  .lg\:block{
    display: block !important;
  }

  .lg\:inline-block{
    display: inline-block !important;
  }

  .lg\:flex{
    display: flex !important;
  }

  .lg\:hidden{
    display: none !important;
  }

  .lg\:flex-no-wrap{
    flex-wrap: nowrap !important;
  }

  .lg\:items-center{
    align-items: center !important;
  }

  .lg\:h-full{
    height: 100% !important;
  }

  .lg\:h-screen{
    height: 100vh !important;
  }

  .lg\:mx-auto{
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .lg\:-mx-2{
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }

  .lg\:mt-0{
    margin-top: 0 !important;
  }

  .lg\:mb-0{
    margin-bottom: 0 !important;
  }

  .lg\:mb-4{
    margin-bottom: 1rem !important;
  }

  .lg\:mb-12{
    margin-bottom: 3rem !important;
  }

  .lg\:mt-auto{
    margin-top: auto !important;
  }

  .lg\:-mt-16{
    margin-top: -4rem !important;
  }

  .lg\:-mt-20{
    margin-top: -5rem !important;
  }

  .lg\:px-0{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .lg\:px-2{
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .lg\:px-4{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .lg\:pb-16{
    padding-bottom: 4rem !important;
  }

  .lg\:absolute{
    position: absolute !important;
  }

  .lg\:top-0{
    top: 0 !important;
  }

  .lg\:text-black{
    --text-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .lg\:text-white{
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .lg\:w-auto{
    width: auto !important;
  }

  .lg\:w-1\/2{
    width: 50% !important;
  }

  .lg\:w-1\/3{
    width: 33.333333% !important;
  }

  .lg\:w-2\/3{
    width: 66.666667% !important;
  }

  .lg\:z-10{
    z-index: 10 !important;
  }
}

@media (min-width: 1280px){

  .xl\:flex{
    display: flex !important;
  }

  .xl\:hidden{
    display: none !important;
  }

  .xl\:px-10{
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
}