/* Fontello Icons */
@font-face {
  font-family: 'fontello_mg';
  src: url('/_intern/fonts/fontello/font/fontello_mg.eot?95526145');
  src: url('/_intern/fonts/fontello/font/fontello_mg.eot?95526145#iefix') format('embedded-opentype'), url('/_intern/fonts/fontello/font/fontello_mg.woff2?95526145') format('woff2'), url('/_intern/fonts/fontello/font/fontello_mg.woff?95526145') format('woff'), url('/_intern/fonts/fontello/font/fontello_mg.ttf?95526145') format('truetype'), url('/_intern/fonts/fontello/font/fontello_mg.svg?95526145#fontello_mg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello_mg';
    src: url('../font/fontello_mg.svg?95526145#fontello_mg') format('svg');
  }
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "fontello_mg";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-search:before {
  content: '\e800';
}
/* '' */
.icon-heart:before {
  content: '\e801';
}
/* '' */
.icon-heart-empty:before {
  content: '\e802';
}
/* '' */
.icon-cancel:before {
  content: '\e803';
}
/* '' */
.icon-ok:before {
  content: '\e804';
}
/* '' */
.icon-ebay:before {
  content: '\e805';
}
/* '' */
.icon-globe:before {
  content: '\e806';
}
/* '' */
.icon-star-empty:before {
  content: '\e807';
}
/* '' */
.icon-cog-alt:before {
  content: '\e808';
}
/* '' */
.icon-search-1:before {
  content: '\e809';
}
/* '' */
.icon-mail:before {
  content: '\e80a';
}
/* '' */
.icon-trash-empty:before {
  content: '\e80b';
}
/* '' */
.icon-location:before {
  content: '\e80c';
}
/* '' */
.icon-user:before {
  content: '\e80d';
}
/* '' */
.icon-monitor:before {
  content: '\e80e';
}
/* '' */
.icon-back:before {
  content: '\e80f';
}
/* '' */
.icon-star:before {
  content: '\e810';
}
/* '' */
.icon-phone:before {
  content: '\e811';
}
/* '' */
.icon-attention:before {
  content: '\e812';
}
/* '' */
.icon-print:before {
  content: '\e813';
}
/* '' */
.icon-calendar:before {
  content: '\e814';
}
/* '' */
.icon-mg_logo:before {
  content: '\e815';
}
/* '' */
.icon-down-open:before {
  content: '\e816';
}
/* '' */
.icon-up-open:before {
  content: '\e817';
}
/* '' */
.icon-right-open:before {
  content: '\e818';
}
/* '' */
.icon-left-open:before {
  content: '\e819';
}
/* '' */
.icon-forward:before {
  content: '\e81a';
}
/* '' */
.icon-mobile:before {
  content: '\e81b';
}
/* '' */
.icon-book:before {
  content: '\e81c';
}
/* '' */
.icon-chart-bar:before {
  content: '\e81d';
}
/* '' */
.icon-flash:before {
  content: '\e81e';
}
/* '' */
.icon-down-dir:before {
  content: '\e81f';
}
/* '' */
.icon-wrench:before {
  content: '\e820';
}
/* '' */
.icon-left-dir:before {
  content: '\e821';
}
/* '' */
.icon-right-dir:before {
  content: '\e822';
}
/* '' */
.icon-clock:before {
  content: '\e823';
}
/* '' */
.icon-down:before {
  content: '\e824';
}
/* '' */
.icon-left:before {
  content: '\e825';
}
/* '' */
.icon-right:before {
  content: '\e826';
}
/* '' */
.icon-up:before {
  content: '\e827';
}
/* '' */
.icon-doc:before {
  content: '\e828';
}
/* '' */
.icon-up-1:before {
  content: '\e829';
}
/* '' */
.icon-right-1:before {
  content: '\e82a';
}
/* '' */
.icon-left-1:before {
  content: '\e82b';
}
/* '' */
.icon-down-1:before {
  content: '\e82c';
}
/* '' */
.icon-home:before {
  content: '\e82d';
}
/* '' */
.icon-volume-up:before {
  content: '\e82e';
}
/* '' */
.icon-headphones:before {
  content: '\e82f';
}
/* '' */
.icon-plus:before {
  content: '\e831';
}
/* '' */
.icon-spin3:before {
  content: '\e832';
}
/* '' */
.icon-folder:before {
  content: '\e833';
}
/* '' */
.icon-folder-open:before {
  content: '\e834';
}
/* '' */
.icon-plus-circle:before {
  content: '\e836';
}
/* '' */
.icon-minus-circle:before {
  content: '\e837';
}
/* '' */
.icon-menu:before {
  content: '\f008';
}
/* '' */
.icon-link-ext:before {
  content: '\f08e';
}
/* '' */
.icon-twitter:before {
  content: '\f099';
}
/* '' */
.icon-mail-alt:before {
  content: '\f0e0';
}
/* '' */
.icon-food:before {
  content: '\f0f5';
}
/* '' */
.icon-doc-text:before {
  content: '\f0f6';
}
/* '' */
.icon-angle-double-left:before {
  content: '\f100';
}
/* '' */
.icon-angle-double-right:before {
  content: '\f101';
}
/* '' */
.icon-angle-left:before {
  content: '\f104';
}
/* '' */
.icon-angle-right:before {
  content: '\f105';
}
/* '' */
.icon-angle-up:before {
  content: '\f106';
}
/* '' */
.icon-angle-down:before {
  content: '\f107';
}
/* '' */
.icon-laptop:before {
  content: '\f109';
}
/* '' */
.icon-reply:before {
  content: '\f112';
}
/* '' */
.icon-doc-inv:before {
  content: '\f15b';
}
/* '' */
.icon-youtube-squared:before {
  content: '\f166';
}
/* '' */
.icon-youtube:before {
  content: '\f167';
}
/* '' */
.icon-xing-squared:before {
  content: '\f169';
}
/* '' */
.icon-youtube-play:before {
  content: '\f16a';
}
/* '' */
.icon-windows:before {
  content: '\f17a';
}
/* '' */
.icon-graduation-cap:before {
  content: '\f19d';
}
/* '' */
.icon-fax:before {
  content: '\f1ac';
}
/* '' */
.icon-file-pdf:before {
  content: '\f1c1';
}
/* '' */
.icon-file-word:before {
  content: '\f1c2';
}
/* '' */
.icon-file-excel:before {
  content: '\f1c3';
}
/* '' */
.icon-file-powerpoint:before {
  content: '\f1c4';
}
/* '' */
.icon-file-image:before {
  content: '\f1c5';
}
/* '' */
.icon-file-audio:before {
  content: '\f1c7';
}
/* '' */
.icon-at-1:before {
  content: '\f1fa';
}
/* '' */
.icon-sticky-note:before {
  content: '\f249';
}
/* '' */
.icon-sticky-note-o:before {
  content: '\f24a';
}
/* '' */
.icon-hand-paper-o:before {
  content: '\f256';
}
/* '' */
.icon-shopping-bag:before {
  content: '\f290';
}
/* '' */
.icon-percent:before {
  content: '\f295';
}
/* '' */
.icon-address-card-o:before {
  content: '\f2bc';
}
/* '' */
.icon-facebook:before {
  content: '\f300';
}
/* '' */
.icon-linkedin-squared:before {
  content: '\f30c';
}
/* '' */
.icon-facebook-squared:before {
  content: '\f30e';
}
/* '' */
.icon-instagram:before {
  content: '\f31e';
}
/* '' */
.icon-instagram-1:before {
  content: '\f32d';
}
/* '' */
.icon-paypal:before {
  content: '\f342';
}
/* '' */
/* === LESS variables === */
/* === CSS mixins === */
.transition {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}
.transition_medium {
  -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  transition: all 0.75s;
}
.transition_slow {
  -webkit-transition: all 1.75s;
  -moz-transition: all 1.75s;
  transition: all 1.75s;
}
/* CALC example
	width: ~"calc(100% - 2px)";
	width: calc(~"50%" - @px_padding*2);
*/
/* nunito-sans-regular - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/_intern/fonts/nunito-sans-v8-latin/nunito-sans-v8-latin-regular.eot');
  src: local(''), url('/_intern/fonts/nunito-sans-v8-latin/nunito-sans-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/_intern/fonts/nunito-sans-v8-latin/nunito-sans-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/_intern/fonts/nunito-sans-v8-latin/nunito-sans-v8-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/_intern/fonts/nunito-sans-v8-latin/nunito-sans-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/_intern/fonts/nunito-sans-v8-latin/nunito-sans-v8-latin-regular.svg#NunitoSans') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* nunito-sans-700 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/_intern/fonts/nunito-sans-v8-latin/nunito-sans-v8-latin-700.eot');
  src: local(''), url('/_intern/fonts/nunito-sans-v8-latin/nunito-sans-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/_intern/fonts/nunito-sans-v8-latin/nunito-sans-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/_intern/fonts/nunito-sans-v8-latin/nunito-sans-v8-latin-700.woff') format('woff'), /* Modern Browsers */ url('/_intern/fonts/nunito-sans-v8-latin/nunito-sans-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/_intern/fonts/nunito-sans-v8-latin/nunito-sans-v8-latin-700.svg#NunitoSans') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* nunito-sans-800 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  src: url('/_intern/fonts/nunito-sans-v8-latin/nunito-sans-v8-latin-800.eot');
  src: local(''), url('/_intern/fonts/nunito-sans-v8-latin/nunito-sans-v8-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/_intern/fonts/nunito-sans-v8-latin/nunito-sans-v8-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('/_intern/fonts/nunito-sans-v8-latin/nunito-sans-v8-latin-800.woff') format('woff'), /* Modern Browsers */ url('/_intern/fonts/nunito-sans-v8-latin/nunito-sans-v8-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('/_intern/fonts/nunito-sans-v8-latin/nunito-sans-v8-latin-800.svg#NunitoSans') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* source-serif-pro-900 - latin */
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 900;
  src: url('/_intern/fonts/source-serif-pro-v11-latin/source-serif-pro-v11-latin-900.eot');
  src: local(''), url('/_intern/fonts/source-serif-pro-v11-latin/source-serif-pro-v11-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/_intern/fonts/source-serif-pro-v11-latin/source-serif-pro-v11-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('/_intern/fonts/source-serif-pro-v11-latin/source-serif-pro-v11-latin-900.woff') format('woff'), /* Modern Browsers */ url('/_intern/fonts/source-serif-pro-v11-latin/source-serif-pro-v11-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('/_intern/fonts/source-serif-pro-v11-latin/source-serif-pro-v11-latin-900.svg#SourceSerifPro') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* === === */
#cursor {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: difference;
  z-index: 1000;
}
#cursor .dot {
  width: 4px;
  height: 4px;
  transform: translateY(-50%) translateX(-50%);
  background-color: #66fa2d;
  border-radius: 50%;
  border: 2px solid #66fa2d;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}
#cursor.hover .dot {
  background-color: transparent;
  width: 40px;
  height: 40px;
}
a:hover,
button:hover,
input[type="submit"]:hover {
  cursor: none;
}
html {
  overflow-x: hidden;
  overflow-y: auto;
}
body {
  font-family: 'Nunito Sans', sans-serif;
  background-color: #192832;
  letter-spacing: 1px;
  font-size: 15px;
  color: #ffffff;
  position: relative;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  right: 0px;
  -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  transition: all 0.75s;
  opacity: 0;
}
body > div:last-Child {
  /* webEdition GPL Link */
  /*  /!\ use only if reCaptcha or lightBox is not active! */
  /* 
			display: none; 
			height: 0px;
			overflow: hidden;
		*/
}
body.visible {
  opacity: 1;
}
.icon-mg_logo:before {
  font-size: 85%;
  position: relative;
  top: 2px;
}
.green,
.gruen {
  color: #66fa2d;
}
h1,
.h1 {
  font-family: 'Source Serif Pro', serif;
  display: block;
  font-size: 90px;
  font-weight: 900;
  color: white;
  margin: 0px 0px 30px 0px;
  line-height: 1;
}
h2,
.h2 {
  color: #66fa2d;
  display: block;
  font-size: 45px;
  font-weight: 800;
  margin: 0px 0px 10px 0px;
  line-height: 1;
}
h3,
.h3 {
  color: inherit;
  display: block;
  font-size: 25px;
  letter-spacing: normal;
  font-weight: 800;
  text-transform: lowercase;
  margin: 0px 0px 10px 0px;
  line-height: 1;
}
h3.uppercase,
.h3.uppercase {
  text-transform: uppercase;
  letter-spacing: 1.2px;
  line-height: 1.2;
}
h4,
.h4 {
  display: block;
  font-size: 18px;
  font-weight: 800;
  text-transform: none;
  margin: 0px 0px 5px 0px;
  letter-spacing: normal;
}
a {
  color: #ffffff;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
.grid2 {
  float: left;
  width: 50%;
  box-sizing: border-box;
}
.grid2.right {
  float: right;
}
.grid3 {
  float: left;
  width: 33.33%;
  box-sizing: border-box;
}
.clear:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
.flexcontainer {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 50px;
  align-items: flex-end;
  /* items botton aligned */
}
.flexcontainer .grid2 {
  width: 50%;
  float: none;
}
.flexcontainer .grid3 {
  width: 33.33%;
  float: none;
}
.flexcontainer .grid3_2 {
  width: 66.66%;
  float: none;
}
img {
  max-width: 100%;
  height: auto;
}
.text {
  line-height: 1.4;
  letter-spacing: normal;
}
.text p {
  margin: 0px 0px 15px 0px;
}
.text p:last-Child {
  margin-bottom: 0px;
}
.text b,
.text strong {
  font-weight: 800;
}
.text ul {
  margin: 0px 0px 15px 0px;
  padding-left: 15px;
}
.text a {
  color: #66fa2d;
}
.text a:hover {
  text-decoration: underline;
}
button,
.button,
input[type="submit"] {
  position: relative;
  display: inline-block;
  border: 0px;
  background-color: #8c00be;
  padding: 0px 35px;
  line-height: 40px;
  border-radius: 20px;
  font-weight: 800;
  font-size: 13px;
  color: white;
  letter-spacing: 1px;
  text-transform: uppercase !important;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}
button:after,
.button:after,
input[type="submit"]:after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  border-radius: 24px;
  border: 2px solid #8c00be;
  opacity: 0;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}
button:hover,
.button:hover,
input[type="submit"]:hover {
  text-decoration: none !important;
  /*
		&:after {
			opacity: 1;
			top: -4px;
			left: -4px;
			bottom: -4px;
			right: -4px;
		}
		*/
}
button.nostock,
.button.nostock,
input[type="submit"].nostock {
  background-color: #bfbfbf;
}
.link {
  color: #66fa2d !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 90%;
  display: inline-block;
  position: relative;
  padding-left: 50px;
}
.link:before {
  content: '\f105';
  font-family: "fontello_mg";
  font-size: 150%;
  font-style: normal;
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 24px;
  border: 1px solid #66fa2d;
  box-sizing: border-box;
  text-align: left;
  border-radius: 14px;
  position: absolute;
  left: 0px;
  top: -6px;
  padding-left: 10px;
  padding-top: 1px;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}
.link:hover {
  text-decoration: none !important;
}
.link:hover:before {
  width: calc(100% + 15px);
}
.link.goback:before {
  content: '\f104';
}
.form {
  margin: 0px 0px 50px 0px;
  padding: 0px;
}
.form li {
  display: block;
  background-color: white;
  color: #192832;
  padding: 10px 20px;
  margin-bottom: 10px;
  margin-right: 10px;
  width: calc(50% - 10px);
  box-sizing: border-box;
  float: left;
}
.form li.full {
  width: calc(100% - 10px);
}
.form li .label {
  display: block;
  margin-bottom: 3px;
}
.form li input[type="text"],
.form li input[type="email"],
.form li input[type="url"],
.form li input[type="date"],
.form li input[type="web"],
.form li textarea {
  height: 25px;
  width: 96%;
  padding: 0px 2%;
  border: 1px solid transparent;
  border-left: 1px solid black;
}
.form li textarea {
  height: auto;
  padding: 2%;
}
.form li select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: white;
  border: 1px solid transparent;
  border-left: 1px solid black;
  height: 25px;
  width: 96%;
  padding: 0px 2%;
  background-image: url('/MEDIEN/layout/arrow_down.png');
  background-repeat: no-repeat;
  background-position: 100% center;
  background-size: 10px auto;
}
.form li input[type="radio"],
.form li input[type="checkbox"] {
  position: absolute;
}
.form li.radio .field > div,
.form li.checkbox .field > div {
  position: relative;
  display: inline-block;
  padding: 2px 0px;
  margin-right: 15px;
}
.form li.radio label,
.form li.checkbox label {
  margin-left: 22px;
  display: block;
}
.form li.textarea .label {
  display: none;
}
.form .headline {
  background-color: transparent;
  width: 100%;
  padding: 0px;
}
.form .headline h2,
.form .headline h3 {
  color: #66fa2d;
}
.form .submitcontainer {
  background-color: transparent;
  width: 100%;
  padding: 0px;
}
.form .req {
  display: inline-block;
  margin: 0px 5px;
  color: #66fa2d;
}
.form .hidden {
  display: none;
}
.form .g-recaptcha {
  margin: 10px 0px;
}
.form li .pflichtfeld_text {
  color: #ffffff;
  margin-top: 10px;
  margin-bottom: 10px;
  font-style: italic;
}
.template_14 .form li .pflichtfeld_text {
  color: #192832;
}
.template_14 .form .headline h2,
.template_14 .form .headline h3 {
  color: #192832 !important;
}
.inner {
  max-width: 92%;
  width: 1200px;
  margin: auto;
  position: relative;
}
.outer {
  max-width: 98%;
  width: 1480px;
  margin: auto;
  position: relative;
}
#content {
  /* padding-bottom: @px_padding*4; */
}
#header {
  background-color: transparent;
  position: fixed;
  z-index: 21;
  top: 0px;
  left: 0px;
  width: 100%;
  margin: 25px 0px 0px 0px;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}
