/*
// customer Stylesheet must enable via
// Packages/sitepackagecustomer/Configuration/TypoScript/Setup/page.typoscript
// page.includeCSS.sitepackagecustomer = ...
//
*/
/*
// customer Stylesheet must enabled via
// Packages/sitepackagecustomer/Configuration/TypoScript/Setup/page.typoscript
// page.includeCSS.sitepackagecustomer = ...
//
*/
:root {
  --customer__color__primary: #de5a6a;
  --customer__color__primary-darken-5: #da4557;
  --customer__color__primary-darken-10: #d63044;
  --customer__color__primary-darken-15: #c4273a;
  --customer__color__primary-darken-20: #af2334;
  --customer__color__primary-ligthen-75: white;
  --customer__color__primary-opacity-25: rgba(222, 90, 106, 0.25);
  --customer__color__primary-opacity-50: rgba(222, 90, 106, 0.5);
  --customer__color__primary-opacity-75: rgba(222, 90, 106, 0.75);
  --customer__color__primary-textColor: #FFFFFF;
  --customer__color__primary-textColor-opacity-50: rgba(255, 255, 255, 0.5);
  --customer__color__secondary: #af2334;
  --customer__color__secondary-darken-5: #9a1f2e;
  --customer__color__secondary-darken-10: #851b27;
  --customer__color__secondary-darken-15: #6f1621;
  --customer__color__secondary-darken-20: #5a121b;
  --customer__color__secondary-lighten-15: #da4557;
  --customer__color__secondary-opacity-50: rgba(175, 35, 52, 0.5);
  --customer__color__secondary-opacity-75: rgba(175, 35, 52, 0.75);
  --customer__color__secondary-textColor: #FFFFFF;
  --customer__color__secondary-textColor-opacity-50: rgba(255, 255, 255, 0.5);
  --customer__color__gray: #444444;
  --customer__color__gray-lighten-15: #6a6a6a;
  --customer__color__gray-lighten-30: #919191;
  --customer__color__gray-lighten-40: #aaaaaa;
  --customer__color__gray-lighten-50: #c4c4c4;
  --customer__color__gray-lighten-60: #dddddd;
  --customer__color__gray-darken-25: #040404;
  --customer__color__black: #000000;
  --customer__color__white: #FFFFFF;
  --customer__color__white-opacity-50: rgba(255, 255, 255, 0.5);
  --customer__color__white-opacity-90: rgba(255, 255, 255, 0.9);
  --customer__color-link: #af2334;
  --customer__color-link__text-decoration-color: rgba(175, 35, 52, 0.25);
  --customer__color-link__focus__background: #eb9aa4;
  --customer__color-link__focus__color: #FFFFFF;
  --customer__color-link__focus__outline: rgba(222, 90, 106, 0.75);
  --customer__color-link__hover__background: unset;
  --customer__color-link__hover__color: #de5a6a;
  --customer__color-link__hover__outline: transparant;
  --customer__color-breadcumbs__current__color: #444444;
  --customer__color-fontawesome__before: #de5a6a;
  --customer__color-fontawesome__after: #de5a6a;
}

