:root {
	--clr-neutral-1200: hsl(0,0%,0%);
	--clr-neutral-1100: hsl(0,0%,10%);
	--clr-neutral-1000: hsl(0,0%,20%);
	--clr-neutral-900: hsl(0,0%,30%);
	--clr-neutral-800: hsl(0,0%,38.75%);
	--clr-neutral-700: hsl(0,0%,47.5%);
	--clr-neutral-600: hsl(0,0%,56.25%);
	--clr-neutral-500: hsl(0,0%,65%);
	--clr-neutral-400: hsl(0,0%,73.75%);
	--clr-neutral-300: hsl(0,0%,82.5%);
	--clr-neutral-200: hsl(0,0%,91.25%);
	--clr-neutral-100: hsl(0,0%,100%);
	
	--clr-primary-1200: hsl(0,0%,0%);
	--clr-primary-1100: hsl(0,0%,10%);
	--clr-primary-1000: hsl(0,0%,20%);
	--clr-primary-900: hsl(0,0%,30%);
	--clr-primary-800: hsl(0,0%,38.75%);
	--clr-primary-700: hsl(0,0%,47.5%);
	--clr-primary-600: hsl(0,0%,56.25%);
	--clr-primary-500: hsl(0,0%,65%);
	--clr-primary-400: hsl(0,0%,73.75%);
	--clr-primary-300: hsl(0,0%,82.5%);
	--clr-primary-200: hsl(0,0%,91.25%);
	--clr-primary-100: hsl(0,0%,100%);
	
	--clr-accent-1200: hsl(0,0%,0%);
	--clr-accent-1100: hsl(0,0%,10%);
	--clr-accent-1000: hsl(0,0%,20%);
	--clr-accent-900: hsl(0,0%,30%);
	--clr-accent-800: hsl(0,0%,38.75%);
	--clr-accent-700: hsl(0,0%,47.5%);
	--clr-accent-600: hsl(0,0%,56.25%);
	--clr-accent-500: hsl(0,0%,65%);
	--clr-accent-400: hsl(0,0%,73.75%);
	--clr-accent-300: hsl(0,0%,82.5%);
	--clr-accent-200: hsl(0,0%,91.25%);
	--clr-accent-100: hsl(0,0%,100%);
	
	
	--boddy-background:   var(--clr-neutral-200);
	--font-color:		  var(--clr-neutral-900);
	--font-accent:		  var(--clr-neutral-200);
	--button-background:  var(--clr-primary-700);
	--background-primary: var(--clr-primary-400);
	--background-accent:  var(--clr-accent-1000);
	--background-neutral:  var(--clr-neutral-200);
	
	--fw-body:		300;
	--fw-heading:	100;
	
	--fs-body:	 	1.25rem;
	--fs-heading:	2.2rem; /* 3.88rem */
	--fs-semy:		1.94rem;
	--fs-smaller:	1.618rem;
	--ff-p:		 	1rem;
	--ff-footer: 	0.74rem;
	
	--ff-primary:	"Muli", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	
	--ff-body:		var(--ff-primary);
	--ff-heading:	var(--ff-primary);
	
	
	--primary-radius: 0.25rem;
	--big-radius: 2px;
	
	--padding-inline: 2rem;
	--content-max-width: 70ch;
	--breackout--max-width: 85ch;
	
	--grid-element-min: 17rem;
	--grid-small-element-min: 8rem;
}

@media (width <= 50rem) {
	:root {
		--fs-heading:	3.13rem;	
	}
}

