@charset "UTF-8";
/**
 * Sozial.de
 *
 * default screen stylesheet
 *
 * @copyright       Copyright 2021, socialnet GmbH Bonn
 * @link            https://www.sozial.de
 * @lastmodified    2021-07-14 21:24:42
 */
@import url(normalize.css);
@import url(all.min.css);
/* lato-100 - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("../webfonts/lato-v17-latin-100.eot"); /* IE9 Compat Modes */
  src: local("Lato Hairline"), local("Lato-Hairline"), url("../webfonts/lato-v17-latin-100.eot?#iefix") format("embedded-opentype"), url("../webfonts/lato-v17-latin-100.woff2") format("woff2"), url("../webfonts/lato-v17-latin-100.woff") format("woff"), url("../webfonts/lato-v17-latin-100.ttf") format("truetype"), url("../webfonts/lato-v17-latin-100.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-100italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("../webfonts/lato-v17-latin-100italic.eot"); /* IE9 Compat Modes */
  src: local("Lato Hairline Italic"), local("Lato-HairlineItalic"), url("../webfonts/lato-v17-latin-100italic.eot?#iefix") format("embedded-opentype"), url("../webfonts/lato-v17-latin-100italic.woff2") format("woff2"), url("../webfonts/lato-v17-latin-100italic.woff") format("woff"), url("../webfonts/lato-v17-latin-100italic.ttf") format("truetype"), url("../webfonts/lato-v17-latin-100italic.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-300 - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../webfonts/lato-v17-latin-300.eot"); /* IE9 Compat Modes */
  src: local("Lato Light"), local("Lato-Light"), url("../webfonts/lato-v17-latin-300.eot?#iefix") format("embedded-opentype"), url("../webfonts/lato-v17-latin-300.woff2") format("woff2"), url("../webfonts/lato-v17-latin-300.woff") format("woff"), url("../webfonts/lato-v17-latin-300.ttf") format("truetype"), url("../webfonts/lato-v17-latin-300.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-300italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("../webfonts/lato-v17-latin-300italic.eot"); /* IE9 Compat Modes */
  src: local("Lato Light Italic"), local("Lato-LightItalic"), url("../webfonts/lato-v17-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../webfonts/lato-v17-latin-300italic.woff2") format("woff2"), url("../webfonts/lato-v17-latin-300italic.woff") format("woff"), url("../webfonts/lato-v17-latin-300italic.ttf") format("truetype"), url("../webfonts/lato-v17-latin-300italic.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../webfonts/lato-v17-latin-regular.eot"); /* IE9 Compat Modes */
  src: local("Lato Regular"), local("Lato-Regular"), url("../webfonts/lato-v17-latin-regular.eot?#iefix") format("embedded-opentype"), url("../webfonts/lato-v17-latin-regular.woff2") format("woff2"), url("../webfonts/lato-v17-latin-regular.woff") format("woff"), url("../webfonts/lato-v17-latin-regular.ttf") format("truetype"), url("../webfonts/lato-v17-latin-regular.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../webfonts/lato-v17-latin-italic.eot"); /* IE9 Compat Modes */
  src: local("Lato Italic"), local("Lato-Italic"), url("../webfonts/lato-v17-latin-italic.eot?#iefix") format("embedded-opentype"), url("../webfonts/lato-v17-latin-italic.woff2") format("woff2"), url("../webfonts/lato-v17-latin-italic.woff") format("woff"), url("../webfonts/lato-v17-latin-italic.ttf") format("truetype"), url("../webfonts/lato-v17-latin-italic.svg#Lato") format("svg"); /* Legacy iOS */
}
/* 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 */
}
/* lato-900 - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../webfonts/lato-v17-latin-900.eot"); /* IE9 Compat Modes */
  src: local("Lato Black"), local("Lato-Black"), url("../webfonts/lato-v17-latin-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/lato-v17-latin-900.woff2") format("woff2"), url("../webfonts/lato-v17-latin-900.woff") format("woff"), url("../webfonts/lato-v17-latin-900.ttf") format("truetype"), url("../webfonts/lato-v17-latin-900.svg#Lato") format("svg"); /* Legacy iOS */
}
/* lato-900italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("../webfonts/lato-v17-latin-900italic.eot"); /* IE9 Compat Modes */
  src: local("Lato Black Italic"), local("Lato-BlackItalic"), url("../webfonts/lato-v17-latin-900italic.eot?#iefix") format("embedded-opentype"), url("../webfonts/lato-v17-latin-900italic.woff2") format("woff2"), url("../webfonts/lato-v17-latin-900italic.woff") format("woff"), url("../webfonts/lato-v17-latin-900italic.ttf") format("truetype"), url("../webfonts/lato-v17-latin-900italic.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 */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../webfonts/open-sans-v18-latin-300.eot"); /* IE9 Compat Modes */
  src: local("Open Sans Light"), local("OpenSans-Light"), url("../webfonts/open-sans-v18-latin-300.eot?#iefix") format("embedded-opentype"), url("../webfonts/open-sans-v18-latin-300.woff2") format("woff2"), url("../webfonts/open-sans-v18-latin-300.woff") format("woff"), url("../webfonts/open-sans-v18-latin-300.ttf") format("truetype"), url("../webfonts/open-sans-v18-latin-300.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("../webfonts/open-sans-v18-latin-300italic.eot"); /* IE9 Compat Modes */
  src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"), url("../webfonts/open-sans-v18-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../webfonts/open-sans-v18-latin-300italic.woff2") format("woff2"), url("../webfonts/open-sans-v18-latin-300italic.woff") format("woff"), url("../webfonts/open-sans-v18-latin-300italic.ttf") format("truetype"), url("../webfonts/open-sans-v18-latin-300italic.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../webfonts/open-sans-v18-latin-regular.eot"); /* IE9 Compat Modes */
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("../webfonts/open-sans-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("../webfonts/open-sans-v18-latin-regular.woff2") format("woff2"), url("../webfonts/open-sans-v18-latin-regular.woff") format("woff"), url("../webfonts/open-sans-v18-latin-regular.ttf") format("truetype"), url("../webfonts/open-sans-v18-latin-regular.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../webfonts/open-sans-v18-latin-italic.eot"); /* IE9 Compat Modes */
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url("../webfonts/open-sans-v18-latin-italic.eot?#iefix") format("embedded-opentype"), url("../webfonts/open-sans-v18-latin-italic.woff2") format("woff2"), url("../webfonts/open-sans-v18-latin-italic.woff") format("woff"), url("../webfonts/open-sans-v18-latin-italic.ttf") format("truetype"), url("../webfonts/open-sans-v18-latin-italic.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../webfonts/open-sans-v18-latin-600.eot"); /* IE9 Compat Modes */
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("../webfonts/open-sans-v18-latin-600.eot?#iefix") format("embedded-opentype"), url("../webfonts/open-sans-v18-latin-600.woff2") format("woff2"), url("../webfonts/open-sans-v18-latin-600.woff") format("woff"), url("../webfonts/open-sans-v18-latin-600.ttf") format("truetype"), url("../webfonts/open-sans-v18-latin-600.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../webfonts/open-sans-v18-latin-600italic.eot"); /* IE9 Compat Modes */
  src: local("Open Sans SemiBold Italic"), local("OpenSans-SemiBoldItalic"), url("../webfonts/open-sans-v18-latin-600italic.eot?#iefix") format("embedded-opentype"), url("../webfonts/open-sans-v18-latin-600italic.woff2") format("woff2"), url("../webfonts/open-sans-v18-latin-600italic.woff") format("woff"), url("../webfonts/open-sans-v18-latin-600italic.ttf") format("truetype"), url("../webfonts/open-sans-v18-latin-600italic.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../webfonts/open-sans-v18-latin-700.eot"); /* IE9 Compat Modes */
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../webfonts/open-sans-v18-latin-700.eot?#iefix") format("embedded-opentype"), url("../webfonts/open-sans-v18-latin-700.woff2") format("woff2"), url("../webfonts/open-sans-v18-latin-700.woff") format("woff"), url("../webfonts/open-sans-v18-latin-700.ttf") format("truetype"), url("../webfonts/open-sans-v18-latin-700.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("../webfonts/open-sans-v18-latin-700italic.eot"); /* IE9 Compat Modes */
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url("../webfonts/open-sans-v18-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../webfonts/open-sans-v18-latin-700italic.woff2") format("woff2"), url("../webfonts/open-sans-v18-latin-700italic.woff") format("woff"), url("../webfonts/open-sans-v18-latin-700italic.ttf") format("truetype"), url("../webfonts/open-sans-v18-latin-700italic.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../webfonts/open-sans-v18-latin-800.eot"); /* IE9 Compat Modes */
  src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url("../webfonts/open-sans-v18-latin-800.eot?#iefix") format("embedded-opentype"), url("../webfonts/open-sans-v18-latin-800.woff2") format("woff2"), url("../webfonts/open-sans-v18-latin-800.woff") format("woff"), url("../webfonts/open-sans-v18-latin-800.ttf") format("truetype"), url("../webfonts/open-sans-v18-latin-800.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-800italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("../webfonts/open-sans-v18-latin-800italic.eot"); /* IE9 Compat Modes */
  src: local("Open Sans ExtraBold Italic"), local("OpenSans-ExtraBoldItalic"), url("../webfonts/open-sans-v18-latin-800italic.eot?#iefix") format("embedded-opentype"), url("../webfonts/open-sans-v18-latin-800italic.woff2") format("woff2"), url("../webfonts/open-sans-v18-latin-800italic.woff") format("woff"), url("../webfonts/open-sans-v18-latin-800italic.ttf") format("truetype"), url("../webfonts/open-sans-v18-latin-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-700 - latin */
@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../webfonts/lora-v16-latin-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("../webfonts/lora-v16-latin-700.eot?#iefix") format("embedded-opentype"), url("../webfonts/lora-v16-latin-700.woff2") format("woff2"), url("../webfonts/lora-v16-latin-700.woff") format("woff"), url("../webfonts/lora-v16-latin-700.ttf") format("truetype"), url("../webfonts/lora-v16-latin-700.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 */
}
/* lora-700italic - latin */
@font-face {
  font-family: "Lora";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("../webfonts/lora-v16-latin-700italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../webfonts/lora-v16-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../webfonts/lora-v16-latin-700italic.woff2") format("woff2"), url("../webfonts/lora-v16-latin-700italic.woff") format("woff"), url("../webfonts/lora-v16-latin-700italic.ttf") format("truetype"), url("../webfonts/lora-v16-latin-700italic.svg#Lora") format("svg"); /* Legacy iOS */
}
body {
  background: #f1efed;
}

* {
  box-sizing: border-box;
}

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

/*   .wrapper > * {
       //padding: 10px;
    }
 */
header {
  grid-area: header;
}

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

main {
  grid-area: main;
}

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" "main" "aside" "footer";
}

aside {
  margin-top: 10px;
}

footer {
  margin-top: 10px;
  padding: 20px;
  background: #a49b9a;
  color: #fff;
  text-align: center;
  font-size: 0.95em;
}
footer a {
  color: #fff;
  margin: 0 10px;
  font-size: inherit;
}

@media (min-width: 992px) {
  .wrapper {
    grid-template-columns: 4fr 2fr;
    grid-template-areas: "header header" "nav nav" "main aside" "footer footer";
  }
  main {
    margin-right: 5px;
    max-width: 675px;
  }
  aside {
    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-top: 10px;
  padding: 20px 20px 10px 20px;
  margin-bottom: 10px;
  margin-top: 0;
}
div.newsbox.farbig {
  background: rgba(37, 115, 185, 0.32);
}
div.newsbox ul {
  margin-left: 0;
  padding-left: 20px;
}
div.newsbox ul li {
  margin-left: -10px;
}
div.newsbox table,
div.newsbox tbody td {
  border-bottom: none;
  border-top: none;
  margin: 0;
  padding: 0.5em 0.1em;
}
div.newsbox img {
  max-width: 290px;
}

ins div.newsbox:first-of-type {
  margin-top: 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: #2573b9;
}

.teaserbild {
  position: relative;
}

.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);
}

.bottomright {
  /*Bildunterschrift */
  position: absolute;
  bottom: 18px;
  right: 0;
  font-size: 0.75em;
  background: #fff;
  opacity: 0.8;
  padding: 3px 5px;
}

.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: 992px) {
  #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;
  }
}
div.text-ad {
  background: #fff;
  border: 1px solid #dddbd9;
  margin-top: 10px;
  padding: 20px 20px 10px 20px;
  margin-bottom: 10px;
  margin-top: 0;
}
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 .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;
}

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;
}

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

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

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

