@charset "UTF-8";
@import url("fonts/stylesheet.css");

body {
	margin: 0;
	overflow: hidden;

	--farbe-aussengelaende: #217978;
	--farbe-aussengelaende-hover: #338a89;
	--farbe-aussengelaende-light: #cfe5e1;

	--farbe-veranstaltung: #efaf26;
	--farbe-veranstaltung-hover: #ffca4a;
	--farbe-veranstaltung-light: #fdeed1;

	--farbe-teilnehmende: #214c7c;
	--farbe-teilnehmende-hover: #3367a0;
	--farbe-teilnehmende-light: #d5e3ee;

	--farbe-buero: #da553b;
	--farbe-buero-hover: #e0674b;
	--farbe-buero-light: #f7d7c7;

	--farbe-catering: #bc344b;
	--farbe-catering-hover: #c34958;
	--farbe-catering-light: #f5d0d9;

}


.infografik_wrapper,
.infografik_wrapper #popups .popup_window,
.infografik_wrapper #popups .popup_window .ui-accordion .ui-accordion-content.ui-accordion-content
 {
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    
}


.infografik_wrapper::-webkit-scrollbar,
.infografik_wrapper #popups .popup_window::-webkit-scrollbar,
.infografik_wrapper #popups .popup_window .ui-accordion .ui-accordion-content.ui-accordion-content::-webkit-scrollbar {
    width: 0px; /* For Chrome, Safari, and Opera */
    display: none;
}


img {
	-webkit-user-drag: none !important;
  -khtml-user-drag: none !important;
  -moz-user-drag: none !important;
  -o-user-drag: none !important;
  user-drag: none !important;
   -webkit-use©r-select: none !important;
  -khtml-user-select: none !important;
  -moz-user-select: none !important;
  -o-user-select: none !important;
  user-select: none !important;
}


#rotate_animation {
	display: none;
position: absolute;
top: 15%;
width: 40%;
background: rgba(255, 255, 255, 0.8);
height: 70%;
left: 30%;
border-radius: 500px;
z-index: 10000000;
}

#rotate_animation .ottie-player {
	margin: 0 auto;
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 500px) {
	#rotate_animation {
	display: block;
}
}


.hintergrund {
    /*height: 1600px;*/
    height:100%;
    background-image: url("bilder/map/map_komplett.png");
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
}


a[href],
input[type='submit'],
input[type='image'],
label[for],
select,
button,
.pointer {
  cursor: pointer;
}

ul {
	margin:  2%;
	padding-left: 5%;
	padding-top: 1%;
}
/* .infografik_wrapper {
	position: relative;
	height: 720px;
	width: auto;
} */

.infografik_wrapper {
	background: transparent;
  background-size: cover;
  max-width: 100%;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.infografik_wrapper::before {
	content: '';
    display: block;
    
    padding-top: 56.25%;
}

.infografik_wrapper #backgroundimage {
	width: 100%;
	padding: 0;
	margin: 0;
	height: 100%;
	background-image: url("bilder/hintergrund_dunkelblau.png");
	position: absolute;
	left: 0;
	top: 0;
	background-position: top;
	background-repeat: no-repeat;
	overflow: hidden;
	background-size: contain;
}
.infografik_wrapper #schaltflaechen {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 99;
}
.infografik_wrapper #schaltflaechen .button      {
	position: absolute;
	height: auto;
}


/* ========== Map Bereich ========== */

/* Hover der Elemente */
.infografik_wrapper #schaltflaechen .elementhover:hover .map_hover {
	opacity: 1;
}

.infografik_wrapper #schaltflaechen .map_hover {
	position: absolute;
	opacity: 0;
	transition: all .1s ease-in-out;
	top: 0;
	width: 100%;
}

.infografik_wrapper .tooltip {
  position: absolute;
  font-size: 58%;
  font-family: 'Rubik', Helvetica, Arial, sans-serif;
  width: 200%;
  height: auto;
  top: 0%;
  left: 100%;
  border-radius: 9px;
  padding: 4% 15%;
  color: #fff;
  background: rgba(30, 72, 114, 0.7);
  display: none;
}

.infografik_wrapper .pointer:hover .tooltip {
	display: inline-block;
}

.infografik_wrapper #schaltflaechen #infobutton .tooltip {
	border-bottom-left-radius: 0;
	width: 200%;
  height: auto;
  top: -46%;
  left: 88%;
}

.infografik_wrapper #schaltflaechen #videobutton .tooltip {
	border-top-left-radius: 0;
	width: 170%;
	height: auto;
	top: 62%;
	left: 83%;
}

.infografik_wrapper .zurueck_zur_map .tooltip {
	border-bottom-left-radius: 0;
	width: 133%;
	height: auto;
	top: 8%;
	left: 100%;
}

.infografik_wrapper #nav_pfeil_teilnehmende_planung .tooltip {
	  border-bottom-left-radius: 0;
  width: 205%;
  height: auto;
  top: -5%;
  left: 77%;
}

.infografik_wrapper #nav_pfeil_teilnehmende_veranstaltung .tooltip {
	   border-top-right-radius: 0;
  width: 206%;
  height: auto;
  top: 41%;
  left: -241%;
}



.infografik_wrapper #schaltflaechen #map_bg_transparent {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(207,216,220,0.90);
}

.infografik_wrapper #schaltflaechen #map_grundebene {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	z-index: 1;
}

.infografik_wrapper #schaltflaechen #map_grundebene .boden {
	position: absolute;
	z-index: 2;
	width: 83%;
	left: 9%;
	top: 3%;

}
.infografik_wrapper #schaltflaechen #map_grundebene .papierkarte {
	position: absolute;
	z-index: 1;
	width: 88%;
	left: 4%;
	top: 4%;
}

.infografik_wrapper #schaltflaechen .mapelement {
	position: absolute;
	left: 10%;
	top: 50%;
	width: 20%;
	height: auto;
	z-index: 2;
}

.infografik_wrapper #schaltflaechen #aussenbereich {
	left: 58.4%;
	top: 48%;
	width: 27%;
}


.infografik_wrapper #schaltflaechen #aussenbereich .aussen_baeume {
  position: absolute;
  top: -53.5%;
  width: 39%;
  left: 60.68%;
}

.infografik_wrapper #schaltflaechen #veranstaltung {
	left: 27%;
	top: 27%;
	width: 33.5%;
	z-index: 5;
}

.infografik_wrapper #schaltflaechen #teilnehmende {
  left: 26%;
  top: 34%;
  width: 18%;
  display: inline-block;
  background: transparent;
  height: 33%;
  z-index: 7;
}

.infografik_wrapper #schaltflaechen #buero {
	left: 43%;
	top: 4.8%;
	width: 15%;
}
.infografik_wrapper #schaltflaechen #buero .baum_buero {
	left: -29%;
	top: 8%;
	width: 34%;
	position: absolute;
}