#logo {
  display: inline-block;
  max-width: 40%;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  position: relative;
  top: -100px;
  z-index: 20;
}
#logo img {
  height: 40px;
}
#mainmenu {
  position: absolute;
  right: 0px;
  top: 0px;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}
.frontpage #mainmenu {
  top: -100px;
}
.loaded3 #logo {
  top: 0px;
}
.loaded4 #mainmenu {
  top: 0px;
}
#nav {
  margin: 0px;
  padding: 0px;
  text-align: center;
  /* gets handled via javascript */
  /*
	li.lvl1:hover > .submenu {
		display: block;
	}
	*/
}
#nav li.lvl1 {
  list-style-type: none;
  display: inline-block;
  margin: 0px 18px;
  color: white;
}
#nav li.lvl1.hasSubs {
  margin-right: 8px;
}
#nav li.lvl1 a {
  color: inherit;
  display: inline-block;
  font-weight: 900;
  line-height: 35px;
  text-transform: lowercase;
  position: relative;
}
#nav li.lvl1 a:after {
  content: "";
  display: none;
  position: absolute;
  bottom: 5px;
  left: 0px;
  width: 100%;
  height: 2px;
  background-color: #66fa2d;
}
#nav li.lvl1 .ic {
  position: relative;
  margin-left: -4px;
}
#nav li.lvl1 a.active {
  text-decoration: none;
}
#nav li.lvl1 a.active:hover {
  text-decoration: none;
}
#nav li.lvl1 a.active:after {
  display: block;
}
#nav li.lvl1:hover > a,
#nav li.lvl1.hover > a {
  text-decoration: underline;
}
#nav .submenu {
  margin: 0px 0px 0px -15px;
  display: none;
  position: absolute;
  z-index: 5;
  text-align: left;
  padding: 0px;
  background-color: rgba(25, 40, 50, 0.4);
  min-width: 150px;
  opacity: 0;
}
#nav .submenu li.lvl2 {
  margin: 0px;
  display: block;
  list-style-type: none;
  border-bottom: 1px solid #192832;
}
#nav .submenu li.lvl2 a {
  padding: 0px 15px;
  line-height: 40px;
  display: block;
}
#nav .submenu li.lvl2 a:hover {
  text-decoration: underline;
}
#nav .submenu li.lvl2 a.active {
  color: #66fa2d;
}
#nav .submenu li.lvl2 a.active:after {
  display: none;
}
#mobilemenu {
  display: none;
}
#mobilmenu_trigger {
  display: none;
  position: absolute;
  z-index: 20;
  right: 3%;
  top: 0px;
  cursor: pointer;
  width: 34px;
}
#mobilmenu_trigger span {
  height: 5px;
  width: 5px;
  position: relative;
  background-color: white;
  margin: 4px auto;
  display: block;
  opacity: 1;
  transform: rotate(0deg);
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}
.mobilenav #mobilmenu_trigger span {
  width: 100%;
}
.mobilenav #mobilmenu_trigger .line1 {
  transform: rotate(45deg);
  top: 9px;
}
.mobilenav #mobilmenu_trigger .line2 {
  opacity: 0;
}
.mobilenav #mobilmenu_trigger .line3 {
  transform: rotate(-45deg);
  top: -9px;
}
#mobilemenu_container {
  display: flex;
  position: fixed;
  top: -100%;
  left: 0px;
  width: 100%;
  min-height: 100vh;
  overflow: auto;
  background-color: #192832;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  opacity: 0;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}