blockquote.interview {
  background: #f1efed;
  border-radius: 20px;
  padding: 10px;
  margin: 1em 1.2em 1em 1.2em;
}
blockquote.interview p::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f10e";
  font-size: 30px;
  color: #a49b9a;
  padding: 10px;
}

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 {
  color: #a49b9a;
}

a {
  color: #194e7d;
  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;
}

.contentbox img {
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

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

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

.bordered {
  margin-top: 1em;
  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;
}

.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: #c65221;
}
.btn-blau {
  background: #194e7d;
}

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

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

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

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;
}

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

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

.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 #b83850;
  padding: 1px 5px 2px;
  margin-right: 1px;
  text-decoration: none !important;
  color: black;
}

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

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

.lightgrey {
  color: #a49b9a;
}

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

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

.newsbox .cover {
  float: right;
  display: inline;
  margin: 0 10px 10px 5px;
}

.startlist {
  padding-left: 70px;
  position: relative;
  list-style-type: none;
}

.datum {
  position: absolute;
  margin-left: -80px;
  width: 80px;
  max-width: 80px;
}

.newsbox ul.feedlist {
  margin-left: -10px;
}

.newsbox .startlist {
  /* padding-left: 80px; */
  position: relative;
  list-style-type: none;
}

.newsbox .datum {
  position: absolute;
  margin-left: -80px;
  width: 80px;
  max-width: 80px;
  color: #847978;
}