*, *::before, *::after {
	box-sizing: border-box;
	font: inherit;
}
input, button, textarea, select {
	font: inherit;
	-webkit-appearance: none;
    -moz-appearance: none;
}
* {
	margin: 0;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	text-align: left;
	text-decoration: none;
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	border-spacing: 0;
}
html {
	hanging-punctuation: first last;
	/* color-scheme: dark light; */
}
body {
	font-family: var(--ff-body);
	font-size: var(--fs-body);
	line-height: 1.618;
	color: var(--font-color);
	-webkit-font-smoothing: antialiased;
}
nav ul{
	list-style: none;
	-webkit-padding-start: 0;
	-moz-padding-start: 0;
	-ms-padding-start: 0;
	padding: 0;
	margin: 0;
}
nav > ul > li{
	float: left;
	padding: 0;
	margin: 0;
}
nav ul li{
	list-style: none;
}
nav li ul{
	margin-top: 5px;
	visibility: hidden;
	position: absolute;
	height: 0;
	overflow: hidden;
	opacity: 0;
	transition: opacity 0.3s linear, max-height 0.3s linear, visibility 0.3s linear;
}
nav ul li:hover ul, nav ul li:focus ul {
	display: block;
	opacity: 1;
	visibility: visible;
	height: auto;
}
nav .burger{
	display: none;
}
.svg-inline{
	height: var(--fs-body);
}
img, picture, video, canvas, svg {
	display: block;
	max-width: 100%;
}
p, h1, h2, h3, h4, h5, h6 {
	overflow-wrap: break-word;
	font-family: var(--ff-heading);
	line-height: 1.2;
}
h1, h2, h3, h4, h5, h6 {
	text-wrap: balance;
}
h1{
	font-size: var(--fs-heading);
}
h1 .svg-inline{
	height: var(--fs-heading);
}
h2{
	font-size: var(--fs-semy);
}
h2 .svg-inline{
	height: var(--fs-semy);
}
h3{
	font-size: var(--fs-smaller);
}
h2 .svg-inline{
	height: var(--fs-smaller);
}
p {
	max-width: auto;
	
	margin-top: 1rem;
	font-size: var(--ff-p);
	text-wrap: pretty;
	margin-bottom: 1rem;
}
.cols p {
	max-width: auto;
	
	column-width: 25ch;
	column-count: auto;
	column-gap: 3ch;
	
	hyphens: auto;
    word-wrap: break-word;
    text-align: justify;
}
.max64 p {
	max-width: 64ch;
}
img{
	width: 100%;
	height: auto;
}

footer, .small{
	font-size: var(--ff-footer);
}

@media (width <= 30rem) {
	/* Initial hidden state */
	nav ul {
	  display: none;
	  opacity: 0;
	  visibility: hidden;
	  transition: opacity 0.5s ease;
	  position: absolute;
	  left: 0;
	  background: var(--boddy-background);
	}
	nav ul li ul {
		 display: block;
		 visibility: visible;
		 height: auto;
		 position: relative;
		 opacity: 1;
		 margin-left: 1rem;
	}
	nav ul li {
		float: none;
	}
	
	/* Styling the burger */
	nav .burger,
	nav .burger span {
	  display: block;
	  box-sizing: border-box;
	}
	nav .burger {
	  position: relative;
	  width: 2.1rem;
	  height: 2.1rem;
	  padding: .3rem;
	  background-color: #ccc;
	  cursor: pointer;
	  border-radius: 2px;
	}
	nav .burger span {
	  position: absolute;
	  top: 0;
	  width: 1.5rem;
	  height: .2rem;
	  border-radius: 2px;
	  background-color: #333;
	  transition: 0.3s ease;
	}
	nav .burger .top {
	  top: .4rem;
	}
	nav .burger .patty {
	  top: .95rem;
	  transition: opacity 0.3s ease;
	}
	nav .burger .bottom {
	  top: 1.5rem;
	}
	nav .burger.active .top {
	  top: .95rem;
	  transform: rotate(45deg);
	}
	nav .burger.active .patty {
	  opacity: 0;
	}
	nav .burger.active .bottom {
	  top: .95rem;
	  transform: rotate(-45deg);
	}
	nav ul.visible {
	  display: block;
	  visibility: visible;
	  opacity: 1;
	}

	h1, h2, h3, h4, h5, h6 {
		font-size-adjust: .4;
		line-height: .9;
	}
}

@media (prefers-reduced-motion: no-preference) {
	:has (:target) {
		scroll-behavior: smooth;
		scroll-padding-top: 2rem;
	}
}