.infografik_wrapper #schaltflaechen #catering {
	left: 57%;
	top: 22%;
	width: 21%;
}
.infografik_wrapper #schaltflaechen #catering .map_hover {
	top: -31%;
	width: 109%;
	left: -3%;
}

.infografik_wrapper #schaltflaechen #veranstaltung .map_hover {
	top: -2.2%;
	width: 74%;
	left: 30%;
}

.infografik_wrapper #schaltflaechen #teilnehmende .map_hover {
	top: -17%;
	left: 3%;
	width: 102%;
}

.infografik_wrapper #schaltflaechen #buero .map_hover {
	top: -20%;
	width: 113%;
	left: -3.5%;
}

.infografik_wrapper #schaltflaechen #aussenbereich .map_hover {
	top: -12.7%;
	width: 114%;
	left: -7.2%;
}



.infografik_wrapper #schaltflaechen .beachflag {
	left: 46%;
	top: 52%;
	width: 2.2%;
	z-index: 6;
	transform: rotate(-3deg);
	transform-origin: bottom center;
	animation: beachflag 3s infinite ease-out;
	-webkit-animation: beachflag 3s infinite ease-in-out;
}

@keyframes beachflag {
	from { transform: rotate(-2deg) }
	50% { transform: rotate(2deg) }
	to { transform: rotate(-2deg) }
}


.infografik_wrapper #schaltflaechen .bus {
	left: 26.5%;
	top: 13%;
	width: 17%;
	animation: shake 0.5s ease-in-out infinite;
  transform: translate(0, 0);
  backface-visibility: hidden;
  
	
}

/*@keyframes shake {
  from {
    transform: translate(-0.125%, 0.125%);
  }
  
  30% {
    transform: translate(0.125%, -0.125%);
  }

  60% {
    transform: translate(-0.125%, 0.125%);
  }

  80% {
    transform: translate(0.125%, -0.125%);
  }
}*/

.infografik_wrapper #schaltflaechen .baeume_links {
	left: 19.7%;
	top: 20%;
	width: 9%;
	
}

.infografik_wrapper #schaltflaechen #infobutton {
	left: 0;
	top: unset;
	width: 6.8%;
	
	bottom: 0.1%;
	padding-left: 1.5%;
	padding-bottom: 1.5%;
}
.infografik_wrapper #schaltflaechen #infobutton::after {
	content:'';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 110%;
	height: 110%;
	z-index: -1;
	background: rgb(30,72,114);
	background: linear-gradient(45deg, rgba(30,72,114,1) 0%, rgba(30,72,114,1) 50%, rgba(30,72,114,0) 50%);
}

.infografik_wrapper #schaltflaechen #videobutton {
	left: 72%;
	top: 6%;
	width: 9%;
}


/* ========== Map Bereich - ENDE ========== */




.infografik_wrapper #schaltflaechen .button .button_font {
	font-family: Rubik;
	font-weight: 600;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 55%;
	display: block;
	text-align: center;
	line-height: 1;
}

.infografik_wrapper #schaltflaechen .button img {
	display: block;
}

.shakehover:not(:focus):hover {
	-webkit-animation: headShake 1s infinite !important;
    animation: headShake 1s infinite !important;
	
}
.button:focus {
	outline: none;
}

.dauerpulsieren {
	-webkit-animation: pulse 2s infinite;
	animation: pulse 2s infinite;
}

.pulsehover:hover {
	animation: pulse .6s;
	-webkit-animiation: pulse .6s;
}

.infografik_wrapper #infografik-titel {
	position: absolute;
	width: 70%;
	display: none;
	height: auto;
	left: 2%;
	top: 6.5%;
	z-index: 99;
	

}


.infografik_wrapper #infografik-titel h1 {
	font-family: 'Rubik';
	color: #0F5498;
	text-transform: none;
	/* font-size: 20px; */
	text-align: left;
	letter-spacing: 1.1px;
	font-weight: 700;
	margin: 0;
	line-height: 1;
}

.infografik_wrapper .hintergrund {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10;
	background-color: rgba(0,84,150,.07);
overflow: hidden;
}


.tiefere_ebene {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
	z-index: 1;
}

.tiefere_ebene img {
	width: 100%;
}

.tiefere_ebene#aussenbereich_ebene {
	z-index: 6;
}

.tiefere_ebene#veranstaltung_ebene {
z-index: 5;
}

.tiefere_ebene#teilnehmende_ebene {
z-index: 4;
}

.tiefere_ebene#buero_ebene {
z-index: 3;
}

.tiefere_ebene#catering_ebene {
z-index: 2;
}

.tiefere_ebene .zurueck_zur_map {
  width: 8%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 1.0% 0 0 1.0%;
  background: rgb(237,234,228);
  background: linear-gradient(135deg, rgb(237, 234, 228) 0%, rgb(237, 234, 228) 42%, rgba(237,234,228,0) 42%);
  filter: drop-shadow(3px 3px 7px rgba(0,0,0,0.3));
}

.tiefere_ebene .zurueck_zur_map:hover > img {
	transform-origin: center center;
	animation: 0.8s zurueckzurmap ease-in-out;
	-webkit-animation: 0.8s zurueckzurmap ease-in-out;
}

@keyframes zurueckzurmap {
	0% { transform: rotate(0deg); }
	33% { transform: rotate(-15deg); }
	
	100% { transform: rotate(0deg); }
}

/* Fun Facts Gedankenwolke */

.funfacts {
	position: absolute;
	width: 5%;
	left: 40.3%;
	top: 42%;
	height: auto;
	z-index: 50;
	font-size: 0;
	animation: wolke 40s infinite ease-in-out;
	-webkit-animation: wolke 40s infinite ease-in-out;
	transform-origin: bottom left;
}

@keyframes wolke {
	0%, 100% { transform: rotate(-3deg); }
	10%, 30%, 50%, 70%, 90% { transform: rotate(3deg);	}
	20%, 40%, 60%, 80% { transform: rotate(-3deg); }
}

.funfacts .wolke_punkt {
	position: absolute;
	width: 12%;
	left: 26%;
	top: 30%;
	height: auto;
	z-index: 100000000;
}
.funfacts .wolke_punkt:nth-child(2) {
	left: 41%;
}
.funfacts .wolke_punkt:nth-child(3) {
	left: 57%;
}

/* Navigation Pfeile zum Räume wechseln */
.nav_pfeile {
	position: absolute;
	width: 13.5%;
	left: 85%;
	top: 61%;
	height: auto;
	z-index: 50;
	/* animation: pfeil_schweben 25s infinite ease-in-out;
	-webkit-animation: pfeil_schweben 25s infinite ease-in-out; */
}

@keyframes pfeil_schweben {
	0%, 100% { transform: translate(0%, 0%);	}
	10%, 30%, 50%, 70%, 90% { transform: translate(0, 4%);	}
	20%, 40%, 60%, 80% { transform: translate(0, -4%);	}
} 


