/* 
	Resets defualt browser settings
	reset.css
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
a:active { outline:none; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }


.StyleHoverMenu {
    -webkit-transition: all 300ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 300ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 300ms ease-in;
    -moz-transform: scale(1);
    transition: all 300ms ease-in;
    transform: scale(1);   
}
.StyleHoverMenu:hover {
    transform-origin: 50% 40%;
    z-index: 2;
    -webkit-transition: all 100ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 100ms ease-in;
    -ms-transform: scale(1.1);   
    -moz-transition: all 100ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 100ms ease-in;
    transform: scale(1.1);
    color:#FFF;
}



.magenta {
	color:rgba(255, 0, 180,0.7);
}

/*Pfeil in Unicode \u{000025B6}\u{0000FE0E} */

/*Variablen*/
:root {
	--SeitenBreite: 850px;
	--MenuBreite: 800px;
}
.noneselect {
	-webkit-touch-callout: none; 
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.notvisible {
	display:none;
}

html {
	background-color:#fff;
}

body {
	margin:0px;
	padding:0px;
    font-family: 'fira_sans_condensedregular';
    -webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

p, b, i, h1, h2, h3, h4, h5, {
	font-family: 'fira_sans_condensedregular';
}

h1 {
	font-size: 3.5em;
}
h2 {
	font-size: 1.8em;
	line-height:1.6em;
}
h2 > b {
	font-family: 'fira_sans_condensedregular';
}
h3 {
	font-size: 1.5em;
	line-height:1.3em;
}
h4 {
	font-size: 1.2em;
	padding: 0.3em 0 0.8em 0;
	line-height:1.4em;
}
h5 {font-size: 1em;
	padding: 0.1em 0 0.8em 0;
	line-height:1em;
}
p {
	border:0px solid brown;
	font-size: 1.1em;
	line-height: 1.4em;
	font-family: 'fira_sans_condensedregular';
}
b {
	
}
i {
	font-style:italic;
}

#BACKGROUND {
	background-image:url(../pic/confectionary.png);
	background-position: center; 
	position:fixed;
	z-index:1;
	height: 100vh;
	width: 100%;
}



#MENU {
	border: 0px solid red;
	z-index:1000;
	display: flex;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
	position: fixed;
	width: 100%;
	height: auto;
	
}
#MENU_Mitte {
	border: 0px dashed blue;
	display: flex;
	justify-content: center;
	flex: 0 0 var(--SeitenBreite);
	background-color:#FFF;
	
	-webkit-box-shadow: 0px 3px 32px -4px rgba(0,0,0,0.37);
	-moz-box-shadow: 0px 3px 32px -4px rgba(0,0,0,0.37);
	box-shadow: 0px 3px 32px -4px rgba(0,0,0,0.37);
}
#MENU_Mitte_Rahmen {
	display: flex;
	border: 0px dashed red;
	flex: 0 0 var(--MenuBreite);
	height: auto;
	
}

.MENU_Mitte_Rahmen2 {
	display: flex;
	justify-content: space-between;
	border: 0px dashed blue;
	align-items: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	flex: 1 1 var(--MenuBreite);
	cursor:pointer;
}

.MENU_Menupunkt {
	border: 0px dashed blue;
	display: flex;
	padding: 1px 5px;
	font-family: 'fira_sans_condensedregular';
	letter-spacing: 1.5px;
	font-size: 14px;
	color:#999;
	text-transform: uppercase;
	flex: 1 1 auto;
	margin-right:-1px;
	margin-left:-1px;
	border-style: none solid none solid;
	border-color: #53C153;
	border-width:2px;
	align-items: center;
	justify-content: center;
	margin-top:10px;
	margin-bottom:10px;
	pointer-events:auto;
}
.MENU_Menupunkt:first-child {
	margin-left:0px;
}
.MENU_Menupunkt:last-child {
	margin-right:0px;
}

.MENU_Menupunkt a {
	text-decoration:none; 
	color:#888;
}

.MENU_Menupunkt:hover {
	color:#000;
}
.MENU_Menupunkt a:hover {
	 color:#000;
}

.MENU_Menupunkt a:active {
	 color:#53C153;
}


/******* PROGRAMME UNTERMENU *********/
#MENU_UnterpunktProgramme {
	z-index:2005;
	/*display: none;*/
	position:fixed;
	background-color:#FFF;
	padding: 0px 0px 35px 58px;
	left:-1000px;
	font-family: 'fira_sans_condensedregular';
	line-height: 20px;
	width:200px;
	-webkit-box-shadow: 0px 12px 10px 0px rgba(0,0,0,0.29);
	-moz-box-shadow: 0px 12px 10px 0px rgba(0,0,0,0.29);
	box-shadow: 0px 12px 10px 0px rgba(0,0,0,0.29);
}


[id^="MENU_UnterpunktProgrammeGruppe"] {
	font-family: 'fira_sans_condensedmedium';
	font-size: .8em;
	letter-spacing:0.05em;
	text-transform: uppercase;
	color:#444;
	margin-left:-30px;
	padding-top: 15px;
	padding-bottom: 2px;
}
#MENU_UnterpunktProgrammeGruppe2 {
	padding-top:30px;
}

.MENU_UnterpunktProgrammeAktiveProgramme, .MENU_UnterpunktProgrammeFirmenseminare {
	color:#ed2fba;
	font-size:1.1em;
	padding:1px 0 0 0;
	cursor:pointer;
}
.MENU_UnterpunktProgrammeAktiveProgramme a, .MENU_UnterpunktProgrammeFirmenseminare a {
	text-decoration:none;
}
.MENU_UnterpunktProgrammeAktiveProgramme a {
	color:#ed2fba;
}

.MENU_UnterpunktProgrammeAktiveProgramme a:hover {
	color:#000;
	font-family: 'fira_sans_condensedmedium';
}

.MENU_UnterpunktProgrammeHeadlineMuseum, .MENU_UnterpunktProgrammeHeadlineFirmenseminare {
	font-family: 'fira_sans_condensedregular';
	font-size: .75em;
	letter-spacing:0.05em;
	text-transform: uppercase;
	color:#777;
	margin-left:-18px;
	padding-top: 15px;
}


.MENU_UnterpunktProgrammeDeaktiveProgramme {
	color:#999;
	font-size:1.1em;
	padding:3px 0 0 0;
	cursor:pointer;
}
.MENU_UnterpunktProgrammeDeaktiveProgramme a {
	text-decoration:none;
	color:#999;
}
.MENU_UnterpunktProgrammeDeaktiveProgramme a:hover {
	color:#000;
	font-family: 'fira_sans_condensedmedium';
}
.MENU_UnterpunktProgrammeFirmenseminare {
	color:#4e95d7;
}
.MENU_UnterpunktProgrammeFirmenseminare a {
	color:#4e95d7;
}
.MENU_UnterpunktProgrammeFirmenseminare a:hover {
	color:#000;
	font-family: 'fira_sans_condensedmedium';
}


