@charset "UTF-8";
/**
 * socialnet
 *
 * default screen stylesheet
 *
 * @copyright       Copyright 2020, socialnet GmbH Bonn
 * @link            https://www.socialnet.de
 * @lastmodified    2020-06-06 10:25:09
 */
@import url(normalize.css);
@import url(all.min.css);
/* lato-700 - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../webfonts/lato-v17-latin-700.eot"); /* IE9 Compat Modes */
  src: local("Lato Bold"), local("Lato-Bold"), url("../webfonts/lato-v17-latin-700.eot?#iefix") format("embedded-opentype"), url("../webfonts/lato-v17-latin-700.woff2") format("woff2"), url("../webfonts/lato-v17-latin-700.woff") format("woff"), url("../webfonts/lato-v17-latin-700.ttf") format("truetype"), url("../webfonts/lato-v17-latin-700.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-700italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("../webfonts/lato-v17-latin-700italic.eot"); /* IE9 Compat Modes */
  src: local("Lato Bold Italic"), local("Lato-BoldItalic"), url("../webfonts/lato-v17-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../webfonts/lato-v17-latin-700italic.woff2") format("woff2"), url("../webfonts/lato-v17-latin-700italic.woff") format("woff"), url("../webfonts/lato-v17-latin-700italic.ttf") format("truetype"), url("../webfonts/lato-v17-latin-700italic.svg#Lato") format("svg"); /* Legacy iOS */
}
/* roboto-100 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("../webfonts/roboto-v20-latin-100.eot"); /* IE9 Compat Modes */
  src: local("Roboto Thin"), local("Roboto-Thin"), url("../webfonts/roboto-v20-latin-100.eot?#iefix") format("embedded-opentype"), url("../webfonts/roboto-v20-latin-100.woff2") format("woff2"), url("../webfonts/roboto-v20-latin-100.woff") format("woff"), url("../webfonts/roboto-v20-latin-100.ttf") format("truetype"), url("../webfonts/roboto-v20-latin-100.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-100italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("../webfonts/roboto-v20-latin-100italic.eot"); /* IE9 Compat Modes */
  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url("../webfonts/roboto-v20-latin-100italic.eot?#iefix") format("embedded-opentype"), url("../webfonts/roboto-v20-latin-100italic.woff2") format("woff2"), url("../webfonts/roboto-v20-latin-100italic.woff") format("woff"), url("../webfonts/roboto-v20-latin-100italic.ttf") format("truetype"), url("../webfonts/roboto-v20-latin-100italic.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../webfonts/roboto-v20-latin-300.eot"); /* IE9 Compat Modes */
  src: local("Roboto Light"), local("Roboto-Light"), url("../webfonts/roboto-v20-latin-300.eot?#iefix") format("embedded-opentype"), url("../webfonts/roboto-v20-latin-300.woff2") format("woff2"), url("../webfonts/roboto-v20-latin-300.woff") format("woff"), url("../webfonts/roboto-v20-latin-300.ttf") format("truetype"), url("../webfonts/roboto-v20-latin-300.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("../webfonts/roboto-v20-latin-300italic.eot"); /* IE9 Compat Modes */
  src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url("../webfonts/roboto-v20-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../webfonts/roboto-v20-latin-300italic.woff2") format("woff2"), url("../webfonts/roboto-v20-latin-300italic.woff") format("woff"), url("../webfonts/roboto-v20-latin-300italic.ttf") format("truetype"), url("../webfonts/roboto-v20-latin-300italic.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../webfonts/roboto-v20-latin-regular.eot"); /* IE9 Compat Modes */
  src: local("Roboto"), local("Roboto-Regular"), url("../webfonts/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("../webfonts/roboto-v20-latin-regular.woff2") format("woff2"), url("../webfonts/roboto-v20-latin-regular.woff") format("woff"), url("../webfonts/roboto-v20-latin-regular.ttf") format("truetype"), url("../webfonts/roboto-v20-latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../webfonts/roboto-v20-latin-italic.eot"); /* IE9 Compat Modes */
  src: local("Roboto Italic"), local("Roboto-Italic"), url("../webfonts/roboto-v20-latin-italic.eot?#iefix") format("embedded-opentype"), url("../webfonts/roboto-v20-latin-italic.woff2") format("woff2"), url("../webfonts/roboto-v20-latin-italic.woff") format("woff"), url("../webfonts/roboto-v20-latin-italic.ttf") format("truetype"), url("../webfonts/roboto-v20-latin-italic.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../webfonts/roboto-v20-latin-500.eot"); /* IE9 Compat Modes */
  src: local("Roboto Medium"), local("Roboto-Medium"), url("../webfonts/roboto-v20-latin-500.eot?#iefix") format("embedded-opentype"), url("../webfonts/roboto-v20-latin-500.woff2") format("woff2"), url("../webfonts/roboto-v20-latin-500.woff") format("woff"), url("../webfonts/roboto-v20-latin-500.ttf") format("truetype"), url("../webfonts/roboto-v20-latin-500.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../webfonts/roboto-v20-latin-500italic.eot"); /* IE9 Compat Modes */
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("../webfonts/roboto-v20-latin-500italic.eot?#iefix") format("embedded-opentype"), url("../webfonts/roboto-v20-latin-500italic.woff2") format("woff2"), url("../webfonts/roboto-v20-latin-500italic.woff") format("woff"), url("../webfonts/roboto-v20-latin-500italic.ttf") format("truetype"), url("../webfonts/roboto-v20-latin-500italic.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../webfonts/roboto-v20-latin-700.eot"); /* IE9 Compat Modes */
  src: local("Roboto Bold"), local("Roboto-Bold"), url("../webfonts/roboto-v20-latin-700.eot?#iefix") format("embedded-opentype"), url("../webfonts/roboto-v20-latin-700.woff2") format("woff2"), url("../webfonts/roboto-v20-latin-700.woff") format("woff"), url("../webfonts/roboto-v20-latin-700.ttf") format("truetype"), url("../webfonts/roboto-v20-latin-700.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("../webfonts/roboto-v20-latin-700italic.eot"); /* IE9 Compat Modes */
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("../webfonts/roboto-v20-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../webfonts/roboto-v20-latin-700italic.woff2") format("woff2"), url("../webfonts/roboto-v20-latin-700italic.woff") format("woff"), url("../webfonts/roboto-v20-latin-700italic.ttf") format("truetype"), url("../webfonts/roboto-v20-latin-700italic.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../webfonts/roboto-v20-latin-900.eot"); /* IE9 Compat Modes */
  src: local("Roboto Black"), local("Roboto-Black"), url("../webfonts/roboto-v20-latin-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/roboto-v20-latin-900.woff2") format("woff2"), url("../webfonts/roboto-v20-latin-900.woff") format("woff"), url("../webfonts/roboto-v20-latin-900.ttf") format("truetype"), url("../webfonts/roboto-v20-latin-900.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-900italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("../webfonts/roboto-v20-latin-900italic.eot"); /* IE9 Compat Modes */
  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url("../webfonts/roboto-v20-latin-900italic.eot?#iefix") format("embedded-opentype"), url("../webfonts/roboto-v20-latin-900italic.woff2") format("woff2"), url("../webfonts/roboto-v20-latin-900italic.woff") format("woff"), url("../webfonts/roboto-v20-latin-900italic.ttf") format("truetype"), url("../webfonts/roboto-v20-latin-900italic.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* open-sans-300 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: url("../webfonts/open-sans-v34-latin_latin-ext-300.eot"); /* IE9 Compat Modes */
  src: url("../webfonts/open-sans-v34-latin_latin-ext-300.eot?#iefix") format("embedded-opentype"), url("../webfonts/open-sans-v34-latin_latin-ext-300.woff2") format("woff2"), url("../webfonts/open-sans-v34-latin_latin-ext-300.woff") format("woff"), url("../webfonts/open-sans-v34-latin_latin-ext-300.ttf") format("truetype"), url("../webfonts/open-sans-v34-latin_latin-ext-300.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-300italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300;
  src: url("../webfonts/open-sans-v34-latin_latin-ext-300italic.eot"); /* IE9 Compat Modes */
  src: url("../webfonts/open-sans-v34-latin_latin-ext-300italic.eot?#iefix") format("embedded-opentype"), url("../webfonts/open-sans-v34-latin_latin-ext-300italic.woff2") format("woff2"), url("../webfonts/open-sans-v34-latin_latin-ext-300italic.woff") format("woff"), url("../webfonts/open-sans-v34-latin_latin-ext-300italic.ttf") format("truetype"), url("../webfonts/open-sans-v34-latin_latin-ext-300italic.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-regular - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../webfonts/open-sans-v34-latin_latin-ext-regular.eot"); /* IE9 Compat Modes */
  src: url("../webfonts/open-sans-v34-latin_latin-ext-regular.eot?#iefix") format("embedded-opentype"), url("../webfonts/open-sans-v34-latin_latin-ext-regular.woff2") format("woff2"), url("../webfonts/open-sans-v34-latin_latin-ext-regular.woff") format("woff"), url("../webfonts/open-sans-v34-latin_latin-ext-regular.ttf") format("truetype"), url("../webfonts/open-sans-v34-latin_latin-ext-regular.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: url("../webfonts/open-sans-v34-latin_latin-ext-italic.eot"); /* IE9 Compat Modes */
  src: url("../webfonts/open-sans-v34-latin_latin-ext-italic.eot?#iefix") format("embedded-opentype"), url("../webfonts/open-sans-v34-latin_latin-ext-italic.woff2") format("woff2"), url("../webfonts/open-sans-v34-latin_latin-ext-italic.woff") format("woff"), url("../webfonts/open-sans-v34-latin_latin-ext-italic.ttf") format("truetype"), url("../webfonts/open-sans-v34-latin_latin-ext-italic.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-500 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  src: url("../webfonts/open-sans-v34-latin_latin-ext-500.eot"); /* IE9 Compat Modes */
  src: url("../webfonts/open-sans-v34-latin_latin-ext-500.eot?#iefix") format("embedded-opentype"), url("../webfonts/open-sans-v34-latin_latin-ext-500.woff2") format("woff2"), url("../webfonts/open-sans-v34-latin_latin-ext-500.woff") format("woff"), url("../webfonts/open-sans-v34-latin_latin-ext-500.ttf") format("truetype"), url("../webfonts/open-sans-v34-latin_latin-ext-500.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-500italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 500;
  src: url("../webfonts/open-sans-v34-latin_latin-ext-500italic.eot"); /* IE9 Compat Modes */
  src: url("../webfonts/open-sans-v34-latin_latin-ext-500italic.eot?#iefix") format("embedded-opentype"), url("../webfonts/open-sans-v34-latin_latin-ext-500italic.woff2") format("woff2"), url("../webfonts/open-sans-v34-latin_latin-ext-500italic.woff") format("woff"), url("../webfonts/open-sans-v34-latin_latin-ext-500italic.ttf") format("truetype"), url("../webfonts/open-sans-v34-latin_latin-ext-500italic.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-600 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url("../webfonts/open-sans-v34-latin_latin-ext-600.eot"); /* IE9 Compat Modes */
  src: url("../webfonts/open-sans-v34-latin_latin-ext-600.eot?#iefix") format("embedded-opentype"), url("../webfonts/open-sans-v34-latin_latin-ext-600.woff2") format("woff2"), url("../webfonts/open-sans-v34-latin_latin-ext-600.woff") format("woff"), url("../webfonts/open-sans-v34-latin_latin-ext-600.ttf") format("truetype"), url("../webfonts/open-sans-v34-latin_latin-ext-600.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-600italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 600;
  src: url("../webfonts/open-sans-v34-latin_latin-ext-600italic.eot"); /* IE9 Compat Modes */
  src: url("../webfonts/open-sans-v34-latin_latin-ext-600italic.eot?#iefix") format("embedded-opentype"), url("../webfonts/open-sans-v34-latin_latin-ext-600italic.woff2") format("woff2"), url("../webfonts/open-sans-v34-latin_latin-ext-600italic.woff") format("woff"), url("../webfonts/open-sans-v34-latin_latin-ext-600italic.ttf") format("truetype"), url("../webfonts/open-sans-v34-latin_latin-ext-600italic.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-700 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../webfonts/open-sans-v34-latin_latin-ext-700.eot"); /* IE9 Compat Modes */
  src: url("../webfonts/open-sans-v34-latin_latin-ext-700.eot?#iefix") format("embedded-opentype"), url("../webfonts/open-sans-v34-latin_latin-ext-700.woff2") format("woff2"), url("../webfonts/open-sans-v34-latin_latin-ext-700.woff") format("woff"), url("../webfonts/open-sans-v34-latin_latin-ext-700.ttf") format("truetype"), url("../webfonts/open-sans-v34-latin_latin-ext-700.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-700italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  src: url("../webfonts/open-sans-v34-latin_latin-ext-700italic.eot"); /* IE9 Compat Modes */
  src: url("../webfonts/open-sans-v34-latin_latin-ext-700italic.eot?#iefix") format("embedded-opentype"), url("../webfonts/open-sans-v34-latin_latin-ext-700italic.woff2") format("woff2"), url("../webfonts/open-sans-v34-latin_latin-ext-700italic.woff") format("woff"), url("../webfonts/open-sans-v34-latin_latin-ext-700italic.ttf") format("truetype"), url("../webfonts/open-sans-v34-latin_latin-ext-700italic.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-800 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: url("../webfonts/open-sans-v34-latin_latin-ext-800.eot"); /* IE9 Compat Modes */
  src: url("../webfonts/open-sans-v34-latin_latin-ext-800.eot?#iefix") format("embedded-opentype"), url("../webfonts/open-sans-v34-latin_latin-ext-800.woff2") format("woff2"), url("../webfonts/open-sans-v34-latin_latin-ext-800.woff") format("woff"), url("../webfonts/open-sans-v34-latin_latin-ext-800.ttf") format("truetype"), url("../webfonts/open-sans-v34-latin_latin-ext-800.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-800italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 800;
  src: url("../webfonts/open-sans-v34-latin_latin-ext-800italic.eot"); /* IE9 Compat Modes */
  src: url("../webfonts/open-sans-v34-latin_latin-ext-800italic.eot?#iefix") format("embedded-opentype"), url("../webfonts/open-sans-v34-latin_latin-ext-800italic.woff2") format("woff2"), url("../webfonts/open-sans-v34-latin_latin-ext-800italic.woff") format("woff"), url("../webfonts/open-sans-v34-latin_latin-ext-800italic.ttf") format("truetype"), url("../webfonts/open-sans-v34-latin_latin-ext-800italic.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* lora-regular - latin */
@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../webfonts/lora-v16-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../webfonts/lora-v16-latin-regular.eot?#iefix") format("embedded-opentype"), url("../webfonts/lora-v16-latin-regular.woff2") format("woff2"), url("../webfonts/lora-v16-latin-regular.woff") format("woff"), url("../webfonts/lora-v16-latin-regular.ttf") format("truetype"), url("../webfonts/lora-v16-latin-regular.svg#Lora") format("svg"); /* Legacy iOS */
}
/* lora-italic - latin */
@font-face {
  font-family: "Lora";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../webfonts/lora-v16-latin-italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../webfonts/lora-v16-latin-italic.eot?#iefix") format("embedded-opentype"), url("../webfonts/lora-v16-latin-italic.woff2") format("woff2"), url("../webfonts/lora-v16-latin-italic.woff") format("woff"), url("../webfonts/lora-v16-latin-italic.ttf") format("truetype"), url("../webfonts/lora-v16-latin-italic.svg#Lora") format("svg"); /* Legacy iOS */
}
body {
  background: #f1efed;
}

* {
  box-sizing: border-box;
}

.wrapper {
  max-width: 1044px;
  margin: 0 auto;
  padding: 0 10px;
}

header {
  grid-area: header;
}

.main-nav {
  grid-area: nav;
}

main {
  grid-area: main;
}

#vertical {
  grid-area: vertical;
}

aside {
  grid-area: aside;
}

footer {
  grid-area: footer;
}

.wrapper {
  display: grid;
  grid-template-columns: repeat(6, [col-start] 1fr);
}

.wrapper {
  display: grid;
  grid-template-columns: 6fr;
  grid-template-areas: "header" "nav" "vertical" "main" "aside" "footer";
}

main {
  margin-bottom: 10px;
}

footer {
  margin-top: 10px;
  padding: 20px;
  background: #a49b9a;
  color: #fff;
  text-align: center;
  font-size: 0.95em;
  word-wrap: break-word;
}
footer a {
  color: #fff;
  margin: 0 10px;
  font-size: inherit;
}
footer a:first-of-type {
  margin-left: 0;
}
footer a:last-of-type {
  margin-right: 0;
}

@media (max-width: 576px) {
  footer a:last-of-type::before {
    content: "  ";
  }
}
@media (min-width: 992px) {
  .wrapper {
    grid-template-columns: 4fr 2fr;
    grid-template-rows: auto auto auto 1fr auto;
    grid-template-areas: "header header" "nav nav" "main vertical" "main aside" "footer footer";
  }
  main {
    margin-right: 5px;
    max-width: 675px;
    margin-bottom: 0;
  }
  aside {
    margin-left: 5px;
    margin-top: 0;
  }
  #vertical {
    margin-left: 5px;
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  .breit {
    display: grid;
    grid-template-columns: 6fr;
    grid-template-areas: "header" "nav" "main" "footer";
  }
  .breit main {
    margin-right: 0;
    max-width: 1024px;
  }
}
div.newsbox {
  background: #fff;
  border: 1px solid #dddbd9;
  margin-bottom: 10px;
  padding: 20px 20px 10px 20px;
}
div.newsbox.farbig {
  background: rgba(239, 124, 0, 0.34);
}
div.newsbox ul {
  margin-left: 0;
  padding-left: 20px;
}
div.newsbox ul.ohne {
  list-style-type: none;
  padding-left: 0;
}
div.newsbox ul li {
  margin-left: 0;
}
div.newsbox.eyecatcher {
  background: #b83850;
  color: #fff;
}
div.newsbox.eyecatcher a {
  color: #fff;
}

div.newsbox.infografik {
  padding: 0;
  border: none;
  background: transparent;
}
div.newsbox img.thumbnail {
  max-width: 100%;
  height: auto;
}

.newsbox i.info {
  float: right;
  color: #b83850;
  margin-right: 5px;
  margin-bottom: 5px;
}

.newsbox i.newsletter {
  color: #fff;
  vertical-align: middle;
  margin-right: 5px;
}

.newsbox i.bookshop {
  vertical-align: middle;
  float: left;
  color: #b83850;
  margin-right: 10px;
}

.newsbox .social-media-icons {
  display: flex;
  justify-content: center;
}
.newsbox .social-media-icons i {
  margin: 10px;
}

div.contentbox {
  background: #fff;
  border: 1px solid #dddbd9;
  margin-top: 10px;
  padding: 20px 20px 10px 20px;
}

div.contentbox:first-of-type {
  margin-top: 0;
}

.back-to-top {
  position: fixed;
  bottom: 10px;
  right: 10px;
  color: #b83850;
}

.teaserfoto {
  max-width: 100%;
  height: auto;
  margin: 0 0 1em 0;
  border: 2px #eee solid;
  border: 2px rgb(255, 255, 255) solid;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}

.newsbox .label,
.newsbox .labels {
  margin-bottom: 0.5em;
}
.newsbox .label::before,
.newsbox .labels::before {
  color: #847978;
  font-size: 0.9em;
}

.newsbox .label::before {
  content: "Anzeige";
}

.newsbox .labels::before {
  content: "Anzeigen";
}

#skyscraper {
  display: none;
}

@media (min-width: 1320px) {
  #skyscraper {
    display: block;
    position: fixed;
    margin-left: 1034px;
    top: 10px;
    z-index: 900;
  }
  #skyscraper div {
    color: #847978;
    font-size: 0.9em;
    padding-bottom: 5px;
    padding-left: 5px;
    font-weight: 300;
  }
}
#headerbanner.mobil {
  display: block;
  padding: 0 10px;
}

#headerbanner {
  display: none;
}

@media (min-width: 767px) {
  #headerbanner.mobil {
    display: none;
  }
  #headerbanner {
    display: block;
    background: #fff;
    border: 1px solid #dddbd9;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #headerbanner .ad-main {
    text-align: center;
  }
  #headerbanner .ad-main::before {
    content: "Anzeige \a";
    white-space: pre;
    vertical-align: top;
    color: #847978;
    font-size: 0.9em;
  }
  #headerbanner .ad-main-en::before {
    content: "Advertisement \a";
  }
}
div.text-ad {
  background: #fff;
  border: 1px solid #dddbd9;
  margin-bottom: 10px;
  padding: 20px 20px 10px 20px;
}
div.text-ad .label {
  margin-bottom: 0.5em;
}
div.text-ad .label::before {
  content: "Anzeige";
  color: #847978;
  font-size: 0.9em;
}
div.text-ad p:first-of-type {
  margin-bottom: 0;
}
div.text-ad ul li {
  margin-left: -25px;
}
div.text-ad .bookinfo {
  display: flex;
  flex-direction: row;
  align-items: center;
}
div.text-ad .bookinfo .cover {
  margin: 0 10px 5px 0;
  max-width: 120px;
}

div.image-ad {
  background: #fff;
  border: 1px solid #dddbd9;
  margin-top: 10px;
  padding: 20px 20px 10px 20px;
}

html * {
  font-size: 100%;
}

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  scroll-behavior: smooth;
  scroll-padding-top: 45px;
}

textarea,
pre,
code,
kbd,
samp,
var,
tt {
  font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
}

body {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 0.875em;
  color: #313131;
  -webkit-text-size-adjust: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
.caption-3,
.caption-4 {
  font-family: "Lato";
  font-weight: 700;
  font-style: normal;
  color: #444444;
  margin: 0 0 0.25em 0;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.6em;
}

h3,
.caption-3 {
  font-size: 1.4em;
}

h4,
.caption-4 {
  font-size: 1.2em;
}

h5 {
  font-size: 1em;
}

.caption-3,
.caption-4 {
  line-height: 1.15;
}

.slogan {
  /* Bereichsüberschrift*/
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  color: #444444;
  margin: 0 0 0.75em 0;
  font-size: 1.6em;
}

h1.slogan {
  font-size: 2em;
  margin: 0 0 0.75em 0;
}

p.subtitle {
  margin-bottom: 0.3em;
  font-size: 1.2em;
  color: #847978;
}

.intro {
  font-size: 1.2em;
}

ul,
ol {
  line-height: 1.6em;
  margin: 0 0 1em 0;
}

ul {
  list-style-type: disc;
}
ul ul {
  list-style-type: circle;
  margin-bottom: 0;
  margin-top: 0;
}

ol ol {
  margin-top: 0;
  margin-bottom: 0;
}
ol ul {
  list-style-type: circle;
  margin-top: 0;
  margin-bottom: 0;
}

li {
  font-size: 1em;
  line-height: 1.5em;
}

dl {
  line-height: 1.6em;
  margin: 0 0 1em 0;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 0 1.5em 0.8em;
}

.nobullets {
  list-style: none;
  padding: 0;
}

ol.round-coloured {
  counter-reset: list-counter;
  list-style: none;
  padding-left: 0;
  margin: 3em;
}

ol.round-coloured li {
  counter-increment: list-counter;
  position: relative;
  padding-left: 40px;
  margin-bottom: 20px;
}

ol.round-coloured li::before {
  content: counter(list-counter);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #b83850;
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: bold;
}

p {
  line-height: 1.6em;
  margin: 0 0 1em 0;
}

.no-margin {
  margin: 0;
}

.margin-before {
  margin-top: 1em;
}

blockquote,
cite,
q {
  font-family: "Lora";
  font-weight: 400;
  font-style: regular;
}

blockquote {
  margin: 1em 0 0 1em;
}

strong,
b {
  font-weight: bold;
}

em,
i {
  font-style: italic;
}

big {
  font-size: 1.125em;
}

small {
  font-size: 0.9em;
}

pre,
code,
kbd,
tt,
samp,
var {
  font-size: 1em;
}

pre {
  overflow: auto;
}

pre {
  line-height: 1.6em;
  margin: 1.5em;
  color: #666;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

kbd,
samp,
var,
tt {
  color: #666;
  font-weight: bold;
}

var,
dfn {
  font-style: italic;
}

acronym,
abbr {
  border-bottom: 1px #aaa dotted;
  font-variant: small-caps;
  letter-spacing: 0.07em;
  cursor: help;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

mark {
  background: #ff0;
  color: #000;
}

hr {
  color: #fff;
  background: transparent;
  margin: 0 0 0.5em 0;
  padding: 0 0 0.5em 0;
  border: 0;
  border-bottom: 1px #eee solid;
  box-sizing: content-box;
  height: 0;
}

.alert {
  color: #ff7129;
  background-color: #e6e7e8;
  font-weight: 700;
  padding: 5px;
}

.error {
  color: #800;
}

.grey,
.lightgrey {
  color: #a49b9a;
}

.sn-red {
  color: #b83850;
}

.green {
  color: #659b2c;
}

a {
  color: #b83850;
  text-decoration: none;
  background-color: transparent;
  word-wrap: break-word;
  /* &:visited {
        //keine gesonderte Farbe
    } */
}
a:focus {
  text-decoration: underline;
}
a:hover, a:active {
  text-decoration: underline;
  outline: 0 none;
}

img,
figure {
  margin: 0;
  border: 0;
}

.flexible {
  margin-top: 1.5em;
  max-width: 100%;
  height: auto;
}

.bordered {
  margin-top: 1.5em;
  border: 2px #eee solid;
  border: 2px rgb(255, 255, 255) solid;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}

.float-left {
  float: left;
  margin: 1.5em 1em 0 0;
}

.float-right {
  float: right;
  margin: 1.5em 0 0 1em;
}

.icon-left {
  float: left;
  margin: 1em 1em 1em 0;
}

.icon-right {
  float: right;
  margin: 1em 0 1em 1em;
}

.ym-clearfix:before {
  content: "";
  display: table;
}

.ym-clearfix:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

.center {
  display: block;
  text-align: center;
  margin: 1.5em auto 0 auto;
}

.flex-links {
  display: flex;
  justify-content: flex-end;
}

.shadow {
  box-shadow: 5px 5px 8px #9b9690;
}

/*  Buttons */
.btn {
  border: none;
  color: #fff;
  padding: 10px 24px;
  text-align: center;
  text-decoration: none;
  font-weight: 400;
  font-size: 16px;
  margin: 4px 2px;
  border-radius: 4px;
  display: inline-block;
}
.btn-red {
  background: #b83850;
}
.btn-red:hover {
  background: #8a3045;
}
.btn-orange {
  background: #ef7d00;
}
.btn-inverse-red {
  color: #b83850;
  border: 1px solid #b83850;
}
.btn-inverse-red:hover {
  background: #b83850;
  color: #fff;
}

.kastencaption {
  font-size: 0.9em;
  padding-top: 0.3em;
  margin-right: 1em;
}

.kasten {
  border: 1px #ccc solid;
  background: #f1efed;
  padding: 10px;
  margin-bottom: 0.5em;
}

.kasten ol,
.kasten ul {
  margin-bottom: 0;
}

.kasten p {
  line-height: 1.6em;
  margin: 0 0 1em 0;
}

.kasten p:last-of-type {
  margin-bottom: 0;
}

.kasten + h2,
.kasten + h3 {
  margin-top: 1em;
}

h1 + .kasten {
  margin-bottom: 1em;
  margin-top: 1.5em;
}

.vorschau {
  background: #f1efed;
  padding: 10px 20px;
  line-height: 1.6em;
  margin: 0 -20px 1em -20px;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 1.3571em 0;
  border-top: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
}
table caption {
  margin-bottom: 0.3em;
}
table thead th {
  text-align: left;
  border-bottom: 2px #000 solid;
}
table th,
table td {
  line-height: 1.6em;
  vertical-align: top;
  padding: 0.5em;
}
table th .nowrap,
table td .nowrap {
  white-space: nowrap;
}
table tbody td {
  text-align: left;
  border-top: 1px solid #ccc;
}
table tbody th {
  text-align: left;
  border-top: 1px solid #ccc;
  text-align: left;
}

table.narrow {
  margin: 1.4286em 0 0 0;
}
table.narrow th,
table.narrow td {
  padding: 0 0.5em;
  line-height: 1.4286em;
}

table.bordertable {
  border: 1px #ccc solid;
  background: #fff;
}
table.bordertable thead th {
  background: #e0e0e0;
  border-right: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
}
table.bordertable tbody td {
  border-right: 1px solid #ccc;
}
table.bordertable tbody th {
  border-right: 1px solid #ccc;
}
table.bordertable tbody th[scope=row],
table.bordertable tbody th[scope=col] {
  background: #f0f0f0;
}

table.table-coloured {
  border: 1px #fff solid;
  background: rgba(255, 89, 0, 0.1);
}
table.table-coloured thead th {
  background: rgba(255, 89, 0, 0.25);
  border-right: 1px #fff solid;
  border-bottom: 1px #fff solid;
}
table.table-coloured tbody td {
  border-right: 1px #fff solid;
  border-bottom: 1px #fff solid;
}
table.table-coloured tbody th {
  border-right: 1px #fff solid;
  border-bottom: 1px #fff solid;
}
table.table-coloured tbody th[scope=row],
table.table-coloured tbody th[scope=col] {
  background: rgba(255, 89, 0, 0.15);
}

table.layouttable,
table.layouttable td {
  border: none;
}

table.ohne {
  border: none;
}

table .center {
  text-align: center;
  margin: 0;
}

th *:first-child,
td *:first-child {
  margin-top: 0;
}

.akkordeon {
  background: #fff;
  border: 1px solid #dddbd9;
  margin-bottom: 10px;
}
.akkordeon h3 {
  margin: 0;
  background: #a49b9a;
  padding: 10px 20px;
  color: #fff;
  display: flex;
  justify-content: space-between;
}
.akkordeon .show {
  display: none;
}
.akkordeon .inhalt {
  display: none;
  padding: 20px 20px 10px 20px;
}
.akkordeon .open {
  display: block;
}
.akkordeon ul {
  padding-left: 20px;
}

.pagination {
  margin-bottom: 0.5em;
  width: 100%;
}

.abcindex {
  font-size: 1.125em;
  margin-top: 1em;
  margin-bottom: 1em;
}

.news-wrapper .archiv {
  color: #847978;
  font-size: 1.2em;
}
.news-wrapper .archivbilder {
  float: left;
  display: inline;
  margin: 0.5em 1em 0 0;
  width: 200px;
  border: 2px #eee solid;
  border: 2px rgb(255, 255, 255) solid;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}

.paging {
  text-align: right;
}

ul .pageList {
  float: left;
  width: 100%;
  list-style: none;
}

ul.pageList li {
  display: inline;
  margin-left: 0;
}

ul.pageList li a,
ul.pageList li a:link,
ul.pageList li:visited {
  border: 1px solid #a49b9a;
  padding: 1px 5px 2px;
  margin-right: 1px;
  text-decoration: none !important;
  color: black;
}

ul.pageList li a:hover {
  background-color: #f1efed;
  color: #000;
}

ul.pageList li .active {
  background-color: #f1efed;
  color: #fff;
}

ol.toc {
  margin-left: -40px;
}
ol.toc ol {
  margin-left: -20px;
}

ol.toc li {
  list-style-type: none;
  margin-left: 0;
}

.sm-overview {
  margin-bottom: 30px;
}
.sm-overview div {
  display: flex;
  justify-content: space-around;
}
.sm-overview div div {
  flex-direction: column;
  align-items: center;
}
.sm-overview div div a.sozial-blau {
  color: #2573b9;
}
.sm-overview div div a.erz-orange {
  color: #f5a32e;
}
.sm-overview div div i {
  font-size: 4em;
  margin: 10px 10px 5px 10px;
}

@media screen and (min-width: 767px) {
  .sm-overview div div i {
    font-size: 8em;
    margin: 20px 20px 5px 20px;
  }
}
.pricing_table {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 0.9em;
}

.pricing_table ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-right: 0;
  margin-bottom: 1.5em;
  border: 1px solid #dddbd9;
  background: #fff;
  transition: all 0.5s;
}

.pricing_table ul li:before {
  content: attr(data-table) "";
  margin-right: 10px;
}

.pricing_table ul li {
  margin: 0px;
  width: 100%;
  height: 100%;
  line-height: 1.25em;
  padding: 5px;
  text-align: center;
}

.pricing_table .pricing_column_first {
  display: none;
}

.pricing_table .pricing_column {
  width: 100%;
}

.pricing_table .pricing_column_first .pricing_header1 {
  background: none;
  color: #313131;
  box-shadow: none;
  background-color: #f1efed;
}

.pricing_table .pricing_column_first {
  *z-index: 2;
}

.pricing_table .pricing_column_first li {
  text-align: left;
  padding-left: 10px;
}

.pricing_table li:nth-child(odd) {
  background-color: #f1efed;
  border-bottom: 1px solid #dddbd9;
}

.pricing_table li:nth-child(even) {
  background-color: #fff;
  border-bottom: 1px solid #dddbd9;
}

.pricing_table ul li ul.zusatz {
  border: none;
  line-height: 1em;
  list-style-type: disc;
  margin-left: 15px;
  background: transparent;
}
.pricing_table ul li ul.zusatz li {
  padding: 0;
  margin: 0;
  height: 100%;
}
.pricing_table ul li ul.zusatz li:nth-child(odd), .pricing_table ul li ul.zusatz li:nth-child(even) {
  background-color: transparent;
  border: none;
}

.pricing_table li.pricing_header1 {
  font-weight: bold;
  font-size: 1.25em;
  padding: 10px;
  background: #b83850;
  color: #fff;
  box-shadow: 0 -10px 5px rgba(0, 0, 0, 0.1) inset;
}

.pricing_table .pricing_yes,
.pricing_table .pricing_no,
.pricing_table .pricing_plus {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-size: 1.8em;
}

.pricing_table .pricing_yes::before {
  content: "\f058";
  color: #659b2c;
  line-height: 25px;
}

.pricing_table .pricing_no::before {
  content: "\f057";
  color: #b83850;
  line-height: 25px;
}

.pricing_table .pricing_plus::before {
  content: "\f055";
  color: #659b2c;
  line-height: 25px;
}

.pricing_table .pricing_footer {
  border: none;
  height: none;
}

.pricing_table .pricing_footer .price {
  font-weight: bold;
  font-size: 1.25em;
  color: #444;
}

.pricing_table a.pricing_button {
  background: #b83850;
  text-decoration: none;
  padding: 10px;
  display: block;
  margin: 5px auto;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  border-radius: 5px;
  text-transform: uppercase;
  text-align: center;
}

.tippwrapper {
  display: none;
}

@media screen and (min-width: 767px) {
  .pricing_table .pricing_column_first {
    display: block;
  }
  .pricing_four .pricing_column {
    width: 16.6666666667%;
  }
  .pricing_four .pricing_column_first {
    width: 40%;
  }
  .pricing_five .pricing_column {
    width: 15%;
  }
  .pricing_five .pricing_column_first {
    width: 40%;
  }
  .pricing_table ul li:before {
    content: "";
    margin-right: 0;
  }
  .pricing_table ul li {
    height: 35px;
    text-align: center;
  }
  .pricing_table ul li.high {
    height: 50px;
  }
  .pricing_table ul li.higher {
    height: 80px;
  }
  .pricing_table ul li.extrahigh {
    height: 120px;
  }
  .pricing_table ul li.superhigh {
    height: 180px;
  }
  .pricing_four .pricing_column:nth-of-type(3) .pricing_header1 {
    text-align: left;
    padding-left: 20px;
  }
  .pricing_five .pricing_column:nth-of-type(3) .pricing_header1 {
    text-align: left;
    padding-left: 10px;
  }
  .pricing_four.verlag .pricing_column {
    width: 18.3333333333%;
  }
  .pricing_four.verlag .pricing_column_first {
    width: 35%;
  }
  .pricing_four.verlag .pricing_column:nth-of-type(3) .pricing_header1 {
    text-align: center;
  }
  /* Tipp */
  .tippwrapper {
    display: block;
    position: relative;
    z-index: 90;
  }
  .ribbon-wrapper-green {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -0.8em;
    right: -0.7em;
  }
  .ribbon-green {
    font: bold 15px Sans-Serif;
    color: #333;
    text-align: center;
    text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    background-color: #bfdc7a;
    background-image: -o-linear-gradient(top, #bfdc7a, #8ebf45);
    color: #6a6340;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  }
  .ribbon-green:before, .ribbon-green:after {
    content: "";
    border-top: 3px solid #6e8900;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    position: absolute;
    bottom: -3px;
  }
  .ribbon-green:before {
    left: 0;
  }
  .ribbon-green:after {
    right: 0;
  }
}
@media screen and (min-width: 992px) {
  .pricing_table .pricing_footer {
    height: 80px;
  }
  .pricing_table ul li {
    height: 35px;
    text-align: center;
  }
  .pricing_table ul li.high {
    height: 50px;
  }
  .pricing_table ul li.higher {
    height: 70px;
  }
  .pricing_table ul li.extrahigh {
    height: 100px;
  }
  .pricing_table ul li.superhigh {
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 0.8em;
}

.video-container iframe,
.video-container object,
.video-container video,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vgwort {
  display: none;
}

section#testimonial-slider {
  margin-top: 40px;
}

.slider {
  max-width: 100%;
  height: 20rem;
  margin: 0 auto;
  position: relative;
  /* IN THE END */
  overflow: hidden;
}

.slide {
  position: absolute;
  top: 0;
  width: 100%;
  height: 20rem;
  display: flex;
  align-items: center;
  justify-content: center;
  /* THIS creates the animation! */
  transition: transform 1s;
}

.slider__btn {
  position: absolute;
  top: 50%;
  z-index: 10;
  border: none;
  background: rgba(255, 255, 255, 0.7);
  font-family: inherit;
  color: #b83850;
  border-radius: 50%;
  height: 2rem;
  width: 2rem;
  font-size: 2rem;
  cursor: pointer;
}

.slider__btn--left {
  left: 3%;
  transform: translate(-50%, -50%);
}

.slider__btn--right {
  right: 5%;
  transform: translate(50%, -50%);
}

.dots {
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
}

.dots__dot {
  border: none;
  background-color: #9b9690;
  opacity: 0.7;
  height: 1rem;
  width: 1rem;
  border-radius: 50%;
  margin-right: 1.75rem;
  cursor: pointer;
  transition: all 0.5s;
  /* Only necessary when overlying images */
  /* box-shadow: 0 0.6rem 1.5rem rgba(0, 0, 0, 0.7); */
}

.dots__dot:last-child {
  margin: 0;
}

.dots__dot--active {
  /* background-color: #fff; */
  background-color: #9b9690;
  opacity: 1;
}

/* TESTIMONIALS */
.testimonial {
  width: 85%;
  position: relative;
}

.testimonial::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f10e";
  font-size: 30px;
  position: absolute;
  top: 0rem;
  left: -28px;
  line-height: 1;
  color: #847978;
  z-index: -1;
}

.testimonial__text {
  font-size: 1em;
  margin: 0 0 2em 7px;
  color: #847978;
}

.testimonial__author {
  margin-left: 2rem;
  font-style: normal;
}

.testimonial__name {
  font-size: 1em;
  font-weight: 600;
  align-self: end;
  margin: 0;
}

.testimonial__location {
  font-size: 1em;
}

.section__title--testimonials {
  margin-bottom: 4rem;
}

@media screen and (min-width: 767px) {
  .slider__btn {
    height: 5.5rem;
    width: 5.5rem;
    font-size: 3.25rem;
  }
  .testimonial {
    width: 70%;
  }
  .testimonial::before {
    font-size: 50px;
    left: -4rem;
  }
  .testimonial__text {
    font-size: 1.2em;
  }
  .testimonial__name {
    font-size: 1.2em;
  }
  .testimonial__location {
    font-size: 1.2em;
  }
  .slider__btn--left {
    left: 6%;
  }
  .slider__btn--right {
    right: 6%;
  }
  .testimonial__author {
    margin-left: 6rem;
  }
}
.boxes-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.box {
  width: 48%;
  display: flex;
  flex-direction: column;
  border: 1px solid #dddbd9;
  margin-bottom: 20px;
}

.box-header {
  background-color: #f1efed;
  padding: 10px;
  font-weight: bold;
  line-height: 1.6em;
}

.box-content {
  padding: 10px;
  flex: 1;
}

.box-footer {
  background-color: #f1efed;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 767px) {
  .boxes-container {
    flex-direction: column;
  }
  .box {
    width: 100%;
  }
}
@media all {
  .ym-form,
  .ym-form fieldset {
    overflow: hidden;
  }
  .ym-form div {
    position: relative;
  }
  .ym-form label,
  .ym-form .ym-message {
    position: relative;
    display: block; /* important for Safari */
  }
  .ym-form .ym-fbox-check label {
    display: inline;
  }
  .ym-form input,
  .ym-form textarea {
    cursor: text;
  }
  .ym-form input[type=checkbox],
  .ym-form input[type=radio],
  .ym-form select,
  .ym-form label {
    cursor: pointer;
  }
  /* small adjustments for Internet Explorer - all versions */
  .ym-form textarea {
    overflow: auto;
  }
  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
  .ym-form input[type=hidden] {
    display: none !important;
  }
  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  .ym-form .ym-fbox-text:before,
  .ym-form .ym-fbox-select:before,
  .ym-form .ym-fbox-check:before,
  .ym-form .ym-fbox-button:before {
    content: "";
    display: table;
  }
  .ym-form .ym-fbox-text:after,
  .ym-form .ym-fbox-select:after,
  .ym-form .ym-fbox-check:after,
  .ym-form .ym-fbox-button:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }
  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  .ym-form select,
  .ym-form input,
  .ym-form textarea {
    display: block;
    position: relative;
    width: 58.5%;
  }
  .ym-form .ym-fbox-check input {
    display: inline;
    width: auto;
  }
  /* Styling of buttons | Gestaltung von Buttons */
  .ym-form .ym-fbox-button input {
    display: inline;
    overflow: visible; /* Fixes IE7 auto-padding bug */
    width: auto;
  }
  /* avoid jumping checkboxes & radiobuttons in IE8 */
  .ym-form .ym-fbox-check input:focus,
  .ym-form .ym-fbox-check input:hover,
  .ym-form .ym-fbox-check input:active {
    border: 0 none;
  }
  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
  .ym-full .ym-fbox-select select,
  .ym-full .ym-fbox-text input,
  .ym-full .ym-fbox-text textarea {
    width: 94.2%;
    margin-right: -3px;
  }
  /* Columnar display | Spalten-Darstellung */
  .ym-columnar .ym-fbox-text label,
  .ym-columnar .ym-fbox-select label {
    display: inline;
    float: left;
    width: 30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
  }
  .ym-columnar .ym-fbox-check {
    position: relative;
  }
  .ym-label {
    display: block;
  }
  .ym-columnar .ym-fbox-check .ym-label {
    position: absolute;
    top: 0;
  }
  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
  .ym-columnar .ym-fbox-check input,
  .ym-columnar .ym-error .ym-message {
    margin-left: 30%;
  }
  /* global and local columnar settings for button alignment */
  .ym-columnar fieldset .ym-fbox-button,
  fieldset.ym-columnar .ym-fbox-button {
    padding-left: 30%;
  }
  .ym-columnar .ym-fbox-select select,
  .ym-columnar .ym-fbox-text input,
  .ym-columnar .ym-fbox-text textarea {
    float: left;
    width: 67.2%;
    margin-right: -3px;
  }
  /**
  * @section Form Construction Kit | Screen Adjustments
  *
  */
  .ym-fbox-select select {
    width: 60%;
  }
  .ym-full .ym-fbox-select select {
    width: 94.8%;
  }
  .ym-columnar .ym-fbox-select select {
    width: 68.8%;
  }
}
@media screen and (min-width: 0px) {
  .ym-form input,
  .ym-form input,
  .ym-form textarea,
  .ym-form select {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 60%;
  }
  .ym-columnar label {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .ym-columnar .ym-fbox-select select,
  .ym-columnar .ym-fbox-text input,
  .ym-columnar .ym-fbox-text textarea {
    width: 70%;
  }
  .ym-full .ym-fbox-select select,
  .ym-full .ym-fbox-text input,
  .ym-full .ym-fbox-text textarea {
    width: 100%;
  }
}
@media screen, projection {
  .ym-form {
    background: #f1efed;
    border: 2px #fff solid;
    margin: 1.5em 0 1em 0;
    padding: 0;
    box-shadow: 0 0 4px #ddd;
  }
  .ym-form fieldset {
    position: static;
    background: transparent;
    margin: 0.75em 0 0.75em 0;
    padding: 0 0.5em;
  }
  .ym-form legend {
    background: transparent;
    color: #000;
    font-size: 1.2em;
    line-height: 1.25em;
    font-weight: bold;
    padding: 0 0.5em;
  }
  .ym-form label {
    line-height: 1.5em;
  }
  .ym-label {
    padding-top: 0.25em;
  }
  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  .ym-form div.ym-fbox,
  .ym-form div.ym-fbox-text,
  .ym-form div.ym-fbox-select,
  .ym-form div.ym-fbox-check,
  .ym-form div.ym-fbox-button {
    padding: 0.3em 1em;
    margin-bottom: 0.5em;
  }
  .ym-form div.ym-fbox-button {
    padding: 0 1em 1.5em 1em;
    margin: 0;
  }
  .ym-form .ym-gbox {
    padding: 0 0.5em;
    margin-right: 0;
  }
  .ym-form h6 {
    font-size: 133.33%;
    margin: 1em 0 0 0.75em;
  }
  /**
  * @section styling form elements
  *
  * Styling for: Input, Textarea, Select ...
  *
  */
  /* styling standard form elements with 'almost' equal flexible width */
  /* Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  .ym-form .ym-fbox-text input,
  .ym-form .ym-fbox-text textarea {
    line-height: 1em;
    padding: 0.25em 0.3em;
    margin-top: -2px;
  }
  .ym-form .ym-fbox-select select {
    line-height: 1em;
    padding: 0.25em 2px 0.25em 1px;
    margin-top: -2px;
  }
  /* proportional fonts for all form elements */
  .ym-form input,
  .ym-form textarea,
  .ym-form select,
  .ym-form optgroup {
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: inset 0 0 4px #eee;
  }
  .ym-form optgroup {
    font-style: normal;
    font-weight: bold;
  }
  .ym-form .ym-fbox-text input,
  .ym-form .ym-fbox-text textarea,
  .ym-form .ym-fbox-select select {
    border: 1px solid #C0C0C0;
  }
  /* General form styling	| Allgemeine Formatierung des Formulars */
  .ym-form .ym-message {
    color: #313131;
    margin-bottom: 0.5em;
  }
  /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
  .ym-form .ym-required {
    color: #800;
    font-weight: bold;
  }
  /* form validation highlight colors */
  .ym-form input:valid,
  .ym-form textarea:valid {
    background-color: #fff;
  }
  /**
  * @section error messages
  *
  */
  .ym-form .ym-error label {
    color: #800;
    font-weight: normal;
  }
  .ym-form .ym-error input,
  .ym-form .ym-error select,
  .ym-form .ym-error textarea {
    border: 1px #800 solid;
  }
  .ym-form .ym-error input:hover,
  .ym-form .ym-error input:focus,
  .ym-form .ym-error select:hover,
  .ym-form .ym-error select:focus,
  .ym-form .ym-error textarea:hover,
  .ym-form .ym-error textarea:focus {
    border: 1px #800 solid !important;
  }
  .ym-form .ym-error .ym-message {
    color: #800;
    font-weight: bold;
    margin-top: 0;
  }
  /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
  .ym-form div.ym-fbox-text input:focus,
  .ym-form div select:focus,
  .ym-form div textarea:focus,
  .ym-form div.ym-fbox-text input:hover,
  .ym-form div select:hover,
  .ym-form div textarea:hover,
  .ym-form div.ym-fbox-text input:active,
  .ym-form div select:active,
  .ym-form div textarea:active {
    border: 1px #888 solid;
    background: #fff;
  }
  /**
  * @section Buttons
  *
  * inspired from: Catalin Rosu (http://www.red-team-design.com/just-another-awesome-css3-buttons)
  */
  .ym-button,
  .ym-form button,
  .ym-form input[type=button],
  .ym-form input[type=reset],
  .ym-form input[type=submit] {
    display: inline-block;
    white-space: nowrap;
    background-color: #ccc;
    background-image: linear-gradient(top, #eee, #ccc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#eeeeee", EndColorStr="#cccccc");
    border: 1px solid #777;
    border-radius: 0.2em;
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    color: #333 !important;
    cursor: pointer;
    font: normal 1em/2em Arial, Helvetica;
    margin: 1.5em 0.75em 0 0;
    padding: 0 1.5em;
    overflow: visible; /* removes extra side spacing in IE */
    text-decoration: none !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  }
  .ym-form button:hover,
  .ym-form input[type=button]:hover,
  .ym-form input[type=reset]:hover,
  .ym-form input[type=submit]:hover,
  .ym-button:hover {
    background-color: #ddd;
    background-image: linear-gradient(top, #fafafa, #ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#fafafa", EndColorStr="#dddddd");
  }
  .ym-form button:active,
  .ym-form input[type=button]:active,
  .ym-form input[type=reset]:active,
  .ym-form input[type=submit]:active,
  .ym-button:active {
    background-color: #bbb;
    background-image: linear-gradient(top, #ccc, #bbb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#cccccc", EndColorStr="#bbbbbb");
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2) inset;
    position: relative;
    top: 1px;
  }
  .ym-form button:focus,
  .ym-form input[type=button]:focus,
  .ym-form input[type=reset]:focus,
  .ym-form input[type=submit]:focus,
  .ym-button:focus {
    outline: 0;
    background: #fafafa;
  }
  /* pseudo elements don't work on input */
  .ym-form button:before,
  .ym-button:before {
    background: #ccc;
    background: rgba(0, 0, 0, 0.1);
    float: left;
    width: 1em;
    text-align: center;
    font-size: 1.5em;
    margin: 0 1em 0 -1em;
    padding: 0 0.2em;
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5);
    border-radius: 0.15em 0 0 0.15em;
    pointer-events: none;
  }
  .ym-add:before {
    content: "✚";
  }
  .ym-delete:before {
    content: "✘";
  }
  .ym-edit:before {
    content: "✎";
  }
  .ym-email:before {
    content: "✉";
  }
  .ym-like:before {
    content: "❤";
  }
  .ym-next:before {
    content: "➜";
  }
  .ym-play:before {
    content: "▶";
  }
  .ym-save:before {
    content: "✔";
  }
  .ym-spark:before {
    content: "✷";
  }
  .ym-star:before {
    content: "★";
  }
  /* removes extra inner spacing in Firefox */
  .ym-form button::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  /* If line-height can't be modified, then fix Firefox spacing with padding */
  .ym-form input[type=button]::-moz-focus-inner,
  .ym-form input[type=reset]::-moz-focus-inner,
  .ym-form input[type=submit]::-moz-focus-inner {
    padding: 0.4em;
  }
  /* The disabled styles */
  .ym-form button[disabled],
  .ym-form button[disabled]:hover,
  .ym-form input[type=button][disabled],
  .ym-form input[type=button][disabled]:hover,
  .ym-form input[type=reset][disabled],
  .ym-form input[type=reset][disabled]:hover,
  .ym-form input[type=submit][disabled],
  .ym-form input[type=submit][disabled]:hover,
  .ym-button.ym-disabled,
  .ym-button.ym-disabled:hover {
    background: #eee;
    color: #aaa !important;
    border-color: #aaa;
    cursor: default;
    text-shadow: none;
    position: static;
    box-shadow: none;
  }
  /* ie6 support styles - redefined buttons, because of missing support for attribute selectors */
  * html .ym-button,
  * html .ym-form button {
    display: inline-block;
    white-space: nowrap;
    background-color: #ccc;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#eeeeee", EndColorStr="#cccccc");
    border: 1px solid #777;
    color: #333 !important;
    cursor: pointer;
    font: normal 1em/2em Arial, Helvetica;
    margin: 1.5em 0.75em 0 0;
    padding: 0 1.5em;
    overflow: visible; /* removes extra side spacing in IE */
    text-decoration: none !important;
  }
  * html .ym-form button:focus,
  * html .ym-button:focus {
    outline: 0;
    background: #fafafa;
  }
  * html .ym-form button:hover,
  * html .ym-button:hover {
    background-color: #ddd;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#fafafa", EndColorStr="#dddddd");
  }
  * html .ym-form button:active,
  * html .ym-button:active {
    background-color: #bbb;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#cccccc", EndColorStr="#bbbbbb");
    position: relative;
    top: 1px;
  }
  * html .ym-button.ym-disabled,
  * html .ym-button.ym-disabled:hover {
    background: #eee;
    color: #aaa !important;
    border-color: #aaa;
    cursor: default;
    text-shadow: none;
    position: static;
  }
}
header {
  margin-top: 10px;
  max-width: inherit;
}

.header-wrapper {
  margin-bottom: 10px;
}

.navigation-wrapper {
  border: 1px solid #dddbd9;
}

#fixedbar,
#fixednav {
  display: none;
}

@media (min-width: 767px) {
  #fixedbar {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 35px;
    background: #fff;
    box-shadow: 0px 8px 6px -6px #888;
    z-index: 1000;
  }
  #fixednav {
    display: block;
    width: 1024px;
    margin: 0 auto;
    padding: 0;
  }
  #fixednav img {
    float: left;
    margin-right: 20px;
  }
  #fixednav ul {
    list-style: none;
    font-size: 1em;
    margin: 0;
    padding: 0;
  }
  #fixednav li.active {
    font-weight: bold;
  }
  #fixednav li a {
    display: block;
    line-height: 35px;
    float: left;
    color: #b83850;
    text-decoration: none;
    padding: 0;
    margin-right: 20px;
    transition: all 0.2s linear;
    /*wegen der Reihenfolge auch noch mal in typography.css*/
  }
  #fixednav li a:hover, #fixednav li a:focus, #fixednav li a:active {
    text-decoration: underline;
  }
}
.language-wrapper {
  background: #fff;
  text-align: right;
  display: flex;
  justify-content: flex-end;
  padding: 10px 20px 0 0;
}
.language-wrapper a {
  color: #9b9690;
  text-decoration: none;
}
.language-wrapper .language-selector span.active,
.language-wrapper .language-selector a:active,
.language-wrapper .language-selector a:focus,
.language-wrapper .language-selector a:hover {
  color: #9b9690;
  border-bottom: 2px solid #dddbd9;
}

