/* source-sans-3-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 300;
  src: url('../Fonts/source-sans-3-v9-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../Fonts/source-sans-3-v9-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* source-sans-3-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/source-sans-3-v9-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../Fonts/source-sans-3-v9-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* source-sans-3-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  src: url('../Fonts/source-sans-3-v9-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../Fonts/source-sans-3-v9-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

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

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}
main{display:block}
h1{font-size:2em;margin:.67em 0}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}

/*! HTML5 Boilerplate v8.0 | MIT License | https://html5boilerplate.com/ */
html{color:#000;font-size:1em;line-height:1.4}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
hr{display:block;height:1px;border:0;border-top:1px solid #000;margin:1em 0;padding:0}
audio,canvas,iframe,img,svg,video{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}

/* ==========================================================================
  Author's custom styles
  Mobile First Media Queries
  font-family: 'Source Sans 3', sans-serif;
  font-weight: 300,400,700
  black: #000000;
  blue dark: #316095; rgb(49,96,149);
  grey: #f2f3f3;
  green: #dae2c6;
  yellow: #ffe3aa;
  blue light: #dfedf6;
  ========================================================================== */

body {
  font-family: 'Source Sans 3', sans-serif;
  font-weight:400;
  font-style: normal;
  background:#fff;
  color:#000;
  margin:0;
}
html { font-size:1rem; line-height:1.4; }
html.wf-loading * { opacity: 0; }

/* generale */
a { color:#316095; text-decoration:none; transition:color .35s; }
a:hover { color:red; }
a:focus, button:focus, select:focus { outline:0; }
nav, nav ul { margin:0; padding:0; }
nav ul li { list-style:none; }
img, embed, object, video { max-width:100%; height:auto; width:100%; }
figure { margin:0; }

.error { color:#e62828; }
.bg-white { background:#fff; }
.bg-grey { background:#f2f3f3; }
.text-grey { color:#999; }
.text-small { font-size:80%; }
.vcard .text-small { font-size:90%; }

.material-icons-outlined {
  font-family: 'Material Icons Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}

/* offset for anchors due to fixed header */
a.anchor_offset { display:block; position:relative; top:-4em; visibility:hidden; }

/* font-weights */
span.page_title { font-weight:300; }
h1, h2, h3, h4, strong, .metismenu > li.mm-level-1 > a, .news-single .teaser-text,
legend, input[type="submit"], button, .btn, .link_box, .steps .step-number { font-weight:700; }

/* fixed header */
.fixed-header {
  width:100%;
  height:4em;
  position:fixed;
  top:0;
  left:0;
  z-index:30;
  background:#fff;
  /*box-shadow:0 10px 22px -10px rgba(0,0,0,.2);*/
}
.fixed-header .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height:4em;
}

.fixed-header .logo svg { height:30px; transition:opacity .35s; }
.fixed-header .logo svg .st0 { fill:#000; }
.fixed-header .logo svg .st1 { fill:#2A5E90; }
.fixed-header .logo svg:hover { opacity:.8; }

.fixed-header .header-lang { display:none; }

/* css grid content cols */
.grid-container.content_cols, .fixed-header .inner { margin:0 3vw; }
.grid__area-header { height:4em; }
.grid__area-navigation, .grid__area-sidebar { margin:0; }

.grid__area-navigation .fixed-footer,
.grid__area-sidebar .fixed-footer { display:none; }

.aside-left, .aside-right { padding:3vw; margin:0 0 1em 0; }
.content { padding:1em 3vw; }

aside.grid__area-navigation span.page_title { display:block; width:75%; }
aside.grid__area-navigation span.page_title br { display:none; }

.grid__area-main.two_col .content { position:relative; }
.grid__area-main.two_col .content .level-up.close { position:absolute; top:0; right:0; }
.grid__area-main.two_col .content .level-up.close span { display:none; }

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/* grid offcanvas-menu */
.grid-container.off-menu {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto auto 1fr;
  grid-template-rows: auto auto 1fr;
  gap: 0px 0px;
  min-height:calc(100vh - 4em - 3vw);
}
.grid-container.off-menu .off-menu-01 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 2;
  grid-row: 2;
}
.grid-container.off-menu .off-menu-02 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 3;
  grid-row: 3;
}
.grid-container.off-menu .off-menu-03 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
}
.grid-container.off-menu .off-menu-04 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 4;
  grid-row: 4;
}
.grid-container.off-menu .off-menu-05 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 5;
  grid-row: 5;
}
.grid-container.off-menu .off-menu-01 .inner { margin:3vw; }
.grid-container.off-menu .off-menu-02 .inner { margin:0 3vw; }
.grid-container.off-menu .off-menu-03 .inner { margin:3vw; }
.grid-container.off-menu .off-menu-04 .inner { margin:3vw; }
.grid-container.off-menu .off-menu-05 .inner { margin:3vw; }

/* metismenu ul */
.metismenu > li.mm-level-1 { margin:0 0 1em 0; }
.metismenu > li.mm-level-1 > a { display:block; line-height:1; margin:0 0 .125em 0; font-size:1.3125rem; }
.metismenu > li.mm-level-1 > a:hover,
.metismenu > li.mm-level-1 > a.active { color:#000; }

.grid-container.off-menu .metismenu ul li a { color:#000; }
.grid-container.off-menu .metismenu ul li a:hover, .metismenu ul li a.active { color:#316095 !important; }
.grid-container.off-menu .metismenu li a { padding-left:1.375rem; }

.metismenu .mm-collapse:not(.mm-show) {
  display: none;
}
.metismenu .mm-collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-timing-function: ease;
  transition-duration: .2s;
  transition-property: height, visibility;
}
.metismenu .has-arrow {
  position: relative;
}
.metismenu .has-arrow:before, .metismenu .has-arrow:after {
  position: absolute;
  left: .375em;
  top:calc(50% - 0.35em);
  content: '';
  height:.6875em;
  width: 2px;
  background:#316095;
  transition: all .1s;  
}
.metismenu .has-arrow:before {
  transform: rotate(0deg);
}
.metismenu .has-arrow:after {
  transform: rotate(-90deg);
}
.metismenu .has-arrow:hover:before, .metismenu .has-arrow:hover:after,
.metismenu .has-arrow.active:before, .metismenu .has-arrow.active:after { background:#000; }

.metismenu .mm-active > .has-arrow::before,
.metismenu .has-arrow[aria-expanded="true"]::before {
  transform: rotate(-90deg);
}

/* no dropdown on home */
body.p-1 .grid-container.off-menu .metismenu li a { padding-left:0; }
body.p-1 .metismenu > li.mm-level-1 > a { cursor:default; }
body.p-1 .metismenu > li.mm-level-1 > a:hover { color:#316095; }
body.p-1 .metismenu .has-arrow:before, body.p-1 .metismenu .has-arrow:after { display:none; }

/* margin for some links in area «aufgaben» */
#metismenu-01 > li.mm-level-1:last-child ul li:nth-child(1),
#metismenu-01 > li.mm-level-1:last-child ul li:nth-child(3) { padding:.5em 0 0 0; }

/* meta: lang + meta nav */
.meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.meta .nav_lang ul li { display:inline-block; margin:0 .5em .25em 0; border:1px solid #fff; line-height:2; width:2em; text-align:center; }
.meta .nav_lang ul li a { display:block; color:#316095; transition:all .35s; }
.meta .nav_lang ul li:hover { border:1px solid #316095; }
.meta .nav_lang ul li.active { display:none; }
.meta .nav_lang ul li.passive { color:#999; border:1px solid #999; text-decoration:line-through; }

.meta .nav_meta ul li a { display:block; border:1px solid #fff; line-height:2; width:5em; text-align:center; transition:all .35s; }
.meta .nav_meta ul li a:hover { border:1px solid #316095; }
.meta .nav_meta ul li a svg { width:1.5em; height:1.5em; fill:#316095; }

/* quicklinks */
.quicklinks li { margin:0 0 .5em 0; }
.quicklinks li:nth-child(2) { margin:0 0 1em 0; }
.quicklinks li:last-child { margin:0; }
.quicklinks li a h3 { color:#316095; transition:color .35s; }
.quicklinks li a { display:block; background:#fff; padding:.25em; line-height:1; }
.quicklinks li a:hover, .quicklinks li a:hover h3,
.quicklinks li a.active, .quicklinks li a.active h3 { color:#000; }

/* vcard */
.vcard address { font-style:normal; margin:0 0 .5em 0; }
.vcard .org { font-weight:700; }
.vcard .country-name { display:none; }
.vcard .tel-text { display:block; }

/* privacy policy nav */
.privacy-policy { margin-top:1.75em; }
.privacy-policy a.active { color:red; }

/* content */
main h1 { font-size:1.875rem; line-height:1; margin:0 0 .5em 0; color:#316095; }
main h2 { font-size:1.5rem; line-height:1.2; margin:0 0 .5em 0; color:#316095; }
main h3 { font-size:1.375rem; line-height:1.2; margin:0 0 .5em 0; }
main h4 { font-size:1.125rem; line-height:1.2; margin:0 0 .5em 0; }

main p, main ul, main ol, main table { margin:0 0 1em 0; }
main p + ul { margin-top: -0.75em; }

main p, main label { -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto; }

aside span.page_title { font-size:2rem; line-height:1; padding:0; margin:0 0 1em 0; }

main ul li, main ol li { margin:0 0 .375em 1.75em; }
main ul { list-style:url('../Images/Layout/icons/bullet.svg'); }
main ul.no_bull { list-style:none; }

main a { color:#316095; border-bottom:1px solid #316095; }
main a:hover { color:#000; border-bottom:1px solid #000; }
main a.no-border { color:#316095; border-bottom:none; }
main a.no-border:hover { color:#000; border-bottom:none; }

main a.btn {
  display:inline-block;
  padding:.5em 1em;
  margin:.5em 0;
  background:#316095;
  color:#fff;
  border-bottom:none; 
  text-align:center;
  transition: background .35s ease;
}
main a.btn:hover { border-bottom:none; background:#000; color:#fff; }

main a.link_box {
  position: relative;
  display:block;
  width:100%;
  padding:.5em 1.5em .5em .5em;
  margin:.5em 0;
  color:#316095;
  border:1px solid #ccc;
  border-top:none; 
}
main a.link_box::after {
  position: absolute;
  content: '';
  width: .5em;
  height: .5em;
  border-width: 2px 0 0 2px;
  border-style: solid;
  right: .75em;
  transform: rotate(135deg) translate(0, -50%);
  transform-origin: top;
  top: 50%;
  transition: all .3s ease-out;
}
main a.link_box:hover { color:#000; }

main table { border-collapse:collapse; width:100%; }
main table caption, main table th { text-align:left; }
main table th, main table td { padding:.5em .5em .5em .25em; vertical-align:top; }
main table td { border-top:1px solid #ccc; border-bottom:1px solid #ccc; }

/* icons startpage */
.p-1 .cols { margin-bottom:0; }
.p-1 .cols .col { margin-bottom:1.25rem; padding-bottom:1.25rem; }

.home_teaser { position:relative; }
.home_teaser .title {
  position:absolute;
  bottom:-1em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border:1px solid #316095;
  padding:.375em;
  /*min-width:12.75em;*/
  min-width:18em;
}

.home_teaser svg { max-height:7em; }
.home_teaser.suche svg, .home_teaser.barauszahlung svg { max-height:12em; }

a.home_teaser_link { display:block; text-align:center; }
a.home_teaser_link h2 { color:#316095; transition:color .35s; font-size:1.375rem; line-height:1; margin:0; }
a.home_teaser_link:hover h2 { color:#000; }
a.home_teaser_link .text-small { font-size:1.125rem; line-height:1.2272; }

/* icons overview pages */
.p-17 .grid__area-navigation { background-image:url('../Images/Layout/illus_bereiche/illu_5_beitrag_content.svg'); }
.p-19 .grid__area-navigation { background-image:url('../Images/Layout/illus_bereiche/illu_3_insolvenz_content.svg'); }
.p-29 .grid__area-navigation,
.p-101 .grid__area-navigation,
.p-106 .grid__area-navigation,
.p-363 .grid__area-navigation { background-image:url('../Images/Layout/illus_bereiche/illu_1_suche_content.svg'); }
.p-31 .grid__area-navigation,
.p-108 .grid__area-navigation,
.p-109 .grid__area-navigation,
.p-369 .grid__area-navigation { background-image:url('../Images/Layout/illus_bereiche/illu_2_auszahlung_content.svg'); }
.p-86 .grid__area-navigation { background-image:url('../Images/Layout/illus_bereiche/illu_4_zuschuss_content.svg'); }
.p-87 .grid__area-navigation { background-image:url('../Images/Layout/illus_bereiche/illu_6_datenmeldung_content.svg'); }
.p-417 .grid__area-navigation { background-image:url('../Images/Layout/illus_bereiche/illu_7_ZAS_content.svg'); }

.p-17 .grid__area-navigation, .p-19 .grid__area-navigation, .p-29 .grid__area-navigation,
.p-101 .grid__area-navigation, .p-106 .grid__area-navigation, .p-363 .grid__area-navigation, .p-369 .grid__area-navigation, .p-31 .grid__area-navigation,
.p-108 .grid__area-navigation, .p-109 .grid__area-navigation, .p-86 .grid__area-navigation, .p-87 .grid__area-navigation, .p-417 .grid__area-navigation {
  background-repeat:no-repeat;
  /*background-size:33vw;*/
  background-size:9em;
  background-position:left 0 bottom 1em;
  /*min-height:33vh;*/
  padding-bottom: 7.5em;
}

/* steps overview pages */
.steps { margin-top:1em; }
.steps .step-number { line-height:0.7; color:#fff; }
.steps .step-text p { margin:0; }
.steps .alert { background:#fafafa; border:1px solid #316095; border-radius:4px; padding:.75em; margin:1em 0 0 0; }
.steps .alert p { margin:0; }

/* close icon */
.close a:before, .close a:after {
  position: absolute;
  right:12px;
  content:' ';
  height:30px;
  width:2px;
  background:#316095;
}
.close a:before { transform: rotate(45deg); }
.close a:after { transform: rotate(-45deg); }
.close a { position:relative; padding-right:30px; line-height:1.7; color:#999 !important; }
.close a:hover { color:#000 !important; }
.close a:hover:before, .close a:hover:after { background:#000; }

/* breadcrumbs */
.nav-bc { padding:0 0 1em 0; }
.nav-bc-l1 { color:#999; list-style:none; margin:0; padding:0; }
.nav-bc-l1__item { display:inline-block; }
a.nav-bc-l1__link { color:#999; border:none; }
a.nav-bc-l1__link:hover { color:#000; border:none; }
a.nav-bc-l1__link--cur, .nav-bc-l1__item--news { border:none; color:#316095; }
a.nav-bc-l1__link--cur:hover { border:none; }
.nav-bc-l1__sep { display:inline-block; margin:0 .25em; }
.nav-bc-l1__sep svg { width:1.25em; margin-bottom:.1875em; }
.nav-bc-l1__sep svg path { fill:#ccc; }

/* metismenu accordion */
.grid-accordion { margin:0 0 1.5em 0; }

.grid-accordion .accordion-item h3 {
  position:relative;
  padding:.5em 1.5em .5em 0;
  margin:0;
  cursor: pointer;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;  
  color:#000;
  transition:color .35s;
  font-size:1rem;
  line-height:1.3;
}
.grid-accordion .accordion-item.mm-active h3 { font-size:1.25rem; color:#316095; }
.grid-accordion .accordion-item:hover h3 { color:#316095; }
.grid-accordion .accordion-item .accordion-content .accordion-inner { padding:1.25em 0; }
.grid-accordion .accordion-item .accordion-content p:last-child,
.grid-accordion .accordion-item .accordion-content ul:last-child { margin-bottom:0; }

.grid-accordion .accordion-item svg.expand,
.grid-accordion .accordion-item svg.close {
  position: absolute;
  right:.25em;
  top:calc(50% - .75em);
  width:1.5em;
  height:1.5em;
  fill:#000;
}
.grid-accordion .accordion-item.mm-active svg { fill:#316095; }
.grid-accordion .accordion-item svg.close { display:none; }
.grid-accordion .accordion-item.mm-active h3 svg.expand { display:none; }
.grid-accordion .accordion-item.mm-active h3 svg.close { display:block; }

.grid-accordion .accordion-inner div header:first-child { display:none; }

/* gridelements */
.cols { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom:1em; }
.col { margin-bottom: 1rem; padding-bottom: 1rem; }
.col--80, .col--50, .col--33, .col--25, .col--20 { width:100%; }

.cols.cols-dir--reverse {
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse;
}

/* gridelements colored box */
.color-box { width:100%; padding:1em; margin:0 0 1em 0; border:1px solid #fff; }
.color-box.shadow { box-shadow: 5px 5px 8px 4px rgba(0,0,0,.1); }
.color-box.bg-default { background:#f2f3f3; }
.color-box.bg-primary { background:#dfedf6; }
.color-box.bg-secondary { background:pink; color:#fff; }

/* gridelements hint */
.hint { border:1px solid #316095; margin: 0 .5em; padding: 1em; text-align: center; }
.hint h2, .hint h3, .hint h4, .hint h5 { margin: 0 0 1em; }
.hint p:last-child { margin: 0; }

/* ext. news */
.news-list-view .article { margin:0 0 1.5em 0; padding:0 0 .75em 0; border-bottom:1px solid #999; }
.news-list-view .article:last-child { border-bottom:none; }
.news-list-view .teaser-text p { margin:0 0 .5em 0; }

.news-single .article .news-img-wrap { margin:0 0 1.5em 0; }
.news-single .article .news-img-wrap img { border:1px solid #eee; }
.news-single .article .footer span { display:inline-block; margin:0 0 .25em 0; }
.news-single .article ul.pager { margin:0 0 1em 0; padding:.25em 0 .125em 0; list-style:none; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }

.shariff { margin:1.5em 0; }
.shariff ul { padding-left:0; text-indent:0; }
.shariff ul li { padding:0; margin:0; }
.shariff ul li a, .shariff ul li a:hover { border-bottom:none; color:#fff; }

/* CE Linkbox */
.ce-linkbox { margin:0 0 1em 0; }

/* search input in lightbox */
#search {
  width:80vw;
  /*margin-top:10%;*/
  position:relative;
  background:none;
  padding:0;
  vertical-align:top;
}
#search form { margin:0; }
#search fieldset { padding:0; border:1px solid #316095; }
#search input[type="text"] { background:#fff; padding:1em 3em; border:none; width:100%; }
#search svg.search_icon { position:absolute; top:1em; left:.875em; }
#search .fancybox-close-small { right:.5em; top:.3125em; }
#search .fancybox-close-small svg path { fill:#316095; }

/* fancybox modal >> form hint */
#form-modal-content { border:1px solid #316095; border-radius:4px; max-width:40em; }
#form-modal-content p { font-size:120%; }

/* ext. ke_search */
.content #form_kesearch_pi1 fieldset { margin:0 0 1em 0; width:calc(100% - 4em); padding:1.5em 2em 1em 2em; }
.content #form_kesearch_pi1 label { display:inline-block; padding:0; }
.content #form_kesearch_pi1 svg { cursor:pointer; fill:#000; transition:fill .35s ease; }
.content #form_kesearch_pi1 svg:hover { fill:#666; }

.tx-kesearch-pi1 #kesearch_num_results { margin:1em 0 0 0; font-size:90%; }
.tx-kesearch-pi1 #kesearch_results { margin:.5em 0 1em 0; font-size:1.125rem; }
.tx-kesearch-pi1 #kesearch_results .result-list-item { clear:both; margin:0 0 .625em 0; padding:.625em 0 1.25em 0; border-bottom:1px solid #666; }
.tx-kesearch-pi1 #kesearch_results .result-title { display:inline-block; color:#666; margin:0 0 .3125em 0;}
.tx-kesearch-pi1 #kesearch_results .hit { color:coral; }

.tx-kesearch-pi1 .messsage { color:#d92a2c; margin:.625em 0; }
.tx-kesearch-pi1 .general-message { padding: .3125em; }
.tx-kesearch-pi1 .general-message .image { float:left; vertical-align: middle; margin-right: .625em; }

.tx-kesearch-pi1 #kesearch_pagebrowser_bottom { font-size:90%; text-align:left; word-wrap: break-word; color:#666; }
.tx-kesearch-pi1 #kesearch_pagebrowser_bottom .pages_total{ padding:.5em 0; margin-bottom:1em; }
.tx-kesearch-pi1 #kesearch_pagebrowser_bottom div.result_txt{ margin: 0 0 .3125em 0; }
.tx-kesearch-pi1 #kesearch_pagebrowser_bottom .kesearch_pagebrowser { margin:0 auto 0; }
.tx-kesearch-pi1 #kesearch_pagebrowser_bottom ul { padding:0; text-indent:0; }
.tx-kesearch-pi1 #kesearch_pagebrowser_bottom li { display:inline-block; background:none; padding:0; margin:0; }
.tx-kesearch-pi1 #kesearch_pagebrowser_bottom li:before { content:""; padding:0; }
.tx-kesearch-pi1 #kesearch_pagebrowser_bottom a { display:block; padding:0 1.25em 0 0; border-bottom:none; }
.tx-kesearch-pi1 #kesearch_pagebrowser_bottom a.current { color:#666; }

/* default styles for extension "tx_frontend" */
.ce-align-left { text-align: left; }
.ce-align-center { text-align: center; }
.ce-align-right { text-align: right; }
.ce-table td, .ce-table th { vertical-align: top; }

.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

.ce-left .ce-gallery, .ce-column { float: left; }
.ce-center .ce-outer { position: relative; float: right; right: 50%; }
.ce-center .ce-inner { position: relative; float: right; right: -50%; }
.ce-right .ce-gallery { float: right; }

.ce-gallery figcaption { color:#666; padding:.25em 0; }
.ce-gallery img { display:block; }
.ce-gallery iframe { border-width:0; }
.ce-border img, .ce-border iframe { border:1px solid #ccc; padding:0; }

.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery { margin-bottom: 1em; }
.hero .ce-gallery { margin-bottom:0; }

.ce-intext.ce-right .ce-gallery { margin-left: 1em; }
.ce-intext.ce-left .ce-gallery { margin-right: 1em; }
.ce-below .ce-gallery { margin-top: 1em; }

.ce-column { margin-right: 1em; }
.ce-column:last-child { margin-right:0; }

.ce-row { margin-bottom: 1em; }
.ce-row:last-child { margin-bottom:0; }

.ce-above .ce-bodytext { clear:both; }

.ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left:2.5em; overflow:auto; }

/* Uploads */
ul.ce-uploads { margin:0 0 1.5em 0; }
ul.ce-uploads li { position:relative; border:1px solid #ccc; border-top:none; padding:.5em; margin:0; }
ul.ce-uploads li svg { position:absolute; right:.5em; top:calc(50% - 0.5em); fill:#316095; transition:fill .35s; }
ul.ce-uploads li:hover svg { fill:#000; }
ul.ce-uploads li a, ul.ce-uploads li a:hover { display:block; border-bottom:none; }
ul.ce-uploads li span.ce-uploads-fileName { font-weight:700; display:inline-block; }
ul.ce-uploads li span.ce-uploads-description, 
ul.ce-uploads li span.ce-uploads-filesize { display:inline-block; color:#316095; padding-left:.125em; }

/* Table */
.ce-table { width: 100%; max-width: 100%; }
.ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
.ce-table thead th { border-bottom: 2px solid #dadada; }
.ce-table th, .ce-table td { border-top: 1px solid #dadada; }
.ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
.ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

/* special CE layout styles */
.frame-space-before-single { margin-top:1em !important; }
.frame-space-before-double { margin-top:2em !important; }
.frame-space-after-single { margin-bottom:1em !important; }
.frame-space-after-double { margin-bottom:2em !important; }

/* gallery responsive */
.ce-gallery, .ce-column { float:left; }
.ce-gallery { width: 100%; }
.ce-gallery .ce-column { box-sizing: border-box; margin-right: 2%; padding: 0; }
.ce-gallery .ce-column:last-child { margin-right: 0; }
.ce-gallery[data-ce-columns="1"] .ce-column { width: 100%; margin-bottom:0; }
.ce-gallery[data-ce-columns="2"] .ce-column { width: 49%; margin-bottom:0; }
.ce-gallery[data-ce-columns="3"] .ce-column { width: 32%; margin-bottom:0; }
.ce-gallery[data-ce-columns="4"] .ce-column { width: 23.5%; margin-bottom:0; }
.ce-textpic.ce-left.ce-intext .ce-gallery { width:auto; float:left; margin:.25em 1.5em 1em 0; }
.ce-textpic.ce-right.ce-intext .ce-gallery { width:33.33%; float:right; margin:.25em 0 1em 1.5em; }

/* video embed via CE text + media */
.embed-container { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%; }
.embed-container iframe, .embed-container object, .embed-container embed, .embed-container video { position:absolute; top:0; left:0; width:100%; height:100%; border:none; }

/* forms */
form { margin:0 0 1em 0; }
form fieldset { padding:1em; background:#f2f3f3; }
form legend { display:none; }
label { display:block; line-height:1.25; }
input[type="submit"], input[type="button"], button { border-radius:4px; }

input[type="text"], input[type="email"], input[type="tel"], input[type="date"],
input[type="password"], input[type="search"], textarea {
  box-sizing:border-box;
  padding:.5em .75em;
  margin:0;
  color:#000;
  background:#fff;
  border:1px solid #999;
  width:100%;
  transition:border .25s ease-in-out;
  outline: none;
}
textarea { min-height:5em; }

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="date"]:focus,
input[type="password"]:focus, input[type="search"]:focus, textarea:focus { border:1px solid #316095; }

input[type="submit"], button[type="submit"] {
  padding:.5em 1.5em;
  margin:1em 0 0 0;
  background:#316095;
  color:#fff;
  border:0 none;
  border-radius:4px;  
  cursor:pointer;
  transition: background .25s ease-in-out;
  outline: none;
}
input[type="submit"].btn-back, button[type="submit"].btn-back { background:#cc0f35; }
input[type="submit"]:hover, button[type="submit"]:hover,
input[type="submit"].btn-back:hover, button[type="submit"].btn-back:hover { background:#000; }

/* input placeholder colors */
::-webkit-input-placeholder { color:#c1c1c1; }
::-moz-placeholder { color:#c1c1c1; }
:-ms-input-placeholder { color:#c1c1c1; }
:-moz-placeholder { color:#c1c1c1; }
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }

/* ext. powermail */
.tx-powermail h3 { display:none; }
.tx-powermail .powermail_fieldwrap { margin:0 0 1em 0; }
.tx-powermail .parsley-errors-list { font-size:1rem; margin:.25em 0; padding:0; color:#e62828; list-style:none; }
.tx-powermail .parsley-errors-list li { margin:0; }
.tx-powermail input.parsley-error {}
.tx-powermail .powermail_confirmation h1 { font-size:1.375rem; }
.tx-powermail .powermail_confirmation input[type="submit"].btn-danger { font-size:.875rem; background:#999; }

.typo3-messages { margin:0; padding:0; }
.typo3-messages li { list-style:none; }
.typo3-messages li.alert-success { background:#81c784; color:#fff; padding:1em 1em .125em 1em; }

/* ext. klinkfiledownloads */
.tx-klinkfiledownloads p { margin:0 0 .5em 0; }
.tx-klinkfiledownloads label { color:#666; }
.tx-klinkfiledownloads .select { margin:0 0 .5em 0; }
.tx-klinkfiledownloads .select select { border-radius:0 !important; border-color:#999; height:2.25em; }
.tx-klinkfiledownloads ul.ce-uploads { margin:.5em 0; background:#fff; border-top:1px solid #ccc; }
.tx-klinkfiledownloads ul.ce-uploads li { padding:.625em; margin-bottom:.75em; }
.tx-klinkfiledownloads div.alert { display:inline-block; background:#cc0f35; color:#fff; }

.tx-klinkfiledownloads .two_col { display:-webkit-box; display:-ms-flexbox; display:flex; gap:1rem; }
.tx-klinkfiledownloads .two_col > div { -webkit-box-flex:1; -ms-flex:1; flex:1; }
.tx-klinkfiledownloads .two_col a.link_box { padding:.625em 1.5em .625em .5em; border:1px solid #ccc; background:#fff; }
.tx-klinkfiledownloads .two_col a.link_box:hover { color:#000; }

/* ext. klinkfiledownloads >> pdf form SF5 / SF6 */
.tx-klinkfiledownloads form.pdfform.sf5 fieldset { background:#fff8e8; color:#316095; margin:2em 0; }
.tx-klinkfiledownloads form.pdfform.sf6 fieldset { background:#f5f8ef; color:#316095; margin:2em 0; }
.tx-klinkfiledownloads form.pdfform.sf5 label,
.tx-klinkfiledownloads form.pdfform.sf6 label { color:#316095; }
.tx-klinkfiledownloads form.pdfform.sf5 label .material-icons-outlined,
.tx-klinkfiledownloads form.pdfform.sf6 label .material-icons-outlined { vertical-align:text-top; }

.tx-klinkfiledownloads form.pdfform .select { margin:0; }
.tx-klinkfiledownloads form.pdfform .select select:not([multiple]) { padding-right:2em; }
.tx-klinkfiledownloads form.pdfform .select.fw, .tx-klinkfiledownloads form.pdfform .select.fw select { width:100%; }
.tx-klinkfiledownloads form.pdfform span.date-dot { padding:0 .125em; line-height:2.25; font-weight:700; }

.tx-klinkfiledownloads form.pdfform .row {
  margin:.5em 0;
  padding:1em 0 .5em 0;
  border-top: 1px dotted #316095;
}
.tx-klinkfiledownloads form.pdfform .row.no-border { padding:0; margin:0 0 1em 0; border-top:none; }
.tx-klinkfiledownloads form.pdfform .row .sub-title { width:100%; margin:0 0 1em 0; font-weight:700; }
.tx-klinkfiledownloads form.pdfform .col { margin-bottom:0; padding-bottom:0; }
.tx-klinkfiledownloads form.pdfform .col p { font-size:1rem; }
.tx-klinkfiledownloads form.pdfform .col.title { margin:0 0 .5em 0; }
.tx-klinkfiledownloads form.pdfform .icon { margin:.5em 0 0 0; }
.tx-klinkfiledownloads form.pdfform .icon svg { fill:#316095; width:1.75em; height:1.75em; }
.tx-klinkfiledownloads form.pdfform .col.choice.grow-left { margin:0 0 1em 0; }
.tx-klinkfiledownloads form.pdfform .col.choice.grow-right { margin:1em 0 0 0; }

/* ext. klinkfiledownloads >> errors, check, finish */
.tx-klinkfiledownloads form.pdfform div.alert.alert-error { padding:.125em .25em; }
.tx-klinkfiledownloads form.pdfform input.alert.alert-error { border:1px solid #cc0f35; }
.tx-klinkfiledownloads div#warningDownload { padding:1em 1em .5em 1em; border:3px double #fff; }
.tx-klinkfiledownloads div.check-finish h4, .tx-klinkfiledownloads div.check-finish p { margin:0 0 1em 0; }
.tx-klinkfiledownloads div.check-finish .intro { color:#316095; margin:2em 0; }
.tx-klinkfiledownloads div.check-finish .check-icon { display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.tx-klinkfiledownloads div.check-finish .check-icon img { width:5.875em; margin:0 1.25em 0 0; }
.tx-klinkfiledownloads div.check-finish button[type="submit"] { width:12.5em; margin:.5em 0 0 0; }
.tx-klinkfiledownloads div.check-finish div#warningDownload { border:1px solid #000; color:#fff; background:#cc0f35; text-align:center; font-weight:700; padding:1em; margin:0 0 2em 0; }

/*
* hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/burgers
*/

.burger {
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  overflow: visible;
  padding:5px;
  margin-right:-5px;
}

.burger-box {
  width:40px;
  height:28px;
  display: inline-block;
  position: relative;
}

.burger-inner {
  display: block;
  top: 50%;
  margin:2px 0 0 0;
}

.burger-inner, .burger-inner::before, .burger-inner::after {
  width: 40px;
  height: 3px;
  background-color:#316095;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.burger-inner::before, .burger-inner::after {
  content: "";
  display: block;
}
.burger-inner::before { top: -11px; }
.burger-inner::after { bottom: -11px; }

.burger:hover .burger-inner, .burger:hover .burger-inner::before,
.burger:hover .burger-inner::after { background-color:#000; }

body.off-menu_open .burger .burger-inner,
body.off-menu_open .burger .burger-inner::before,
body.off-menu_open .burger .burger-inner::after { background-color:#fff; }
body.off-menu_open .burger:hover .burger-inner,
body.off-menu_open .burger:hover .burger-inner::before,
body.off-menu_open .burger:hover .burger-inner::after { background-color:#ccc; }

/* spin animation */
.burger--spin .burger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.burger--spin .burger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.burger--spin .burger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

/* burger if nav open */
body.off-menu_open .burger--spin .burger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
body.off-menu_open .burger--spin .burger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
body.off-menu_open .burger--spin .burger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* off-canvas opened */
body.off-menu_open,
body.off-menu_open .fixed-header { background:#316095; transition:background .15s ease-in-out; }
body.off-menu_open .fixed-header .logo svg .st0,
body.off-menu_open .fixed-header .logo svg .st1 { fill:#fff; transition:fill .15s; }

/* dont scroll content if nav open */
body.off-menu_open { overflow:hidden; }

/* off-canvas nav */
#off-menu {
  overflow-y: scroll;
  display:none;
  position:fixed;
  background:#316095;
  z-index:20;
  width:100%;
  min-width:20em;
  top:4em;
  left: 0;
  right: 0;
  /* https://stackoverflow.com/questions/18894400/how-can-i-make-the-contents-of-a-fixed-element-scrollable-only-when-it-exceeds-t */
  max-height:calc(100% - 4em);
}
#off-menu .wrapper { margin:0 3vw 3vw 3vw; background:#f2f3f3; min-height:calc(100vh - 4em - 3vw); }
#off-menu h2, #off-menu h3 { font-size:1.3125rem; margin:0; }  

/* cookie consent */
.cc-window, .cc-revoke { z-index:10; }
.cc-window { line-height:1.4; }
.cc-link { padding:0 !important; opacity:1; color:#316095 !important; border-bottom:1px solid #316095; text-decoration:none !important; }
.cc-link:hover { color:#333 !important; border-bottom:1px solid #333; }
.cc-window .dp--cookie-check { justify-content:space-evenly; border:1px solid #316095; margin-top:1em; }
.cc-window .dp--cookie-check label { display:flex; align-items:center; }
.cc-window .dp--cookie-check .dp--check-box { width:1.0625em; height:1.0625em; margin-right:.25em; }
.cc-compliance a.cc-btn { transition:all .25s; }
.cc-compliance a.cc-btn.cc-allow-all:hover { background-color:#222 !important; color:#fff; }
.cc-compliance a.cc-btn:hover { color:#222; }

/* Helper classes */
.hidden{ display:none!important; }
.md-visible { display:inline-block; }
.md-hidden { display:none; }
.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
.sr-only.focusable:active,.sr-only.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;white-space:inherit;width:auto}
.invisible{visibility:hidden}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}

/* ==========================================================================
   fluid font sizes
   ========================================================================== */

@media (min-width: 48em) {
  aside span.page_title {
    font-size: calc(2rem + ((1vw - 0.48rem) * 2.7777));
    /* Where: 2.7777 = 100 * font-size_difference / viewport_width_difference */
    min-height: 0vw;
  }
  .metismenu > li.mm-level-1 > a {
    font-size: calc(1.75rem + ((1vw - 0.48rem) * 1.9097));
    /* Where: 2.0833 = 100 * font-size_difference / viewport_width_difference */
    min-height: 0vw;
  }
  .grid-container.off-menu .metismenu li a {
    padding-left: calc(1.75rem + ((1vw - 0.48rem) * 1.9097));
    /* Where: 2.0833 = 100 * font-size_difference / viewport_width_difference */
    min-height: 0vw;
  }  
  .steps .step-number {
    font-size: calc(2rem + ((1vw - 0.48rem) * 11.1111));
    /* Where: 11.1111 = 100 * font-size_difference / viewport_width_difference */
    min-height: 0vw;
  }   
}
/* Prevent scaling beyond this breakpoint */
@media (min-width: 120em) {
  aside span.page_title { font-size:4rem; }
  .metismenu > li.mm-level-1 > a { font-size: 3.125rem; }
  .grid-container.off-menu .metismenu li a { padding-left:3.125rem; }
  .steps .step-number { font-size: 10rem; }
}

/* ==========================================================================
   Queries for larger screens.
   ========================================================================== */

/* Larger than mobile screen (768px) */
@media only screen and (min-width: 48em) {

  .md-visible { display:none; }
  .md-hidden { display:inline-block; }

  /* gridelements */
  .cols { margin-bottom: 2em; }  
  .col { margin-bottom: 0; padding-bottom: 0; }
  .col--80 { width: 80%; }
  .col--50 { width: 48.5%; }
  .col--33 { width: 31.3333%; }
  .col--25 { width: 23.5%; }
  .col--20 { width: 18.5%; }

  .cols.cols-dir--reverse {
    flex-wrap:wrap;    
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
  }
  .col.col--equal_height { display:flex; }

  a.home_teaser_link { text-align:left; }

  aside.grid__area-navigation span.page_title { width:100%; }
  aside.grid__area-navigation span.page_title br { display:block; }

  .grid__area-main.two_col .content .level-up.close span { display:inline-block; }
  
  .vcard .text-small { font-size:80%; }

}

/* Larger than mobile screen (960px) */
@media only screen and (min-width: 60em) {  

  .fixed-header, .fixed-header .inner { height:8.125em; }
  .fixed-header .inner { margin:0 2.5em; }
  .fixed-header .logo svg { height:50px; }

  .fixed-header .header-lang { display:block; flex:2 1 auto; text-align:right; margin:0 1em 0 0;  }
  .fixed-header .header-lang ul li { display:inline-block; margin:0 .5em 0 0; border:1px solid #316095; line-height:1.6; width:2em; text-align:center; }
  .fixed-header .header-lang ul li a { display:block; color:#316095; transition:all .35s; }
  .fixed-header .header-lang ul li:hover { border:1px solid #000; }
  .fixed-header .header-lang ul li.active { display:none; }
  .fixed-header .header-lang ul li.passive { color:#999; border:1px solid #999; text-decoration:line-through; }
  body.off-menu_open .fixed-header .header-lang { display:none; }

  a.anchor_offset { top:-8.125em; }

  .pos-relative { position:relative; }
  .pos-sticky { position:sticky; top:8.125em; align-self:flex-start; }

  .content { padding:2.5em 0; }
  .aside-left, .aside-right { padding:3.125em 3.125em 0 3.125em; margin:0; }

  .grid__area-main.two_col .content > div.narrow { width:66.66%; }

  #off-menu { top:8.125em; max-height:calc(100% - 8.125em); }
  #off-menu .wrapper { margin:0 2.5em 2.5em 2.5em; min-height:calc(100vh - 10.625em); }

  #search { width:50vw; }

  /* css grid */
  /*
  * Prefixed by https://autoprefixer.github.io
  * PostCSS: v7.0.29,
  * Autoprefixer: v9.7.6
  * Browsers: last 4 version
  */

  /* css grid content cols */
  .grid-container.content_cols {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 8.125em 1fr;
    grid-template-rows: 8.125em 1fr;
        grid-template-areas:
      "header"
      "main";
    min-height:100vh;
    margin:0;
  }

  .grid__area-main.two_col,
  .grid__area-main.three_col {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    grid-area: main;
    margin:0;
  }
  .grid__area-main.two_col {
    -ms-grid-columns: 33vw 67vw;
    grid-template-columns: 33vw 67vw;
        grid-template-areas:
      "navigation content";
  }
  .grid__area-main.three_col {
    -ms-grid-columns: 33vw 45vw 22vw;
    grid-template-columns: 33vw 45vw 22vw;
        grid-template-areas:
      "navigation content sidebar";
  }  

  .grid__area-header { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: header; }
  .grid__area-navigation { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: navigation; margin:0 0 0 2.5em; }
  .grid__area-content { -ms-grid-row: 1; -ms-grid-column: 2; grid-area: content; margin:0 2.5em; border-top:1px solid #ccc; }
  .grid__area-sidebar { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: sidebar; margin:0 2.5em 0 0; }

  .grid__area-navigation .fixed-footer,
  .grid__area-content .fixed-footer,
  .grid__area-sidebar .fixed-footer { display:block; position:fixed; top:calc(100vh - 2.5em); width:calc(33vw - 2.5em); height:2.5em; }
  .grid__area-sidebar .fixed-footer { width:calc(22vw - 2.5em); }
  .grid__area-content .fixed-footer { width:calc(67vw - 2.5em); }

  .grid__area-content.overview { border-top:none; margin:0 2.5em 0 0; }
  .grid__area-content.overview .content { padding:2.5em; width:66.66%; }
  .p-1 .grid__area-content.overview .content { width:100%; }
 
  /* grid offcanvas-menu */
  .grid-container.off-menu {
    display: -ms-grid;
    display: grid;
    grid-template-columns: 30% 30% 40%;
    -ms-grid-rows: auto 1fr auto;
    grid-template-rows: auto 1fr auto;
    gap: 0px 0px;
    min-height:calc(100vh - 10.625em);
  }
  .grid-container.off-menu .off-menu-01 {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1 / 4;
  }
  .grid-container.off-menu .off-menu-02 {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1 / 4;
  }  
  .grid-container.off-menu .off-menu-03 {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 1;
    grid-row: 1;
  }
  .grid-container.off-menu .off-menu-04 {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 2;
    grid-row: 2;
  }
  .grid-container.off-menu .off-menu-05 {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 3;
    grid-row: 3;
  }
  .grid-container.off-menu .off-menu-01 .inner { margin:3.125em; }
  .grid-container.off-menu .off-menu-02 .inner { margin:3.125em 3.125em 3.125em 0; }
  .grid-container.off-menu .off-menu-03 .inner { margin:3.125em 3.125em 0 3.125em; margin-left:20%; } 
  .grid-container.off-menu .off-menu-04 .inner { margin-top:3.125em; margin-left:20%; } 
  .grid-container.off-menu .off-menu-05 .inner { margin:0 3.125em 3.125em 3.125em; margin-left:20%; } 

  .metismenu > li.mm-level-1 { margin:0 0 1.75em 0; }
  .metismenu .has-arrow:before, .metismenu .has-arrow:after { width:3px; }

  /* icons startpage */
  .p-1 .col--50 { width:45%; }
  .p-1 .col--50:first-child { margin-right:5%; }
  .p-1 .cols { margin-bottom:3.125em; justify-content:flex-start; }
  .p-1 .cols .col { margin-bottom:0; padding-bottom:0; }

  .home_teaser .title { /*min-width:16em;*/ min-width:16em; }
  .home_teaser svg { max-height:11em; }
  .home_teaser.suche svg, .home_teaser.barauszahlung svg { max-height:18em; }

  /* icons overview pages */
  .p-17 .grid__area-navigation, .p-19 .grid__area-navigation, .p-29 .grid__area-navigation,
  .p-101 .grid__area-navigation, .p-106 .grid__area-navigation, .p-363 .grid__area-navigation, .p-369 .grid__area-navigation, .p-31 .grid__area-navigation,
  .p-108 .grid__area-navigation, .p-109 .grid__area-navigation, .p-86 .grid__area-navigation, .p-87 .grid__area-navigation, .p-417 .grid__area-navigation {
    background-repeat:no-repeat;
    background-size:16em;
    /*background-position:2.5em 30vh;*/
    background-position:2.5em 12.5em;
    background-attachment:fixed;
  }

  .grid__area-main.two_col .content .level-up.close { top:2.5em; right:0; }

  .grid-container.off-menu .metismenu li.mm-level-2 a {
    padding-left: 0;
  }

  .meta .nav_lang ul li { margin:0 .75em .25em 0; }

  label { padding:.5em 0; }
  .tx-klinkfiledownloads form.pdfform .select select:not([multiple]) { padding-right:2.5em; }
  .tx-klinkfiledownloads form.pdfform .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: auto;
        -ms-flex-align: auto;
            align-items: auto;
    -ms-flex-line-pack: start;
        align-content: start;
  }
  .tx-klinkfiledownloads form.pdfform .col.title { width:30%; margin:0; }
  .tx-klinkfiledownloads form.pdfform .col.choice { -webkit-box-flex:1; -ms-flex:1; flex:1; }
  .tx-klinkfiledownloads form.pdfform .col.choice.grow-left,
  .tx-klinkfiledownloads form.pdfform .col.choice.grow-right { -webkit-box-flex:4; -ms-flex:4; flex:4; margin:0; }
  .tx-klinkfiledownloads form.pdfform .col.choice.grow-left { margin-right:1%; }
  .tx-klinkfiledownloads form.pdfform .col.choice.grow-right { margin-left:1%; }
  
  .vcard .tel-text { display:inline; }

}

/* Larger than mobile screen (1280px) */
@media only screen and (min-width: 80em) {

  /* icons startpage */
  .p-1 .col--50 { width:40%; }

  /* breadcrumbs */
  .nav-bc-l1 { font-size:1.0625rem; }

  /* content */
  main h1 { font-size:2rem; }
  main h2 { font-size:1.625rem; }
  main h3 { font-size:1.5rem; }
  main h4 { font-size:1.25rem; }
  main p, main ul, main ol, main table { font-size:1.125rem; line-height:1.3636; margin:0 0 1.25em 0; }
  main p, main label { -webkit-hyphens:none; -ms-hyphens:none; hyphens:none; }

  .home_teaser .title { min-width:20em; }
  a.home_teaser_link h2 { font-size:1.5rem; }
  a.home_teaser_link .text-small { font-size:1.25rem; }

  .grid-accordion .accordion-item h3 { font-size:1.25rem; }
  .grid-accordion .accordion-item.mm-active h3 { font-size:1.5rem; }

  #off-menu h2 { font-size:2.5rem; line-height:1.1; }
  #off-menu h3 { font-size:1.875rem; }    
  #off-menu p, #off-menu ul, #off-menu .vcard, #off-menu .privacy-policy { font-size:1.375rem; line-height:1.3636; }

  aside.grid__area-navigation span.page_title { margin:0 0 1.5625em 0; }
  aside.grid__area-navigation p { font-size:1.75rem; line-height:1.2857; }

  .grid__area-main.two_col .content .level-up.close { right:3.125em; }

  .grid-container.off-menu { grid-template-columns: 34% 34% 32%; }
  .grid-container.off-menu .off-menu-03 .inner, 
  .grid-container.off-menu .off-menu-04 .inner, 
  .grid-container.off-menu .off-menu-05 .inner { margin-left:0%; }

  /*
  .grid-container.off-menu .metismenu li.mm-level-2 a {
    padding-left: calc(1.75rem + ((1vw - 0.48rem) * 1.9097));
  }
  */
  
  .meta .nav_meta ul li a { width:4em; }
  .tx-klinkfiledownloads .two_col a.link_box { font-size: 1.125rem; line-height: 1.3636; }

}


/* Larger than mobile screen (1536px) */
@media only screen and (min-width: 96em) {
  .vcard .tel-text { display:block; }
}

/* ==========================================================================
   Print styles.
   ========================================================================== */

@media print {

  *,:after,:before{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
  a,a:visited{text-decoration:underline}
  a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}
  a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
  pre{white-space:pre-wrap!important}
  blockquote,pre{border:1px solid #666;page-break-inside:avoid}
  thead{display:table-header-group}
  img,tr{page-break-inside:avoid}
  h2,h3,p{orphans:3;widows:3}
  h2,h3{page-break-after:avoid}

}