#mobilemenu_container #mobilenav_logo {
  position: absolute;
  display: block;
  margin: 10px auto;
}
.mobilenav #mobilemenu_container {
  top: 0px;
  opacity: 1;
}
#nav_mobile {
  display: inline-block;
  margin: 0px;
  padding: 0px;
}
#nav_mobile > li {
  display: block;
  list-style-type: none;
  position: relative;
  text-align: center;
  padding: 8px 0px;
}
#nav_mobile > li > a {
  color: inherit;
  display: inline-block;
  font-weight: 900;
  font-size: 22px;
  line-height: 34px;
  text-transform: lowercase;
  position: relative;
}
#nav_mobile > li > a:after {
  content: "";
  display: none;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background-color: #66fa2d;
}
#nav_mobile > li > a.active:after {
  display: block;
}
#nav_mobile > li .subnav {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
#nav_mobile > li .subnav li {
  padding: 0px;
}
#nav_mobile > li .subnav a {
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
  text-transform: lowercase;
}
#nav_mobile > li .subnav a.active {
  font-weight: 900;
}
#nav_mobile li.cta_menu a {
  margin-top: 10px;
  font-size: inherit;
}
#cookiehint {
  display: none;
  position: fixed;
  z-index: 30;
  left: 10px;
  bottom: 10px;
  width: 700px;
  max-width: calc(100% - 20px);
  background-color: #bebebe;
  padding: 12.5px;
  box-sizing: border-box;
}
#cookiehint .text {
  font-size: 90%;
  color: #192832;
}
#cookiehint a.readmore {
  color: #66fa2d;
  text-decoration: underline;
}
#cookiehint .button {
  margin: 10px 10px 0px 0px;
  color: inherit;
}
#cookiehint .cookie_save {
  background-color: white;
  border: 1px solid grey;
  color: grey;
}
#cookiehint .cookie_acceptAll {
  color: white;
}
#cookiehint .cookie_deny {
  background-color: transparent;
  border: 1px solid grey;
  color: grey;
}
#page {
  overflow: hidden;
}
#footer {
  position: relative;
  padding: 50px 0px;
  color: #192832;
  line-height: 1.4;
  background-color: #dddfe0;
}
#footer:after {
  content: "";
  display: block;
  height: 20px;
  bottom: -20px;
  background-color: #dddfe0;
  position: absolute;
  left: 0px;
  width: 100%;
}
#footer a {
  color: inherit;
}
#footer .totop {
  display: inline-block;
  background-color: #66fa2d;
  border-radius: 50%;
  border: 5px solid #dddfe0;
  position: absolute;
  top: -20px;
  left: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: black;
  font-size: 20px;
  transform: translateX(-50%);
  text-align: center;
}
#footer .totop .ic {
  position: relative;
  top: -2px;
}
#footer .metalink {
  font-weight: 800;
  display: inline-block;
  margin-bottom: 5px;
}
#footer .social {
  margin: 25px 0px;
}
#footer .social a {
  display: inline-block;
  margin-left: -5px;
  margin-right: 10px;
  font-size: 170%;
}
#footer .newsletter {
  margin: 25px 0px;
}
#footernav {
  margin: 0px 0px 25px 0px;
  padding: 0px;
  list-style-type: none;
}
#footernav li {
  margin: 15px 0px;
}
#footernav a {
  color: inherit;
  display: block;
  font-size: 25px;
  letter-spacing: normal;
  font-weight: 800;
  text-transform: lowercase;
  margin: 0px 0px 10px 0px;
  line-height: 1;
  font-size: 35px;
  margin: 0px;
}
#footernav a.uppercase {
  text-transform: uppercase;
  letter-spacing: 1.2px;
  line-height: 1.2;
}
.section {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  box-sizing: border-box;
  padding: 150px 0px;
  position: relative;
  overflow: hidden;
}
.section .background {
  display: block;
  position: absolute;
  top: -25%;
  left: 0px;
  width: 100%;
  height: 150%;
  z-index: -1;
}
#standard {
  padding: 150px 0px;
}
#standard h1 {
  text-align: right;
}
#intro {
  /*
	background-image: url('/MEDIEN/layout/background_intro.png');
	background-repeat: repeat;
	background-size: 45px;
	*/
}
#intro .circle_container {
  display: block;
  width: 55vh;
  height: 55vh;
  position: relative;
}
#intro #circle_video {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #66fa2d;
  overflow: hidden;
}
#intro #circle_video video {
  display: block;
  object-fit: cover;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  pointer-events: none;
  border-radius: 50%;
}
#intro #circle1,
#intro #circle2 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  transform: translateY(0px);
  -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  transition: all 0.75s;
}
#intro #circle1 {
  animation: superRotation 6s infinite linear;
  transform-origin: 48% 48%;
}
#intro #circle2 {
  top: 20px;
  left: -10px;
  animation: superRotation 6s infinite linear;
  animation-delay: 0.5s;
  transform-origin: 53% 51%;
}
#intro .circle_container:hover #circle1,
#intro .circle_container:hover #circle2 {
  width: 105%;
  height: 105%;
  top: -2.5%;
  left: -2.5%;
}
#intro #intro_scrollstart {
  color: white;
  position: absolute;
  bottom: 5%;
  opacity: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  transition: all 0.75s;
  font-size: 24px;
}
.loaded4 #intro #intro_scrollstart {
  opacity: 1;
}
.scrolled.loaded4 #intro #intro_scrollstart {
  opacity: 0;
}
@keyframes superRotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes superRotationInvert {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
#welcome {
  color: black;
  display: block;
}
#welcome > .inner {
  position: relative;
  z-index: 3;
}
#welcome h1,
#welcome .h1 {
  color: #192832;
}
#welcome .link {
  color: white !important;
}
#welcome .link:before {
  border-color: white;
}
#welcome .bgimage {
  position: absolute;
  top: 30%;
  left: 30%;
  width: 450px;
  height: 450px;
  transform: translateX(-50%) translateY(-50%);
  background-image: url('/MEDIEN/layout/circles_dotted.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  /* mix-blend-mode: color-dodge; */
}
#welcome .background {
  background-color: #66fa2d;
}
#welcome .left {
  text-align: right;
}
#welcome .right {
  text-align: left;
}
#artists {
  /*  last section split in 2 */
}
#artists .subsection {
  position: relative;
  padding: 150px 0px;
}
#artists .subsection .image_container {
  position: relative;
  padding: 0px 23% 0px 0px;
  margin-bottom: 25px;
}
#artists .subsection .image_container img {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  opacity: 0.6;
  filter: grayscale();
}
#artists .subsection .image_container img:hover {
  opacity: 1;
  filter: none;
}
#artists .subsection .title {
  position: absolute;
  bottom: 8%;
  right: 0px;
  z-index: 2;
  text-align: right;
  pointer-events: none;
  opacity: 0;
  transform: translateX(200%);
  -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  transition: all 0.75s;
}
#artists .subsection .title.animated {
  opacity: 1;
  transform: translateX(0%) !important;
}
#artists .subsection:nth-Child(even) .image_container {
  position: relative;
  padding: 0px 0px 0px 23%;
}
#artists .subsection:nth-Child(even) .title {
  right: auto;
  left: 0px;
  text-align: left;
  transform: translateX(-200%);
}
#artists .subsection:nth-Child(even) .info_circle {
  left: auto;
  right: -10px;
}
#artists .subsection:nth-Child(even) .info_circle span {
  transform: rotate(5deg);
}
#artists .subsection .textcontainer {
  margin: auto;
  margin-left: 23%;
  margin-right: 23%;
}
#artists .info_circle {
  position: absolute;
  z-index: 1;
  top: 90%;
  left: -20px;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  text-align: center;
  box-sizing: border-box;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #66fa2d;
  background-color: rgba(25, 40, 50, 0.8);
}
#artists .info_circle:before {
  content: "";
  display: block;
  border-radius: 50%;
  border: 1px solid #66fa2d;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  animation: superRotation 3s infinite linear;
  transform-origin: 48% 48%;
}
#artists .info_circle span {
  color: inherit;
  display: block;
  font-size: 25px;
  letter-spacing: normal;
  font-weight: 800;
  text-transform: lowercase;
  margin: 0px 0px 10px 0px;
  line-height: 1;
  font-size: 22px;
  text-transform: uppercase;
  transform: rotate(-5deg);
}
#artists .info_circle span.uppercase {
  text-transform: uppercase;
  letter-spacing: 1.2px;
  line-height: 1.2;
}
#artists #subsec2 .info_circle {
  top: 100%;
}
#artists #subsec3 .info_circle {
  top: 140%;
}
#artists #subsec4 .info_circle {
  top: 180%;
}
#artists #subsec5 .flexcontainer > div {
  flex-basis: 50%;
  position: relative;
}
#artists #subsec5 .flexcontainer .title {
  text-align: left;
  font-size: 55px;
  left: 0%;
  width: 100%;
}
#artists #subsec5 .flexcontainer .image_container {
  padding: 0px 0px 0px 5%;
}
#artists #subsec5 .flexcontainer .textcontainer {
  margin: 0px 15% 0px 5%;
}
#artists #subsec5 .left .title {
  transform: translateX(-200%);
}
#artists #subsec5 .right {
  align-self: flex-start;
  /*
			.title {
				bottom: auto;
				position: relative;
				text-align: right;
			}
			.textcontainer {
				margin: 0px 5% 0px 15%;
			}
			*/
}
#dotnav {
  position: fixed;
  right: -200px;
  top: 0px;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 20;
  gap: 5vh;
  -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  transition: all 0.75s;
}
#dotnav > a {
  display: block;
  border-radius: 50%;
  border: 1px solid transparent;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  transition: all 0.75s;
}
#dotnav > a.current {
  border-color: #66fa2d;
}
.scrolled #dotnav.loaded {
  right: 30px;
}
.maincontent {
  position: relative;
  padding: 100px 0px;
  box-sizing: border-box;
  min-height: 100vh;
}
#breadcrump {
  margin-top: 120px;
  padding: 25px 0px;
  font-size: 13px;
  color: white;
  position: relative;
  z-index: 5;
}
#breadcrump ul {
  margin: 0px;
  padding: 0px 0px 0px 55px;
  position: relative;
}
#breadcrump ul:before {
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  background-color: #66fa2d;
  position: absolute;
  left: 0px;
  bottom: 2px;
}
#breadcrump ul li {
  list-style-type: none;
  display: inline-block;
}
#breadcrump ul li a {
  color: inherit;
  text-transform: lowercase;
  letter-spacing: normal;
  position: relative;
}
#breadcrump ul li a:after {
  content: "";
  display: inline-block;
  margin: 0px 1px 0px 3px;
  width: 7px;
  border-bottom: 1px solid white;
  height: 1px;
}
#breadcrump ul li:last-Child a:after {
  display: none;
}
.frontpage #breadcrump {
  display: none;
}
/* anfrage */
.template_21 #breadcrump {
  color: white;
}
.template_21 #breadcrump ul:before {
  background-color: #dddfe0;
}
.template_21 #breadcrump ul li a:after {
  border-color: #dddfe0;
}
#artist_list .headline_wrapper,
#tourdates .headline_wrapper,
#form_request .headline_wrapper,
#form_wrapper .headline_wrapper,
#events_overview .headline_wrapper,
#service .headline_wrapper {
  text-align: right;
  position: relative;
  transform: translateY(40%);
  margin-top: -50px;
  z-index: 1;
}
#artist_list h1,
#tourdates h1,
#form_request h1,
#form_wrapper h1,
#events_overview h1,
#service h1 {
  display: inline-block;
  max-width: 700px;
  margin: 0px;
}
#artist_list .introtext,
#events_overview .introtext {
  padding: 10px 0px;
  max-width: 50%;
  position: relative;
  z-index: 1;
  top: 0px;
}
#events_overview .introtext {
  max-width: 90%;
  margin: auto;
  position: relative;
}
#events_overview .introtext .text {
  max-width: 60%;
}
#artists_container {
  margin: 0px -5px;
}
#artists_container .item {
  float: left;
  width: calc(20% - 10px);
  margin: 0px 5px;
  margin-bottom: 10px;
  position: relative;
  opacity: 0;
  -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  transition: all 0.75s;
  transform: translateY(50%);
}
#artists_container .item:nth-Child(1) {
  transition-delay: 0.0s;
}
#artists_container .item:nth-Child(2) {
  transition-delay: 0.1s;
}
#artists_container .item:nth-Child(3) {
  transition-delay: 0.2s;
}
#artists_container .item:nth-Child(4) {
  transition-delay: 0.3s;
}
#artists_container .item:nth-Child(5) {
  transition-delay: 0.4s;
}
#artists_container .item:nth-Child(6) {
  transition-delay: 0.5s;
}
#artists_container .item:nth-Child(7) {
  transition-delay: 0.6s;
}
#artists_container .item:nth-Child(8) {
  transition-delay: 0.7s;
}
#artists_container .item:nth-Child(9) {
  transition-delay: 0.8s;
}
#artists_container .item:nth-Child(10) {
  transition-delay: 0.9s;
}
#artists_container .item:nth-Child(11) {
  transition-delay: 1.0s;
}
#artists_container .image {
  position: relative;
  width: 100%;
  padding-bottom: 150%;
  overflow: hidden;
}
#artists_container .image:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0px;
  bottom: -1px;
  height: 20%;
  width: 100%;
  background-image: url('/MEDIEN/layout/trans_gradient_black.png');
  background-repeat: repeat-x;
  /*
			background-color: rgba(255,255,255, 0);

			background: rgba(255,255,255,0);
			background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 20%, rgba(0,0,0,0.7497373949579832) 100%);
			background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 20%, rgba(0,0,0,0.7497373949579832) 100%);
			background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 20%, rgba(0,0,0,0.7497373949579832) 100%);
		 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);
			*/
}
#artists_container .image img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  filter: grayscale(0.4);
  transform: scale(1);
  opacity: 0.6;
}
#artists_container .title {
  color: white;
  position: absolute;
  z-index: 2;
  bottom: 15px;
  left: 30px;
}
#artists_container .title .subline {
  font-weight: 400;
  font-size: 75%;
}
#artists_container .logocontainer {
  position: absolute;
  opacity: 0;
  bottom: -30px;
  right: -25%;
  background-color: white;
  display: flex;
  text-align: center;
  border-radius: 50%;
  width: 130px;
  height: 130px;
  box-sizing: border-box;
  padding: 15px;
  align-items: center;
  transform: rotate(45deg);
  z-index: 1;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}