/* Alle Klickpunkte */
.klickpunkte {
	position: absolute;
	width: 4.5%;
	left: 10%;
	top: 10%;
	height: auto;
	z-index: 50;
	box-shadow: 0 0 10px rgba(0,0,0,.3);
	border-radius: 500px;
	font-size: 0;
}
.klickpunkte:hover {
	animation: tada 0.7s;
	-webkit-animation: tada 0.7s;
}

/* Aussenbereich */
#aussenbereich_ebene .beachflag_aussenbereich {
  width: 6%;
  top: 8%;
  left: 31%;
  position: absolute;
  transform-origin: 15% 98%;
	animation: beachflag 5s infinite ease-out;
	-webkit-animation: beachflag 5s infinite ease-in-out;
}

#aussenbereich_ebene #bus_animation {
	width: 67%;
	bottom: 0;
	position: absolute;
	left: -23%;
}

#aussenbereich_ebene #auto_ladesaeule {
	width: 28%;
	top: 40%;
	position: absolute;
	left: 52%;
}

#aussenbereich_ebene #frau_fahrraeder {
	width: 43%;
	top: 36%;
	position: absolute;
	left: 69.5%;
}

#aussenbereich_ebene .fahrraeder_vordergrund {
	position: absolute;
	left: 84%;
	width: 16%;
	top: 55%;
	z-index: 3;
}

#aussenbereich_ebene .auto_links {
	position: absolute;
	left: 44%;
	width: 13.2%;
	top: 45%;
}

#aussenbereich_ebene .klickpunkte#button_fahrraeder {
	left: 90%;
	top: 57%;
}

#aussenbereich_ebene .klickpunkte#button_autos {
	left: 53%;
	top: 41%;
}

#aussenbereich_ebene .klickpunkte#button_bus {
	left: 9%;
	top: 38%;
}

#aussenbereich_ebene .funfacts#button_fun_fact_1 {
	left: 40.3%;
	top: 42%;
}

#aussenbereich_ebene .funfacts#button_fun_fact_2 {
	left: 92%;
	top: 36%;
}

#aussenbereich_ebene .nav_pfeile#nav_pfeil_aussen_veranstaltung {
	width: 9%;
left: 44%;
top: 16%;
}

#aussenbereich_ebene .nav_pfeile#nav_pfeil_aussen_catering {
	width: 9%;
	left: 90%;
	top: 83%;
}

#aussenbereich_ebene .nav_pfeile#nav_pfeil_aussen_veranstaltung .tooltip {
	   border-top-right-radius: 0;
width: 123%;
height: auto;
top: 60%;
left: -128%;
}

#aussenbereich_ebene .nav_pfeile#nav_pfeil_aussen_catering .tooltip {
	  border-top-right-radius: 0;
width: 187%;
height: auto;
top: 74%;
left: -227%;
}


/* Buero */

#buero_ebene #mann_schreibtisch {
position: absolute;
left: 49%;
width: 62%;
top: 14%;
}

#buero_ebene #besprechung {
position: absolute;
left: -26.4%;
width: 93%;
top: 8.5%;
pointer-events: none;
}

#buero_ebene #blatt {
position: absolute;
left: 21.9%;
width: 33%;
top: 9%;
}

#buero_ebene .schreibtisch_vordergrund {
position: absolute;
left: 1.4%;
width: 48.5%;
top: 48%;
}

#buero_ebene .dokument_download {
position: absolute;
right: -1.6%;
width: 25.5%;
top: 68%;
}

#buero_ebene .klickpunkte#download_button {
left: 91%;
top: 71%;
}

#buero_ebene .klickpunkte#button_whiteboard {
left: 57%;
top: 6%;
}

#buero_ebene .klickpunkte#button_schreibtisch {
left: 89%;
top: 27%;
}

#buero_ebene .klickpunkte#button_besprechung {
left: 23%;
top: 53%;
}

#buero_ebene .funfacts#button_fun_fact_7 {
	left: 15.3%;
	top: 12%;
	/*! scale: 1,5; */
}

#buero_ebene .funfacts#button_fun_fact_8 {
	left: 83%;
	top: 14%;
}

#buero_ebene .nav_pfeile#nav_pfeil_buero_teilnehmende {
	width: 12%;
	left: 3%;
	top: 83%;
}

#buero_ebene .nav_pfeile#nav_pfeil_buero_catering {
	width: 12%;
left: 87%;
top: 59%;
}

#buero_ebene .nav_pfeile#nav_pfeil_buero_teilnehmende .tooltip {
	   border-top-left-radius: 0;
width: 170%;
height: auto;
top: 68%;
left: 86%;
}
#buero_ebene .nav_pfeile#nav_pfeil_buero_catering .tooltip {
	   border-top-right-radius: 0;
width: 139%;
height: auto;
top: 59%;
left: -175%;
}

/* Veranstaltung */

#veranstaltung_ebene #rollstuhlfahrer {
position: absolute;
left: -24.1%;
width: 81%;
top: 23%;
}

#veranstaltung_ebene #lampen {
position: absolute;
left: 14.4%;
width: 36%;
top: -7.3%;
}

#veranstaltung_ebene #mann_hinten {
position: absolute;
left: 32.7%;
width: 55.5%;
top: 7.8%;
}

#veranstaltung_ebene #jalousie {
position: absolute;
left: 58.7%;
width: 70%;
top: -15.2%;
}

#veranstaltung_ebene .klickpunkte#button_rollstuhlfahrer {
left: 5%;
top: 65%;
}

#veranstaltung_ebene .klickpunkte#button_heizung {
left: 85%;
top: 51%;
}

#veranstaltung_ebene .klickpunkte#button_material {
 left: 49%;
 top: 17%;
}

#veranstaltung_ebene .funfacts#button_fun_fact_3 {
	left: 60%;
	top: 2%;
}

#veranstaltung_ebene .funfacts#button_fun_fact_4 {
  left: 38%;
  top: 4%;
}

#veranstaltung_ebene .nav_pfeile#nav_pfeil_veranstaltung_aussen {
	width: 10%;
	left: 1%;
	top: 90%;
}

#veranstaltung_ebene .nav_pfeile#nav_pfeil_veranstaltung_teilnehmende {
	width: 7%;
	left: 77%;
	top: 32%;
}

#veranstaltung_ebene .nav_pfeile#nav_pfeil_veranstaltung_aussen .tooltip {
	   border-bottom-left-radius: 0;
width: 208%;
height: auto;
top: -27%;
left: 105%;

}

#veranstaltung_ebene .nav_pfeile#nav_pfeil_veranstaltung_teilnehmende .tooltip {
	   border-top-right-radius: 0;
width: 164%;
height: auto;
top: 79%;
left: -144%;

}

/* Teilnehmende */

#teilnehmende_ebene #referentin {
position: absolute;
left: 32.2%;
width: 40.1%;
top: 25.1%;
}