@media screen and (min-width: 767px) {
  .language-wrapper {
    padding: 10px 20px;
  }
}
.sn-logo-print {
  display: none;
}

.logo-nav-wrapper {
  background: #fff;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.sn-logo {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.sn-logo img {
  width: 100%;
}

.ham-wrapper {
  display: flex;
  color: #847978;
  margin: 0;
  height: 100px;
  font-family: "Open Sans";
  font-weight: 300;
  align-items: center;
}

.portale {
  width: 33px;
  margin: 10px 10px 10px auto;
  cursor: pointer;
}
.portale.open {
  margin-bottom: 15px;
}
.portale.open img {
  display: none;
}

.portale.open span {
  width: 33px;
  display: block;
  position: absolute;
  height: 3px;
  background: #847978;
  border-radius: none;
  opacity: 1;
  margin-bottom: 10px;
  margin-left: 5px;
}
.portale.open span:nth-of-type(1) {
  transform: rotate(45deg);
}
.portale.open span:nth-of-type(2) {
  transform: rotate(-45deg);
}

.searchfield {
  display: none;
  border: 1px solid #dddbd9;
  border-radius: 24px;
  padding: 5px 10px;
}
.searchfield .searchfield-inner {
  display: flex;
}
.searchfield input {
  border: none;
  outline: none;
  width: 190px;
  padding: 2px 10px;
}
.searchfield button {
  border: none;
  background: transparent;
  color: #847978;
}