#artists_container .item:hover .image img {
  transform: scale(1.05);
  opacity: 1;
  filter: none;
}
#artists_container .item:hover .logocontainer {
  opacity: 1;
  bottom: 9%;
  right: -6px;
  transform: rotate(7deg);
}
.loaded2 #artists_container .item {
  opacity: 1;
  transform: translateY(0px);
}
/* ARTIST DETAIL */
/*
.template_14 {
	background-color: #aeb4b7;
	color: @color_font_dark;
	
	#breadcrump { color: @color_font_dark; }
}
*/
#artist_keyvisual {
  position: relative;
  height: calc(100vh - 185px);
}
#artist_keyvisual #keyvisual_headline {
  position: absolute;
  z-index: 1;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  max-width: 600px;
  text-align: right;
}
#artist_keyvisual #keyvisual_headline h1 {
  position: relative;
  -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  transition: all 0.75s;
  right: -200%;
}
#artist_keyvisual #keyvisual_headline h3 {
  position: relative;
  color: #66fa2d;
  text-transform: none;
  -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  transition: all 0.75s;
  right: -200%;
}
#artist_keyvisual .imgcontainer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  transition: all 0.75s;
  opacity: 0;
}
#artist_keyvisual .imgcontainer img {
  position: absolute;
  z-index: 1;
  left: -10%;
  bottom: 0px;
  max-width: 110%;
  width: 110%;
}
#artist_keyvisual .cicle_container {
  position: absolute;
  /* top: 10%; */
  bottom: 35%;
  left: 12%;
  width: 60%;
  height: 60%;
}
#artist_keyvisual .cicle_container .circle {
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;
  width: 50vh;
  padding-bottom: 50vh;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  opacity: 1;
  border-radius: 50%;
  border: 1px solid #66fa2d;
  transform-origin: 49% 51%;
  animation: superRotation 4s infinite linear;
}
#artist_keyvisual .cicle_container .circle1 {
  transform-origin: 50% 51%;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
}
#artist_keyvisual .cicle_container .circle2 {
  transform-origin: 48% 50%;
  z-index: 0;
  filter: blur(1px);
  opacity: 0.7;
}
#artist_keyvisual .cicle_container .circle3 {
  transform-origin: 51% 49%;
  z-index: 0;
  filter: blur(1px);
  opacity: 0.7;
}
.loaded2 #artist_keyvisual .imgcontainer {
  opacity: 1;
}
.loaded2 #artist_keyvisual #keyvisual_headline h1 {
  right: 0px;
}
.loaded3 #artist_keyvisual #keyvisual_headline h3 {
  right: 0px;
}
/* 3D Figures and Balls*/
#figures {
  position: absolute;
  top: 10%;
  left: 0px;
  width: 100%;
  height: 100%;
  /* white glance */
  /* purple glance */
  /* 2 zusammen vorne 1*/
  /* 2 zusammen vorne 2*/
  /* groß hinten grün */
  /* groß vorne rechts */
  /* klein hinten */
}
#figures .stage {
  position: relative;
  width: 100%;
  height: 100%;
  display: inline-block;
  margin: 20px;
  /*
		perspective: 1200px;
		perspective-origin: 50% 50%;
		*/
}
#figures .ball {
  display: inline-block;
  overflow: hidden;
  width: 130px;
  height: 130px;
  margin: 0;
  border-radius: 50%;
  position: absolute;
  /* transform: translateX(-50%) translateY(-50%); */
  background: radial-gradient(circle at 50% 120%, #192832, #0a0a0a 80%, #000000 100%);
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.6);
}
#figures .ball:before {
  content: "";
  display: block;
  position: absolute;
  background: radial-gradient(circle at 50% 120%, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 70%);
  border-radius: 50%;
  bottom: 2.5%;
  left: 5%;
  opacity: 0.6;
  height: 100%;
  width: 90%;
  filter: blur(5px);
  z-index: 2;
}
#figures .ball:after {
  content: "";
  display: block;
  width: 80%;
  height: 80%;
  position: absolute;
  top: 15%;
  left: 20%;
  border-radius: 50%;
  opacity: 0.7;
  background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8) 14%, rgba(255, 255, 255, 0) 24%);
  transform: translateX(-45%) translateY(-35%) skewX(-20deg);
  filter: blur(10px);
}
#figures .ball .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0) 50%);
  transform: rotateX(90deg) translateZ(-50%);
  z-index: -1;
}
#figures .ball1 {
  top: 45%;
  left: 20%;
  z-index: 2;
  filter: blur(2px);
  animation: ballgrow 30s infinite linear;
  background-image: url('/MEDIEN/layout/stripes.png');
}
#figures .ball2 {
  top: 55%;
  left: 28%;
  z-index: 2;
  width: 70px;
  height: 70px;
  filter: blur(1px);
  transform: rotate(25deg);
  background: #500a69;
  background: radial-gradient(circle, #500a69 0%, #000000 80%, #000000 100%);
  transform-origin: 44% 51%;
  animation: superRotation 4s infinite linear;
}
#figures .ball3 {
  top: 2%;
  left: 50%;
  z-index: 0;
  background: #278e00;
  background: radial-gradient(circle at 50% 50%, #278e00 0%, #000000 80%, #000000 100%);
}
#figures .ball4 {
  top: 48%;
  left: 45%;
  z-index: 2;
  filter: blur(3px);
  transform: rotate(25deg);
  width: 180px;
  height: 180px;
  background: #9d9d9d;
  background: radial-gradient(circle, #9d9d9d 0%, #000000 80%, #000000 100%);
  animation: ballgrow 10s infinite linear;
}
#figures .ball5 {
  top: 33%;
  left: 70%;
  z-index: 0;
  width: 50px;
  height: 50px;
}
#figures .ball6 {
  top: 5%;
  left: 5%;
  z-index: 0;
  width: 80px;
  height: 80px;
  background: #41194f;
  background: radial-gradient(circle, #41194f 0%, #000000 80%, #000000 100%);
}
@keyframes ballgrow {
  0% {
    transform: scale(100%);
  }
  50% {
    transform: scale(120%);
  }
  100% {
    transform: scale(100%);
  }
}
#artist_scrolldown {
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  color: #66fa2d;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #66fa2d;
  text-align: center;
  width: 30px;
  height: 30px;
}
#artist_scrolldown .ic {
  position: relative;
  top: 3px;
  font-size: 140%;
}
#artist_detail {
  background-color: #aeb4b7;
  color: #192832;
  /* event special */
  /* end event special */
}
#artist_detail.type_event {
  background-color: #192832;
  color: white;
}
#artist_detail.type_event .title {
  display: none;
}
#artist_detail.type_event .linklist .link {
  color: white !important;
}
#artist_detail.type_event .linklist .ic {
  background-color: white;
  color: #192832;
}
#artist_detail h3 {
  color: #66fa2d;
}
#artist_detail .firstsection {
  padding-bottom: 100px;
}
#artist_detail .image {
  position: relative;
  margin-left: 100px;
  text-align: right;
}
#artist_detail .image > div {
  display: inline-block;
  position: relative;
}
#artist_detail .image .artist_logo {
  display: block;
  z-index: 1;
  position: absolute;
  top: 95%;
  left: 0%;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
  overflow: hidden;
  width: 150px;
  height: 150px;
  line-height: 150px;
  text-align: center;
  background-color: white;
}
#artist_detail .image .artist_logo img {
  position: absolute;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
  object-fit: contain;
}
#artist_detail .linklist {
  margin-top: 25px;
}
#artist_detail .linklist .link {
  color: #192832 !important;
  text-transform: lowercase;
  margin-bottom: 25px;
}
#artist_detail .linklist .link:before {
  color: #66fa2d;
}
#artist_detail .linklist .ic {
  color: white;
  font-size: 140%;
  margin-right: 20px;
  border-radius: 50%;
  padding: 3px;
  background-color: #192832;
}
#event_headline {
  padding: 100px 0px 12.5px 0px;
}
#event_headline h1 {
  text-align: right;
  -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  transition: all 0.75s;
  transform: translateX(200%);
  opacity: 0;
}
#event_headline h3 {
  text-align: right;
  color: #66fa2d;
  opacity: 0;
  -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  transition: all 0.75s;
  transition-delay: 0.2s;
}
.loaded3 #event_headline h1 {
  transform: translateX(0%);
  opacity: 1;
}
.loaded3 #event_headline h3 {
  opacity: 1;
}
#othercats {
  margin-top: 100px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  gap: 25px;
}
#othercats div {
  position: relative;
  /*
		background-image: url('/MEDIEN/layout/circles_dotted.png');
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		*/
  width: 200px;
  height: 200px;
  border: 1px solid white;
  border-radius: 50%;
}
#othercats div a {
  color: inherit;
  font-size: 25px;
  letter-spacing: normal;
  font-weight: 800;
  text-transform: lowercase;
  margin: 0px 0px 10px 0px;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  color: #66fa2d;
  text-align: center;
  mix-blend-mode: none;
}
#othercats div a.uppercase {
  text-transform: uppercase;
  letter-spacing: 1.2px;
  line-height: 1.2;
}
#pager {
  position: relative;
  margin-top: 150px;
}
#pager a {
  display: none;
  color: #192832 !important;
}
#pager .prev {
  float: left;
}
#pager .prev:before {
  border-color: #192832;
  content: '\f104';
}
#pager .next {
  float: right;
}
#pager .next:before {
  border-color: #192832;
}
#standard #pager a {
  color: white !important;
}
#standard #pager .prev:before,
#standard #pager .next:before {
  border-color: white !important;
}
#standard .gobacklink {
  margin-bottom: 20px;
  top: -20px;
  position: relative;
}
#standard .gobacklink:before {
  content: '\f104';
}
#tourdates .text_top {
  max-width: 50%;
  padding-bottom: 25px;
}
#tourdates_container table {
  position: relative;
  display: table;
  width: 100%;
  color: #192832;
}
#tourdates_container table tr {
  display: table-row;
  background-color: #dddfe0;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}