/******** Kontakt ********/
.Kontakt {
	font-size:1em;
	color:#000;
}
.SchickMirWas {
	cursor:pointer;
}
.SchickMirWas::after {
	content:"obalke.de";
}
.SchickMirWas:hover {
	color:#ed2fba;
}
.ZGDzj, .ZGwej, .Regex {
	display:none;
}

	
	
	
#MENU_Rechts {
	display: flex;
	border: 0px solid orange;
	justify-content: flex-end;
	flex: 1;
	overflow: hidden;
}
#MENU_Links {
	display: flex;
	border: 0px solid orange;
	justify-content: flex-start;
	flex: 1;
	align-items: flex-end;
	overflow: hidden;
}
#MENU_Rechts_Verlauf {
	display: flex;
	position: absolute;
	flex: 1 1 100px;
	border: 0px solid blue;
	height: 100%;
	width: 170px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+99&0+0,1+80 */
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
#MENU_Links_Verlauf {
	display: flex;
	position: absolute;
	width: 170px;
	border: 0px solid blue;
	height: 100%;
	flex: 1 1 100px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+99&1+20,0+100 */
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0.01) 99%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,0.01) 99%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,0.01) 99%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}	
	

#LOGO_PagoBalke {
	border: 0px solid blue;
	z-index:2000 !important;
	position: absolute;
	height:200px;
	display:flex;
	justify-content: center;
	width: 100%;
	pointer-events:none;
}
#LOGO_PagoBalke_Mitte {
	border: 0px solid red;
	position:relative;
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	flex-wrap: nowrap;
	flex: 0 0 var(--SeitenBreite);
	pointer-events:none;
}

#LOGO_PagoBalke_Mitte_Rahmen {
	border: 0px dashed green;
	transform: rotate(-5deg);
	padding-bottom:50px;
	display:flex;
	padding-left:7%;
	flex-direction: column;
	justify-content: flex-start;
	flex-wrap: nowrap;
	pointer-events:none;
}
#LOGO_PagoBalke_SVG {
	border: 0px solid orange;
	background-image: url(../pic/LogoPagoBalke.svg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100%;
	width: 50%;
	min-width:350px;
	height:10vw;
	min-height:65px;
	max-height:80px;
	margin-top: 30px;
	pointer-events:none;
}
#LOGO_PagoBalke_SVG svg {
	width: 490px;
	pointer-events:none;
}

#LOGO_PagoBalke_Termin {
	border: 0px solid brown;
	font-family: 'fira_sans_condensedregular';
	letter-spacing: 1px;
	font-size: 28px;
	line-height: 30px;
	cursor:pointer;
	height:35px;
	overflow:hidden;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width:var(--SeitenBreite);
    pointer-events:auto;
}
#LOGO_PagoBalke_Termin_InnenRahmen {
	border: 0px solid red;
	position: relative;
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	flex-wrap: nowrap;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;	
}
[id^="LOGO_PagoBalke_Termin_InnenRahmen_Zeile"] {
	border: 0px solid blue;
	cursor: pointer;
	height:35px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
   	
}
[id^="LOGO_PagoBalke_Termin_InnenRahmen_Zeile"]:hover {
	color:#D3399C;
}
[id^="LOGO_PagoBalke_Termin_InnenRahmen_Zeile"]:active, [id^="LOGO_PagoBalke_Termin_InnenRahmen_Zeile"]:active span {
	color:#53C153 !important;
}


#SEITE {
	border: 0px solid green;
	z-index:200;
	position:relative;
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	overflow: hidden;
	align-items: stretch;
	align-content: stretch;
}
#SEITE_Mitte {
	border: 0px dotted red;
	position:relative;
	max-width: var(--SeitenBreite);
	background-color:#FFF;
	min-height:100vh;
	
}
#SEITE_Mitte_PunktRaster {
	border: 0px solid red;
	z-index:205;
	position:relative;
	width: 100%;
	overflow: hidden;
	display:flex;
	justify-content: center;
	align-items: center;
	max-width: var(--SeitenBreite);
	height:270px;
}
#SEITE_Mitte_PunktRaster_Innen {
	display:flex;
	margin-left:-1%;
	border: 0px solid orange;
	transform: rotate(-5deg);
	background-image:url(../pic/PunktrasterStreifen.png);
	background-repeat: repeat-x;
	flex: 0 0 120%;
	height:100%;
	overflow:hidden;
}
#SEITE_Mitte_Inhalt {
	border:0px solid red;
	z-index:300;
	position:relative;
	max-width: var(--SeitenBreite);
	min-height:50vh;
}
#SEITE_Links {
	display: flex;
	border: 0px solid blue;
	justify-content: flex-end;
	flex: 1;
	overflow: hidden;
}
#SEITE_Links_Verlauf {
	display: flex;
	position: absolute;
	width: 100px;
	border: 0px solid blue;
	height: 100%;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
#SEITE_Rechts {
	display: flex;
	border: 0px solid blue;
	justify-content: flex-start;
	flex: 1;
	align-items: flex-end;
	overflow: hidden;
}
#SEITE_Rechts_Verlauf {
	display: flex;
	position: absolute;
	width: 100px;
	border: 0px solid blue;
	height: 100%;
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

	



#MENU_Unten {
	border: 0px solid blue;
	z-index:5432;
	width: 100%;
	padding-top: 150px;
	padding-bottom: 100px;
}
.MENU_Unten_Rahmen {
	border: 0px solid red;
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}
.MENU_Unten_Menupunkt {
	padding: 1px 10px;
	color:#999;
	text-transform: uppercase;
	font-family: 'fira_sans_condensedmedium';
	letter-spacing: 3px;
	font-size: 14px;
	margin-right:-1px;
	margin-left:-1px;
	border-style: none solid none solid;
	border-color: #53C153;
	border-width:2px;
	align-items: center;
	margin-top:10px;
	margin-bottom:10px;
	cursor:pointer;
	pointer-events: auto;
}
.MENU_Unten_Menupunkt a {
	text-decoration:none;
	color:#999;
}
.MENU_Unten_Menupunkt a:link {
	color:#999;
}
.MENU_Unten_Menupunkt a:hover {
	color:#999;
}
.MENU_Unten_Menupunkt a:visited {
	color:#999;
}




/******************************************************************/
/********** BLOCK Anzeige **********/