#teilnehmende_ebene #presentation {
position: absolute;
left: 43%;
width: 49%;
top: 14%;
}

#teilnehmende_ebene #mann_links {
position: absolute;
left: -24.1%;
width: 88%;
top: 24.5%;
}

#teilnehmende_ebene #zuschauer_1 {
position: absolute;
left: 47%;
width: 60.5%;
top: 43%;
}

#teilnehmende_ebene #zuschauer_2 {
position: absolute;
left: 42.5%;
width: 39.5%;
top: 43%;
}

#teilnehmende_ebene #zuschauer_3 {
position: absolute;
left: 23%;
width: 48%;
top: 50%;
}

#teilnehmende_ebene .tisch_1 {
position: absolute;
left: 33.3%;
width: 18%;
top: 48.4%;
}

#teilnehmende_ebene .tisch_2 {
position: absolute;
left: 47.3%;
width: 16%;
top: 52.4%;
}

#teilnehmende_ebene .frau_vorne {
position: absolute;
left: 11.3%;
width: 19%;
top: 43.1%;
}

#teilnehmende_ebene .pult {
position: absolute;
left: 48.3%;
width: 5.2%;
top: 38%;
}

#teilnehmende_ebene .klickpunkte#button_referentin {
left: 51%;
top: 40%;
}

#teilnehmende_ebene .klickpunkte#button_mann_links {
left: 13%;
top: 44%;
}

#teilnehmende_ebene .klickpunkte#button_zuschauer {
left: 59%;
top: 61%;
}

#teilnehmende_ebene .nav_pfeile#nav_pfeil_teilnehmende_veranstaltung {
	  width: 10%;
  left: 88%;
  top: 88%;
}

#teilnehmende_ebene .nav_pfeile#nav_pfeil_teilnehmende_planung {
	width: 8%;
	left: 5%;
	top: 19%;
}

#teilnehmende_ebene .funfacts#button_fun_fact_5 {
  left: 83%;
  top: 27%;
}
#teilnehmende_ebene .funfacts#button_fun_fact_6 {
  left: 72%;
  top: 41%;
}

#teilnehmende_ebene .funfacts#button_fun_fact_kuechenzuruf {
  left: 20.3%;
  top: 24%;
}

/* Catering */

#catering_ebene #rauch {
position: absolute;
left: 22%;
width: 27%;
top: 20%;
opacity: 0.3;
}

#catering_ebene #mitarbeiter {
position: absolute;
left: 40%;
width: 32.5%;
top: 19.9%;
}

#catering_ebene #tablett_frau {
position: absolute;
left: 62.5%;
width: 61.5%;
top: 17.6%;
}

#catering_ebene .girlande {
position: absolute;
left: 27.2%;
width: 40%;
top: 17.7%;
}

#catering_ebene .obstschale {
position: absolute;
left: 34.1%;
width: 6.5%;
top: 38%;
}

#catering_ebene .klickpunkte#button_menu {
left: 13.5%;
top: 43.5%;
}

#catering_ebene .klickpunkte#button_truck {
left: 29%;
top: 20%;
}

#catering_ebene .klickpunkte#button_muell {
left: 79.5%;
top: 47%;
}

#catering_ebene .funfacts#button_fun_fact_9 {
	left: 56%;
	top: 14%;
}

#catering_ebene .funfacts#button_fun_fact_10 {
	left: 92.5%;
top: 17%;
transform: scaleX(-1) !important;
animation: none;
-webkit-animation: none;
}

#catering_ebene .nav_pfeile#nav_pfeil_catering_planung {
	width: 9%;
left: 4%;
top: 86%;
}

#catering_ebene .nav_pfeile#nav_pfeil_catering_aussen {
	width: 10%;
left: 89%;
top: 74%;
}

#catering_ebene .nav_pfeile#nav_pfeil_catering_planung .tooltip {
	  border-bottom-left-radius: 0;
width: 184%;
height: auto;
top: -13%;
left: 85%;
}

#catering_ebene .nav_pfeile#nav_pfeil_catering_aussen .tooltip {
	   border-bottom-right-radius: 0;
  width: 256%;
  height: auto;
  top: -5%;
  left: -257%;

}


/*********** Popups ***********/
.infografik_wrapper #popups #popup_background {
	width: 100vw;
	position: fixed;
	height: 100vh;
	background-color: rgba(0,0,0,0.65);
	z-index: 999;
	display: none;
	top: 0;
	left: 0;
	overflow: visible;
}

.infografik_wrapper #popups .popup_window {
	position: relative;
	vertical-align: middle;
	width: 60%;
	max-height: 100%;
	max-width: 60%;
	background-color: var(--farbe-aussengelaende-light);
	padding: 0;
	z-index: 1003;
	opacity: 1;
	color: #303337;
	font-family: 'Rubik', Helvetica, Arial, sans-serif !important;
	font-size: 80%;
	line-height: 1.3;
	text-decoration: none;
	font-style: normal;
	font-weight: 300;
	border-spacing: 0px 0px;
	margin: 0 auto;
	box-sizing: border-box;
	min-width: 50%;
	white-space: normal;
	vertical-align: top;
	border-left-width: 3px;
	overflow: scroll;
	height: 100%;
	box-shadow: 0 0 50px rgba(0,0,0,1);
	/* display: flex; */;
	display: none;
	flex-direction: column;
	justify-content: center;
}

.infografik_wrapper #popups .popup_window.aussenbereich {
	background-color: var(--farbe-aussengelaende-light);
}
.infografik_wrapper #popups .popup_window.veranstaltung {
	background-color: var(--farbe-veranstaltung-light);
}
.infografik_wrapper #popups .popup_window.teilnehmende {
	background-color: var(--farbe-teilnehmende-light);
}
.infografik_wrapper #popups .popup_window.buero {
	background-color: var(--farbe-buero-light);
}
.infografik_wrapper #popups .popup_window.catering {
	background-color: var(--farbe-catering-light);
}

.infografik_wrapper #popups > *  {
	display: none;
}

.infografik_wrapper #popups .popup_window strong {
	font-weight: 500;
}

#popups .bearbeitung {
	display: inline-block;
}
.infografik_wrapper #popups {
	position: absolute;
	display: flex;
	width: 100%;
	height: 100%;
	
	justify-content: center;
	flex-direction: row;
	align-items: center;
	
	top: 0;
	white-space:nowrap;
	padding: 0 4%;
	box-sizing: border-box;
}


.popup_window .popup_schliessen {
	position: absolute;
	top: -1.1%;
	right: -1.2%;
	width: 3.6%; 
	background: var(--farbe-aussengelaende-light);
	padding: 1.2%;
	box-sizing: content-box;
	font-size: 0 !important;
	align-self: center;
	
}