#tourdates_container table tr td {
  padding: 15px 15px;
  display: table-cell;
  border-bottom: 4px solid #192832;
}
#tourdates_container table tr.animateme {
  opacity: 0;
  transform: scale(0.7);
}
#tourdates_container table tr.animated {
  opacity: 1;
  transform: scale(1);
}
#tourdates_container table tr.month_head {
  background-color: transparent;
  color: white;
}
#tourdates_container table tr.month_head td {
  border: 0px;
  font-weight: bold;
  padding-left: 10px;
}
#tourdates_container .date {
  text-align: center;
}
#tourdates_container .date .day {
  font-weight: bold;
  font-family: 'Source Serif Pro', serif;
  font-size: 180%;
  letter-spacing: normal;
}
#tourdates_container .date .month {
  text-transform: uppercase;
}
#tourdates_container .title {
  font-weight: bold;
  text-transform: uppercase;
}
#tourdates_container .city {
  font-weight: bold;
  text-transform: uppercase;
}
#filter {
  position: relative;
  display: flex;
  padding-bottom: 12.5px;
  margin-top: 50px;
  margin-bottom: 25px;
  border-bottom: 1px solid black;
}
#filter .filtergroup {
  float: right;
  box-sizing: border-box;
  padding: 0px 12.5px;
  margin: 0px 15px 0px 0px;
  line-height: 30px;
  position: relative;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}
#filter .filtergroup:after {
  content: "";
  display: block;
  position: absolute;
  height: 6px;
  bottom: -6px;
  left: 0px;
  width: 100%;
  background-color: transparent;
  opacity: 0;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}
#filter .filtergroup.active .label {
  color: #66fa2d;
}
#filter .filtergroup:hover:after {
  opacity: 1;
}
#filter .filtergroup:hover .filterdropdown {
  max-height: 340px;
  overflow: auto;
}
#filter .filtergroup .label {
  text-transform: lowercase;
  font-weight: 900;
}
#filter .filtergroup.reset {
  float: right;
  padding: 0px 10px 0px 10px;
}
#filter .filtergroup.reset:after {
  display: none;
}
#filter .filtergroup.reset:hover a {
  text-decoration: none;
}
#filter_form {
  display: block;
  width: 100%;
}
.filterdropdown {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  display: block;
  width: auto;
  min-width: 270px;
  max-height: 0px;
  overflow: hidden;
  position: absolute;
  z-index: 2;
  left: 0px;
  top: 36px;
  background-color: rgba(25, 40, 50, 0.95);
  box-sizing: border-box;
}
.filterdropdown ul {
  margin: 0px;
  padding: 12.5px;
  list-style-type: none;
}
.filterdropdown ul li {
  padding: 2px 0px;
  line-height: 24px;
}
.filterdropdown ul li.active {
  font-weight: bold;
}
.filterdropdown ul li.active:hover label {
  font-weight: regular;
  text-decoration: line-through;
}
.filterdropdown ul li label {
  font-size: 90%;
  display: inline-block;
  width: 70%;
  white-space: nowrap;
}
.filterdropdown ul li label:hover {
  font-weight: bold;
}
#tour_headers {
  margin: 0px -10px;
}
#tour_headers .item {
  float: left;
  position: relative;
  width: 33.33%;
  margin: 0px 10px 10px 10px;
  padding-bottom: 30%;
}
#tour_headers .item:first-Child {
  width: 100%;
}
#tour_headers .item img {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  /* filter: grayscale(); */
  object-fit: cover;
  opacity: 0.6;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}
#tour_headers .item:hover img {
  filter: none;
  opacity: 0.8;
}
#tour_headers .item .textbox {
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
  color: inherit;
  display: block;
  font-size: 25px;
  letter-spacing: normal;
  font-weight: 800;
  text-transform: lowercase;
  margin: 0px 0px 10px 0px;
  line-height: 1;
  text-transform: none;
  font-size: 35px;
  color: #66fa2d;
}
#tour_headers .item .textbox.uppercase {
  text-transform: uppercase;
  letter-spacing: 1.2px;
  line-height: 1.2;
}
#downloads h1,
#download_detail h1 {
  text-align: right;
}
#downloads_overview {
  margin-top: 100px;
  margin-left: -12.5px;
  margin-right: -12.5px;
}
#downloads_overview .item {
  width: calc(20% -  25px);
  margin: 0px 12.5px 100px 12.5px;
  float: left;
  position: relative;
  background-color: white;
  border-radius: 50%;
  padding-bottom: calc(20% -  25px);
}
#downloads_overview .item:after,
#downloads_overview .item:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  opacity: 0;
  border-radius: 50%;
  border: 1px solid #66fa2d;
  transform-origin: 49% 51%;
  animation: superRotation 3s infinite linear;
}
#downloads_overview .item:after {
  transform-origin: 50% 47%;
}
#downloads_overview .item img {
  position: absolute;
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
  object-fit: contain;
  filter: grayscale();
  opacity: 0.6;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}
#downloads_overview .item:hover img {
  opacity: 1;
  filter: none;
}
#downloads_overview .item:hover:after,
#downloads_overview .item:hover:before {
  opacity: 1;
  left: -2.5%;
  top: -2.5%;
  width: 105%;
  height: 105%;
}
.accordeon_wrapper .accordeon {
  position: relative;
  margin-bottom: 12.5px;
  background-color: #dddfe0;
  padding: 0px 25px;
  color: #192832;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}
.accordeon_wrapper .accordeon .acc_head {
  line-height: 30px;
  padding: 25px 0px;
  text-transform: uppercase;
  padding-left: 20%;
  font-weight: bold;
  position: relative;
}
.accordeon_wrapper .accordeon .acc_head .lefticon {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.accordeon_wrapper .accordeon .acc_head .lefticon .ic {
  display: inline-block;
  font-size: 120%;
}
.accordeon_wrapper .accordeon .acc_head .openclose {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.accordeon_wrapper .accordeon .acc_head .openclose .ic {
  font-size: 120%;
  display: inline-block;
  background-color: white;
  color: #66fa2d;
  border-radius: 50%;
  border: 1px solid #66fa2d;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
}
.accordeon_wrapper .accordeon .acc_head .openclose .ic.opened {
  display: none;
}
.accordeon_wrapper .accordeon .acc_content {
  border-top: 1px solid transparent;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  transition: all 0.75s;
}
.accordeon_wrapper .accordeon .acc_content .content {
  padding: 50px 0px;
  box-sizing: border-box;
}
.accordeon_wrapper .accordeon .acc_content a {
  color: #8c00be;
}
.accordeon_wrapper .accordeon .acc_content a[href^="https://www.youtube"]:before {
  content: '\f167';
  font-family: "fontello_mg";
  font-style: normal;
  font-weight: normal;
  font-size: 120%;
  display: inline-block;
  margin-right: 10px;
}
.accordeon_wrapper .accordeon.opened {
  /* background-color: white; */
}
.accordeon_wrapper .accordeon.opened .acc_head .ic.opened {
  display: inline-block;
}
.accordeon_wrapper .accordeon.opened .acc_head .ic.closed {
  display: none;
}
.accordeon_wrapper .accordeon.opened .acc_content {
  border-top: 1px solid black;
  max-height: 800px;
  overflow: auto;
}
#download_detail .text_top {
  margin-left: 200px;
  margin-bottom: 25px;
}
#download_detail .icon {
  float: left;
  display: inline-block;
  border-radius: 50%;
  background-color: white;
  width: 200px;
  height: 200px;
  position: relative;
  top: -50px;
  left: -5%;
}
#download_detail .icon img {
  position: absolute;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
  object-fit: contain;
}
#download_detail .acc_content {
  overflow-y: scroll;
}
#download_detail .group_container {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}
#download_detail .group_head {
  display: block;
  font-weight: bold;
  color: #8c00be;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