#BLOCK_Anzeige {
	border:0px solid blue;
	width:100%;
	cursor: pointer; 
	padding-bottom: 50px;
}
.BLOCK_AnzeigeRahmen {
	border:0px solid red;
}
.BLOCK_AnzeigeInhalt {
	border:0px solid orange;
	width:100%;
}
#BLOCK_AnzeigeInhalt_Haupt {
	border:0px solid yellow;
	border-radius: 15px;
	-webkit-box-shadow: 1px 1px 10px 6px rgba(248,137,0,0.3); 
	box-shadow: 1px 1px 10px 6px rgba(248,137,0,0.3);
	position: relative;
    width: 100%;
    display: flex;
   	justify-content: center;
   	align-items: center;
   	overflow:hidden;
}
#BLOCK_AnzeigeInhalt_Shadow {
	border:0px solid blue;
	position: absolute;
	width: 100%;
    height: 100%;
    -webkit-box-shadow: inset 1px 1px 15px 1px rgba(0,0,0,0.4); 
	box-shadow: inset 1px 1px 15px 1px rgba(0,0,0,0.4);
	pointer-events: none;
}
#BLOCK_AnzeigeInhalt_Haupt img {
	border-radius: 15px;
	width: 100%;
		
}

/******************************************************************/
/********** BLOCK Video **********/

#BLOCK_Video {
	border:0px solid blue;
	width:100%;
}
.BLOCK_VideoRahmen {
	border:0px solid red;
}
.BLOCK_VideoInhalt {
	border:0px solid orange;
	width:100%;
}


#BLOCK_VideoInhalt_Haupt {
	border:0px solid yellow;
	border-radius: 15px;
	-webkit-box-shadow: 1px 1px 10px 6px rgba(255,7,152,0.3); 
	box-shadow: 1px 1px 10px 6px rgba(255,7,152,0.3);
	position: relative;
    width: 100%;
    height: 460px;
    display: flex;
   	justify-content: center;
   	align-items: center;
   	overflow:hidden;
}
#BLOCK_VideoInhalt_Shadow {
	border:2px solid blue;
	position: absolute;
	width: 100%;
    height: 100%;
    -webkit-box-shadow: inset 1px 1px 15px 1px rgba(0,0,0,0.77); 
	box-shadow: inset 1px 1px 15px 1px rgba(0,0,0,0.77);
	pointer-events: none;
}
#BLOCK_VideoInhalt_Haupt img {
	border-radius: 15px;
	
}
#BLOCK_VideoInhaltThumbnail0 {
	position: absolute;
	border:0px solid blue;
	width:160px;
	height:160px;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='55.046' height='55.046' xml:space='preserve'%3E%3Ccircle fill='%23E41B21' cx='27.523' cy='27.523' r='27.523'/%3E%3Cpath fill='%23FFF' d='M42.115 26.38 20.027 13.627a1.32 1.32 0 0 0-1.98 1.144v25.506a1.321 1.321 0 0 0 1.98 1.144l22.088-12.753a1.322 1.322 0 0 0 0-2.288z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: 50%;
	cursor:pointer !important;
	filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.6));
	opacity: 0.8;
}
#BLOCK_VideoInhaltThumbnail0:hover {
	opacity: 1;
}


#ImageVideoPopup {
  	position: relative;
 	width: 94%;
 	margin: 0 3%;
}
#ImageVideoPopup video {
  	width: 100%;
}
.mfp-wrap, .mfp-bg {
	z-index:4000 !important;
}





.BLOCK_VideoHeadline {
	border:0px solid blue;
	width:100%;
	padding-top:3px;
	display: flex;
	justify-content: center;
	letter-spacing: 1px;
}
.BLOCK_VideoHeadlineRahmen {
	border:0px solid blue;
	width:85%;
}

/********** BLOCK Video Auswahl **********/

#BLOCK_VideoInhaltAuswahl {
	border:0px solid blue;
	position:relative;
	width:100%;
	display: flex;
	justify-content: center;
	padding-top:13px;
	padding-bottom:30px;
}
#BLOCK_VideoInhaltAuswahlRahmen {
	border:0px solid red;
	width:95%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

[id^="BLOCK_VideoInhaltThumbnail"] {
	border:0px solid red;
	width:23%;
	display:block;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	
}
[id^="BLOCK_VideoInhaltThumbnail"] img {
	width:100%;
	height:100%;
	border-radius: 12px;
}
.BLOCK_VideoInhaltThumbnailText:hover {
	border:0px solid blue;
	background-color:rgba(240, 100, 0, 0.01);
	display:inline-block;
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	cursor: pointer;
	color:rgba(240, 100, 0, 0.01);
}
.BLOCK_VideoInhaltThumbnailText {
	background-color:rgba(255, 0, 180, 0.5);
	color:#FFF;
	display:inline-block;
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	border-radius: 12px;
	font-size:18px;
	letter-spacing: 1px;
	text-shadow: 0px 0px 4px rgba(100, 100, 100, 1);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	-webkit-box-shadow: 0px 0px 15px 3px rgba(255, 0, 180,0.7);
	-moz-box-shadow: 0px 0px 15px 3px rgba(255, 0, 180,0.7);
	box-shadow: 0px 0px 15px 3px rgba(255, 0, 180,0.7);
	text-align:center;
}
.BLOCK_VideoInhaltThumbnailText:active {
	background-color:rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color:rgba(255, 0, 180,0.7);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
		
		
/******************************************************************/
/********** BLOCK Termine **********/

#BLOCK_Termine {
    font-family: 'fira_sans_condensedregular';
	border:0px solid blue;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	width:100%;
	height:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	margin-top:1px;
	margin-bottom:100px;
}



#BLOCK_TermineRahmen {
	border:0px dotted blue;
	display: block;
	max-width:850px;
	width:100%;
	min-width:320px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}

[id^="BLOCK_TermineID"] {
	border:0px dotted black;
	position: relative;
	width:100%;
	display: flex;
	flex-direction: column;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	padding-top:100px;
	padding-bottom:40px;
	margin-bottom:10px;
}
[id^="BLOCK_SeminareID"] {
	border:0px dotted black;
	position: relative;
	width:100%;
	display: flex;
	flex-direction: column;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	padding-top:0px;
	padding-bottom:40px;
	margin-bottom:10px;
}

