/* Minification failed. Returning unminified contents.
(443,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(445,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(446,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(448,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(449,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(451,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(452,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(454,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(455,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(457,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(458,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(460,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(467,56): run-time error CSS1039: Token not allowed after unary operator: '-colText'
(471,18): run-time error CSS1039: Token not allowed after unary operator: '-colLink'
(502,30): run-time error CSS1039: Token not allowed after unary operator: '-colLight'
(514,66): run-time error CSS1039: Token not allowed after unary operator: '-colLight'
(516,49): run-time error CSS1039: Token not allowed after unary operator: '-colLight'
(516,72): run-time error CSS1039: Token not allowed after unary operator: '-colDark'
(517,75): run-time error CSS1039: Token not allowed after unary operator: '-colDark'
(541,57): run-time error CSS1039: Token not allowed after unary operator: '-colDark'
(541,90): run-time error CSS1039: Token not allowed after unary operator: '-colLight'
(542,57): run-time error CSS1039: Token not allowed after unary operator: '-colLight'
(542,91): run-time error CSS1039: Token not allowed after unary operator: '-colDark'
(545,32): run-time error CSS1039: Token not allowed after unary operator: '-colLink'
(552,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(579,46): run-time error CSS1039: Token not allowed after unary operator: '-innerMaxW'
(583,73): run-time error CSS1039: Token not allowed after unary operator: '-colDark'
(584,58): run-time error CSS1039: Token not allowed after unary operator: '-colDark'
(599,46): run-time error CSS1039: Token not allowed after unary operator: '-innerMaxW'
(607,34): run-time error CSS1039: Token not allowed after unary operator: '-colLight'
(609,70): run-time error CSS1039: Token not allowed after unary operator: '-colLight'
(610,47): run-time error CSS1039: Token not allowed after unary operator: '-colLight'
(612,192): run-time error CSS1039: Token not allowed after unary operator: '-colorLight'
(624,14): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(632,14): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(680,97): run-time error CSS1039: Token not allowed after unary operator: '-colLight'
(681,84): run-time error CSS1039: Token not allowed after unary operator: '-colLight'
(700,85): run-time error CSS1039: Token not allowed after unary operator: '-colTitle'
(701,49): run-time error CSS1039: Token not allowed after unary operator: '-colDark'
(702,53): run-time error CSS1039: Token not allowed after unary operator: '-colLight'
(709,49): run-time error CSS1039: Token not allowed after unary operator: '-colDark'
(711,53): run-time error CSS1039: Token not allowed after unary operator: '-colTitle'
(716,93): run-time error CSS1039: Token not allowed after unary operator: '-colDark'
(730,64): run-time error CSS1039: Token not allowed after unary operator: '-colDark'
(730,86): run-time error CSS1039: Token not allowed after unary operator: '-colLight'
(855,179): run-time error CSS1039: Token not allowed after unary operator: '-colBoxBorder'
(865,62): run-time error CSS1039: Token not allowed after unary operator: '-colLight'
(881,45): run-time error CSS1039: Token not allowed after unary operator: '-colBoxBack'
(881,81): run-time error CSS1039: Token not allowed after unary operator: '-colBoxColor'
(883,116): run-time error CSS1039: Token not allowed after unary operator: '-colDark'
(884,94): run-time error CSS1039: Token not allowed after unary operator: '-colLink'
(891,50): run-time error CSS1039: Token not allowed after unary operator: '-colLight'
(977,161): run-time error CSS1039: Token not allowed after unary operator: '-colLight'
(978,55): run-time error CSS1039: Token not allowed after unary operator: '-innerMaxW'
(983,98): run-time error CSS1039: Token not allowed after unary operator: '-colDark'
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */


/* km */

* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
ul,ol { margin:0px; padding:0px; list-style-type:none; }


