@font-face {
	font-family: 'Raleway';
	font-weight:normal;
	src: url(../webfonts/raleway/Raleway-Regular.eot);
	src: url(../webfonts/raleway/Raleway-Regular.eot?#iefix) format('embedded-opentype'),
		url(../webfonts/raleway/Raleway-Regular.otf) format('otf'),
		url(../webfonts/raleway/Raleway-Regular.svg#Raleway-Regular) format('svg'),
		url(../webfonts/raleway/Raleway-Regular.ttf) format('truetype'),
		url(../webfonts/raleway/Raleway-Regular.woff) format('woff'),
		url(../webfonts/raleway/Raleway-Regular.woff2) format('woff2');
		font-display: swap;
}

@font-face {
	font-family: 'Sriracha';
	font-weight:normal;
	src: url(../webfonts/sriracha/Sriracha-Regular.eot);
	src: url(../webfonts/sriracha/Sriracha-Regular.eot?#iefix) format('embedded-opentype'),
		url(../webfonts/sriracha/Sriracha-Regular.otf) format('otf'),
		url(../webfonts/sriracha/Sriracha-Regular.svg#Sriracha-Regular) format('svg'),
		url(../webfonts/sriracha/Sriracha-Regular.ttf) format('truetype'),
		url(../webfonts/sriracha/Sriracha-Regular.woff) format('woff'),
		url(../webfonts/sriracha/Sriracha-Regular.woff2) format('woff2');
		font-display: swap;
}


html {
	font-size: 125%;
	overflow: scroll;
}

body {
	font-size: 50%;
	font-family: 'Raleway', sans-serif;
	background-color: #fefefe;
	color: #575a5d;

	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

* {
	padding: 0;
	margin: 0;
	line-height: 100%;
}

img {
	width: 100%;
	height: auto;
	display: block;
}

a img {
	border: none;
}

p, ul li, ol li, input, label, legend, textarea, select {
	font-size: 1.8em;
	line-height: 30px;
	margin-bottom: 24px;
}

li:last-child {margin-bottom:0;}

ol {
	list-style-type: decimal;
	margin-left: 18px;
}

p.italic-style {
	font-style: italic;
}

ul li {
	list-style-type: none;
}

ul ul li {
	font-size: 1em;
}


a {
	color: #0367a2;

//	-webkit-transition: all 250ms ease-out 50ms;
//    -moz-transition: all 250ms ease-out 50ms;
//    -o-transition: all 250ms ease-out 50ms;
//    transition: all 250ms ease-out 50ms;
}

a:hover {
	color: #6ad3e5;
}

h1 {
	font-family: 'Sriracha', cursive;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	color: #0367a2;
	font-size: 4em;
	line-height: 48px;
	margin-bottom: 12px;
	position: relative;
	-moz-hyphens: none;
	hyphens: none;
}

.subpage  h2,
.subpage  h1 {
	font-size: 2.6em;
	line-height: 36px;
}

h2 {
	font-weight: 400;
	font-size: 2.8em;
	line-height: 36px;
	color: #0095c3;
	margin-top: 36px;
	margin-bottom: 12px;
}

h3 {
	font-size: 2.4em;
	font-weight: 600;
	line-height: 36px;
	margin-top: 36px;
	margin-bottom: 12px;
	color: #e6431b;
}

h2 + h3 {
	margin-top: 24px;
}

h4 {
	font-size: 1.8em;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: 6px;
	color: #616265;
}

h5 {
	font-size: 1.6em;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 6px;
	color: #796C6C;
}

header h1+h2 {
	margin-top: 0;
	margin-bottom: 30px;
}



table {
	border-collapse: collapse;
	overflow: hidden;
	width: 100%;
	margin: 24px 0 36px 0;
}

table p {
    font-size: 1em;
}

table p:last-child {
    margin-bottom: 0;
}

table div {
	line-height: 140%;
}

caption, td, th {
	border-bottom: 2px solid #e4e4e5;
	padding: 8px 15px;
	vertical-align: top;
	font-size: 2em;
	line-height: 30px;
}

th {hyphens:none;}

table ul li {
	font-size: 1em;
}

table.table-experts td,
.stacktable.small-only td {
	border: 1px solid #e4e4e4;
}

.stacktable.small-only td.st-key {
  border-color: #e4e4e4 #e4e4e4;
  background-color: #e8eff9;
	width: 40%;
}

.stacktable.small-only td.st-val {
	width: 56%;
}

.stacktable.small-only tr.td-empty {
	display: none;
}

table thead tr {
	background-color: #e6431b;
	border:none;
	color: #fff;
}

details summary {
    font-size: 1.8em;
    line-height: 24px;
    color: #616265;
}
details p {
    border: 1px solid grey;
}

table thead tr th {
	text-align: left;
	padding: 9px 18px 8px 18px;
}

table tbody tr.second-table-header,
table tbody tr.second-table-header td {
	background-color: #e4e4e5;
	border: none;
	color: 8px 15px;
	font-weight: bold;
}

table tbody tr td {
	background-color: #fff;
	font-size: 1.8em;
}

.stacktable.small-only td {
	border-width: 0 0 2px 0;
}

.stacktable.small-only td.st-key {
  border-color: transparent;
  background-color: #9c132e;
	width: 40%;
	color: #fff;
}

.stacktable.small-only td.st-val {
	width: 56%;
}

.stacktable.small-only tr.td-empty {
	display: none;
}

table tr th.td-05,
table tr td.td-05 {width: 5%;}
table tr th.td-10,
table tr td.td-10 {width: 10%;}
table tr th.td-15,
table tr td.td-15 {width: 15%;}
table tr th.td-18,
table tr td.td-18 {
	width: 18.75%;
	padding: 9px;
	font-weight: normal;
	font-size: 1.8em;
}

table tr th.td-10,
table tr td.td-10 {width: 10%;}
table tr th.td-15,
table tr td.td-15 {width: 15%;}
table tr th.td-20,
table tr td.td-20 {width: 20%;}
table tr th.td-25,
table tr td.td-25 {width: 25%;}
table tr th.td-33,
table tr td.td-33 {width: 33%;}
table tr th.td-40,
table tr td.td-40 {width: 40%;}
table tr th.td-45,
table tr td.td-45 {width: 45%;}
table tr th.td-50,
table tr td.td-50 {width: 50%;}
table tr th.td-75,
table tr td.td-75 {width: 75%;}

/* *************************
	ALLGEMEIN
************************* */

.one-col-80 {
	width: 60%;
	margin: 0 auto;
	margin-top: 0px;
	text-align: center;
	margin-top: 60px;
}

.vvs-box iframe {
	margin: 0 auto;
}

.clearer {
	clear: both;
}

.wrapper {
	width: 100%;
	max-width: 144em;
	margin: 0 auto;
	position: relative;
}

.text-centered {
	text-align: center;
}

.introduction .text-centered.text-small {
	font-size: 3em;
	color: #999999;
	padding-top: 0;
}

.firmensommer .introduction p {
	padding-bottom: 0;
	font-size: 3.6em;
	line-height: 45px;
}

.space-before-xsmall {margin-top: 15px;}
.space-before-small {margin-top: 30px;}
.space-before-medium {margin-top: 60px;}
.space-before-large {margin-top: 90px;}

.font-medium.text-red-600 {
	font-size: 1.8em;
	line-height: 30px;
	margin-bottom: 24px;
}

ul.list-disc.text-sm {
	font-size: 1em;
}

.kommentar {
	line-height: 30px;
}


/* *************************
	HEADER TOP
************************* */

#header-top {
	padding: 12px 0;
	height: 90px;
}

.firmensommer #header-top {
	height: 144px;
}

.firmensommer #logos-right {
	margin-top: 24px;
}

#logomobile {
	display: none;
}

#logomobile,
#logo {
	position: absolute;
	z-index: 9999999999;
	left: 48px;
	top: 0;
}

#logomobile img,
#logo img {
	max-width: 21em;
	margin: 0 auto;
}

#logomobile img a,
#logo img a {
	display: block;
}

#logos-right {
	width: 100%;
	float:right;
}

#logos-right img {
	float: right;
	max-height: 7.5em;
	width:auto;
}

#logos-right .logo {float:left;display:none;}

/* *************************
	HEADER
************************* */

#header {
	position: relative;
	overflow: hidden;
}

#mainnavi {
	height: 96px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999999;
}

#mainnavi-right {
	position: absolute;
	z-index: 99999999;
	width: 73.47%;
	height: 72px;
	background-color: rgb(230,67,27);
	background-color: rgba(230,67,27,.75);
	top: 10px;
	right: 0;
}

#mainnavi-left {
	position: absolute;
	z-index: 99999999;
	width: 28.582%;
	height: 72px;
	background-color: rgb(48,94,165);
	background-color: rgba(48,94,165,.75);
	top: 24px;
	left: 0;
}

#mainnavi-right::after {
	content: "";
	position: absolute;
	right: -300%;
	top: 0;
	height: 72px;
	background-color: rgb(230,67,27);
	background-color: rgba(230,67,27,.75);
	width: 300%;
	z-index: 999999;
}

#mainnavi-left::after {
	content: "";
	position: absolute;
	left: -299.9%;
	top: 0;
	height: 72px;
	background-color: rgb(48,94,165);
	background-color: rgba(48,94,165,.75);
	width: 300%;
	z-index: 999999;
}

#mainnavi-right ul {
	float: right;
	margin-right: -20px;
	position: relative;
	z-index: 999999999;
}

#mainnavi-right ul li {
	float: left;
	font-size: 0.9em;
	position: relative;
}

#mainnavi-right ul li a:after {
	content: "";
	background-image: url("../images/hover-arrow.png");
	background-repeat: no-repeat;
	position: absolute;
	bottom: -34px;
	left: 50%;
	width: 68px;
	height: 34px;
	margin-left: -34px;
	opacity: 0;

	-webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

#mainnavi-right ul li.last {
	margin: 0;
}

#mainnavi-right ul li a {
	font-size: 2em;
	color: #fff;
	display: block;
	text-decoration: none;
	padding: 27px 18px;
}

#mainnavi-right ul li.active a,
#mainnavi-right ul li a:hover {
	background-color: rgb(230,67,27);
}

#mainnavi-right ul li a:hover::after {
	opacity: 1;
}



/* *************************
	MEAMENU
************************* */

a.meanmenu-reveal {
	display: none;
}

.mean-container .mean-bar {
	float: left;
	width: 100%;
	position: relative;
	background: #ffffff;
	padding: 0;
	min-height: 60px;
	z-index: 999999;
}

.mean-container a.meanmenu-reveal {
	width: 26px;
	height: 26px;
	padding: 6px;
	position: absolute;
	top: 9px;
	right: 9px !important;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	border: 2px solid #999898;
}

.mean-container a.meanmenu-reveal.meanclose {
	border-color: #e6431b;
	background-color: #e6431b;
	line-height: 27px;
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #e6431b;
	height: 4px;
	margin-top: 4px;
}

.mean-container .mean-nav {
	float: left;
	width: 100%;
	background: rgb(230,67,27);
	background: rgba(230,67,27,.75);
	margin-top: 60px;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
}

.mean-container .mean-nav ul li:first-child a {
	border-top: none;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 12px 5%;
	margin: 0;
	text-align: left;
	color: #fff;
	border-top: 2px solid #383838;
	border-top: 2px solid rgba(255,255,255,0.5);
	text-decoration: none;
	line-height: 24px;
	background-image: url("../images/arrow-meannavi.png");
	background-repeat: no-repeat;
	background-position: 98% center;
}

.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: #252525;
	background: rgba(255,255,255,0.1);
	background-image: url("../images/arrow-meannavi.png");
	background-repeat: no-repeat;
	background-position: 98% center;
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: 32px;
	padding: 12px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgba(0,0,0,0.9);
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}

button.btn.btn-danger,
a.btn.btn-small.btn-info {
	display: inline-block;
	padding: 6px;
	border: 1px solid #0367a2;
	margin: 0 6px 6px 0;
}

a.btn.btn-small.btn-info:hover {
	background-color: #0367a2;
	color: #ffffff;
}

button.btn.btn-danger {
	border-color: #e6431b;
	color: #e6431b;
	-webkit-transition: all 250ms ease-out 50ms;
	-moz-transition: all 250ms ease-out 50ms;
	-o-transition: all 250ms ease-out 50ms;
	transition: all 250ms ease-out 50ms;
}