.BLOCK_TermineSpruch {
	border:0px solid red;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.BLOCK_TermineSpruchRahmen {
	border:0px dashed red;
	width:85%;
	font-family: 'fira_sans_condensedlight';
}

.BLOCK_TermineHeadline {
	border:0px solid red;
 	display: flex;
	flex-direction: column;
	align-items: center;
	position:relative;
	margin-top:30px;
	margin-bottom:-2px;
 }
.BLOCK_TermineHeadlineRahmen {
	border:0px dotted blue;
	font-family: 'fira_sans_condensedregular';
	width:85%;
	padding-top:5px;
	padding-bottom:15px;
	display:flex;
	line-height: 45px;
}
.BLOCK_SeminareHeadlineRahmen, .BLOCK_SeminareHeadlineRahmen h1 {
	font-family: 'fira_sans_condensedregular';
	width:85%;
	padding-top:5px;
	padding-bottom:10px;
	display:flex;
	line-height: 60px;
}



.BLOCK_TerminePfeilScrollBack {
	border:0px solid orange;
	display:flex;
	right:0;
	bottom:0;
	position:absolute;
  	align-items: flex-end;
  	cursor:pointer;
	margin-bottom:0px;
	pointer-events: auto;
	height:80px;
	width: 8%;
}

@keyframes Pfeilhoch {
	0% {
		transform:rotate(0deg) translate(0px, 0px);
	}
	20% {
		transform:rotate(0deg) translate(0px, -23px);
	}
	80% {
		transform:rotate(360deg) translate(0px, -23px);
	}
	100% {
		transform:rotate(360deg) translate(0px, 0px);
	}
}
[id^="PfeilTop"] {
	border:0px solid red;
	-moz-transition: all 0.1s ease-out;
	-webkit-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
    background-repeat: no-repeat;
    background-position: right bottom;
    width:100%;
    height:100%;
    pointer-events: none;
}
.BLOCK_TerminePfeilScrollBack:hover > [id^="PfeilTop"] {
	animation: Pfeilhoch 1s 1;
	transform-origin: 78% 65%;
	-webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0);
}


.BLOCK_TermineFarbflaeche {
	border:0px solid red;
	width: 100%;
	position:relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 25px 0 25px 0;
}

.BLOCK_TermineDatumZeitOrtAdresse {
	border:0px solid orange;
	width: 85%;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

.BLOCK_TermineDatumZeitOrt {
	border:0px solid green;
	white-space:nowrap;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex-grow:1;
		
}
.BLOCK_TermineDatumZeit {
	border:0px solid red;
	width:100%;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	align-items: baseline;
	flex-wrap: wrap;
	margin-top:20px;
}
.BLOCK_TermineOrt {
	border:0px solid red;
	width:100%;
	padding: 18px 0 40px 0;
}


.BLOCK_TermineAdresse {
	border:0px solid pink;
	display:flex;
  	align-items: flex-start;
  	justify-content: flex-start;
  	flex-direction: column;
	max-width:200px;
  	height:100%;
}
.BLOCK_TermineAdressePfeil {
	border:0px solid pink;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	margin-top:-1px;
}

.BLOCK_TermineAdresseText {
	border:0px solid red;
  	font-size: 1em;
  	font-family: 'fira_sans_condensedregular';
  	line-height:1.4em;
  	padding: 6px 0 9px 8px;
  
}


/**********  Karten Einblendung  **********/
#MapAbdunklung {
	border: 0px solid red;
	z-index:5000;
	height:100%;
	width:100%;
	position:fixed;
	background-color:rgba(255, 255, 255, 0.8);
	display:none;
}
#KontaktAbdunklung {
	z-index:3000;
	height:100%;
	width:100%;
	position:fixed;
	background-color:rgba(0, 0, 0, 0.5);
	display:none;
	pointer-events:none;
}
#MapRahmen {
	border: 0px solid red;
	position:absolute;
	z-index:10000;
	height:500px;
	width:500px;
	display:flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: flex-end;
	display:none;
}
#Map {
	position:absolute;
	border: 0px solid red;
	height:500px;
	width:500px;
	background-color:#FFF;
	-moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5)!important;
	-webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5)!important;
	box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5)!important;
}
.markerImage {
	display:none;
}
#MapKreuz {
	position:absolute;
	border: 0px solid blue;
	width: 30px;
	height:30px;
	right:0px;
	z-index:2;
	background-image: url(../pic/KreuzMap.svg);
	background-position:0px 0px;
	background-size: 60px 30px;
	background-repeat:no-repeat;
	cursor:pointer; 
}
#MapKreuz:hover {
		background-position:-30px 0px;
}



	
.BLOCK_TermineDatum {
	border:0px solid yellow;
	font-family: 'fira_sans_condensedlight';
	display:table;
	padding-right:10px;
	line-height: 35px;
}
.BLOCK_SeminareDatum h1 {
	font-family: 'fira_sans_condensedlight';
	display:table;
	padding-right:10px;
	line-height: 35px;
	font-size: 44px;
}
.BLOCK_TermineZeit {
	border:0px solid yellow;
	font-family: 'fira_sans_condensedlight';
	display:table;
	padding-right:10px;
}
.BLOCK_TermineWeitereTermine {
	border:0px solid yellow;
	font-size: .8em;
	font-family: 'fira_sans_condensedextralight' !important;
	padding-top:10px;
	letter-spacing: 0.04em;
}

.BLOCK_TermineSchriftAusverkauftOben {
	border:0px solid blue;
	z-index:10000;
	position:absolute;
}
.BLOCK_TermineSchriftAusverkauftObenText {
	border:0px solid red;
	position: relative;
	transform: rotate(-12deg);
	font-family: 'fira_sans_condensedlight';
	font-size:2.8em;
}




/********** Slider, Bild **********/
.BLOCK_TermineSliderBild {
	border: 0px solid blue;
	width:100%;
	display: flex;
	justify-content: center;
	height:442px;
}
.BLOCK_TermineSliderBildRahmen {
	border: 0px solid red;
	width:85%;
	margin:0;
	padding:0;
}
.TerminSlider {
	display:inline-block;
	width:100%;
	max-width:720px;
}


.BLOCK_TermineSliderBild_Bild {
	border: 0px solid blue;
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
	width:100%;
	max-width:720px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
}
.ImgBild {
	border: 0px solid red;
	width:100%;
	height:100%;
}
.camera_next > span, .camera_prev > span {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72.266' height='26.506' fill='rgb(0,0,0)' viewBox='-22.627 0 72.266 26.506'%3E%3Cpath d='M29.75 0l.012 26.506 19.877-13.152L29.75 0zM-22.627 13.354L-2.75 26.506-2.738 0l-19.889 13.354z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-position: -32px 0 !important;
}
.camera_prev > span {
    background-position: 0px 0 !important;
}



.BLOCK_TermineBeschreibung {
	border: 0px solid blue;
	width:100%;
	display: flex;
	justify-content: center;
}

.BLOCK_TermineBeschreibungRahmen {
	border: 0px solid red;
	width:85%;
	margin:0;
	padding-top:1em;
	padding-bottom:25px;
}


.BLOCK_TermineBeschreibungRahmenText {
	border: 0px solid blue;
	font-family: 'fira_sans_condensedregular';
}
.BLOCK_TermineBeschreibungRahmenText p {
	padding-top:.8em;
	font-family: 'fira_sans_condensedregular';
	line-height:1.5em !important;
	
}
.BLOCK_TermineBeschreibungRahmenText p:last-child {
	padding-bottom:10px;
}