/*
// customer Stylesheet must enabled via
// Packages/sitepackagecustomer/Configuration/TypoScript/Setup/page.typoscript
// page.includeCSS.sitepackagecustomer = ...
//
*/
/* lato-100 - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("../Fonts/Lato/lato-v17-latin/lato-v17-latin-100.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../Fonts/Lato/lato-v17-latin/lato-v17-latin-100.eot?#iefix") format("embedded-opentype"), url("../Fonts/Lato/lato-v17-latin/lato-v17-latin-100.woff2") format("woff2"), url("../Fonts/Lato/lato-v17-latin/lato-v17-latin-100.woff") format("woff"), url("../Fonts/Lato/lato-v17-latin/lato-v17-latin-100.ttf") format("truetype"), url("../Fonts/Lato/lato-v17-latin/lato-v17-latin-100.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("../Fonts/Lato/lato-v17-latin/lato-v17-latin-300.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../Fonts/Lato/lato-v17-latin/lato-v17-latin-300.eot?#iefix") format("embedded-opentype"), url("../Fonts/Lato/lato-v17-latin/lato-v17-latin-300.woff2") format("woff2"), url("../Fonts/Lato/lato-v17-latin/lato-v17-latin-300.woff") format("woff"), url("../Fonts/Lato/lato-v17-latin/lato-v17-latin-300.ttf") format("truetype"), url("../Fonts/Lato/lato-v17-latin/lato-v17-latin-300.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("../Fonts/Lato/lato-v17-latin/lato-v17-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../Fonts/Lato/lato-v17-latin/lato-v17-latin-regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/Lato/lato-v17-latin/lato-v17-latin-regular.woff2") format("woff2"), url("../Fonts/Lato/lato-v17-latin/lato-v17-latin-regular.woff") format("woff"), url("../Fonts/Lato/lato-v17-latin/lato-v17-latin-regular.ttf") format("truetype"), url("../Fonts/Lato/lato-v17-latin/lato-v17-latin-regular.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("../Fonts/Lato/lato-v17-latin/lato-v17-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../Fonts/Lato/lato-v17-latin/lato-v17-latin-700.eot?#iefix") format("embedded-opentype"), url("../Fonts/Lato/lato-v17-latin/lato-v17-latin-700.woff2") format("woff2"), url("../Fonts/Lato/lato-v17-latin/lato-v17-latin-700.woff") format("woff"), url("../Fonts/Lato/lato-v17-latin/lato-v17-latin-700.ttf") format("truetype"), url("../Fonts/Lato/lato-v17-latin/lato-v17-latin-700.svg#Lato") format("svg");
  /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  src: url("../Fonts/Lato/lato-v17-latin/lato-v17-latin-900.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../Fonts/Lato/lato-v17-latin/lato-v17-latin-900.eot?#iefix") format("embedded-opentype"), url("../Fonts/Lato/lato-v17-latin/lato-v17-latin-900.woff2") format("woff2"), url("../Fonts/Lato/lato-v17-latin/lato-v17-latin-900.woff") format("woff"), url("../Fonts/Lato/lato-v17-latin/lato-v17-latin-900.ttf") format("truetype"), url("../Fonts/Lato/lato-v17-latin/lato-v17-latin-900.svg#Lato") format("svg");
  /* Legacy iOS */
}
h1, .h1, h1 a, .h1 a, h1 span, .h1 span {
  color: #444444;
}
h1:hover, .h1:hover, h1 a:hover, .h1 a:hover, h1 span:hover, .h1 span:hover {
  color: #de5a6a;
}

h2, .h2, h2 a, .h2 a, h2 span, .h2 span {
  color: #444444;
}
h2:hover, .h2:hover, h2 a:hover, .h2 a:hover, h2 span:hover, .h2 span:hover {
  color: #de5a6a;
}

h3, .h3, h3 a, .h3 a, h3 span, .h3 span {
  color: #444444;
}
h3:hover, .h3:hover, h3 a:hover, .h3 a:hover, h3 span:hover, .h3 span:hover {
  color: #de5a6a;
}

h1, .h1, h1.a, .h1.a,
h2, .h2, h2.a, .h2.a,
h3, .h3, h3.a, .h3.a,
h4, .h4, h4.a, .h4.a,
h5, .h5, h5.a, .h5.a {
  font-weight: 500 !important;
}

/* global styles
-------------------------------------------------------------- */
*, html {
  font-size: 16px;
}

@media screen and (min-width: 320px) {
  html {
    font-size: calc(16px + 8 * (100vw - 320px) / 680);
  }
}
@media screen and (min-width: 1000px) {
  html {
    font-size: 24px;
  }
}
body {
  font-family: lato, arial, sans-serif;
  font-weight: 300;
  line-height: 1.4;
}
body.layout-default, body.layout-pagets__startpage, body.layout-pagets__12_12_9-3_12 {
  margin: 5em 0 0 0;
}

body {
  color: #444444;
}

/* a tag
-------------------------------------------------------------- */
/*
 * Transfer definitions to Source/Packages/sitepackagecustomer/Resources/Public/Css/3-Base/_links.scss
*
a {
  color: $secondary;
  text-decoration-color: lighten($secondary, 15);

  &:focus, &:active, &:hover {
    color: $primary;
    text-decoration-color: darken($primary, 15);
  }
}
 */
