/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
/*-- MYC-BINGEN / CUSTOM SCSS FROM HACKI ------------------------------------*/
@font-face {
  font-family: "roboto";
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/roboto_regular_macroman/Roboto-Regular-webfont.eot#iefix') format("embedded-opentype"), url('../../fonts/roboto_regular_macroman/Roboto-Regular-webfont.woff2') format("woff2"), url('../fonts/roboto_regular_macroman/Roboto-Regular-webfont.woff') format("woff"), url('../fonts/roboto_regular_macroman/Roboto-Regular-webfont.ttf') format("truetype"), url('../../fonts/roboto_regular_macroman/Roboto-Regular-webfont.svg#roboto') format("svg");
}
@font-face {
  font-family: "roboto";
  font-style: normal;
  font-weight: 500;
  src: url('../../fonts/roboto_medium_macroman/Roboto-Medium-webfont.eot#iefix') format("embedded-opentype"), url('../../fonts/roboto_medium_macroman/Roboto-Medium-webfont.woff2') format("woff2"), url('../fonts/roboto_medium_macroman/Roboto-Medium-webfont.woff') format("woff"), url('../fonts/roboto_medium_macroman/Roboto-Medium-webfont.ttf') format("truetype"), url('../../fonts/roboto_medium_macroman/Roboto-Medium-webfont.svg#roboto') format("svg");
}
@font-face {
  font-family: "roboto";
  font-style: normal;
  font-weight: 700;
  src: url('../../fonts/roboto_bold_macroman/Roboto-Bold-webfont.eot#iefix') format("embedded-opentype"), url('../../fonts/roboto_bold_macroman/Roboto-Bold-webfont.woff2') format("woff2"), url('../fonts/roboto_bold_macroman/Roboto-Bold-webfont.woff') format("woff"), url('../fonts/roboto_bold_macroman/Roboto-Bold-webfont.ttf') format("truetype"), url('../../fonts/roboto_bold_macroman/Roboto-Bold-webfont.svg#roboto') format("svg");
}
/*----------------------------------------------------------------------------*/
/*  Styling CG-Gallery Modul                                                  */
/*----------------------------------------------------------------------------*/
.ug-theme-slider {
  margin: 0 auto;
}
.ug-gallery-wrapper.ug-lightbox {
  -webkit-animation: gfadeIn 0.5s ease;
  animation: gfadeIn 0.5s ease;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  backdrop-filter: blur(5px);
}
.ug-lightbox .ug-lightbox-overlay {
  opacity: 0.7 !important;
}
.ug-thumb-wrapper {
  box-shadow: none !important;
  border-radius: 5px;
}
.ug-item-wrapper img {
  -webkit-animation: gzoomIn 0.5s ease;
  animation: gzoomIn 0.5s ease;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.ug-lightbox .ug-textpanel-title, .ug-lightbox .ug-textpanel-description {
  font-size: 1rem;
  font-weight: bold;
  color: #3180c2;
  text-align: center !important;
  font-family: roboto;
}
@-webkit-keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}
@keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
/*----------------------------------------------------------------------------*/
/*  Headroom CSS Animationen                                                  */
/*----------------------------------------------------------------------------*/
.hr-animated {
  -webkit-transition: transform 200ms linear;
  -moz-transition: transform 200ms linear;
  -ms-transition: transform 200ms linear;
  -o-transition: transform 200ms linear;
  transition: transform 200ms linear;
}
.hr-slideDown {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}
.hr-slideUp {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.hr-animated {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes slideDown-HR {
  0% {
    -webkit-transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slideDown-HR {
  0% {
    -moz-transform: translateY(-100%);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes slideDown-HR {
  0% {
    -o-transform: translateY(-100%);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes slideDown-HR {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
.hr-animated.hr-slideDown {
  -webkit-animation-name: slideDown-HR;
  -moz-animation-name: slideDown-HR;
  -o-animation-name: slideDown-HR;
  animation-name: slideDown-HR;
}
@-webkit-keyframes slideUp-HR {
  0% {
    -webkit-transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
  }
}
@-moz-keyframes slideUp-HR {
  0% {
    -moz-transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(-100%);
  }
}
@-o-keyframes slideUp-HR {
  0% {
    -o-transform: translateY(0);
  }
  100% {
    -o-transform: translateY(-100%);
  }
}
@keyframes slideUp-HR {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
.hr-animated.hr-slideUp {
  -webkit-animation-name: slideUp-HR;
  -moz-animation-name: slideUp-HR;
  -o-animation-name: slideUp-HR;
  animation-name: slideUp-HR;
}
@-webkit-keyframes swingInX-HR {
  0% {
    -webkit-transform: perspective(400px) rotateX(-90deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
  }
}
@-moz-keyframes swingInX-HR {
  0% {
    -moz-transform: perspective(400px) rotateX(-90deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateX(0deg);
  }
}
@-o-keyframes swingInX-HR {
  0% {
    -o-transform: perspective(400px) rotateX(-90deg);
  }
  100% {
    -o-transform: perspective(400px) rotateX(0deg);
  }
}
@keyframes swingInX-HR {
  0% {
    transform: perspective(400px) rotateX(-90deg);
  }
  100% {
    transform: perspective(400px) rotateX(0deg);
  }
}
.hr-animated.hr-swingInX {
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ie-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: swingInX-HR;
  -moz-animation-name: swingInX-HR;
  -o-animation-name: swingInX-HR;
  animation-name: swingInX-HR;
}
@-webkit-keyframes swingOutX-HR {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(-90deg);
  }
}
@-moz-keyframes swingOutX-HR {
  0% {
    -moz-transform: perspective(400px) rotateX(0deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateX(-90deg);
  }
}
@-o-keyframes swingOutX-HR {
  0% {
    -o-transform: perspective(400px) rotateX(0deg);
  }
  100% {
    -o-transform: perspective(400px) rotateX(-90deg);
  }
}
@keyframes swingOutX-HR {
  0% {
    transform: perspective(400px) rotateX(0deg);
  }
  100% {
    transform: perspective(400px) rotateX(-90deg);
  }
}
.hr-animated.hr-swingOutX {
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ie-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: swingOutX-HR;
  -moz-animation-name: swingOutX-HR;
  -o-animation-name: swingOutX-HR;
  animation-name: swingOutX-HR;
}
@-webkit-keyframes flipInX-HR {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-moz-keyframes flipInX-HR {
  0% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-o-keyframes flipInX-HR {
  0% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX-HR {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.hr-animated.hr-flipInX {
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX-HR;
  -moz-animation-name: flipInX-HR;
  -o-animation-name: flipInX-HR;
  animation-name: flipInX-HR;
}
@-webkit-keyframes flipOutX-HR {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-moz-keyframes flipOutX-HR {
  0% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutX-HR {
  0% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX-HR {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.hr-animated.hr-flipOutX {
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutX-HR;
  -moz-animation-name: flipOutX-HR;
  -o-animation-name: flipOutX-HR;
  animation-name: flipOutX-HR;
}
@-webkit-keyframes bounceInDown-HR {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-200px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes bounceInDown-HR {
  0% {
    opacity: 0;
    -moz-transform: translateY(-200px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(30px);
  }
  80% {
    -moz-transform: translateY(-10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes bounceInDown-HR {
  0% {
    opacity: 0;
    -o-transform: translateY(-200px);
  }
  60% {
    opacity: 1;
    -o-transform: translateY(30px);
  }
  80% {
    -o-transform: translateY(-10px);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes bounceInDown-HR {
  0% {
    opacity: 0;
    transform: translateY(-200px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.hr-animated.hr-bounceInDown {
  -webkit-animation-name: bounceInDown-HR;
  -moz-animation-name: bounceInDown-HR;
  -o-animation-name: bounceInDown-HR;
  animation-name: bounceInDown-HR;
}
@-webkit-keyframes bounceOutUp-HR {
  0% {
    -webkit-transform: translateY(0);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-200px);
  }
}
@-moz-keyframes bounceOutUp-HR {
  0% {
    -moz-transform: translateY(0);
  }
  30% {
    opacity: 1;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-200px);
  }
}
@-o-keyframes bounceOutUp-HR {
  0% {
    -o-transform: translateY(0);
  }
  30% {
    opacity: 1;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-200px);
  }
}
@keyframes bounceOutUp-HR {
  0% {
    transform: translateY(0);
  }
  30% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    transform: translateY(-200px);
  }
}
.hr-animated.hr-bounceOutUp {
  -webkit-animation-name: bounceOutUp-HR;
  -moz-animation-name: bounceOutUp-HR;
  -o-animation-name: bounceOutUp-HR;
  animation-name: bounceOutUp-HR;
}
.scroll-top {
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: -60px;
  right: -60px;
  opacity: 0;
  outline: none;
  background-color: #3180c2;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transform: scale(0);
  transform-style: preserve-3d;
  z-index: 1000;
}
.scroll-top:hover {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.75);
}
.scroll-top.scroll-top-show {
  bottom: 25px;
  right: 25px;
  opacity: 1;
  transform: scale(1);
}
.scroll-top i {
  color: rgba(255, 255, 255, 0.75);
  position: relative;
  font-size: 26px;
  line-height: 46px;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.scroll-top i:hover {
  color: #fff;
}
@media (max-width: 768px) {
  .scroll-top {
    width: 40px;
    height: 40px;
  }
  .scroll-top.scroll-top-show {
    bottom: 15px;
    right: 15px;
  }
  .scroll-top i {
    font-size: 20px;
    line-height: 36px;
  }
}
/*----------------------------------------------------------------------------*/
/*  Styling Warteliste Beitrag                                                */
/*----------------------------------------------------------------------------*/
.fields-container {
  margin: 0 20px;
}
@media only all and (max-width: 47.99rem) {
  .fields-container {
    margin: 0 5px;
  }
}
.field-entry {
  list-style: none;
}
.myc-warteliste tbody tr {
  background: #ffffff !important;
}
.myc-warteliste tbody tr:nth-child(2n+1) {
  background: #eeeeee !important;
}
.myc-warteliste th {
  background-color: #3180c2;
  color: #fff;
  padding: 15px;
  text-transform: uppercase;
}
@media only all and (max-width: 47.99rem) {
  .myc-warteliste th {
    padding: 0.25rem;
  }
}
.myc-warteliste {
  margin-top: 15px;
  margin-bottom: 35px;
  padding: 0 10px;
}
.myc-warteliste tr {
  /*border-bottom: 1px solid #eaeaea;*/
  vertical-align: top;
}
.myc-warteliste td {
  border: none;
  border-bottom: 1px solid #dddddd;
  vertical-align: top;
  padding: 15px;
}
@media only all and (max-width: 47.99rem) {
  .myc-warteliste td {
    padding: 4px;
  }
}
/*-- BASICS -----------------------------------------------------------------*/
@media only all and (max-width: 47.99rem) {
  .platform-content.container {
    padding-left: 0px !important;
  }
}
bold, strong {
  font-size: 1.125rem;
}
ol {
  padding-left: 2.125rem;
  padding-right: 2.125rem;
}
@media only all and (max-width: 47.99rem) {
  ol {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}
video {
  border-radius: 10px;
}
/* -- MYC-FADING ------------------------------------------------------------*/
@-webkit-keyframes mycfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mycfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.myc-fading {
  -webkit-animation-name: mycfadeIn;
  animation-name: mycfadeIn;
}
/* -- WOW-SETTINGS ----------------------------------------------------------*/
.delay1 {
  animation-delay: 0.1s;
}
.delay2 {
  animation-delay: 0.2s;
}
.delay3 {
  animation-delay: 0.3s;
}
.delay4 {
  animation-delay: 0.4s;
}
.delay5 {
  animation-delay: 0.5s;
}
.delay6 {
  animation-delay: 0.6s;
}
.delay7 {
  animation-delay: 0.7s;
}
.delay8 {
  animation-delay: 0.8s;
}
.delay9 {
  animation-delay: 0.9s;
}
.delay10 {
  animation-delay: 1s;
}
body {
  overflow-y: auto;
  overflow-x: auto;
}
/*-- GANTRY 5 BASIC SETTINGS ------------------------------------------------*/
.g-grid {
  text-rendering: geometricPrecision !important;
}
#g-page-surround {
  background: #2b2b2b url('../../../../images/background/myc-background-09.jpg') no-repeat fixed center top / cover;
  overflow: unset;
  display: flex;
  flex-direction: column;
}
@media only all and (min-width: 80rem) {
  #g-page-surround {
    /*margin-bottom: 350px;*/
    /*border-bottom: 0.25rem solid $accent-color-1;*/
  }
}
@media only all and (min-width: 60rem) and (max-width: 79.99rem) {
  #g-page-surround {
    /*margin-bottom: 350px;*/
    /*border-bottom: 0.25rem solid $accent-color-1;*/
  }
}
#g-header {
  padding: 25px 0;
  margin: 0;
  height: 180px;
}
#g-header .g-container > .g-grid {
  flex-flow: row nowrap;
}
#g-header .g-container > .g-grid > .g-block > .g-content {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#g-header, #g-navigation {
  box-shadow: 0 0 2px 2px rgba(34, 34, 34, 0.75);
}
#g-navigation {
  border-top: 0.25rem solid #3180c2;
}
/* -- MAIN & STICKY FOOTER --------------------------------------------------*/
#g-main {
  min-height: 100vh;
  flex: 1 0 auto;
  background: transparent url('../../../../images/background/overlay6.png');
  backdrop-filter: blur(2.5px) brightness(50%) grayscale(75%);
}
#g-main p {
  padding: 0;
  margin: 10px 0 10px 0;
  word-wrap: break-word;
}
#g-main .g-content {
  min-height: 100vh;
  border-radius: 10px;
}
/* -- MYC LOGO --------------------------------------------------------------*/
.myc-logo img {
  max-height: 100px;
}
/* -- MYC CONTENT -----------------------------------------------------------*/
.myc-content .g-content {
  padding: 25px 50px;
  background: rgba(255, 255, 255, 0.925);
  box-shadow: 1px 1px 8px rgba(34, 34, 34, 0.8);
  /*overflow: auto;*/
}
.myc-content .g-content p {
  text-align: justify;
}
@media only all and (max-width: 47.99rem) {
  .myc-content .g-content {
    padding: 0;
  }
  .myc-content .g-content p {
    text-align: left;
  }
}
.com-content-category-blog h1 {
  font-size: 2rem !important;
  font-variant: small-caps !important;
  letter-spacing: 0.25rem !important;
}
.myc-content .category-desc {
  font-variant: small-caps;
  font-weight: bold;
  padding: 0 0 1.5rem;
  text-align: justify;
}
.article-info {
  margin: 10px 15px;
  padding: 5px 10px;
}
/* -- MYC BUTTON ------------------------------------------------------------*/
.myc-icon-download::before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-size: 20px;
  color: currentColor;
  height: 20px;
  width: 20px;
  display: inline-block;
  margin: 0 10px 0 0;
  text-shadow: 0.0625rem 0.0625rem rgba(34, 34, 34, 0.75) !important;
}
.myc-icon-mail::before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-size: 20px;
  color: currentColor;
  height: 20px;
  width: 20px;
  display: inline-block;
  margin: 0 10px 0 0;
  text-shadow: 0.0625rem 0.0625rem rgba(34, 34, 34, 0.75) !important;
}
.myc-icon-link::before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-size: 20px;
  color: currentColor;
  height: 20px;
  width: 20px;
  display: inline-block;
  margin: 0 10px 0 0;
  text-shadow: 0.0625rem 0.0625rem rgba(34, 34, 34, 0.75) !important;
}
/* -- MYC TABELLE -----------------------------------------------------------*/
.myc-tabelle {
  padding: 0 5px;
}
.myc-tabelle tr {
  vertical-align: top;
}
.myc-tabelle td {
  border: none;
  border-bottom: 1px solid #dddddd;
  vertical-align: top;
  padding: 15px;
}
@media only all and (max-width: 47.99rem) {
  .myc-tabelle td {
    padding: 5px;
  }
}
.myc-tabelle tbody tr {
  background: #ffffff !important;
}
.myc-tabelle tbody tr:nth-child(2n) {
  background: #eeeeee !important;
}
.myc-tabelle th {
  vertical-align: middle;
  background-color: #3180c2;
  color: #fff;
  padding: 15px;
}
@media only all and (max-width: 47.99rem) {
  .myc-tabelle th {
    padding: 5px;
  }
}
/* -- MYC QUELLEN -----------------------------------------------------------*/
.myc-quellen {
  font-size: 0.875rem;
  font-style: italic;
  font-variant: small-caps;
  padding-top: 0.5rem;
}
/* -- MYC SECTION SHOWCASE --------------------------------------------------*/
#g-showcase {
  background: #222222 url('../../../../images/background/koernung3.png');
  padding: 0 !important;
  margin: 0 !important;
}
#g-showcase .g-container {
  width: 100% !important;
}
#g-showcase .g-container > .g-grid > .g-block > .g-content {
  margin: 0;
  padding: 0;
}
#g-showcase.myc-show {
  height: 100%;
  min-height: 100vh;
  background: #222222 url('../../../../images/background/myc-bingen-bg5.png') no-repeat fixed center center / cover;
  font-variant-caps: small-caps;
}
@media only all and (min-width: 60rem) {
  #g-showcase.myc-show {
    margin-top: -54px !important;
  }
}
/* -- NAVIGATION ------------------------------------------------------------*/
.g-main-nav {
  animation: fadeIn;
  animation-duration: 1.75s;
}
.g-main-nav .g-toplevel i {
  color: rgba(59, 157, 237, 0.85);
  opacity: 0.9;
}
.g-menu-item-container > i {
  margin-right: 0.25rem;
  padding-bottom: 2px;
  vertical-align: middle;
}
#g-navigation .g-main-nav .g-sublevel > li:hover:not(.g-menu-item-type-particle):not(.g-menu-item-type-module), #g-navigation .g-main-nav .g-sublevel > li.active:not(.g-menu-item-type-particle):not(.g-menu-item-type-module) {
  background: transparent !important;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container {
  padding: 0.8rem !important;
}
.g-main-nav .g-toplevel > li {
  transition: background 0.5s ease-out 0.1s, transform 0.5s ease-out 0.1s;
}
.g-main-nav .g-dropdown {
  transform-style: preserve-3d;
}
.myc-mainmenu {
  padding: 0 10px;
}
.myc-mainmenu .g-menu-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1b5c89;
  opacity: 0;
  -webkit-transform: scale3d(1, 0.1, 1);
  transform: scale3d(1, 0.1, 1);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.3, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.3, 1, 0.3, 1);
}
.myc-mainmenu .g-menu-item, .myc-mainmenu .g-menu-item::before {
  -webkit-transition-timing-function: cubic-bezier(0.3, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.3, 1, 0.3, 1);
}
.myc-mainmenu .g-menu-item:hover::before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.myc-pegelstaende::after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-size: 12px;
  color: #aaa;
  padding-left: 2px;
  display: inline;
  vertical-align: top;
}
/* -- LOGIN MENU ------------------------------------------------------------*/
.login-menu .input-prepend {
  display: flex;
}
.login-menu .input-small {
  width: 80%;
}
.login-menu .add-on {
  color: #3180c2 !important;
  padding: 6px;
}
/* -- LEFT MENU -------------------------------------------------------------*/
#myc-left-menu li {
  display: block;
}
#myc-left-menu .g-menu-item-container {
  padding: 10px;
}
/* -- SLIDER HEADER ---------------------------------------------------------*/
.slider-header {
  margin: 0 !important;
  padding: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
}
.slider-header::after {
  position: absolute;
  border-top: 0.25rem solid #3180c2;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
}
.slider-showcase {
  background: #142d53 !important;
  border-bottom: 0.25rem solid #3180c2;
  box-shadow: 0 0 6px 4px rgba(34, 34, 34, 0.75);
  height: 184px;
}
@media only all and (max-width: 47.99rem) {
  .slider-showcase {
    height: 134px;
  }
}
/* -- STARTSEITE CAROUSEL ---------------------------------------------------*/
#g-feature {
  border-top: 0.125rem solid #ffffff;
  font-variant: small-caps;
  margin: 0 !important;
  padding: 0 !important;
}
#g-feature .g-container {
  width: 100% !important;
}
#g-feature .g-content {
  margin: 0 !important;
  padding: 0 !important;
}
.startseite-carousel {
  margin: 0 !important;
  padding: 0 !important;
}
.startseite-carousel p {
  margin: 5px 0 15px 0 !important;
  padding: 0 !important;
}
.startseite-carousel h3 {
  color: #ffffff !important;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  margin: 10px 0 10px 0 !important;
}
.startseite-carousel strong {
  color: #ffffff !important;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
.startseite-carousel a:hover {
  color: #bbbbbb !important;
  text-decoration: none !important;
}
/* -- SUBFEATURE ------------------------------------------------------------*/
#g-subfeature {
  padding: 0 !important;
  border: none !important;
}
/* -- FOOTER ----------------------------------------------------------------*/
#g-footer {
  background: #222222 url('../../../../images/background/koernung3.png');
  border-top: 0.25rem solid #3180c2;
  border-bottom: 0.25rem solid #3180c2;
  text-shadow: 0.1rem 0.1rem rgba(0, 0, 0, 0.8);
}
@media only all and (min-width: 80rem) {
  #g-footer {
    position: relative;
    bottom: 0;
    /*height: 350px;*/
    width: 100%;
    z-index: 0;
    /*border-top: none;*/
  }
}
@media only all and (min-width: 60rem) and (max-width: 79.99rem) {
  #g-footer {
    position: relative;
    bottom: 0;
    /*height: 350px;*/
    width: 100%;
    z-index: 0;
    /*border-top: none;*/
  }
}
#g-footer a {
  color: #3180c2;
  transition: all 0.25s ease 0s;
}
#g-footer a:hover {
  color: #ccccee;
}
#g-footer .g-grid:first-child {
  border-bottom: 1px solid #3180c2;
}
/* -- FOOTER-MENU -----------------------------------------------------------*/
#myc-footer-menu li {
  display: block !important;
}
#myc-footer-menu a {
  padding: 0.5rem 0 0 !important;
}
#myc-footer-menu .fa {
  color: #ffffff !important;
}
/* -- FOOTER-NEWS -----------------------------------------------------------*/
#myc-footer-news .g-title {
  color: #ffffff;
  font-size: 1.25rem;
  font-variant-caps: small-caps;
  letter-spacing: 1rem;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #3180c2;
  text-align: center;
}
#myc-footer-news .g-content {
  margin: 2.2rem 0.5rem !important;
  padding: 0 !important;
}
#myc-footer-news .latestnews {
  margin: 0.8rem;
  padding: 0.25rem 2rem;
}
#myc-footer-news li {
  list-style: none;
  display: block;
  padding: 0;
}
/* -- FOOTER-WETTER ---------------------------------------------------------*/
#wetter-footer iframe {
  margin-top: 0.75rem;
  transition: all 0.5s ease 0s;
  opacity: 0.75;
}
#wetter-footer iframe:hover {
  opacity: 1;
}
/* -- MODUL PEGELSTAENDE ----------------------------------------------------*/
.modul-pegel {
  margin-top: 1.5rem !important;
  margin-left: 2.5% !important;
  margin-right: 2.5% !important;
}
/*---------------------------------------------------------------------------*/
/*------------- JOOMLA ------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
.page-link {
  color: #3180c2;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #3180c2 !important;
  border-color: #3180c2 !important;
}
.com-content-category-blog__counter {
  padding: 7px 0 !important;
  margin: 0px 10px 0px 0px !important;
}
.mod-list li a:hover {
  text-decoration: none;
}
@media (min-width: 992px) {
  .com-users-login__form, .com-users-logout__form, .com-users-reset__form, .com-users-reset-confirm__form, .com-users-reset-complete__form, .com-users-remind__form {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 992px) {
  .com-users-login__options {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
}
.com-users-login__options, .com-users-logout__submit, .com-users-reset__submit, .com-users-reset-confirm__submit, .com-users-reset-complete__submit, .com-users-remind__submit {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.com-users-login .btn.btn-primary, .com-users-logout .btn.btn-primary, .com-users-reset .btn.btn-primary, .com-users-reset-confirm .btn.btn-primary, .com-users-reset-complete .btn.btn-primary, .com-users-remind .btn.btn-primary {
  position: relative;
  padding: 8px 16px !important;
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
  background-color: #3180c2 !important;
  border-color: #3180c2 !important;
  border-radius: 5px !important;
  color: #fff !important;
  line-height: 1.25 !important;
  font-family: "roboto" !important;
  font-size: 1.25rem !important;
  font-weight: bold !important;
  font-variant-caps: small-caps;
  text-shadow: 0.0625rem 0.0625rem rgba(34, 34, 34, 0.75) !important;
  width: 100%;
}
.com-users-login .btn.btn-primary, .com-users-logout .btn.btn-primary, .com-users-reset .btn.btn-primary, .com-users-reset-confirm .btn.btn-primary, .com-users-reset-complete .btn.btn-primary, .com-users-remind .btn.btn-primary {
  color: #fff !important;
  margin-right: 5px !important;
  text-shadow: 0.0625rem 0.0625rem rgba(34, 34, 34, 0.75) !important;
}
.com-users-login .btn.btn-primary::after, .com-users-logout .btn.btn-primary::after, .com-users-reset .btn.btn-primary::after, .com-users-reset-confirm .btn.btn-primary::after, .com-users-reset-complete .btn.btn-primary::after, .com-users-remind .btn.btn-primary::after {
  content: " ";
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  display: block;
  border-radius: 5px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.com-users-login .btn.btn-primary:hover::after, .com-users-logout .btn.btn-primary:hover::after, .com-users-reset .btn.btn-primary:hover::after, .com-users-reset-confirm .btn.btn-primary:hover::after, .com-users-reset-complete .btn.btn-primary:hover::after, .com-users-remind .btn.btn-primary:hover::after {
  opacity: 0 !important;
}
.login fieldset {
  padding: 0 0.938rem;
}
.com-users-login__options {
  margin-top: -2rem;
  margin-bottom: 1.5rem;
}
@media only all and (max-width: 47.99rem) {
  nav.pagination__wrapper {
    overflow-x: scroll;
  }
}
/*---------------------------------------------------------------------------*/
/*------------- SP PAGEBUILDER ----------------------------------------------*/
/*---------------------------------------------------------------------------*/
/* -- HEADING -------------------------------------------------------------- */
.myc-heading {
  padding-top: 20px;
}
.myc-sub-heading {
  padding-top: 10px;
}
.sp-page-builder .myc-content, .com-content-article .myc-content, .com-content-category-blog .myc-content {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.pb-element-heading h1, .pb-element-heading h2, .pb-element-heading h3, .pb-element-heading h4, .pb-element-heading h5, .pb-element-heading h6 {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #e1e1e1 100%);
  border-left: 0.125rem solid #3180c2 !important;
  border-bottom: 0.25rem solid #3180c2 !important;
  border-radius: 10px;
  padding: 0.5rem 1rem !important;
  font-size: 1.5rem !important;
  margin-bottom: 10px;
  display: block;
}
.pb-element-heading h2 {
  font-size: 1.25rem !important;
}
.pb-element-heading h3 {
  font-size: 1.125rem !important;
}
.pb-element-heading h4, .pb-element-heading h5, .pb-element-heading h6 {
  font-size: 1rem !important;
}
/* -- TEXTBLOCK -------------------------------------------------------------*/
.sppb-addon-text-block p {
  text-align: justify;
}
@media only all and (max-width: 47.99rem) {
  .sppb-addon-text-block p {
    text-align: left;
  }
}
.myc-liste-justify {
  text-align: justify;
}
.myc-liste-justify ol {
  margin: 5px 0;
}
.myc-liste-justify li {
  padding-bottom: 6px;
}
@media only all and (max-width: 47.99rem) {
  .myc-liste-justify {
    text-align: left;
  }
}
/* -- BILD ------------------------------------------------------------------*/
img.sppb-img-responsive {
  border-radius: 10px;
  max-width: 90% !important;
}
@media only all and (max-width: 47.99rem) {
  img.sppb-img-responsive {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
.sppb-addon-single-image .sppb-img-responsive:hover {
  cursor: pointer;
}
.bilduntertitel, .bilduntertitel .sppb-addon-title {
  font-size: 0.875rem !important;
  font-style: italic !important;
  text-align: center !important;
  width: 33vw;
  margin: 0.5rem auto 0 auto !important;
}
@media only all and (max-width: 47.99rem) {
  .bilduntertitel, .bilduntertitel .sppb-addon-title {
    width: inherit;
  }
}
/* -- TABELLE ---------------------------------------------------------------*/
.sppb-addon-table-main th {
  /*background: lighten($accent-color-1, 5%) !important;*/
  padding: 3px 20px !important;
  width: 50%;
}
.sppb-addon-table-main th p {
  margin: 1rem 0 !important;
}
.sppb-addon-table-main td {
  padding: 0px 20px !important;
}
.sppb-addon-table-main td p {
  margin: 1rem 0 !important;
}
@media only screen and (max-width: 568px) {
  .sppb-addon-table-main td {
    padding: 0 !important;
  }
}
.sppb-addon-table-main.bt tbody td::before, .sppb-addon-table-main.bt tfoot td::before, .sppb-addon-table-main.bt tfoot th::before {
  padding-top: 15px !important;
  padding-left: 10px !important;
}
/* -- TABELLE 20% 80% ---------------------------------- */
.table-20-80 thead th {
  width: 20% !important;
}
.table-20-80 thead th:nth-child(2n) {
  width: 80% !important;
}
.table-20-80 tbody td {
  width: 20% !important;
}
.table-20-80 tbody td:nth-child(2n) {
  width: 80% !important;
}
/* -- TABELLE 30% 70% ---------------------------------- */
.table-30-70 thead th {
  width: 30% !important;
}
.table-30-70 thead th:nth-child(2n) {
  width: 70% !important;
}
.table-30-70 tbody td {
  width: 30% !important;
}
.table-30-70 tbody td:nth-child(2n) {
  width: 70% !important;
}
/* -- TABELLE 40% 60% ---------------------------------- */
.table-40-60 thead th {
  width: 40% !important;
}
.table-40-60 thead th:nth-child(2n) {
  width: 60% !important;
}
.table-40-60 tbody td {
  width: 40% !important;
}
.table-30-70 tbody td:nth-child(2n) {
  width: 60% !important;
}
th .sppb-addon-text-block p {
  text-align: inherit !important;
}
td .sppb-addon-text-block p {
  text-align: inherit !important;
}
/* -- BUTTON ----------------------------------------------------------------*/
.sppb-btn {
  position: relative;
  padding: 8px 16px !important;
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
  background-color: #3180c2 !important;
  border-color: #3180c2 !important;
  border-radius: 5px !important;
  color: #fff !important;
  line-height: 1.25 !important;
  font-family: "roboto" !important;
  font-size: 1.25rem !important;
  font-weight: bold !important;
  font-variant-caps: small-caps;
  text-shadow: 0.0625rem 0.0625rem rgba(34, 34, 34, 0.75) !important;
}
.sppb-btn i {
  color: #fff !important;
  margin-right: 5px !important;
  text-shadow: 0.0625rem 0.0625rem rgba(34, 34, 34, 0.75) !important;
}
.sppb-btn::after {
  content: " ";
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  display: block;
  border-radius: 5px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.sppb-btn:hover::after {
  opacity: 0 !important;
}
/* -- TRENNER ---------------------------------------------------------------*/
.sppb-divider {
  margin: 25px 0;
  border-bottom-color: #3180c2 !important;
  border-radius: 3px;
}
/* -- MYC TERMIN ----------------------------------------------------------- */
.sppb-addon-feature.myc-termin {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #e1e1e1 100%);
  border-left: 0.125rem solid #3180c2;
  border-top: 0.25rem solid #3180c2;
  border-radius: 10px;
  margin: 6px 0px !important;
  padding: 20px 20px 15px 20px !important;
}
.sppb-addon-feature.myc-termin i {
  padding-right: 15px;
  color: #3180c2;
}
.sppb-addon-feature.myc-termin h2 {
  font-size: 20px;
}
/*---------------------------------------------------------------------------*/
/*------------- CONVERT-FORMS -----------------------------------------------*/
/*---------------------------------------------------------------------------*/
.convertforms {
  border-radius: 10px;
}
.cf-input {
  text-align: left !important;
}
.cf-control-group.form_heading {
  margin: 15px 10px 10px 10px;
  background-color: #3180c2;
  border-radius: 5px;
}
.cf-control-group.form_heading .cf-control-input h4 {
  margin: 4px 0px 4px 0px;
  color: #ffffff;
  font-family: "roboto" !important;
  font-weight: bold;
  font-variant-caps: small-caps;
  text-shadow: 1px 1px 1px #000000;
}
.cf-control-group.form_antrag label {
  visibility: hidden;
}
.cf-control-group.form_captcha label {
  visibility: hidden;
}
.cf-btn {
  padding: 8px 16px;
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
  background-color: #3180c2 !important;
  border-color: #3180c2 !important;
  border-radius: 5px !important;
  color: #fff !important;
  line-height: 1.25 !important;
  font-family: "roboto" !important;
  font-size: 1.25rem !important;
  font-weight: bold !important;
  font-variant-caps: small-caps;
  text-shadow: 0.0625rem 0.0625rem rgba(34, 34, 34, 0.75) !important;
}
.cf-btn-text {
  font-family: "roboto" !important;
  font-weight: bold;
  font-variant-caps: small-caps;
  text-shadow: 1px 1px 1px #000000;
}
.cf-control-group {
  align-items: baseline;
}
.cf-checkbox-group {
  align-items: baseline !important;
}
/*---------------------------------------------------------------------------*/
/*------------- GLIGHTBOX ---------------------------------------------------*/
/*---------------------------------------------------------------------------*/
.glightbox-open {
  overflow: auto !important;
}
.gscrollbar-fixer {
  margin-right: 0px !important;
  overflow-y: auto !important;
}
.goverlay {
  backdrop-filter: blur(5px);
  background: rgba(0, 0, 0, 0.9) !important;
}
.gslide-media {
  box-shadow: none !important;
}
.glightbox-clean .gdesc-inner {
  padding: 0px 15px !important;
}
.glightbox-clean .gslide-title {
  font-size: 1em;
  font-weight: 400;
  font-family: inherit !important;
  color: #3180c2 !important;
  margin-bottom: 15px !important;
  line-height: 1.4em;
  text-align: center;
}
.myc-startseite {
  overflow-x: hidden !important;
}
.sp-video-background video {
  border-radius: 0px ! important;
}
/*# sourceMappingURL=custom_12.css.map */