.BLOCK_TermineBeschreibungRahmenText p a {
	font-family: 'fira_sans_condensedregular';
	text-decoration:none;
}

.BLOCK_TermineBeschreibungRahmenText h2 {
	padding-right:20%;
}
.BLOCK_TermineBeschreibungBeteiligte p {
	border: 0px solid blue;
	font-size:80%;
	padding-top:15px;
	padding-bottom:15px;
}


[id^="BLOCK_TermineBeschreibungMedien"] {
	border: 0px solid blue;
	display: flex;
	flex-direction: column;
	align-content: flex-start;
	align-items: flex-start;
}
.BLOCK_TermineBeschreibungMedienItem {
	border:0px solid orange;
	height:50px;
	display: flex;
	flex-direction: row;
	align-items: center;
	cursor:pointer;
	padding-right: 70px;
}
[class^="BLOCK_TermineBeschreibungMedienPik"] {
	border:0px solid red;
	display: flex;
	flex: 0 0 60px;
	height:100%;
	background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 45px;
   
}
[id^="BLOCK_TermineBeschreibungMedienText"] {
	border:0px solid red;
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 100%;
	white-space:nowrap;
}

/***********  Vorverkauf, weitere Termine  ***********/
.BLOCK_VorverkaufAngaben {
	border: 0px solid red;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.BLOCK_VorverkaufAngabenRahmen {
	border: 0px solid blue;
	width:85%;
	padding-top:3px;
	font-family: 'fira_sans_condensedmedium';
}
.BLOCK_VorverkaufAngabenHeadline {
	border: 0px solid blue;
	font-family: 'fira_sans_condensedregular';
}
.BLOCK_VorverkaufAngabenHeadline h4 {
	padding:0;
}
.BLOCK_VorverkaufAngabenText h4 {
	padding:0 0 7px 0;
}


.BLOCK_VorverkaufAngabenVorverkauflink {
	border:0px solid blue;
	display:table;
    cursor:pointer;
    display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	flex-shrink:1;
}
.BLOCK_VorverkaufAngabenVorverkauflinkButtonPfeil {
	border:0px solid blue;
    display: flex;
	flex-direction: row;
	align-items: center;
	width:50px;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.889' height='26.506' fill='rgb(0,0,0)' viewBox='29.75 0 19.889 26.506'%3E%3Cpath d='M29.75 0l.012 26.506 19.876-13.152L29.75 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left center;
    height:50px;
    margin-left:7px;
}
.BLOCK_VorverkaufAngabenVorverkauflinkButton {
	border-radius:15px;
	padding: 8px 0 8px 0;
	font-size:1.2em;
}
.BLOCK_VorverkaufAngabenVorverkauflinkButton a {
	text-decoration:none;
	color:#FFF;
	letter-spacing:0.04em;
	padding:7px 14px 7px 14px;
	border-radius:15px;
}
.BLOCK_VorverkaufAngabenVorverkauflinkButton a:hover {
}


/************  weitere Termine  **************/
.BLOCK_VorverkaufWeitereTermine {
	border: 0px solid red;
	padding: 10px 0 0 0;
	width:100%;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	cursor: default;
}
.BLOCK_VorverkaufWeitereTermineAusblenden {
	border: 0px solid blue;
	padding: 0 0 0 0;
	width:100%;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	cursor: default;
	display:none;
}

.BLOCK_VorverkaufWeitereTermineHeadline {
	border: 0px solid red;
	padding-left:7%;
	white-space: nowrap;
}
.BLOCK_VorverkaufWeitereTermineTermin {
	border: 0px solid red;
	height: 40px;
	background-color:none;
	width:100%;
	display: flex;
	align-items: flex-end;
	flex-direction: row;
	justify-content: flex-end;
}



.BLOCK_VorverkaufWeitereTermineTerminRahmen {
	border: 0px solid green;
	display: flex;
	align-items: flex-start;
	flex-direction: row;
	align-items: baseline;
	flex-grow: 1;
	height:46px;
	width: 70%;
}

.BLOCK_VorverkaufWeitereTermineAusverkauftRahmen {
	position:absolute;
	border:0px solid blue;
	width:100%;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events:none;
	height:45px;
}
.BLOCK_VorverkaufWeitereTermineAusverkauftText {
	border:0px solid pink;
	transform: rotate(-12deg);
	display:table;
	font-family: 'fira_sans_condensedregular';
	font-size: 1.8em;
	line-height: 2em;
	opacity: 0.7;
}


.BLOCK_VorverkaufWeitereTermineTerminWoc {
	border: 0px dashed blue;
	display: flex;
	flex: 0 0 4%;
	padding-left:8%;
	justify-content: flex-start;
}
.BLOCK_VorverkaufWeitereTermineTerminDat {
	border: 0px dashed blue;
	display: flex;
	flex: 0 0 100px;
	justify-content: flex-end;
	white-space: nowrap;
	padding-right:3px;
}
.BLOCK_VorverkaufWeitereTermineTerminDatSeminare {
	border: 0px dashed blue;
	display: flex;
	flex: 0 0 200px;
	justify-content: flex-end;
	white-space: nowrap;
	padding-right:3px;
}
.BLOCK_VorverkaufWeitereTermineTerminDat h2 {
	font-family: 'fira_sans_condensedlight';
}
.BLOCK_VorverkaufWeitereTermineTerminUhr {
	border: 0px dashed blue;
	display: flex;
	flex: 0 0 80px;
	justify-content: flex-end;
	flex-wrap: nowrap;
	white-space: nowrap;
}
.BLOCK_VorverkaufWeitereTermineTerminUhrSeminare {
	border: 0px dashed blue;
	display: flex;
	flex: 0 0 20px;
	justify-content: flex-end;
	flex-wrap: nowrap;
	white-space: nowrap;
}
.BLOCK_VorverkaufWeitereTermineTerminOrt, .BLOCK_VorverkaufWeitereTermineTerminOrt h3 {
	border: 0px dashed blue;
	font-weight:300;
	padding-left:3%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	flex-grow:1;
	flex-shrink:1;
}



.BLOCK_VorverkaufWeitereTermineTerminPik {
	border: 0px solid red;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	flex: 0 0 120px;
	height:100%;
}
.BLOCK_VorverkaufWeitereTermineTerminPikOrt {
	border: 0px dashed pink;
	width:30px;
	height:100%;
	cursor:pointer;
}
.BLOCK_VorverkaufWeitereTermineTerminPikTicket {
	border: 0px dashed pink;
	width:40px;
	height:100%;
	cursor:pointer;
}
.BLOCK_VorverkaufWeitereTermineTerminPikInfo {
	border: 0px dashed pink;
	width:35px;
	height:100%;
	cursor:pointer;
}

.PikTermineOrt, .PikTermineTicket, .PikTermineInfo, .PikTermineInfoRot {
	background-repeat: no-repeat;
    background-position: center center;
    height:100%;
    width:100%;
}
.PikTermineOrt {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.564' height='18.693'%3E%3Cpath fill='rgb(210,210,210)' d='M5.283 0A5.283 5.283 0 0 0 0 5.284c0 1.299.588 2.404 1.252 3.412 1.396 2.118 3.244 4.723 3.244 8.1l.028.91c0 .504.166.987.758.987.59 0 .754-.484.754-.987l.021-.91c0-3.279 1.863-5.981 3.256-8.1.663-1.009 1.251-2.113 1.251-3.412A5.282 5.282 0 0 0 5.283 0zm-.001 7.167a1.858 1.858 0 1 1 0-3.716 1.858 1.858 0 0 1 0 3.716z'/%3E%3C/svg%3E");
    background-size: 16px 28px; 
}
.PikTermineOrt:hover {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.564' height='18.693'%3E%3Cpath fill='rgb(50,50,50)' d='M5.283 0A5.283 5.283 0 0 0 0 5.284c0 1.299.588 2.404 1.252 3.412 1.396 2.118 3.244 4.723 3.244 8.1l.028.91c0 .504.166.987.758.987.59 0 .754-.484.754-.987l.021-.91c0-3.279 1.863-5.981 3.256-8.1.663-1.009 1.251-2.113 1.251-3.412A5.282 5.282 0 0 0 5.283 0zm-.001 7.167a1.858 1.858 0 1 1 0-3.716 1.858 1.858 0 0 1 0 3.716z'/%3E%3C/svg%3E");
}
.PikTermineTicket {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32.072' height='23.895' viewBox='0 -10.129 32.072 23.895'%3E%3Cpath fill='rgb(210,210,210)' d='M32.072 13.766H0v-8.55l1.275-.227A3.217 3.217 0 0 0 3.94 1.817c0-1.566-1.122-2.9-2.665-3.172L0-1.577v-8.552h32.072v8.552l-1.278.224a3.212 3.212 0 0 0-2.661 3.171 3.219 3.219 0 0 0 2.661 3.172l1.276.227v8.549h.002zM3.088 10.677h25.894V7.663a6.298 6.298 0 0 1-3.941-5.847 6.302 6.302 0 0 1 3.941-5.849v-3.01H3.088v3.01A6.306 6.306 0 0 1 7.03 1.818a6.308 6.308 0 0 1-3.942 5.85v3.009zM22-5.469H10.076v3.611h4.157V9.106h3.609V-1.859H22v-3.61z'/%3E%3C/svg%3E");
	background-size: 26px 19px; 
}
.PikTermineTicket:hover {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32.072' height='23.895' viewBox='0 -10.129 32.072 23.895'%3E%3Cpath fill='rgb(50,50,50)' d='M32.072 13.766H0v-8.55l1.275-.227A3.217 3.217 0 0 0 3.94 1.817c0-1.566-1.122-2.9-2.665-3.172L0-1.577v-8.552h32.072v8.552l-1.278.224a3.212 3.212 0 0 0-2.661 3.171 3.219 3.219 0 0 0 2.661 3.172l1.276.227v8.549h.002zM3.088 10.677h25.894V7.663a6.298 6.298 0 0 1-3.941-5.847 6.302 6.302 0 0 1 3.941-5.849v-3.01H3.088v3.01A6.306 6.306 0 0 1 7.03 1.818a6.308 6.308 0 0 1-3.942 5.85v3.009zM22-5.469H10.076v3.611h4.157V9.106h3.609V-1.859H22v-3.61z'/%3E%3C/svg%3E");
}
.PikTermineInfo {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.023' height='15.023'%3E%3Cpath fill='rgb(210,210,210)' d='M7.512 0a7.512 7.512 0 1 0 0 15.024A7.512 7.512 0 1 0 7.512 0zm.026 1.64a1.438 1.438 0 0 1 0 2.874A1.438 1.438 0 0 1 6.1 3.078 1.439 1.439 0 0 1 7.538 1.64zm2.369 11.125H5.393v-1.898h1.309V7.071H5.393V5.173h3.206v5.693h1.309v1.899z'/%3E%3C/svg%3E");
	background-size: 20px 20px; 
}
.PikTermineInfoRot {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.023' height='15.023'%3E%3Cpath fill='rgb(250,80,40)' d='M7.512 0a7.512 7.512 0 1 0 0 15.024A7.512 7.512 0 1 0 7.512 0zm.026 1.64a1.438 1.438 0 0 1 0 2.874A1.438 1.438 0 0 1 6.1 3.078 1.439 1.439 0 0 1 7.538 1.64zm2.369 11.125H5.393v-1.898h1.309V7.071H5.393V5.173h3.206v5.693h1.309v1.899z'/%3E%3C/svg%3E");
	background-size: 20px 20px; 
}

.PikTermineInfo:hover {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.023' height='15.023'%3E%3Cpath fill='rgb(50,50,50)' d='M7.512 0a7.512 7.512 0 1 0 0 15.024A7.512 7.512 0 1 0 7.512 0zm.026 1.64a1.438 1.438 0 0 1 0 2.874A1.438 1.438 0 0 1 6.1 3.078 1.439 1.439 0 0 1 7.538 1.64zm2.369 11.125H5.393v-1.898h1.309V7.071H5.393V5.173h3.206v5.693h1.309v1.899z'/%3E%3C/svg%3E");
}

.BLOCK_VorverkaufWeitereTermineEinblendenAusblenden {
	border: 0px solid blue;
	padding: 0 0 0 0;
	width:100%;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	cursor: default;	
	height:30px;
}
.BLOCK_VorverkaufWeitereTermineEinblendenAusblendenRahmen {
	border: 0px solid red;
	padding-left:7%;
	padding-top:7px;
	white-space: nowrap;
	height: 70px;
	cursor:pointer;
}
.BLOCK_VorverkaufWeitereTermineEinblendenAusblendenRahmen p {
	color:#BBB;
}
.BLOCK_VorverkaufWeitereTermineEinblendenAusblendenRahmen p:hover {
	color:#000;
}


.blinken {
  animation: blink 2s linear infinite;
}

@keyframes blink {
  0%, 20% {
    opacity: 0;
  }
  20.01%, 100% {
    opacity: 1;
  }
}














.hidden {
	display:none;
}
.PopupHeadline {
	font-size:.9em !important;
	font-family: 'fira_sans_condensedmedium';
	color:#777;
	padding-bottom:10px;
}
.PopupText {
	font-size:1.1em;
	line-height: 1.4em;
	font-family: 'fira_sans_condensedregular';
	color:#000;
	padding-bottom:5px;
}
.PopupText a {
	color:#AAA;
}
.PopupText a:hover {
	color:#000;
}
.PopupZusatz {
	font-size:1em;
	line-height: 1.4em;
	font-family: 'fira_sans_condensedregular';
	color:#AAA;
	cursor:pointer;
}
.PopupZusatz:hover {
	color:#000;
}













/**********************************/

@media (max-width: 850px) {

	#MENU_Mitte {
		flex: 0 0 100%;
		min-width: 450px;
	}
	#LOGO_PagoBalke_Mitte {
		overflow-x: hidden;
		overflow-y: visible;
		flex: 0 0 100%;
	}
	#SEITE {
		
	}
	#SEITE_Mitte {
		border: 0px solid green;
		max-width: 850px;
		flex: 0 0 100%;
		min-width: 550px;
	}
	#SEITE_Links, #SEITE_Rechts {
		display: none;
	}
}