.popup_window.aussenbereich .popup_schliessen {
	background: var(--farbe-aussengelaende-light);
}
.popup_window.veranstaltung .popup_schliessen {
	background: var(--farbe-veranstaltung-light);
}
.popup_window.teilnehmende .popup_schliessen {
	background: var(--farbe-teilnehmende-light);
}
.popup_window.buero .popup_schliessen {
	background: var(--farbe-buero-light);
}
.popup_window.catering .popup_schliessen {
	background: var(--farbe-catering-light);
}

/* Icon passend färben */
.popup_window.aussenbereich .popup_schliessen > img,
.popup_window#popup_einleitungstext .popup_schliessen > img {
	filter: invert(40%) sepia(11%) saturate(2553%) hue-rotate(131deg) brightness(94%) contrast(86%);
}
.popup_window.veranstaltung .popup_schliessen > img {
	filter: invert(86%) sepia(19%) saturate(5396%) hue-rotate(343deg) brightness(100%) contrast(88%);
}
.popup_window.teilnehmende .popup_schliessen > img {
	filter: invert(20%) sepia(81%) saturate(966%) hue-rotate(184deg) brightness(96%) contrast(86%);
}
.popup_window.buero .popup_schliessen > img {
	filter: invert(67%) sepia(57%) saturate(7496%) hue-rotate(340deg) brightness(91%) contrast(86%);
}
.popup_window.catering .popup_schliessen > img {
	filter: invert(23%) sepia(99%) saturate(1461%) hue-rotate(325deg) brightness(90%) contrast(87%);
}



.infografik_wrapper #popups .popup_window .popup_frame {
  width: 90%;
  margin: 0 auto;
  height: auto;
  max-height: 100%;
  border: 2px solid var(--farbe-aussengelaende);
  box-sizing: border-box;
  border-radius: 17px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  padding: 0;
  animation: fadeInDownBig 1s;
	-webkit-animation: fadeInDownBig 1s;
  position: relative;
}

.infografik_wrapper #popups .popup_window.aussenbereich .popup_frame {
	border: 2px solid var(--farbe-aussengelaende);
}
.infografik_wrapper #popups .popup_window.veranstaltung .popup_frame {
	border: 2px solid var(--farbe-veranstaltung);
}
.infografik_wrapper #popups .popup_window.teilnehmende .popup_frame {
	border: 2px solid var(--farbe-teilnehmende);
}
.infografik_wrapper #popups .popup_window.buero .popup_frame {
	border: 2px solid var(--farbe-buero);
}
.infografik_wrapper #popups .popup_window.catering .popup_frame {
	border: 2px solid var(--farbe-catering);
}


.infografik_wrapper #popups .popup_window h2 {
  text-align: center;
  top:  calc(0% - var(--font-size) * 2.8);
  position: relative;
  z-index: 100;
  width: auto;
  flex-grow: 0;
  background: var(--farbe-aussengelaende-light);
  padding: 0 3%;
  font-size: 240%;
  color: var(--farbe-aussengelaende);
  font-family: 'Rubik', 'Lato', Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin-bottom: calc(0% - var(--font-size) * 2);
  margin-left: auto;
  margin-right: auto;
  left: 1%;
  max-width: 75%;
}

.infografik_wrapper #popups .popup_window.aussenbereich h2 {
	background: var(--farbe-aussengelaende-light);
	color: var(--farbe-aussengelaende);
}
.infografik_wrapper #popups .popup_window.veranstaltung h2 {
	background: var(--farbe-veranstaltung-light);
	color: var(--farbe-veranstaltung);
}
.infografik_wrapper #popups .popup_window.teilnehmende h2 {
	background: var(--farbe-teilnehmende-light);
	color: var(--farbe-teilnehmende);
}
.infografik_wrapper #popups .popup_window.buero h2 {
	background: var(--farbe-buero-light);
	color: var(--farbe-buero);
}
.infografik_wrapper #popups .popup_window.catering h2 {
	background: var(--farbe-catering-light);
	color: var(--farbe-catering);
}

.infografik_wrapper #popups .popup_window .accordion {
	overflow: hidden;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	width: 100%;
	position: relative;
	overflow: hidden;
	max-height: 100%;
}


.popup_content .accordion.ui-accordion.ui-widget {
  margin-bottom: 5%;
  height: 100%;
  opacity: .80;
}

.infografik_wrapper #popups .popup_window .accordion .accordion_title {
	background: var(--farbe-aussengelaende);
	color: #fff;
	border: none;
	border-radius: 0;
	font-weight: 600;
	line-height: 1.3;
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: center;
	font-size: 150%;
	font-family: 'Rubik', 'Lato', Helvetica, Arial, sans-serif;
	padding: 1.6% 4%;
	margin: 0;
	display: block;
	position: relative;
	width: auto;
	max-width: 100%;
}

.infografik_wrapper #popups .popup_window .accordion span.accordion_title:last-of-type {
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

.infografik_wrapper #popups .popup_window .accordion .accordion_title:not(.ui-state-active) {
	margin-top: 0.3%; 
}

.infografik_wrapper #popups .popup_window .accordion .accordion_title:first-child {
	margin-top: 0 !important;
}

.infografik_wrapper #popups .popup_window.aussenbereich .accordion .accordion_title {
	background: var(--farbe-aussengelaende);
}
.infografik_wrapper #popups .popup_window.veranstaltung .accordion .accordion_title {
	background: var(--farbe-veranstaltung);
}
.infografik_wrapper #popups .popup_window.teilnehmende .accordion .accordion_title {
	background: var(--farbe-teilnehmende);
}
.infografik_wrapper #popups .popup_window.buero .accordion .accordion_title {
	background: var(--farbe-buero);
}
.infografik_wrapper #popups .popup_window.catering .accordion .accordion_title {
	background: var(--farbe-catering);
}


.infografik_wrapper #popups .popup_window.aussenbereich .accordion .accordion_title:not(.ui-state-active):hover {
  background: var(--farbe-aussengelaende-hover);
}
.infografik_wrapper #popups .popup_window.veranstaltung .accordion .accordion_title:not(.ui-state-active):hover {
  background: var(--farbe-veranstaltung-hover);
}
.infografik_wrapper #popups .popup_window.teilnehmende .accordion .accordion_title:not(.ui-state-active):hover {
  background: var(--farbe-teilnehmende-hover);
}
.infografik_wrapper #popups .popup_window.buero .accordion .accordion_title:not(.ui-state-active):hover {
  background: var(--farbe-buero-hover);
}
.infografik_wrapper #popups .popup_window.catering .accordion .accordion_title:not(.ui-state-active):hover {
  background: var(--farbe-catering-hover);
}

.infografik_wrapper #popups .popup_window .accordion .ui-accordion-header {
	min-height: 4.4%;
}



.popup_content .ui-accordion .ui-accordion-content {
  padding: 3% 5%;
}

/* Vielleicht ist ohne feste Scrollbar besser
.ui-accordion-content::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.ui-accordion-content::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}*/