/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.swal2-popup.swal2-toast{box-sizing:border-box;grid-column:1/4!important;grid-row:1/4!important;grid-template-columns:1fr 99fr 1fr;padding:1em;overflow-y:hidden;background:#fff;box-shadow:0 0 .625em #d9d9d9;pointer-events:all}.swal2-popup.swal2-toast>*{grid-column:2}.swal2-popup.swal2-toast .swal2-title{margin:1em;padding:0;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-loading{justify-content:center}.swal2-popup.swal2-toast .swal2-input{height:2em;margin:.5em;font-size:1em}.swal2-popup.swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-popup.swal2-toast .swal2-html-container{margin:1em;padding:0;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-html-container:empty{padding:0}.swal2-popup.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-popup.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:700}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{justify-content:flex-start;height:auto;margin:0;margin-top:.3125em;padding:0}.swal2-popup.swal2-toast .swal2-styled{margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-styled:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(100,150,200,.5)}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.8em;left:-.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-toast-animate-success-line-tip .75s;animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-toast-animate-success-line-long .75s;animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{-webkit-animation:swal2-toast-show .5s;animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{-webkit-animation:swal2-toast-hide .1s forwards;animation:swal2-toast-hide .1s forwards}.swal2-container{display:grid;position:fixed;z-index:1060;top:0;right:0;bottom:0;left:0;box-sizing:border-box;grid-template-areas:"top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end" "gap gap gap";grid-template-rows:auto auto auto .625em;height:100%;padding:.625em .625em 0;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}.swal2-container::after{content:"";grid-column:1/4;grid-row:4;height:.625em}.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation{background:rgba(0,0,0,.4)}.swal2-container.swal2-backdrop-hide{background:0 0!important}.swal2-container.swal2-bottom-start,.swal2-container.swal2-center-start,.swal2-container.swal2-top-start{grid-template-columns:minmax(0,1fr) auto auto}.swal2-container.swal2-bottom,.swal2-container.swal2-center,.swal2-container.swal2-top{grid-template-columns:auto minmax(0,1fr) auto}.swal2-container.swal2-bottom-end,.swal2-container.swal2-center-end,.swal2-container.swal2-top-end{grid-template-columns:auto auto minmax(0,1fr)}.swal2-container.swal2-top-start>.swal2-popup{align-self:start}.swal2-container.swal2-top>.swal2-popup{grid-column:2;align-self:start;justify-self:center}.swal2-container.swal2-top-end>.swal2-popup,.swal2-container.swal2-top-right>.swal2-popup{grid-column:3;align-self:start;justify-self:end}.swal2-container.swal2-center-left>.swal2-popup,.swal2-container.swal2-center-start>.swal2-popup{grid-row:2;align-self:center}.swal2-container.swal2-center>.swal2-popup{grid-column:2;grid-row:2;align-self:center;justify-self:center}.swal2-container.swal2-center-end>.swal2-popup,.swal2-container.swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;align-self:center;justify-self:end}.swal2-container.swal2-bottom-left>.swal2-popup,.swal2-container.swal2-bottom-start>.swal2-popup{grid-column:1;grid-row:3;align-self:end}.swal2-container.swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;justify-self:center;align-self:end}.swal2-container.swal2-bottom-end>.swal2-popup,.swal2-container.swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;align-self:end;justify-self:end}.swal2-container.swal2-grow-fullscreen>.swal2-popup,.swal2-container.swal2-grow-row>.swal2-popup{grid-column:1/4;width:100%}.swal2-container.swal2-grow-column>.swal2-popup,.swal2-container.swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}.swal2-container.swal2-no-transition{transition:none!important}.swal2-popup{display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0,100%);width:32em;max-width:100%;padding:0 0 1.25em;border:none;border-radius:5px;background:#fff;color:#545454;font-family:inherit;font-size:1rem}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-title{position:relative;max-width:100%;margin:0;padding:.8em 1em 0;color:#595959;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-actions{display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;margin:1.25em auto 0;padding:0}.swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-loader{display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 transparent #2778c4 transparent}.swal2-styled{margin:.3125em;padding:.625em 1.1em;transition:box-shadow .1s;box-shadow:0 0 0 3px transparent;font-weight:500}.swal2-styled:not([disabled]){cursor:pointer}.swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#7367f0;color:#fff;font-size:1em}.swal2-styled.swal2-confirm:focus{box-shadow:0 0 0 3px rgba(115,103,240,.5)}.swal2-styled.swal2-deny{border:0;border-radius:.25em;background:initial;background-color:#ea5455;color:#fff;font-size:1em}.swal2-styled.swal2-deny:focus{box-shadow:0 0 0 3px rgba(234,84,85,.5)}.swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#6e7d88;color:#fff;font-size:1em}.swal2-styled.swal2-cancel:focus{box-shadow:0 0 0 3px rgba(110,125,136,.5)}.swal2-styled.swal2-default-outline:focus{box-shadow:0 0 0 3px rgba(100,150,200,.5)}.swal2-styled:focus{outline:0}.swal2-styled::-moz-focus-inner{border:0}.swal2-footer{justify-content:center;margin:1em 0 0;padding:1em 1em 0;border-top:1px solid #eee;color:#545454;font-size:1em}.swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto!important;height:.25em;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.swal2-timer-progress-bar{width:100%;height:.25em;background:rgba(0,0,0,.2)}.swal2-image{max-width:100%;margin:2em auto 1em}.swal2-close{z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:color .1s,box-shadow .1s;border:none;border-radius:5px;background:0 0;color:#ccc;font-family:serif;font-family:monospace;font-size:2.5em;cursor:pointer;justify-self:end}.swal2-close:hover{transform:none;background:0 0;color:#f27474}.swal2-close:focus{outline:0;box-shadow:inset 0 0 0 3px rgba(100,150,200,.5)}.swal2-close::-moz-focus-inner{border:0}.swal2-html-container{z-index:1;justify-content:center;margin:1em 1.6em .3em;padding:0;overflow:auto;color:#545454;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;word-wrap:break-word;word-break:break-word}.swal2-checkbox,.swal2-file,.swal2-input,.swal2-radio,.swal2-select,.swal2-textarea{margin:1em 2em 0}.swal2-file,.swal2-input,.swal2-textarea{box-sizing:border-box;width:auto;transition:border-color .1s,box-shadow .1s;border:1px solid #d9d9d9;border-radius:.1875em;background:inherit;box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px transparent;color:inherit;font-size:1.125em}.swal2-file.swal2-inputerror,.swal2-input.swal2-inputerror,.swal2-textarea.swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-file:focus,.swal2-input:focus,.swal2-textarea:focus{border:1px solid #b4dbed;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(100,150,200,.5)}.swal2-file::-moz-placeholder,.swal2-input::-moz-placeholder,.swal2-textarea::-moz-placeholder{color:#ccc}.swal2-file:-ms-input-placeholder,.swal2-input:-ms-input-placeholder,.swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-file::placeholder,.swal2-input::placeholder,.swal2-textarea::placeholder{color:#ccc}.swal2-range{margin:1em 2em 0;background:#fff}.swal2-range input{width:80%}.swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}.swal2-range input,.swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}.swal2-input{height:2.625em;padding:0 .75em}.swal2-file{width:75%;margin-right:auto;margin-left:auto;background:inherit;font-size:1.125em}.swal2-textarea{height:6.75em;padding:.75em}.swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:inherit;color:inherit;font-size:1.125em}.swal2-checkbox,.swal2-radio{align-items:center;justify-content:center;background:#fff;color:inherit}.swal2-checkbox label,.swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-checkbox input,.swal2-radio input{flex-shrink:0;margin:0 .4em}.swal2-input-label{display:flex;justify-content:center;margin:1em auto 0}.swal2-validation-message{align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}.swal2-validation-message::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}.swal2-icon{position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;border:.25em solid transparent;border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474;color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}.swal2-icon.swal2-error.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark{-webkit-animation:swal2-animate-error-x-mark .5s;animation:swal2-animate-error-x-mark .5s}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-success{border-color:#a5dc86;color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-animate-success-line-tip .75s;animation:swal2-animate-success-line-tip .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-animate-success-line-long .75s;animation:swal2-animate-success-line-long .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right{-webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:inherit;font-weight:600}.swal2-progress-steps li{display:inline-block;position:relative}.swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}.swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@-webkit-keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@-webkit-keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@-webkit-keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@-webkit-keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@-webkit-keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@-webkit-keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@-webkit-keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@-webkit-keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@-webkit-keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@-webkit-keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@-webkit-keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@-webkit-keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-container{background-color:transparent!important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static!important}}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:transparent;pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown .swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}


/* Variablen */

:root 
{
    --colTest: pink;

    --colText: #00000;
    --colTitle: #00000;

    --colBoxBorder: #E6E6E6;
    --colBoxBack: #F2F2F2;

    --colMain1: #FADF00;
    --colMain2: #32343B;

    --colLight: #FADF00;
    --colDark: #262626;

    --colNo: #CC0033;
    --colYes: #09A501;

    --colLink: #1781DE;
}



/* text */

p   { font-size:1.6rem; line-height:2.2rem; color:var(--colText); font-weight:500; }
ul  { list-style-type:none; }

a   { text-decoration:none; color:inherit;  }
p a { color:var(--colLink); }
img { max-width:100%; }

h1, h2, h3, h4, h5 { margin:0rem; }

h1 { font-size:5.0rem; line-height:7.0rem; }
h2 { font-size:4.0rem; line-height:5.5rem; }
h3 { font-size:2.6rem; line-height:4.0rem; }
h4 { font-size:2.2rem; line-height:3.2rem; }


/* tinymce */

.mce        { color:inherit; }
.mce h3     { font-size:2.4rem; line-height:3.5rem; margin:0rem 0rem 0.5rem 0rem;  }
.mce p      { font-size:1.6rem; line-height:3.0rem; margin:0rem 0rem 2.5rem 0rem; font-weight:500; }
.mce h5     { font-size:1.6rem; line-height:3.0rem; margin:0rem 0rem 0rem 0rem; font-weight:700; }
.mce table              { width:100%; margin-bottom:2.5rem; }
.mce td:first-child     { padding-right:2rem; }
.mce td         { font-size:1.6rem; line-height:2.2rem; padding:0.5rem 0.4rem; }
.mce p a        { text-decoration:underline; }
.mce td a       { text-decoration:underline; }

.mce ul:not(.sidelist__list)     { list-style-type:disc; padding:0rem 0rem 2.5rem 2rem; }
.mce li     { font-size:1.6rem; line-height:3.0rem; }

.mce--small h3 { font-size:1.8rem; line-height:2.4rem; margin-bottom:1.2rem; }
.mce--small p  { font-size:1.5rem; line-height:2.2rem; margin:0rem 0rem 2.2rem 0rem; }
.mce--small td { font-size:1.5rem; line-height:2.2rem; }

.mce--dark      { color:white; }
.mce--dark p a  { color:var(--colLight); }


/* controls */

.textbox           { font-size:1.6rem; line-height:2.4rem; font-weight:500; padding:0.8rem 1.5rem 0.7rem 1.5rem;  background-size:2rem; background-position:right 2rem center; border:solid 0px white; background-repeat:no-repeat; }
.textbox--withicon { background-position:right 1.5rem center; background-size:2rem; background-repeat:no-repeat; }
.textbox--novalue  { /*color:var(--colBoxBorder);*/ }

select.select           { font-size:1.6rem; line-height:2.4rem; font-weight:500; padding:0.8rem 1.5rem 0.7rem 1.5rem;  background-size:2rem; background-position:right 2rem center; border:solid 0px white; background-repeat:no-repeat; }
select.select--withicon {  }

a.iconbutton    { width:5rem; height:5rem; background-color:var(--colLight); padding:1.7rem 0rem 0rem 0rem; text-align:center; display:inline-block; }

a.button                { background-color:var(--colLight); color:var(--colDark); padding:1.6rem 2.8rem; font-size:1.8rem; line-height:2.4rem; display:inline-block; font-weight:600; border:solid 2px white; min-width:20rem; text-align:center; margin:auto; }
a.button--trans         { background-color:transparent; border-color:var(--colDark); } 
a.button--trans--white  { background-color:transparent; border-color:white; color:white; } 
a.button--small         { font-size:1.6rem; line-height:2.2rem;  padding:1.1rem 2.0rem; min-width:auto; }
a.button--withicon      {  }

/* effects */

.fade-bottom { background-image:url(/images/start-header-verlauf-horizontal.png); background-repeat:repeat-x; background-position:left bottom; width:100%; height:100%; position:absolute; bottom:0rem; left:0rem; z-index:1; }


/* testing */

.wip { background-color: pink; }


/* Accessibility */

.sr-only {  position: absolute; width: 1px; height: 1px; padding: 0;  margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

/* Swal */


.swal2-html-container { font-size:1.2rem; }
.swal2-html-container p:first-child { margin-top:0rem; }
.swal2-styled.swal2-confirm     { width:90%; color:var(--colDark); background-color:var(--colLight); font-size:1.2rem; }
.swal2-styled.swal2-deny        { width:90%; color:var(--colLight); background-color:var(--colDark); font-size:1.2rem; }


.inhalt__maincol a {color:var(--colLink); }


/* Alles was sich im Master befindet */

:root 
{
    --innerMaxW: 1245px;
}


body 
{
    font-size:10px;
    margin:0rem;
    font-family:open-sans, Arial;
    color:#14234C;
    font-weight:400; 
}



html { font-size:10px; }

/*::-webkit-scrollbar { display: none; }*/

.master__accesskeys { position:absolute; top:-100vh; left:-100vw; }

.master                 { width:100%; margin:auto; text-align:center; padding-top:10rem; }
.master__header         { width:100%; min-height:10rem; position:fixed; z-index:50; padding:2.5rem 2.5rem 2.5rem 2.5rem; background-color:white; top:0rem; }
.master__main           { min-height:80vh; margin-top:8rem; padding:0rem 2.5rem 8rem 2.5rem; }

.header         { width:100%; text-align:center; position:relative; top:0rem; left:0rem; }
.header__logo   { position:absolute; top:0rem; left:0rem; width:5.6rem; }
.header__state  { width:100%; max-width:var(--innerMaxW); margin:auto; text-align:left; padding-top:3rem; display:block; }
.header__nav    { position:absolute; top:0rem; right:0.2rem; }

.state__item        { display:inline-block; padding:0rem 1.6rem 0rem 0rem;  }
.state__itemlink    { font-size:1.4rem; line-height:1.4rem; color: var(--colDark); }
.state__item + .state__item { border-left:solid 1px var(--colDark); padding-left:1.6rem; }

.nav       { }
.nav__item { display:inline-block; width:5.5rem; height:5.5rem; text-align:center; background-color:#FADF00; color:black; vertical-align:middle; padding-top:2rem; cursor:pointer;  }
.nav__icon { width:2rem; vertical-align:top; }
.nav__text { vertical-align:text-top; text-transform:uppercase; font-size:2rem; line-height:1.6rem; display:none; margin-left:1rem; opacity:0; position:absolute; }

.nav__item-menu                 { background-color:black; color:white; }
.nav__item--animstretch:hover   { padding-left:2rem; text-align:left; animation: navitem-stretch 0.4s ease-in 0s; animation-fill-mode: forwards; }
.nav__item--animstretch:hover .nav__text { display:inline-block; position:relative; animation: display 0.2s linear 0.3s; animation-fill-mode: forwards; }

.master__menu                   { display:none; z-index:100; position:fixed; left:0rem; top:0rem; width:100%; height:100%; border:solid 2.4rem white; border-right-width:0px; background-color:rgba(128, 128, 128, 0.7);  }
.body--showmenu .master__menu   { display:block; }

.master__footer { clear:both; display:block; width:100%; background-color:#262626; padding:4.5rem 3.5rem 4.5rem 4.0rem; text-align:center; }
.footer__inner  { width:100%; max-width:var(--innerMaxW); margin:auto; text-align:left; }
.footer__logo   { max-width:30rem; margin-bottom:2rem; }
.footer__texts  { }
.footer__text   { display:inline-block; max-width:30rem; vertical-align:top; }
.footer__text + .footer__text  { margin-left:10rem; } 
.footer__textimage { max-width:50%; }
.footer__bottom     { clear:both; width:100%; padding-top:8.5rem; }
.footer__links      { float:left; margin-top:0.2rem; }
.footer__linksitem  { color:var(--colLight); font-size:1.6rem; line-height:4.8rem; display:inline-block; vertical-align:middle; }
.footer__linksitem + .footer__linksitem { margin-left:3rem; }
.footer__social       { float:right;  vertical-align:top; color:var(--colLight); }
.footer__sociallink   { border:solid 1px var(--colLight);  text-align:center; display:inline-block; width:4.8rem; height:4.8rem; padding-top:1rem; vertical-align:middle; margin-left:0.6rem; }
.footer__socialicon   { height:2.5rem; max-width:3rem; }
.footer__socialtext   { font-size:1.6rem; line-height:2.2rem; vertical-align:middle; display:inline-block; width:25rem; text-align:right; padding-top:0.5rem; padding-right:1.5rem; color:var(--colorLight); }


/* inside nav */

.body--showinsidenav .master__header    { background-color:transparent; }
.body--showinsidenav .header__nav       { margin:0.2rem 0.2rem 0rem 0rem; }
.body--showinsidenav .master__main      { margin-top:0rem; padding-top:0rem; }
.body--showinsidenav.body--header-not-at-top .master__header { background-color:white; }

@media only screen and (max-width: 1440px) 
{
   :root  {  --innerMaxW: 1100px; }

/*   .header          { text-align:left; }
   .master__main    { display:inline-block; text-align:left; margin-left:8rem; }*/
}

@media only screen and (max-width: 1280px) 
{
   :root  {  --innerMaxW: 970px; }
}

@media only screen and (max-width: 1024px) 
{
   .header__state  { display:none; }

   .footer__linksitem + .footer__linksitem { margin-left:2rem; }
   .footer__socialtext { padding-right:0rem; }
}

@media only screen and (max-width: 768px) 
{
   .tablet--padded { padding:0rem 2.4rem; }

   .master__main { padding-bottom:2.4rem; }
   .footer__text { display:block; width:100%; margin-top:2rem; }
   .footer__text + .footer__text { margin-left:0rem; }

   .body--showinsidenav .master__main      { margin-top:8rem; padding-top:0rem; }

   .master__menu { border-width:0px; }
}

@media only screen and (max-width: 767px) 
{
    .tablet--padded { padding:0rem 1.6rem; }
    .mobile--padded { padding:0rem 1.6rem; }

    body            { padding:0rem; }
    .master__header { padding: 1.6rem; left:0rem; min-height:11rem; }
    .master__main   { padding: 1.6rem; }

    .master__footer { padding:4.5rem 3.2rem; }
    .footer__logo   { width:90%; }
    .footer__text   { display:block; width:100%; }
    .footer__bottom { padding-top:3.5rem; }
    .footer__links      {  float:none; display:block; }
    .footer__social     { float:none; display:block; margin-top:2rem; }
    .footer__socialtext { display:block; text-align:left; margin-bottom:1rem;  }
    .footer__sociallink:first-of-type { margin-left:0rem; }
}



/* MENÜ */

.menu               { height:100%; }
.menu__main         { float:left; height:100%; width:calc(100% - 42rem); background-color: var(--colLight); padding:6rem 6rem 6rem 6rem; overflow-y:auto;  position:relative; top:0rem; right:-100vw;  transition-property:right; transition-duration:0.6s; transition-delay:0.4s; transition-timing-function:ease-in; }
.menu__aside        { float:left; height:100%; width:42rem; background-color: var(--colLight); border-left:solid 0.2rem black; border-right:solid 2.4rem white; position:relative; top:0rem; right:-50rem; transition-property:right; transition-duration:0.5s; transition-timing-function:ease-out;  }
.menu__bottom       { position:absolute; bottom:0rem; left:0rem; width:100%; }
.menu__quicksoc     { padding:4rem 6rem; }
.menu__quicklinks   { }
.menu__quickitem    { padding:0.5rem 0rem; }
.menu__quicklink    { font-size:1.6rem; line-height:2.2rem; font-weight:600;  }
.menu__social       { padding-top:4.5rem; vertical-align:top; }
.menu__sociallink   { border:solid 1px black;  text-align:center; display:inline-block; width:4.8rem; height:4.8rem; padding-top:1rem; vertical-align:top; margin-right:0.6rem; }
.menu__socialicon   { height:2.5rem; }
.menu__socialtext   { font-size:1.4rem; line-height:1.9rem; vertical-align:top; display:inline-block; width:17rem; padding-top:0.5rem; padding-left:0.5rem; }

.menu.menu--slidein .menu__aside    { right:0rem; }
.menu.menu--slidein .menu__main     { right:0rem; }

.menu.menu--slideaside .menu__aside   { right:0rem; }
.menu.menu--slidemain .menu__main     { right:0rem; }

.menu__topitem      { padding:3rem 0rem 3rem 7rem; border-bottom:solid 1px black; }
.menu__topitem:first-child { border-top:solid 1px black; }
.menu__toplink      { font-size:3rem; line-height:4rem; font-weight:600; color:var(--colTitle); }
.menu__topitem--active { background-color: var(--colDark); background-image:url(/images/icons-gelb/pfeil-2-links.svg); background-position:left 2.4rem center; background-size:2rem; background-repeat:no-repeat; }
.menu__topitem--active .menu__toplink { color: var(--colLight); }

.menu__nodes        { }
.menu__toplinks     { }
.menu__close        { position:absolute; top:2rem; right:2rem; width:2rem; cursor:pointer; }
.menu__close-mob    { display:none; }
.menu__back         { display:none; }
.menu__nodepanel    { display:none; color: var(--colDark); }
.menu__nodepanel--active { display:block; }
.menu__paneltitle   { font-size:5.5rem; color: var(--colTitle); margin-bottom:3rem; }

.menu__node--level2 { margin-bottom:2rem; }
.menu__node--level2 .menu__nodelink { font-size:3rem; line-height:4rem; font-weight:700; }

.menu__node--level3                     { padding:1rem 0.2rem; border-bottom:solid 1px var(--colDark);  }
.menu__node--level3 .menu__nodelink     { font-size:1.6rem; }

.menu__node--level4                     { padding:0.5rem 2.4rem; }
.menu__node--level4 .menu__nodelink     { font-size:1.4rem; }
.menu__node--level4.menu__node--show   { display:block; }

.menu__node--level5                     { padding:0.5rem 3.4rem; display:none; }
.menu__node--level5 .menu__nodelink     { font-size:1.4rem; }
.menu__node--level5.menu__node--show    { display:block; }

.menu__node--level3 + .menu__node--level4 { padding-top:1.5rem; }
.menu__node--level4:last-of-type { padding-bottom:1.5rem; }

.menu__node--level3.menu__node--active { background-color:var(--colDark); color:var(--colLight); padding-left:1.5rem; }

.menu__nodetoggle { float:right; position: relative; top:0.9rem; right:0.9rem; width:1.5rem; cursor:pointer; }

.menu__masonry  { column-count: 5; column-gap: 5rem; }
.menu__panelsub { margin: 0; display: grid;  grid-template-rows: 1fr auto; break-inside: avoid; margin-bottom:4rem; }

.menu__exticon { height: 1.2rem; margin-left: 1rem; vertical-align: top; position: relative; top: 0.4rem; }
.menu__wipicon { max-width: 1.5rem; margin-left: 1rem; vertical-align:middle; position:relative; top:-0.1rem; }
.menu__okicon  { max-width: 1.5rem; margin-left: 1rem; vertical-align:middle; position:relative; top:-0.1rem; }



@media only screen and (max-width: 1920px) 
{
  .menu__masonry { column-count:4; }
  .menu__topitem { padding:2rem 0rem 2rem 7rem; }
}

@media only screen and (max-width: 1440px) 
{
    .menu__main    { width:calc(100% - 32rem); padding:6rem 6rem 6rem 6rem; }
    .menu__aside   { width:32rem; }
    .menu__topitem { padding:2rem 0rem 2rem 7rem; }
    .menu__masonry { column-count:4; }
}

@media only screen and (max-width: 1439px) 
{
  .menu__masonry { column-count:3; }
}

@media only screen and (max-width: 1280px) 
{
  .menu__masonry { column-count:3; }
}

@media only screen and (max-width: 1024px) 
{
    .menu__main    {  padding:4rem 4rem 4rem 4rem; }
    .menu__masonry { column-count:2; }
}

@media only screen and (max-height: 890px) 
{
    .menu__topitem { padding:1rem 0rem 1rem 7rem; }
    .menu__toplink { font-size:2.4rem; }
    .menu__bottom  { position:relative; padding-top:9rem; }
}


@media only screen and (max-width: 768px) 
{
    .master__menu       { padding:0rem; width:100%; position:fixed; top:0rem; left:auto; right:0rem; width:40rem; height:100vh; transition-property:width; transition-duration:0.5s; transition-timing-function:linear; }
    
    .menu               { height:100%; width:100%; left:auto;  right:0rem; }
    .menu__main         { float:left; height:100%; width:100%; padding:4.5rem 6rem 5rem 4.5rem;  right:0rem; }
    .menu__aside        { float:none; width:100%; border-left:solid 0rem black; position:relative; height: 100vh; overflow-y: auto; border-right-width:0px; }

    .menu__main         { display:none; }
    .menu__masonry      { column-count:1; }
    .menu__close        { background-color:black; width:5.5rem; height:5.5rem; text-align:center; padding-top:2rem; z-index:99; }
    .menu__close-mob    { display:inline-block; width:5.5rem; height:5.5rem; text-align:center; padding-top:2rem; position:absolute; top:0.6rem; right:6.5rem; cursor:pointer; }
    .menu__back         { background-color:black; width:5.5rem; height:5.5rem; text-align:center; padding-top:2rem; position:absolute; top:0.6rem; right:0.6rem; cursor:pointer; }
    .menu__backicon     { width:2rem; }
    .menu__closeicon    { display:none; }
    .menu__closeicon-mob    { display:inline; }

    .menu__paneltitle   { font-size:4.5rem;  }
    .menu__panelsub     { max-width:30rem; }
    .menu__nodes        {  }

    .master__menu.master__menu--toplinkactive   { width:50rem; }
    .master__menu--toplinkactive .menu__close   { display:inline-block; }
    .master__menu--toplinkactive .menu__back    { display:inline-block; }
    .master__menu--toplinkactive .menu__aside   { display:none; }
    .master__menu--toplinkactive .menu__main    { display:block; }
}

@media only screen and (max-width: 767px) 
{
    .master__menu   { width:100%; }
    .master__menu.master__menu--toplinkactive   { width:100%; }
    .master__menu--started { padding:0rem; }

    .menu__main             { padding:3.2rem; }
    .menu__topitem:first-child { border-top-width:0px; }
    .menu__panelsub         { max-width:100%; }
    .menu__nodes { padding-top: 4rem; }

}

@media only screen and (max-width: 767px)  and (min-width: 376px) 
{
    .menu__nodes            { max-width:calc(100% - 8rem); }
    .menu__back             { position:fixed; }
    .master__menu.master__menu--toplinkactive .menu__closeicon-mob    { position:fixed; } 
}





/* animations */

@keyframes navitem-stretch 
{
  0%   { width:5.5rem; }
  100% { width:13rem; }
}

@keyframes display
{
  from  { opacity:0; }
  to    { opacity:1; }
}




/* Diverse Komponenten, die an mehreren Stellen genutzt werden und in sich abgeschlossen sind. */


/* HtmlUtil.GetHtmlForNewsTeaser */

.newsteaser         { width:100%; height:auto; max-width:30rem; display:inline-block; margin:auto; text-align:left; position:relative; top:0rem; left:0rem; border:solid 1px var(--colBoxBorder); }
.newsteaser__piccon { overflow:hidden; width:100%; } 
.newsteaser__pic    { width:100%; transition: transform .2s; max-height:100%; background-size:cover; background-image:url(/images/platzhalter-fotos.jpg); }
.newsteaser__pic--empty   { width:100%; }
.newsteaser__text   { display:block; padding:2.5rem 2.5rem 2.5rem 3rem;  }
.newsteaser__title  { font-size:2.2rem; line-height:3.2rem; margin:0rem; font-weight:600; display:inline-block; min-height:18rem; width:100%; padding-bottom:1.5rem; }
.newsteaser__date   { font-size:1.4rem; line-height:1.4rem; color:#878787; font-weight:600; }
.newsteaser__link   { position:absolute; top:0rem; left:0rem; width:100%; height:100%;  }

.newsteaser:hover .newsteaser__pic  {  transform: scale(1.1);  }
.newsteaser:hover .newsteaser__text { background-color: var(--colLight); }

@media screen and (max-width:768px)
{
    .newsteaser__piccon { min-height:auto; }
    .newsteaser__text   { padding:2rem; }
    .newsteaser__title  { font-size:1.8rem; line-height:2.6rem; }
    .newsteaser__date   { font-size:1.2rem;  }
}


/* HtmlUtil.GetHtmlForDocsAndLinks */

.sidelist           { width:100%; }
.sidelist__headline { text-transform:uppercase; font-size:1.8rem; line-height:4rem; }
.sidelist__list     { list-style-type:none; }
.sidelist__item     { background-color:var(--colBoxBack); border:solid 1px var(--colBoxColor); margin-bottom:0.4rem; padding:1rem; position:relative; top:0rem; left:0rem; text-align:left; }
.sidelist__link     { width:100%; height:100%; display:block; max-height:5.5rem; line-height:5.5rem;  }
.sidelist__text     { width:calc(100% - 5.6rem); font-size:1.6rem; line-height:2.4rem; font-weight:600; color:var(--colDark); display:inline-block; padding-left:1.9rem; padding-top:0.4rem; vertical-align:middle;  }
.sidelist__icon     { width:5.5rem; height:5.5rem; line-height:5.5rem; background-color:var(--colLink);  display:inline-block; vertical-align:middle; text-align:center; }
.sidelist__icon img { width:1.5rem; vertical-align:middle; }


/* HtmlUtil.GetHtmlForEventTeaser */

.eventprev              { display: block; border: solid 1px #C3C5C5; width: 100%; height: 100%; min-height: inherit; position: relative; top: 0rem; letter-spacing: 0rem; padding: 8.5rem 0rem 0rem 0rem; }
.eventprev:hover        { background-color: var(--colLight); }
.eventprev span         { display: block; }
.eventprev__date        { position: absolute; top: 0rem; left: 0rem; }
.eventprev__data        { padding: 1.2rem 1.9rem; }
.eventprev__title       { font-size: 2.0rem; line-height: 2.6rem; margin-bottom: 2.3rem; min-height:18rem; }
.eventprev__thumppic    { width: 100%; }
.eventprev__until       { position:absolute; top:1rem; right:1rem; text-align:right; font-size:1.2rem; }
.eventprev--withimage   { padding-top: 0rem; }

.eventprev__attributes      { position: absolute; bottom: 2.4rem; left: 1.9rem; }
.eventprev__attr            { font-size: 1.4rem; line-height: 2.6rem; padding: 0rem 2.6rem 0rem 2.5rem; display: inline-block; background-repeat: no-repeat; background-position: left center; }
.eventprev__attr--time      { background-image: url(/images/icons-schwarz/uhr.svg); background-size: 1.5rem; }
.eventprev__attr--place     { background-image: url(/images/icons-schwarz/ort.svg); background-size: 1.5rem; }

.datebox        { background-color: black; color: white; text-align: center; width: 6.3rem; height: 6.3rem; padding-top: 0.5rem; display: inline-block; }
.datebox__day   { font-size: 2.4rem; line-height: 2.6rem; font-weight: 600; }
.datebox__month { font-size: 1.6rem; line-height: 2.6rem; font-weight: 500; }


/* HtmlUtil.GetHtmlForMediaTeaser */

.mediaprev          { display: block; border: solid 0px #C3C5C5; width: 100%; /*height: 100%*/; min-height: inherit; position: relative; top: 0rem; letter-spacing: 0rem; padding: 0rem 0rem 0rem 0rem; }
.mediaprev span     { display: block; }
.mediaprev__link    {  }
.mediaprev__date    { font-size:1.4rem; line-height:2.2rem;  color:#707171; }
.mediaprev__data    { padding: 1rem; position:relative; top:0rem; left:0rem;  min-height:7rem;  }
.mediaprev__title   { font-size: 1.6rem; line-height: 2.6rem; margin-bottom:0rem;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mediaprev__type    { position:absolute; bottom:1rem; right:1rem; font-size:1.4rem; line-height:2.2rem; color:#707171; }
.mediaprev__typeicon { width:1.5rem; margin-left:0.8rem; vertical-align:middle; position:relative; top:-0.2rem;  }
.mediaprev__thumb    { position:relative; top:0rem; left:0rem;  }
.mediaprev__thumbpic { width: 100%; background-size:cover; border: solid 1px #C3C5C5; transition-property:transform; transition-duration:0.2s; }
.mediaprev__play     { width:7.6rem; position:absolute; top:calc(50% - 3.8rem); left:calc(50% - 3.8rem); }
  
.mediaprev:hover .mediaprev__thumb      { overflow:hidden; }
.mediaprev:hover .mediaprev__thumbpic   { transform: scale(1.1); }

.mediaprev__attributes      { position: absolute; bottom: 2.4rem; left: 1.9rem; }
.mediaprev__attr            { font-size: 1.4rem; line-height: 2.6rem; padding: 0rem 2.6rem 0rem 2.5rem; display: inline-block; background-repeat: no-repeat; background-position: left center; }
.mediaprev__attr--time      { background-image: url(/images/icons-schwarz/uhr.svg); background-size: 1.5rem; }
.mediaprev__attr--place     { background-image: url(/images/icons-schwarz/ort.svg); background-size: 1.5rem; }


/* controls/yearswitcher.ascx */

.yearswitcher               { }
.yearswitcher__switch       { height:4rem; display:inline-block; vertical-align:middle; }
.yearswitcher__switch--prev { }
.yearswitcher__switch--next { }
.yearswitcher__switchicon   { width:1rem; }
.yearswitcher__label        { font-size:4rem; line-height:4rem; text-align:center; font-weight:bold; padding:0rem 2rem; }
.yearswitcher--hideprev .yearswitcher__switch--prev { display:none; }
.yearswitcher--hideprev .yearswitcher__label { padding-left: 0rem; }



/* Fields */

.field                              { border:solid 1px #C3C5C5; width:100%; min-height:6.5rem; background-color:white; position:relative; top:0rem; left:0rem; padding:3rem 2rem 1rem 2rem; margin:0rem 0rem 0.8rem 0rem;  text-align:left; }
.field--50                          { width:calc(50% - 0.4rem); float:left; }
.field--50 + .field--50             { margin-left:0.8rem; }
.field--50 + div:not(.field--50)    { clear:both; float:none; }
.field__label   { color:#707171; font-size:1.4rem; line-height:1.8rem; position:absolute; top:0.9rem; left:2rem; color:#707171; font-weight:500; }
.field__control { color:#000000; font-size:1.8rem; line-height:2.6rem; font-weight:600; border:solid 0px white; width:100%; outline:none; }

.field--novalue .field__control { color:#C3C5C5; color:inherit; }
.field--upload      { background-color:transparent; border:dashed 2px #C3C5C5; text-align:center; }
.field--checkbox    { border-width:0px; min-height:auto; padding:1.5rem 2rem 0.5rem 2rem; }
.field--checkbox span label { color:#707171; font-weight:500; margin-left:1rem; }

textarea.field__control { min-height:10rem; }





/* Css für einzelne Aspx oder Elemente, die sich im Main-Bereich einer Seite befinden. */

.page__headline { font-size:5rem; line-height:6rem; margin:0rem 0rem 2.5rem 0rem;  }

@media only screen and (max-width: 768px) 
{
    .page__headline { font-size:4rem; line-height:5rem; margin:0rem 0rem 2.5rem 0rem;  }dialog

    .insidenav .page__headline { font-size:3.6rem; line-height:5rem; margin-bottom:1.2rem; }
}

.insidenav              { width:calc(100% - 8rem); margin-left:8rem; text-align:center; padding:10rem 0rem 5rem 0rem; margin-bottom:5rem; background-color:var(--colLight); }
.insidenav__inner       { margin:auto; max-width:var(--innerMaxW); text-align:left; position:relative; left:-4rem; }
.insidenav__item        { padding-right:3rem; display:inline-block; }
.insidenav__itemlink    { font-size:2rem; line-height:4rem; }
.insidenav__itemclear   { display:none; }
.insidenav__itemclear img { margin-left:1rem; height:1.2rem; }
.insidenav__item--active .insidenav__itemlink { font-weight:600; border-bottom:solid 0.3rem var(--colDark); }
.insidenav__item--active .insidenav__itemclear { display:inline-block; }
.insidenav__item--extern { background-image:url(/images/icons-schwarz/link-extern.svg); background-size:1.5rem; background-position:right 0.5rem center; background-repeat:no-repeat; }
.insidenav--control     {  margin:0rem 0rem 2rem 0rem; }

@media screen and (max-width: 1024px) 
{
    .insidenav          { width:100%; margin-left:0rem; padding:5rem 3.5rem 3.5rem 2.5rem; margin-top:9rem; }
    .insidenav__inner   { left:0rem;  }
}

@media screen and (max-width: 768px) 
{
    .insidenav          { width:100%; margin-left:0rem; padding:5rem 3.5rem 3.5rem 6.5rem; }
    .insidenav__inner   { left:0rem;  }
}

@media screen and (max-width: 767px) 
{
    .insidenav              { width:100%; margin-left:0rem; padding:2.5rem 2.5rem 2.5rem 2.5rem; }
    .insidenav__inner       { left:0rem; text-align:center; }
    .insidenav__item        { display:block; width:100%; text-align:left; padding-right:0rem; }
    .insidenav__itemlink    { font-size:1.6rem; line-height:3.2rem; }

    .page__headline { display:block; width:100%; text-align:left; }
}