@media screen and (min-width: 767px) {
  .searchfield {
    margin-bottom: 37px;
  }
  .searchfield input {
    width: 300px;
  }
}
.search {
  width: 33px;
  margin: 5px 5px 10px 10px;
  cursor: pointer;
}
.search.open i {
  display: none;
}

.search.open span {
  width: 33px;
  display: block;
  position: absolute;
  height: 3px;
  background: #847978;
  border-radius: none;
  opacity: 1;
  margin-bottom: 10px;
}
.search.open span:nth-of-type(1) {
  transform: rotate(45deg);
}
.search.open span:nth-of-type(2) {
  transform: rotate(-45deg);
}

.menu-link {
  margin-top: 35px;
}

@media screen and (min-width: 767px) {
  .sn-logo {
    margin-top: -20px;
  }
  .ham-wrapper {
    margin: 10px 0;
    align-items: flex-end;
  }
  .search-link {
    margin-top: 10px;
  }
  .search {
    margin: 10px 20px;
  }
  .search.open .search-link {
    margin-top: 27px;
  }
  .portale {
    margin: 10px 20px;
  }
  .portale.open {
    margin-bottom: 10px;
  }
  .portale.open .portale-link {
    margin-top: 27px;
  }
  .portale-link:after {
    content: "Portale";
  }
  .search-link:after {
    content: "Suche";
  }
  .menu-link:after {
    content: "Menü";
  }
}
/* Hamburger Element */
.hamburger {
  width: 33px;
  margin: 18px 20px 10px 10px;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
  backface-visibility: hidden;
}