.infografik_wrapper #popups .popup_window .accordion .ui-accordion-header.ui-state-active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: transparent;
  color: var(--farbe-aussengelaende);
}

.infografik_wrapper #popups .popup_window.aussenbereich .accordion .ui-accordion-header.ui-state-active {
	color: var(--farbe-aussengelaende);
}
.infografik_wrapper #popups .popup_window.veranstaltung .accordion .ui-accordion-header.ui-state-active {
	color: var(--farbe-veranstaltung);
}
.infografik_wrapper #popups .popup_window.teilnehmende .accordion .ui-accordion-header.ui-state-active {
	color: var(--farbe-teilnehmende);
}
.infografik_wrapper #popups .popup_window.buero .accordion .ui-accordion-header.ui-state-active {
	color: var(--farbe-buero);
}
.infografik_wrapper #popups .popup_window.catering .accordion .ui-accordion-header.ui-state-active {
	color: var(--farbe-catering);
}

.infografik_wrapper #popups .popup_window .accordion .ui-accordion-header.ui-state-active::after {
  content: '';
  width: 100%;
  max-height: 35%;
  min-height: 34%;
  position: absolute;
  left: 0;
  top: 100%;
  background-image: url('bilder/popups/linie_trenner_aussen_open.svg');
	background-size: contain;
	background-repeat: no-repeat;
}

.infografik_wrapper #popups .popup_window.aussenbereich .accordion .ui-accordion-header.ui-state-active::after,
.infografik_wrapper #popups .popup_window#popup_einleitungstext .accordion .ui-accordion-header.ui-state-active::after {
	filter: invert(40%) sepia(11%) saturate(2553%) hue-rotate(131deg) brightness(94%) contrast(86%);
}
.infografik_wrapper #popups .popup_window.veranstaltung .accordion .ui-accordion-header.ui-state-active::after {
	filter: invert(86%) sepia(19%) saturate(5396%) hue-rotate(343deg) brightness(100%) contrast(88%);
}
.infografik_wrapper #popups .popup_window.teilnehmende .accordion .ui-accordion-header.ui-state-active::after {
	filter: invert(20%) sepia(81%) saturate(966%) hue-rotate(184deg) brightness(96%) contrast(86%);
}
.infografik_wrapper #popups .popup_window.buero .accordion .ui-accordion-header.ui-state-active::after {
	filter: invert(67%) sepia(57%) saturate(7496%) hue-rotate(340deg) brightness(91%) contrast(86%);
}
.infografik_wrapper #popups .popup_window.catering .accordion .ui-accordion-header.ui-state-active::after {
	filter: invert(23%) sepia(99%) saturate(1461%) hue-rotate(325deg) brightness(90%) contrast(87%);
}

.ui-accordion .ui-accordion-content.ui-accordion-content-active {
	background: transparent;
	padding: 1.5% 4%;
	border: 0;
}


.infografik_wrapper #popups .popup_window .ui-accordion .ui-accordion-content.ui-accordion-content {
  font-family: 'Rubik', Helvetica, Arial, sans-serif;
  line-height: 1.4;
  font-size: 118%;
  font-weight: 300;
  color: #303337;
  overflow: scroll;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 3%;
  margin-bottom: 1%;
  max-height: calc( var(--font-size) * 18);
}

/* Special Einleitungspopup */
.infografik_wrapper #popups #popup_einleitungstext.popup_window .ui-accordion .ui-accordion-content.ui-accordion-content {
	max-height: calc( var(--font-size) * 30);
}



#popups .popup_window .liste_mit_haken li {
	list-style: none;
	padding-left: 15px;
	position: relative;
	margin-bottom: 2%;
}

#popups .popup_window ul.liste_mit_haken li::before {
	content: '';
	background: url("bilder/popups/liste_checkmark.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 5%;
	height: calc(var(--font-size) * 1.3);
	position: absolute;
	left: -5%;
	top: 3%;
	align-self: center;
}

#popups .popup_window .liste_mit_pfeil li {
	list-style: none;
	padding-left: 15px;
	position: relative;
	margin-bottom: 2%;
}

#popups .popup_window ul.liste_mit_pfeil li::before {
	content: '';
	background: url("bilder/popups/liste_pfeil.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 7%;
	height: calc(var(--font-size) * 1.0);
	position: absolute;
	left: -7%;
	top: 6%;
	align-self: center;
}

#popups .popup_window .liste_mit_fragezeichen li {
	list-style: none;
	padding-left: 15px;
	position: relative;
	margin-bottom: 2%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#popups .popup_window ul.liste_mit_fragezeichen li::before {
	content: '';
	background: url("bilder/popups/fragezeichen.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 10%;
	height: calc(var(--font-size) * 1.5);
	position: absolute;
	left: -7%;
	/*! top: 6%; */
	align-self: center;
}

/* List Icons passend färben */
#popups .popup_window.aussenbereich ul.liste_mit_haken li::before,
#popups .popup_window.aussenbereich ul.liste_mit_pfeil li::before,
#popups .popup_window.aussenbereich ul.liste_mit_fragezeichen li::before {
	filter: invert(40%) sepia(11%) saturate(2553%) hue-rotate(131deg) brightness(94%) contrast(86%);
}
#popups .popup_window.veranstaltung ul.liste_mit_haken li::before,
#popups .popup_window.veranstaltung ul.liste_mit_pfeil li::before,
#popups .popup_window.veranstaltung ul.liste_mit_fragezeichen li::before {
	filter: invert(86%) sepia(19%) saturate(5396%) hue-rotate(343deg) brightness(100%) contrast(88%);
}
#popups .popup_window.teilnehmende ul.liste_mit_haken li::before,
#popups .popup_window.teilnehmende ul.liste_mit_pfeil li::before,
#popups .popup_window.teilnehmende ul.liste_mit_fragezeichen li::before {
	filter: invert(20%) sepia(81%) saturate(966%) hue-rotate(184deg) brightness(96%) contrast(86%);
}
#popups .popup_window.buero ul.liste_mit_haken li::before,
#popups .popup_window.buero ul.liste_mit_pfeil li::before,
#popups .popup_window.buero ul.liste_mit_fragezeichen li::before {
	filter: invert(67%) sepia(57%) saturate(7496%) hue-rotate(340deg) brightness(91%) contrast(86%);
}
#popups .popup_window.catering ul.liste_mit_haken li::before,
#popups .popup_window.catering ul.liste_mit_pfeil li::before,
#popups .popup_window.catering ul.liste_mit_fragezeichen li::before {
	filter: invert(23%) sepia(99%) saturate(1461%) hue-rotate(325deg) brightness(90%) contrast(87%);
}