#download_detail .group_files {
  background-color: white;
  padding: 15px;
}
#download_detail .downloads_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 12.5px;
}
#download_detail .downloads_list .item {
  border: 1px solid #dddfe0;
  padding: 10px;
  width: 180px;
  min-height: 180px;
  overflow: hidden;
  color: #192832;
  position: relative;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  /* File Icons */
}
#download_detail .downloads_list .item .overlay {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(200, 200, 200, 0.5);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  z-index: 1;
  opacity: 0;
}
#download_detail .downloads_list .item:hover .image,
#download_detail .downloads_list .item:hover .title {
  filter: blur(0.75px);
}
#download_detail .downloads_list .item:hover .overlay {
  opacity: 1;
}
#download_detail .downloads_list .item .file {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  margin-bottom: 20px;
  overflow: hidden;
}
#download_detail .downloads_list .item .file > * {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#download_detail .downloads_list .item .file .fileicon {
  background-color: transparent;
  font-size: 50px;
  text-align: center;
  top: 35%;
}
#download_detail .downloads_list .item .file[data-type=".png"] {
  background-image: url('/MEDIEN/layout/png_background.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}
#download_detail .downloads_list .item .file[data-type=".png"] .fileicon {
  display: none;
}
#download_detail .downloads_list .item .file[data-type=".pdf"] .fileicon:before {
  content: '\f1c1';
}
#download_detail .downloads_list .item .file[data-type=".jpg"] .fileicon:before,
#download_detail .downloads_list .item .file[data-type=".jpeg"] .fileicon:before,
#download_detail .downloads_list .item .file[data-type=".png"] .fileicon:before,
#download_detail .downloads_list .item .file[data-type=".gif"] .fileicon:before {
  content: '\f1c5';
}
#download_detail .downloads_list .item .title,
#download_detail .downloads_list .item .filesize {
  font-size: 12px;
  hyphens: auto;
}
#download_detail .downloads_list .item .filesize {
  font-weight: bold;
}
/* FORMULAR ANFRAGE */
.template_21 {
  background-color: #66fa2d;
}
#form_request #triggers {
  position: relative;
  text-align: center;
}
#form_request #triggers > a {
  display: inline-block;
  box-sizing: border-box;
  padding: 10px;
  margin: 12.5px;
  background-color: white;
  text-align: center;
  border-radius: 50%;
  width: 180px;
  height: 180px;
  position: relative;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}
#form_request #triggers > a.maintrigger {
  margin: 50px;
}
#form_request #triggers > a.maintrigger:before {
  content: "";
  position: absolute;
  top: -60%;
  left: -60%;
  width: 220%;
  height: 220%;
  background-image: url('/MEDIEN/layout/circles_dotted.png');
  background-size: contain;
  background-repeat: no-repeat;
}
#form_request #triggers > a:hover {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
}
#form_request #triggers span {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5%;
  width: 90%;
  text-align: center;
  color: #192832;
}
#form_popup {
  display: none;
  z-index: 10;
  position: fixed;
  top: 0vh;
  width: 100%;
  min-height: 100vh;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.4);
}
#form_popup.open {
  display: block;
}
#form_popup .close {
  position: fixed;
  top: 10px;
  right: 10px;
  width: 50px;
  height: 50px;
  z-index: 10;
}
#form_popup .close span {
  background-color: white;
  width: 100%;
  display: block;
  position: absolute;
  height: 3px;
  top: 50%;
  left: 0px;
  transform: rotate(-45deg);
}
#form_popup .close span:last-Child {
  transform: rotate(-135deg);
}
#form_wrapper .popup_content,
#form_popup .popup_content {
  margin: 5vh auto;
  width: 90%;
  min-height: 80vh;
  box-sizing: border-box;
  color: black;
  padding: 25px;
  background-color: #dddfe0;
}
#form_wrapper .title,
#form_popup .title {
  font-family: 'Source Serif Pro', serif;
  display: block;
  font-size: 90px;
  font-weight: 900;
  color: white;
  margin: 0px 0px 30px 0px;
  line-height: 1;
  color: black;
  text-align: right;
  width: 100%;
  max-width: 100%;
  /* font-size: 50px; */
}
#form_wrapper .request_window,
#form_popup .request_window {
  position: relative;
  overflow: hidden;
  width: 100%;
}
#form_wrapper .request_window .request_container,
#form_popup .request_window .request_container {
  position: relative;
  width: 300%;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}