a {
  color: var(--customer__color-link);
  text-decoration: none;
}
a:not(.badge):not(.btn):not(.without-style):not(.lightbox .lb-prev):not(.lightbox .lb-next):not(.nav-link):not(.dropdown-item) {
  border-bottom: 0 none;
}
a:not(.badge):not(.btn):not(.without-style):not(.lightbox .lb-prev):not(.lightbox .lb-next):not(.nav-link):not(.dropdown-item)[target=_blank]:not([href^="mailto:"]):not(.without-icon)::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 0.8em;
  content: "\f35d";
  color: var(--customer__color-fontawesome__after);
  padding-left: 0.5rem;
}
a:not(.badge):not(.btn):not(.without-style):not(.lightbox .lb-prev):not(.lightbox .lb-next):not(.nav-link):not(.dropdown-item):hover:not(.lb-next):not(.lb-prev) {
  background-color: var(--customer__color-link__hover__background);
  color: var(--customer__color-link__hover__color);
  text-decoration: none;
  outline: 1px solid var(--customer__color-link__hover__background);
}
a:not(.badge):not(.btn):not(.without-style):not(.lightbox .lb-prev):not(.lightbox .lb-next):not(.nav-link):not(.dropdown-item):hover:not(.lb-next):not(.lb-prev)[target=_blank]::after {
  color: var(--customer__color-link__hover__color);
}
a:not(.badge):not(.btn):not(.without-style):not(.lightbox .lb-prev):not(.lightbox .lb-next):not(.nav-link):not(.dropdown-item):focus, a:not(.badge):not(.btn):not(.without-style):not(.lightbox .lb-prev):not(.lightbox .lb-next):not(.nav-link):not(.dropdown-item):active {
  background-color: var(--customer__color-link__focus__background);
  color: var(--customer__color-link__focus__color);
  outline: 3px solid var(--customer__color-link__focus__outline);
  text-decoration: none !important;
}

.__footer {
  background-color: #444444;
}
.__footer p, .__footer li {
  color: #c4c4c4;
}
.__footer h1, .__footer .h1,
.__footer h2, .__footer .h2,
.__footer h3, .__footer .h3,
.__footer h4, .__footer .h4 {
  color: #c4c4c4;
}
.__footer a {
  color: var(--customer__color-link__hover__color);
  font-weight: 400;
}
.__footer a:hover {
  color: var(--customer__color__white) !important;
}
.__footer .colLeft .ce-gallery {
  margin-top: 0;
}
.__footer .colLeft .ce-gallery .image img {
  max-width: 70% !important;
}
.__footer .colCenter .frame {
  margin-top: 2.6rem;
}
.__footer .colRight {
  padding-top: 0.75rem;
}
.__footer .__socialMediaIcons a:hover {
  color: var(--customer__color__white) !important;
}

#scrollTopButton {
  background-color: rgba(222, 90, 106, 0.5);
  color: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.5);
  bottom: 5%;
}
#scrollTopButton:hover {
  background-color: #de5a6a;
  color: #FFFFFF;
}

.__footerContacts {
  margin-top: 4rem;
  margin-bottom: 2rem;
}
.__footerContacts .partLeft,
.__footerContacts .partCenterLeft,
.__footerContacts .partCenterRight,
.__footerContacts .partRight {
  text-align: center;
}
.__footerContacts .partLeft a,
.__footerContacts .partCenterLeft a,
.__footerContacts .partCenterRight a,
.__footerContacts .partRight a {
  font-size: 1.1em;
  text-decoration: none;
}
.__footerContacts .partLeft a .fa, .__footerContacts .partLeft a .fas, .__footerContacts .partLeft a .far, .__footerContacts .partLeft a .fab,
.__footerContacts .partCenterLeft a .fa,
.__footerContacts .partCenterLeft a .fas,
.__footerContacts .partCenterLeft a .far,
.__footerContacts .partCenterLeft a .fab,
.__footerContacts .partCenterRight a .fa,
.__footerContacts .partCenterRight a .fas,
.__footerContacts .partCenterRight a .far,
.__footerContacts .partCenterRight a .fab,
.__footerContacts .partRight a .fa,
.__footerContacts .partRight a .fas,
.__footerContacts .partRight a .far,
.__footerContacts .partRight a .fab {
  padding-right: 0.5rem;
  font-size: 1em;
}