/* Gedankenwolken Popups für Fun Facts */
#popups .popup_window.gedankenwolke {
	height: 80%;
	background-image: url('bilder/popups/wolke_popup.svg');
	background-color: transparent !important;
	box-shadow: none !important;
	background-size: 100%;
	background-repeat: no-repeat;
	padding: 10% 11%;
	text-align: center;
	font-family: 'Rubik', Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 120%;
	box-sizing: border-box;
	background-position: center 30%;
}
#popups .popup_window.gedankenwolke .popup_schliessen {
	right: 14%;
	top: 25%;
	background: none;
}

#popups .popup_window.gedankenwolke .funfact_content .quelle {
  font-weight: 400;
  color: #1e4872;
  text-decoration: none;
}


/* Popup für Weitere Links und Absprünge */
#popups .popup_window.abspruenge {
	width: 100% !important;
	max-width: 95%;
	background-color: #deeaee;
	font-family: 'Rubik', Helvetica, Arial, sans-serif;
	position: relative;
	padding: 0 6%;
}

.infografik_wrapper #popups .popup_window.abspruenge h2 {
	background: transparent;
	color: #005694;
}

#popups .popup_window.abspruenge .popup_schliessen {
	background: transparent;
	top: 1.5%;
	right: 1.5%;
	width: 2.6%;
}

#popups .popup_window.abspruenge .abspruenge_wrapper {
	display: grid; 
  grid-template-columns: 20% 20% repeat(auto-fill, 20%); 
  grid-template-rows: repeat(auto-fill, 33%); 
  grid-gap: 0px; 
  justify-content: space-between; 
}


#popups .popup_window.abspruenge .kachel {
	padding: 0;
	margin: 0;
	font-size: 0;
	background-color: transparent;
	transform: scale(1.0);
	transition-timing-function: ease-in-out;
	transition-duration: 0.2s;
}

#popups .popup_window.abspruenge .kachel.obenrechts {
	border-top-right-radius: calc( var(--font-size) * 1.4 );
}

#popups .popup_window.abspruenge .kachel.untenlinks {
	border-bottom-left-radius: calc( var(--font-size) * 1.4 );
}

#popups .popup_window.abspruenge .kachel:hover {
	transform: scale(1.04);
	z-index: 2;
}

#popups .popup_window.abspruenge .kachel.aussenbereich:hover {
	background-color: var(--farbe-aussengelaende-light);
}
#popups .popup_window.abspruenge .kachel.veranstaltung:hover {
	background-color: var(--farbe-veranstaltung-light);
}
#popups .popup_window.abspruenge .kachel.teilnehmende:hover {
	background-color: var(--farbe-teilnehmende-light);
}
#popups .popup_window.abspruenge .kachel.buero:hover {
	background-color: var(--farbe-buero-light);
}
#popups .popup_window.abspruenge .kachel.catering:hover {
	background-color: var(--farbe-catering-light);
}




#popups .popup_window.abspruenge .kachel.kachel_gross {
	grid-column: 1 / 3; 
  grid-row:  1 / 3; 
}

#popups .popup_window.abspruenge .kachel img {
	display: inline-block;
	padding: 0;
	margin: 0;
	font-size: 0;
	width: 100%;
}


/* Notizen Sidebar mit Button */

#notizen_sidebar {
	position: absolute;
right: 0;
width: 30%;
height: 100%;
top: 0;
z-index: 200;
box-shadow: -10px -0px 10px rgba(0,0,0,.3);
padding: 0;
box-sizing: border-box;
transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
}

#notizen_sidebar.eingeklappt {
	right: -30%;
	box-shadow: -10px -0px 10px rgba(0,0,0,.1);
}

#notizen_sidebar .sidebar_content {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 8%;
  position: absolute;
  background: #edeae4;
  box-sizing: border-box;
}

#notizen_sidebar label {
	font-family: 'Rubik', Helvetica, Arial, sans-serif;
	font-weight: 600;
	text-align: center;
	font-size: calc( var(--font-size) * 1.4);
	color: #1e4872;
}

#notizen_sidebar textarea {
  width: 100%;
  border: 0;
  border-radius: 8px;
  box-shadow: 2px 2px 5px rgba(0,0,0,.1);
  padding: 6%;
  box-sizing: border-box;
  font-family: 'Rubik',inherit Helvetica, Arial, sans-serif;
  font-size: var(--font-size);
  line-height: 1.3;
}

#notizen_sidebar button {
  width: 100%;
  border: 2px solid #1e4872;
  border-radius: 8px;
  padding: 3%;
  box-sizing: border-box;
  font-family: 'Rubik',inherit Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin-top: 5%;
  background: #1e4872;
  color: #fff;
  box-shadow: 2px 2px 5px rgba(0,0,0,.1);
  font-size: var(--font-size);
}

#notizen_sidebar button:hover {
	background: transparent;
  color: #1e4872;
  border: 2px solid #1e4872;
}

.notizen_button {
  position: absolute;
	left: -14%;
	top: 10%;
	width: 20%;
	z-index: 1;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}

.notizen_button:hover {
	left: -15%;

}

.notizen_button img {
  width: 100%;
  font-size: 0;
}

.notizen_button .tooltip {
  border-top-right-radius: 0;
	width: 190%;
	left: -222%;
	top: 86%;
	height: auto;
	font-size: calc( var(--font-size) * 1.1);
}

.stopanimation {
	animation: none;
	-webkit-animation: none;
}

.ausblenden_hinter_map {
	display: none;
}