@media (max-width: 800px) {
	/* Logo */
	#LOGO_PagoBalke_SVG {
		margin-top: 85px;
	}
	#MENU_Mitte_Rahmen {
		flex: 0 0 100%;
	}
	.MENU_Menupunkt {
		font-size:18px;
	}
	.MENU_Mitte_Rahmen2 {
		flex-direction: colum;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
}


@media (max-width: 605px) {
	/* Logo */
	#LOGO_PagoBalke_SVG {
		margin-top: 85px;
	}
	/*** einzelne Terminblöcke *****/
	#BLOCK_Termine {
		padding: 0 10px;
	}
}
@media (max-width: 700px) {
	#MENU_Mitte_Rahmen {
		flex: 0 0 100%;
	}
	
}
@media (max-width: 600px) {
	.MENU_Menupunkt {
		font-size:18px;
	}
	.MENU_Mitte_Rahmen2 {
		flex-direction: colum;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
}		



/**********************************************************************/




.mfp-example .mfp-container .mfp-close {
	text-indent: 200px;
	overflow: hidden;
	right: 0;
	top: 0;
	height: 100%;
	width: 60px;
	background: url(../pic/Kreuz.svg) no-repeat center center !important;
}

















/************* Popup Pressestimmen **************/
.BLOCK_PresseRahmen {
	padding: 50px 70px 100px 70px;
	
}
.BLOCK_PresseRahmenText {
	font-family: 'im_fell_great_primer_proRg';
	font-size: 1.7em;
	line-height: 1.5em;
	padding-bottom:0.2em;
	color:#555;
	
}
.BLOCK_PresseRahmenText::before {
	 content: "»";
	 margin-left:-0.5em;
}
.BLOCK_PresseRahmenText::after {
	content: "«";
} 
.BLOCK_PresseRahmenZeitung {
	font-family: 'fira_sans_condensedregular';
	font-size: 0.9em;
	padding-bottom:2.5em;
	letter-spacing:.5px;
	color:#888;
}


/************* Popup Publikumsstimmen **************/
.BLOCK_PublikumRahmen {
	padding: 50px 70px 100px 70px;
}
.BLOCK_PublikumRahmenText {
	font-family: 'im_fell_great_primer_proRg';
	font-size: 1.5em;
	line-height: 1.4em;
	padding-bottom:1em;
	color:#555;
}
.BLOCK_PublikumRahmenText::before {
	 content: "»";
	 margin-left:-0.5em;
}
.BLOCK_PublikumRahmenText::after {
	content: "«";
} 
.BLOCK_PublikumRahmenAbsender {
	font-family: 'fira_sans_condensedregular';
	font-size: 0.9em;
	padding-bottom:2.5em;
	letter-spacing:.5px;
	color:#888;
}


.white-popup {
	font-family: 'fira_sans_condensedregular';
	position: relative;
	background: #FFF;
	width: auto;
	max-width: var(--MenuBreite);
	margin: 0 auto;
	max-height: 80vh;
	overflow:scroll;
}




/************* Popup Personal Firmenseminare **************/
.BLOCK_PersonalRahmen {
	padding: 50px 70px 100px 70px;
	
}
.BLOCK_PersonalRahmenText {
	font-family: 'fira_sans_condensedregular';
	font-size: 1.2em;
	line-height: 2em;
	padding-bottom:0.2em;
	color:#FFF;
}
.BLOCK_PersonalRahmenText a {
	text-decoration:none;
	color:#777;
}
.BLOCK_PersonalRahmenText a:hover {
	text-decoration:none;
	color:#000;
}
.BLOCK_PersonalRahmenStatement {
	font-family: 'fira_sans_condensedlight';
	font-size: 1.5em;
	line-height: 2em;
	color:#1f3d6a;
}
.BLOCK_PersonalRahmenStatement::before {
	 content: "»";
	 margin-left:-0.5em;
}
.BLOCK_PersonalRahmenStatement::after {
	content: "«";
} 
.BLOCK_PersonalRahmenStatementU {
	font-family: 'fira_sans_condensedregular';
	font-size: 0.8em;
	padding-bottom:2.9em;
	letter-spacing:.5px;
	color:#666;
}
.BLOCK_PersonalRahmenFirmen {
	font-family: 'fira_sans_condensedlight';
	font-size: 1.5em;
	line-height: 2em;
	padding-bottom:2.5em;
	color:#1f3d6a;
	padding-left:2em;
	padding-top:1em;
}




/********* Impressum, Datenschutz **********/
#BLOCK_Impressum {
	border:0px solid red;
	font-family: 'fira_sans_condensedlight';
	font-size: 0.9em;
	line-height: 1.2em;
	max-width:850px;
	width:100%;
	min-width:320px;
	display: flex;
	flex-direction: column;
	align-items: center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
.BLOCK_ImpressumRahmen {
	border:0px solid blue;
	display: flex;
	padding: 0 15%;
}
.BLOCK_ImpressumRahmenText {
	border:0px solid blue;
	padding-top:40px;
}
#BLOCK_ImpressumPicDaten {
	background-image: url("../pic/ImpressumDaten.png");
    background-repeat: no-repeat;
    background-position: 0 50px;
    background-size:275px 275px;
    width:275px;
    height:275px;
    padding: 30px 0 120px 0;
}
#BLOCK_DatenschutzPicDaten {
	background-image: url("../pic/DatenschutzDaten.png");
    background-repeat: no-repeat;
    background-position: 0 20px;
    background-size:220px 220px;
    width:220px;
    height:220px;
    padding: 0 0 30px 0;
}
.BLOCK_ImpressumRahmenText h2 {
	padding:30px 0 20px 0;
	margin-left:-20px;
	font-family: 'fira_sans_condensedregular';
}
.BLOCK_ImpressumRahmenText h3 {
	padding:30px 0 20px 0;
	margin-left:-10px;
	font-family: 'fira_sans_condensedregular';
}
.BLOCK_ImpressumRahmenText p {
	line-height: 1.7em;
	font-family: 'fira_sans_condensedregular';
}
.BLOCK_ImpressumRahmenText p a {
	color:#666;
	text-decoration: none;
}
.BLOCK_ImpressumRahmenText p a:hover {
	color:#000;
}
.BLOCK_ImpressumRahmenText ul {
	line-height: 1.7em;
	font-family: 'fira_sans_condensedregular';
	padding: 20px 0;
}
.BLOCK_ImpressumRahmenText li {
	padding: 5px 0;
	line-height: 1.5em;
}
.BLOCK_ImpressumRahmenText ul li ul li {
	line-height: 1.7em;
	padding-left:15px;
	list-style: disc;
}


