.content-grid{
	--breackout--size: calc((var(--breackout--max-width) - var(--content-max-width)) / 2);
	
	display: grid;
	grid-template-columns:
		[full-width-start] minmax(var(--padding-inline), 1fr) 
		[breakout-start] minmax(0, var(--breackout--size)) 
		[content-start] min(100% - (var(--padding-inline) * 2), var(--content-max-width)) 
		[content-end] minmax(0, var(--breackout--size)) 
		[breakout-end] minmax(var(--padding-inline), 1fr)
		[full-width-end];
	@media (width <= 30rem) {
		grid-template-columns:
		[full-width-start] minmax(1rem, 1fr) 
		[breakout-start] minmax(0, var(--breackout--size)) 
		[content-start] min(100% - (var(--padding-inline) * 2), var(--content-max-width)) 
		[content-end] minmax(0, var(--breackout--size)) 
		[breakout-end] minmax(1rem, 1fr)
		[full-width-end];
	}
}

.content-grid > * {
	grid-column: content;
}

.content-grid > .breakout {
	grid-column: breakout;
}

.content-grid > .full-width {
	grid-column: full-width;
}

.background-primary{
	background-color: var(--background-primary);
	color: var(--font-accent);
}
.background-primary a{
	color: var(--font-accent);
}
.background-accent{
	background-color: var(--background-accent);
	color: var(--font-accent);
}
.background-neutral{
	background-color: var(--background-neutral);
}
.breakout.background-primary, .breakout.background-accent{
	border-radius: var(--big-radius);
}

.content-grid > .breakout.background-primary,
.content-grid > .breakout.background-accent,
.content-grid > .breakout.background-neutral {
	padding-left: 1rem;
	padding-right: 1rem;
}

#cookieBanner{
	position:fixed;
	z-index: 999;
	bottom:0; 
	width:100%; 
	background-color: var(--clr-neutral-200);
	padding: 1rem; 
	text-align:center;
}

.wrap-flex{
	display: flex;
}
.wrap-gap{
	gap: 1rem;
}
.wrap-space-evenly{
	justify-content: space-evenly;
}
.wrap-space-around{
	justify-content: space-around;
}
.wrap-space-between{
	justify-content: space-between;
}

.grid{
	display: grid;
	gap: 2rem;
	grid-template-columns:
		repeat(auto-fit, minmax(var(--grid-element-min), 1fr));
}

.grid-small{
	display: grid;
	gap: 2rem;
	grid-template-columns: 1fr 1fr 1fr;
}

.video-embed {
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
}

@font-face {
    font-family: "Muli";
    src: url("/bilder/Muli-Regular.ttf");
    font-display: swap;
}

body {
  background-color: var(--boddy-background);
  background-position: -40vw 14rem, 50% 10rem, 60vw 14rem, -10vw calc(14rem + 20vw), 30vw calc(14rem + 20vw);
  background-size: 80vw 80vw;
  background-repeat: no-repeat;
}

header{
	width: 100%;
	
	background: linear-gradient(90deg, var(--background-primary) 0, var(--clr-primary-500) 33%,  var(--clr-primary-100) 100%);
	
	margin-bottom: 1rem;
	
	padding-top: .5rem;
    padding-bottom: .5rem;
    
    position: fixed;
    z-index: 99;
    
    filter: grayscale(0%);
    opacity: 1;
    
    box-shadow: 0 0 .5rem var(--background-primary);
    
    transition: all 1s ease;
}

nav {
	margin-top: .9rem;
}

nav a {
	padding: .3rem 1rem 0 0;
}
nav li ul {
	margin: -0.2rem 0 0 -0.5rem;
	background-color: var(--boddy-background);
	background: linear-gradient(rgba(0,0,0,0), var(--boddy-background) 1.8rem);
	box-shadow: 0 .3rem .3rem 0 var(--clr-primary-400);
}
nav li {
	padding: 0 0 0 .5rem;
}

footer{
	background: linear-gradient(90deg, var(--background-primary) 0, var(--clr-primary-500) 33%,  var(--clr-primary-400) 100%);
	color: var(--font-accent);
}

header.slim{
	padding-top: 0;
	filter: grayscale(100%);
	opacity: .7;
}

.head-image {
	margin-top: -4.2rem;
}
.head-image-inlay{
	position: relative;
}
.head-image h1, .head-image h2{
	display: inline-block;
	background-color: rgba(25, 25, 25, 0.8);
	padding: 1rem 2rem;
	text-align: center;
	margin: 0 auto;
	color: var(--font-accent);
	font-size: 3vw;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, calc(-50% - 3vw));
}
.head-image .description{
	display: inline-block;
	background-color: rgba(25, 25, 25, 0.8);
	padding: 1rem 2rem;
	position: absolute;
	bottom: 10%;
	right: 0;
	color: var(--font-accent);
}
.karussell.head-image h2{
	left: 0;
	top: 10%;
	transform: translate(0);
}
.mehr{
	margin-top: .5rem;
	float: right;
}