/* ==================== Mobile Anpassungen ==================== */
@media only screen and (max-width: 900px) and (-Webkit-min-device-pixel-ratio: 1.5), 
    @media only screen and (max-width: 900px) and (-moz-min-device-pixel-ratio: 1.5),
    @media only screen and (max-width: 900px) and (-o-min-device-pixel-ratio: 3/2),
    @media only screen and (max-width: 900px) and (min-device-pixel-ratio: 1.5),
    @media only screen and (max-width: 900px) {
	html {
		background-color: #000;
	}

 	/*********** Infobutton Map ***********/
	.infografik_wrapper #schaltflaechen #videobutton {
	left: 66%;
	top: 2%;
	}

	/*********** Notizen anpassen ***********/
	/* Notiz Button größer machen*/
	.notizen_button {
  width: 20%;
  left: -14%;
  top: 5%;
	}
	/*Tooltip anpassen*/
	.notizen_button .tooltip {
  font-size: calc( var(--font-size) * 1.4) !important;
	}
	/*Notizspalte größer machen + Text*/
	#notizen_sidebar {
	width: 48%;
	height: 100%;
	}
	#notizen_sidebar label {
		font-size: calc( var(--font-size) * 2);
	}
	#notizen_sidebar.eingeklappt {
  right: -48%;
	}
	#notizen_sidebar textarea {
  line-height: 1.0;
  font-size: calc(var(--font-size) * 1.7);
	height: 13em;
	}
	#generate_pdf {
 	font-size: 80% !important;
	}

	/*********** Popups ***********/
	/*Schriftgröße*/
	.infografik_wrapper #popups .popup_window {
  font-size: 130%;
	}

	/*Popups vergrößern*/
	.infografik_wrapper #popups .popup_window {
  width: 86%;
  max-width: 86%;
	}
	

  /*Überschrift anpassen Popups*/
	.infografik_wrapper #popups .popup_window h2 {
  top: calc(0% - var(--font-size) * 4.4);
  max-width: 85%;
  margin-bottom: calc(0% - var(--font-size) * 2.9);
	}
	/*Button schließen vergrößern*/
	.popup_window .popup_schliessen {
  width: 4.2%;
	}
	/* Popup Textfeld leicht kleiner für mehr ABstand oben und unten */
	.infografik_wrapper #popups .popup_window .ui-accordion .ui-accordion-content.ui-accordion-content {
  	max-height: calc( var(--font-size) * 13);
  	margin-top: 1.5%;

	}
	.infografik_wrapper #popups .popup_window .ui-accordion .ui-accordion-content.ui-accordion-content p {
		margin: 1% 0;
		
	}

	.infografik_wrapper #popups .popup_window .ui-accordion .ui-accordion-content.ui-accordion-content p:not(li *),
	.infografik_wrapper #popups .popup_window .ui-accordion .ui-accordion-content.ui-accordion-content li:not(li *) {
		font-size: 120%;
	}
	
	#popups .popup_window .liste_mit_pfeil li,
	#popups .popup_window .liste_mit_haken li,
	#popups .popup_window .liste_mit_fragezeichen li {
		margin-bottom: 1%;
	}


	#popups .popup_window .liste_mit_pfeil li:before,
	#popups .popup_window .liste_mit_haken li:before,
	#popups .popup_window .liste_mit_fragezeichen li:before {
		top: 8%;
		height: calc( var(--font-size) * 1.9) !important;
	}


	/*********** Tooltip anpassen ***********/
	.infografik_wrapper .tooltip {
  font-size: 68%;
	}

	/*********** Buttons größer machen ***********/
	.klickpunkte {
	width: 6%;
	}
	
	/*********** Zurück zu Map Button anpassen ***********/
	.tiefere_ebene .zurueck_zur_map {
  width: 10%;
	}

	/*********** Gedankenwolken Größe anpassen ***********/
	#popups .popup_window.gedankenwolke {
  font-size: 190% !important;
  height: 100%;
	}
	#popups .popup_window.gedankenwolke#fun_fact_popup_kuechenzuruf {
  font-size: 177% !important;
  line-height: 1.1;
	}

	#popups .popup_window.gedankenwolke .popup_schliessen {
  right: 16%;
  top: 22%;
  width: 4%;
	}

	



	/*********** Bereich Teilnehmende ***********/
	/*Navigationspfeile größer machen und verschieben*/
	#teilnehmende_ebene .nav_pfeile#nav_pfeil_teilnehmende_veranstaltung {
	width: 15%;
  left: 84%;
  top: 86%;
	}
	#teilnehmende_ebene .nav_pfeile#nav_pfeil_teilnehmende_planung {
	width: 11%;
	left: 2%;
	top: 22%;
	}
	/*Infobutton verschieben*/
	.infografik_wrapper #schaltflaechen #infobutton {
  width: 7.8%;
	}
	/*Fun Facts Wolken vergrößern und verschieben*/
	#teilnehmende_ebene .funfacts#button_fun_fact_5 {
  top: 25%;
  width: 7%;
	}
	#teilnehmende_ebene .funfacts#button_fun_fact_6 {
  top: 38%;
  width: 7%;
	}
	#teilnehmende_ebene .funfacts#button_fun_fact_kuechenzuruf {
  left: 21.3%;
  top: 23%;
  width: 7%;
	}

	/*********** Bereich Veranstaltung ***********/
	/* Navigationspfeile verschieben*/
	#veranstaltung_ebene .nav_pfeile#nav_pfeil_veranstaltung_aussen {
  width: 14%;
  top: 88%;
	}
	#veranstaltung_ebene .nav_pfeile#nav_pfeil_veranstaltung_teilnehmende {
  width: 12%;
  left: 73%;
	}
	/*Fun Facts Wolken vergrößern und verschieben*/
	#veranstaltung_ebene .funfacts#button_fun_fact_3 {
  top: 0%;
  width: 7%;
	}
	#veranstaltung_ebene .funfacts#button_fun_fact_4 {
  left: 39%;
  top: 2%;
  width: 7%;
	}

	/*********** Bereich Planung ***********/
	/*Buttons verschieben*/
	#buero_ebene .klickpunkte#button_schreibtisch {
  left: 84%;
	}
	#buero_ebene .klickpunkte#download_button {
  left: 90%;
  top: 79%;
	}
	/* Navigationspfeile verschieben*/
	#buero_ebene .nav_pfeile#nav_pfeil_buero_catering {
  width: 16%;
  left: 83%;
  }
	#buero_ebene .nav_pfeile#nav_pfeil_buero_teilnehmende {
  width: 15%;
  top: 84%;
  }
 	/*Fun Facts Wolken vergrößern und verschieben*/
	#buero_ebene .funfacts#button_fun_fact_8 {
  left: 82%;
  top: 9%;
  width: 7%;
	}
	#buero_ebene .funfacts#button_fun_fact_7 {
  top: 9%;
  width: 7%;
	}

	/*********** Bereich Catering ***********/
	/* Navigationspfeile verschieben*/
	#catering_ebene .nav_pfeile#nav_pfeil_catering_aussen {
  width: 14%;
  left: 86%;
  top: 73%;
	}
	#catering_ebene .nav_pfeile#nav_pfeil_catering_planung {
  width: 14%;
  left: 3%;
  top: 84%;
	}
	/*Fun Facts Wolken vergrößern und verschieben*/
	#catering_ebene .funfacts#button_fun_fact_9 {
  top: 12%;
  width: 7%;
	}
	#catering_ebene .funfacts#button_fun_fact_10 {
  top: 15%;
  width: 7%;
	}

	/*********** Bereich Außenbereich  ***********/
	/*Buttons verschieben*/
 	#aussenbereich_ebene .klickpunkte#button_bus {
  top: 36%;
 	}
 	/* Navigationspfeile verschieben*/
	#aussenbereich_ebene .nav_pfeile#nav_pfeil_aussen_veranstaltung {
  width: 13%;
  left: 41%;
  top: 12%;
	}
	#aussenbereich_ebene .nav_pfeile#nav_pfeil_aussen_catering {
  width: 13%;
  left: 85%;
  top: 78%;
	}
	/*Fun Facts Wolken vergrößern und verschieben*/
	#aussenbereich_ebene .funfacts#button_fun_fact_1 {
  top: 38%;
  width: 7%;
	}
	#aussenbereich_ebene .funfacts#button_fun_fact_2 {
  top: 32%;
  width: 7%;
	}
}

/* ========== Mobile Anpassungen - ENDE ========== */