.mfp-zoom-out2 .mfp-content {
}
.mfp-zoom-out2 .mfp-with-anim {
	opacity: 0;
	transition: all 0.3s ease-in-out; 
	transform: scale(1.3); 
}
  
.mfp-zoom-out2 .mfp-bg {
	opacity: 0;
	transition: all 0.3s ease-out;
}

/* animate in */

.mfp-zoom-out2.mfp-ready .mfp-with-anim {
	opacity: 1;
	transform: scale(1); 
}
.mfp-zoom-out2.mfp-ready .mfp-bg {
	opacity: 0.8;
}
		  
  
/* animate out */

.mfp-zoom-out2.mfp-removing .mfp-with-anim {
	transform: scale(1.3); 
	opacity: 0;
}
.mfp-zoom-out2.mfp-removing .mfp-bg {
	opacity: 0;
}
	





.mfp-move-from-top .mfp-content {
  vertical-align: top;
}
.mfp-move-from-top .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s;
  transform: translateY(-100px);
}
.mfp-move-from-top.mfp-bg {
  opacity: 0;
  transition: all 0.2s;
}
.mfp-move-from-top.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateY(0);
}
.mfp-move-from-top.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-move-from-top.mfp-removing .mfp-with-anim {
  transform: translateY(-50px);
  opacity: 0;
}
.mfp-move-from-top.mfp-removing.mfp-bg {
  opacity: 0;
}