.portale-link,
.search-link,
.menu-linkc {
  display: hide;
}

.hamburger span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #847978;
  border-radius: none;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.3s ease-in-out;
  transition-delay: 0.3s, 0s;
}

.hamburger span:nth-child(1) {
  top: 0px;
  transform-origin: left center;
}

.hamburger span:nth-child(2) {
  top: 10px;
  transform-origin: left center;
}

.hamburger span:nth-child(3) {
  top: 20px;
  transform-origin: left center;
}

.hamburger.open span:nth-child(1) {
  transform: rotate(45deg);
  top: -3px;
  left: 3px;
}

.hamburger.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
  transition-delay: 0s, 3s;
}

.hamburger.open span:nth-child(3) {
  transform: rotate(-45deg);
  top: 20px;
  left: 3px;
}

#ham-menu {
  padding: 10px;
  color: #313131;
  display: none;
  background: #fff;
  border-top: 1px solid #dddbd9;
}
#ham-menu .main-nav-mobil {
  margin: -10px -10px 10px -10px;
  padding: 0;
  font-family: "Lato";
  font-weight: 700;
  font-style: normal;
  font-size: 1.1em;
  list-style-type: none;
  display: inline-block;
}
#ham-menu .main-nav-mobil li {
  width: 50%;
  float: left;
}
#ham-menu .main-nav-mobil li:nth-child(odd) {
  border-right: 1px solid #fff;
}
#ham-menu .main-nav-mobil li a {
  display: block;
  color: #fff;
  padding: 5px 20px;
  border-bottom: 1px solid #fff;
  background: #ef7d00;
}
#ham-menu .main-nav-mobil li a:hover, #ham-menu .main-nav-mobil li a:focus, #ham-menu .main-nav-mobil li a:active {
  background: #d84c00;
}
#ham-menu .main-nav-mobil li.current a {
  background: #9b9690;
}
#ham-menu .main-nav-mobil li.current a:hover, #ham-menu .main-nav-mobil li.current a:focus, #ham-menu .main-nav-mobil li.current a:active {
  background: #d84c00;
}
#ham-menu .ham-menu-inner {
  display: flex;
  flex-direction: column;
}
#ham-menu .ham-menu-inner .ham-menu-inner-column ul {
  margin: 0;
  padding: 5px 10px;
  list-style-type: none;
  color: #313131;
  font-size: 0.9em;
}
#ham-menu .ham-menu-inner .ham-menu-inner-column ul li {
  margin-left: 0;
  padding: 0;
}
#ham-menu .ham-menu-inner .ham-menu-inner-column ul li.first {
  font-size: 1.1em;
  font-weight: 600;
}
#ham-menu .ham-menu-inner .ham-menu-inner-column ul li a {
  color: #313131;
}

#portale-menu {
  display: none;
  background: #fff;
  color: #313131;
  padding-top: 10px;
  padding-bottom: 10px;
}
#portale-menu .main-portale {
  margin-bottom: 0;
  list-style-type: none;
  margin-left: -20px;
}
#portale-menu .main-portale img {
  display: none;
}
#portale-menu .main-portale a {
  color: #313131;
}
#portale-menu .weitere-portale ul {
  list-style-type: none;
  margin-left: -20px;
}
#portale-menu .weitere-portale ul a {
  color: #313131;
}

@media screen and (min-width: 767px) {
  #portale-menu .main-portale {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: space-between;
    margin-bottom: 10px;
    margin-left: 0;
  }
  #portale-menu .main-portale li span {
    display: none;
  }
  #portale-menu .main-portale img {
    display: block;
    margin: 0 10px 10px 10px;
  }
  #portale-menu .weitere-portale {
    padding: 0 40px 10px 20px;
  }
  #portale-menu .weitere-portale ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: -10px;
    margin-bottom: 0;
    margin-left: 0;
  }
  #portale-menu .weitere-portale ul li {
    margin-right: 5px;
    margin-left: 5px;
  }
  #portale-menu .weitere-portale ul li a {
    color: #847978;
  }
  #ham-menu {
    padding: 10px 20px;
  }
  #ham-menu .ham-menu-inner {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
  #ham-menu .ham-menu-inner .ham-menu-inner-column {
    width: 16.6666666667%;
  }
  #ham-menu .ham-menu-inner .ham-menu-inner-column ul {
    margin: 0;
    padding: 5px;
  }
  #ham-menu .ham-menu-inner .ham-menu-inner-column ul li {
    margin-left: 0;
    padding: 0;
  }
  #ham-menu .ham-menu-inner .ham-menu-inner-column ul ul {
    margin-left: -5px;
  }
}
@media screen and (min-width: 992px) {
  .logo-nav-wrapper {
    padding-top: 10px;
  }
  .logo-nav-wrapper .sn-logo {
    margin-left: 20px;
  }
  .hamburger {
    margin: 10px 20px;
  }
}
.main-nav {
  display: none;
}

@media (min-width: 992px) {
  #ham-menu .main-nav-mobil {
    display: none;
  }
  .main-nav {
    padding: 0;
    font-size: 1.1em;
    overflow: hidden;
    display: block;
  }
  .main-nav ul {
    display: flex;
    font-family: "Lato";
    font-weight: 700;
    font-style: normal;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .main-nav li {
    background: #ef7d00;
    width: 12.5%;
    border-right: 2px #fff solid;
    margin-left: 0;
  }
  .main-nav li:last-child {
    border-right: none;
  }
  .main-nav li a {
    display: block;
    padding: 5px 5px 5px 10px;
    color: #fff;
  }
  .main-nav li a:hover, .main-nav li a:focus, .main-nav li a:active {
    background: #d84c00;
  }
  .main-nav li.current a {
    background: #9b9690;
  }
  .main-nav li.current a:hover, .main-nav li.current a:focus, .main-nav li.current a:active {
    background: #d84c00;
  }
}
@media (min-width: 992px) {
  .main-nav {
    padding: 0;
    font-size: 1.1em;
    overflow: hidden;
    display: block;
  }
  .main-nav ul {
    display: flex;
    font-family: "Lato";
    font-weight: 700;
    font-style: normal;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .main-nav li {
    background: #ef7d00;
    width: 12.5%;
    border-right: 2px #fff solid;
    margin-left: 0;
  }
  .main-nav li:last-child {
    border-right: none;
  }
  .main-nav li a {
    display: block;
    line-height: 35px;
    padding: 5px;
    color: #fff;
    text-align: center;
  }
  .main-nav li a:hover {
    background: #d84c00;
  }
  .main-nav li.current a {
    background: #9b9690;
  }
}
@media (min-width: 1200px) {
  .main-nav {
    font-size: 1.2em;
  }
}
.breadcrumb {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px dotted #9b9690;
}
.breadcrumb li {
  display: inline;
}

.breadcrumb li + li::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "\f101";
  margin: 0 7px;
}

section.teaser {
  background: #fff;
  border: 1px solid #dddbd9;
  margin-top: 10px;
}
section.teaser .teasertitel {
  display: flex;
  align-items: center;
}
section.teaser .teasertitel h2 {
  width: 50%;
  min-width: 150px;
  background: #ef7d00;
  font-size: 1.4em;
  white-space: nowrap;
}
section.teaser .teasertitel h2.erz {
  background: #f5a32e;
}
section.teaser .teasertitel h2.blau {
  background: #2573b9;
}
section.teaser .teasertitel h2 a {
  padding: 5px 20px;
  color: #fff;
  line-height: 45px;
}
section.teaser .teasertitel div {
  font-weight: 400;
  font-size: 1.2em;
  padding: 5px 20px;
}
section.teaser .teasercontent {
  padding: 10px;
}
section.teaser .teasercontent h3 {
  font-size: 1.3em;
}
section.teaser .teasercontent .autor {
  color: #847978;
  font-size: 1.2em;
}
section.teaser .teasercontent ul {
  list-style: none;
  padding: 0;
  margin: 0 0 5px 0;
}
section.teaser .teasercontent ul li {
  margin: 0;
}
section.teaser .teasercontent ul li.startlist {
  padding-left: 90px;
  position: relative;
}
section.teaser .teasercontent ul li.startlist .datum {
  position: absolute;
  margin-left: -90px;
  width: 90px;
  max-width: 90px;
  color: #847978;
}

.premium-start-random {
  display: flex;
  flex-direction: column-reverse;
}
.premium-start-random .premium-logo {
  max-height: 100px;
  margin: 5px 0;
  max-width: 250px;
}

@media screen and (min-width: 767px) {
  .premium-start-random {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
  .premium-start-random .premium-logo {
    margin: 0 20px;
  }
}
section.teaser:first-of-type {
  margin-top: 0;
}

@media (min-width: 992px) {
  section.teaser .teasertitel h2 {
    width: 25%;
  }
  section.teaser .teasercontent {
    padding: 20px;
    padding-bottom: 10px;
  }
}
.search-container {
  border: 1px solid #dddbd9;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  height: 160px;
  margin-top: -2px;
}
.search-container form {
  margin-bottom: 0;
}
.search-container button {
  cursor: pointer;
}

.search-container-inner {
  width: 100%;
  height: 160px;
  display: flex;
  align-items: center;
}
.search-container-inner .bereich {
  margin-left: 20px;
}
.search-container-inner .bereich span.main-heading {
  display: inline-block;
  color: #fff;
  background: #ef7d00;
  font-family: "Lato";
  font-weight: 700;
  font-style: normal;
  font-size: 1.2em;
  line-height: 1.4em;
  padding: 4px 8px;
  margin-bottom: 5px;
}
.search-container-inner .bereich .panel {
  color: #fff;
  padding: 10px;
  background: rgba(29, 15, 15, 0.51);
  width: 350px;
  border-radius: 4px;
  box-shadow: 0 4px 8px 0 rgb(164, 155, 154), 0 6px 20px 0 rgb(164, 155, 154);
}
.search-container-inner .bereich .panel .main-searchfield {
  display: flex;
  justify-content: space-between;
}
.search-container-inner .bereich .panel .main-searchfield input {
  border: 1px solid #dddbd9;
  line-height: 1em;
  padding: 0 0.5em;
  margin-top: -2px;
  margin-right: 15px;
  height: 30px;
  background: #fff;
  width: 100%;
  border-radius: 4px;
}
.search-container-inner .bereich .panel .main-searchfield .submit-search {
  color: #fff;
  border: none;
  background: none;
}

.search-container .additional-button {
  float: right;
  position: relative;
  top: 5px;
  right: 5px;
}

.search-container.kalendersuche .additional-button {
  margin-bottom: 2px;
}

@media screen and (min-width: 767px) {
  .search-container .additional-button {
    top: 15px;
    right: 15px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 767px) {
  .search-container.kalendersuche .additional-button {
    top: 5px;
    right: 5px;
  }
}
@media screen and (min-width: 992px) {
  .search-container.kalendersuche .additional-button {
    top: 10px;
    right: 10px;
  }
}
.search-container.kalendersuche .search-container-inner {
  flex-direction: column;
  overflow: visible;
  position: relative;
  margin-top: 10px;
  justify-content: unset;
}

.search-container.kalendersuche .search-container-inner .bereich {
  margin-left: 5px;
}

.search-container.kalendersuche .search-container-inner .bereich .panel {
  width: 400px;
}

@media screen and (min-width: 767px) {
  .search-container.kalendersuche .search-container-inner .bereich {
    max-width: 70%;
  }
  .search-container.kalendersuche .search-container-inner .bereich .panel {
    width: 600px;
  }
  .search-container.kalendersuche .search-container-inner .bereich span.main-heading {
    margin-left: -15%;
  }
}
.search-container.lexikonsuche .search-container-inner {
  flex-direction: column;
  overflow: visible;
  position: relative;
  margin-top: 10px;
}

.search-container.lexikonsuche .search-container-inner .bereich {
  margin-left: 5px;
}

.search-container.lexikonsuche .search-container-inner .bereich .panel {
  width: 400px;
}

@media screen and (min-width: 767px) {
  .search-container.lexikonsuche .search-container-inner .bereich {
    max-width: 70%;
  }
  .search-container.lexikonsuche .search-container-inner .bereich .panel {
    width: 630px;
  }
}
.search-container.materialien .search-container-inner {
  flex-direction: column;
  overflow: visible;
  position: relative;
  margin-top: 10px;
}

.search-container.materialien .search-container-inner .bereich {
  margin-left: 5px;
}

.search-container.materialien .search-container-inner .bereich .panel {
  width: 400px;
}

@media screen and (min-width: 767px) {
  .search-container.materialien .search-container-inner {
    height: 160px;
  }
  .search-container.materialien .search-container-inner .bereich {
    max-width: 70%;
  }
  .search-container.materialien .search-container-inner .bereich .panel {
    width: 630px;
  }
}
.search-container.rezensionen {
  margin-bottom: 120px;
}

.search-container.rezensionen .search-container-inner {
  flex-direction: column;
  overflow: visible;
  position: relative;
  margin-top: 10px;
}

.search-container.rezensionen .search-container-inner .bereich {
  margin-left: 5px;
}

.search-container.rezensionen .search-container-inner .bereich .panel {
  width: 400px;
}

@media screen and (min-width: 767px) {
  .search-container.rezensionen {
    margin-bottom: unset;
  }
  .search-container.rezensionen .search-container-inner .bereich {
    max-width: 70%;
  }
  .search-container.rezensionen .search-container-inner .bereich .panel {
    width: 680px;
  }
  .search-container.rezensionen .search-container-inner .bereich span.main-heading {
    margin-left: -15%;
  }
}
@media screen and (max-width: 767px) {
  .search-container.stellensuche .search-container-inner .bereich {
    margin-top: 45px;
    z-index: 99;
  }
}
@media screen and (min-width: 576px) {
  .search-container.stellensuche .search-container-inner {
    height: 160px;
  }
  .search-container.stellensuche .search-container-inner .bereich .panel {
    width: 450px;
  }
}
.search-container.jobsuche .search-container-inner {
  height: 100px;
}

@media screen and (min-width: 767px) {
  .search-container.jobsuche .search-container-inner .bereich {
    max-width: 70%;
  }
  .search-container.jobsuche .search-container-inner .bereich .panel {
    width: 630px;
  }
  .search-container.jobsuche .search-container-inner {
    justify-content: center;
    height: 160px;
  }
}
.search-container.studium .search-container-inner {
  height: 100px;
}

@media screen and (min-width: 767px) {
  .search-container.studium .search-container-inner .bereich {
    max-width: 70%;
  }
  .search-container.studium .search-container-inner .bereich .panel {
    width: 630px;
  }
  .search-container.studium .search-container-inner {
    justify-content: center;
    height: 160px;
  }
}
.search-container.lexikonsuche {
  background-image: url(../images/bereichssuche/lexikonsuche.jpg);
}

.search-container.recherchesuche {
  background-image: url(../images/bereichssuche/recherche.jpg);
}

.search-container.kalendersuche {
  background-image: url(../images/bereichssuche/kalendersuche.jpg);
}

.search-container.studium {
  background-image: url(../images/bereichssuche/studiumsuche.jpg);
}

.search-container.international {
  background-image: url(../images/bereichssuche/internationalsuche.jpg);
}

.search-container.stellensuche,
.search-container.jobsuche {
  background-image: url(../images/bereichssuche/stellensuche.jpg);
}

.search-container.materialien {
  background-image: url(../images/bereichssuche/materialiensuche.jpg);
}

.search-container.branchenbuch {
  background-image: url(../images/bereichssuche/maennchen.jpg);
}

.search-container.rezensionen {
  background-image: url(../images/bereichssuche/rezensionensuche.jpg);
}

.search-container.verlag {
  background-image: url(../images/bereichssuche/Buchreihe-socialnet-Verlag.jpg);
}

.switch {
  text-align: center;
  margin-top: 5px;
  display: none;
}
.switch.kalender {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.switch.kalender .switch-field {
  display: flex;
  overflow: hidden;
  align-items: center;
  flex-wrap: wrap;
}
.switch.kalender .switch-field input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}
.switch.kalender .switch-field label.filter {
  background-color: #fff;
  color: #847978;
  text-align: center;
  padding: 5px 10px;
  margin-right: -1px;
  border: 1px solid #dddbd9;
}
.switch.kalender .switch-field label.filter:hover {
  cursor: pointer;
}
.switch.kalender .switch-field label.filter:first-of-type {
  border-radius: 4px 0 0 4px;
}
.switch.kalender .switch-field label.filter:last-of-type {
  border-radius: 0 4px 4px 0;
}
.switch.kalender .switch-field input:checked + label.filter {
  background-color: rgba(29, 15, 15, 0.51);
  border-color: rgba(29, 15, 15, 0.51);
  box-shadow: none;
  color: #fff;
}

@media screen and (min-width: 767px) {
  .switch.kalender .switch-field {
    align-items: flex-start;
    margin-top: 5px;
  }
}
.custom-checkbox {
  margin-bottom: 5px;
  margin-top: 5px;
  color: #fff;
  margin-left: 40px;
  margin-right: 15px;
}
.custom-checkbox input[type=checkbox] {
  display: none;
}
.custom-checkbox label.online,
.custom-checkbox label.verweis,
.custom-checkbox label.geplant,
.custom-checkbox label.planned,
.custom-checkbox label.alter,
.custom-checkbox label.age {
  position: relative;
  background: transparent;
}
.custom-checkbox span::before,
.custom-checkbox span::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.custom-checkbox span.checkbox::before {
  width: 20px;
  height: 20px;
  background-color: #fff;
  left: -24px;
  box-sizing: border-box;
  border: 3px solid transparent;
  border-radius: 4px;
  transition: border-color 0.2s;
}
.custom-checkbox span.checkbox:hover::before {
  border: 3px solid #a49b9a;
}
.custom-checkbox span.checkbox::after {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  left: -23px;
  top: 2px;
  color: transparent;
  transition: color 0.2s;
}
.custom-checkbox input[type=checkbox]:checked + label span.checkbox::after {
  color: #ef7d00;
}

.switch.kalender .custom-select {
  margin-top: 5px;
}

.custom-select {
  position: relative;
  margin-right: 5px;
  margin-bottom: 5px;
}
.custom-select::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "\f078";
  color: #313131;
  position: absolute;
  top: 5px;
  right: 5px;
  pointer-events: none;
}
.custom-select select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  color: #313131;
  border: 1px solid #dddbd9;
  border-radius: 4px;
  padding: 5px;
  width: 100%;
  height: 30px;
}
.custom-select select:disabled {
  color: #847978;
  background: #f1efed;
}
.custom-select select::-ms-expand {
  display: none; /* Standardpfeil im IE 10 und 11 entfernen */
}