button.btn.btn-danger:hover {
	background-color: #e6431b;
	color: #ffffff;
}

.space-right-small {
	margin-right: 12px;
}


/* *************************
	FLEXSLIDER
************************* */

#content-context .content .offer-gallery .flexslider ul li {
	padding: 0;
	box-sizing: border-box;
	padding: 12px;
	border: 2px solid #cccbcb;
	position:
}

#content-context .content .offer-gallery .flexslider ul li::before {
	display: none;
}

#slider .flex-control-paging li a,
#content-context .content .offer-gallery .flex-control-paging li a {
	position: relative;
}

#slider .flex-control-paging li a::before,
#content-context .content .offer-gallery .flex-control-paging li a::before {
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #e6431b;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -6px;
	margin-top: -6px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 250ms ease-out 50ms;
	-moz-transition: all 250ms ease-out 50ms;
	-o-transition: all 250ms ease-out 50ms;
	transition: all 250ms ease-out 50ms;
}

#slider .flex-control-paging li a.flex-active::before,
#content-context .content .offer-gallery .flex-control-paging li a.flex-active::before {
	opacity: 1;
	visibility: visible;
}

#content-context .content .offer-gallery .flex-control-paging li a:hover,
#content-context .content .offer-gallery .flex-control-paging li a.flex-active {
	background-color: #ffffff;
}

#content-context .content .offer-gallery .flexslider {width:70%;margin:0 auto;}

#header-image,
#slider {
	position: relative;
	top: 6px;
}

#slider {
	top: 10px;
}

#header-image {
	max-height: 520px;
	overflow: hidden;
	top: 10px;
}

#header-image .wrapper,
#slider .wrapper {
	height: 100%;
	z-index: 99999999;
}

#header-image .wrapper p,
#slider .wrapper p {
	font-family: 'Sriracha', cursive;
	font-size: 5em;
	line-height: 72px;
	color: #fff;
	position: absolute;
	bottom: 144px;
	padding-left: 60px;
	width: 40.817%;
	width: 60.817%;
	z-index: 10;

}

#header-image .wrapper p {
	right: 24px;
	bottom: 96px;
	text-align:right;
}

#slider .wrapper p span {
	position: relative;
	z-index: 20;
	text-shadow: 2px 2px 4px rgba(0,0,0,.5);
}

#slider .wrapper p:before {
	content: "";
	width: 248px;
	height: 248px;
	position: absolute;
	background-color: rgb(230,67,27);
	background-color: rgba(230,67,27,.75);
	left: 0;
	top: -60px;
	z-index: 0;
}

#header-slogan,
#slider-slogan {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
}

.flex-container a:hover,
.flex-slider a:hover {
  	outline: none;
}

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

.flex-pauseplay span {
  	text-transform: capitalize;
}

.flexslider {
	margin: 0;
	padding: 0;
}

.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}

.flexslider .slides img {
	width: 100%;
	display: block;
}

.flexslider .slides:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .flexslider .slides {
	display: block;
}

* html .flexslider .slides {
  	height: 1%;
}

.no-js .flexslider .slides > li:first-child {
  	display: block;
}

.flexslider {
	margin: 0 0 72px;
	background: #fff;
	position: relative;
	zoom: 1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: none;
	-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}

.flexslider .slides {
  	zoom: 1;
}

.flexslider .slides img {
	height: auto;
	-moz-user-select: none;
}

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.loading .flex-viewport {
  	max-height: 300px;
}

#slider .flex-control-paging li a:hover,
#slider .flex-control-paging li a.flex-active {
	background-color: #fff;
}

@-moz-document url-prefix() {
	.loading .flex-viewport {
		max-height: none;
	}
}

.carousel li {
  	margin-right: 5px;
}

.flex-direction-nav {
	*height: 0;
	display: none;
}

.flex-direction-nav a {
	text-decoration: none;
	display: block;
	width: 40px;
	height: 40px;
	margin: -20px 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	overflow: hidden;
	opacity: 0;
	cursor: pointer;
	color: rgba(0, 0, 0, 0.8);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.flex-direction-nav a:before {
	font-family: "flexslider-icon";
	font-size: 40px;
	display: inline-block;
	content: '\f001';
	color: rgba(0, 0, 0, 0.8);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.flex-direction-nav a.flex-next:before {
  	content: '\f002';
}

.flex-direction-nav .flex-prev {
  	left: -50px;
}

.flex-direction-nav .flex-next {
	right: -50px;
	text-align: right;
}

.flexslider:hover .flex-direction-nav .flex-prev {
	opacity: 0.7;
	left: 10px;
}

.flexslider:hover .flex-direction-nav .flex-prev:hover {
  	opacity: 1;
}

.flexslider:hover .flex-direction-nav .flex-next {
	opacity: 0.7;
	right: 10px;
}

.flexslider:hover .flex-direction-nav .flex-next:hover {
  	opacity: 1;
}

.flex-direction-nav .flex-disabled {
	opacity: 0!important;
	filter: alpha(opacity=0);
	cursor: default;
	z-index: -1;
}

.flex-pauseplay a {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	opacity: 0.8;
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
	color: #000;
}

.flex-pauseplay a:before {
	font-family: "flexslider-icon";
	font-size: 20px;
	display: inline-block;
	content: '\f004';
}

.flex-pauseplay a:hover {
  	opacity: 1;
}

.flex-pauseplay a.flex-play:before {
  	content: '\f003';
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -48px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	width: 30px;
	height: 30px;
	background-image: url("../images/slider-bullet.png");
	background-repeat: no-repeat;
	background-color: transparent;
	display: block;
	color: transparent;
}

.flex-control-paging li a:hover {
	background-image: url("../images/slider-bullet-active.png");
	background-repeat: no-repeat;
}

.flex-control-paging li a.flex-active {
	background-image: url("../images/slider-bullet-active.png");
	background-repeat: no-repeat;
}

.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}

.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}

.flex-control-thumbs img {
	width: 100%;
	height: auto;
	display: block;
	opacity: .7;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.flex-control-thumbs img:hover {
  	opacity: 1;
}

.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}


ul.delSearch li.search{
    border-radius: 15px;
    border: 1px solid #0367a2;
    width:32%;
    float:left;
    padding: 10px;
    margin-right: 5px;


}

ul.delSearch li.search span{
    float:right;
    padding-top:5px;
    padding-right:5px;
}


/* *************************
	BUTTONS
************************* */

p.btn-float-left {
	float: left;
	margin-right: 24px;
}


p.button a,
p.button-blue a {
	display: block;
	background-color: #e6431b;
	text-align: center;
	padding: 15px 24px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;

	-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.25);
}

p.button-blue a {
	background-color: #305ea5;
}

p.button-blue a:hover,
p.button a:hover {
	background-color: #d83c1a;

	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

p.button-blue a:hover {
	background-color: #294f89;
}


/* *************************
	MAINCONTENT
************************* */

#ui-datepicker-div {
	width: 300px;
	padding: 0;
	border-radius: 0;
	border: none;
}

#ui-datepicker-div table {
	margin: 0;
	background-color: #e3e3e3;
}

#ui-datepicker-div th {
	padding: 6px;
}

#ui-datepicker-div td {
	background-color: transparent;
	line-height: 100%;
}

#ui-datepicker-div .ui-state-highlight,
#ui-datepicker-div .ui-widget-content .ui-state-highlight,
#ui-datepicker-div .ui-widget-header .ui-state-highlight {
	background-color: #999;
	border-color: #999;
	color: #fff;
}

#ui-datepicker-div .ui-state-active, .ui-widget-content .ui-state-active,
#ui-datepicker-div .ui-widget-header .ui-state-active,
#ui-datepicker-div a.ui-button:active,
#ui-datepicker-div .ui-button:active,
#ui-datepicker-div .ui-button.ui-state-active:hover {
    background-color: #0367a2;
		border-color: #0367a2;
    font-weight: normal;
    color: #ffffff;
}

#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {
	top: 9px;
}

#ui-datepicker-div select.ui-datepicker-month,
#ui-datepicker-div select.ui-datepicker-year {
    width: 45%;
    padding: 6px;
    line-height: 24px;
    font-size: 1.2em;
    margin: 0 1%;
    background-color: transparent;
    border: none;
}

#mainbody .noGrid div,
#mainbody .noGrid > div {
	display: block;
}

#mainbody .noGrid .bg-gray-50,
#mainbody .noGrid .bg-white {
	padding: 0;
	background-color: #ffffff
}

#mainbody .noGrid .shadow {
    --tw-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 0), var(--tw-ring-shadow, 0 0 0), var(--tw-shadow);
}

#mainbody .updateProfile > div {
	padding: 0;
}

#schuelerInfo {
	padding-top: 30px;
}

.introduction {
	padding: 0 0 60px 0;
}

.introduction p {
	font-size: 4.8em;
	line-height: 72px;
	padding: 30px 102px;
}

.introduction p span {
	font-weight: 700;
	color: #305ea5;
}

#content-context  .wrapper,
#content-fullwidth .wrapper {
	max-width: 144em;
	margin: 0 auto;
}

.subpage #content-fullwidth .content {
	padding: 60px;
}

#content-context .context > div.context-inner > div,
#content-context .context > div {
    padding: 12px;
    background-color: rgb(152,152,152);
    background-color: rgba(152,152,152,.25);
    margin-bottom: 24px;
}

#content-context .context > div#offer-context {
	background-color: transparent;
	padding: 0;
}

#content-context .context > div ul li,
#content-context .context > div p {
    font-size: 1.6em;
    margin-bottom: 12px;
	line-height: 24px;
}

#content-context .context > div ul li {
    margin-bottom: 6px;
    position: relative;
    padding: 0 18px;
}

#content-context .context > div ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #0367a2;
}

.frame-hinweiskasten {
    border: 2px solid #e6431b;
    padding: 24px;
}

#content-context .context > div.context-inner > div .content-element-inner,
#content-context .context > div .content-element-inner {
    padding: 12px;
    background-color: #FEFEFE;
}

.frame-hinweiskasten h1,
.frame-hinweiskasten h2,
.frame-hinweiskasten h3,
.frame-hinweiskasten h4,
#content-context .context .frame-hinweiskasten h1,
#content-context .context .frame-hinweiskasten h2,
#content-context .context .frame-hinweiskasten h3,
#content-context .context .frame-hinweiskasten h4 {
    color: #e6431b;
}

#content-context .context > div h1,
#content-context .context > div h2 {
    margin: 0 0 12px 0;
    font-size: 2em;
    line-height: 30px;
    font-weight: bold;
    color: #0367a2;
}

#content-context .context > div h2+h3 {
	margin: -6px 0 6px 0;
    font-size: 1.8em;
    line-height: 24px;
    font-weight: 400;
    color: #0095c3;
}

/* FILTER */

#firmentage-teaserliste select {cursor:pointer;}
#firmentage-teaserliste select:hover {border:2px solid #0367A2;}

#filter-wrapper {
	margin-bottom: 60px;
}

.firmensommer #filter {
	background-color: rgba(249,190,29,.5);
}

.firmensommer #filter .legend-wrapper legend {
	color: transparent;
}

.firmensommer #mainbody  #filter select {
	border-radius: 15px;
	border-color: #f9be18;
}

.firmensommer #filterButton input.resetten,
.firmensommer #filterButton input.filtern {
	border-radius: 15px;
}

.firmensommer #weitere_filter {
	color: #000000;
}

#filter {
	width: 100%;
	margin-top: -48px;
	background-color: rgb(152,152,152);
	background-color: rgba(152,152,152,.5);
	margin-bottom: 24px;
}

#filter legend {
	font-size: 2em;
	line-height: 27px;
	font-weight: bold;
	color: #fff;
	padding: 12px 0;
}

#mainbody #filter fieldset {
	border: none;
	padding: 24px;
}

#filter .filter-right,
#filter .filter-center,
#filter .filter-left {
	float: left;
	width: 33.333%;
}

#filter .filter-right > div {
	margin-left:  20px;
}

#filter .filter-left > div {
	margin-right:  20px;
}

#filter .filter-center > div {
	margin:  0 10px;
}

#filter .filter-center,
#filter .filter-left {
}

#filter label {
	font-weight: bold;
	font-size: 2em;
	line-height: 27px;
	margin-bottom: 12px;
	display: block;
}