footer{
	margin-top: 5rem;
	padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: #ff0099;
}
main{
	padding-top: 8rem;
	padding-bottom: 0;
	min-height: calc(100vh - 28rem);
}
a{
	color: var(--font-color);
}
.background-accent a, footer a{
	color: var(--font-accent);
}

.logo{
	/* margin-left: auto; */
	width: 11rem;
	transition: all 1s ease;
}
header.slim .logo{
	padding-top: .5rem;
	width: 8rem;
}

.bullets{
	margin-left: 1rem;
}
.bullets li{
	margin-left: 1rem;
	max-width: 40ch;
	list-style: circle;
	margin-bottom: .5rem;
}

.karussell{
	position: relative;
	display: flex;
	overflow: hidden;
	overflow-x: scroll;
    scroll-snap-type: x mandatory; /* Scroll-Snap auf der X-Achse erzwingen */
    scroll-behavior: smooth; /* Optional: für sanftes Scrollen */
}
.karussell .item{
	min-width: 100vw;
	scroll-snap-align: start; /* Snap zum Start des Items */
    scroll-snap-stop: always;
}
.karussellPunkte{
	position: relative;
	z-index: 9;
	text-align: center;
	margin: -5rem auto 0 auto;
}
.karussellPunkte li{
	float: left;
	font-size: 3rem;
	cursor: pointer;
	margin: 0 0.2rem;
}
.karussellPunkte .active{
	color: var(--clr-neutral-400);
}
.karussell a.kButton.pfeilLinks, .karussell a.kButton.pfeilRechts{
	display: block;
	z-index: 9;
	width: 10vw;
	height: calc(10vw + 10vh);
	top: calc(16vw + 11vh);
	background-color: var(--clr-neutral-1100);
	opacity: 0;
	transition: opacity .3s ease;
}
.karussell a.kButton.pfeilLinks{
	left: 0;
}
.karussell a.next{
	right: 0;
}
.karussell a.kButton.pfeilLinks:hover, .karussell a.kButton.pfeilRechts:hover{
	opacity: .6;
}

h2{
	text-transform: uppercase;
}

button {
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 2px solid var(--button-background);
  border-radius: var(--primary-radius);
  color: #fff;
  cursor: pointer;
  display: flex;
  align-self: center;
  font-size: var(--fs-body);
  font-weight: 400;
  line-height: 1.2;
  margin: 1rem 0 1rem 0;
  padding: .5em 1em;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  box-shadow: 0 0 40px 40px var(--background-primary) inset, 0 0 0 0 var(--background-primary);
  transition: all .3s ease-in-out;
}
button:hover, button:focus {
  outline: 0;
  box-shadow: 0 0 10px 0 var(--clr-primary-300) inset, 0 0 10px 4px var(--clr-primary-300);
  color: #000;
}

.card {
  background: rgba( 255, 255, 255, 0.15 );
  box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
  backdrop-filter: blur( 18px );
  -webkit-backdrop-filter: blur( 18px );
  border: 1px solid rgba( 255, 255, 255, 0.18 );
  border-radius: var(--big-radius);
  padding: 1.5rem;
  z-index: 10;
  transform: scale(1);
  transition: transform 0.3s;
}
.card:hover {
  transform: scale(1.05);
}
.icon{
   font-size: 3rem!important;
   float: right;
}
.flag{
	float: right;
	margin: -0.5rem -1.4rem 0 0;
	padding: .5rem 2rem .5rem 4rem;
	background: linear-gradient(90deg, transparent 0, var(--clr-accent-500) 25%, var(--background-accent) 100%);
	color: var(--font-accent);
}
.checkers-big{
	margin-left: 3.5rem;
	text-wrap: balance;
}
.checkers-big li{
	text-wrap: balance;
	line-height: 1.15;
	padding-bottom: .5rem
}
.checkers-big .material-symbols-outlined{
	position: absolute;
	font-size: 2.5rem!important;
	float: right;
	margin-left: -3.5rem;
}
.mobile-yes{
	display: none!important;
}