.advancedsearchfilter {
  margin-top: 10px;
}
.advancedsearchfilter .search-options.kalender, .advancedsearchfilter .search-options.materialien, .advancedsearchfilter .search-options.lexikon, .advancedsearchfilter .search-options.stellenmarkt {
  display: flex;
  justify-content: space-between;
}
.advancedsearchfilter .search-options.rezensionen {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 0;
  flex-direction: column;
  margin-top: 3px;
}
.advancedsearchfilter .search-options.rezensionen select {
  padding-right: 15px;
  width: 250px;
}
.advancedsearchfilter .search-options.rezensionen .custom-input {
  margin-left: unset;
}
.advancedsearchfilter .search-options.rezensionen .jahr,
.advancedsearchfilter .search-options.rezensionen .year {
  width: 135px;
}
.advancedsearchfilter .search-options.rezensionen div {
  margin-right: 5px;
}
.advancedsearchfilter .search-options div {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-end;
}
.advancedsearchfilter .second-row.rezensionen, .advancedsearchfilter .second-row.stellenmarkt {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.advancedsearchfilter .second-row.rezensionen div, .advancedsearchfilter .second-row.stellenmarkt div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap-reverse;
}
.advancedsearchfilter .second-row.rezensionen div div div.custom-checkbox:first-of-type, .advancedsearchfilter .second-row.stellenmarkt div div div.custom-checkbox:first-of-type {
  margin-left: 25px;
}

.custom-input {
  margin-bottom: 5px;
}
.custom-input input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  color: #313131;
  border: 1px solid #dddbd9;
  border-radius: 4px;
  padding: 5px;
  height: 30px;
  width: 100%;
}
.custom-input input:disabled {
  color: #847978;
  background: #f1efed;
}

.custom-input-date {
  margin-right: 5px;
  margin-bottom: 5px;
  margin-top: -3px;
  margin-left: 10px;
  color: #fff;
}
.custom-input-date input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  color: #313131;
  border: 1px solid #dddbd9;
  border-radius: 4px;
  padding: 5px;
  width: 100%;
  height: 30px;
}
.custom-input-date input:disabled {
  color: #847978;
  background: #f1efed;
}

button.reset {
  color: #fff;
  border: none;
  background: none;
  margin: 0 5px 0 10px;
  padding: 0;
}

.ergebnis-sortierung {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}
.ergebnis-sortierung .sortierung {
  position: relative;
  display: flex;
  align-items: center;
}
.ergebnis-sortierung .sortierung::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "\f078";
  color: #313131;
  position: absolute;
  top: 5px;
  right: 5px;
  pointer-events: none;
}
.ergebnis-sortierung .sortierung form {
  margin: 0;
}
.ergebnis-sortierung .sortierung select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  color: #313131;
  border: 1px solid #dddbd9;
  border-radius: 4px;
  padding: 5px;
  width: 100%;
  min-width: 135px;
  margin-left: 5px;
}
.ergebnis-sortierung .sortierung select::-ms-expand {
  display: none; /* Standardpfeil im IE 10 und 11 entfernen */
}

@media screen and (min-width: 767px) {
  .switch.kalender .custom-select {
    margin-top: 0;
  }
  .advancedsearchfilter .search-options.kalender, .advancedsearchfilter .search-options.lexikon, .advancedsearchfilter .search-options.materialien, .advancedsearchfilter .search-options.rezensionen, .advancedsearchfilter .search-options.stellenmarkt {
    flex-direction: row;
    align-items: center;
    margin-bottom: 3px;
  }
  .advancedsearchfilter .search-options.kalender div, .advancedsearchfilter .search-options.lexikon div, .advancedsearchfilter .search-options.materialien div, .advancedsearchfilter .search-options.rezensionen div, .advancedsearchfilter .search-options.stellenmarkt div {
    justify-content: space-between;
    flex-wrap: nowrap;
  }
  .advancedsearchfilter .search-options.kalender select, .advancedsearchfilter .search-options.lexikon select, .advancedsearchfilter .search-options.materialien select, .advancedsearchfilter .search-options.rezensionen select, .advancedsearchfilter .search-options.stellenmarkt select {
    width: unset;
  }
  .advancedsearchfilter .search-options .custom-select {
    margin-bottom: 0;
  }
  .advancedsearchfilter .search-options .custom-input {
    margin-bottom: 0;
    margin-left: 10px;
  }
  .advancedsearchfilter .search-options .custom-checkbox {
    margin-bottom: 0;
    margin-top: 0;
  }
  .advancedsearchfilter .search-options .custom-input-date {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    margin-top: 0;
  }
  .advancedsearchfilter .search-options .custom-input-date label {
    margin-right: 2px;
  }
  .advancedsearchfilter .search-options .action {
    margin-left: 5px;
  }
  .advancedsearchfilter .second-row.rezensionen div, .advancedsearchfilter .second-row.stellenmarkt div {
    flex-wrap: nowrap;
  }
  .advancedsearchfilter .second-row.rezensionen div div, .advancedsearchfilter .second-row.stellenmarkt div div {
    margin-top: 3px;
  }
  .advancedsearchfilter .search-options.lexikon .custom-checkbox {
    margin-left: 20px;
    margin-right: 10px;
  }
  .advancedsearchfilter .search-options.lexikon .custom-checkbox:nth-of-type(3) {
    margin-left: 0;
  }
}
@media (min-width: 767px) {
  .search-container {
    max-width: 100%;
    height: 250px;
  }
  .search-container-inner {
    justify-content: center;
    height: 250px;
    margin: 0;
  }
  .search-container-inner .bereich {
    text-align: left;
    width: auto;
    max-width: 50%;
    min-width: 50%;
    font-weight: 400;
    margin-left: 0;
  }
  .search-container-inner .bereich a {
    color: #fff;
  }
  .search-container-inner .bereich span.main-heading {
    margin-left: -25%;
    margin-bottom: 10px;
    font-size: 1.4em;
    line-height: 1.6em;
  }
  .search-container-inner .bereich .panel {
    display: block;
    padding: 10px;
    width: 100%;
  }
  /* Reset HTML5 Search Input in Webkit */
  .suchformular input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    border-radius: 0;
  }
  .suchformular input[type=search]::-webkit-search-cancel-button,
  .suchformular input[type=search]::-webkit-search-decoration,
  .suchformular input[type=search]::-webkit-search-results-button,
  .suchformular input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
  }
}
dl.rechercheresults {
  margin-left: 0;
}

/* Gruppentitel */
dt.ressource {
  color: #444;
  margin: 0.5em 0 0.25em 0;
  font-size: 1.5em;
}

dt.typ, dt.typextern {
  font-style: italic;
  margin-left: 0.5em;
  margin-top: 0.5em;
}

.rechercheresults dd {
  margin: 0 0 0 2em;
  display: list-item;
  list-style: disc;
  line-height: 1.375em;
}

.rechercheresults a.more {
  font-weight: bold;
  margin-left: 0.5em;
}

.lexikonlisten {
  display: flex;
  flex-direction: column;
}

@media (min-width: 992px) {
  .lexikonlisten {
    flex-direction: row;
  }
  .lexikonlisten > * {
    width: 50%;
  }
}
ul.lexresults,
dl.lexresults {
  list-style: none;
  margin: 0;
}

ul.lexresults li {
  margin-bottom: 0.5em;
  text-indent: -1em;
  font-size: 1.125em;
  line-height: 1.375em;
}
ul.lexresults li small {
  font-size: 0.75em;
}
ul.lexresults li.exakt {
  background-color: #f1efed;
  padding: 20px;
  text-indent: 0;
  margin-left: -35px;
  margin-bottom: 20px;
  border: 1px solid #dddbd9;
}
ul.lexresults li.exakt blockquote {
  font-size: 0.9em;
  text-indent: -20px;
  margin-left: 0;
}
ul.lexresults li.exakt blockquote p::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f10e";
  font-size: 30px;
  color: #a49b9a;
  padding: 10px;
  padding-left: 20px;
}
ul.lexresults li.exakt blockquote cite {
  display: block;
  font-style: italic;
  text-align: right;
}

dl.lexresults {
  display: flex;
  flex-wrap: wrap;
}
dl.lexresults dt {
  width: 150px;
  font-size: 1.125em;
  line-height: 1.375em;
  margin-left: 0;
}
dl.lexresults dd {
  width: calc(100% - 160px);
  margin-left: 0;
  font-size: 1.125em;
  line-height: 1.375em;
  margin-bottom: 0.5em;
}

ul.lexresults .pagination,
ul.Autorlist .pagination {
  margin-left: -40px;
}

ul.lexresults .pagination,
dl.lexresults .pagination,
ul.Autorlist .pagination {
  margin-bottom: 0.5em;
  width: 100%;
}

.definition {
  font-size: 1.2em;
}

.archivhinweis {
  background: #f1efed;
  padding: 10px 20px;
  line-height: 1.6em;
  margin: 0 -20px 1em -20px;
}

.metadaten {
  font-size: 0.8em;
}
.metadaten p {
  margin-bottom: 0;
}
.metadaten p:last-of-type {
  margin-bottom: 1em;
}

.autordatum {
  font-size: 0.8em;
}
.autordatum p {
  margin-bottom: 0;
}
.autordatum p:last-of-type {
  margin-bottom: 1em;
}

ol.toclex,
ol.toclex ol {
  list-style-type: none;
  padding-left: 20px;
}

figure.imgright {
  max-width: 300px;
  width: -moz-min-content;
  width: min-content;
  float: right;
  display: inline;
  margin: 0 0 1em 1em;
  text-align: center;
}

figure.imgright figcaption {
  display: inline-block;
  text-align: left;
  font-size: 0.9em;
  padding-top: 0.3em;
}

figure.imgcenter {
  display: table;
  text-align: center;
  margin: 1.5em auto 1em auto;
}

figure.imgcenter figcaption {
  display: table-caption;
  caption-side: bottom;
  text-align: left;
  font-size: 0.9em;
  padding-top: 0.3em;
}

figure.imgcenter img {
  display: block;
  width: 100%;
}

table.lextable {
  border: 1px #ccc solid;
}

table.lextable caption {
  font-variant: normal;
  font-size: 0.9em;
  padding-bottom: 0.3em;
}

.lextable th,
.lextable td {
  line-height: 1.3em;
  vertical-align: top;
  padding: 0.5em;
}

.lextable {
  background: #fff;
}

.lextable thead th {
  background: #e0e0e0;
  border-right: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
}

.lextable tbody th[scope=row],
.lextable tbody th[scope=col] {
  background: #f0f0f0;
}

.lextable tbody th {
  border-right: 1px solid #ccc;
}

.lextable tbody td {
  border-right: 1px solid #ccc;
}

.lextable tbody ul {
  margin-left: -20px;
}

.quelle {
  text-indent: -1.5em;
  margin-left: 1.5em;
}

a.quelle_ref::before {
  /* Sprungmarken zum Quellenverzeichnis*/
  content: "\f063"; /*Pfeil nach unten*/
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  white-space: nowrap;
}

a.lexlink-inaktiv {
  color: rgba(49, 49, 49, 0.7411764706);
}

/* A-Z-Index */
.abcindex {
  font-size: 1.125em;
  margin-top: 1em;
  margin-bottom: 1em;
}

/* AutorInnenliste und Auflistung von Lexikonartikeln */
.Autorlist {
  list-style: none;
  margin: 0;
}
.Autorlist li {
  margin-bottom: 0.5em;
  font-size: 1.125em;
  line-height: 1.375em;
}
.Autorlist li small {
  font-size: 0.75em;
}

.AutorlistArtikel {
  list-style: none;
  font-size: 0.75em;
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
}
.AutorlistArtikel li {
  padding: 0 0 0 3px;
}

.AutorlistArtikel li::after {
  /*mit Trennstrich */
  content: " ∣";
}

.AutorlistArtikel li:last-child::after {
  content: "";
}

ul.taglist {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0 !important;
}
ul.taglist li {
  margin-right: 15px;
}
ul.taglist li:after {
  content: "";
}

.start-definition {
  font-style: normal;
  margin: 10px 0 0 40px;
  text-indent: -50px;
}
.start-definition p::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f10e";
  font-size: 30px;
  color: #a49b9a;
  padding: 10px;
}
.start-definition cite {
  display: block;
  font-style: italic;
  text-align: right;
  margin-bottom: 10px;
}

.cover-start {
  margin: 5px 25px 5px 0;
  max-width: 120px;
}

.cover {
  float: right;
  margin: 0 0 10px 5px;
  max-width: 120px;
}

hr.foot {
  border: none;
  border-top: 1px solid #bcbcbc;
  background-color: transparent;
  height: 1px;
  width: 33%;
  margin-top: 2.5em;
}

.fazit {
  font-style: normal;
  margin: 0;
  margin-bottom: 10px;
}
.fazit p::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f10e";
  font-size: 30px;
  color: #a49b9a;
  padding: 10px;
}
.fazit cite {
  display: block;
  font-style: italic;
  text-align: right;
}

.bibliografie {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}

.rezcover {
  max-width: 200px;
  margin-right: 20px;
  margin-bottom: 20px;
}

@media (min-width: 767px) {
  .bibliografie {
    flex-direction: row;
  }
}
ul.rezresultsstart {
  list-style: none;
}
ul.rezresultsstart li {
  margin-bottom: 1em;
}

ul.rezresults {
  list-style: none;
  margin-left: -40px;
}

ul.rezresults li {
  margin-bottom: 1em;
  margin-left: 0;
  font-size: 1.125em;
  line-height: 1.375em;
}

ul.rezresults li small {
  font-size: 0.75em;
  line-height: 0.75em;
}

ul.rezresults .pagination {
  margin-bottom: 1em;
  width: 100%;
}