h3.archiv,
span.archiv,
span.archiv a {
  color: #847978;
}

.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;
}

.beitragmeta {
  color: #847978;
}
.beitragmeta a {
  color: #847978;
}
.beitragmeta .autor {
  font-size: 1.4em;
}

.beitragmeta-right {
  display: block;
  float: right;
}

.intro {
  font-size: 1.2em;
}

hr.foot {
  border: none;
  border-top: 1px dotted #9b9690;
  height: 1px;
  width: 33%;
  margin-top: 2.5em;
}

.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);
}

.advertorialbild {
  float: right;
  display: inline;
  margin: 0.5em 1em 0 0;
}

.collage-liste {
  float: left;
  display: inline;
  margin: 0.5em 1em 0 0;
  width: 100px;
  border: 2px #eee solid;
  border: 2px rgb(255, 255, 255) solid;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}

p.icaption_left {
  float: left;
  display: inline;
  margin: 0 1em 0.15em 0;
}

p.icaption_right {
  float: right;
  display: inline;
  margin: 0 0 0.15em 1em;
}

p.icaption_center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

p.icaption_left img,
p.icaption_right img {
  padding: 0;
  border: 1px #888 solid;
}

p.icaption_center strong,
p.icaption_left strong,
p.icaption_right strong {
  display: block;
  overflow: hidden;
  margin-top: 2px;
  padding: 0.3em 0.5em;
  background: #efeceb;
  font-weight: normal;
  font-size: 91.667%;
}