.card.image{
	min-height: 33vh;
	background-size: 100%;
	-webkit-transition: background-size .3s ease;
	-moz-transition: background-size .3s ease;
	-o-transition: background-size .3s ease;
	-ms-transition: background-size .3s ease;
	transition: background-size .3s ease;
}
.image{
	background-repeat: no-repeat;
	background-position: center;
}
.image-cover{
	background-size: cover;
}

.card.image:hover{
	background-size: 105%;
}


.space-inside{
	padding: 3rem;
}
.space-inside-card{
	padding: 1.5rem 1.5rem 3rem;
}
.space-outside{
	margin: 3rem;
}
.space-inside-top{
	padding-top: 3rem;
}
.space-outside-top{
	margin-top: 3rem;
}
.space-inside-bottom{
	padding-bottom: 3rem;
}
.space-outside-bottom{
	margin-bottom: 3rem;
}

.call{
	background-color: var(--clr-accent-800);
	display: inline-block;
	padding: 1rem;
	border-radius: var(--big-radius);
	border: 1px solid rgba( 255, 255, 255, 0.18 );
	box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
	margin: auto;
}

.overflow-hidden {
 overflow: hidden;
}

.drop-in {
 animation: drop-in 1s ease 200ms backwards;
}

.drop-in-2 {
 animation: drop-in 1200ms ease 500ms backwards;
}

@keyframes drop-in {
 from {
  opacity: 0;
  transform: translateY(-100px);
 }
 to {
  opacity: 1;
  transform: translate(0px);
 }
}

/* very speceific */

.footer-inside{
	 margin-bottom: -2rem;
}

.skew-top {
	width: 100%;
	z-index: 9;
	position: relative;
	transform: skew(0deg,-1deg);
	height: 4em;
	margin-bottom: -1.5rem;
}

.skew-bottom {
	width: 100%;
	z-index: 9;
	position: relative;
	transform: skew(0deg,1deg);
	height: 4em;
	margin-top: -2.5rem;
}

.skew-bottom-breakout {
	transform: skew(0deg,-1deg);
	margin-top: -5rem;
}

.skew-bottom-card {
	position: absolute;
	height: 1.5em;
	margin-top: 0rem;
	bottom: -1.5rem;
}

.card-mehr{
	bottom: 1rem;
	right: 1.5rem;
	position: absolute;
}

.relative{
	position: relative;
}

.galerieThumb{
	-webkit-aspect-ratio: 16/9;
	aspect-ratio: 16/9;
	object-fit: cover;
}

.content a{
	text-decoration: underline!important;
}

.katListing .relative:nth-child(2n + 1) .skew-bottom-card {
	bottom: -1.65rem;
	height: 2em;
}

table{
	width: 100%!important;
	border-spacing: 1px;
}
table td{
	width: auto!important;
	background-color: #fff;
	padding: 0 1rem;
	vertical-align: top;
}

@media (width <= 30rem) {
	a.kButton{
		display: none!important;
	}
	.karussellPunkte{
		margin: -2rem auto 0 auto;
	}
	.mobile-no, .karussell .description{
		display: none!important;
	}
	.mobile-yes{
		display: inline-block!important;
	}
	.flag{
		margin: -0.5rem -1rem 0 0;
	}
	
	nav > ul {
		margin-top: 1.4rem;
		padding: .5rem 2rem 2rem 2rem;
		width: 100%;
		box-shadow: 0 .3rem .3rem 0 var(--clr-primary-400);
	}
	nav li ul {
		box-shadow: none;
	}
	nav li a {
		width: 100%;
		display: inline-block;
		border-bottom: 1px solid var(--background-accent);
	}
	
	.skew-bottom {
		height: 2em;
	}
	.space-inside{
		padding: 2rem 0;
	}
	.space-outside{
		margin: 2rem 0;
	}
	.content-grid > .breakout.background-primary,
	.content-grid > .breakout.background-accent,
	.content-grid > .breakout.background-neutral {
	    padding-left: 0;
	    padding-right: 0;
	}
	.card{
		padding: 1rem;
	}
}

.inpextra{
	position: absolute;
	top: -1000vh;
	left: -1000vw;
}