.__slogan .wrapper {
  padding: 2rem 0;
  background-color: #de5a6a;
}
.__slogan .wrapper .partLeft figure.image {
  margin-bottom: 0;
}
.__slogan .wrapper .partLeft .ce-bodytext * {
  color: #FFFFFF;
}
.__slogan .wrapper .partRight {
  height: 100%;
}
.__slogan .wrapper .partRight .ce-bodytext * {
  color: #FFFFFF;
  text-align: center;
}
@media (min-width: 768px) {
  .__slogan .wrapper .partLeft .ce-bodytext * {
    margin-bottom: 0;
  }
  .__slogan .wrapper .partRight {
    position: relative;
  }
  .__slogan .wrapper .partRight .ce-bodytext {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  .__slogan .wrapper .partRight .ce-bodytext * {
    margin: 0;
    text-align: right;
  }
}
.__swiper .frame-backgroundimage-container .frame-backgroundimage {
  background-position: center center !important;
}
.__swiper .frame-container .ce-bodytext {
  margin-top: 3rem;
}
.__swiper .frame-container .ce-bodytext h1, .__swiper .frame-container .ce-bodytext .h1,
.__swiper .frame-container .ce-bodytext h2, .__swiper .frame-container .ce-bodytext .h2 {
  color: #FFFFFF;
  text-shadow: #000000 1px 1px 2px;
}
.__swiper .frame-container .ce-bodytext h1, .__swiper .frame-container .ce-bodytext .h1 {
  margin-bottom: 0;
}
.__swiper .frame-container .ce-bodytext h2, .__swiper .frame-container .ce-bodytext .h2 {
  margin-bottom: 1rem;
  font-size: 2.25em;
  font-weight: 400;
}
.__swiper .frame-container .ce-bodytext p {
  color: #FFFFFF;
  text-shadow: #000000 2px 2px 3px, #000000 -1px -1px 2px;
  font-size: 1.25em;
  font-weight: 300;
}
.__swiper .frame-container .ce-bodytext .btn {
  text-shadow: none;
  margin-right: 1rem;
}
.__swiper .frame-container .ce-bodytext .btn:last-child {
  margin-right: 0;
}
.__swiper .frame-container .ce-images {
  visibility: hidden;
  display: none;
}
@media (min-width: 768px) {
  .__swiper .frame-backgroundimage-container .frame-backgroundimage {
    background-position: left top !important;
  }
  .__swiper .frame-container .ce-images {
    visibility: visible;
    display: inline;
  }
  .__swiper .frame-container .ce-images figure.image {
    margin-top: 7rem;
  }
}
@media (min-width: 922px) {
  .__swiper .frame-container .ce-images figure.image {
    margin-top: 4.5rem;
  }
}
@media (min-width: 1200px) {
  .__swiper .frame-container .ce-images figure.image {
    margin-top: 2rem;
  }
}

.__breadcrumbs {
  background-color: #dddddd;
  border-top: 1px solid #c4c4c4;
}
.__breadcrumbs span {
  color: #6a6a6a;
}
.__breadcrumbs .nav .nav-item.home .fa {
  color: #de5a6a !important;
}
.__breadcrumbs .nav .nav-item::before {
  color: #de5a6a;
}
.__breadcrumbs .nav .nav-item a {
  color: #6a6a6a;
}
.__breadcrumbs .nav .nav-item a:hover {
  color: #de5a6a;
}

.__metaMenu ul li a {
  color: #de5a6a;
}
.__metaMenu ul li a:hover, .__metaMenu ul li a:active {
  color: #FFFFFF;
}
.__metaMenu ul li.active a {
  color: #FFFFFF;
}

.__menuSitemap > ul li.level-1:before {
  content: "";
}
.__menuSitemap > ul li.level-1 h2 a {
  color: #af2334;
}
.__menuSitemap > ul li.level-other::before {
  color: #de5a6a;
}
.__menuSitemap > ul li a {
  color: #444444;
}
.__menuSitemap > ul li a:hover {
  color: #af2334;
}

.__mainMenuSmartmenus {
  /* hamburger icon */
}
.__mainMenuSmartmenus nav {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.__mainMenuSmartmenus nav .nav-item .nav-link {
  text-transform: uppercase;
  font-weight: 400;
}
.__mainMenuSmartmenus nav .nav-item.active .nav-link, .__mainMenuSmartmenus nav .nav-item.current .nav-link {
  color: #de5a6a;
}
.__mainMenuSmartmenus nav .navbar-nav.sm-collapsible {
  background-color: rgba(68, 68, 68, 0.075);
  padding: 0;
  border-radius: 0;
  border: 0 none;
}
.__mainMenuSmartmenus nav .navbar-nav.sm-collapsible li ul {
  background-color: rgba(68, 68, 68, 0.075);
}
.__mainMenuSmartmenus .navbar-nav.sm-collapsible .sub-arrow {
  background-color: rgba(255, 255, 255, 0.5);
}
.__mainMenuSmartmenus .nav-brand a {
  padding-bottom: 0;
  color: #de5a6a;
}
.__mainMenuSmartmenus .navbar-toggler {
  margin-top: 1rem;
}
.__mainMenuSmartmenus .main-menu-btn-icon,
.__mainMenuSmartmenus .main-menu-btn-icon:before,
.__mainMenuSmartmenus .main-menu-btn-icon:after {
  background: #de5a6a;
}
@media (min-width: 768px) {
  .__mainMenuSmartmenus nav {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}

.layout-pagets__subMenuLeft #contentMain .frame,
.layout-pagets__subMenuRight #contentMain .frame {
  height: 512px;
}

.mainContent .container .container {
  padding-left: 0;
  padding-right: 0;
}

.frame-backgroundcolor-none {
  background: none;
}

.frame-backgroundcolor-primary {
  background-color: #de5a6a;
}

.frame-backgroundcolor-secondary {
  background-color: #af2334;
}

.frame-backgroundcolor-light {
  background-color: #dddddd;
}

.frame-backgroundcolor-dark {
  background-color: #444444;
}

.frame-has-backgroundimage .frame-backgroundimage-container .frame-backgroundimage.frame-backgroundimage-kacheln {
  background-image: url("/typo3conf/ext/sitepackagecustomer/Resources/Public/Images/frameBackgrounds/pattern-1.png");
  background-repeat: repeat;
  background-position: left top;
  background-size: auto;
}
.frame-has-backgroundimage .frame-backgroundimage-container .frame-backgroundimage.frame-backgroundimage-conference_poeples {
  background-image: url("/typo3conf/ext/sitepackagecustomer/Resources/Public/Images/frameBackgrounds/conference_peoples.jpg");
}
.frame-has-backgroundimage .frame-backgroundimage-container .frame-backgroundimage.frame-backgroundimage-durchstarten {
  background-image: url("/typo3conf/ext/sitepackagecustomer/Resources/Public/Images/frameBackgrounds/durchstarten.jpg");
}

.frame-backgroundmode-light h1, .frame-backgroundmode-light .h1, .frame-backgroundmode-light h1 a, .frame-backgroundmode-light .h1 a, .frame-backgroundmode-light h1 span, .frame-backgroundmode-light .h1 span,
.frame-backgroundmode-light h2, .frame-backgroundmode-light .h2, .frame-backgroundmode-light h2 a, .frame-backgroundmode-light .h2 a, .frame-backgroundmode-light h2 span, .frame-backgroundmode-light .h2 span,
.frame-backgroundmode-light h3, .frame-backgroundmode-light .h3, .frame-backgroundmode-light h3 a, .frame-backgroundmode-light .h3 a, .frame-backgroundmode-light h3 span, .frame-backgroundmode-light .h3 span,
.frame-backgroundmode-light h4, .frame-backgroundmode-light .h4, .frame-backgroundmode-light h4 a, .frame-backgroundmode-light .h4 a, .frame-backgroundmode-light h4 span, .frame-backgroundmode-light .h4 span,
.frame-backgroundmode-light h5, .frame-backgroundmode-light .h5, .frame-backgroundmode-light h5 a, .frame-backgroundmode-light h6, .frame-backgroundmode-light .h6, .frame-backgroundmode-light h6 a {
  color: #444444;
}

.frame-backgroundmode-dark {
  color: #FFFFFF;
}
.frame-backgroundmode-dark h1, .frame-backgroundmode-dark .h1, .frame-backgroundmode-dark h1 a, .frame-backgroundmode-dark .h1 a, .frame-backgroundmode-dark h1 span, .frame-backgroundmode-dark .h1 span,
.frame-backgroundmode-dark h2, .frame-backgroundmode-dark .h2, .frame-backgroundmode-dark h2 a, .frame-backgroundmode-dark .h2 a, .frame-backgroundmode-dark h2 span, .frame-backgroundmode-dark .h2 span,
.frame-backgroundmode-dark h3, .frame-backgroundmode-dark .h3, .frame-backgroundmode-dark h3 a, .frame-backgroundmode-dark .h3 a, .frame-backgroundmode-dark h3 span, .frame-backgroundmode-dark .h3 span,
.frame-backgroundmode-dark h4, .frame-backgroundmode-dark .h4, .frame-backgroundmode-dark h4 a, .frame-backgroundmode-dark .h4 a, .frame-backgroundmode-dark h4 span, .frame-backgroundmode-dark .h4 span,
.frame-backgroundmode-dark h5, .frame-backgroundmode-dark .h5, .frame-backgroundmode-dark h5 a, .frame-backgroundmode-dark h6, .frame-backgroundmode-dark .h6, .frame-backgroundmode-dark h6 a {
  color: #FFFFFF;
}

.frame.frame-style.frame-style-notch-color-after-primary:after {
  background-color: #de5a6a;
  border-color: #de5a6a;
}
.frame.frame-style.frame-style-notch-color-after-secondary:after {
  background-color: #af2334;
  border-color: #af2334;
}

.frame-style-slant-color-before-primary, .frame-style-slant-color-after-primary {
  background-color: #de5a6a;
}

.frame-style-slant-color-before-secondary, .frame-style-slant-color-after-secondary {
  background-color: #af2334;
}

.frame-style-slant-color-before-light, .frame-style-slant-color-after-light {
  background-color: #dddddd;
}

.frame-style-slant-color-before-dark, .frame-style-slant-color-after-dark {
  background-color: #444444;
}

.badge {
  margin-right: 0.5rem;
}
.badge:last-child {
  margin-right: 0;
}
.badge.badge-primary {
  background-color: #de5a6a;
  color: #FFFFFF;
}
.badge.badge-secondary {
  background-color: #af2334;
  color: #FFFFFF;
}

.btn-primary {
  background-color: #de5a6a;
  color: #FFFFFF;
  border-color: #c4273a !important;
}
.btn-primary:hover {
  background-color: #da4557;
  border-color: #af2334 !important;
}
.btn-primary:focus, .btn-primary:active {
  background-color: #d63044 !important;
  color: #FFFFFF !important;
  -webkit-box-shadow: 0px 0px 10px rgba(222, 90, 106, 0.75) !important;
  -moz-box-shadow: 0px 0px 10px rgba(222, 90, 106, 0.75) !important;
  box-shadow: 0px 0px 10px rgba(222, 90, 106, 0.75) !important;
}

.btn-secondary {
  background-color: #af2334;
  color: #FFFFFF;
  border-color: #6f1621 !important;
}
.btn-secondary:hover {
  background-color: #9a1f2e;
  border-color: #5a121b !important;
}
.btn-secondary:focus, .btn-secondary:active {
  background-color: #851b27 !important;
  color: #FFFFFF !important;
  -webkit-box-shadow: 0px 0px 10px rgba(175, 35, 52, 0.75) !important;
  -moz-box-shadow: 0px 0px 10px rgba(175, 35, 52, 0.75) !important;
  box-shadow: 0px 0px 10px rgba(175, 35, 52, 0.75) !important;
}

.btn-outline-primary {
  background-color: #FFFFFF;
  color: #de5a6a !important;
  border-color: #c4273a !important;
}
.btn-outline-primary:hover {
  background-color: #da4557;
  color: #FFFFFF !important;
  border-color: #af2334 !important;
}
.btn-outline-primary:focus, .btn-outline-primary:active {
  background-color: #d63044 !important;
  color: #FFFFFF !important;
  -webkit-box-shadow: 0px 0px 10px rgba(222, 90, 106, 0.75) !important;
  -moz-box-shadow: 0px 0px 10px rgba(222, 90, 106, 0.75) !important;
  box-shadow: 0px 0px 10px rgba(222, 90, 106, 0.75) !important;
}

.btn-outline-secondary {
  background-color: #FFFFFF;
  color: #af2334 !important;
  border-color: #6f1621 !important;
}
.btn-outline-secondary:hover {
  background-color: #9a1f2e;
  color: #FFFFFF !important;
  border-color: #5a121b !important;
}
.btn-outline-secondary:focus, .btn-outline-secondary:active {
  background-color: #851b27 !important;
  color: #FFFFFF !important;
  -webkit-box-shadow: 0px 0px 10px rgba(175, 35, 52, 0.75) !important;
  -moz-box-shadow: 0px 0px 10px rgba(175, 35, 52, 0.75) !important;
  box-shadow: 0px 0px 10px rgba(175, 35, 52, 0.75) !important;
}

.btn .fa, .btn .fas, .btn .far, .btn .fab {
  font-size: 1em;
}

.pagination .page-item .page-link {
  padding: 0.25rem 0.5rem;
  text-decoration: none;
  color: #de5a6a;
}
.pagination .page-item.active .page-link {
  background-color: #de5a6a;
  border-color: #de5a6a;
  color: #FFFFFF;
}

.mainContent .fas, .mainContent .far, .mainContent .fab {
  color: #de5a6a;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.__slideOutBox {
  /* Display slideOut */
}
.__slideOutBox .wrap_all .slideOutTab {
  background-color: rgba(175, 35, 52, 0.5);
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.__slideOutBox .wrap_all .slideOutTab:hover {
  background-color: #af2334;
  color: #FFFFFF;
}
.__slideOutBox .showSlideOut .slideOutTab {
  background-color: #af2334;
  color: #FFFFFF;
}

/*
// customer Stylesheet must enabled via
// Packages/sitepackagecustomer/Configuration/TypoScript/Setup/page.typoscript
// page.includeCSS.sitepackagecustomer = ...
//
*/
.__heroMenu .card.background-primary {
  background-color: #de5a6a !important;
}
.__heroMenu .card.background-primary.opacity-25 {
  background-color: rgba(222, 90, 106, calc(25 / 100)) !important;
}
.__heroMenu .card.background-primary.opacity-50 {
  background-color: rgba(222, 90, 106, calc(50 / 100)) !important;
}
.__heroMenu .card.background-primary.opacity-75 {
  background-color: rgba(222, 90, 106, calc(75 / 100)) !important;
}
.__heroMenu .card.background-secondary {
  background-color: #af2334 !important;
}
.__heroMenu .card.background-secondary.opacity-25 {
  background-color: rgba(175, 35, 52, calc(25 / 100)) !important;
}
.__heroMenu .card.background-secondary.opacity-50 {
  background-color: rgba(175, 35, 52, calc(50 / 100)) !important;
}
.__heroMenu .card.background-secondary.opacity-75 {
  background-color: rgba(175, 35, 52, calc(75 / 100)) !important;
}
.__heroMenu .card .card-title h1, .__heroMenu .card .card-title .h1,
.__heroMenu .card .card-title h2, .__heroMenu .card .card-title .h2,
.__heroMenu .card .card-title h3, .__heroMenu .card .card-title .h3,
.__heroMenu .card .card-title h4, .__heroMenu .card .card-title .h4,
.__heroMenu .card .card-title h5, .__heroMenu .card .card-title .h5 {
  font-weight: 500;
}
.__heroMenu .card .card-body .card-text .icon .far, .__heroMenu .card .card-body .card-text .icon .fas, .__heroMenu .card .card-body .card-text .icon .fab {
  font-size: 48px;
  text-align: center;
  vertical-align: middle;
}
.__heroMenu .card .card-body .card-text.text-light .far, .__heroMenu .card .card-body .card-text.text-light .fas, .__heroMenu .card .card-body .card-text.text-light .fab {
  color: #FFFFFF;
}
.__heroMenu .card.border-dark {
  border: none !important;
}
.__heroMenu .card.border-dark .card-body .card-title {
  height: 80px;
}
.__heroMenu .card.border-dark .card-body .card-title a {
  color: #de5a6a !important;
}
.__heroMenu .card.border-dark .card-body.heroMenu-icon .card-text.text-dark {
  display: flex;
  justify-content: center;
  align-items: center;
}
.__heroMenu .card.border-dark .card-body.heroMenu-icon .card-text.text-dark .icon {
  height: 96px;
  width: 96px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 3px solid #de5a6a;
  background-color: #FFFFFF;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.__heroMenu .card.border-dark .card-body.heroMenu-icon .card-text.text-dark .icon .far, .__heroMenu .card.border-dark .card-body.heroMenu-icon .card-text.text-dark .icon .fas, .__heroMenu .card.border-dark .card-body.heroMenu-icon .card-text.text-dark .icon .fab {
  color: #de5a6a;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.__heroMenu .card.border-dark:hover .card-body.heroMenu-icon .card-text.text-dark .icon {
  background-color: #de5a6a;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.__heroMenu .card.border-dark:hover .card-body.heroMenu-icon .card-text.text-dark .icon .far, .__heroMenu .card.border-dark:hover .card-body.heroMenu-icon .card-text.text-dark .icon .fas, .__heroMenu .card.border-dark:hover .card-body.heroMenu-icon .card-text.text-dark .icon .fab {
  color: #FFFFFF;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.__panel .bg-primary {
  background-color: #de5a6a !important;
}
.__panel .bg-secondary {
  background-color: #af2334 !important;
}

.__panelIcon .bg-primary {
  background-color: #de5a6a !important;
}
.__panelIcon .bg-secondary {
  background-color: #af2334 !important;
}
.__panelIcon .text-primary {
  color: #de5a6a !important;
}
.__panelIcon .text-secondary {
  color: #af2334 !important;
}
.__panelIcon .icon {
  margin-top: 2rem !important;
}
.__panelIcon .icon .fa, .__panelIcon .icon .fab, .__panelIcon .icon .far, .__panelIcon .icon .fas {
  font-size: 3rem !important;
}

.__alert .alert-primary {
  background-color: #de5a6a !important;
}
.__alert .alert-secondary {
  background-color: #af2334 !important;
}

.__priceTable .card-text.bodytext p {
  font-size: 1em !important;
}
.__priceTable .card-text.bodytext li {
  font-size: 1em !important;
}
.__priceTable .card-text.bodytext li:before {
  content: "\f058" !important;
  color: #34AF23;
}
.__priceTable .card-title.subheader {
  font-size: 1em !important;
}
.__priceTable .card-title.functions {
  font-size: 1.25em !important;
}
.__priceTable .card-title.functions-including:before {
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  padding-right: 6px;
  color: #34AF23;
}
.__priceTable .card-title.functions-including + .card-text.bodytext li:before {
  content: "\f055" !important;
  color: #444444;
}
.__priceTable .card-item-1 .card-img-top .fas, .__priceTable .card-item-1 .card-img-top .far, .__priceTable .card-item-1 .card-img-top .fab {
  text-align: center;
  font-size: 96px;
  margin-top: 20px;
  height: 128px;
  padding-top: 38px;
}
.__priceTable .card-item-2 .card-img-top .fas, .__priceTable .card-item-2 .card-img-top .far, .__priceTable .card-item-2 .card-img-top .fab {
  text-align: center;
  font-size: 112px;
  margin-top: 20px;
  height: 128px;
  padding-top: 16px;
}
.__priceTable .card-item-3 .card-img-top .fas, .__priceTable .card-item-3 .card-img-top .far, .__priceTable .card-item-3 .card-img-top .fab {
  text-align: center;
  font-size: 128px;
  margin-top: 20px;
}

.news .news-list-date time {
  margin-right: 0.5rem;
  color: grey;
  font-size: 0.8em;
}
.news .news-list-view ul.news-simple-list {
  list-style-type: none;
  padding-left: 0;
}
.news .news-list-view ul.news-simple-list li {
  margin-top: 0.75rem;
}
.news .news-list-view ul.news-simple-list li:first-child {
  margin-top: 0;
}
.news .news-list-view ul.news-simple-list li .news-item-title {
  color: #FFFFFF;
}
.news .news-list-view ul.news-simple-list li .footer time {
  font-size: 75%;
}
.news .news-list-view .newsPagination {
  margin-bottom: 2rem;
}
.news .news-list-view .article {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #dddddd;
  cursor: pointer;
}
.news .news-list-view .article:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.news.news-single .newsPrevNextWrapTop .btnNext, .news.news-single .newsPrevNextWrapTop .btnPrev,
.news.news-single .newsPrevNextWrapBottom .btnNext,
.news.news-single .newsPrevNextWrapBottom .btnPrev {
  font-size: 1rem;
}
.news.news-single .newsPrevNextWrapTop a,
.news.news-single .newsPrevNextWrapBottom a {
  text-decoration: none;
}
.news.news-single .newsPrevNextWrapTop {
  margin-bottom: 2rem;
}
.news.news-single .newsPrevNextWrapBottom {
  margin-top: 3rem;
}
.news.news-single .teaser-text {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0.5rem 0 0.5rem 2rem;
  font-weight: 400;
  border-left: 3px solid #dddddd;
}
.news.news-single .teaser-text p:first-child {
  margin-top: 0;
}
.news.news-single .teaser-text p:last-child {
  margin-bottom: 0;
}
.news.news-single .news-img-wrap {
  margin: 1rem 0;
}
.news.news-single .news-text-wrap {
  margin-bottom: 2rem;
}

path {
  fill: #af2334;
  stroke: #de5a6a;
  stroke-width: 1px;
}

text {
  font-family: arial;
  font-weight: 700;
  font-size: 20px;
  fill: #FFFFFF;
}

#groupPlanung:hover path, #groupPlanung:focus path,
#groupVeroeffentlichung:hover path,
#groupVeroeffentlichung:focus path,
#groupAnmeldung:hover path,
#groupAnmeldung:focus path,
#groupDurchfuehrung:hover path,
#groupDurchfuehrung:focus path,
#groupNachbereitung:hover path,
#groupNachbereitung:focus path {
  fill: #de5a6a;
  stroke: #af2334;
}
#groupPlanung:hover text, #groupPlanung:focus text,
#groupVeroeffentlichung:hover text,
#groupVeroeffentlichung:focus text,
#groupAnmeldung:hover text,
#groupAnmeldung:focus text,
#groupDurchfuehrung:hover text,
#groupDurchfuehrung:focus text,
#groupNachbereitung:hover text,
#groupNachbereitung:focus text {
  fill: #FFFFFF;
}

/*# sourceMappingURL=sitepackagecustomer.css.map */