/*
font-family:'FrutigerNextW01-Condens';
font-family:'FrutigerNextW01-MediumC';
*/


/* jost-300 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Jost';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/jost-v15-latin/jost-v15-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* jost-regular - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Jost';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/jost-v15-latin/jost-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* jost-500 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Jost';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/jost-v15-latin/jost-v15-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* jost-700 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Jost';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/jost-v15-latin/jost-v15-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* jost-900 - latin */
	@font-face {
		font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
		font-family: 'Jost';
		font-style: normal;
		font-weight: 900;
		src: url('../fonts/jost-v15-latin/jost-v15-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}

body {
	font-family: 'Jost', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 20px;
	line-height: 1.375;
	color: #000000;
	background-color: #ffffff;
	font-weight: 400;
  }
  h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Jost", Helvetica, Arial, sans-serif;
  font-weight: 900;
  line-height: 1.1;
  color: inherit;
}
.mandatory{color:#e6007c;}

img{max-width:100%; height:auto;}

.form-group img{width:100%}

.whitebg{background:#ffffff;}
.btn{font-size:14px; text-transform:uppercase;}
i.arrow-right{width:17px; height:14px; margin-bottom:-1px; display:inline-block; background:url(../img/arrow_right.png) 100% 1px no-repeat;}
.abmeldenafter {
	width:23px;
	height:14px;
	margin-bottom:-1px;
	display:inline-block;
	/* background:url(../img/close.png) 100% 1px no-repeat; */
	content:'✕';
	color: #000000;
}
.metanav a.abmelden:hover {
	color: #e6007c;
  }
.is-fixed .metanav a.abmelden {
	color: #ffffff;
  }
.is-fixed .metanav a.abmelden:hover {
	color: #e6007c;
  }

a:focus,a:focus-visible,a:active,a.active,
a:hover{text-decoration:underline;color:#e6007c;}

.filter a:focus,.filter a:focus-visible,.filter a:active,.filter a.active, .filter a:hover{text-decoration:none;}
header a:focus,header a:focus-visible,header a:active,header a.active, header a:hover{text-decoration:none;}

#header{position:relative;z-index:2000;}
#footer{border-top:1px solid #000000; padding:10px 0 100px 0; margin-top:30px;}

.metanav {font-size:14px; }
.metanav span{font-weight:bold; margin-top:10px; }
.metanav a.abmelden{text-transform:uppercase; color:#000000; font-weight:normal; margin-left:10px; padding-left:10px; border-left:1px solid #000000;}
.metanav a.abmelden:hover{color:#e6007c; }



.sponsoren {padding-bottom:15px; text-align:right;}
.sponsoren img{ display:inline-block; vertical-align:top; padding:0 5px 10px 5px;}

.footerlinks {padding-bottom:15px; }
.footerlinks a{color:#000000; margin-right:30px;}
.footerlinks a:hover{color:#e6007c;border-bottom: none;}

.backlink{border-top:1px solid #000000; border-bottom:1px solid #000000; padding:7px 0; margin-top:10px; margin-bottom:10px; text-transform:uppercase; }
.backlink a{color:#000000;}
.backlink a:hover{color:#000000;}
.backlink a i{color:#e6007c;}

.filter{border-top:1px solid #000000; border-bottom:1px solid #000000; padding:7px 0; margin-bottom:10px; text-transform:uppercase; text-align:right;}
.filter .namen{line-height:24px; display:inline-block;}
.filter a{color:#000000; border:1px solid #000000; padding:0 10px; margin-left:10px; display:inline-block; line-height:24px;}
.filter a:hover,
.filter a.active{color:#e6007c; border:1px solid #e6007c; }

.printinfo{font-size:95%;margin-bottom:15px;}

.list{}
.listitem{border-top:1px solid #cccccc; padding:30px 0; }
.listitem:first-child{border:none; }
.exhibit{float:left; width:100%; padding-bottom:15px;}
.exhibit img{float:right; /*width:45%;*/}
.exhibit img:first-child{ float:left;}
.exhibit img.tooltip {width:100%;}
.tools{ float:right; width:100%;}
.tools h3{ margin-top:0; margin-bottom:10px;}
.tools .rank{ background:#000000; color:#ffffff; padding:0 15px; margin-bottom:17px; line-height:32px; width:102px; display:block; text-transform:uppercase;}
.ratinginfo{clear:left; padding-top:30px;}
.rating{clear:left; padding-top:30px;}
.score{float:left; width:100%; padding-top:30px;}
.score ul{list-style:none; margin:0; padding:0;}
.score ul li{list-style:none; float:left; margin:0 0 0 2%; width:15%; text-align:center; }
.score ul li:first-child{ margin:0; }
.score ul li a{display:block; line-height:31px; margin:0; padding:0; border:1px solid #7f7f7f;}
.score ul li a:hover{background:#ebebeb;}
.score ul li.active a{border:1px solid #000000; background:#000000; color:#ffffff;}
.scorebutton{width:100%; clear:left; padding-top:15px;}

.listitem.detail{border-top:0; padding:0; }
.tools.detail{ float:left; width:100%; border-bottom:1px solid #cccccc; padding:20px 0 15px 0;}
.tools.detail .rank{ float:left; margin-right:20px; }
.tools.detail h3{ float:left; line-height:32px;}
.rating.detail{ padding-top:0px; padding-bottom:30px;}
.rating.detail .score{padding-top:0;}
.exhibit.detail{padding-top:30px; width:100%;}
.exhibit.detail img{width:100%;}
/* .exhibit.detail a{float:right; width:48%;} */
.exhibit.detail a:first-child{ float:left;}

/*.blueimp-gallery .modal-dialog {max-width: 1920px!important;}*/
.modal{overflow:auto;}
.modal-content{position:relative; }
.modal-header{position:absolute; top:0; left:0; width:100%; z-index:11; font-size:16px; padding:0;}
.modal-body{padding:0!important; margin:60px 0 0 0;}
.modal-body img{position:relative!important; max-width:100%; height:auto;}
.modal-navbuttons{display:none;}
.modal-header .close{margin:0 15px 0 0; padding:0; font-size:16px; line-height:60px; text-transform:uppercase; opacity:1; font-weight:normal;}
.modal-header .close img{margin:-2px 0 0 7px; }


.lightbox-gallery {margin-bottom:30px;}
.lightbox-gallery > div { margin-bottom:25px;}
@media (min-width: 992px) {
	.blueimp-gallery .modal-body img, .blueimp-gallery .modal-body .video-content video, .blueimp-gallery .modal-body .video-content iframe, .blueimp-gallery .modal-body .video-content a {
		max-height: calc(100vh - 190px)!important;
	}
}


.subnav{
	width:100%;
	clear:left;
	display:block;
}
.subnav a { margin:0 15px 0 0; padding:0; color:#7F7F7F; font-size:15px;  }
.subnav a:hover { color:#e6007c; }
.subnav a.active{ color:#e6007c;  }


/* MEDIA QUERIES
   ----------------------------------------------------------------------------------- */

@media (max-width: 992px) {

	.logo{width:auto; margin-top:0px; float:right;max-height:80px;}

	.metanav{width:100%; margin-right:0; margin-bottom:20px; margin-top:15px; float:left; line-height:1.2em;}
	.metanav span{clear:both; display:block;}

	nav{float:left; width:100%; clear:left; display:block; border-top:1px solid #000000; border-bottom:1px solid #000000; margin-top:15px; margin-bottom: 0px;}
    nav a { margin: 0 0 1px 0; padding:7px 15px 7px 30px; display:block; color:#000000; border-top:1px solid #000000; }
    nav a:hover { color:#e6007c;  }

	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		/* padding-left: 0;
		padding-right: 0; */
	}
	section.maincontent div.tx-dce-container div.row div.col-sm-12 {
		padding-left: 0;
		padding-right: 0;
	}
	.subnav {
		padding-top: 20px;
	}

}





/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

.bg {  background:#ffffff url(../img/RZ_120324_Bewerbungsportal_Banner_480x1440px2.png) repeat-y; position: fixed; width: 25%; height: 1000%; top:0;  left:0;  z-index: -2;}
	.images { display:block; position: fixed; height: 300%; margin:0 auto; z-index: -1; }
	.image { margin:23px 0 0 68px; width:123px; height:auto;
	}
	.image img {
	  -webkit-box-shadow: 4px 4px 4px 0px #666666;
	          box-shadow: 4px 4px 4px 0px #666666;
	}
	.image span { display:block; color:#ffffff; font-size:12px; margin-top:3px;	}
	.maincontent{min-height:1080px;}


	.exhibit{float:left; width:55%; padding-bottom:0;}
	.tools{ float:right; width:40%;}
	.score{width:55%; margin-right:5%; padding-top:0;}
	.scorebutton{float:right; width:40%; padding-top:0; clear:none;}

	.tools .rank{ margin-bottom:17px; }

	.rating.detail .score{width:48%; margin-right:2%;}
	.rating.detail .scorebutton{width:48%; }

	.modal-body{margin:60px 15px 15px 15px;}



}
@media (min-width: 1600px) {
	.bg {  background:#ffffff url(../img/RZ_120324_Bewerbungsportal_Banner_480x1440px2.png) repeat-y; position: fixed; width: 25%; height: 1000%; top:0;  left:0;  z-index: -2;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

 	.image { margin:40px 0 0 68px; width:210px; height:auto;}

 	#header{
		position: relative;
		width: 100%;
		z-index:10;
		padding-top: 40px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		z-index: 3000;
		transition: all;
		animation-duration: .5s;
		display: -ms-flexbox;
		display: flex;
		min-height: 80px;
		right:0;
	}

	.header-logo {
		background-image: url(../img/Logo_g_RGB_Black.svg);
		background-repeat: no-repeat;
		background-size: contain;
		content:'';
		display: block;
		width:150px;
		height:150px;
		position: absolute;
		top: 10px;
		right: 0;
		transition: all .5s ease-in-out;
	}

	.fixed-header-logo {
		display: none;
		margin-top: 5px;
	}

	.is-fixed {
		position: fixed;
		animation-name: stickySlideDown;
		transition: none;
		height: 100px;
		background: #000000;
		margin-top: 0;
		margin-bottom: 10px;
		min-height: 100px;
	}
	.is-fixed .header-logo {
		display: none;
	}
	.is-fixed .fixed-header-logo {
		background-image: url(../img/Logo_g_RGB_PureMagenta.svg);
		background-repeat: no-repeat;
		background-size: contain;
		content:'';
		display: block;
		width: 90px;
		height: 90px;
		position: absolute;
		top: 0px;
		/* right: 20%; */
		right: 40px;
		transition: all .5s ease-in-out;
	}
	@keyframes stickySlideDown {
		0% {
			opacity: 0.7;
			transform: translateY(-100%);
		}

		100% {
			opacity: 1;
			transform: translateY(0);
		}
	}main
 	.headerbackground {height:160px; width:510px; /*position:fixed;*/ z-index:1; background:url(../img/headershadow.png) bottom repeat-x; display:none;}

 	/* .maincontent{padding-top:60px;} */
	.logo{position:absolute; top:0; right:0; z-index:10;max-height:120px; width: auto;}
	.metanav{
		position:relative;
		display: block;
		line-height:26px;
		z-index:10;
		padding-top:10px;
	}

	nav{list-style:none; margin:0; padding:0; z-index:10;}
	nav a{float:left; color:#000000; font-size:14px; line-height:26px; padding:0 10px 0 10px;text-decoration: none;}
	nav a:first-child{padding-left:0; }
	nav a.anmeldung{border-left:1px solid #000000; }
	nav a:hover,
	nav a.active { color:#e6007c; }

	.tools .rang{ margin-bottom:40px;}
	.tools .btn{ width:50%; margin-top:40px;}

	.modal-dialog{max-width:600px!important;}
	.modal-body{margin:60px;}
	.modal-navbuttons{display:block; position:absolute; top:45%; left:0; width:100%; z-index:10;}
	.modal-navbuttons .prev{position:absolute; top:0; left:5px; background:none;}
	.modal-navbuttons .next{position:absolute; top:0; right:5px; background:none;}
	.modal-navbuttons .prev:hover,
	.modal-navbuttons .next:hover {box-shadow: none}
	.modal-navbuttons .prev i,
	.modal-navbuttons .next i {font-size:50px; }
	.modal-header .close{margin:0 60px 0 0;}

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

	#header{width:620px; }
	.headerbackground {width:620px;}

	h1{font-size:40px;}
	h2{font-size:32px;}
	h3{font-size:24px;}
	blockquote p{font-size:32px;}
	p{font-size:20px;}
	.btn{font-size:16px;}
  	.metanav{font-size:16px; line-height:26px;}
  	nav a{font-size:16px; padding:0 15px 0 15px;}
  	label{font-size:20px;}
  	input, button, select, textarea {font-size:20px!important;}

	.score ul li a{line-height:34px; }
		.score ul {
			margin-top: 12px;
		}
	.modal-dialog{max-width:700px!important;}
}



/* Large devices (FULL HD, 1367px and up) */
@media (min-width: 1367px) {



	.modal-dialog{max-width:900px!important;}
}







@media print {

	a[href]:after {content: "";}
	abbr[title]:after {content: "";}


	#header{padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #000000;}
	.logo{width:100px;}
	blockquote{border:none;}

	.exhibit {float: left; display:inline; width:40%; }
	.exhibit > div {display:none; }
	.exhibit img:first-child {float: left; margin-right:20px; width:32%; }
	.exhibit img {float: left; width:32%;}


	.exhibit.detail img:first-child {float: left; margin-right:0; width:98%; }
	.exhibit.detail img {float: right; width:98%;}

	.tools {float:left; display:inline; width:40%; }
	.tools .rank {padding: 0; font-weight:bold;}

	.listitem { page-break-inside: avoid; padding: 10px 0; }

	.bg,
	.images,
	.naver,
	.subnav,
	.footerlinks,
	.abmelden,
	.backlink,
	.tools .btn,
	.rating,
	.ratinginfo,
	.filter,
	.printinfo
	{display:none;}

}

.date-select-fields {
    display: flex;
    align-items: center;
    column-gap: 0.5em;
}

/* Relaunch */
@media (min-width: 768px) {
	.container {
	  	width: 100%;
	  	max-width: 750px;
	}
}

@media (min-width: 992px) {
	.container {
		width: 100%;
	  	max-width: 970px;
	}

}
@media (min-width: 1600px) {
	.container {
		width: 100%;
	  	max-width: 1600px;
	}
}


blockquote p {
	font-size: 20px;
	font-weight: 400;
}
.logo {
	top: 30px;
}

.d-flex {
	display: flex;
	/* alignment */
  }
  .d-flex.flex-row {
	flex-direction: row;
  }
  .d-flex.flex-row-reverse {
	flex-direction: row-reverse;
  }
  .d-flex.flex-column {
	flex-direction: column;
  }
  .d-flex.flex-column-reverse {
	flex-direction: column-reverse;
	/* justify content */
  }
  .d-flex.justify-content-start {
	justify-content: start;
  }
  .d-flex.justify-content-end {
	justify-content: end;
  }
  .d-flex.justify-content-center {
	justify-content: center;
  }
  .d-flex.justify-content-between {
	justify-content: space-between;
  }
  .d-flex.justify-content-around {
	justify-content: space-around;
	/* align items */
  }
  .d-flex.align-items-start {
	align-items: flex-start;
  }
  .d-flex.align-items-end {
	align-items: flex-end;
  }
  .d-flex.align-items-center {
	align-items: center;
  }
  .d-flex.align-items-baseline {
	align-items: baseline;
  }
  .d-flex.align-items-stretch {
	align-items: stretch;
	/* align content */
  }
  .d-flex.align-content-start {
	align-content: flex-start;
  }
  .d-flex.align-content-end {
	align-content: flex-end;
  }
  .d-flex.align-content-center {
	align-content: center;
  }
  .d-flex.align-content-around {
	align-content: space-around;
  }
  .d-flex.align-content-between {
	align-content: space-between;
  }
  .d-flex.align-content-stretch {
	align-content: stretch;
	/* wrapping */
  }
  .d-flex.flex-wrap {
	flex-wrap: wrap;
  }
  .d-flex.flex-nowrap {
	flex-wrap: nowrap;
	/* self align */
  }
  .d-flex .align-self-start {
	align-self: flex-start;
  }
  .d-flex .align-self-end {
	align-self: flex-end;
  }
  .d-flex .align-self-center {
	align-self: center;
  }
  .d-flex .align-self-baseline {
	align-self: baseline;
  }
  .d-flex .align-self-stretch {
	align-self: stretch;
	/* fill equal spaces */
  }
  .d-flex .flex-fill {
	flex: 1 1 auto !important;
	/* order */
  }
  .d-flex .order-0 {
	order: 0;
  }
  .d-flex .order-1 {
	order: 1;
  }
  .d-flex .order-2 {
	order: 2;
  }
  .d-flex .order-3 {
	order: 3;
  }
  .d-flex .order-4 {
	order: 4;
  }
  .d-flex .order-5 {
	order: 5;
  }
  .d-flex .order-6 {
	order: 6;
  }
  .d-flex .order-7 {
	order: 7;
  }
  .d-flex .order-8 {
	order: 8;
  }
  .d-flex .order-9 {
	order: 9;
  }
  .d-flex .order-10 {
	order: 10;
  }
  .d-flex .order-11 {
	order: 11;
  }
  .d-flex .order-12 {
	order: 12;
  }
  .d-inline-flex {
	display: inline-flex;
  }

  .p-0 {
	  padding: 0;
  }
  .mb-50 {
	  margin-bottom: 50px;
  }
  .section-intro-countdown {
	padding-top:120px;
	padding-bottom:60px;
  }
  body {
	  background-color: #a4d7ca;
  }
  .whitebg,
  .bg-coolmint {
	  background-color: #a4d7ca;
  }
  .color-puremagenta {
	  color: #e6007c;
  }
  .bg {
	background-size: contain;
  }


  @media (min-width: 992px) {
	nav a,
	nav a:hover, nav a.active {
	  color: #e6007c;
	  font-size: 20px;
	  font-weight: 500;
	  margin-left: 20px;
	  margin-right: 20px;
	  padding: 0 0 6px;
	  line-height: 1.5;
	  font-family: "Jost", Helvetica, Arial, sans-serif;
	  line-height: 1.1;
	  border-bottom: 4px solid transparent;
	  text-decoration: none;
	}
	nav a:hover, nav a.active {
	  border-bottom: 4px solid #e6007c;
	  text-decoration: none;
	}
	.is-fixed nav a {
		color: #ffffff;
	}
	.is-fixed nav a:hover {
		color: #e6007c;
	}
  }
  .item .card {
	background-color: transparent;
	border: none;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0;
	flex-direction: column;
  }
  .counter-items .item .num {
	  font-size: 44px;
	}
	.item .num {
	  margin: 0.25rem 0 0.75rem 0;
	}
	.item .txt {
	  font-size: 20px;
	  display: block;
	text-align: center;
	font-size: 24px;
	line-height: 1.2em;
	color: #000000;
	padding: 0 1rem;
	max-width: 100%;
	}

	.cd-date {
	  font-size: 50px;
	  font-weight: bold;
	}
	.cd-text {
	  font-size: 24px;
	}
	.counter-items {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
  }
  .counter-items .item {
	  flex: 0 1 25%;
	  max-width: 25%;
	}

	nav a.anmeldung {
	  border: none;
	}
	.section-intro-countdown {
	  padding-bottom: 60px;
	}
	.headerbackground {
	  display: none;
	  background: none;
	}
.btn-default,
	.btn-block {
		display: inline-block;
		min-height: 50px;
		min-width: 220px;
		margin-bottom: 30px;
		padding: 14px 35px;
		line-height: 1.53;
		border: none;
		background-color: #000000;
		color: #ffffff;
		width:auto;
		vertical-align: middle;
	}
	.btn {
		font-size: 20px;
	}
	.btn-block:hover,
	.btn-default:hover {
		background-color: #e6007c;
		color: #000000;
		border-bottom: none;
	}
	a {
		color: #e6007c;
		text-decoration: none;
		/* font-weight: bold; */
	  }
	  a:focus {
		outline: none;
	  }
	  h1 {
		font-size: 80px;
		font-weight: 900;
		line-height: 86px;
		margin-bottom: 1.75rem;
	  }
	  h2 {
		font-size: 2.813rem;
		line-height: 1.2;
	  }
	  h3 {
		font-size: 2.813rem;
		line-height: 1.2;
	  }
	  h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
		margin-bottom: 2.75rem;
	  }
	  i.arrow-right {
		display: none;
	  }

	  h5 {
		font-size: 20px;
		color: #e6007c;
		line-height: 1.4;
	  }
/* form */
.form-control {
	display: block;
	width: 100%;
	height: 50px;
	padding: 12px 20px;
	line-height: 1.53;
	font-size: 20px;
	line-height: 1.375;
	color: #000000;
	vertical-align: middle;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #000000;
	border-radius: 0px;
	box-shadow: none;

  }
  .form-control:focus {
	box-shadow: none;
	border: 2px solid #e6007c;
	box-shadow: none;
  }
  p {
	line-height: 1.4;
	margin-bottom: 1.75rem;
  }

  .subnav a {
	margin: 0 15px 0 0;
	padding: 0;
	color: #000000;
	font-size: 20px;
  }
  .subnav a:hover {
	border-bottom: none;
  }
 .is-fixed .subnav a {
	color: #ffffff;
  }
  .is-fixed .subnav a:hover {
	color: #e6007c;
  }
  .is-fixed .subnav a.active {
	color: #e6007c;
  }

  .tx_evoweb_sfregister meter#bargraph:-moz-meter-sub-sub-optimum::-moz-meter-bar {
	background: #ee6620;
  }
  .tx_evoweb_sfregister meter#bargraph:-moz-meter-optimum::-moz-meter-bar, .tx_evoweb_sfregister meter#bargraph:-moz-meter-sub-optimum::-moz-meter-bar, .tx_evoweb_sfregister meter#bargraph:-moz-meter-sub-sub-optimum::-moz-meter-bar {
	border-radius: 0;
  }
  .tx_evoweb_sfregister meter#bargraph {
	background: transparent;
	box-sizing: border-box;
	border: none;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(204, 204, 204);
	border-top: none;
	border-radius: 0;
	height: 6px;
	width: 100%;
  }
  .tx_evoweb_sfregister meter#bargraph:-moz-meter-sub-optimum::-moz-meter-bar {
	background: #f5e700;
  }

  .tx_evoweb_sfregister meter#bargraph:-moz-meter-optimum::-moz-meter-bar {
	background: #bcff48;
  }
@media (min-width: 992px) {
	#header{
		min-height:100px;
		width:100%;
		z-index:10;

		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 0px;
		padding-bottom:40px;
		width: 100%;
		margin: 0 auto;
		z-index:2000;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-left: -20px;
    	margin-right: -20px;
	}
	#header.is-fixed {
		position: fixed;
		animation-name: stickySlideDown;
		transition: none;
		height: auto;
		width: 75%;
		margin-left: 0px;
    	margin-right: 0px;
	}
	#header.is-fixed .metanav {
		color: #ffffff;
	}

	@keyframes stickySlideDown {
		0% {
			opacity: 0.7;
			transform: translateY(-100%);
		}

		100% {
			opacity: 1;
			transform: translateY(0);
		}
	}
}
  @media(max-width:1199px) {
	.hidden-xs {
		display: none!important;
	}
	h1 {
		font-size: 40px;
		line-height: 1.2;
	  }
	  #header {
		width: 100%;
		left: 0;
		right: 0;
	  }
	.col-sm-10.col-sm-offset-1{
		/* margin-left: 50px!important; */
		width:100%;
	  }
  }
  @media (min-width: 992px) {
	.metanav,
	.subnav {
		padding-left: 20px;
		padding-right:20px;
	}

	.subnav.show {
		display: block;
	}
	.col-sm-11.col-sm-offset-1 {
		width: 75%;
	  }

  }
  @media (max-width: 991px) {
	nav .naver-container a:first-child {
		padding-left: 0;
	}
	.col-12 {
		width: 100%;
	}
	.row {
		width: 100%;
		margin: 0 auto;
	}
	.cd-img {
		width: 100%;
		max-width: 250px;
		margin-bottom: 20px;
	}
	.fixed-header-logo {
		display: none;
	}
	#header {
		padding-top: 70px;
	}
	.header-logo {
		background-image: url(../img/Logo_g_RGB_Black.svg);
		background-repeat: no-repeat;
		background-size: contain;
		content:'';
		display: block;
		width:80px;
		height:80px;
		position: absolute;
		top: 0px;
		right: 0;
		transition: all .5s ease-in-out;
	}
	.metanav {
		padding-top: 10px;
	}
	.subnav a {
		font-size: 15px;
		line-height: 1;
	}

  }

  /* Countdown */

  .d-flex {
	display: flex;
  }
  .d-flex.flex-row {
	flex-direction: row;
  }
  .d-flex.flex-row-reverse {
	flex-direction: row-reverse;
  }
  .d-flex.flex-column {
	flex-direction: column;
  }
  .d-flex.flex-column-reverse {
	flex-direction: column-reverse;
  }
  .d-flex.justify-content-start {
	justify-content: start;
  }
  .d-flex.justify-content-end {
	justify-content: end;
  }
  .d-flex.justify-content-center {
	justify-content: center;
  }
  .d-flex.justify-content-between {
	justify-content: space-between;
  }
  .d-flex.justify-content-around {
	justify-content: space-around;
  }
  .d-flex.align-items-start {
	align-items: flex-start;
  }
  .d-flex.align-items-end {
	align-items: flex-end;
  }
  .d-flex.align-items-center {
	align-items: center;
  }
  .d-flex.align-items-baseline {
	align-items: baseline;
  }
  .d-flex.align-items-stretch {
	align-items: stretch;
  }
  .d-flex.align-content-start {
	align-content: flex-start;
  }
  .d-flex.align-content-end {
	align-content: flex-end;
  }
  .d-flex.align-content-center {
	align-content: center;
  }
  .d-flex.align-content-around {
	align-content: space-around;
  }
  .d-flex.align-content-between {
	align-content: space-between;
  }
  .d-flex.align-content-stretch {
	align-content: stretch;
  }
  .d-flex.flex-wrap {
	flex-wrap: wrap;
  }
  .d-flex.flex-nowrap {
	flex-wrap: nowrap;
  }
  .d-flex .align-self-start {
	align-self: flex-start;
  }
  .d-flex .align-self-end {
	align-self: flex-end;
  }
  .d-flex .align-self-center {
	align-self: center;
  }
  .d-flex .align-self-baseline {
	align-self: baseline;
  }
  .d-flex .align-self-stretch {
	align-self: stretch;
  }
  .d-flex .flex-fill {
	flex: 1 1 auto !important;
  }
  .d-flex .order-0 {
	order: 0;
  }
  .d-flex .order-1 {
	order: 1;
  }
  .d-flex .order-2 {
	order: 2;
  }
  .d-flex .order-3 {
	order: 3;
  }
  .d-flex .order-4 {
	order: 4;
  }
  .d-flex .order-5 {
	order: 5;
  }
  .d-flex .order-6 {
	order: 6;
  }
  .d-flex .order-7 {
	order: 7;
  }
  .d-flex .order-8 {
	order: 8;
  }
  .d-flex .order-9 {
	order: 9;
  }
  .d-flex .order-10 {
	order: 10;
  }
  .d-flex .order-11 {
	order: 11;
  }
  .d-flex .order-12 {
	order: 12;
  }
  .d-inline-flex {
	display: inline-flex;
  }

  .p-0 {
	  padding: 0;
  }
  .mb-50 {
	  margin-bottom: 50px;
  }

  body {
	  background-color: #a4d7ca;
  }
  .whitebg,
  .bg-coolmint {
	  background-color: #a4d7ca;
  }
  .color-puremagenta {
	  color: #e6007c;
  }
  
  .bg {
	background-image: url(../img/RZ_120324_Bewerbungsportal_Banner_480x1440px2.png) repeat-y;
	background-size: contain;
  }


  @media (min-width: 992px) {
	nav a,
	nav a:hover, nav a.active {
	  color: #e6007c;
	  font-size: 20px;
	  font-weight: bold;
	  margin-left: 20px;
	  margin-right: 20px;
	  padding: 0 0 6px;
	  line-height: 1.5;
	}
	nav a:hover, nav a.active {
	  border-bottom: 4px solid #e6007c;
	}
  }
  .item .card {
	background-color: transparent;
	border: none;
	display: flex;
	justify-content: center;
	align-items: start;
	border-radius: 0;
	flex-direction: column;
  }
  .counter-items .item .num {
	font-size: 32px;
	line-height: 1;
}
.item .num {
	margin: 0.25rem 0 0.75rem 0;
}
.item .txt {
	font-size: 20px;
	display: block;
	text-align: center;
	line-height: 1.2em;
	color: #000000;
	padding: 0;
	max-width: 100%;
}

.cd-date {
	font-size: 50px;
	font-weight: bold;
	margin-bottom: 20px;
}
.cd-text {
	font-size: 20px;
	margin-bottom: 0;
}
.counter-items {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	}
.counter-items .item {
	flex: 0 1 25%;
	max-width: 25%;
}

.section-intro-countdown {
	padding-top: 100px;
	padding-bottom: 60px;
}
.headerbackground {
	display: none;
	background: none;
}
@media (min-width:1600px) {
	.section-intro-countdown .module {
		padding: 0 60px;
	}
 }
/* Countdown */

/* Accordion */
.accordion-wrapper {
	padding-top: 60px;
	padding-bottom: 60px;
  }
.accordion-wrapper .accordion {
	background-color: transparent;
	color: #000000;
	cursor: pointer;
	padding: 0 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 20px;
	min-height: 60px;
	transition: 0.4s;
	border-bottom: 1px solid #000000;

  }

  .accordion-wrapper .active, .accordion-wrapper .accordion:hover {
	background-color: #000000;
	color: #ffffff;
  }

  .accordion-wrapper .panel {
	padding: 0 18px;
	background-color: #000000;
	color: #ffffff;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
  }
  .accordion-wrapper .panel li {
		padding-bottom: 10px;
  }
  .accordion-wrapper .accordion:after {
	width: 20px;
	height: 20px;
	content:'';
	background-repeat: no-repeat;
	background-size: contain;
	color: #000000;
	font-weight: bold;
	margin-left: 5px;
	font-size: 30px;
	position: absolute;
	right: 20px;
	top: 20px;
	transition: all 0.2s ease-out;
	transform-origin: center center;
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Gruppe_77' data-name='Gruppe 77' transform='translate(-1631.5 -2084.5)'%3E%3Cline id='Linie_14' data-name='Linie 14' x2='24' transform='translate(1631.5 2096.5)' fill='none' stroke='%23000000' stroke-width='2'/%3E%3Cline id='Linie_15' data-name='Linie 15' x2='24' transform='translate(1643.5 2084.5) rotate(90)' fill='none' stroke='%23000000' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
  	transition: all .3s ease-in-out;
  }
  .accordion-wrapper .accordion:hover:after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Gruppe_77' data-name='Gruppe 77' transform='translate(-1631.5 -2084.5)'%3E%3Cline id='Linie_14' data-name='Linie 14' x2='24' transform='translate(1631.5 2096.5)' fill='none' stroke='%23ffffff' stroke-width='2'/%3E%3Cline id='Linie_15' data-name='Linie 15' x2='24' transform='translate(1643.5 2084.5) rotate(90)' fill='none' stroke='%23ffffff' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");

  }
.accordion.active:after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='2' viewBox='0 0 24 2'%3E%3Cline id='Linie_14' data-name='Linie 14' x2='24' transform='translate(0 1)' fill='none' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E%0A");
	background-position: 50%;
  }
  .accordion.active:hover:after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='2' viewBox='0 0 24 2'%3E%3Cline id='Linie_14' data-name='Linie 14' x2='24' transform='translate(0 1)' fill='none' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E%0A");
  }

.accordion-wrapper button {
	position: relative;
}
.frame,
.tx-dce-container {
	padding-top: 40px;
	padding-bottom: 40px;
}
@media (max-width: 991px) {
	.frame,
	.section-intro-countdown,
	.accordion-wrapper {
		padding-top: 30px;
		padding-bottom: 30px;
	  }
	  .cd-img {
		margin-top: 20px;
	  }
	  .tx-dce-container {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}
@media (max-width: 1199px) {
	#header.is-fixed {
	  width: 100%;
	}
	.col-12 {
		width: 100%;
		margin-left: 0;
	}
	.col-sm-11.col-sm-offset-1 {
		width: 100%;
		margin-left: 0;
	  }
	  .section-intro-countdown img {
		padding-bottom: 30px;;
	  }
  }
  ul {
	margin-bottom: 40px;
  }
  input[type="radio"], input[type="checkbox"] {
	accent-color: #000000;
  }
  a:focus-visible {
	text-decoration: none;
  }
  .accordion-wrapper + .accordion-wrapper,
  .tx-dce-container + .accordion-wrapper,
  .tx-dce-container + .tx-dce-container,
  .tx-dce-container + .frame,
  .frame + .frame{
	padding-top: 0;
  }
.accordion-wrapper div.panel ul li {
	padding-bottom: 10px;
}
  /* Accordion */

  .subnav {
	overflow:hidden;
	color:#fff;
	height:0;
	padding: 0 20px;

	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
.subnav.active {
	height:auto;
	padding: 10px 20px 0px 20px;
}
.ms-0 {
	margin-left: 0;
}
.me-0 {
	margin-right: 0;
}
.w-25 {
	width: 100%;
}
.w-75 {
	width: 100%;
}
.mb-30 {
	margin-bottom: 30px;
}
@media(min-width:1200px) {
	.w-25 {
		width: 25%;
	}
	.w-75 {
		width: 75%;
	}
	.ps-0 {
		padding-left: 0;
	}
	.pe-0 {
		padding-right: 0;
	}
}

@media(min-width:992px) and (max-width:1199px) {
	.col-sm-11.col-sm-offset-1 {
		padding-left: 30px;
		padding-right: 30px;
	  }
}
.thumbs,
.exhibit.detail {
	margin-bottom: 50px;
}

.blueimp-gallery-custom {
	background: transparent!important;
    box-shadow: none!important;
}