#form_wrapper .request_window .stepcontainer,
#form_popup .request_window .stepcontainer {
  flex-grow: 1;
  flex-basis: 100%;
  width: 100%;
  position: relative;
  -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  transition: all 0.75s;
}
#form_wrapper .headline,
#form_popup .headline {
  margin-bottom: 25px;
}
#form_wrapper[data-step="1"] .request_container,
#form_popup[data-step="1"] .request_container {
  transform: translateX(0%);
}
#form_wrapper[data-step="1"] #request_steps .bar,
#form_popup[data-step="1"] #request_steps .bar {
  width: 2%;
}
#form_wrapper[data-step="1"] #request_steps .perc span:after,
#form_popup[data-step="1"] #request_steps .perc span:after {
  content: "1";
}
#form_wrapper[data-step="2"] .request_container,
#form_popup[data-step="2"] .request_container {
  transform: translateX(-33.33%);
}
#form_wrapper[data-step="2"] #request_steps .bar,
#form_popup[data-step="2"] #request_steps .bar {
  width: 50%;
}
#form_wrapper[data-step="2"] #request_steps .perc span:after,
#form_popup[data-step="2"] #request_steps .perc span:after {
  content: "2";
}
#form_wrapper[data-step="3"] .request_container,
#form_popup[data-step="3"] .request_container {
  transform: translateX(-66.66%);
}
#form_wrapper[data-step="3"] #request_steps .bar,
#form_popup[data-step="3"] #request_steps .bar {
  width: 98%;
}
#form_wrapper[data-step="3"] #request_steps .perc span:after,
#form_popup[data-step="3"] #request_steps .perc span:after {
  content: "3";
}
#form_wrapper[data-step="4"] .request_container,
#form_popup[data-step="4"] .request_container {
  transform: translateX(-100%);
}
#form_wrapper[data-step="4"] #request_steps .bar,
#form_popup[data-step="4"] #request_steps .bar {
  width: 100%;
}
#form_wrapper[data-step="4"] #request_steps .perc,
#form_popup[data-step="4"] #request_steps .perc {
  opacity: 0;
}
#request_steps {
  position: relative;
  margin: 25px 0px 50px 0px;
  padding-top: 25px;
  color: white;
  font-weight: bold;
  max-width: 50%;
}
#request_steps .getback {
  position: absolute;
  top: 0px;
  left: 0px;
}
#request_steps .perc {
  position: absolute;
  top: 0px;
  right: 0px;
}
#request_steps .bar_container {
  margin-top: 10px;
  position: relative;
  height: 8px;
  border-radius: 4px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.2);
}
#request_steps .bar_container .bar {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 2%;
  background-color: #8c00be;
  border-radius: 4px;
}
#about_us .section {
  min-height: 0px;
}
#about_us .subtitle_list {
  position: absolute;
  left: 77%;
  bottom: 0px;
  text-transform: uppercase;
  font-weight: 800;
  line-height: 1.5;
  padding-left: 5px;
}
#about_us .subsection {
  padding: 150px 0px;
}
#about_us .subsection .image_container {
  position: relative;
  padding: 0px 23% 0px 0px;
  margin-bottom: 25px;
}
#about_us .subsection .image_container img {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  opacity: 0.6;
  filter: grayscale();
}
#about_us .subsection .image_container img:hover {
  opacity: 1;
  filter: none;
}
#about_us .subsection .title {
  position: absolute;
  bottom: 30%;
  right: 0px;
  text-align: right;
  pointer-events: none;
  opacity: 0;
  transform: translateX(200%);
  -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  transition: all 0.75s;
}
#about_us .subsection .title.animated {
  opacity: 1;
  transform: translateX(0%) !important;
}
#about_us .subsection .textcontainer {
  margin: auto;
  margin-left: 23%;
  margin-right: 23%;
}
#team .team_container {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  gap: 12.5px;
}
#team .team_container.animated .item {
  transform: translateY(0px);
}
#team .team_container .item {
  flex-basis: 20%;
  position: relative;
  transform: translateY(250px);
  -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  transition: all 0.75s;
}
#team .team_container .item:nth-Child(1) {
  transition-delay: 0.2s;
}
#team .team_container .item:nth-Child(2) {
  transition-delay: 0.4s;
}
#team .team_container .item:nth-Child(3) {
  transition-delay: 0.6s;
}
#team .team_container .item:nth-Child(4) {
  transition-delay: 0.8s;
}
#team .team_container .item:nth-Child(5) {
  transition-delay: 1.0s;
}
#team .team_container .item:nth-Child(6) {
  transition-delay: 1.2s;
}
#team .team_container .item:hover .pic img {
  transform: scale(1.05);
}
#team .team_container .item:hover .textbox .part1 {
  top: -50px;
}
#team .team_container .item:hover .textbox .part2 {
  top: 0%;
}
#team .team_container .pic {
  position: relative;
  width: 100%;
  padding-bottom: 140%;
  overflow: hidden;
  /*
			&:after {
				content: "";
				position: absolute;
				z-index: 1;
				left: 0px;
				bottom: 0px;
				height: 20%;
				width: 100%;
				background: rgb(255,255,255);
				background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 20%, rgba(0,0,0,0.7497373949579832) 100%);
				background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 20%, rgba(0,0,0,0.7497373949579832) 100%);
				background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 20%, rgba(0,0,0,0.7497373949579832) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);
			}
			*/
}
#team .team_container .pic img,
#team .team_container .pic video {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}
#team .team_container .name {
  display: none !important;
  /* disabled for now */
  display: block;
  font-size: 18px;
  font-weight: 800;
  text-transform: none;
  margin: 0px 0px 5px 0px;
  letter-spacing: normal;
  color: white;
  position: absolute;
  bottom: 15px;
  left: 30px;
  z-index: 2;
}
#team .team_container .textbox {
  /* color: @color_font_dark; */
  /* background-color: @color_bg_light; */
  overflow: hidden;
  position: relative;
}
#team .team_container .textbox .part1 {
  position: relative;
  padding: 10px 0px 10px 10px;
  top: 0px;
  width: 100%;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  box-sizing: border-box;
}
#team .team_container .textbox .part2 {
  position: absolute;
  padding: 10px 0px 10px 10px;
  top: 100%;
  left: 0px;
  width: 100%;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  font-size: 14px;
  box-sizing: border-box;
}
#milestones .title {
  text-align: right;
}
#milestones .milestones_container {
  margin: 100px 0px;
  position: relative;
}
#milestones .milestones_container:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  height: 0%;
  left: 50%;
  top: 0px;
  background-color: white;
  z-index: -1;
  transition: 2.5s linear all;
}
#milestones .item {
  position: relative;
  text-align: center;
  display: block;
  width: 100%;
  margin-bottom: 100px;
  box-sizing: border-box;
}
#milestones .item:nth-child(odd) .text {
  left: auto;
  right: 66.66%;
  text-align: right;
}
#milestones .item .text {
  position: absolute;
  text-align: left;
  left: 66.66%;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%);
  max-width: 33.33%;
  -webkit-transition: all 1.75s;
  -moz-transition: all 1.75s;
  transition: all 1.75s;
}
#milestones .item .text .h3,
#milestones .item .text .h4 {
  margin-bottom: 0px;
}
#milestones .item:nth-child(1) .text,
#milestones .item:nth-child(1) .circle {
  transition-delay: 0.5s;
}
#milestones .item:nth-child(2) .text,
#milestones .item:nth-child(2) .circle {
  transition-delay: 1.0s;
}
#milestones .item:nth-child(3) .text,
#milestones .item:nth-child(3) .circle {
  transition-delay: 1.5s;
}
#milestones .item:nth-child(4) .text,
#milestones .item:nth-child(4) .circle {
  transition-delay: 2s;
}
#milestones .item .circle {
  display: inline-block;
  position: relative;
  color: #192832;
  background-color: #66fa2d;
  text-align: center;
  border-radius: 50%;
  padding: 1px;
  width: 60px;
  height: 60px;
  transform: scale(0);
  -webkit-transition: all 1.75s;
  -moz-transition: all 1.75s;
  transition: all 1.75s;
}
#milestones .item .circle span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  text-transform: uppercase;
  letter-spacing: inherit;
  font-size: 16px;
}
#milestones .item .circle img,
#milestones .item .circle video {
  position: absolute;
  top: 1px;
  left: 1px;
  border-radius: 50%;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  object-fit: cover;
}
#milestones .item.hasImg .circle,
#milestones .item.hasVid .circle {
  width: 330px;
  height: 330px;
}
#milestones .item.hasImg .circle:before,
#milestones .item.hasVid .circle:before {
  content: "";
  display: block;
  border-radius: 50%;
  border: 1px solid #66fa2d;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  animation: superRotation 3s infinite linear;
  transform-origin: 48% 48%;
}
#milestones .item.hasImg:nth-Child(n+1) .circle:before,
#milestones .item.hasVid:nth-Child(n+1) .circle:before {
  animation-delay: 0.5s;
}
#milestones .item.hasImg:nth-Child(n+2) .circle:before,
#milestones .item.hasVid:nth-Child(n+2) .circle:before {
  animation-delay: 0.9s;
}
#milestones .item.hasImg:nth-Child(n+3) .circle:before,
#milestones .item.hasVid:nth-Child(n+3) .circle:before {
  animation-delay: 1.5s;
}
#milestones .item.hasImg:nth-Child(n+4) .circle:before,
#milestones .item.hasVid:nth-Child(n+4) .circle:before {
  animation-delay: 2s;
}
#milestones.animated .milestones_container:after {
  height: 100%;
}
#milestones .item.animated .text {
  opacity: 1;
}
#milestones .item.animated .circle {
  transform: scale(1);
}
#artist {
  position: relative;
}
/*
#movingdot_container {
	position: absolute;
	left: 70%;
	top: 0px;
	width: 30%;
	height: 100%;
}

#movingdot {
	position: absolute;
	top: 40vh;
	left: 0px;
	z-index: 1;
	
	& > div {
		opacity: 0;
		position: relative;
		transform:  translateY(-50%) translateX(-100%);
		width: 200px;
		height: 200px;
		box-sizing: border-box;
		padding: 20px;
		border-radius: 50%;
		border: 1px solid @color_1;
		background-color: rgba(25, 40, 50, 0.8);
		display: flex;
		text-align: center;
		align-items: center;
		.transition;
		
		&:before {
			content: "";
			display: block;
			border-radius: 50%;
			border: 1px solid @color_1;
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			animation: superRotation 3s infinite linear;
			transform-origin: 48% 48%;
		}
		
		&:after {
			content: "";
			.h3;
			font-size: 22px;
			text-transform: uppercase;
			transform: rotate(-5deg);
			.transition;
		}
	}
	
	&.style1 > div {
		opacity: 1;
		&:after {
			content: "alles auf Schwäbisch!"
		}
	}
	&.style2 > div {
		opacity: 1;
		&:after {
			opacity: 1;
			transform: rotate(8deg);
			content: "Referenten + Persönlich-keiten"
		}
		
	}
	&.style3 > div {
		opacity: 1;
		&:after {
			opacity: 1;
			transform: rotate(-4deg);
			content: "eigene Event-Formate"
		}
	}
}
*/
.sections_wrapper {
  position: relative;
}
.sections_wrapper .blocksection {
  min-height: 0px;
  padding: 75px 0px;
}
.blocksection.quote .quote_container {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 25px;
}
.blocksection.quote .quote_text {
  flex-basis: 75%;
  font-family: 'Source Serif Pro', serif;
  display: block;
  font-size: 90px;
  font-weight: 900;
  color: white;
  margin: 0px 0px 30px 0px;
  line-height: 1;
  font-size: 40px;
  text-align: right;
}
.blocksection.quote .quote_src {
  flex-basis: 25%;
  font-style: italic;
  text-transform: uppercase;
  color: #66fa2d;
  text-align: left;
}
.blocksection.quote.layout_black .quote_container {
  flex-direction: row-reverse;
}
.blocksection.quote.layout_black .quote_text {
  color: #192832;
  text-align: left;
}
.blocksection.quote.layout_black .quote_src {
  text-align: right;
}
/* ============================================ */
.blocksection.videogallery {
  background-color: #192832;
  color: white;
  margin: 75px 0px;
}
.blocksection.videogallery h2,
.blocksection.videogallery h3 {
  text-align: right;
}
.blocksection.videogallery .grid3_container {
  margin: 0px -10px;
}
.blocksection.videogallery .videoitem {
  display: block;
  float: left;
  width: calc(33.33% - 20px);
  box-sizing: border-box;
  margin: 0px 10px 20px 10px;
}
.blocksection.videogallery .videoitem:hover {
  text-decoration: none;
}
.blocksection.videogallery .thumb {
  position: relative;
  overflow: hidden;
}
.blocksection.videogallery .thumb img {
  display: block;
}
.blocksection.videogallery .thumb .ytthumb {
  margin: -33px 0px;
  /* remove black bars */
  position: relative;
}
.blocksection.videogallery .thumb .play {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  display: block;
  position: absolute;
  z-index: 1;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background-image: url('/MEDIEN/layout/play_button.png');
  background-repeat: no-repeat;
  background-position: center;
}
.blocksection.videogallery .content {
  background-color: #192832;
  padding: 5px 15px;
}
.blocksection.videogallery .content .text.shorttext {
  line-height: 1.2;
}
.blocksection.videogallery .content p {
  margin: 0px !important;
}
.blocksection.videogallery .iframe_container {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  float: left;
  max-height: 0px;
  display: block;
  width: calc(100% - 22px);
  border: 1px solid transparent;
  margin: 0px 10px 0px 10px;
  overflow: hidden;
  padding-bottom: 0px;
  position: relative;
  background-color: transparent;
}
.blocksection.videogallery .iframe_container.opened {
  margin: 10px 10px 20px 10px;
  padding-bottom: 56.25%;
  /* 16:9 */
  border: 1px solid #bebebe;
  background-color: #f3f3f2;
}
.blocksection.videogallery .iframe_container iframe {
  position: absolute;
  left: 0px;
  top: 0px;
  min-width: 100%;
  min-height: 100%;
}
/* ============================================ */
.blocksection.singlevideo .videocontainer {
  position: relative;
  border: 1px solid #bebebe;
  padding-bottom: 56.25%;
  /* 16:9 */
  margin-bottom: 25px;
}
.blocksection.singlevideo iframe {
  position: absolute;
  left: 0px;
  top: 0px;
  min-width: 100%;
  min-height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.blocksection.singlevideo video {
  position: absolute;
  left: 0px;
  top: 0px;
  min-width: 100%;
  min-height: 100%;
  max-width: 100%;
  max-height: 100%;
}
/* ============================================ */
.blocksection.imggallery {
  position: relative;
}
.blocksection.imggallery .gallery {
  margin: 0px -10px;
}
.blocksection.imggallery .gallery .item {
  float: left;
  width: calc(25% - 10px);
  margin: 5px;
  overflow: hidden;
  position: relative;
}
.blocksection.imggallery .gallery .item .hoverbox {
  position: absolute;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  top: 45%;
  width: 100%;
  text-align: center;
  color: white;
  font-size: 30px;
}
.blocksection.imggallery .gallery .item img {
  display: block;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  transform: scale(1);
}
.blocksection.imggallery .gallery .item:hover .hoverbox {
  opacity: 1;
}
.blocksection.imggallery .gallery .item:hover img {
  transform: scale(1.2);
}
.blocksection.imggallery .gallery.customgrid2 .item {
  width: calc(50% - 10px);
}
.blocksection.imggallery .gallery.customgrid3 .item {
  width: calc(33.33% - 10px);
}
.blocksection.imggallery .gallery.customgrid4 .item {
  width: calc(25% - 10px);
}
.blocksection.imggallery .gallery.customgrid5 .item {
  width: calc(20% - 10px);
}
/* ============================================ */
.blocksection.img_text .contentimg {
  text-align: center;
  margin-bottom: 25px;
  box-sizing: border-box;
}
.blocksection.img_text .contentimg img {
  display: inline-block;
  max-width: 100%;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}
.blocksection.img_text .images_container {
  display: block;
  width: 100%;
}
.blocksection.img_text .images_container.hovereffect img {
  opacity: 0.6;
  filter: grayscale();
}
.blocksection.img_text .images_container.hovereffect:hover img {
  opacity: 1;
  filter: none;
}
.blocksection.img_text .imgleft .contentimg {
  float: left;
  width: 50%;
  padding-right: 25px;
  text-align: right;
}
.blocksection.img_text .imgleft .container {
  float: right;
  width: 50%;
  column-count: 1;
}
.blocksection.img_text .imgright .contentimg {
  float: right;
  width: 50%;
  padding-left: 25px;
  text-align: left;
}
.blocksection.img_text .imgright .container {
  float: left;
  column-count: 1;
  width: 50%;
  text-align: right;
}
.blocksection.img_text .imgright h2 {
  left: auto;
  right: -30px;
  text-align: right;
  transform: translateX(200%);
}
.blocksection.img_text h2 {
  position: absolute;
  left: -30px;
  bottom: 15%;
  color: white;
  font-family: 'Source Serif Pro', serif;
  margin: 0px;
  max-width: 45vw;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7);
  transform: translateX(-200%);
  -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  transition: all 0.75s;
}
.blocksection.img_text .animated h2 {
  transform: translateX(0%);
}
.blocksection.img_text h3 {
  color: white !important;
}
#newsbox {
  display: none;
  position: absolute;
  bottom: 3px;
  right: -100%;
  max-width: 50%;
  background-color: #192832;
  color: #ffffff;
  -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  transition: all 0.75s;
}
#newsbox.visible {
  display: block;
}
#newsbox h1,
#newsbox .h1 {
  position: relative;
  z-index: 1;
  left: -2%;
}
#newsbox .slideritem {
  display: flex;
  position: relative;
}
#newsbox .slideritem .image {
  flex-basis: 45%;
}
#newsbox .slideritem .image img {
  display: block;
  height: 100%;
  object-fit: cover;
  filter: grayscale() brightness(100%);
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}
#newsbox .slideritem .image:hover img {
  filter: none;
}
#newsbox .slideritem .content {
  flex-basis: 55%;
  padding: 25px;
}
#newsbox .link {
  color: #66fa2d !important;
  margin: 15px 0px;
}
#newsbox .link:before {
  border-color: #66fa2d;
}
#newsbox .date {
  font-style: italic;
}
#newsbox .text {
  max-height: 200px;
  overflow: hidden;
}
#newsbox.animated {
  right: 0px;
}
#news_container {
  gap: 50px;
}
#news_slider .sliderbutton {
  padding: 0px;
  background-color: transparent;
  border-radius: 50%;
  border: 1px solid white;
  color: white;
  position: absolute;
  top: 35%;
  left: -50px;
  text-align: center;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  font-size: 150%;
}
#news_slider .sliderbutton .ic {
  position: relative;
  left: -2px;
}
#news_slider .sliderbutton.slick-next {
  top: 55%;
}
#headlight_container {
  position: absolute;
  top: 42%;
  left: 28%;
  transform-origin: 10% 10%;
  animation: superRotation 12s infinite linear;
}
#headlight {
  background-color: rgba(255, 255, 255, 0.98);
  border-radius: 50%;
  width: 180px;
  height: 180px;
  position: relative;
  z-index: 2;
  margin-top: 0%;
  top: 0px;
  left: 0;
  transform: translateX(0px) translateY(0px);
  /*
	transform-origin: 70% 70%;
	animation: headlightAnim 10s infinite linear;
	*/
  animation: superRotationInvert 12s infinite linear;
}
@keyframes headlightAnim {
  0% {
    transform: translateX(0px) translateY(0px);
  }
  33.33% {
    transform: translateX(100px) translateY(-50px);
  }
  66.66% {
    transform: translateX(-100px) translateY(50px);
  }
  100% {
    transform: translateX(0px) translateY(0px);
  }
}
#lightcanvas {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}
.popup {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99;
  width: 100%;
  height: 100vh;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}