#filter select {
	-moz-appearance: none;
  	-webkit-appearance: none;
  	appearance: none;
	font-size: 1.8em;
	line-height: 24px;
	width: 100%;
	display: block;
	border: 2px solid #999898;
	color: #999898;
	padding: 10px;
	background-image: url("../images/arrow-select.png");
	background-repeat: no-repeat;
	background-position: 98% center;
}

#mainbody #filter legend,
#mainbody #filter fieldset {
    background-color: transparent;
    border: none;
}

#mainbody #filter legend {
	padding: 6px 0;
	margin-bottom: 30px;
	margin-top: -18px;
}

#content-context .content {
	margin-top: 60px;display:inline-block;
}

#content-context .content ul li {
	position: relative;
	padding-left: 24px;
	margin-bottom: 18px;
}

#content-context .content .offer-detail ul {margin-bottom:24px;}
#content-context .content .offer-detail ul li {margin-bottom:0;}

#content-context .content ul li:before {
	content:"";
	position: absolute;
	width: 5px;
	height: 5px;
	left: 0;
	top: 6px;
	background-color: #fff;
	border: 3px solid #e6431b;
	border-radius: 50%;
}

.context #offer-context {
	margin-top: -96px;
	background-color: #fff;
}

.context #offer-context .image-wrapper {
	height: 96px;
	background-color: #fff;
	margin-bottom: 0;
	padding: 0;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;

	align-items: center;
}

.context #offer-context .image-wrapper {display:block;padding:15px;}
.context #offer-context .image-wrapper img {height:100%;width:auto;margin:0 auto;}

.context #offer-context > div {
	background-color: #e5e5e5;
	margin-bottom: 24px;
	padding: 24px;
}

.context #offer-context > div h2 {
	font-weight: 600;
	font-size: 1.8em;
	line-height: 24px;
	color: #575a5d;
	margin: 30px 0 6px 0;
}

.context #offer-context > div p:last-child {
	margin-bottom: 0;
}

.context #offer-context > div p a {
	display: block;
	margin-top: 12px;
}

.context #offer-context > div h2:first-child {
	margin-top: 0;
}

/* *************************
	FORMULARE
************************* */

#mainbody .formField {
	margin-bottom: 24px;
}

#mainbody .select2-container {
	width: 100% !important;
}

#mainbody .formField .select2-container--default .select2-selection--multiple,
#mainbody .formField .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 2px solid #999898;
    outline: 0;
    padding: 0;
    border-radius: 0 !important;
}

#mainbody .formField .select2-search textarea {
	border: none;
	width: 100% !important;
	margin: 0;
	padding: 0 12px;
	height: 44px;
	line-height: 44px;
	font-size: 1.8em;
}

#mainbody .formField .select2-container--default .select2-selection--multiple .select2-selection__choice {
	margin: 6px;
	white-space:normal;
}

#mainbody .formField .select2-container--default .select2-selection--multiple .select2-selection__choice button {
	padding: 0;
	width: 30px;
	height: 30px;
}

#mainbody .formField .select2-container--default .select2-selection--multiple .select2-selection__choice button span {
	display: block;
	line-height: 18px;
}

#mainbody .formField .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
	padding-left: 24px;
}

#mainbody .select2-container--default .select2-selection--single {
	border-radius: 0;
	border: 2px solid #999898;
	font-size: 1.8em;
	height: 48px;
}

#mainbody .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 6px 12px;
	line-height: 30px;
}

#mainbody .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 48px;
	right: 12px;
}

body .select2-results__option {
	margin: 0;
}

#mainbody .formField textarea,
#mainbody .formField select,
#mainbody .formField input {
	margin-bottom: 0;
}


#mainbody .fieldTypeRadio input,
#mainbody .fieldTypeCheckbox input {
	float: left;
	width: 15px;
}

#mainbody .fieldTypeRadio input {
	border-radius: 50%;
	height: 21px;
	width: 21px;
	padding: 0;
	margin: 5px 12px 0 0;
}

#mainbody .fieldTypeRadio label,
#mainbody .fieldTypeCheckbox label {
	float: left;
	clear: none;
}

#mainbody .fieldTypeRadio label.radio {
	font-weight: 400;
}

#mainbody .fieldTypeRadio input[type="radio"]:checked,
#mainbody .fieldTypeCheckbox input[type="checkbox"]:checked {
	background-color: #0367a2;
}

#mainbody .form_info {
	margin-top: 6px;
}

#mainbody .form_info p {
	font-size: 1.6em;
	font-style: italic;
	color: #666666;
}

#mainbody .custom-file input {
	font-size: 1.6em;
}

#mainbody .imageFieldWrap {
	overflow: hidden;
	margin: 0 -1%;
}

#mainbody .imageField {
	width: 23%;
	margin: 0 1% 24px 1% !important;
	box-sizing: border-box;
}

#mainbody .imageField img {
	margin-bottom: 12px;
}

#mainbody .fieldsetForm form,
#mainbody fieldset {
	border: 2px solid #cccbcb;
	margin-bottom: 24px;
	background-color: #ffffff;
	padding: 72px 24px 24px 24px;
	padding-top: 24px;
	position: relative;
}

#mainbody fieldset fieldset {
	border: none;
	background-color: #f3f3f3;
}

#mainbody fieldset fieldset textarea,
#mainbody fieldset fieldset input {
	background-color: #ffffff;
}

#mainbody .imageField {
	background-color: #ffffff;
}

#mainbody legend {
	background-color: #999898;
	border: 2px solid #999898;
	padding: 9px 12px;
	margin-bottom: 0;
	font-weight: bold;
	color: #ffffff;
}

#mainbody label {
    display: block;
    margin-bottom: 6px;
    font-weight: bold;
    clear: both;
	color: #575a5d;
}

#mainbody label.required-label {
    content: "*";
}

#mainbody textarea,
#mainbody select,
#mainbody input {
    box-sizing: border-box;
    border: 2px solid #999898;
    color: #999898;
    width: 100%;
    padding: 7px 12px 8px 12px;
    font-family: 'Raleway', sans-serif;
	border-radius: 0;
	background-color: transparent;
}

#mainbody select {
	background-color: #ffffff;
}

#mainbody input[type="checkbox"] {
	width: 21px;
	height: 21px;
	padding: 0;
	float: left;
	margin-top: 4px;
	margin-right: 9px;
}

.layout-50-right,
.layout-50-left {
    float: left;
    width: 48.266%;
}

.layout-25-right,
.layout-25-left {
    float: left;
    width: 24.133%;
}

.layout-75-right,
.layout-75-left {
    float: left;
    width: 72.399%;
}

.layout-25-left,
.layout-50-left,
.layout-75-left {
    clear: both;
    margin-right: 3.469%;
}

#mainbody p.mandatory {
    font-weight: bold;
    color: #e6431b;
}

button.btn.btn-default {
	display: block;
	font-size: 2em;
	line-height: 30px;
	background-color: #0367a2;
	color: #ffffff;
	padding: 9px 12px;
	width: 100%;
  -webkit-transition: all 250ms ease-out 50ms;
  -moz-transition: all 250ms ease-out 50ms;
  -o-transition: all 250ms ease-out 50ms;
  transition: all 250ms ease-out 50ms;
}

button.btn.btn-default:hover {
	background-color: #025687;
}

.searchform #filter {
	margin-top: 0;
}

#mainbody .pageNavigation span.inline-flex.shadow-sm.rounded-md span,
#mainbody .pageNavigation span.inline-flex.shadow-sm.rounded-md a {
	border: 1px solid #999898;
	display: block;
	padding: 6px 12px;
	float: left;
}

#mainbody .pageNavigation span.inline-flex.shadow-sm.rounded-md span[aria-current="page"] {
 	border: 1px solid #0367a2;
 	background-color: #0367a2;
 	color: #ffffff;
}

#mainbody .pageNavigation span.inline-flex.shadow-sm.rounded-md span[aria-disabled="true"] {
	padding: 6px 3px;
}

#mainbody .pageNavigation span.inline-flex.shadow-sm.rounded-md a + span[aria-disabled="true"] {
	border-left: none;
	padding: 6px 12px;
}

#mainbody .pageNavigation span.inline-flex.shadow-sm.rounded-md a[rel="next"],
#mainbody .pageNavigation span.inline-flex.shadow-sm.rounded-md a[rel="prev"] {
	padding: 6px 3px;
}

#mainbody .pageNavigation span.inline-flex.shadow-sm.rounded-md span[aria-disabled="true"] span,
#mainbody .pageNavigation span.inline-flex.shadow-sm.rounded-md span[aria-current="page"] span {
	border: none;
	padding: 0;
	background-color: transparent;
}

#mainbody .pageNavigation span.inline-flex.shadow-sm.rounded-md span[aria-current="page"] span {
	color: #ffffff;
}

#mainbody .pageNavigation .rounded-r-md,
#mainbody .pageNavigation .rounded-l-md {
	border-radius: 0;
}

#mainbody .angebot-wrap,
#mainbody .beruf_new {
	border-bottom: 2px solid #fff;
	padding-bottom: 6px;
	margin-bottom: 30px;
}

#mainbody .angebot-klassenstufe p {
	margin-bottom: 0;
}

/* *************************
	LOGIN
************************* */

#mainbody .bg-gray-100 {
	background-color: #ffffff;
}

#mainbody .sm\:max-w-md {
	max-width: none;
}

#mainbody .shadow-md {
    --tw-shadow: 0 0 0 -0 rgba(0, 0, 0, 0), 0 0 0 -0 rgba(0, 0, 0,0);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #ffffff), var(--tw-ring-shadow, 0 0 #ffffff), var(--tw-shadow);
	padding: 0;
	margin: 0;
	border-radius: 0;
}

#mainbody .min-h-screen {
	min-height: 0;
}

#mainbody .linkNextButton {
	margin-left: 30px;
}


/* *************************
	LAYOUTS / BG
************************* */

.bg-white {
	padding: 48px 0 120px 0;
}

.bg-grey {
	padding: 48px 0 180px 0;
	background-color: #f0f0f0;
}

.bg-grey h2 {
	font-size: 4.8em;
	color: #999898;
	margin-bottom: 48px;
	margin-top: 120px;
}

.bg-yellow {
	padding: 48px 0 180px 0;
	background-color: #fef5dd;
}

.bg-yellow h2 {
	font-size: 3em;
	line-height: 36px;
	font-weight: bold;
	color: #f9be18;
	margin-bottom: 30px;
	margin-top: 120px;
}

.paginierung .bg-white {padding:10px;}

/* *************************
	COLS
************************* */

.two-cols-50 > div {
	float: left;
	margin-right: 3.226%;
	width: 48.388%;
}

.two-cols-30-70 .col-left,
.three-cols-33 > div {
	float: left;
	width: 30%;
	margin-right: 2.128%;
}

.two-cols-30-70 .col-right {
	float: right;
	width: 60%;
}

.two-cols-30-70 .col-right div {
	padding: 30px 0;
	margin-top: 36px;
}

.two-cols-30-70 .col-right div p.button {
	display: inline-block;
	margin-top: 15px;
}

.two-cols-30-70 .col-right div p.button a {
	display: inherit;
}

.bg-white .two-cols-30-70 h2 {
	font-size: 4.8em;
	line-height: 72px;
	padding: 30px 0;
	color: #999999;
	-moz-hyphens: none;
	hyphens: none;
}

.two-cols-50 > div.col-right,
.three-cols-33 > div.col-right {
	margin-right: 0;
}

.five-cols > div.clearer,
.two-cols-50 > div.clearer,
.five-cols-20-20-20-20-20 > div.clearer,
.three-cols-20-20-20 > div.clearer,
.three-cols-33 > div.clearer {
	width: 100%;
	float: none;
	display: block;
}

.three-cols-20-20-20 {
	width: 56.803%;
	margin: 0 auto;
}

.three-cols-20-20-20 > div {
	float: left;
	width: 31.138%;
	margin-right: 3.294%;
}

.five-cols > div {
	float: left;
	width: 18.722%;
	margin-right: 1.597%;
}

.five-cols > div.col-05 {
	margin-right: 0;
}

.five-cols-20-20-20-20-20,
.three-cols-33-33-33 {
	margin: 0 2.041%;
}

#content {
	margin-bottom: 120px;
}

#content .three-cols-33-33-33 {
	margin: 0;
}

#content .three-cols-33-33-33 > div.col-left {
	clear: both;
}

#content .three-cols-33-33-33 > header h2 {
	background-color: #e6431b;
	color: #fff;
	font-size: 2em;
	font-weight: bold;
	line-height: 30px;
	padding: 9px 24px;
}