fieldset.aktuell {
  border: 1px solid #dddbd9;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}
fieldset.aktuell legend {
  background: #b83850;
  color: #fff;
  float: right;
  padding: 0.2em 1.5em;
  border-bottom-left-radius: 1em;
  margin-bottom: 5px;
}
fieldset.aktuell img {
  margin: 0 10px 0px 5px;
  max-width: 100px;
}
fieldset.aktuell li {
  font-size: 1em;
  display: flex;
  align-items: flex-start;
  margin-top: 10px;
  clear: both;
  padding-left: 10px;
  padding-right: 10px;
}
fieldset.aktuell li div {
  font-size: 1.125em;
}
fieldset.aktuell li .aktuellefazits {
  font-size: 0.9em;
}

table.sponsoren {
  border: none;
}
table.sponsoren td {
  border: none;
  text-align: center;
  vertical-align: middle;
  padding: 20px;
}

.isbn-suche {
  background: #f1efed;
  border: 2px #fff solid;
  margin: 1.5em 0 1em 0;
  padding-bottom: 0.5em;
  padding: 1.5em;
  box-shadow: 0 0 4px #ddd;
  text-align: center;
}
.isbn-suche input {
  border: 1px solid #dddbd9;
  margin-right: 20px;
  padding: 0.25em 0.3em;
  box-shadow: inset 0 0 4px #eee;
}
.isbn-suche input:focus, .isbn-suche input:hover, .isbn-suche input:active {
  border: 1px #888 solid;
  background: #fff;
}

.rfb-form {
  background: #f1efed;
  border: 2px #fff solid;
  margin: 1.5em 0 1em 0;
  padding: 20px;
  box-shadow: 0 0 4px #ddd;
  line-height: 1.2em;
}
.rfb-form .confirmemail {
  display: none;
}
.rfb-form input[type=hidden] {
  display: none !important;
}
.rfb-form .required {
  color: #800;
  font-weight: bold;
}
.rfb-form input,
.rfb-form textarea,
.rfb-form select {
  border: 1px solid #a49b9a;
  line-height: 1em;
  padding: 4px 0.3em;
  font-family: inherit;
  box-shadow: inset 0 0 4px #eeeeee;
  margin-bottom: 3px;
}
.rfb-form input:disabled,
.rfb-form textarea:disabled,
.rfb-form select:disabled {
  border-color: #dddbd9;
  background: #f1efed;
}
.rfb-form input:focus,
.rfb-form select:focus,
.rfb-form textarea:focus,
.rfb-form input:hover,
.rfb-form select:hover,
.rfb-form textarea:hover,
.rfb-form input:active,
.rfb-form select:active,
.rfb-form textarea:active {
  border: 1px #888 solid;
  background: #fff;
}
.rfb-form input:focus:invalid {
  border: 2px solid #800;
}
.rfb-form .rfb-text,
.rfb-form .rfb-radio,
.rfb-form .rfb-checkbox,
.rfb-form .rfb-select {
  margin-bottom: 0.5em;
  display: flex;
  flex-direction: column;
}
.rfb-form .rfb-radio div {
  display: flex;
  align-items: baseline;
}
.rfb-form .rfb-checkbox label,
.rfb-form .rfb-radio label {
  margin-left: 10px;
  margin-bottom: 10px;
}
.rfb-form .rfb-submit {
  text-align: center;
}
.rfb-form .rfb-submit .submit-button {
  background: #b83850;
  text-decoration: none;
  padding: 10px;
  display: block;
  margin: 20px auto;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 40%;
}

.lp-liste {
  display: flex;
}
.lp-liste img {
  margin-bottom: 10px;
  margin-right: 10px;
  max-width: 80px;
}

ul.internationalresults {
  list-style: none;
  margin-left: -40px;
}

ul.internationalresults li {
  margin-bottom: 1em;
  margin-left: 0;
  line-height: 1.375em;
}
ul.internationalresults li a.titel {
  font-size: 1.125em;
}

ul.internationalresults .pagination {
  margin-bottom: 1em;
  width: 100%;
}

.worldmap {
  border: 1px solid #dddbd9;
  padding: 5px;
  background: #fff;
  overflow: hidden;
  margin-top: -2px;
}
.worldmap #map {
  width: 100%;
}

.metadaten {
  font-size: 0.8em;
}
.metadaten p {
  margin-bottom: 0;
}
.metadaten p:last-of-type {
  margin-bottom: 1em;
}

ul.studium-nav li.active {
  font-weight: bold;
}

.flex-container-studienrichtungen,
.flex-container-studieninfos {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.flex-container-studienrichtungen {
  margin-top: 40px;
}

.flex-container-studieninfos {
  margin-top: 20px;
}

.flex-item {
  background: #f1efed;
  border: 1px solid #dddbd9;
  width: calc(33.33% - 20px);
  margin-bottom: 20px;
}

a.flex-item:focus, a.flex-item:hover, a.flex-item:active {
  text-decoration: none;
  background: #b83850;
  color: #fff;
}
a.flex-item:focus h3, a.flex-item:hover h3, a.flex-item:active h3 {
  color: #fff;
}

.icon-container {
  background: #fff;
  border: 10px solid #fff;
  width: 110px;
  height: 110px;
  float: right;
  margin: -20px -15px 5px 5px;
  border-radius: 50%;
}

.item-content {
  display: flex; /* Zentriert den Inhalt vertikal */
  flex-direction: column;
  justify-content: center;
  margin: 20px;
}
.item-content ul {
  margin: 10px 0 0 -20px;
}

img.sg-icon {
  float: right;
  margin: -10px 10px 0 0;
  padding: 0;
  background: #f1efed;
  border-radius: 50%;
  box-shadow: -3px 3px 3px 0px rgba(155, 150, 144, 0.54);
  position: relative;
  top: 8px;
  right: -12px;
}

.flex-container-studienrichtungen .item-content {
  height: 100px;
}

@media screen and (max-width: 992px) {
  .flex-item {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 767px) {
  .flex-item {
    width: 100%;
  }
}
div.teaser-studiengang {
  margin-top: 20px;
  background: #f1efed;
  border: 1px solid #dddbd9;
  padding: 20px;
  margin-bottom: 50px;
}
div.teaser-studiengang .icon-container {
  background: #fff;
  border: 10px solid #fff;
  width: 110px;
  height: 110px;
  float: right;
  margin: -40px -35px 5px 5px;
  border-radius: 50%;
}
div.teaser-studiengang img.sg-icon {
  float: right;
  margin: -10px 10px 0 0;
  padding: 0;
  background: #f1efed;
  border-radius: 50%;
  box-shadow: -3px 3px 3px 0px rgba(155, 150, 144, 0.54);
  position: relative;
  top: 8px;
  right: -12px;
}

ul.studiengangliste {
  list-style-type: none;
  margin-left: -40px;
}
ul.studiengangliste li {
  list-style-type: none;
  margin-left: 0;
}
ul.studiengangliste li.sg-details {
  list-style-type: none;
  margin-left: 0;
  border-bottom: 1px dotted #9b9690;
  padding: 20px 0 10px 0;
}
ul.studiengangliste li.sg-details span.sg-name {
  font-weight: bold;
  font-size: 1.2em;
}
ul.studiengangliste li.sg-details .hslogo {
  max-width: 250px;
  float: right;
  max-height: 100px;
}
ul.studiengangliste li.sg-details::before {
  content: "";
  display: table;
}
ul.studiengangliste li.sg-details::after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
ul.studiengangliste li ul {
  margin-top: 10px;
}
ul.studiengangliste li ul li {
  text-indent: -1.25em;
  margin-left: 0;
}

.container-studienorte {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

.standort {
  background: #f1efed;
  border: 1px solid #dddbd9;
  width: 100%;
  margin-bottom: 20px;
  padding: 10px;
}
.standort .studienort {
  font-size: 1.2em;
  margin: 0;
}
.standort ul {
  margin: 10px 0 0 -40px;
  list-style-type: none;
}
.standort ul li {
  margin-bottom: 10px;
}
.standort ul li:has(img) {
  background: #fff;
  padding: 10px;
  margin-left: -10px;
  margin-right: -10px;
}
.standort ul li .hslogo {
  max-width: 250px;
  float: right;
  max-height: 100px;
}
.standort ul li::before {
  content: "";
  display: table;
}
.standort ul li::after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

.container-details-studiengang,
.container-details-hochschule {
  background: #f1efed;
  border: 1px solid #dddbd9;
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 10px;
}
.container-details-studiengang::after,
.container-details-hochschule::after {
  content: "";
  display: table;
  clear: both;
}
.container-details-studiengang .hslogo,
.container-details-hochschule .hslogo {
  float: right;
  max-width: 250px;
  margin: 10px 0 10px 10px;
}
.container-details-studiengang ul,
.container-details-hochschule ul {
  list-style-type: none;
}

.container-details-hochschule li {
  margin-left: -30px;
}

.container-details-studiengang li {
  text-indent: -1.25em;
  margin-left: 0;
}

.zugeordneteStudiengaenge details {
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 10px;
  width: 100%;
  border: 1px solid #dddbd9;
  background: #f1efed;
  cursor: pointer;
}
.zugeordneteStudiengaenge summary {
  position: relative;
}
.zugeordneteStudiengaenge summary::marker,
.zugeordneteStudiengaenge summary::-webkit-details-marker {
  color: transparent;
}
.zugeordneteStudiengaenge summary::after {
  content: "\f067";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  position: absolute;
  right: 10px;
  top: 0;
  transition: all 0.5s;
}
.zugeordneteStudiengaenge details[open] summary::after {
  transform: translate(5px, 0) rotate(45deg);
}
.zugeordneteStudiengaenge details[open] summary {
  color: #b83850;
  font-weight: 700;
}
.zugeordneteStudiengaenge details[open] summary:hover {
  text-decoration: underline;
}
.zugeordneteStudiengaenge ul {
  margin-top: 10px;
}

#vertical .hslogo {
  text-align: center;
  margin-bottom: 10px;
}
#vertical .hslogo img {
  max-width: 100%;
}

.faq-container {
  margin: 10px 0 10px 0;
  overflow: hidden;
}

.faq-btn {
  width: 100%;
  margin: 0 auto;
  padding: 15px 30px 15px 15px;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dddbd9;
  border-top: none;
  position: relative;
}
.faq-btn:after {
  content: "\f067";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 10px;
}
.faq-btn h3 {
  font-size: 1.1em;
  margin-bottom: 0;
  line-height: 1.25;
}

.faq-btn:first-child {
  border-top: 1px solid #dddbd9;
}

.faq-content {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  border-left: 1px solid #dddbd9;
  border-right: 1px solid #dddbd9;
}

.js .faq-content {
  height: 0px;
}

.faq-content-inner {
  padding: 20px;
  border-bottom: 1px solid #dddbd9;
}
.faq-content-inner ul {
  list-style-type: none;
}
.faq-content-inner ul,
.faq-content-inner ul li {
  margin-left: 0;
  padding-left: 0;
}
.faq-content-inner ul li {
  position: relative;
  padding-left: 10px;
}
.faq-content-inner ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  display: inline-block;
  background-color: #b83850;
  position: absolute;
  left: -6px;
  top: 8px;
}

.js .open {
  height: auto;
  border-bottom: 1px solid #dddbd9;
  color: #dddbd9;
  background: #f1efed;
}

.selected {
  background-color: #f1efed;
}
.selected:after {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
}
.selected h3 {
  color: #b83850;
}

ul.hs-list {
  list-style: none;
  margin-left: -40px;
}
ul.hs-list li {
  margin-bottom: 1em;
  padding: 0 0 10px 10px;
  border-bottom: 1px dotted #9b9690;
}
ul.hs-list li::after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
ul.hs-list li.premium a {
  font-weight: 700;
}
ul.hs-list li a {
  font-size: 1.2em;
}
ul.hs-list .hslogo {
  max-width: 250px;
  float: right;
  max-height: 100px;
}

.toggle-button {
  display: none;
}

@media (max-width: 992px) {
  #advancedsearch {
    display: none;
  }
  .toggle-button {
    display: block;
    width: 100%;
    border: 1px solid #dddbd9;
    color: #fff;
    background: #b83850;
    padding: 10px 24px;
    text-align: center;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 10px;
  }
  .toggle-button:hover {
    background: #8a3045;
  }
}
#vertical #advancedsearch {
  background: #fff;
  border: 1px solid #dddbd9;
  margin-bottom: 10px;
  padding: 20px 20px 10px 20px;
  /* remove standard-styles */
  /* Input  */
  /* Select */
  /* Hide custom-icons in lower versions of Internet Explorer (< IE10). */
  /* graceful degradation for ie8 */
  /* better styling only for modern browsers. To identify them, check for pseudoclass (:checked, :not(:checked)) */
  /* hide standard inputs */
  /* add custom inputs with ::before */
}
#vertical #advancedsearch fieldset {
  border: 1px solid #dddbd9;
  margin-bottom: 20px;
  background: #f1efed;
}
#vertical #advancedsearch legend {
  background: transparent;
  padding: 0 5px;
}
#vertical #advancedsearch input,
#vertical #advancedsearch select,
#vertical #advancedsearch button {
  font-size: inherit;
  font-family: inherit;
}
#vertical #advancedsearch label {
  display: inline-block;
  margin: 0.2em 0;
  text-indent: -22px;
}
#vertical #advancedsearch div {
  margin-left: 22px;
}
#vertical #advancedsearch input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  width: 100%;
}
#vertical #advancedsearch input {
  background-color: #fff;
  border: 1px solid #dddbd9;
  padding: 0.75em 0.5em 0.5em 1em;
  box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, 0.2);
}
#vertical #advancedsearch input:hover,
#vertical #advancedsearch input:active,
#vertical #advancedsearch textarea:hover,
#vertical #advancedsearch textarea:active {
  border: 1px solid #dddbd9;
}
#vertical #advancedsearch select {
  width: 100%;
  border: 1px solid #dddbd9;
  padding: 0.75em 1em 0.5em 1em;
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
}
#vertical #advancedsearch select:hover {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
#vertical #advancedsearch .lt-ie10 select {
  background-image: none;
}
#vertical #advancedsearch input[type=checkbox],
#vertical #advancedsearch input[type=radio] {
  width: auto;
  float: left;
  margin-right: 0.75em;
  background: transparent;
  border: none;
}
#vertical #advancedsearch input[type=checkbox]:checked,
#vertical #advancedsearch input[type=checkbox]:not(:checked),
#vertical #advancedsearch input[type=radio]:checked,
#vertical #advancedsearch input[type=radio]:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin: 0;
  padding: 0;
}
#vertical #advancedsearch input[type=checkbox] + label,
#vertical #advancedsearch input[type=radio] + label {
  cursor: pointer;
}
#vertical #advancedsearch input[type=checkbox]:checked + label::before,
#vertical #advancedsearch input[type=checkbox]:not(:checked) + label::before,
#vertical #advancedsearch input[type=radio]:checked + label::before,
#vertical #advancedsearch input[type=radio]:not(:checked) + label::before {
  content: " ";
  display: inline-block;
  width: 15px;
  height: 15px;
  position: relative;
  top: 4px;
  border: 1px solid #dddbd9;
  background: white;
  margin-right: 5px;
  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
#vertical #advancedsearch input[type=radio]:checked + label::before,
#vertical #advancedsearch input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}
#vertical #advancedsearch input[type=checkbox]:hover + label::before,
#vertical #advancedsearch input[type=radio]:hover + label::before {
  background: #a49b9a;
  box-shadow: inset 0 0 0 2px #fff;
}
#vertical #advancedsearch input[type=checkbox]:checked + label::before,
#vertical #advancedsearch input[type=radio]:checked + label::before {
  background: #b83850;
  box-shadow: inset 0 0 0 2px #fff;
}

.basic-facts {
  background: #b83850;
  border: none;
  color: #fff;
  padding: 10px 24px;
  text-align: center;
  text-decoration: none;
  font-weight: 400;
  margin: 4px 2px;
  border-radius: 4px;
  display: inline-block;
  float: right;
  line-height: 1.6em;
}
.basic-facts a {
  color: #fff;
}

.hochschulprofilauftrag,
.studiengangsprofilauftrag {
  background: #f1efed;
  border: 2px #fff solid;
  margin: 1.5em 0 1em 0;
  padding: 20px;
  box-shadow: 0 0 4px #ddd;
  line-height: 1.2em;
}
.hochschulprofilauftrag .confirmemail,
.studiengangsprofilauftrag .confirmemail {
  display: none;
}
.hochschulprofilauftrag input[type=hidden],
.studiengangsprofilauftrag input[type=hidden] {
  display: none !important;
}
.hochschulprofilauftrag .required,
.studiengangsprofilauftrag .required {
  color: #800;
  font-weight: bold;
}
.hochschulprofilauftrag input,
.hochschulprofilauftrag textarea,
.hochschulprofilauftrag select,
.studiengangsprofilauftrag input,
.studiengangsprofilauftrag textarea,
.studiengangsprofilauftrag select {
  border: 1px solid #a49b9a;
  line-height: 1em;
  padding: 4px 0.3em;
  font-family: inherit;
  box-shadow: inset 0 0 4px #eeeeee;
  margin-bottom: 3px;
}
.hochschulprofilauftrag input:disabled,
.hochschulprofilauftrag textarea:disabled,
.hochschulprofilauftrag select:disabled,
.studiengangsprofilauftrag input:disabled,
.studiengangsprofilauftrag textarea:disabled,
.studiengangsprofilauftrag select:disabled {
  border-color: #dddbd9;
  background: #f1efed;
}
.hochschulprofilauftrag input:focus,
.hochschulprofilauftrag select:focus,
.hochschulprofilauftrag textarea:focus,
.hochschulprofilauftrag input:hover,
.hochschulprofilauftrag select:hover,
.hochschulprofilauftrag textarea:hover,
.hochschulprofilauftrag input:active,
.hochschulprofilauftrag select:active,
.hochschulprofilauftrag textarea:active,
.studiengangsprofilauftrag input:focus,
.studiengangsprofilauftrag select:focus,
.studiengangsprofilauftrag textarea:focus,
.studiengangsprofilauftrag input:hover,
.studiengangsprofilauftrag select:hover,
.studiengangsprofilauftrag textarea:hover,
.studiengangsprofilauftrag input:active,
.studiengangsprofilauftrag select:active,
.studiengangsprofilauftrag textarea:active {
  border: 1px #888 solid;
  background: #fff;
}
.hochschulprofilauftrag input:focus:invalid,
.studiengangsprofilauftrag input:focus:invalid {
  border: 2px solid #800;
}
.hochschulprofilauftrag .hs-text,
.hochschulprofilauftrag .hs-radio,
.hochschulprofilauftrag .hs-checkbox,
.hochschulprofilauftrag .hs-select,
.studiengangsprofilauftrag .hs-text,
.studiengangsprofilauftrag .hs-radio,
.studiengangsprofilauftrag .hs-checkbox,
.studiengangsprofilauftrag .hs-select {
  margin-bottom: 0.5em;
  display: flex;
  flex-direction: column;
}
.hochschulprofilauftrag .hs-checkbox label,
.hochschulprofilauftrag .hs-radio label,
.studiengangsprofilauftrag .hs-checkbox label,
.studiengangsprofilauftrag .hs-radio label {
  margin-left: 5px;
}
.hochschulprofilauftrag .hs-submit,
.studiengangsprofilauftrag .hs-submit {
  text-align: center;
}
.hochschulprofilauftrag .hs-submit .submit-button,
.studiengangsprofilauftrag .hs-submit .submit-button {
  background: #b83850;
  text-decoration: none;
  padding: 10px;
  display: block;
  margin: 20px auto;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  text-align: center;
  width: 40%;
}
.hochschulprofilauftrag .hs-submit .submit-button::before,
.studiengangsprofilauftrag .hs-submit .submit-button::before {
  content: "zahlungspflichtig bestellen";
}
.hochschulprofilauftrag .hs-submit .submit-button.kostenlos::before,
.studiengangsprofilauftrag .hs-submit .submit-button.kostenlos::before {
  content: "kostenlos eintragen";
}