.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%;
}

.related {
  margin-bottom: 10px;
}
.related img {
  border: 2px #eee solid;
  border: 2px rgb(255, 255, 255) solid;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}

@media (min-width: 992px) {
  .related img {
    height: 120px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top;
    width: 100%;
  }
}
div.linksbox {
  background: #f1efed;
  padding: 10px;
  border: 1px dotted #9b9690;
}

@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: #194e7d;
    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;
  }
}
.branding-wrapper {
  background: #fff;
  text-align: right;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 10px 20px 0 0;
  color: #9b9690;
}
.branding-wrapper a {
  color: #9b9690;
  text-decoration: none;
}

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

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

.sozial-logo {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.sozial-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) {
  .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 10px 5px 20px;
  border-bottom: 1px solid #fff;
  background: #2573b9;
}
#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: #194e7d;
}
#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: #194e7d;
}
#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 .sozial-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: #2573b9;
    width: 12.5%;
    border-right: 2px #fff solid;
    margin-left: 0;
    text-align: center;
    height: 45px;
    line-height: 1em;
    display: block;
  }
  .main-nav li:last-child {
    border-right: none;
  }
  .main-nav li a {
    display: table-cell;
    vertical-align: middle;
    height: 45px;
    padding: 5px 5px 5px 10px;
    color: #fff;
    width: 12.5%;
  }
  .main-nav li a:hover, .main-nav li a:focus, .main-nav li a:active {
    background: #194e7d;
  }
  .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: #194e7d;
  }
}
@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;
}

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

.news-wrapper {
  margin-bottom: 1em;
}
.news-wrapper .autor {
  color: #847978;
}
.news-wrapper .collage {
  float: left;
  display: inline;
  margin: 0 1em 0 0;
  border: 2px #eee solid;
  border: 2px rgb(255, 255, 255) solid;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  width: 150px;
}

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

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

aside .teaser {
  margin-bottom: 10px;
}

@media (min-width: 992px) {
  .teaser .teasertitel h2 {
    width: 33.3333333333%;
  }
  .teaser .teasertitel h2 a {
    padding: 5px 20px;
  }
  .teaser .teasercontent {
    padding: 20px;
    padding-bottom: 10px;
  }
}
.dossier {
  background-color: #2573b9;
  color: #fff;
}
.dossier h2 {
  font-weight: 300;
  text-align: center;
  padding-top: 15px;
  font-size: 2em;
}
.dossier .teasercontent {
  padding-top: 10px;
}
.dossier h3.archiv {
  color: #fff;
}
.dossier a {
  color: #fff;
}
.dossier span.archiv {
  color: #fff;
}