.three-cols-33-33-33 > div {
	float: left;
	width: 31.915%;
	margin-right: 2.1%;
}

.three-cols-33-33-33 > div.col-right {
	margin-right: 0;
}

.five-cols-20-20-20-20-20 > div.clearer,
.three-cols-20-20-20 > div.clearer,
.three-cols-33-33-33 > div.clearer {
	width: 100%;
	float: none;
	display: block;
}

.three-cols-20-20-20 {
	width: 56.803%;
	margin: 0 auto;
}

.three-cols-20-20-20 > div {
	float: left;
	width: 31.138%;
	margin-right: 3.294%;
}

.five-cols-20-20-20-20-20 .col-right,
.three-cols-20-20-20 .col-right {
	margin-right: 0;
}

.five-cols-20-20-20-20-20 > div {
	float: left;
	width: 18.44%;
	margin-right: 1.951%;
}

#content-context .context {
	float: right;
	width: 27.66%;
	margin-right: 6.383%;
}

#content-context .content {
	float: right;
	width:65.958%;
	padding-bottom: 120px;
}

#content-context .context {
	padding-top: 48px;
}

.detailOffer #content-context .context {
	padding-top: 0;
}


/* *************************
	SUBNAVI
************************* */

#subnavi {
	background-color: rgb(230,67,27);
	background-color: rgba(230,67,27,.75);
	margin-top: -48px;
}

#subnavi > p {
	color: #fff;
	margin: 0;
	padding: 12px 18px;
}

#subnavi ul {
	margin: 0;
}

#subnavi ul li {
	font-size: 1em;
	padding: 0;
	margin: 0;
}

#subnavi ul li a {
	position: relative;
	display: block;
	color: #fff;
	font-size: 1.8em;
	line-height: 24px;
	text-decoration: none;
	padding: 12px 18px;
	border-bottom:  2px solid #f1957f;
}

#subnavi ul li a:after {
	content: "";
	position: absolute;
	width: 24px;
	height: 100%;
	right: -24px;
	top: 0;
	background: #e6431b;
	opacity: 0;
	-webkit-transition: all 250ms ease-out 50ms;
	-moz-transition: all 250ms ease-out 50ms;
	-o-transition: all 250ms ease-out 50ms;
	transition: all 250ms ease-out 50ms;
}

#subnavi ul li.active a::after,
#subnavi ul li a:hover:after {
	opacity: 1;
}

#subnavi ul li.active ul li a:hover,
#subnavi ul li.active ul li.active a,
#subnavi ul li.active a,
#subnavi ul li a:hover {
	background-color: #e6431b;
}

#subnavi ul li ul li a {
	position: relative;
	padding-left: 42px;
}

#subnavi ul li ul li a:before {
	content: "";
	position: absolute;
	left: 18px;
	top: 15px;
	width: 9px;
	height: 9px;
	border: 3px solid #f6b9aa;
	background-color: #e6431b;
	border-radius: 50%;
}

#subnavi ul li ul li a:after {
	display: none;
}

#subnavi ul li.active ul li a {
	background-color: transparent;
}

#content-context .context > div#subnavi {
	padding: 0;
	background-color: rgb(230,67,27);
	background-color: rgba(230,67,27,.75);
	margin-bottom: 24px;
	margin-top: -96px;
}



#content-context .context > div#subnavi p {
	font-size: 1.8em;
	line-height: 24px;
}

#content-context .context > div#subnavi p + ul,
#content-context .context > div#subnavi p {
	margin: 0;
}

#content-context .context > div p + ul {
	margin-top: -6px;
	margin-bottom: 18px;
}

#content-context .context > div ul li {
	margin-bottom: 6px;
	position: relative;
	padding: 0 18px;
}

#content-context .context > div#subnavi ul li {
	padding: 0;
	margin: 0;
	font-size: 1em;
}

#content-context .content ul li::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    left: 0;
    top: 9px;
    background-color: #fff;
    border: 3px solid #e6431b;
    border-radius: 50%;
}

#content-context .content .offer-conditions ul li::before {
	top: 16px;
}

#content-context .context > div ul li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #0367a2;
}

#content-context .context > div#subnavi ul li:before {
	display: none;
}

.frame-hinweiskasten {
	border: 2px solid #e6431b;
	padding: 24px;
}

.frame-hinweiskasten h1,
.frame-hinweiskasten h2,
.frame-hinweiskasten h3,
.frame-hinweiskasten h4,
#content-context .context .frame-hinweiskasten h1,
#content-context .context .frame-hinweiskasten h2,
#content-context .context .frame-hinweiskasten h3,
#content-context .context .frame-hinweiskasten h4 {
	color: #e6431b;
}

.frame-hinweiskasten h1,
.frame-hinweiskasten h2,
.frame-hinweiskasten h3,
.frame-hinweiskasten h4 {
	margin-top: 0;
}

#mainbody #editform button,
#mainbody .fieldsetForm button[type="button"],
#mainbody .fieldsetForm button[type="submit"],
#mainbody button.submit-button,
#mainbody fieldset button,
#mainbody input[type="submit"] {
	font-family: 'Raleway', sans-serif;
	font-size: 1.8em;
	line-height: 24px;
	text-transform:none;
	letter-spacing: 0;
    display: block;
    background-color: #e6431b;
    text-align: center;
    padding: 12px 24px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    width: auto;
    border: none;
    cursor: pointer;
    margin-bottom: 0;
	border-radius: 0;
	margin-left: 0;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.25);
    -webkit-transition: all 250ms ease-out 50ms;
    -moz-transition: all 250ms ease-out 50ms;
    -o-transition: all 250ms ease-out 50ms;
    transition: all 250ms ease-out 50ms;
}

#mainbody #editform fieldset .xdsoft_monthpicker button[type="button"] {
	background-color:transparent ;
	width:20px;
	padding:0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	}
#mainbody #editform fieldset .xdsoft_timepicker button[type="button"] {
	background-color:transparent ;
	width:30px;
	padding:0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	}

#mainbody #editform button.select2-selection__choice__remove {
	padding: 6px;
}

#mainbody #editform button:hover,
#mainbody .fieldsetForm button[type="button"]:hover,
#mainbody .fieldsetForm button[type="submit"]:hover,
#mainbody fieldset button:hover,
#mainbody input[type="submit"]:hover {
	background-color: #0367a2;
	-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0);
	box-shadow: 0px 3px 6px 0px rgba(0,0,0,0);
}


/* *************************
	KÄSTEN
************************* */

.frame-layout-linkbox {
 	padding: 24px;
	min-height: 240px;
}

.frame-layout-linkbox p,
.frame-layout-linkbox h2 {
    color: #fff;
    text-decoration: none;
}

.frame-layout-linkbox ul li {
	color: #ffffff;
}

#content-context .frame-layout-linkbox  ul li::before {
	background-color: transparent;
	border-color: #ffffff;
}

.frame-layout-linkbox a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-decoration: none;
}

.new-register .frame-layout-linkbox a {
    position: relative;
}

.new-register .linkbox-content {
    padding: 0;
}

.frame-layout-linkbox h2 {
    padding: 0;
    color: #fff;
	font-family: 'Raleway', sans-serif;
    font-size: 3em;
    line-height: 36px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 24px;
}

.frame-layout-linkbox,
.hoverbox,
.frame-layout-hoverbox {
	position: relative;
	cursor: pointer;
	min-height: 288px;
	margin-bottom: 24px;
	-webkit-transition: all 250ms ease-out 50ms;
	-moz-transition: all 250ms ease-out 50ms;
	-o-transition: all 250ms ease-out 50ms;
	transition: all 250ms ease-out 50ms;

	-webkit-box-shadow: 0px 6px 9px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 6px 9px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 6px 9px 0px rgba(0,0,0,0.5);
}

.frame-layout-linkbox {
	min-height: 300px;
}