@media screen and (min-width: 767px) {
  .hochschulprofilauftrag .hs-text,
  .hochschulprofilauftrag .hs-radio,
  .hochschulprofilauftrag .hs-checkbox,
  .hochschulprofilauftrag .hs-select,
  .studiengangsprofilauftrag .hs-text,
  .studiengangsprofilauftrag .hs-radio,
  .studiengangsprofilauftrag .hs-checkbox,
  .studiengangsprofilauftrag .hs-select {
    flex-direction: row;
  }
  .hochschulprofilauftrag .hs-text input[type=text],
  .hochschulprofilauftrag .hs-text input[type=email],
  .hochschulprofilauftrag .hs-text input[type=url],
  .hochschulprofilauftrag .hs-text textarea,
  .hochschulprofilauftrag .hs-radio input[type=text],
  .hochschulprofilauftrag .hs-radio input[type=email],
  .hochschulprofilauftrag .hs-radio input[type=url],
  .hochschulprofilauftrag .hs-radio textarea,
  .hochschulprofilauftrag .hs-checkbox input[type=text],
  .hochschulprofilauftrag .hs-checkbox input[type=email],
  .hochschulprofilauftrag .hs-checkbox input[type=url],
  .hochschulprofilauftrag .hs-checkbox textarea,
  .hochschulprofilauftrag .hs-select input[type=text],
  .hochschulprofilauftrag .hs-select input[type=email],
  .hochschulprofilauftrag .hs-select input[type=url],
  .hochschulprofilauftrag .hs-select textarea,
  .studiengangsprofilauftrag .hs-text input[type=text],
  .studiengangsprofilauftrag .hs-text input[type=email],
  .studiengangsprofilauftrag .hs-text input[type=url],
  .studiengangsprofilauftrag .hs-text textarea,
  .studiengangsprofilauftrag .hs-radio input[type=text],
  .studiengangsprofilauftrag .hs-radio input[type=email],
  .studiengangsprofilauftrag .hs-radio input[type=url],
  .studiengangsprofilauftrag .hs-radio textarea,
  .studiengangsprofilauftrag .hs-checkbox input[type=text],
  .studiengangsprofilauftrag .hs-checkbox input[type=email],
  .studiengangsprofilauftrag .hs-checkbox input[type=url],
  .studiengangsprofilauftrag .hs-checkbox textarea,
  .studiengangsprofilauftrag .hs-select input[type=text],
  .studiengangsprofilauftrag .hs-select input[type=email],
  .studiengangsprofilauftrag .hs-select input[type=url],
  .studiengangsprofilauftrag .hs-select textarea {
    width: 65%;
    margin-right: 10px;
  }
  .hochschulprofilauftrag .hs-text input[type=date],
  .hochschulprofilauftrag .hs-radio input[type=date],
  .hochschulprofilauftrag .hs-checkbox input[type=date],
  .hochschulprofilauftrag .hs-select input[type=date],
  .studiengangsprofilauftrag .hs-text input[type=date],
  .studiengangsprofilauftrag .hs-radio input[type=date],
  .studiengangsprofilauftrag .hs-checkbox input[type=date],
  .studiengangsprofilauftrag .hs-select input[type=date] {
    margin-right: 10px;
  }
  .hochschulprofilauftrag .hs-radio .radio-wrap,
  .studiengangsprofilauftrag .hs-radio .radio-wrap {
    width: 65%;
    display: flex;
    flex-direction: column;
  }
  .hochschulprofilauftrag .hs-text label,
  .hochschulprofilauftrag .hs-radio .label,
  .hochschulprofilauftrag .hs-checkbox .label,
  .hochschulprofilauftrag .hs-select label,
  .studiengangsprofilauftrag .hs-text label,
  .studiengangsprofilauftrag .hs-radio .label,
  .studiengangsprofilauftrag .hs-checkbox .label,
  .studiengangsprofilauftrag .hs-select label {
    width: 30%;
  }
  .hochschulprofilauftrag .hs-checkbox .checkbox-wrap,
  .studiengangsprofilauftrag .hs-checkbox .checkbox-wrap {
    width: 65%;
    display: flex;
    flex-direction: column;
  }
  .hochschulprofilauftrag .hs-text.preis input,
  .hochschulprofilauftrag .hs-text.ort input,
  .studiengangsprofilauftrag .hs-text.preis input,
  .studiengangsprofilauftrag .hs-text.ort input {
    width: auto;
  }
}
.eventimage {
  margin-top: 1.5em;
  max-width: 100%;
  height: auto;
}

ul.eventresults {
  list-style: none;
  margin: 0;
}
ul.eventresults li {
  margin-bottom: 0.5em;
  text-indent: -1em;
  font-size: 1.125em;
  line-height: 1.375em;
}
ul.eventresults li small {
  font-size: 0.75em;
}

ul.eventresults .pagination {
  margin-left: -40px;
  margin-bottom: 0.5em;
  width: 100%;
}