/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.65s ease-out;
  -moz-transition: all 0.65s ease-out;
  transition: all 0.65s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/* 

====== Zoom effect ======

*/
.mfp-zoom-in {
  
  /* start state */
  .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s ease-in-out; 
    transform: scale(0.8); 
  }
  
  &.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out;
  }
  
  /* animate in */
  &.mfp-ready {
    .mfp-with-anim {
      opacity: 1;
      transform: scale(1); 
    }
    &.mfp-bg {
      opacity: 0.8;
    }
  }
  
  /* animate out */
  &.mfp-removing {
    
    .mfp-with-anim {
      transform: scale(0.8); 
      opacity: 0;
    }
    &.mfp-bg {
      opacity: 0;
    }
    
  }
  
}


/* 

====== Newspaper effect ======

*/
.mfp-newspaper {
  
  /* start state */
  .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out; 
    transition: all 0.5s;
    
    transform: scale(0) rotate(500deg);
  }
  
  &.mfp-bg {
    opacity: 0;
	  transition: all 0.5s;
  }
  
  /* animate in */
  &.mfp-ready {
    .mfp-with-anim {
      opacity: 1;
      transform: scale(1) rotate(0deg);
    }
    &.mfp-bg {
      opacity: 0.8;
    }
  }
  
  /* animate out */
  &.mfp-removing {
    
    .mfp-with-anim {
      transform: scale(0) rotate(500deg);
      opacity: 0;
    }
    &.mfp-bg {
      opacity: 0;
    }
    
  }
  
}



/* 

====== Move-horizontal effect ======

*/
.mfp-move-horizontal {
  
  /* start state */
  .mfp-with-anim {
    opacity: 0;
    transition: all 0.3s;
    
    transform: translateX(-50px);
  }
  
  &.mfp-bg {
    opacity: 0;
	  transition: all 0.3s;
  }
  
  /* animate in */
  &.mfp-ready {
    .mfp-with-anim {
      opacity: 1;
      transform: translateX(0);
    }
    &.mfp-bg {
      opacity: 0.8;
    }
  }
  
  /* animate out */
  &.mfp-removing {
    
    .mfp-with-anim {
      transform: translateX(50px);
      opacity: 0;
    }
    &.mfp-bg {
      opacity: 0;
    }
    
  }
  
}


/* 

====== Move-from-top effect ======

*/
.mfp-move-from-top {
  
  .mfp-content {
   vertical-align:top; 
  }
  
  /* start state */
  .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s;
    
    transform: translateY(-100px);
  }
  
  &.mfp-bg {
    opacity: 0;
	  transition: all 0.2s;
  }
  
  /* animate in */
  &.mfp-ready {
    .mfp-with-anim {
      opacity: 1;
      transform: translateY(0);
    }
    &.mfp-bg {
      opacity: 0.8;
    }
  }
  
  /* animate out */
  &.mfp-removing {
    
    .mfp-with-anim {
      transform: translateY(-50px);
      opacity: 0;
    }
    &.mfp-bg {
      opacity: 0;
    }
    
  }
  
}


/* 

====== 3d unfold ======

*/
.mfp-3d-unfold {
  
 
  .mfp-content {
    perspective: 2000px; 
  }
  
  /* start state */
  .mfp-with-anim {
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform-style: preserve-3d;
    transform: rotateY(-60deg);
  }
  
  
  &.mfp-bg {
    opacity: 0;
	  transition: all 0.5s;
  }
  
  /* animate in */
  &.mfp-ready {
    .mfp-with-anim {
      opacity: 1;
      transform: rotateY(0deg);
    }
    &.mfp-bg {
      opacity: 0.8;
    }
  }
  
  /* animate out */
  &.mfp-removing {
    
    .mfp-with-anim {
      transform: rotateY(60deg);
      opacity: 0;
    }
    &.mfp-bg {
      opacity: 0;
    }
    
  }
  
}




/* 

====== Zoom-out effect ======

*/
.mfp-zoom-out {
  
  /* start state */
  .mfp-with-anim {
    opacity: 0;
    transition: all 0.3s ease-in-out; 
    transform: scale(1.3); 
  }
  
  &.mfp-bg {
    opacity: 0;
	  transition: all 0.3s ease-out;
  }
  
  /* animate in */
  &.mfp-ready {
    .mfp-with-anim {
      opacity: 1;
      transform: scale(1); 
    }
    &.mfp-bg {
      opacity: 0.8;
    }
  }
  
  /* animate out */
  &.mfp-removing {
    
    .mfp-with-anim {
      transform: scale(1.3); 
      opacity: 0;
    }
    &.mfp-bg {
      opacity: 0;
    }
    
  }
  
}