.frame-layout-linkbox:hover,
.hoverbox:hover,
.frame-layout-hoverbox:hover {
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

.frame-layout-linkbox.frame-orange,
.frame-layout-linkbox.orange,
.hoverbox.orange,
.frame-layout-hoverbox.frame-orange {
	background-color: rgb(230,67,27);
}

.frame-layout-hoverbox.frame-orange:hover,
.hoverbox.orange.clicked {
	background-color: rgba(230,67,27,.25);
}

.frame-layout-linkbox.frame-blue,
.frame-layout-linkbox.blue,
.hoverbox.blue,
.frame-layout-hoverbox.frame-blue {
	background-color: rgb(48,94,165);
}

.frame-layout-hoverbox.frame-blue:hover,
.hoverbox.blue.clicked {
	background-color: rgba(48,94,165,.25);
}

.hoverbox.grey,
.frame-layout-hoverbox.frame-grey {
	background-color: rgb(153,153,153);
}

.hoverbox.grey:hover,
.frame-layout-hoverbox.frame-grey:hover {
	background-color: rgba(153,153,153,.25);
}

.linkbox-content {
	padding: 24px;
}

.linkbox-image,
.hoverbox-image {
	position: absolute;
	z-index: 10;
	right: 12px;
	bottom: 12px;
}

.hoverbox-image i {
	font-size: 9em;
	color: #ffffff;
	opacity: 0.5
}

.firmensommer .hoverbox-image i {
	color: #f9be18;
}

.firmensommer .blue .hoverbox-image i {
	color: #0367a2;
}

.firmensommer .hoverbox-content button.btn.btn-default {
	border-radius: 15px;
}

.firmensommer .orange .hoverbox-content button.btn.btn-default {
	background-color: #f9be18;
}

.firmensommer .frame-layout-hoverbox.frame-orange:hover,
.firmensommer .hoverbox.orange.clicked {
	background-color: #fef5dd;
	border-color: #fef5dd;
}

.firmensommer .frame-layout-hoverbox.frame-blue:hover,
.firmensommer .hoverbox.blue.clicked {
	border-color: rgba(48,94,165,.25);
}

.hinweis-entwurf p {
    font-weight: bold;
    color: #e6431b;
    font-style: italic;
}

ul.icon-list li {
    margin-bottom: 3px;
    border-bottom: 1px dotted #999;
    padding-bottom: 3px;

}

.symbole-hinweis ul.icon-list li i {
    border: none;
}

.hoverbox-image > div {
	width: 120px;
}

.hoverbox-title {
	position: absolute;
	z-index: 20;
	top: 0;
	width: 100%;
	height: 100%;

	-webkit-transition: all 250ms ease-out 50ms;
	-moz-transition: all 250ms ease-out 50ms;
	-o-transition: all 250ms ease-out 50ms;
	transition: all 250ms ease-out 50ms;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=1);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

.hoverbox.clicked .hoverbox-title {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.hoverbox h2 {
	font-size: 2.6em;
	line-height: 42px;
	font-weight: 600;
	margin-bottom: 0;
	color: #fff;
	padding: 0 30px;

	-webkit-transition: all 250ms ease-out 50ms;
	-moz-transition: all 250ms ease-out 50ms;
	-o-transition: all 250ms ease-out 50ms;
	transition: all 250ms ease-out 50ms;
}

.hoverbox-content {
	position: absolute;
	z-index: 30;
	top: 0;
	width: 100%;
	height: 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;

	-webkit-transition: all 250ms ease-out 50ms;
	-moz-transition: all 250ms ease-out 50ms;
	-o-transition: all 250ms ease-out 50ms;
	transition: all 250ms ease-out 50ms;
}

.hoverbox-content button {margin-top:24px;display:none !important;}
.hoverbox.clicked .hoverbox-content button {display:block !important;}

.hoverbox-content > div {
	padding: 30px;
}


.hoverbox-content ul li,
.hoverbox-content p {
	color: #191c1f;
	margin-bottom: 6px;
	line-height:140%;
}

.hoverbox-content ul li{
	padding-left: 15px;
	position: relative;
}

.hoverbox-content ul li::before {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  border-radius: 50%;
  background-color: rgb(48, 94, 165);
  left: 0;
  top: 9px;
}

.hoverbox-content p a {
	font-weight: bold;
	text-decoration: none;
}

.hoverbox-content p a:hover {
	color: #000000;
}

.hoverbox.clicked .hoverbox-content{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.hoverbox-content h2 {
	margin-top: 24px;
	line-height: 36px;
}

.company-logo {
	max-width: 265px;
	margin: 0 auto;
	background-color:#ff0000;
}

.company-logo a {
	background-color: #fff;
	display: block;
	margin-bottom: 24px;

	-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15);
}

.company-logo a:hover {
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

.company-logo img {
	max-width: 20.5em;
	margin: 0 auto;
}

.offer-box {
	border: 2px solid #cccbcb;
	margin-bottom: 24px;
	position:relative;
	width:100%;
transition:all 0.2s ease-out;
}

.offer-box .offer-content h2 {
	font-size: 2em;
	font-weight: bold;
	line-height: 30px;
	background-color: #0367a2;
	color: #fff;
	padding: 18px 24px;
	margin: 0;
}

.offer-box .offer-content {padding-bottom:45px;}

.offer-box .offer-content > div {
	padding: 6px 12px 6px 12px ;
}

.offer-box .offer-content > div p,
.offer-box .offer-content .firmentag-text li {
	/*margin-left: 60px;*/
	margin-bottom: 0;
}

.offer-box .offer-content > div.offer-business,
.offer-box .offer-content > div.offer-location,
.offer-box .offer-content > div.offer-date {
	background-image: url("../images/icon-datum.png");
	background-repeat: no-repeat;
	background-position: 3px 6px;
}

.offer-box .offer-content > div.offer-business {
	background-image: url("../images/icon-branche.png");
}

.offer-box .offer-content > div.offer-location {
	background-image: url("../images/icon-ort.png");
}

.offer-box .offer-button {
	background-image: url("../images/icon-detail.png");
	background-repeat: no-repeat;
	background-position: right;
	min-height:30px;
	background-color:#E0E7F2;
	padding:10px;
	border-top: 2px solid #305ea5;
	position:absolute;
	bottom:0;
	width:100%;
	transition:all 0.2s ease-out;
}

.offer-box:hover .offer-button {background-image: url("../images/icon-detail-white.png");background-color:#0367A2;transition:all 0.2s ease-out;}

.offer-box .offer-button p {
	margin: 0;
}

.offer-box .offer-button p {
	display: block;
	color: #305ea5;
	text-decoration: none;
	font-weight: 600;
	margin: 0;
	text-align: right;
	line-height: 24px;
}

.offer-box:hover .offer-button p {color:#ffffff;}

.offer-box .offer-button p span.left {

    text-align: left;
    width:50%;
    float:left;
}

.offer-box .offer-button p span.right {float:right;margin-right:35px;}

.offer-box .offer-box-href {position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
.firmentag-optionmenu {display:inline-block;width:100%;}

.offer-detail > div {
	border-top: 2px solid #cccbcb;
	margin-top: 30px;
	padding: 18px 0;
	position: relative;
}

.offer-detail > div.clearer {
	border: none;
	margin: 0;
	padding: 0;
}

.offer-detail > div.clearer:after {
	display: none;
}

.offer-detail > div:after {
	content: "\f112";
	position: absolute;
	width: 68px;
	height: 68px;
	right: 30px;
	top: -35px;
	background-color: #fefefe;
	border: 2px solid #cccbcb;
	border-radius: 50%;
	font-family: flaticon !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 3.6em;
	color: #999999;
	display: flex;
	  align-items: center;
	  justify-content: center;
}

.offer-detail > div.offer-note:after {
	content: "\f10f";
}

.offer-detail > div.offer-conditions:after {
	content: "\f101";
	font-family: flaticon_erlebe-berufe-neu !important;
}

.offer-detail > div.offer-target:after {
	content: "\f102";
	font-family: flaticon_erlebe-berufe-neu !important;
}

.offer-detail > div.offer-note:after {
	content: "\f104";
	font-family: flaticon_erlebe-berufe-neu !important;
}

.offer-detail > div.offer-employer:after {
	content: "\f103";
	font-family: flaticon_erlebe-berufe-neu !important;
}

.offer-detail > div h3 {
	margin-top: 12px;
}






/* *************************
	Karte
************************* */

#miniMap {
width: 100%;height: 250px;
}

#map {width: 100%;height: 800px;}
#map.leaflet-container .leaflet-pane {width:100% !important;}
#map.leaflet-container .leaflet-popup {width:90%;max-width:500px;}
#map.leaflet-container .leaflet-popup .offer-box {margin:0;}
#map.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .logo-box img {width:50%;margin:6px auto 0 auto;max-height: 100px; width: auto;}
#map.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper h2 {font-size:1.4em;padding:9px 12px;}
#map.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper p,
#map.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper li {font-size:1em;margin:0;}
#map.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .firmentag-firmenname,
#map.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .offer-content div {padding: 6px 12px;}
#map.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .firmentag-firmenname {text-align:center;}
#map.leaflet-container .leaflet-popup .leaflet-popup-content {width:96% !important;margin:2%;padding:0;}
.leaflet-container a.leaflet-popup-close-button {font-weight:bold;font-size:2em;line-height:100%;padding:0;margin:2px;z-index:10;top:2px;right:2px;width:48px;height:48Px;background-color:#ffffff;border:2px solid #0367A2;border-radius:22px;}
.leaflet-container a.leaflet-popup-close-button span {display:block;width:100%;height:100%;padding-top:5px;}
.leaflet-container .leaflet-overlay-pane svg {
    max-width: none !important;
    max-height: none !important;
}

/* *************************
	FIRMENANGEBOTE
************************* */

#firmentage-angebote {
	padding-bottom: 90px;
}

#firmentage-angebote .three-cols-33 .angebot .firmentag-firmenname p {
  padding: 12px;
  margin: 0;
  text-align: center;
  background-color: #e0e7f2;
  font-weight: bold;
}

#firmentage-angebote .three-cols-33 .angebot .offer-logo img {
	max-width: 240px;
	margin: 0 auto;
	padding: 12px;
	max-height: 100px;
	width: auto;
}

#firmentage-angebote h1 {}
#firmentage-angebote .mapListSelector {
    display:inline-block;float:right;
    border: 2px solid #cccbcb;
    transition:all 0.2s ease-out;
    padding-right: 10px;
}

#firmentage-angebote .mapListSelector:hover {color: #fff;}


#firmentage-angebote .mapListSelector:hover {transform:scale(1.025);transition:all 0.2s ease-out;}
#firmentage-angebote .mapListSelector:hover {transition:all 0.2s ease-out;-webkit-box-shadow: 0px 0px 15px 0px rgba(143,143,143,0.8);
    box-shadow: 0px 0px 15px 0px rgba(143,143,143,0.8);background-color: #0367a2;border-color: #0367a2;}


#firmentage-angebote .mapListSelector span {
    font-size: 18px;
	font-weight: bold;
	margin-right: 12px;
	line-height: 60px;
}
#firmentage-angebote h1 span {font-size:0.5em;font-weight:300;line-height:72px;margin-left:12px;float:right;}
#firmentage-angebote h1 i {font-size:1em;margin:9px;display:inline-block;float:right;}
#firmentage-angebote-result .angebot:nth-child(3n+4) {clear:both;}
#firmentage-angebote-result {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#firmentage-angebote-result .angebot {display: -webkit-flex;display: -ms-flexbox;display: flex;transition:all 0.2s ease-out;}
#firmentage-angebote-result .angebot:hover {transform:scale(1.025);transition:all 0.2s ease-out;}
#firmentage-angebote-result .angebot:hover .offer-box {transition:all 0.2s ease-out;-webkit-box-shadow: 0px 0px 15px 0px rgba(143,143,143,0.8);
box-shadow: 0px 0px 15px 0px rgba(143,143,143,0.8);}


/* *************************
	ACCORDIONS
************************* */

#mainbody .ui-accordion .ui-accordion-header {
	border: none;
	border-radius: 0;
	color: #ffffff;
	background-color: rgba(3,103,162,0.6);
	font-size: 1.8em;
	line-height: 30px;
	margin: 12px 0;
	webkit-transition: all 250ms ease-out 50ms;
	-moz-transition: all 250ms ease-out 50ms;
	-o-transition: all 250ms ease-out 50ms;
	transition: all 250ms ease-out 50ms;
	border-radius: 15px;
}

#mainbody .ui-accordion .ui-accordion-header:hover {
	color: #ffffff;
	background-color: #0367a2;
}

#mainbody .ui-accordion .ui-accordion-header.ui-state-active {
	color: #ffffff;
	background-color: #e6431b;
	border-color: #e6431b;
}

#mainbody .ui-accordion-content ul {
	margin: 0 0 30px 30px;
}

#mainbody .ui-accordion-content h4 {
	margin-bottom: 15px;
	color: #000000;
}

/* *************************
	FOOTER
************************* */

#footer {
	background-image: url("../images/footer-bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	height: 120px;
	overflow: hidden;
}

#footer-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999999;
}

#footer-left {
	position: absolute;
	z-index: 99999999;
	width: 59.184%;
	height: 72px;
	background-color: rgb(230,67,27);
	background-color: rgba(230,67,27,.75);
	top: 0;
	left: 0;
}

#footer-right {
	position: absolute;
	z-index: 99999999;
	width: 42.858%;
	height: 72px;
	background-color: rgb(48,94,165);
	background-color: rgba(48,94,165,.75);
	top: 24px;
	right: 0;
}

#footer-right form {
	padding: 12px;
}

#footer-right form select {
	border: none;
	width: 70%;
	background-color: #fff;
	padding: 12px;
	box-sizing: border-box;
	margin: 0;
	font-weight: 400;
	float: left;
}

#footer-right form input {
	border: 1px solid #ffffff;
	width: 30%;
	box-sizing: border-box;
	float: left;
	padding: 7px;
	background-color: #0367a2;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all 250ms ease-out 50ms;
	-moz-transition: all 250ms ease-out 50ms;
	-o-transition: all 250ms ease-out 50ms;
	transition: all 250ms ease-out 50ms;
}

#footer-right form input:hover {
	background-color: #ffffff;
	color: #0367a2;
}

#footer-left::after {
	content: "";
	position: absolute;
	left: -300%;
	top: 0;
	height: 72px;
	background-color: rgb(230,67,27);
	background-color: rgba(230,67,27,.75);
	width: 300%;
	z-index: 999999;
}

#footer-right::after {
	content: "";
	position: absolute;
	right: -300%;
	top: 0;
	height: 72px;
	background-color: rgb(48,94,165);
	background-color: rgba(48,94,165,.75);
	width: 300%;
	z-index: 999999;
}

#footer-left ul {
	float: left;
	margin-left: 24px;
	position: relative;
	z-index: 999999999;
	margin-top: 15px;
}

#footer-left ul li {
	float: left;
	font-size: 1em;
	position: relative;
	margin-right: 24px;
}

#footer-left ul li a {
	display: block;
	font-size: 1.6em;
	color: #fff;
	text-decoration: none;
	padding: 12px 0;
	font-weight: 600;
}

#footer-right .select2-container {float: left; width: 70%; border: none;}
#footer-right .select2-container--default .select2-selection--single {border-radius: 0; border: none;height: auto;padding: 9px;box-sizing: border-box;font-size: 18px;line-height: 30px;}
#footer-right .select2-container--default .select2-selection--single .select2-selection__arrow {height: 100%;}


.xdsoft_datetimepicker.xdsoft_inline {width:100%;}
.xdsoft_datetimepicker .xdsoft_datepicker {width:80%;}
#mainbody .xdsoft_datetimepicker .xdsoft_timepicker button.xdsoft_prev {margin-bottom:8px !important;}

#mainbody .alert {color:#ffffff;font-size:1.6em;background-color: #e6431b;padding:12px 24px;display:inline-block;margin-bottom:24px;}
#mainbody .alert ul li {font-size:1em;}