.form-elements{	
	margin-bottom: 0.5rem;
}
.form-elements label{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 1rem;
	grid-row-gap: 0px;
}
@media (width <= 60rem) {
	.form-elements label{
		grid-template-columns: 1fr;
		grid-template-rows: repeat(2, 1fr);
	}
}

.form-elements span{
	width: 100%;
	margin: 0;
	padding: .5em 1em;
	background-color: var(--clr-accent-800);
	border-radius: var(--primary-radius);
}

input, textarea {
  width: 100%;
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 2px solid var(--button-background);
  border-radius: var(--primary-radius);
  color: #fff;
  cursor: pointer;
  align-self: center;
  font-size: var(--fs-body);
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
  padding: .5em 1em;
  text-decoration: none;
  box-shadow: inset, 0 0 0 0 var(--background-primary);
  transition: all .3s ease-in-out;
  outline: none;
}
textarea {
	min-height: 8rem;
}
input:focus, textarea:focus{
	box-shadow: 0 0 10px 0 var(--clr-primary-300) inset, 0 0 10px 4px var(--clr-primary-300);
}

/* NSB Box - Design - requires NSB Box Javascript (c) 2018 by Etienne Schorro */
#nsbbox{
	display: block;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(20,20,20,.6);
}
#nsbbox img, #nsbbox iframe{
	display: block;
	clear: both;
	max-width: 90%;
	max-height: 90%;
	width: auto;
	height: auto;
	position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(0,0,0,.3);
    border-radius: 3px;
    box-shadow: 0 0 50px #333;
    background-color: var(--main-bg-color);
}
#nsbbox iframe{
	width: 100%;
	height: 95%;
}
#nsbBOXText{
	display: block;
	position: fixed;
	z-index: 1001;
	bottom: 0;
	margin: 0;
	line-height: 30px;
	font-size: 16px;
	font-style: normal;
	width: 100%;
	background-color: rgba(0,0,0,.3);
	color: #fff;
	text-align: center;
}
a.pfeilLinks, a.pfeilRechts, a.closeBOX{
	display: block;
	position: fixed;
	z-index: 1001;
	top: 50%;
	margin-top: -60px;
	height: 120px;
	width: 50px;
	background-color: rgba(0,0,0,.3);
	background-size: 40px;
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid rgba(0,0,0,.3);
    border-radius: 3px;
}
#nsbbox a.pfeilLinks:hover, #nsbbox a.pfeilRechts:hover, a.closeBOX:hover{
	background-color: rgba(50,50,50,.3);
}
#nsbbox .pfeilLinks, .pfeilLinks{
	left: 1%;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTEuMDUxcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDExLjA1MSAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTEuMDUxIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiM5Mzk1OTgiIHBvaW50cz0iMTAuMDUxLDAuMTYxIDEwLjc1OCwwLjg2OCAxLjYxNCwxMC4wMTMgMTAuNzU4LDE5LjE1NyAxMC4wNTEsMTkuODY0IDAuMiwxMC4wMTMgIi8+DQo8L3N2Zz4NCg==');
}
#nsbbox .pfeilRechts, .pfeilRechts{
	right: 1%;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTEuMDUxcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDExLjA1MSAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTEuMDUxIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5bGluZSBmaWxsPSJ0cmFuc3BhcmVudCIgc3Ryb2tlPSIjOTM5NTk4IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50cz0iMC41NTMsMC41MTUgMTAuMDUxLDEwLjAxMyAwLjU1MywxOS41MTEgIi8+DQo8L3N2Zz4=');
}
#nsbbox a.closeBOX{
	display: block;
	position: fixed;
	z-index: 1002;
	top: 9%;
	right: 1%;
	width: 25px;
	height: 25px;
	line-height: 25px;
	font-size: 16px;
	font-style: normal;
	text-align: center;
	color: #fff;
}
.loader {
	#display:none;
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -30px 0 0 -30px;
	border: 10px solid rgba(255,255,255, .6);
	border-radius: 50%;
	border-top: 10px solid rgba(100,100,100, .3);
	border-bottom: 10px solid rgba(100,100,100, .3);
	width: 60px;
	height: 60px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	box-shadow: 0 0 70px rgba(255,255,255, .4);
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@media(max-width: 479px){
	#nsbbox a.pfeilLinks, #nsbbox a.pfeilRechts{
		top: -1000px;
	}
}