dl.eventresults {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
dl.eventresults dt {
  width: 180px;
  border-bottom: 1px dotted #9b9690;
  padding: 10px 0 10px 10px;
  font-style: normal;
  font-weight: 400;
}
dl.eventresults dd {
  width: calc(100% - 180px);
  margin: 0;
  border-bottom: 1px dotted #9b9690;
  padding: 10px;
  font-style: normal;
  font-weight: 400;
}
dl.eventresults .logo {
  max-width: 150px;
  float: right;
  max-height: 80px;
}
dl.eventresults small {
  color: #847978;
  font-style: italic;
}

dl.eventresults-start {
  margin: 0 0 10px -10px;
  display: flex;
  flex-wrap: wrap;
}
dl.eventresults-start dt {
  width: 180px;
  padding: 10px 0 0 10px;
  font-style: normal;
  font-weight: 400;
}
dl.eventresults-start dd {
  width: calc(100% - 180px);
  margin: 0;
  padding: 10px 10px 0 10px;
  font-style: normal;
  font-weight: 400;
}
dl.eventresults-start small {
  color: #847978;
  font-style: italic;
}

.format {
  font-size: 0.9em;
  color: #847978;
  font-style: italic;
}

.eventlogo {
  float: right;
  max-width: 250px;
  margin: 10px 0 10px 10px;
}

.eventdetail {
  overflow: auto;
  width: 100%;
}
.eventdetail ul {
  list-style-type: none;
  margin-left: -40px;
}
.eventdetail ul li {
  padding-left: 30px;
  position: relative;
  list-style-type: none;
  margin-left: 0;
}
.eventdetail ul li .detail {
  position: absolute;
  margin-left: -30px;
  width: 30px;
  max-width: 30px;
  text-align: center;
}

.calldetails {
  border: 1px solid #dddbd9;
  padding: 10px;
  margin: 10px 0;
  background: #f1efed;
}

div.anmeldebutton {
  float: right;
  margin: 1.5em 0 0 1em;
  text-align: center;
}
div.anmeldebutton small {
  color: #847978;
}

.event-random-right .randomlogo {
  text-align: center;
}
.event-random-right .randomlogo img {
  max-width: 250px;
  max-height: 80px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0;
}

.disclaimer {
  background: #fff;
  border: 1px solid #dddbd9;
}
.disclaimer h3 {
  margin: 0;
  background: #a49b9a;
  padding: 10px 20px;
  color: #fff;
  display: flex;
  justify-content: space-between;
}
.disclaimer .inhalt {
  padding: 20px 20px 10px 20px;
}
.disclaimer ul {
  padding-left: 20px;
}

.kalenderauftrag {
  background: #f1efed;
  border: 2px #fff solid;
  margin: 1.5em 0 1em 0;
  padding: 20px;
  box-shadow: 0 0 4px #ddd;
  line-height: 1.2em;
}
.kalenderauftrag .confirmemail {
  display: none;
}
.kalenderauftrag input[type=hidden] {
  display: none !important;
}
.kalenderauftrag .required {
  color: #800;
  font-weight: bold;
}
.kalenderauftrag input,
.kalenderauftrag textarea,
.kalenderauftrag select {
  border: 1px solid #a49b9a;
  line-height: 1em;
  padding: 4px 0.3em;
  font-family: inherit;
  box-shadow: inset 0 0 4px #eeeeee;
  margin-bottom: 3px;
}
.kalenderauftrag input:disabled,
.kalenderauftrag textarea:disabled,
.kalenderauftrag select:disabled {
  border-color: #dddbd9;
  background: #f1efed;
}
.kalenderauftrag input:focus,
.kalenderauftrag select:focus,
.kalenderauftrag textarea:focus,
.kalenderauftrag input:hover,
.kalenderauftrag select:hover,
.kalenderauftrag textarea:hover,
.kalenderauftrag input:active,
.kalenderauftrag select:active,
.kalenderauftrag textarea:active {
  border: 1px #888 solid;
  background: #fff;
}
.kalenderauftrag input:focus:invalid {
  border: 2px solid #800;
}
.kalenderauftrag .event-text,
.kalenderauftrag .event-radio,
.kalenderauftrag .event-checkbox,
.kalenderauftrag .event-select {
  margin-bottom: 0.5em;
  display: flex;
  flex-direction: column;
}
.kalenderauftrag .event-checkbox label,
.kalenderauftrag .event-radio label {
  margin-left: 5px;
}
.kalenderauftrag .event-submit {
  text-align: center;
}
.kalenderauftrag .event-submit .submit-button {
  background: #b83850;
  text-decoration: none;
  padding: 10px;
  display: block;
  margin: 20px auto;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  text-align: center;
  width: 40%;
}
.kalenderauftrag .event-submit .submit-button::before {
  content: "zahlungspflichtig bestellen";
}
.kalenderauftrag .event-submit .submit-button.kostenlos::before {
  content: "kostenlos eintragen";
}

@media screen and (min-width: 767px) {
  .kalenderauftrag .event-text,
  .kalenderauftrag .event-radio,
  .kalenderauftrag .event-checkbox,
  .kalenderauftrag .event-select {
    flex-direction: row;
  }
  .kalenderauftrag .event-text input[type=text],
  .kalenderauftrag .event-text input[type=email],
  .kalenderauftrag .event-text input[type=url],
  .kalenderauftrag .event-text textarea,
  .kalenderauftrag .event-radio input[type=text],
  .kalenderauftrag .event-radio input[type=email],
  .kalenderauftrag .event-radio input[type=url],
  .kalenderauftrag .event-radio textarea,
  .kalenderauftrag .event-checkbox input[type=text],
  .kalenderauftrag .event-checkbox input[type=email],
  .kalenderauftrag .event-checkbox input[type=url],
  .kalenderauftrag .event-checkbox textarea,
  .kalenderauftrag .event-select input[type=text],
  .kalenderauftrag .event-select input[type=email],
  .kalenderauftrag .event-select input[type=url],
  .kalenderauftrag .event-select textarea {
    width: 65%;
    margin-right: 10px;
  }
  .kalenderauftrag .event-text input[type=date],
  .kalenderauftrag .event-radio input[type=date],
  .kalenderauftrag .event-checkbox input[type=date],
  .kalenderauftrag .event-select input[type=date] {
    margin-right: 10px;
  }
  .kalenderauftrag .event-radio .radio-wrap {
    width: 65%;
    display: flex;
    flex-direction: column;
  }
  .kalenderauftrag .event-text label,
  .kalenderauftrag .event-radio .label,
  .kalenderauftrag .event-checkbox .label,
  .kalenderauftrag .event-select label {
    width: 30%;
  }
  .kalenderauftrag .event-checkbox .checkbox-wrap {
    width: 65%;
    display: flex;
    flex-direction: column;
  }
  .kalenderauftrag .event-text.preis input,
  .kalenderauftrag .event-text.ort input {
    width: auto;
  }
}
.newsbox .startlist {
  list-style-type: none;
  padding-left: 60px;
}
.newsbox .startlist .datum {
  position: absolute;
  margin-left: -80px;
  width: 80px;
  max-width: 80px;
  color: #847978;
}

.newsbox ul.stellen-premium-rechts {
  list-style-type: none;
}
.newsbox ul.stellen-premium-rechts li {
  margin-left: -20px;
  border-bottom: 1px dotted #9b9690;
  padding: 10px 0;
}
.newsbox ul.stellen-premium-rechts li div {
  text-align: center;
}
.newsbox ul.stellen-premium-rechts li img {
  max-width: 300px;
  margin-bottom: 10px;
  max-height: 80px;
}
.newsbox ul.stellen-premium-rechts li a {
  font-weight: 700;
}
.newsbox ul.stellen-premium-rechts li:last-of-type {
  border-bottom: none;
}

ul.stellenlist {
  list-style-type: none;
  margin-left: -40px;
}
ul.stellenlist li {
  padding-left: 90px;
  position: relative;
  list-style-type: none;
  margin-left: 0;
  border-top: 1px dotted #9b9690;
  padding: 15px 10px;
}
ul.stellenlist li:first-of-type {
  border-top: none;
}
ul.stellenlist li span.stelle {
  font-weight: bold;
  font-size: 1.125em;
}
ul.stellenlist li small {
  color: #847978;
}
ul.stellenlist li img {
  /*Logos*/
  float: right;
  display: inline;
  margin: 0.3em 0 0 1em;
  max-height: 80px;
  max-width: 200px;
}
ul.stellenlist li::before {
  content: "";
  display: table;
}
ul.stellenlist li::after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

fieldset.premium {
  border: 1px solid #dddbd9;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}
fieldset.premium legend {
  background: #b83850;
  color: #fff;
  float: right;
  padding: 0.2em 1.5em;
  border-bottom-left-radius: 1em;
  margin-bottom: 5px;
}
fieldset.premium li {
  border-top: none;
  margin-top: 18px;
  margin-bottom: 18px;
}

fieldset.premium + li {
  border-top: none;
}

.flex-container-stellenmarkt {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.flex-container-stellenmarkt .flex-item {
  width: 100%;
  height: auto;
  display: flex;
  align-content: space-between;
  flex-wrap: wrap;
  justify-content: center;
  margin: 10px 0;
  position: relative;
  transition: background-image 0.3s ease-in-out;
  max-width: 310px;
  margin: 10px auto;
}
.flex-container-stellenmarkt .flex-item img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: -2px;
}
.flex-container-stellenmarkt .flex-item h2 {
  position: absolute;
  top: 20px;
  padding: 0 20px;
  font-size: 1.2em;
  line-height: 1.4em;
}
.flex-container-stellenmarkt .flex-item h2 span {
  font-family: Open Sans;
  font-weight: 400;
  font-size: 90%;
}
.flex-container-stellenmarkt .flex-item .btn {
  position: absolute;
  bottom: 20px;
}
.flex-container-stellenmarkt .flex-item:hover img {
  opacity: 0;
}
.flex-container-stellenmarkt .flex-item:hover .hover-img {
  opacity: 1;
}
.flex-container-stellenmarkt .flex-item .hover-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

@media (min-width: 576px) {
  .flex-container-stellenmarkt {
    flex-direction: row;
    justify-content: space-around;
  }
  .flex-container-stellenmarkt .flex-item {
    width: calc(50% - 20px);
    max-width: unset;
  }
  .flex-container-stellenmarkt .flex-item img {
    margin-bottom: -2px;
  }
  .flex-container-stellenmarkt .flex-item .hover-img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (min-width: 767px) {
  .flex-container-stellenmarkt {
    justify-content: space-between;
  }
  .flex-container-stellenmarkt .flex-item {
    width: calc(33% - 20px);
  }
  .flex-container-stellenmarkt .flex-item img {
    margin-bottom: -3px;
  }
}
.stellendetail img.logo {
  float: right;
  display: inline;
  margin: 0 0 1em 1em;
}
.stellendetail ul {
  list-style-type: none;
  margin-left: -40px;
  margin-top: 20px;
}
.stellendetail ul li {
  padding-left: 120px;
  position: relative;
  list-style-type: none;
  margin-left: 0;
}
.stellendetail ul li .detail {
  position: absolute;
  margin-left: -120px;
  width: 120px;
  max-width: 120px;
  color: #313131;
}

.bewerbungsbutton {
  float: right;
  margin: 30px 0 0 20px;
  text-align: center;
}
.bewerbungsbutton small {
  color: #847978;
}

.bewerbungsbetreff {
  border-top: 1px dotted #9b9690;
  padding: 10px 0;
  margin-top: 20px;
}

.stellenmarktauftrag {
  background: #f1efed;
  border: 2px #fff solid;
  margin: 1.5em 0 1em 0;
  padding: 20px;
  box-shadow: 0 0 4px #ddd;
  line-height: 1.2em;
}
.stellenmarktauftrag .confirmemail {
  display: none;
}
.stellenmarktauftrag input[type=hidden] {
  display: none !important;
}
.stellenmarktauftrag .required {
  color: #800;
  font-weight: bold;
}
.stellenmarktauftrag input,
.stellenmarktauftrag textarea,
.stellenmarktauftrag select {
  border: 1px solid #a49b9a;
  line-height: 1em;
  padding: 4px 0.3em;
  font-family: inherit;
  box-shadow: inset 0 0 4px #eeeeee;
  margin-bottom: 3px;
}
.stellenmarktauftrag input:disabled,
.stellenmarktauftrag textarea:disabled,
.stellenmarktauftrag select:disabled {
  border-color: #dddbd9;
  background: #f1efed;
}
.stellenmarktauftrag input:focus,
.stellenmarktauftrag select:focus,
.stellenmarktauftrag textarea:focus,
.stellenmarktauftrag input:hover,
.stellenmarktauftrag select:hover,
.stellenmarktauftrag textarea:hover,
.stellenmarktauftrag input:active,
.stellenmarktauftrag select:active,
.stellenmarktauftrag textarea:active {
  border: 1px #888 solid;
  background: #fff;
}
.stellenmarktauftrag input:focus:invalid {
  border: 2px solid #800;
}
.stellenmarktauftrag .job-text,
.stellenmarktauftrag .job-radio,
.stellenmarktauftrag .job-checkbox,
.stellenmarktauftrag .job-select {
  margin-bottom: 0.5em;
  display: flex;
  flex-direction: column;
}
.stellenmarktauftrag .job-checkbox label,
.stellenmarktauftrag .job-radio label {
  margin-left: 5px;
}
.stellenmarktauftrag .job-submit {
  text-align: center;
}
.stellenmarktauftrag .job-submit .submit-button {
  background: #b83850;
  text-decoration: none;
  padding: 10px;
  display: block;
  margin: 20px auto;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  text-align: center;
  width: 40%;
}
.stellenmarktauftrag .job-submit .submit-button::before {
  content: "zahlungspflichtig bestellen";
}
.stellenmarktauftrag .job-submit .submit-button.kostenlos::before {
  content: "kostenlos eintragen";
}

@media screen and (min-width: 767px) {
  .stellenmarktauftrag .job-text,
  .stellenmarktauftrag .job-radio,
  .stellenmarktauftrag .job-checkbox,
  .stellenmarktauftrag .job-select {
    flex-direction: row;
  }
  .stellenmarktauftrag .job-text input[type=text],
  .stellenmarktauftrag .job-text input[type=email],
  .stellenmarktauftrag .job-text input[type=url],
  .stellenmarktauftrag .job-text textarea,
  .stellenmarktauftrag .job-radio input[type=text],
  .stellenmarktauftrag .job-radio input[type=email],
  .stellenmarktauftrag .job-radio input[type=url],
  .stellenmarktauftrag .job-radio textarea,
  .stellenmarktauftrag .job-checkbox input[type=text],
  .stellenmarktauftrag .job-checkbox input[type=email],
  .stellenmarktauftrag .job-checkbox input[type=url],
  .stellenmarktauftrag .job-checkbox textarea,
  .stellenmarktauftrag .job-select input[type=text],
  .stellenmarktauftrag .job-select input[type=email],
  .stellenmarktauftrag .job-select input[type=url],
  .stellenmarktauftrag .job-select textarea {
    width: 65%;
    margin-right: 10px;
  }
  .stellenmarktauftrag .job-text input[type=date],
  .stellenmarktauftrag .job-radio input[type=date],
  .stellenmarktauftrag .job-checkbox input[type=date],
  .stellenmarktauftrag .job-select input[type=date] {
    margin-right: 10px;
  }
  .stellenmarktauftrag .job-radio .radio-wrap {
    width: 65%;
    display: flex;
    flex-direction: column;
  }
  .stellenmarktauftrag .job-text label,
  .stellenmarktauftrag .job-radio .label,
  .stellenmarktauftrag .job-checkbox .label,
  .stellenmarktauftrag .job-select label {
    width: 30%;
  }
  .stellenmarktauftrag .job-checkbox .checkbox-wrap {
    width: 65%;
    display: flex;
    flex-direction: column;
  }
  .stellenmarktauftrag .job-text.preis input,
  .stellenmarktauftrag .job-text.ort input {
    width: auto;
  }
}
.file-uploader-buttons,
.file-uploader-items {
  clear: left;
  margin-top: 3px;
}

.file-uploader-items .file-wrap {
  float: left;
  margin: 0 0.5em 0.5em 0;
  position: relative;
}

.file-uploader-items .delete-button {
  background: url(../images/delete.png);
  display: block;
  height: 15px;
  position: absolute;
  right: -3px;
  text-indent: -1000em;
  top: -3px;
  width: 15px;
}

.file-uploader-items .thumb {
  height: auto;
  position: relative;
  width: auto;
}

.file-uploader-items .title {
  display: none;
}

.qq-uploader {
  position: relative;
  width: 100%;
}

.qq-clear-button,
.qq-upload-button {
  background: #b83850;
  color: #fff;
  display: block;
  float: left;
  margin-right: 7px;
  padding: 7px 0;
  text-align: center;
  width: 105px;
}

.qq-clear-button:hover,
.qq-upload-button:hover {
  background: #8a3045;
}

.qq-clear-button {
  cursor: pointer;
}

.qq-clear-button:focus {
  outline: 1px dotted #000;
}

.qq-upload-drop-area {
  background: #ff9797;
  height: 100%;
  left: 0;
  min-height: 70px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 2;
}

.qq-upload-drop-area span {
  display: block;
  font-size: 16px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 100%;
}

.qq-upload-drop-area-active {
  background: #ff7171;
}

.qq-upload-list {
  clear: left;
  list-style: none;
  margin: 15px 0;
  padding: 0;
}

.qq-upload-list li {
  font-size: 12px;
  line-height: 15px;
  margin: 0;
  padding: 0;
}

.qq-upload-cancel,
.qq-upload-failed-text,
.qq-upload-file,
.qq-upload-size,
.qq-upload-spinner {
  margin-right: 7px;
}

.qq-upload-spinner {
  background: url(../images/loading.gif);
  display: inline-block;
  height: 15px;
  vertical-align: text-bottom;
  width: 15px;
}

.qq-upload-cancel,
.qq-upload-size {
  font-size: 11px;
}

.qq-upload-failed-text {
  display: none;
}

.qq-upload-fail .qq-upload-failed-text {
  display: inline;
}

.rubriksuchestart {
  border: 1px solid #dddbd9;
  border-radius: 24px;
  padding: 5px 10px;
  margin: 0;
  width: 300px;
  display: flex;
  justify-content: space-between;
}
.rubriksuchestart input {
  border: none;
  outline: none;
  padding: 2px 10px;
}
.rubriksuchestart button {
  border: none;
  background: transparent;
  color: #847978;
}

.rubriksuche {
  background: #f1efed;
  border: 2px #fff solid;
  margin: 1.5em 0 1em 0;
  padding-bottom: 0.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-top: 0.5em;
  box-shadow: 0 0 4px #ddd;
}
.rubriksuche input {
  border: 1px solid #dddbd9;
  line-height: 1em;
  padding: 0.25em 0.3em;
  margin-top: -2px;
  font-family: Arial, Helvetica, sans-serif;
  box-shadow: inset 0 0 4px #eee;
}
.rubriksuche input:focus, .rubriksuche input:hover, .rubriksuche input:active {
  border: 1px #888 solid;
  background: #fff;
}
.rubriksuche input[type=submit] {
  background: #ccc;
}

h2.bb {
  font-size: 1.4em;
}

ul.bblist {
  list-style-type: none;
}

.linkvorschlag {
  background: #f1efed;
  border: 2px #fff solid;
  margin: 1.5em 0 1em 0;
  padding: 20px;
  box-shadow: 0 0 4px #ddd;
}
.linkvorschlag label {
  display: block;
  padding: 10px 0 5px 0;
}
.linkvorschlag div + .caption-3 {
  margin-top: 20px;
}
.linkvorschlag input,
.linkvorschlag textarea {
  width: 100%;
}
.linkvorschlag p {
  margin-top: 10px;
}
.linkvorschlag .confirmemail {
  display: none;
}
.linkvorschlag input[type=hidden] {
  display: none !important;
}
.linkvorschlag .required {
  color: #800;
  font-weight: bold;
}
.linkvorschlag .lv-text {
  margin-bottom: 0.5em;
  display: flex;
  flex-direction: column;
  line-height: 1.6em;
}
.linkvorschlag .lv-submit {
  text-align: center;
}
.linkvorschlag .lv-submit .submit-button {
  background: #b83850;
  text-decoration: none;
  padding: 10px;
  display: block;
  margin: 20px auto;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  text-align: center;
  width: 40%;
}

.anfrage {
  background: #f1efed;
  border: 2px #fff solid;
  margin: 1.5em 0 1em 0;
  padding: 20px;
  box-shadow: 0 0 4px #ddd;
}
.anfrage .confirmemail {
  display: none;
}
.anfrage input[type=hidden] {
  display: none !important;
}
.anfrage .required {
  color: #800;
  font-weight: bold;
}
.anfrage small {
  line-height: 0.9em;
}
.anfrage label {
  display: block;
  padding: 10px 0 5px 0;
}
.anfrage div + .caption-3 {
  margin-top: 20px;
}
.anfrage input,
.anfrage textarea {
  width: 100%;
}
.anfrage p {
  margin-top: 10px;
}
.anfrage .kategorien input[type=checkbox] {
  width: 30px;
}
.anfrage .kategorien label {
  padding: 3px;
  display: inline-block;
}

@media screen and (min-width: 767px) {
  .anfrage input,
  .anfrage textarea {
    width: 70%;
  }
}
.flex-container-branchenbuch {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
}

.flex-item {
  background: #f1efed;
  border: 1px solid #dddbd9;
  width: calc(33.33% - 20px);
  margin-bottom: 20px;
}

a.flex-item:focus, a.flex-item:hover, a.flex-item:active {
  text-decoration: none;
  background: #b83850;
  color: #fff;
}
a.flex-item:focus h3, a.flex-item:hover h3, a.flex-item:active h3 {
  color: #fff;
}

.icon-container {
  background: #fff;
  border: 10px solid #fff;
  width: 110px;
  height: 110px;
  float: right;
  margin: -20px -15px 5px 5px;
  border-radius: 50%;
}

.item-content {
  display: flex; /* Zentriert den Inhalt vertikal */
  flex-direction: column;
  justify-content: center;
  margin: 20px;
}
.item-content ul {
  margin: 10px 0 0 -20px;
}

img.bb-icon {
  float: right;
  margin: -10px 10px 0 0;
  padding: 0;
  background: #f1efed;
  border-radius: 50%;
  box-shadow: -3px 3px 3px 0px rgba(155, 150, 144, 0.54);
  position: relative;
  top: 8px;
  right: -12px;
}

.flex-container-branchenbuch .item-content {
  height: 100px;
}

@media screen and (max-width: 992px) {
  .flex-item {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 767px) {
  .flex-item {
    width: 100%;
  }
}
fieldset.erweitert {
  border: 1px solid #dddbd9;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}
fieldset.erweitert legend {
  background: #b83850;
  color: #fff;
  float: right;
  padding: 0.2em 1.5em;
  border-bottom-left-radius: 1em;
  margin-bottom: 5px;
}
fieldset.erweitert img {
  float: right;
  max-width: 200px;
  margin-top: 5px;
  margin-left: 10px;
  margin-bottom: 5px;
}
fieldset.erweitert p {
  border-top: none;
  margin-top: 30px;
  padding: 0 15px;
}
fieldset.erweitert ul {
  margin-bottom: 30px;
  padding: 0 15px;
}

fieldset.premium + p,
fieldset.premium + p.bbresults {
  border-top: none;
}

p.bbresults {
  border-top: 1px dotted #9b9690;
  padding-top: 10px;
}

p.bbresults::before {
  content: "";
  display: table;
}

.verteilerzuordnung {
  list-style: none;
  padding: 0;
  margin: -1em 0 1em 0;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.9em;
}

.verteilerzuordnung li {
  margin: 0 5px;
  position: relative;
}

.verteilerzuordnung li::before {
  content: "|";
  color: #847978;
}

.verteilerzuordnung li:first-child::before {
  content: "";
}

.bbauftrag {
  background: #f1efed;
  border: 2px #fff solid;
  margin: 1.5em 0 1em 0;
  padding: 20px;
  box-shadow: 0 0 4px #ddd;
  line-height: 1.2em;
}
.bbauftrag .confirmemail {
  display: none;
}
.bbauftrag input[type=hidden] {
  display: none !important;
}
.bbauftrag .required {
  color: #800;
  font-weight: bold;
}
.bbauftrag input,
.bbauftrag textarea,
.bbauftrag select {
  border: 1px solid #a49b9a;
  line-height: 1em;
  padding: 4px 0.3em;
  font-family: inherit;
  box-shadow: inset 0 0 4px #eeeeee;
  margin-bottom: 3px;
}
.bbauftrag input:disabled,
.bbauftrag textarea:disabled,
.bbauftrag select:disabled {
  border-color: #dddbd9;
  background: #f1efed;
}
.bbauftrag select {
  width: 100%;
}
.bbauftrag #Land {
  width: unset;
}
.bbauftrag input:focus,
.bbauftrag select:focus,
.bbauftrag textarea:focus,
.bbauftrag input:hover,
.bbauftrag select:hover,
.bbauftrag textarea:hover,
.bbauftrag input:active,
.bbauftrag select:active,
.bbauftrag textarea:active {
  border: 1px #888 solid;
  background: #fff;
}
.bbauftrag input:focus:invalid {
  border: 2px solid #800;
}
.bbauftrag .bb-text,
.bbauftrag .bb-radio,
.bbauftrag .bb-checkbox,
.bbauftrag .bb-select {
  margin-bottom: 0.5em;
  display: flex;
  flex-direction: column;
}
.bbauftrag .bb-checkbox label,
.bbauftrag .bb-radio label {
  margin-left: 5px;
}
.bbauftrag .bb-submit {
  text-align: center;
}
.bbauftrag .bb-submit .submit-button {
  background: #b83850;
  text-decoration: none;
  padding: 10px;
  display: block;
  margin: 20px auto;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  text-align: center;
  width: 40%;
}
.bbauftrag .bb-submit .submit-button::before {
  content: "zahlungspflichtig bestellen";
}
.bbauftrag .bb-submit .submit-button.kostenlos::before {
  content: "kostenlos eintragen";
}

@media screen and (min-width: 767px) {
  .bbauftrag .bb-text,
  .bbauftrag .bb-radio,
  .bbauftrag .bb-checkbox,
  .bbauftrag .bb-select {
    flex-direction: row;
  }
  .bbauftrag .bb-text input[type=text],
  .bbauftrag .bb-text input[type=email],
  .bbauftrag .bb-text input[type=url],
  .bbauftrag .bb-text textarea,
  .bbauftrag .bb-text select.rubrik,
  .bbauftrag .bb-radio input[type=text],
  .bbauftrag .bb-radio input[type=email],
  .bbauftrag .bb-radio input[type=url],
  .bbauftrag .bb-radio textarea,
  .bbauftrag .bb-radio select.rubrik,
  .bbauftrag .bb-checkbox input[type=text],
  .bbauftrag .bb-checkbox input[type=email],
  .bbauftrag .bb-checkbox input[type=url],
  .bbauftrag .bb-checkbox textarea,
  .bbauftrag .bb-checkbox select.rubrik,
  .bbauftrag .bb-select input[type=text],
  .bbauftrag .bb-select input[type=email],
  .bbauftrag .bb-select input[type=url],
  .bbauftrag .bb-select textarea,
  .bbauftrag .bb-select select.rubrik {
    width: 65%;
    margin-right: 10px;
  }
  .bbauftrag .bb-text input[type=date],
  .bbauftrag .bb-radio input[type=date],
  .bbauftrag .bb-checkbox input[type=date],
  .bbauftrag .bb-select input[type=date] {
    margin-right: 10px;
  }
  .bbauftrag .bb-radio .radio-wrap {
    width: 65%;
    display: flex;
    flex-direction: column;
  }
  .bbauftrag .bb-text label,
  .bbauftrag .bb-radio .label,
  .bbauftrag .bb-checkbox .label,
  .bbauftrag .bb-select label {
    width: 30%;
  }
  .bbauftrag .bb-checkbox .checkbox-wrap {
    width: 65%;
    display: flex;
    flex-direction: column;
  }
  .bbauftrag .bb-text.preis input,
  .bbauftrag .bb-text.ort input {
    width: auto;
  }
}
.nl-archiv {
  display: flex;
}
.nl-archiv .archiv-links {
  width: 50%;
}
.nl-archiv .archiv-rechts {
  width: 50%;
}

hr.foot {
  border: none;
  border-top: 1px solid #bcbcbc;
  background-color: transparent;
  height: 1px;
  width: 33%;
  margin-top: 2.5em;
}

.materialien-meta {
  border: 1px solid #dddbd9;
  padding: 10px;
  margin-bottom: 20px;
  background: rgba(241, 239, 237, 0.368627451);
}

.contentbox .teaser {
  border: 1px solid #dddbd9;
  padding: 10px;
  margin-bottom: 20px;
  background: rgba(241, 239, 237, 0.368627451);
}
.contentbox .teaser p:last-of-type {
  margin-bottom: 0;
}

.anlagen {
  margin-bottom: 10px;
}
.anlagen a.btn-red {
  min-width: 280px;
  text-align: left;
}

ul.materialresults {
  list-style: none;
  margin-left: -40px;
}

ul.materialresults li {
  margin-bottom: 1em;
  margin-left: 0;
  line-height: 1.375em;
}
ul.materialresults li a.titel {
  font-size: 1.125em;
}

ul.materialresults .pagination {
  margin-bottom: 1em;
  width: 100%;
}

.flex-container-blogs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
}

.flex-container-blogs article {
  background: #fff;
  width: 33.33%;
  margin-bottom: 20px;
  padding: 0 30px;
  border-right: 1px solid #dddbd9; /* Linie rechts */
  box-sizing: border-box; /* Damit padding und border in der Breite berücksichtigt werden */
}

/* Entferne border-right beim letzten Artikel in jeder Reihe */
.flex-container-blogs article:nth-child(3n) {
  border-right: none;
}

/* Bild */
.flex-container-blogs article img {
  width: 100%;
}

.article-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  padding: 10px 0;
}

.article-content .longtitle {
  font-size: 1.125em;
}

/* Mittlere Viewports: Zwei Artikel pro Zeile */
@media screen and (max-width: 992px) {
  .flex-container-blogs article {
    width: 50%;
  }
  /* Entferne border-right beim letzten Artikel in jeder Reihe */
  .flex-container-blogs article:nth-child(2n) {
    border-right: none;
  }
}
/* Kleine Viewports: Eine Spalte */
@media screen and (max-width: 767px) {
  .flex-container-blogs article {
    width: 100%;
    border-right: none; /* Keine Linie bei einspaltiger Ansicht */
  }
}/*# sourceMappingURL=main.css.map */