.popup.opened {
  display: flex;
}
.popup .popup_content {
  position: relative;
  background-color: #192832;
  max-width: 800px;
  width: 90%;
  padding: 50px;
  border-radius: 5px;
  box-sizing: border-box;
  max-height: 95vh;
  overflow: auto;
}
.popup .close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 180%;
}
#newsletter_popup form h2 {
  padding: 50px 0px;
  color: inherit;
  display: block;
  font-size: 25px;
  letter-spacing: normal;
  font-weight: 800;
  text-transform: lowercase;
  margin: 0px 0px 10px 0px;
  line-height: 1;
  text-transform: none;
}
#newsletter_popup form h2.uppercase {
  text-transform: uppercase;
  letter-spacing: 1.2px;
  line-height: 1.2;
}
#nlFormTrigger {
  margin: 6px 0px 0px 0px;
}
#nlFormTrigger #nlemail {
  height: 40px;
  border: 0px;
  line-height: 40px;
  padding: 0px 15px;
  min-width: 200px;
  border-radius: 20px 0px 0px 20px;
}
#nlFormTrigger button {
  padding: 0px;
  position: relative;
  left: -20px;
  width: 45px;
  height: 45px;
  line-height: 35px;
  top: 1px;
  font-size: 20px;
  border: 5px solid #dddfe0;
  border-radius: 50%;
}
.blocksection.subsection_3box .subsec_container {
  display: flex;
  gap: 25px;
  flex-wrap: nowrap;
  max-width: 90%;
  margin: auto;
  margin-top: 50px;
}
.blocksection.subsection_3box .subsec_container .subsec {
  flex-basis: 33.33%;
  background-color: #dddfe0;
}
.blocksection.subsection_3box .toptext {
  max-width: 50%;
}
.blocksection.subsection_3box .text_container {
  padding: 25px;
  color: #192832;
}
.blocksection.subsection_3box .title {
  text-transform: uppercase;
  color: #8c00be;
  margin-bottom: 25px;
  font-size: 90%;
}
.blocksection.subsection_3box .image_container {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 180%;
  background-color: #192832;
}
.blocksection.subsection_3box .image_container img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.6;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}
.blocksection.subsection_3box .subsec:hover .image_container img {
  opacity: 1;
}
#events_overview,
#service {
  position: relative;
}
#events_overview .container,
#service .container {
  display: flex;
  gap: 10px;
  flex-wrap: nowrap;
  margin: auto;
}
#events_overview .container .subsec,
#service .container .subsec {
  flex-basis: 33.33%;
}
#events_overview .image_container,
#service .image_container {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 180%;
  overflow: hidden;
}
#events_overview .image_container img,
#service .image_container img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  filter: grayscale(0.4);
  transform: scale(1);
  opacity: 0.6;
}
#events_overview .container {
  max-width: 90%;
}
#events_overview .title {
  position: absolute;
  z-index: 2;
  bottom: 15px;
  left: 30px;
  color: white;
}
#events_overview .image_container:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 20%;
  width: 100%;
  background: #ffffff;
  background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(0, 0, 0, 0.7497373899999999) 100%);
  background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(0, 0, 0, 0.7497373899999999) 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(0, 0, 0, 0.7497373899999999) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=1);
}
#events_overview .subsec:hover .image_container img {
  opacity: 1;
  filter: none;
  transform: scale(1.05);
}
#service {
  padding-bottom: 125px;
  /*
	.image_container {
		overflow: visible;
		
		.title {
			position: absolute;
			left: @px_padding;
			top: -40px;
			transform: rotate(-90deg) translateX(-100%);
			transform-origin: 0% 0%;
		}
	}
	*/
}
#service h1 {
  margin-bottom: 10px;
  text-align: right;
}
#service h3 {
  color: #66fa2d;
}
#service .text_top {
  text-align: left;
  max-width: 50%;
  padding-bottom: 25px;
}
#service #service_container {
  /* padding-top: @px_padding*4; */
  gap: 25px;
  max-width: 1000px;
}
#service .textcontainer {
  margin-top: 25px;
  max-width: 95%;
}
#service .title {
  color: inherit;
  font-size: 25px;
  letter-spacing: normal;
  font-weight: 800;
  text-transform: lowercase;
  margin: 0px 0px 10px 0px;
  line-height: 1;
  display: block;
  color: #66fa2d;
}
#service .title.uppercase {
  text-transform: uppercase;
  letter-spacing: 1.2px;
  line-height: 1.2;
}
.form .forTheBear {
  display: none !important;
}
.form_textbox_top {
  color: black;
  max-width: 90%;
  margin: auto;
  padding: 0px 12.5px;
  box-sizing: border-box;
}
/* Weihnachtsfeiern */
.doc_832 .firstsection .title {
  display: none;
}
#map {
  display: block;
  position: relative;
  width: 100%;
  height: 65vh;
  margin-top: -10px;
}
#tourdates.withMap {
  padding-top: 0px;
}
#tourdates.withMap .headline_wrapper {
  pointer-events: none;
}
#tourdates.withMap .headline_wrapper span {
  color: #192832;
}
.slick-dots {
  position: absolute;
  margin: 0px;
  padding: 0px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -8px;
}
.slick-dots li {
  list-style-type: none;
  display: inline-block;
  margin: 0px 5px;
}
.slick-dots li button {
  color: transparent;
  padding: 0px;
  width: 10px;
  height: 10px;
  overflow: hidden;
  background-color: #192832;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.slick-dots li.slick-active button {
  background-color: white;
}
.slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 1;
  padding: 0px;
  width: 30px;
  height: 30px;
  line-height: 25px;
  text-align: center;
  border: 1px solid white;
  background-color: transparent;
}
.slick-arrow.slick-prev {
  left: 10px;
}
.slick-arrow.slick-next {
  right: 10px;
}
.slick-arrow:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
/* Firmenevents */
.doc_1212 .cicle_container {
  display: none;
}