.hinweiskasten {clear:both;margin:48px 0;outline: 5px dashed #0E6EA6; border-radius: 5px; padding: 16px;background-color:#e6431b;color:#ffffff;}
.hinweiskasten p:last-child {margin-bottom:0;}
.hinweiskasten i {border:1px solid #ffffff;padding:5px;display:inline-block;margin:0 5px;}

.symbole-hinweis {clear:both;}
.symbole-hinweis i {color:#0e6ea6;border:1px solid #0e6ea6;padding:5px 3px 3px 3px;}
.symbole-hinweis .flaticon-bin {color:#E6431B;border-color:#E6431B;}

#filterButton input.filtern {float:right;}
#filterButton input.resetten {float:right;background-color:#0367A2;margin-left:20px;}
#filterButton input.resetten:hover {background-color:#e6431b;}

.pageNavigation .inline-flex {display: block;}

#logomobile {display: none;}


/* *************************
	FIRMENSOMMER
************************* */

.firmensommer #slider .wrapper p::before {
	background-color: rgba(249,190,29,.75);
	border-radius: 50%;
	top: -90px;
}

.firmensommer p.button a {
	background-color: #f9be18;
	border-radius: 15px;
}

.firmensommer .introduction {
	padding: 0;
}

.firmensommer .hoverbox {
	background-color: #ffffff;
	border: 3px solid #f9be18;
	border-radius: 15px;
	color: #f9be18;
}

.firmensommer .hoverbox h2 {
	color: #f9be18;
}

.firmensommer .hoverbox.blue {
	border-color: #0367a2;
}

.firmensommer .hoverbox.blue h2 {
	color: #0367a2;
}

.process {
	position: relative;
}

.process .process-number {
	position: absolute;
	width: 60px;
	height: 60px;
	background-color: #f9be18;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items:center;
}

.process .process-number p {
	margin: 0;
	font-size: 3em;
	color: #ffffff;
	font-weight: bold;
	line-height: 60px;
}

.process .process-content {
	margin: 0 45px 0 90px;
}

.process .process-content a {
	color: #575a5d;
	text-decoration: underline;
}

.process .process-content h4 {
	color: #f9be18;
	font-size: 3em;
	font-weight: bold;
	margin: 0 0 30px 0;
	padding-top: 18px;
	line-height: 36px;
}

.bg-yellow .three-cols-33 {
	margin-top: 60px;
}


/*
.firmensommer .hoverbox {
	border-radius: 50%;
	height: 360px;
	width: 360px;
	margin: 0 auto 48px auto;
	text-align: center;
}

.firmensommer .hoverbox-title,
.firmensommer .hoverbox-content {
	display: flex;
	align-items: center;
	justify-content: center;
}

.firmensommer .hoverbox h2 {
	margin: 0;
	line-height: 36px;
}

.firmensommer .hoverbox-image {
	display: none;
}
*/

.firmensommer #footer {
  background-image: url("../images/firmensommer-footer-bg.jpg");
}

/* *************************
	RESPONSIVE
************************* */

@media only screen and (min-width: 1025px)  and (max-width: 1550px){
	#header #mainnavi-right ul {margin-right: 0;}
	#mainbody #content-context,
	#mainbody #content-fullwidth {margin: 0 2.041%;}
	#filter label {font-size: 18px;}
	#mainbody .hoverbox {min-height: 330px;}

	.bg-yellow .three-cols-33 {margin: 0 2.041%;}
}

@media only screen and (min-width: 1025px)  and (max-width: 1200px){


	#header-top #logo img {margin: 0 0 0 12px;}
	#header-top #logos-right {min-width: 240px;}

	#header #mainnavi-right ul {margin-right: 0;}
	#header #mainnavi-right ul li {font-size:0.85em;}
	#header #mainnavi-right ul li a {padding: 27px 11px;}

	#header #header-image .wrapper p {padding-left: 0;}
	#header #slider .wrapper p {min-width: 500px;margin-left: 2.041%;}

	#mainbody #content-context,
	#mainbody #content-fullwidth {margin: 0 2.041%;}

	#mainbody .hoverbox .hoverbox-content p {font-size:1.6em;line-height:140%;}

	#filter-wrapper #filter .filter-center,
	#filter-wrapper #filter .filter-left {}

	.frame-layout-linkbox {min-height:350px;}

	#filterButton > div {float: left;}
	#filter-wrapper #filter {width: 100%;}
	#filter-wrapper #filter .filter-right,
	#filter-wrapper #filter .filter-center,
	#filter-wrapper #filter .filter-left {width: 48.25%; margin-right: 3.5%; margin-bottom: 0;}
	#filter-wrapper #filter .filter-center {margin-right: 0;}
	#filter-wrapper #filter .filter-right {margin-bottom: 0;width: 100%;}
	#filter-wrapper #filter .filter-right > div {margin-left:0;}


	#mainbody .hoverbox h2 {margin-top: 20px;font-size: 2.2em;line-height: 135%;}
	#mainbody .hoverbox {min-height: 330px;}

	.bg-yellow .three-cols-33 {margin: 0 2.041%;}
	.process .process-content {margin: 0; padding: 60px 0 30px 0;}
}

@media only screen and (min-width: 861px)  and (max-width: 1024px){


  #logomobile {display: block;}
  #logomobile img {max-width: 15em;}
  #header-top #logo {display: none;}
  	/* HEADER TOP */
	#header-top {padding: 0;position: absolute;top: 0;left: 2%;width:90%;z-index: 9999999999;height: 60px;}
	#header-top #logo {position:relative;padding: 12px; float: left;display:none;}
	#header-top #logo img {max-width: 21em;margin: 0;}
	#header-top #logos-right {min-width: 240px;position: absolute;height: 60px;}
	#header-top #logos-right .logo {display:block;height: 150px;margin-top: 5px;max-height: none;max-width: none;}
	#header-top #logos-right img {max-width: 9em;}


	/* HEADER */
	#header {clear: both;}
	#header #mainnavi-left,
	#header #mainnavi-right {height: 48px;}
	#header #mainnavi-left:after,
	#header #mainnavi-right:after {display: none;}
	.mean-container .mean-bar {background-color: transparent;z-index: 9999999999;}

	#header #header-slogan .wrapper p,
	#header #slider .wrapper p {font-size: 3.6em; line-height: 42px; bottom: 12px; left: 12px;width: 75%; padding: 24px;margin-bottom: 0;max-width: 360px;}
	#header #slider .wrapper p::before {width: 120px; height: 120px;top: 0;}
	#header #header-slogan .wrapper p {left:  auto; bottom: 60px;right: 24px;padding: 0;width: 100%;text-align: right;}

	/* MAINBODY */
	#mainbody .bg-grey h2 {font-size: 3.6em; line-height: 42px;margin-top: 48px; margin-bottom: 24px;}
	#mainbody .wrapper {width: 95%;}
	#mainbody .bg-grey,
	#mainbody .bg-white {padding-top: 24px; padding-bottom: 48px;}
	#mainbody .introduction {padding-bottom: 24px;}
	#mainbody .introduction p {font-size: 4.2em; line-height: 48px;padding: 0 36px;}
	.firmensommer #mainbody .introduction p {font-size: 3.6em; line-height: 42px;padding: 0 36px;}
	.firmensommer #mainbody .introduction p br {display: none;}

	#mainbody #content .offer-box .offer-logo img {max-width: 36em;}
	#mainbody #content .three-cols-33-33-33 > div.col-right.even,
	#mainbody #content .three-cols-33-33-33 > div.col-left.even,
	#mainbody #content .three-cols-33-33-33 > div.col-center.even {margin-right: 0;}
	#mainbody #content .three-cols-33-33-33 > div.col-left {clear: none;}

	#mainbody #content-context .content h1 {}
	#mainbody #content-context .context {width: 38%; margin-right: 5%;}
	#mainbody #content-context .content {width: 57%;}
	#mainbody #content-context .content .offer-detail > div {padding-top: 24px; margin-top: 48px;}

	/* QUICKLINK START */
	#mainbody .three-cols-33-33-33 > div {width: 48.25%; margin-right: 3.5%;float: left; max-width: none;}
	#mainbody .three-cols-33-33-33.even > div.col-left,
	#mainbody .three-cols-33-33-33.even > div.col-right,
	#mainbody .three-cols-33-33-33.odd > div.col-center {margin-right: 0;}
	#mainbody .three-cols-33-33-33 > div.clearer {float: none; width: 100%;}
	#mainbody .three-cols-33-33-33.odd > div.clearer {clear: none; display: none;}
	#mainbody .three-cols-33-33-33.odd.last > div.clearer {clear: both;display: block;}

	/* FILTER */
	#filter-wrapper #filter {width: 100%;}
	#filter-wrapper #filter .filter-center,
	#filter-wrapper #filter .filter-left {}

	.frame-layout-linkbox {min-height:450px;}

	#firmentage-angebote-result .angebot {width: 48.936%;margin: 0;}
	#firmentage-angebote-result .angebot:nth-child(2n+1) {margin-right: 2.128%;clear:both;}
	#firmentage-angebote-result .angebot:nth-child(3n+4) {clear:none;}


	.mapListSelector { font-size: 18px; margin: 20px 0;}
	#firmentage-angebote h1 a.mapListSelector i {font-size: 40px;}

	/* FILTER */
	#filterButton > div {float: left;}
	#filter-wrapper #filter {width: 100%;}
	#filter-wrapper #filter .filter-right,
	#filter-wrapper #filter .filter-center,
	#filter-wrapper #filter .filter-left {width: 48.25%; margin-right: 3.5%; margin-bottom: 0;}
	#filter-wrapper #filter .filter-center {margin-right: 0;}
	#filter-wrapper #filter .filter-right {margin-bottom: 0;width: 100%;}
	#filter-wrapper #filter .filter-right > div {margin-left:0;}
	#filter label {font-size: 16px;}
	#mainbody .hoverbox h2 {margin-top: 20px;font-size: 2em;line-height: 135%;}
	#mainbody .hoverbox-content p {font-size: 1.6em;line-height: 135%;}

	.mean-container .mean-nav ul li a {text-align: right; padding-right:60px;box-sizing: border-box; width: 100%;}

	.firmensommer .three-cols-33 > div {float: none; width: 100%; margin: 0;}
	.bg-yellow {padding: 30px 0;}
	.bg-yellow h2 {margin-top: 30px;}
	.firmensommer #logos-right {margin-top: 5px;}
	.firmensommer #header-top #logos-right .logo {height: 60px;}
}

@media only screen and (min-width: 768px) {

}

@media only screen and (min-width: 641px)  and (max-width: 860px){


  #logomobile {display: block;}
  #logomobile img {max-width: 15em;}
  #header-top #logo {display: none;}

  #content-context .context {padding-top: 0; padding-bottom: 60px; overflow: hidden;}

  	/* HEADER TOP */
	#header-top {padding: 0;position: absolute;top: 0;left: 2%;width:90%;z-index: 9999999999;height: 60px;}
	#header-top #logo {position:relative;padding: 12px; float: left;display:none;}
	#header-top #logo img {max-width: 21em;margin: 0;}
	#header-top #logos-right {min-width: 240px;position: absolute;height: 60px;}
	#header-top #logos-right .logo {display:block;height: 150px;margin-top: 5px;max-height: none;max-width: none;}
	#header-top #logos-right img {max-width: 9em;}


	/* HEADER */
	#header {clear: both;}
	#header #mainnavi-left,
	#header #mainnavi-right {height: 48px;}
	#header #mainnavi-left:after,
	#header #mainnavi-right:after {display: none;}

	#header #header-slogan .wrapper p,
	#header #slider .wrapper p {font-size: 3.6em; line-height: 42px; bottom: 12px; left: 12px;width: 75%; padding: 24px;margin-bottom: 0;max-width: 360px;}
	#header #slider .wrapper p::before {width: 120px; height: 120px;top: 0;}
	#header #header-slogan .wrapper p {left:  auto; bottom: 60px;right: 24px;padding: 0;width: 100%;text-align: right;}

	/* MAINBODY */
	#mainbody .bg-grey h2 {font-size: 3.6em; line-height: 42px;margin-top: 48px; margin-bottom: 24px;}
	#mainbody .wrapper {width: 90%;}
	#mainbody .bg-grey,
	#mainbody .bg-white {padding-top: 24px; padding-bottom: 48px;}
	#mainbody .introduction {padding-bottom: 24px;}
	#mainbody .introduction p {font-size: 4.2em; line-height: 48px;padding: 0 36px;}
	.firmensommer #mainbody .introduction p {font-size: 3.6em; line-height: 42px;padding: 0 36px;}
	.firmensommer #mainbody .introduction p br {display: none;}

	#mainbody .three-cols-20-20-20,
	#mainbody .five-cols-20-20-20-20-20,
	#mainbody .three-cols-33-33-33 {margin: 0; width: 100%;}
	#mainbody .three-cols-20-20-20 > div,
	#mainbody .five-cols-20-20-20-20-20 > div,
	#mainbody .three-cols-33-33-33 > div {width: 100%; float: none;margin: 0 auto; max-width: 360px;}


	#mainbody #content .offer-box .offer-logo img {max-width: 36em;}
	#mainbody #content .three-cols-33-33-33 > div.col-right.even,
	#mainbody #content .three-cols-33-33-33 > div.col-left.even,
	#mainbody #content .three-cols-33-33-33 > div.col-center.even {margin-right: 0;}
	#mainbody #content .three-cols-33-33-33 > div.col-left {clear: none;}

	#mainbody #content-context .context,
	#mainbody #content-context .content {float: none; width: 100%;}
	#mainbody #content-context .content .offer-detail > div {padding-top: 48px;margin-top: 48px;}
	#mainbody #content-context .content .offer-detail > div::after {right: 50%; margin-right: -36px;}
	#mainbody #content-context .context #offer-context .image-wrapper {border: 2px solid #e5e5e5;}
	#mainbody #content-context .context #offer-context .image-wrapper img {max-width: 36em;}

	#firmentage-angebote-result .angebot {width:100%;margin:0;}

	/* QUICKLINK START */
	#mainbody .three-cols-33-33-33 > div {width: 48.25%; margin-right: 3.5%;float: left; max-width: none;}
	#mainbody .three-cols-33-33-33.even > div.col-left,
	#mainbody .three-cols-33-33-33.even > div.col-right,
	#mainbody .three-cols-33-33-33.odd > div.col-center {margin-right: 0;}
	#mainbody .three-cols-33-33-33 > div.clearer {float: none; width: 100%;}
	#mainbody .three-cols-33-33-33.odd > div.clearer {clear: none; display: none;}
	#mainbody .three-cols-33-33-33.odd.last > div.clearer {clear: both;display: block;}


	/* KOOPERATIONSPARTNER */
	#mainbody .bg-grey .five-cols-20-20-20-20-20 > div,
	#mainbody .bg-grey .three-cols-20-20-20 > div {float: left; width: 31%; margin-right: 3.5%;}
	#mainbody .bg-grey .five-cols-20-20-20-20-20.row-even > div.col-left,
	#mainbody .bg-grey .five-cols-20-20-20-20-20.row-even > div.col-right-center,
	#mainbody .bg-grey .five-cols-20-20-20-20-20.row-even > div.col-right,
	#mainbody .bg-grey .five-cols-20-20-20-20-20.row-odd > div.col-center,
	#mainbody .bg-grey .three-cols-20-20-20 > div.col-right {margin-right: 0;}
	#mainbody .bg-grey .five-cols-20-20-20-20-20.row-odd > div.clearer {clear: none; display: none;}
	#mainbody .bg-grey .five-cols-20-20-20-20-20 > div.clearer,
	#mainbody .bg-grey .three-cols-20-20-20 > div.clearer {float: none; width: 100%;}

	/* FILTER */
	#filter-wrapper #filter {width: 100%;}
	#filter-wrapper #filter .filter-right,
	#filter-wrapper #filter .filter-center,
	#filter-wrapper #filter .filter-left {width: 48.25%; margin-right: 3.5%; margin-bottom: 0;}
	#filter-wrapper #filter .filter-center {margin-right: 0;}
	#filter-wrapper #filter .filter-right {margin-bottom: 0;width: 100%;}
	#filter-wrapper #filter .filter-right > div {margin-left:0;}

	/* FOOTER */
	#footer {height: 240px;}
	#footer #footer-right {display: none;}
	#footer #footer-left {width: 100%; position: static; height: auto;padding-top: 12px;}
	#footer #footer-left ul {float: none; margin: 0; overflow: hidden;width: 90%; margin: 0 auto;}
	#footer #footer-left ul li {width: 48.25%; margin-right: 3.5%;margin-bottom: 12px;}
	#footer #footer-left ul li.even {margin-right: 0;}
	#footer #footer-left ul li a {background-color: rgb(255,255,255);background-color: rgba(255,255,255,.25);text-align: center;padding: 12px;line-height: 24px;}

	.layout-50-right,
	.layout-50-left {
		float: left;
		width: 100%;
		margin-bottom: 24px;
	}
	.frame-layout-linkbox {min-height:400px;}
	#mainbody .hoverbox-content > div {padding:15px;}
	#mainbody .hoverbox {min-height: 300px;}
	#mainbody .hoverbox h2 {margin-top: 20px;font-size: 2em;line-height: 135%;}
	#mainbody .hoverbox-content p {font-size: 1.6em;line-height: 135%;}

	#content-context .content .offer-gallery .flexslider {width:100%;}
	#firmentage-angebote-result .angebot {width:100%;margin:0;display:block;}
	thead {display:none;}
	tr {
		float: left;
		width: 100%;
		margin-bottom: 2em;
	}
	td {
		float: left;
		width: 100%;
	}
	td::before {
		content: attr(data-label);
		word-wrap: break-word;
		background: #eeeeee;
		width: 100%;
		float: left;
		padding: 5px;
		font-weight: bold;
		color:#E6431B;
		margin-bottom:15px;
	}
	td span {display:inline-block;line-height: 1.25rem;}
	td:last-child {border-bottom:5px solid #025687;}
	td br {display:none;}

	h1 {font-weight: bold; line-height: 48px;}
	.mapListSelector {display: block; font-size: 18px; float: none; width: 100%; margin: 20px 0;}
	#firmentage-angebote h1 a.mapListSelector span {float: left; display: block;}
	#firmentage-angebote h1 a.mapListSelector i {float: left; font-size: 40px;display: block;}

	#filterButton > div {float: left;}
	#filter label {font-size: 16px;}
	#map.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper h2 {font-size: 20px; line-height: 30px;}
	#map.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .firmentag-firmenname,
	#map.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .offer-content div {padding: 0 12px;}


	.mean-container .mean-nav ul li a {text-align: right; padding-right:60px;box-sizing: border-box; width: 100%;}

	.firmensommer .three-cols-33 > div {float: none; width: 100%; margin: 0;}
	.process .process-content {margin: 0; padding: 60px 0 30px 0;}
	.bg-yellow {padding: 30px 0;}
	.bg-yellow h2 {margin-top: 30px;}
	.firmensommer #logos-right {margin-top: 5px;}
	.firmensommer #header-top #logos-right .logo {height: 60px;}

	.xdsoft_calendar td::before {display: none;}
}



@media only screen and (min-width: 521px)  and (max-width: 640px){


  #content-context .context {padding-top: 0; padding-bottom: 60px; overflow: hidden;}
  #logomobile {display: block;}
  #logomobile img {max-width: 15em;}
  #header-top #logo {display: none;}

  .hoverbox-image {opacity: 0.4;}
  .hoverbox-content {position: relative;}

  	/* HEADER TOP */
	#header-top {padding: 0;position: absolute;top: 0;left: 2%;width:90%;z-index: 9999999999;height: 60px;}
	#header-top #logo {position:relative;padding: 12px; float: left;display:none;}
	#header-top #logo img {max-width: 21em;margin: 0;}
	#header-top #logos-right {min-width: 240px;position: absolute;height: 60px;}
	#header-top #logos-right .logo {display:block;height: 150px;margin-top: 5px;max-height: none;max-width: none;}
	#header-top #logos-right img {max-width: 9em;}


	/* HEADER */
	#header {clear: both;}
	#header #mainnavi-left,
	#header #mainnavi-right {height: 48px;}
	#header #mainnavi-left:after,
	#header #mainnavi-right:after {display: none;}

	#header #header-slogan .wrapper p,
	#header #slider .wrapper p {font-size: 3.6em; line-height: 42px; bottom: 12px; left: 12px;width: 75%; padding: 24px;margin-bottom: 0;max-width: 360px;}
	#header #header-slogan .wrapper p {left:  auto; bottom: 60px;right: 12px;padding: 0;width: 100%;text-align: right;}
	#header #slider .wrapper p::before {width: 120px; height: 120px;top: 0;}
	#header #header-image img,
	#header .flexslider .slides img {height: 336px; width: auto;object-fit: cover;}


	/* MAINBODY */
	#mainbody .bg-grey h2 {font-size: 3em; line-height: 36px;margin-top: 48px; margin-bottom: 12px;}
	#mainbody .wrapper {width: 90%;}
	#mainbody .bg-grey,
	#mainbody .bg-white {padding-top: 24px; padding-bottom: 48px;}
	#mainbody .introduction {padding-bottom: 24px;}
	#mainbody .introduction p {font-size: 3em; line-height: 36px;padding: 0 36px;}
	.firmensommer #mainbody .introduction p {font-size: 2.6em; line-height: 30px;padding: 0 36px;}
	.firmensommer #mainbody .introduction p br {display: none;}

	#mainbody .three-cols-20-20-20,
	#mainbody .five-cols-20-20-20-20-20,
	#mainbody .three-cols-33-33-33 {margin: 0; width: 100%;}
	#mainbody .three-cols-20-20-20 > div,
	#mainbody .five-cols-20-20-20-20-20 > div,
	#mainbody .three-cols-33-33-33 > div {width: 100%; float: none;margin: 0 auto; }
	#mainbody #content-fullwidth .three-cols-33-33-33 > div {max-width: none;}

	#mainbody #content .offer-box .offer-logo img {max-width: 36em;}
	#mainbody #content-context .context,
	#mainbody #content-context .content {float: none; width: 100%;}
	#mainbody #content-context .content .offer-detail > div {padding-top: 48px;margin-top: 48px;}
	#mainbody #content-context .content .offer-detail > div::after {right: 50%; margin-right: -36px;}
	#mainbody #content-context .context #offer-context .image-wrapper {border: 2px solid #e5e5e5;}
	#mainbody #content-context .context #offer-context .image-wrapper img {max-width: 36em;}

	/* KOOPERATIONSPARTNER */
	#mainbody .bg-grey .five-cols-20-20-20-20-20 > div,
	#mainbody .bg-grey .three-cols-20-20-20 > div {float: left; width: 31%; margin-right: 3.5%;}
	#mainbody .bg-grey .five-cols-20-20-20-20-20.row-even > div.col-left,
	#mainbody .bg-grey .five-cols-20-20-20-20-20.row-even > div.col-right-center,
	#mainbody .bg-grey .five-cols-20-20-20-20-20.row-even > div.col-right,
	#mainbody .bg-grey .five-cols-20-20-20-20-20.row-odd > div.col-center,
	#mainbody .bg-grey .three-cols-20-20-20 > div.col-right {margin-right: 0;}
	#mainbody .bg-grey .five-cols-20-20-20-20-20.row-odd > div.clearer {clear: none; display: none;}
	#mainbody .bg-grey .five-cols-20-20-20-20-20 > div.clearer,
	#mainbody .bg-grey .three-cols-20-20-20 > div.clearer {float: none; width: 100%;}

	#firmentage-angebote-result .angebot {width:100%;margin:0;}

	/* FILTER */
	#filter-wrapper #filter {width: 100%;}
	#filter-wrapper #filter .filter-right,
	#filter-wrapper #filter .filter-center,
	#filter-wrapper #filter .filter-left {float: none; margin: 0 0 24px 0; width: 100%;}
	#filter-wrapper #filter .filter-left > div,
	#filter-wrapper #filter .filter-center > div,
	#filter-wrapper #filter .filter-right > div {margin:0;}

	#mainbody #berufContainer .select2-container .select2-selection--single .select2-selection__rendered {white-space:normal;height:30px;}

	/* FOOTER */
	#footer {height: 240px;}
	#footer #footer-right {display: none;}
	#footer #footer-left {width: 100%; position: static; height: auto;padding-top: 12px;}
	#footer #footer-left ul {float: none; margin: 0; overflow: hidden;width: 90%; margin: 0 auto;}
	#footer #footer-left ul li {width: 48.25%; margin-right: 3.5%;margin-bottom: 12px;}
	#footer #footer-left ul li.even {margin-right: 0;}
	#footer #footer-left ul li a {background-color: rgb(255,255,255);background-color: rgba(255,255,255,.25);text-align: center;padding: 12px;line-height: 24px;}

	.layout-50-right,
	.layout-50-left {
		float: left;
		width: 100%;
		margin-bottom: 24px;
	}

	.frame-layout-linkbox {min-height:450px;}
	#mainbody .hoverbox {min-height:150px;}
	#mainbody .hoverbox-content p {font-size: 1.4em;line-height: 150%;}
	#mainbody .hoverbox h2 {margin-top: 20px;font-size: 2.2em;line-height: 125%;}
	#mainbody .hoverbox-content button {max-width:75%;margin:12px auto 0 auto;padding:5px 12px;font-size:1.6em ;}
	#mainbody .hoverbox-content > div {padding: 20px;}
	#content-context .content .offer-gallery .flexslider {width:100%;}
	#firmentage-angebote-result .angebot {width:100%;margin:0;display:block;}
	thead {display:none;}
	tr {
		float: left;
		width: 100%;
		margin-bottom: 2em;
	}
	td {
		float: left;
		width: 100%;
	}
	td::before {
		content: attr(data-label);
		word-wrap: break-word;
		background: #eeeeee;
		width: 100%;
		float: left;
		padding: 5px;
		font-weight: bold;
		color:#E6431B;
		margin-bottom:15px;
	}
	td span {display:inline-block;line-height: 1.25rem;}
	td:last-child {border-bottom:5px solid #025687;}
	td br {display:none;}
	.pageNavigation div:first-child {display:none;}
	.pageNavigation div:last-child,
	.pageNavigation div:last-child div {display:block;}


	h1 {font-weight: bold; line-height: 48px;}
    #firmentage-angebote h1,
    #mainbody #content-context .content h1, #mainbody #content h1 {font-size: 3em;}
    .process .process-content h4 {font-size: 2.4em;}
	.mapListSelector {display: block; font-size: 18px; float: none; width: 100%; margin: 20px 0;}
	#firmentage-angebote h1 a.mapListSelector span {float: left; display: block;}
	#firmentage-angebote h1 a.mapListSelector i {float: left; font-size: 40px;display: block;}

	#filterButton > div {float: left;}

	#map.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper h2 {font-size: 16px; line-height: 24px;}
	#map.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .firmentag-firmenname,
	#map.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .offer-content div {padding: 0 12px;}

	.mean-container .mean-nav ul li a {text-align: right; padding-right:60px;box-sizing: border-box; width: 100%;}

	.firmensommer .three-cols-33 > div {float: none; width: 100%; margin: 0;}
	.process .process-content {margin: 0; padding: 60px 0 30px 0;}
	.bg-yellow {padding: 30px 0;}
	.bg-yellow h2 {margin-top: 30px;}
	.firmensommer #logos-right {margin-top: 5px;}
	.firmensommer #header-top #logos-right .logo {height: 60px;}

	.xdsoft_calendar td::before {display: none;}
	.firmensommer #mainnavi-right,
	.firmensommer #mainnavi-left {display: none;}
}


@media screen and (max-width: 520px) {
	/*body:before {
		content:"(max-width: 520px)";
		position:absolute;
		z-index:999999999;
		width:100%;
		text-align:center;
		display:block;
		background-color:#568912;
		color:#000000;
		padding:5px 0;
		top: 0;
		font-weight: bold;
	}*/


  #content-context .context {padding-top: 0; padding-bottom: 60px;}
  #logomobile {display: block;}
  #logomobile img {max-width: 15em;}
  #header-top #logo {display: none;}
  .hoverbox-image {opacity: 0.4;}
  .hoverbox-content {position: relative;}

	/* HEADER TOP */
    .firmensommer #header-top,
	#header-top {padding: 0;position: absolute;top: 0;left: 2%;width:85%;z-index: 9999999999;height: 60px;}
	#header-top #logo {position:relative;padding: 12px; float: left;display:none;}
	#header-top #logo img {max-width: 21em;margin: 0;}
	#header-top #logos-right {min-width: 240px;}
	#header-top #logos-right .logo {display:block;height:50px;margin-top:5px;}
	#header-top #logos-right .logo {display:block;height: 150px;margin-top: 5px;max-height: none;max-width: none;}
	#header-top #logos-right img {max-width: 9em; margin-top: 15px;}
	.mean-container a.meanmenu-reveal {top: 20px; right: 20px !important;}

	/* HEADER */
	#header {clear: both;}
	#header #mainnavi-left,
	#header #mainnavi-right {height: 48px;}
	#header #mainnavi-left:after,
	#header #mainnavi-right:after {display: none;}

	#header #header-slogan .wrapper p,
	#header #slider .wrapper p {font-size: 3em; line-height: 36px; bottom: 12px; left: 12px;width: 75%; padding: 24px;margin-bottom: 0;}
	#header #header-slogan .wrapper p {left:  auto; bottom: 60px;right: auto;padding: 0;width: 100%;text-align: center;}
	#header #slider .wrapper p::before {width: 120px; height: 120px;top: 0;}
	#header #header-image img,
	#header .flexslider .slides img {height: 336px; width: auto;object-fit: cover;}


	/* MAINBODY */
	#mainbody .bg-grey h2 {font-size: 3em; line-height: 36px;margin-top: 48px; margin-bottom: 12px;}
	#mainbody .hoverbox h2 {font-size: 3em; line-height: 36px;}
	#mainbody .wrapper {width: 90%;}
	#mainbody .bg-grey,
	#mainbody .bg-white {padding-top: 24px; padding-bottom: 48px;}
	#mainbody .introduction {padding-bottom: 24px;}
	#mainbody .introduction p {font-size: 2.6em; line-height: 36px;padding: 0 0;}
	.firmensommer #mainbody .introduction p {font-size: 2.2em; line-height: 36px;padding: 0 0;}
	.firmensommer #mainbody .introduction p br {display: none;}

	#mainbody .three-cols-20-20-20,
	#mainbody .five-cols-20-20-20-20-20,
	#mainbody .three-cols-33-33-33 {margin: 0; width: 100%;}
	#mainbody .two-cols-50 > div,
	#mainbody .three-cols-20-20-20 > div,
	#mainbody .five-cols-20-20-20-20-20 > div,
	#mainbody .three-cols-33-33-33 > div {width: 100%; float: none;margin-right: 0;}
    #mainbody #content-context .content .offer-detail > div.clearer {padding: 0; margin: 0;}
    .process .process-content h4 {font-size: 2.4em;}

	#mainbody #content-context .content h1,
	#mainbody #content h1 {font-size: 2.4em; line-height: 40px;-moz-hyphens: auto;hyphens: auto;}
	#mainbody #content-context .context,
	#mainbody #content-context .content {float: none; width: 100%;}
	#mainbody #content-context .content .offer-detail > div {padding-top: 48px;margin-top: 48px;}
	#mainbody #content-context .content .offer-detail > div::after {right: 50%; margin-right: -36px;}
	#mainbody #content-context .context #offer-context .image-wrapper {border: 2px solid #e5e5e5;}

	/* KOOPERATIONSPARTNER */
	#mainbody .bg-grey .five-cols-20-20-20-20-20 > div,
	#mainbody .bg-grey .three-cols-20-20-20 > div {float: left; width: 47.5%; margin-right: 5%;}
	#mainbody .bg-grey .five-cols-20-20-20-20-20.row-even > div.col-left,
	#mainbody .bg-grey .five-cols-20-20-20-20-20.row-even > div.col-center,
	#mainbody .bg-grey .five-cols-20-20-20-20-20.row-even > div.col-right,
	#mainbody .bg-grey .five-cols-20-20-20-20-20.row-odd > div.col-left-center,
	#mainbody .bg-grey .five-cols-20-20-20-20-20.row-odd > div.col-right-center,
	#mainbody .bg-grey .three-cols-20-20-20 > div.col-center {margin-right: 0;}
	#mainbody .bg-grey .five-cols-20-20-20-20-20.row-odd > div.clearer {clear: none; display: none;}
	#mainbody .bg-grey .five-cols-20-20-20-20-20 > div.clearer,
	#mainbody .bg-grey .three-cols-20-20-20 > div.clearer {float: none; width: 100%;}

	#mainbody .hoverbox.blue,
	#mainbody .hoverbox {min-height:180px;}
	#mainbody .hoverbox-content > div {padding:20px;}
	#mainbody .hoverbox-content p {font-size:1.4em;line-height:150%;}
	#mainbody .hoverbox h2 {margin-top:20px;font-size:2em;line-height:125%;}

	#firmentage-angebote-result .angebot {width:100%;margin:0;display:block;}

	/* FILTER */
	#filter-wrapper #filter {width: 100%;}
	#filter-wrapper #filter .filter-right,
	#filter-wrapper #filter .filter-center,
	#filter-wrapper #filter .filter-left {float: none; margin: 0 0 24px 0; width: 100%;}
	#filter-wrapper p.btn-float-left {float: none; width: 100%;}
	#filter-wrapper #filter .filter-left > div,
	#filter-wrapper #filter .filter-center > div,
	#filter-wrapper #filter .filter-right > div {margin:0;}

	#mainbody #berufContainer .select2-container .select2-selection--single .select2-selection__rendered {white-space:normal;height:30px;}

	/* FOOTER */
	#footer {height: 240px;}
	#footer #footer-right {display: none;}
	#footer #footer-left {width: 100%; position: static; height: auto;padding-top: 12px;}
	#footer #footer-left ul {float: none; margin: 0; overflow: hidden;width: 90%; margin: 0 auto;}
	#footer #footer-left ul li {width: 47.5%; margin-right: 5%;margin-bottom: 12px;}
	#footer #footer-left ul li.even {margin-right: 0;}
	#footer #footer-left ul li a {background-color: rgb(255,255,255);background-color: rgba(255,255,255,.25);text-align: center;padding: 12px;line-height: 24px;}

	.layout-50-right,
	.layout-50-left {float: left;width: 100%;margin-bottom: 24px;}
	#mainbody .hoverbox-content button {max-width:75%;margin:12px auto 0 auto;padding:5px 12px;font-size:1.6em ;}
	#content-context .content .offer-gallery .flexslider {width:100%;}
	thead {display:none;}
	tr {
		float: left;
		width: 100%;
		margin-bottom: 2em;
	}
	td {
		float: left;
		width: 100%;
	}
	td::before {
		content: attr(data-label);
		word-wrap: break-word;
		background: #eeeeee;
		width: 100%;
		float: left;
		padding: 5px;
		font-weight: bold;
		color:#E6431B;
		margin-bottom:15px;
	}
	td span {display:inline-block;line-height: 1.25rem;}
	td:last-child {border-bottom:5px solid #025687;}
	td br {display:none;}
	.pageNavigation div:first-child {display:none;}
	.pageNavigation div:last-child,
	.pageNavigation div:last-child div {display:block;}

	#filterButton input:first-child {float:left;}
	#filterButton input:last-child {float:left;clear:both;margin-top:12px;}

	#filterButton input.resetten {float: left; margin-left: 0;}
	h1 {font-weight: bold; line-height: 48px;}
	.mapListSelector {display: block; font-size: 18px; float: none; width: 100%; margin: 20px 0;}
	#firmentage-angebote h1 a.mapListSelector span {float: left; display: block;}
	#firmentage-angebote h1 a.mapListSelector i {float: left; font-size: 40px;display: block;}

	#map.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper h2 {font-size: 16px; line-height: 24px;}
	#map.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .firmentag-firmenname,
	#map.leaflet-container .leaflet-popup .leaflet-popup-content-wrapper .offer-content div {padding: 0 12px;}

	.mean-container .mean-nav {margin-top: 120px;}
	#header-top #logos-right .logo {display:block;height:90px;margin-top:15px;}

	.firmensommer .three-cols-33 > div {float: none; width: 100%; margin: 0;}
	.process .process-content {margin: 0; padding: 60px 0 30px 0;}
	.bg-yellow {padding: 30px 0;}
	.bg-yellow h2 {margin-top: 30px;}
	.firmensommer #logos-right {margin-top: 0;}
	#login-form .flex.items-center.mt-4.space-before-small {display: block}
	#mainbody #login-form .linkNextButton {margin: 30px 0 0 0; display: inline-block;}

	.xdsoft_calendar td::before {display: none;}
	.firmensommer #mainnavi-right,
	.firmensommer #mainnavi-left {display: none;}
    #map {width: auto; margin-right: 30px;}
}


@media screen and (max-width: 400px) {
  .hoverbox-image {opacity: 0.4;}
	#header-top #logos-right .logo {display:block;height:50px;margin-top:5px;}
	#mainbody .hoverbox.blue {min-height: 180px;}
	.mean-container .mean-nav {margin-top: 60px;}
	.mean-container a.meanmenu-reveal {top: 9px; right: 9px !important;}
	#header-top #logos-right img {margin-top: 0;}
	.firmensommer .three-cols-33 > div {float: none; width: 100%; margin: 0;}
	.process .process-content {margin: 0; padding: 60px 0 30px 0;}
	.bg-yellow {padding: 30px 0;}
	.bg-yellow h2 {margin-top: 30px;}
	.firmensommer #logos-right {margin-top: 6px;}
	.firmensommer #slider-slogan {display: none;}
}