.ec-message {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  border: 1px solid #cccccc;
  background-color: #ebe9e7;
}

.ec-message p:last-child {
  margin-bottom: 0;
}

.ec-message__meta {
  margin: 0 0 6px 0;
  line-height: 32px;
}

.ec-message__meta .ec-message__author {
  float: left;
  font-weight: bold;
}

.ec-message__meta .ec-message__date {
  float: left;
}

.ec-message__meta .ec-message__votes {
  float: right;
}

.ec-message__date {
  font-size: 12px;
  color: #999;
  padding-left: 20px;
}

.ec-message__reply {
  background: #fff;
  padding: 10px;
  margin-left: 20px;
  border: 1px solid #cccccc;
}

.ec-message__reply p:last-child {
  margin-bottom: 0;
}

.ec-error {
  display: none;
}

.ec-antispam {
  display: none;
}

.ec-form {
  padding: 10px;
}

.ec-form p {
  color: #888;
  margin-bottom: 0.2em;
}

.ec-form textarea {
  width: 100%;
  padding: 0;
}

.ec-form input[type=text],
.ec-form input[type=email] {
  width: 50%;
  float: left;
  border: 1px solid #888;
  padding: 5px;
  margin-bottom: 5px;
}

.ec-form input:invalid,
.ec-form textarea:invalid {
  background-color: #fff;
}

.ec-form label {
  width: 20%;
  float: left;
}

.ec-form br {
  clear: both;
}

div.ec-form input[type=submit] {
  cursor: pointer;
}

.ec-form-checkbox input[type=checkbox] {
  width: 10%;
  float: left;
}

.ec-form-checkbox label {
  float: right;
  width: 90%;
}

.ec-success {
  color: green;
  padding: 10px;
  font-weight: bold;
}

.ec-error {
  color: red;
  font-size: 0.9em;
}

.ec-clearfix:before,
.ec-clearfix:after {
  content: " ";
  display: table;
}

.ec-clearfix:after {
  clear: both;
}

.ec-clearfix {
  *zoom: 1;
}

.eventlogo {
  text-align: center;
}

.eventlogo img {
  max-width: 250px;
  max-height: 80px;
  margin-top: 10px;
  padding: 0;
}

.newsbox ul.eventstartlist {
  list-style-type: none;
}
.newsbox ul.eventstartlist li {
  margin-left: -20px;
}

.eventsuche {
  background: #efeceb;
  border: 2px #fff solid;
  margin: 0 0 1em 0;
  padding: 0;
  box-shadow: 0 0 4px #ddd;
}

.eventsuche form {
  padding: 1em;
}

.eventsuche .main-searchfield {
  display: flex;
}

.eventsuche .suchformular input[type=search] {
  -webkit-appearance: none;
}

.eventsuche button {
  cursor: pointer;
}

.eventsuche .main-searchfield input {
  border: 1px solid #c0c0c0;
  line-height: 1em;
  padding: 0 0.5em;
  margin-top: -2px;
  height: 30px;
  background: #fff;
  width: 100%;
  border-radius: 4px;
}

.eventsuche .main-searchfield .submit-search {
  border: none;
  background: none;
  padding-left: 10px;
}

.switch {
  text-align: center;
  margin-top: 5px;
  display: none;
}

.switch.kalender {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  align-items: center;
}

.switch.kalender .switch-field {
  display: flex;
  overflow: hidden;
  align-items: center;
}

.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 5px;
  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;
}

.custom-checkbox {
  margin-bottom: 5px;
  margin-top: 5px;
  margin-left: 35px;
}

.custom-checkbox input[type=checkbox] {
  display: none;
}

.custom-checkbox label.online {
  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: -27px;
  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: #ff5900;
}

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

.custom-select {
  position: relative;
  margin-left: 8px;
  margin-bottom: 10px;
}

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

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

.ergebnis-sortierung {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

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

dl.eventresults {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

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

dl.eventresults dt {
  width: 180px;
  border-bottom: 1px dotted #847978;
  padding: 10px 0 10px 10px;
  font-style: normal;
  font-weight: 400;
}

dl.eventresults dd {
  width: calc(100% - 200px);
  margin: 0;
  border-bottom: 1px dotted #847978;
  padding: 10px 0;
  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;
  line-height: 0;
}

.lightgrey {
  color: #a49b9a;
}

/* 
@import "_lexikon";
@import '_suchformulare';
@import '_recherche';

@import '_rezensionen';
@import '_international';
@import '_studium';

@import '_stellenmarkt';
@import '_branchenbuch';
@import '_newsletter'; *//*# sourceMappingURL=main.css.map */