/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@font-face {
	font-family: 'Interstate';
	src: url('../fonts/Interstate-Light-webfont.eot');
	src: url('../fonts/Interstate-Light-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Interstate-Light-webfont.woff2') format('woff2'),
	url('../fonts/Interstate-Light-webfont.woff') format('woff'),
	url('../fonts/Interstate-Light-webfont.ttf') format('truetype'),
	url('../fonts/Interstate-Light-webfont.svg#interstatelight') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Interstate';
	src: url('../fonts/Interstate-Regular-webfont.eot');
	src: url('../fonts/Interstate-Regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Interstate-Regular-webfont.woff2') format('woff2'),
	url('../fonts/Interstate-Regular-webfont.woff') format('woff'),
	url('../fonts/Interstate-Regular-webfont.ttf') format('truetype'),
	url('../fonts/Interstate-Regular-webfont.svg#interstatelight') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Interstate';
	src: url('../fonts/Interstate-Bold-webfont.eot');
	src: url('../fonts/Interstate-Bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Interstate-Bold-webfont.woff2') format('woff2'),
	url('../fonts/Interstate-Bold-webfont.woff') format('woff'),
	url('../fonts/Interstate-Bold-webfont.ttf') format('truetype'),
	url('../fonts/Interstate-Bold-webfont.svg#interstatebold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Bitterbrush';
	src: url('../fonts/Hanoded-Bitterbrush-Regular.eot');
	src: url('../fonts/Hanoded-Bitterbrush-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Hanoded-Bitterbrush-Regular.woff2') format('woff2'),
	url('../fonts/Hanoded-Bitterbrush-Regular.woff') format('woff'),
	url('../fonts/Hanoded-Bitterbrush-Regular.svg#Bitterbrush-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Bitterbrush';
	src: url('../fonts/Hanoded-Bitterbrush-Italic.eot');
	src: url('../fonts/Hanoded-Bitterbrush-Italic.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Hanoded-Bitterbrush-Italic.woff2') format('woff2'),
	url('../fonts/Hanoded-Bitterbrush-Italic.woff') format('woff'),
	url('../fonts/Hanoded-Bitterbrush-Italic.svg#Bitterbrush-Italic') format('svg');
	font-weight: normal;
	font-style: italic;
}
/*
@font-face {
	font-family: 'swistblnk_monthoersregular';
	src: url('../fonts/monthoers-webfont.eot');
	src: url('../fonts/monthoers-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/monthoers-webfont.woff2') format('woff2'),
	url('../fonts/monthoers-webfont.woff') format('woff'),
	url('../fonts/monthoers-webfont.ttf') format('truetype'),
	url('../fonts/monthoers-webfont.svg#swistblnk_monthoersregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
@font-face{
	font-family: 'SwistblnkMonthoers';
	src:url('../fonts/79894ff6eacf8411f1860ee84994c349.eot');
	src:url('../fonts/79894ff6eacf8411f1860ee84994c349.eot?#iefix')
	format('embedded-opentype'),url('../fonts/79894ff6eacf8411f1860ee84994c349.woff2')
	format('woff2'),url('../fonts/79894ff6eacf8411f1860ee84994c349.woff')
	format('truetype'),url('../fonts/79894ff6eacf8411f1860ee84994c349.svg#SwistblnkMonthoers') format('svg');
	font-weight: 700;
	font-style: normal;
	font-display: fallback;
}

@font-face {
	font-family: "macho";
	src: url('../fonts/Macho/MachoBold/font.woff2') format('woff2'),
	url('../fonts/Macho/MachoBold/font.woff') format('woff');
	font-display: auto;
	font-style: normal;
	font-weight: 700;
}

@font-face {
	font-family: "macho";
	src: url('../fonts/Macho/MachoSemiBold/font.woff2') format('woff2'),
	url('../fonts/Macho/MachoSemiBold/font.woff') format('woff');
	font-display: auto;
	font-style: normal;
	font-weight: 600;
}

@font-face {
	font-family: "macho";
	src: url('../fonts/Macho/MachoRegular/font.woff2') format('woff2'),
	url('../fonts/Macho/MachoRegular/font.woff') format('woff');
	font-display: auto;
	font-style: normal;
	font-weight: 400;
}

.macho * {
	font-family: 'macho', 'Interstate', sans-serif !important;
}

@font-face {
	font-family: "Vitalines";
	src: url('../fonts/Vitalines/Vitalines-Regular.otf') format('opentype'),
	url('../fonts/Vitalines/Vitalines-Regular.ttf') format('truetype');
	font-display: auto;
	font-style: normal;
	font-weight: bold;
}

@font-face {
	font-family: "Vitalines";
	src: url('../fonts/Vitalines/Vitalines-Regular.otf') format('opentype'),
	url('../fonts/Vitalines/Vitalines-Regular.ttf') format('truetype');
	font-display: auto;
	font-style: normal;
	font-weight: normal;
}

.vitalines {
	font-family: 'Vitalines', 'Interstate', sans-serif !important;
	font-size: 96px;
	line-height: 1.2;
}

@font-face {
	font-display: swap;
	font-family: 'Work Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/work-sans-v19-latin-regular.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Work Sans';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/work-sans-v19-latin-600.woff2') format('woff2');
}


/*GLOBAL*/

body {
	font-family: 'Interstate';
	font-weight: bold;
	font-size: 18px;
	overflow-x: hidden;
	color: #000;
}

p {
	margin-top: 12px;
	line-height: 140%;
	text-shadow: none;
	font-size: 18px;
}

ul, li {
	font-size: 18px;
}

a, a:link, a:hover {
	color: rgb(226, 25, 35);
	border: none;
}

a:focus,
a:hover {
	color: rgb(226, 25, 35);
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Interstate';
	line-height: normal;
	font-weight: bold;
}

h1, .h1 {
	font-size: 36px;
}

h2, .h2 {
	font-size: 20px;
}

h3, .h3 {
	font-size: 18px;
	color: rgb(226, 25, 35);
	margin: 25px 0 0;
}

h3 + p {
	margin-top: 0;
}

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

figcaption {
	margin-top: 16px;
	opacity: 0.7;
	font-size: 70%;
}

.vertical-align {
	display: flex;
	align-items: center;
	flex-flow: column;
}

.vertical-align-bottom {
	display: flex;
	align-items: flex-end;
	flex-flow: column;
}

.container-fluid {
	padding: 0;
}

.container-fluid .row {
	margin: 0;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: transparent;
}

.wow {
	visibility: hidden;
}

.bigger-cream,
.sidenav .sidenav-content {
	padding-right: 5vw;
	padding-left: 5vw;
	padding-top: 14vh;
}

#stageisyours {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	pointer-events: none;
	z-index: 20;
	opacity: 0;
}

#snow {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	pointer-events: none;
	z-index: 20;
	opacity: 0.7;
}

.bigger-cream {
	width: 100vw;
	min-height: 100vh;
	/*height: 100vh;*/
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	display: flex;
	flex-direction: column;
}

.bigger-cream a {
	color: #fff;
}

.bgd-screen {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(229, 36, 32, 1);
}

.bgd-video {
	position: fixed;
	opacity: 0;
	visibility: hidden;
	width: 100%;
	height: 100%;
	padding-bottom: 56.25%;
}

.bgd-video.loaded {
	visibility: visible;
	opacity: 1;
}

.bgd-video iframe {
	/*width: 100vw;*/
	/*height: 100vh;*/
	position: absolute;
	/*top: 0;*/
	/*left: 0;*/
	width: 100%;
	height: 100%;
}

.bgd-picture {
	position: fixed;
	background: url(../img/landing1.jpg) no-repeat center center fixed;
	width: 100vw;
	height: 100vh;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.bgd-picture2, .bgd-picture3, .bgd-picture4 {
	position: fixed;
	background: url(../img/gba-gold.jpg) no-repeat center center fixed;
	width: 100vw;
	height: 100vh;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.bgd-picture3 {
	background: url(../img/Hammer.jpg) no-repeat center center fixed;
	background-size: cover;
}

.bgd-picture4 {
	background: url(../img/werk3de-startbild-schoepfwerk.webp) no-repeat center center fixed;
	background-size: cover;
}

.footer-socialize a,
.start-socialize a {
	width: 5vh;
	height: 5vh;
	display: inline-block;
	opacity: 1;
	background-size: 100% 100%;
}

.start-socialize a {
	margin-left: 6px;
}

.fb-icon {
	background-image: url(../icons/svg/social-fb.svg);
}

.insta-icon {
	background-image: url(../icons/svg/social-in.svg);
}

.whatsapp-icon {
	background-image: url(../icons/social-what.png);
}

.navbar .werk3-logo,
.navbar .werk3-burger {
	cursor: pointer;
	mix-blend-mode: difference;
}
.laufwerk .navbar .werk3-logo,
.laufwerk .navbar .werk3-burger {
	cursor: pointer;
	mix-blend-mode: initial;
}

.werk3-logo {
	position: absolute;
	left: 15px;
	top: 10px;
	display: block;
	z-index: 98;
}

.werk3-logo svg {
	width: 50px;
}

.navbar-toggle svg,
.werk3-burger svg {
	width: 31px;
}

.werk3-logo svg,
.navbar-toggle svg,
.werk3-burger svg {
	color: #1de6dc;
}

.laufwerk .werk3-logo svg,
.laufwerk .navbar-toggle svg,
.laufwerk .werk3-burger svg {
	color: #feea1a;
}

.laufwerk-start .werk3-logo svg,
.laufwerk-start .navbar-toggle svg,
.laufwerk-start .werk3-burger svg {
	color: #fff;
}

.bigger-cream .werk3-logo svg,
.werk3-logo:hover svg,
.navbar-toggle:hover svg,
.werk3-burger:hover svg {
	color: #fff;
}

.navbar-default {
	background-color: #fff;
	border: none;
	min-height: 0;
	margin: 0;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 97; /* +900 wurde manchmal überdeckt, sollte doch immer über allem sein???*/
	height: 70px;
	border-radius: 0;
}

.navbar-default.head-up {
	visibility: hidden;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}

.navbar-default .navbar-toggle {
	border: none;
}

.main-nav {
	margin-bottom: 50px;
	margin-bottom: 10vmin;
}

.main-nav li a {
	margin-bottom: 0.5vh;
}

.main-nav li:last-child a {
	margin-bottom: 0;
}

.main-nav li a {
	display: inline-block;
	padding: 0 25px;
	color: rgb(226, 25, 35);
	position: relative;
	z-index: 10;
}

.welcomesite .main-nav li a {
	color: rgb(156, 126, 57);
	/*color: rgb(226, 25, 35);*/
}

.main-nav li a::after {
	content: '';
	position: absolute;
	z-index: -1;
	bottom: 0;
	background-color: #fff;
	right: 0;
	width: 100%;
	height: 100%;
}

.main-nav li a:hover {
	background-color: transparent;
	color: #fff;
	text-decoration: none;
}

.main-nav li a:hover::after {
	width: 2%;
}

.navbar-toggle.collapsed,
.werk3-burger {
	position: absolute;
	right: 15px;
	top: 25px;
	display: block;
	z-index: 20;
	cursor: pointer;
}

.parent {
	position: absolute;
	right: 70px;
	top: 14px;
	z-index: 9;
	text-transform: uppercase;
	line-height: 46px;
	font-size: 18px;
}

.parent:hover {
	color: #000;
	text-decoration: none;
}

.parent:hover span {
	color: rgb(226, 25, 35);
}

.not-found .main-nav h2,
.sidenav .main-nav a h2,
.bigger-cream .main-nav h1,
.bigger-cream .main-nav h2 {
	/*font-size: 3em;*/
	font-size: 15vmin;
	font-weight: bold;
	margin: 0;
}

.hl-upper {
	text-transform: uppercase;
}

.main-nav ul,
.meta-nav ul {
	padding: 0;
	margin: 0;
}

.main-nav li,
.meta-nav li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.corner-area,
.corner-area li {
	text-transform: uppercase;
	font-size: 4vw;
}

.meta-nav {
	position: relative;
	z-index: 101;
}

.meta-nav li {
	display: inline-block;
}

.start-contact a:hover,
.meta-nav li a:hover,
.meta-nav li.active a {
	color: #000;
	text-decoration: none;
}

.meta-nav .icon a {
	position: relative;
	padding-left: 40px;
	font-size: 150%;
}

.meta-nav .icon a svg {
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
}

.meta-nav .icon a span {
	border-bottom: 2px solid #fff;
}

.meta-nav .icon a:hover span,
.meta-nav .icon.active a span {
	border-color: #000;
}

.main-content {
	margin-bottom: 5vh;
	/*padding-top: 75px;*/
}

.main-content.welcomesite {
	padding-top: 0;
	margin-bottom: 0;
}

.main-content.reference {
	padding-top: 70px;
}

.main-content section:not(.main-stage) {
	padding: 50px 0;
}

.main-content section:not(.main-stage):first-child {
	padding: 100px 0 0;
}

.main-content section:not(.main-stage):only-child {
	padding: 100px 0 50px;
}

.main-content.reference section.spacing-top-none {
	padding-top: 0;
}

.main-content.reference section.spacing-bottom-none {
	padding-bottom: 0;
}

.main-content.reference section.spacing-none {
	padding: 0;
}

/*.main-content section:not(.picture-content):not(.module-content):not(.content-imagegrid):not(.content-information):not(.header-section):not(.content-video):not(.content-darkbg) {*/
.main-content section:not(.module-content):not(.content-imagegrid):not(.content-information):not(.header-section):not(.content-video):not(.content-darkbg):not(.content-slider) {
	background-color: #fff;
}

body.laufwerk .main-content section:not(.content-slider) {
	background-color: rgb(226, 0, 15) !important;
}

.main-content .main-stage p {
	font-size: 18px;

}

.main-content .main-stage .carousel .carousel-caption *,
.main-content .main-stage .slideshow .caption *,
.main-content .default-content h1,
.main-content .text-hidden,
.main-content .background-content p,
.main-content .bg-danger p {
	color: #fff;
}

.main-content .bg-danger .text-hidden,
.main-content .text-danger {
	color: rgb(226, 25, 35);
}

.main-content .bg-danger p.text-right {
	height: 30px;
}

.main-content .main-stage .carousel .carousel-caption,
.main-content .main-stage .slideshow .caption {
	right: 10%;
	left: 10%;
}

.main-content .main-stage .slideshow .caption {
	position: absolute;
	bottom: 5%;
	z-index: 9;
}

.main-content .main-stage .slideshow .item {
	height: 100vh;
}

.main-content .main-stage .slideshow .item img {
	width: 100%;
	display: none;
}

.main-content .main-stage .carousel .item,
.main-content .main-stage .slideshow .item,
.main-content .background-content,
.main-content .container,
.main-content .default-content h1 span,
.main-content .default-content h1 span .text,
.main-content .bg-normal,
.main-content .text-muted,
.main-content .default-content,
.main-content .default-content .hashtag,
.main-content .default-content .pin,
.footer .bg-normal {
	position: relative;
}

.main-content .main-stage .carousel .item::before,
.main-content .main-stage .carousel .item::after,
.main-content .main-stage .slideshow .item::before,
.main-content .main-stage .slideshow .item::after,
.main-content .background-content::before,
.main-content .background-content::after {
	content: '';
	position: absolute;
	z-index: 0;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.main-content .main-stage .carousel .item::before,
.main-content .main-stage .slideshow .item::before {
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.6), transparent 30%);
	background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.6), transparent 30%);
	background-image: -o-linear-gradient(rgba(0, 0, 0, 0.6), transparent 30%);
	background-image: linear-gradient(rgba(0, 0, 0, 0.6), transparent 30%);
}

.main-content .main-stage .carousel .item::after,
.main-content .main-stage .slideshow .item::after {
	background-image: -webkit-linear-gradient(transparent 50%, rgba(0, 0, 0, 0.6));
	background-image: -moz-linear-gradient(transparent 50%, rgba(0, 0, 0, 0.6));
	background-image: -o-linear-gradient(transparent 50%, rgba(0, 0, 0, 0.6));
	background-image: linear-gradient(transparent 50%, rgba(0, 0, 0, 0.6));
}

.main-content .bg-danger,
.main-content .bg-danger-after::after,
.main-content .list-group a:hover,
.main-content .slideshow .bg-danger {
	background: rgb(226, 25, 35);
	padding: 1px 8px;
	color: #fff;
}

.main-content .bg-normal,
.main-content .text-primary,
.footer .bg-normal {
	background: #fff;
	padding: 3px 8px;
	color: rgb(226, 25, 35);
}

.main-content .text-muted,
.main-content .list-group-item {
	background: #000;
	padding: 1px 8px;
	color: #fff;
}

@media (max-width: 767px) {
	.main-content .list-group .job-item a.list-group-item {
		padding: 8px 15px;
		margin: 3px 0;
	}
}

.main-content p .bg-danger,
.main-content p .text-primary {
	margin-left: -8px;
}

.main-content h1 .bg-normal,
.main-content h1 .text-muted,
.main-content h1 .bg-danger,
.main-content h2 .bg-normal,
.main-content h2 .text-muted,
.main-content h2 .bg-danger,
.main-content h3 .bg-normal,
.main-content h3 .text-muted,
.main-content h3 .bg-danger,
.main-content a .bg-normal,
.main-content a .text-muted,
.main-content a .bg-danger {
	display: inline-block;
	margin-bottom: 5px;
}

.main-content .h1 .bg-danger,
.main-content .h1 .bg-normal,
.main-content .h1 .text-muted {
	display: inline;
	padding: 3px 8px;
	line-height: 1.3em;
	-webkit-box-decoration-break: clone;
	-ms-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
}

.main-content .link-content a .text-muted {
	padding: 3px 8px;
	line-height: 1.7em;
	font-size: 20px;
}

.main-content .employee-gallery .caption h3 .bg-danger,
.main-content .link-content a .text-muted {
	display: inline;
	-webkit-box-decoration-break: clone;
	-ms-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
}

.main-content .default-content h1 span .text {
	z-index: 2;
}

.main-content .default-content h1 span.bg-danger-after::after {
	content: '';
	position: absolute;
	top: -3px;
	bottom: -3px;
	left: -8px;
	width: 90%;
}

.main-content .default-content h1 span img.icon-fire {
	position: absolute;
	z-index: 1;
	right: -15px;
	width: 70px;
	bottom: -10px;
}

.main-content .default-content .hashtag img {
	position: absolute;
	z-index: 1;
	left: -32px;
	width: 40px;
	top: -5px;
}

.main-content .default-content .pin img {
	position: absolute;
	z-index: 0;
	left: 180px;
	height: 83px;
	top: -13px;
}

.main-content .background-content {
	z-index: 0;
}

.main-content .background-content::before {
	background-image: url(../img/werk_002.jpg);
	background-repeat: no-repeat;
	/*background-attachment: fixed; Probleme im Chrome!*/
	background-position: center center;
	background-size: cover;
	z-index: 1;
}

.main-content .background-content.background-content-jobs::before {
	background-image: url(../img/gruppenfoto-jobseite.jpg);
	background-position: 0 55%;
	background-size: 110%;
}

@media (max-width: 991px) {
	.main-content .background-content.background-content-jobs::before {
		background-position: center;
		background-size: cover;
	}
}

.main-content .background-content.background-content-social::before {
	background-image: url(../img/werk_001.jpg);
}

.main-content .background-content::after {
	background-color: rgba(226, 25, 35, 0.9);
	z-index: 2;
}

.main-content .background-content.background-content-jobs::after {
	background-color: rgba(226, 25, 35, 0.83);
}

.main-content .background-content.background-content-social::after {
	background-color: rgba(226, 25, 35, 0.88);
}

.main-content .background-content .container {
	z-index: 3;
}

.main-content .imgintext {
	display: inline-block;
	width: 95px;
}

.main-content .background-content h2 img {
	position: absolute;
	width: 110px;
	height: auto;
	top: -1px;
	left: -3px;
}

.main-content .background-content .text-hidden {
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	position: relative;
}

.main-content section .container .row ~ .row {
	margin-top: 25px;
}

.main-content .module-content {
	background: #ECE5E5;
	position: relative;
	/*height: 32vh;*/ /* Soll Springen verhindern*/
	overflow: hidden;
}

/*.main-content #fact-box {*/
/*cursor: ew-resize;*/
/*}*/

.main-content .module-content .text-box {
	padding: 50px 0;
}

.main-content .module-content .text-box p {
	font-size: 20px;
	line-height: 110%;
}

.module-content .text-box .col-xs-12 {
	margin-bottom: 0;
}

.main-content .module-content .text-box .text-primary {
	background: transparent;
	font-size: 40px;
}

.main-content .module-content .text-box .text-secondary {
	line-height: 24px;
}

.module-content .text-primary i,
.module-content .text-secondary i {
	font-style: normal;
	font-size: 60%;
	line-height: 50%;
}

.module-content #fact-straight,
.module-content #fact-random {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 10px;
	border-radius: 50%;
	background: transparent center center no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
}

.module-content #fact-straight {
	background-image: url(../icons/fact-normal.png);
	/*cursor: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/9632/meh.png"), auto;*/
}

.module-content #fact-straight.active {
	background-image: url(../icons/fact-normal-active.png);
}

.module-content #fact-random {
	background-image: url(../icons/fact-rand.png);
	/*cursor: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/9632/happy.png), auto;*/
}

.module-content #fact-random.active {
	background-image: url(../icons/fact-rand-active.png);
}

.main-content .module-content .module-nav {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px;
}

.main-content .module-content .module-nav img {
	display: inline-block;
	margin: 10px;
}

.main-content .default-content .container ul > li > p {
	margin: 0;
}

.main-content .glyphicon-heart::before,
.main-content .glyphicon-euro::before {
	visibility: hidden;
	opacity: 0;
}

.main-content .glyphicon-heart img,
.main-content .glyphicon-euro img {
	position: absolute;
	right: 0;
}

.main-content .glyphicon-heart img {
	width: 33px;
	bottom: -5px;
}

.main-content .glyphicon-euro img {
	width: 30px;
	bottom: -3px;
}

.main-content .imgontextend {
	position: relative;
	display: inline-block;
}

.main-content .imgontextend img {
	display: inline-block;
	height: auto;
	position: absolute;
	top: 0;
}

.main-content .imgontextend,
.main-content .imgontextend img {
	width: 100px;
}

.main-content .bg-img {
	position: relative;
	display: block;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.main-content .bg-img canvas {
	width: 100%;
}

.main-content .img-border {
	display: block;
	background-image: url(../img/img-border.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	padding: 50px;
}

.main-content .img-desc {
	position: relative;
	top: -60px;
	left: 35px;
	display: block;
	max-width: calc(100% - 70px);
}

.main-content .img-desc span {
	display: inline;
	line-height: 1.7em;
	-webkit-box-decoration-break: clone;
	-ms-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
}

@media all and (min-width: 1200px) {
	.main-content .img-desc {
		font-size: 26px;
	}
	.main-content .img-desc .bg-danger {
		padding: 5px 15px;
	}
}

.main-content .hook h2,
.main-content .hook img:first-child,
.main-content .hook .bg-img:first-child,
.main-content .hook .slick-slider:first-child {
	position: relative;
	z-index: 1;
}

.main-content .hook img:last-child {
	position: relative;
	right: 32px;
	height: 60px;
	width: auto;
	bottom: 18px;
	z-index: 0;
}

.main-content .hook img + img:last-child,
.main-content .hook .bg-img + img:last-child,
.main-content .hook .slick-slider + img:last-child {
	bottom: 5px;
}

.main-content .picture-content .row {
	margin-left: 0;
	margin-right: 0;
}

.main-content .picture-content .row .row {
	height: 50%;
}

.main-content .picture-content .row > .col {
	padding-left: 0;
	padding-right: 0;
}

.main-content .picture-content .content-box > div {
	padding: 15px;
}

.main-content .picture-content .image-box .embed-responsive,
.reference .content-imagegrid .big-image-vertical,
.main-content .picture-content .image-box img {
	object-fit: cover;
	display: block;
	width: 100%;
	max-width: 500px;
	height: auto;
	margin: 0 auto;
}

.main-content .picture-content .image-box .embed-responsive {
	height: 60vh;
	max-height: 400px;
}

.main-content .picture-content .become-a-worker {
	position: relative;
	/*z-index: -1; EG: Warum war das drin? Führt zu Fehlern. */
	overflow: hidden;
}

.picture-content .sat-filter {
	filter: saturate(0.2);
}

.clearfix::before,
.clearfix::after {
	display: table;
	content: " ";
}

.clearfix::after {
	clear: both;
}

.solid-plate-left,
.solid-plate-right {
	position: absolute;
	z-index: 90;
	bottom: -65vw;
	display: block;
	width: 105vw;
	height: 100vw;
	background-color: #fff;
}

.solid-plate-left {
	left: 28vw;
}

.solid-plate-right {
	right: 70vw;
}

.main-content p > a:not(.red-textlink) {
	display: inline-block;
	vertical-align: middle;
	-moz-transform: perspective(1px) translateZ(0);
	-webkit-transform: perspective(1px) translateZ(0);
	-o-transform: perspective(1px) translateZ(0);
	-ms-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	overflow: hidden;
	bottom: 2px;
}

.main-content p > a:not(.red-textlink)::before {
	content: " ";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgb(226, 25, 35);
	height: 3px;
	-moz-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	-o-transform: translateY(2px);
	-ms-transform: translateY(2px);
	transform: translateY(2px);
	-webkit-transition: transform 300ms ease-out;
	-moz-transition: transform 300ms ease-out;
	-ms-transition: transform 300ms ease-out;
	-o-transition: transform 300ms ease-out;
	transition: transform 300ms ease-out;
}

.main-content p > a:not(.red-textlink):hover::before {
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.solid-plate-left {
	transform: rotate(-32deg) translate(10vw, 5vw);
}

.solid-plate-right {
	transform: rotate(38deg) translate(0px, -4vw);
}

.list-group a {
	display: inline-block;
	font-size: 18px;
}

.list-group .job-item {
	margin-bottom: 5px;
}

.list-group-item:first-child {
	border-radius: 0;
}

.main-content .employee-gallery img {
	width: 100%;
}

.main-content .employee-gallery .row > div {
	position: relative;
}

.main-content .employee-gallery .caption {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px 25px;
}

.main-content .employee-gallery .caption h3 {
	margin: 0 0 5px;
	font-size: 18px;
	line-height: 140%;
}

.main-content .employee-gallery .caption p {
	color: #fff;
	font-size: 12px;
	line-height: 120%;
}

.dsgvo .row > div:first-child {
	text-align: left;
}

.main-content .dsgvo .switch {
	display: inline-flex;
	cursor: pointer;
}

.main-content .dsgvo .switch div {
	display: inline-block;
}

.main-content .dsgvo .switch div:first-child {
	border: 3px solid #000;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	display: inline-block;

	width: 62px;
	height: 27px;
	margin-right: 20px;
	position: relative;
}

.main-content .dsgvo .switch div:first-child::after {
	content: '';
	display: block;
	position: absolute;
	left: 4px;
	top: 3px;
	width: 15px;
	height: 15px;
	background: #000;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.main-content .dsgvo .switch.on div:first-child::after {
	left: 37px;
	background: rgb(226, 25, 35);
}

.main-content .dsgvo .switch:not(.on) span.on,
.main-content .dsgvo .switch.on span.off {
	width: 0;
	opacity: 0;
}

.main-content .dsgvo .switch span.text-danger {
	display: inline-block;
	width: 80px;
	text-align: left;
}

.main-content .job-content h1,
.main-content .job-content h2 {
	font-size: 26px;
	position: relative;
}

@media (max-width: 991px) {
	.main-content .job-content h1 {
		margin-bottom: 20px !important;
	}
}

.main-content .job-content ul {
	padding-left: 25px;
	font-weight: normal;
}

.jobs-jobs-jobs {
	position: absolute;
	top: -227px;
	right: 0;
}

.jobs-jobs-jobs svg > g:nth-child(1) {
	animation: jobs-jobs-jobs-1 2s infinite;
}

.jobs-jobs-jobs svg > g:nth-child(2) {
	animation: jobs-jobs-jobs-2 2s infinite;
}

.jobs-jobs-jobs svg > g:nth-child(3) {
	animation: jobs-jobs-jobs-3 2s infinite;
}

@keyframes jobs-jobs-jobs-1 {
	0% {
		fill: #fff;
	}
	33% {
		fill: #fff;
	}
	34% {
		fill: #000;
	}
	66% {
		fill: #000;
	}
	67% {
		fill: #000;
	}
	100% {
		fill: #000;
	}
}

@keyframes jobs-jobs-jobs-2 {
	0% {
		fill: #000;
	}
	33% {
		fill: #000;
	}
	34% {
		fill: #fff;
	}
	66% {
		fill: #fff;
	}
	67% {
		fill: #000;
	}
	100% {
		fill: #000;
	}
}

@keyframes jobs-jobs-jobs-3 {
	0% {
		fill: #000;
	}
	33% {
		fill: #000;
	}
	34% {
		fill: #000;
	}
	66% {
		fill: #000;
	}
	67% {
		fill: rgb(226, 25, 35);
	}
	100% {
		fill: rgb(226, 25, 35);
	}
}

@media (max-width: 991px) {
	.jobs-jobs-jobs {
		top: -177px;
	}
}

@media (max-width: 767px) {
	.jobs-jobs-jobs {
		display: none;
	}
}

.team {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 5px solid rgb(226, 25, 35);
	background: rgb(226, 25, 35);
}

.collage .bg-img:not(.team-info) {
	/*filter: saturate(0.2);*/
}

@media (min-width: 992px) and (max-width: 1199px) {
	body .collage {
		font-size: 14px;
	}
	.team img {
		width: 60px;
	}
}

@media (max-width: 400px) {
	body .collage {
		font-size: 14px;
	}
	.team img {
		width: 60px;
	}
}

#schritte {
	position: relative;
	z-index: 1;
	margin-top: 50px;
}

#schritte .row-flex {
	display: flex;
	justify-content: space-between;
}

#schritte .row-flex > div.step > div {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

#schritte .row-flex > div.step > div > span:first-child {
	background: rgb(226, 25, 35);
	border-radius: 50%;
	width: 48px;
	height: 48px;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: -20px;
	position: relative;
	z-index: 2;
}

#schritte .row-flex > div.step > div > span:last-child {
	color: rgb(226, 25, 35);
	margin-top: 15px;
}

#schritte .row-flex > div.line {
	position: relative;
}

#schritte .row-flex > div.line > div {
	text-align: center;
	margin-top: 30%;
}

#schritte .row-flex > div.line > div > div {
	display: flex;
	align-items: center;
	justify-content: center;
}

#schritte .row-flex > div.line > div > div > div {
	background: #fff;
	height: 5px;
	position: absolute;
	z-index: -1;
	left: -50%;
	right: -50%;
}

#schritte .row-flex > div.line > div > div > span {
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: rgb(226, 25, 35);
	position: relative;
	z-index: 1;
}

@media (max-width: 1399px) {
	#schritte .row-flex > div.line > div {
		margin-top: 33%;
	}
}

@media (max-width: 1199px) {
	#schritte .row-flex > div.step {
		font-size: 18px;
	}
	#schritte .row-flex > div.step > div > span:first-child {
		width: 35px;
		height: 35px;
		font-size: 18px;
		margin-bottom: -15px;
	}
	#schritte .row-flex > div.step img {
		width: 120px;
	}
	#schritte .row-flex > div.line > div {
		margin-top: 25%;
	}
	#schritte .row-flex > div.line p {
		font-size: 16px;
	}
}

@media (max-width: 991px) {
	#schritte .row-flex > div.step {
		font-size: 16px;
	}
	#schritte .row-flex > div.step > div > span:first-child {
		width: 30px;
		height: 30px;
		font-size: 16px;
		margin-bottom: -12px;
	}
	#schritte .row-flex > div.step img {
		width: 100px;
	}
	#schritte .row-flex > div.line > div {
		margin-top: 25%;
	}
	#schritte .row-flex > div.line p {
		font-size: 14px;
	}
}

@media (max-width: 780px) {
	#schritte .row-flex > div.step {
		font-size: 14px;
	}
	#schritte .row-flex > div.step > div > span:first-child {
		width: 25px;
		height: 25px;
		font-size: 14px;
		margin-bottom: -10px;
	}
	#schritte .row-flex > div.step img {
		width: 80px;
	}
	#schritte .row-flex > div.line > div {
		margin-top: 18%;
	}
	#schritte .row-flex > div.line p {
		font-size: 12px;
	}
}

@media (max-width: 675px) {
	#schritte .row-flex > div.step {
		font-size: 12px;
	}
	#schritte .row-flex > div.step > div > span:first-child {
		width: 22px;
		height: 22px;
		font-size: 12px;
		margin-bottom: -7px;
	}
	#schritte .row-flex > div.step img {
		width: 60px;
	}
	#schritte .row-flex > div.line > div {
		margin-top: 3%;
	}
	#schritte .row-flex > div.line p {
		font-size: 12px;
	}
	#schritte .row-flex > div.line > div > div > div {
		height: 3px;
	}
	#schritte .row-flex > div.line > div > div > span {
		width: 9px;
		height: 9px;
	}
}

@media (max-width: 610px) {
	#schritte .row-flex > div.line > div {
		margin-top: -13%;
	}
}

@media (max-width: 440px) {
	#schritte .row-flex {
		display: block;
	}
	#schritte .row-flex > div.step {
		font-size: 18px;
	}
	#schritte .row-flex > div.step > div > span:first-child {
		width: 35px;
		height: 35px;
		font-size: 18px;
		margin-bottom: -15px;
	}
	#schritte .row-flex > div.step img {
		width: 120px;
	}
	#schritte .row-flex > div.line > div {
		margin: 40px 0;
		display: flex;
		flex-flow: column-reverse;
	}
	#schritte .row-flex > div.line p {
		margin: 3px 0;
		font-size: 16px;
	}
	#schritte .row-flex > div.line > div > div > div {
		display: none;
	}
}

.employee-gallery .caption .col-xs-12,
.employee-gallery .caption h3 span,
.employee-gallery .employee-image {
	position: relative;
}

.employee-gallery .caption h3 span::before,
.employee-gallery .caption h3 span::after,
.employee-gallery .hide-me::before,
.employee-gallery .hide-me::after {
	content: '';
	display: block;
	height: 10px;
	background: #000;
	position: absolute;
	opacity: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.employee-gallery .hide-me.bone::before,
.employee-gallery .hide-me.bone::after {
	background-color: transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.employee-gallery .hide-me.bone {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='yes'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 93.660004 41.672001' x='0px' y='0px' width='93.660004' height='41.672001'%3E%3Cpath d='m 80.832,41.672 c -5.596,0 -10.484,-3.628 -12.18,-8.836 l -43.64,0 c -1.7,5.208 -6.584,8.836 -12.18,8.836 C 5.752,41.672 0,35.916 0,28.836 0,25.928 1.02,23.1 2.844,20.836 1.02,18.568 0,15.744 0,12.836 0,5.756 5.756,0 12.832,0 c 5.596,0 10.48,3.628 12.18,8.836 l 43.64,0 C 70.356,3.628 75.236,0 80.832,0 87.908,0 93.66,5.756 93.66,12.836 c 0,2.908 -1.016,5.732 -2.844,8 1.828,2.264 2.844,5.092 2.844,8 0,7.08 -5.752,12.836 -12.828,12.836 z' style='fill:rgb(226, 25, 35)' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	width: 25%;
	height: 90px;
}

.employee-gallery .hide-me {
	position: absolute;
	width: 22%;
	opacity: 0;
}

.employee-gallery .hide-me::before,
.employee-gallery .hide-me::after {
	background: rgb(226, 25, 35);
	left: 10px;
	right: 10px;
	height: 15px;
}

.main-content .slideshow-werker.employee-gallery a[data-toggle] {
	-webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
	position: absolute;
	cursor: pointer;
	font-size: 40px;
	color: #fff;
	line-height: 1;
}

.main-content .slideshow-werker.employee-gallery a[data-toggle] span {
	display: block;
	animation: pulsein 1s ease infinite;
}

.main-content .slideshow-werker.employee-gallery a[data-toggle]:hover {
	color: rgb(226, 25, 35);
}

.main-content .slideshow-werker.employee-gallery .caption-text {
	-webkit-transition: transform 400ms ease-in-out;
	-moz-transition: transform 400ms ease-in-out;
	-ms-transition: transform 400ms ease-in-out;
	-o-transition: transform 400ms ease-in-out;
	transition: transform 400ms ease-in-out;
	-webkit-transform: translate3d(-1000px, 0, 0);
	transform: translate3d(-1000px, 0, 0);
}

.main-content .slideshow-werker.employee-gallery .caption a[data-toggle],
.main-content .slideshow-werker.employee-gallery .caption.in .caption-text {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.main-content .slideshow-werker.employee-gallery .caption a[data-toggle]:hover {
	-webkit-transform: translate3d(0, 0, 0) scale(1.5) rotate(135deg);
	transform: translate3d(0, 0, 0) scale(1.5) rotate(135deg);
}

.main-content .slideshow-werker.employee-gallery .caption.in a[data-toggle] {
	-webkit-transform: translate3d(0, -100px, 0);
	transform: translate3d(0, -100px, 0);
}

.main-content .slideshow-werker.employee-gallery .caption {
	padding: 35px;
	-webkit-transition: background-color 400ms ease-in-out;
	-moz-transition: background-color 400ms ease-in-out;
	-ms-transition: background-color 400ms ease-in-out;
	-o-transition: background-color 400ms ease-in-out;
	transition: background-color 400ms ease-in-out;
}

.main-content .slideshow-werker.employee-gallery .caption.in {
	background-color: rgba(0,0,0,.5);
}

@media (max-width: 991px) {
	.main-content .slideshow-werker.employee-gallery .caption {
		padding: 15px;
	}
}

@media all and (min-width: 1600px) {
	.employee-gallery .hide-me::before,
	.employee-gallery .hide-me::after {
		height: 20px;
	}
}

@media all and (min-width: 2000px) {
	.employee-gallery .hide-me::before,
	.employee-gallery .hide-me::after {
		height: 25px;
	}
}

.employee-gallery .hide-me::after {
	left: 20px;
	right: 20px;
	top: 10px;
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
}

.employee-gallery.dsgvo-on .caption h3 span::before,
.employee-gallery.dsgvo-on .caption h3 span::after {
	left: 10px;
	right: 10px;
	top: 35%;
	opacity: 1;
}

.employee-gallery.dsgvo-on .caption h3 span::after {
	left: 20px;
	right: 20px;
	top: 45%;
}

.employee-gallery.dsgvo-on .hide-me,
.employee-gallery.dsgvo-on .hide-me::before,
.employee-gallery.dsgvo-on .hide-me::after {
	opacity: 1;
}

.employee-gallery .caption p span {
	display: block;
}

.apply-for-job {
	position: relative;
	background: rgb(226, 25, 35);
	width: 100%;
	height: calc(140vw);
	min-height: 300px;
	-webkit-transition: background 400ms ease-in-out;
	-moz-transition: background 400ms ease-in-out;
	-ms-transition: background 400ms ease-in-out;
	-o-transition: background 400ms ease-in-out;
	transition: background 400ms ease-in-out;
}

a:hover .apply-for-job {
	background: rgba(226, 25, 35,0.7);
}

@media all and (min-width: 768px) {
	.apply-for-job {
		height: calc(1.35*50vw);
	}
}

@media all and (min-width: 1200px) {
	.apply-for-job {
		height: calc(1.35*33.3vw);
	}
}

.apply-for-job  img {
	position: absolute;
	height: auto;
}

#job1 .element1 {
	width: 14%;
	top: 54%;
	left: 13%;
}

#job1 .element2 {
	width: 20%;
	top: 9%;
	left: 6%;
}

#job1 .element3 {
	width: 8%;
	top: 15%;
	left: 31%;
}

#job1 .element4 {
	width: 12%;
	top: 9%;
	left: 77%;
}

#job1 .element5 {
	width: 17%;
	top: 61%;
	left: 66%;
}

#job1 .element6 {
	width: 8%;
	top: 36%;
	left: 11%;
}

#job1 .element7 {
	width: 7%;
	top: 43%;
	left: 85%;
}

#job1 .element8 {
	width: 7%;
	top: 77%;
	left: 15%;
}

#job1 .element9 {
	width: 8%;
	top: 80%;
	left: 26%;
}

#job1 .element10 {
	width: 4%;
	top: 90%;
	left: 6%;
}

#job1 .element11 {
	width: 50%;
	top: 71%;
	left: 66%;
}

#job1 .element12 {
	width: 88%;
	top: 22%;
	left: 5%;
}

#job1 .element13 {
	width: 46%;
	top: 36%;
	left: 20%;
}

#job1 .element14 {
	width: 65%;
	top: 50%;
	left: 22%;
}

#job2 .element1 {
	width: 20%;
	top: 9%;
	left: 6%;
}

#job2 .element2 {
	width: 8%;
	top: 15%;
	left: 31%;
}

#job2 .element3 {
	width: 12%;
	top: 9%;
	left: 77%;
}

#job2 .element4 {
	width: 8%;
	top: 36%;
	left: 11%;
}

#job2 .element5 {
	width: 7%;
	top: 43%;
	left: 85%;
}

#job2 .element6 {
	width: 11%;
	top: 56%;
	left: 14%;
}

#job2 .element6 {
	width: 14%;
	top: 53%;
	left: 13%;
}

#job2 .element7 {
	width: 9%;
	top: 76%;
	left: 8%;
}

#job2 .element8 {
	width: 18%;
	top: 81%;
	left: 21%;
}

#job2 .element9 {
	width: 4%;
	top: 90%;
	left: 6%;
}

#job2 .element10 {
	width: 50%;
	top: 71%;
	left: 66%;
}

#job2 .element11 {
	width: 88%;
	top: 22%;
	left: 5%;
}

#job2 .element12 {
	width: 46%;
	top: 35%;
	left: 25%;
}

#job2 .element13 {
	width: 53%;
	top: 50%;
	left: 22%;
}

#job2 .element14 {
	width: 17%;
	top: 54%;
	left: 66%;
}

.main-content .link-content a {
	display: block;
	text-decoration: none;
	margin-bottom: 30px;
	position: relative;
}

.main-content .link-content a img {
	width: 100%;
}

.footer .row > div {
	background: #ECE5E5;
}

.footer .row > .newsletter {
	background-image: url(../img/tisch.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

.footer .row > .newsletter label,
.footer .row > .newsletter p,
.footer .row > .newsletter input,
.footer .row > .newsletter button {
	color: #fff;
	line-height: 130%;
}

.footer .row > .newsletter p,
.footer .row > .newsletter input,
.footer .row > .newsletter button {
	font-size: 18px;
}

.footer .row > .newsletter h3,
.footer .row > .newsletter form,
.footer .row > .newsletter .form-group:not(.form-check),
.bewerbung .form-group,
.profile .form-group,
.contact .form-group,
#jobForm-complete {
	padding: 20px 0;
	position: relative;
}

.profile .text-area-helper {
	text-align: right;
	margin: 0;
	font-size: 12px;
	color: #ccc;
}

.footer .row > .newsletter .form-group:last-child {
	padding-top: 0;
}

.footer .row > .newsletter form > .form-group:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.footer .row > .newsletter label:not(.form-check-label),
.bewerbung label:not(.form-check-label),
.profile label:not(.form-check-label),
.contact label:not(.form-check-label) {
	font-size: 14px;
	position: absolute;
	left: 4px;
	bottom: 25px;
}

.form-group a:hover {
	color: #000000;
}

.newsletter .form-check-label,
.bewerbung label.form-check-label,
.profile label.form-check-label,
.contact label.form-check-label {
	font-size: 14px;
	padding-left: 36px;
	margin-left: -36px;
}

.partyregister label.form-check-label {
	font-size: 18px;
}

@media all and (min-width: 992px) {
	.partyregister label.form-check-label {
		font-size: 20px;
	}
}

@media all and (min-width: 1400px) {
	.partyregister label.form-check-label {
		font-size: 22px;
		line-height: 28px;
	}
}

.newsletter .form-check input,
.contact .form-check input,
.profile .form-check input,
.bewerbung .form-check input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.newsletter .form-check,
.bewerbung .form-check,
.profile .form-check,
.contact .form-check {
	display: block;
	position: relative;
	padding: 0 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	line-height: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#newsletter-complete p {
	font-size: 90%;
}

/* Create a custom checkbox */
.newsletter .form-check-label .check,
.bewerbung .form-check-label .check,
.profile .form-check-label .check,
.contact .form-check-label .check {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	/*background-color: #eee;*/
	border: 3px black solid;
	cursor: pointer;
}

/* When the checkbox is checked, add a blue background */
.form-check input:checked ~ .mark {
	background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.check:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.form-check input:checked ~ .check:after {
	display: block;
}

/* Style the checkmark/indicator */
.form-check .check:after {
	left: 7px;
	top: 3px;
	width: 7px;
	height: 12px;
	border: solid black;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.footer .row > .newsletter label.click,
.profile label.click,
.contact label.click,
.bewerbung label.click {
	bottom: -8px;
	opacity: 0.6;
	font-size: 12px;
}

.footer .row > .newsletter .form-control,
.footer .row > .newsletter button,
.profile .form-control,
.contact .form-control,
.bewerbung .form-control,
.bewerbung button,
.contact button,
.profile button,
.bewerbung .form-control:focus,
.profile .form-control:focus,
.contact .form-control:focus {
	background: none;
	border: none;
	border-bottom: 3px solid #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	box-shadow: none;
	color: #fff;
	padding: 10px 0;
}

.footer .row > .newsletter .form-control,
.bewerbung .form-control,
.profile .form-control,
.contact .form-control {
	height: 54px;
}

.profile .form-control,
.contact .form-control {
	position: relative;
}

/*
# Test icon for inputs
.profile .form-control::after,
.contact .form-control::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 16px;
	opacity: 0.3;
	background-image: url(../icons/svg/Pen1.svg);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
}
 */

.contact .form-control,
.contact .form-control:focus,
.profile .form-control,
.profile .form-control:focus,
.bewerbung .form-control,
.bewerbung .form-control:focus {
	border-bottom: 3px solid #000;
	color: #000;
	font-size: 22px;
	font-weight: normal;
	background-color: rgba(100, 100, 100, 0.1);
	padding: 0 4px;
}

.bewerbung button,
.profile button,
.contact button {
	border-bottom: 3px solid rgb(226, 25, 35);
	color: rgb(226, 25, 35);
	padding: 5px 0;
}

.partyregister button {
	border: 3px solid rgb(226, 25, 35);
	color: rgb(226, 25, 35);
	padding: 5px 12px;
}

.contact textarea.form-control,
.profile textarea.form-control,
.partyregister .form-control[type="text"] {
	background-color: rgba(0,0,0,0.1);
}

.profile textarea.form-control,
.contact textarea.form-control {
	height: 160px;
}

.icon-pen {
	width: 100px;
	height: 100px;
}

@media all and (min-width: 1200px) {
	.icon-pen {
		width: 200px;
		height: 200px;
	}
}

#yesiwillgo {
	font-weight: 400;
}

#yesiwillgo h3 {
	margin-top: 20px;
}

.newsletter a {
	color: #000;
}

.newsletter a:hover {
	color: #fff;
}

.footer .row .col-md-6 {
	padding-left: 30px;
	padding-right: 30px;
}

.footer .row > .newsletter .checkbox label {
	font-size: 18px;
}

.footer .row > .newsletter .checkbox .form-control {
	height: 40px;
	position: relative;
}

.footer .row > .newsletter .checkbox label {
	position: relative;
}

.footer .row > .newsletter button:hover {
	color: #000;
	border-bottom: 3px solid #000;
}

form.bewerbung button:hover,
form.profile button:hover,
form.contact button:hover {
	border-bottom: 3px solid #000;
	color: #000;
}

form.partyregister button:hover {
	border: 3px solid #000;
}

.footer .nav,
.footer .meta-nav-footer {
	cursor: default;
}

.footer .nav {
	padding: 50px 0 8px;
}

.footer .meta-nav-footer {
	padding: 0 0 20px;
}

.footer .nav li,
.footer .meta-nav-footer li {
	display: inline-block;
}

.footer p {
	font-size: 16px;
	line-height: normal;
}

.footer .address a,
.footer .nav a {
	color: #000;
}

.footer .meta-nav-footer a {
	color: rgba(0,0,0,0.7);
}

.footer .nav a,
.footer .meta-nav-footer a {
	padding: 2px 8px 2px 0;
	text-transform: uppercase;
	background: none;
}

.footer .nav a {
	font-size: 14px;
}

.footer .meta-nav-footer a {
	font-size: 12px;
}

.footer .address a:hover,
.footer .meta-nav-footer a:hover,
.footer .meta-nav-footer li.active a,
.footer .nav a:hover,
.footer .nav li.active a {
	text-decoration: none;
	color: rgb(226, 25, 35);
	background-color: transparent;
}

.footer .bg-normal {
	text-transform: uppercase;
	font-size: 18px;
	-webkit-box-decoration-break: clone;
	-ms-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
}

.footer-socialize {
	margin-top: 18px;
	margin-bottom: 6px;
}

.footer-socialize a {
	margin-right: 8px;
}

.fb-icon-dark {
	background-image: url(../icons/svg/social-fb-dark.svg);
}

.insta-icon-dark {
	background-image: url(../icons/svg/social-in-dark.svg);
}

.whatsapp-icon-dark {
	background-image: url(../icons/social-what-dark.png);
}

.footer-socialize,
.footer .address {
	padding-left: 50px;
}

.footer .address {
	margin-top: 0;
	text-transform: uppercase;
}

.footer .address img {
	margin: 10px 0;
}

.footer .col-xs-12 {
	margin-bottom: 0;
}

.footer .logo {
	width: 150px;
	margin: 25px 0 0;
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.row-eq-height .col-md-6 {
	display: flex;
}

.wee-collapse {
	max-height: 1000px;
	overflow: hidden;
}

.wee-collapse-active {
	max-height: 0;
	padding: 0 !important;
	margin: 0 !important;
}

.main-content .link-content a span {
	position: relative;
	bottom: 20px;
	left: 8px;
}

.main-content .link-content .text-right a span {
	right: 20px;
	left: auto;
}

.main-content .link-content a:hover .text-muted {
	background: rgb(226, 25, 35);
}

.edekabank a.edekabank,
.ikk-nord a.ikk-nord,
.lotto-mv a.lotto-mv,
.verkehrsverbund-warnow a.verkehrsverbund-warnow,
.tourismusverband-mv a.tourismusverband-mv,
.glashaeger-brunnen a.glashaeger-brunnen {
	display: none;
}

.main-content .verkehrsverbund-warnow .bg-section {
	background-image: -webkit-linear-gradient(to left, rgb(227, 38, 68) 75%, rgb(236, 107, 16));
	background-image: -moz-linear-gradient(to left, rgb(227, 38, 68) 75%, rgb(236, 107, 16));
	background-image: -o-linear-gradient(to left, rgb(227, 38, 68) 75%, rgb(236, 107, 16));
	background-image: linear-gradient(to left, rgb(227, 38, 68) 75%, rgb(236, 107, 16));
}

.ri-grid ul,
.no-js .ri-grid ul li a img,
.no-js .ri-grid {
	width: 100%;
}

.no-js .ri-grid ul li,
.no-js .ri-grid ul li a {
	width: 220px;
	height: 153.333333px;
}

.ri-grid {
	margin: 30px auto 30px;
	position: relative;
	height: auto;
}

.ri-grid ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}

/* Clear floats by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */

.ri-grid ul::before,
.ri-grid ul::after {
	content: '';
	display: table;
}

.ri-grid ul::after {
	clear: both;
}

.ri-grid ul {
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.ri-grid ul li {
	-webkit-perspective: 400px;
	-moz-perspective: 400px;
	-o-perspective: 400px;
	-ms-perspective: 400px;
	perspective: 400px;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	display: block;
	overflow: hidden;
	background: #fff;
}

.ri-grid ul li a {
	cursor: default;
	display: block;
	outline: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 90%;
	height: 90%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	/*-webkit-background-size: 100% 100%;*/
	/*-moz-background-size: 100% 100%;*/
	/*background-size: 100% 100%;*/
	-webkit-background-size: 70% 70%;
	-moz-background-size: 70% 70%;
	background-size: 70% 70%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #fff;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* Grid wrapper sizes */
.ri-grid-size-1 {
	width: 100%;
	padding-left: 7%;
}

.ri-grid-loading::after,
.ri-grid-loading::before {
	display: none;
}

.ri-loading-image {
	display: none;
}

.ri-grid-loading .ri-loading-image {
	position: relative;
	width: 30px;
	height: 30px;
	left: 50%;
	margin: 100px 0 0 -15px;
	display: block;
}

/*GALLERY GRID*/

.column {
	float: left;
}

.size-1of1 {
	width: 100%;
}

.size-1of2 {
	width: 50%;
}

.size-1of3 {
	width: 33.333%;
}

[data-columns] .col-xs-12 {
	padding-bottom: 30px;
}

[data-columns]::before {
	opacity: 0;
}

/*SIDE-NAV*/

.sidenav {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 99;
	top: 0;
	right: -100%;
	background-color: rgba(226, 25, 35, 0.9);
	overflow-x: hidden;
	text-align: right;
}

.sidenav.here-it-is {
	right: 0;
}

.main-content::after {
	content: '';
}

.main-content.out {
	overflow-x: hidden;
	overflow-y: auto;
}

.main-content.out::after {
	position: fixed;
	z-index: 98;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
}

.sidenav .start-contact,
.sidenav .start-contact h1,
.sidenav p,
.sidenav a {
	color: #fff;
}

.sidenav .main-nav li.active a {
	background-color: transparent;
	color: #fff;
	text-decoration: none;
}

.sidenav .main-nav li.active a::after {
	width: 2%;
}

.start-contact,
.start-contact h1,
.meta-nav li {
	line-height: normal;
}

.start-contact h1 {
	font-size: inherit;
}

.start-contact {
	margin-top: 10px;
	color: #fff;
}

.start-contact h1 {
	margin: 0;
}

.meta-nav {
	margin-top: 30px;
}

.meta-nav li {
	margin-left: 10px;
}

.sidenav .close-nav {
	background: url(../icons/nav-close.png) no-repeat center;
	background-size: contain;
	width: 28px;
	height: 35px;
	border: none;
	/*margin-bottom: 10vw;*/
	position: absolute;
	left: 27px;
	top: 17px;
}

.job-side {
	position: fixed;
	z-index: 99;
	right: 0;
	top: 30%;
	max-width: 100%;
}

.job-side .button-group > * {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 17px 0 0 17px;
	background: #000;
	border: none;
	color: #fff;
	width: 58px;
	height: 58px;
}

.job-side .button-group > * + * {
	margin-top: 10px;
}

.job-side .job-contact {
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
	position: fixed;
	top: 25%;
	right: -600px;
	border: 4px solid #000000;
	background: #fff;
	padding: 40px;
	max-width: 100%;
}

@media (max-width: 440px) {
	.job-side .job-contact {
		padding: 40px 20px;
	}
}

.job-side .job-contact.in {
	right: 0;
}

.job-side .close-button {
	background: url(../icons/svg/close.svg) no-repeat center;
	background-size: contain;
	border: none;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 0;
}

[data-scrollspy] > .job-side {
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
	right: -58px;
	opacity: 0;
	pointer-events: none;
}

[data-scrollspy] > .job-side button {
	position: relative;
}

[data-scrollspy] > .job-side button .button-text {
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
	position: absolute;
	top: 0;
	bottom: 0;
	border-radius: 17px 0 0 17px;
	z-index: -1;
	padding: 0 70px 0 15px;
	right: -300px;
	display: flex;
	align-items: center;
	white-space: nowrap;
	font-weight: normal;
	background: #000;
}

[data-scrollspy] > .job-side button:hover .button-text,
[data-scrollspy] > .job-side.in {
	right: 0;
	opacity: 1;
	pointer-events: inherit;
}

.sidenav .close-nav:hover {
	/*animation: rotate 1000ms ease;*/
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.navbar-toggle.out,
.werk3-burger.out {
	top: -100px;
	opacity: 0;
}

.visible-hidden {
	opacity: 0;
	visibility: hidden;
}

.video-mp4 {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	opacity: 0;
}

.welcomesite .video-mp4 {
	position: fixed;
	/*right: 0;*/
	/*bottom: 0;*/
	z-index: 0;
	height: 100%;
}

#rueckblick .video-mp4 {
	position: fixed;
	z-index: 0;
	min-height: 100vh;
	width: auto;
	opacity: 1;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
#rueckblick section {
	height: 100vh;
	padding: 0;
}

#videohochkant {
	max-height: 100vh;
}

.coswig .video-mp4,
.staatskanzlei .video-mp4,
.bildungsministerium .video-mp4,
.landesmarketing .video-mp4,
.gluecksrakete .video-mp4,
.gmfs .video-mp4,
.ikk-nord .video-mp4 {
	position: relative;
	max-height: 100%;
	max-width: 100%;
	height: 100%;
	width: 100%;
	-webkit-transition: opacity 2s ease-out;
	-moz-transition: opacity 2s ease-out;
	-ms-transition: opacity 2s ease-out;
	-o-transition: opacity 2s ease-out;
	transition: opacity 2s ease-out;
}

.play-on-youtube {
	display: block;
	margin: 10px auto;
	text-align: center;
}

.xmas .video-mp4 {
	position: relative;
	max-height: 100%;
	max-width: 100%;
	height: 85vh;
	width: auto;
}

.xmas .player {
	opacity: 0;
	visibility: hidden;
	width: 1px;
	height: 1px;
	/*display: block;*/
	/*margin: 10px auto;*/
	/*text-align: center;*/
}

.wide-red {
	width: 100%;
	/*background-color: #d41020;*/
	/*background-color: #e02a12;*/
}

.sound-select {
	display: block;
	/*position: absolute;*/
	/*right: 70px;*/
	/*top: 27px;*/
	margin: 10px auto;
	width: 28px;
	height: 28px;
	border-radius: 14px;
	background-color: rgb(226, 25, 35);
	background-image: url(../icons/sound-on.png);
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.sound-select.silence {
	background-image: url(../icons/sound-off.png);
}

.sound-select:focus {
	outline: none;
}

.video-mp4.show {
	opacity: 1;
}

.embed-responsive.video-responsive {
	position: relative;
	display: block;
	height: 100%;
	padding: 0;
	overflow: hidden;
}

/* 100vh Darstellung - Schlechte Geräte Unterstützung */
/*.video-resp-header {
	height: calc(100vh - 70px);
	padding-top: 0 !important;
	overflow: hidden;
}

.embed-responsive.video-responsive {
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
}

.embed-responsive.video-responsive .embed-responsive-item {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	max-height: none;
	max-width: none;
	height: auto;
	width: auto;
	min-height: 50%;
	min-width: 50%;
}
*/

/* Invision Darstellung - Schlechte Geräte Unterstützung */
/*
.video-resp-header {
	height: calc(100vh - 70px);
	padding-top: 0 !important;
}

.embed-responsive.video-responsive {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.embed-responsive.video-responsive .embed-responsive-item {
	display: block;
	object-fit: cover;
	width: 100%;
	min-height: 100%;
	height: auto;
	position: absolute;
	vertical-align: middle;
}
*/

.not-found .corner-area {
	display: none;
}

.not-found h1 {
	font-size: 12vw;
	position: relative;
}

.not-found h1 span.text-muted {
	padding: 3px 30px;
}

.not-found h1 svg {
	color: rgb(226, 25, 35);
	position: absolute;
	right: 20%;
	top: 24%;
	width: 8vw;
	z-index: 9;
	height: auto;
}

.not-found p {
	font-size: 28px;
}

.not-found .main-nav li a {
	color: #fff;
}

.not-found .main-nav li a:hover {
	color: rgb(226, 25, 35);
}

.not-found .main-nav li a::after {
	background: rgb(226, 25, 35);
	right: auto;
	left: 0;
}

.facebook-share:hover {
	color: #000;
}

.facebook-share:hover .icon-facebook {
	background-image: url(../icons/svg/Facebook.svg);
}

/*REFERENCES START*/

.reference .big-image {
	width: 100%;
	height: auto;
}

.reference .text-on-big-image .big-image {
	width: auto;
	height: 100vh;
	max-width: none;
	position: relative;
	transform: translateX(-50%);
	left: 50%;
}

.reference .big-image-vertical {
	width: auto;
	height: 100%;
}

.reference .other-aspect1 {
	width: 90%;
	margin-top: 10vh;
	float: right;
}

.reference .other-aspect2 {
	margin: -20% 0;
	position: relative;
	z-index: 99;
}

.reference .other-aspect3 {
	margin-bottom: 30px;
}

.reference .other-aspect4 {
	width: 90%;
	position: absolute;
	left: 5%;
	z-index: 9;
}

.reference .other-aspect5 {
	width: 80%;
	margin: 0 0 80px;
}

.reference .other-aspect6 {
	width: 99%;
	margin: 0 1% 0 0;
}

.xs-img-border {
	max-width: 90%;
	margin: 0 auto;
}

.main-content h1 > .bg-danger.spezialicon {
	padding: 5px 40px 5px 25px;
}

a.red-textlink {
	font-size: 18px;
	color: rgb(226, 25, 35);
	margin: 50px 0 0;
	padding-bottom: 4px;
	border-bottom: 3px solid rgb(226, 25, 35);
}

a.red-textlink:hover {
	border-bottom: none;
	text-decoration: underline;
	text-underline-position: under;
	-webkit-text-decoration-style: wavy;
	text-decoration-style: wavy;
	-webkit-text-decoration-color: rgb(226, 25, 35);
	text-decoration-color: rgb(226, 25, 35);
}

.space-top-large {
	height: 220px;
}

.space-top-small {
	height: 90px;
}

.main-content .bg-danger {
	padding: 1px 8px;
}

.icon-liste {
	width: 110px;
	position: absolute;
	left: 45px;
	top: -30px;
	z-index: 1;
	-webkit-transform: rotate(-7deg);
	transform: rotate(-7deg);
}

.second-liste-icon .icon-liste {
	left: 118px;
	-webkit-transform: rotate(-15deg);
	transform: rotate(-15deg);
}

.icon-herz {
	width: 110px;
	position: absolute;
	left: 110px;
	top: -18px;
	z-index: 3;
}

.icon-schraube {
	width: 110px;
	position: absolute;
	left: 65px;
	top: -15px;
	z-index: 1;
}

.icon-tasse {
	width: 60px;
	position: absolute;
	left: 135px;
	top: -40px;
	z-index: 1;
}

.icon-tasse02 {
	width: 60px;
	position: absolute;
	left: 137px;
	top: 32px;
	z-index: 1;
}

.icon-code-start {
	width: 19px;
	position: absolute;
	left: -10px;
	top: -1px;
}

.icon-code-end {
	width: 19px;
	position: absolute;
	left: 131px;
	bottom: 4px;
}

.icon-code-start-02 {
	width: 19px;
	position: absolute;
	left: -10px;
	top: 8px;
	z-index: 5;
}

.icon-code-end-02 {
	width: 19px;
	position: absolute;
	left: 116px;
	top: 117px;
}

.icon-webdev {
	position: absolute;
	width: 62px;
	left: 136px;
	top: 38px;
}

.icon-stift {
	width: 50px;
	position: absolute;
	left: 66px;
	top: -28px;
}

.icon-stift-02 {
	width: 50px;
	position: absolute;
	left: 73px;
	top: -28px;
}

.icon-luemmeltuete {
	width: 50px;
	position: absolute;
	top: -19px;
	left: 219px;
	z-index: 80;
}

.icon-paragraph {
	position: absolute;
	width: 40px;
	top: -33px;
	left: 191px;
	z-index: 80;
}

.icon-facebook {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-right: 10px;
	background-image: url(../icons/svg/Facebook-red.svg);
	background-size: 100% 100%;
	position: relative;
	top: 2px;
}

.facebook-share:hover {
	color: #000;
}

.facebook-share:hover .icon-facebook {
	background-image: url(../icons/svg/Facebook.svg);
}

.icon-raute {
	position: absolute;
	width: 14%;
	left: -11%;
}

/* #########Werke######### */

/*.bg-danger,*/
.clientcolor {
	display: block;
}

.bg-section p {
	font-size: 24px;
	line-height: 29px;
}

.content-information p {
	font-size: 22px;
	line-height: 28px;
}

.glashaeger-brunnen .header-section {
	background-image: url(../img/werke/glashaeger/header.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom right -22vw;
	height: 80vh;
	max-height: 500px;
	padding-top: 0 !important;
}

.glashaeger-brunnen .bg-section {
	background-color: #ffffff;
}

.glashaeger-brunnen .header-section .left img {
	width: 30vw;
	height: auto;
	position: absolute;
	top: 51vh;
	right: 0;
	max-width: 600px;
}

.glashaeger-brunnen .header-section .right img {
	width: auto;
	max-width: 846px;
	height: auto;
	float: right;
	max-height: 98vh;
	right: -2.5vw;
	position: absolute;
}

.glashaeger-brunnen .bg-section p span.bg-danger {
	background: rgb(0, 143, 125);
	color: #ffffff;
	margin-bottom: 3px;
	float: left;
}

.glashaeger-brunnen .clientcolor {
	color: rgb(0, 143, 125);
}

.glashaeger-brunnen .content-graybg {
	min-height: 900px;
}

.glashaeger-brunnen .glashaeger-pc {
	height: auto;
	width: 90vw;
}

.glashaeger-brunnen .glashaeger-screen {
	overflow: hidden;
	position: relative;
	margin-bottom: 6vw;
}

.glashaeger-brunnen .glashaeger-website {
	overflow-x: scroll;
	position: absolute;
	width: 65.6vw;
	height: 42.8vw;
	top: 8.2vw;
	left: 12.2vw;
}

.glashaeger-geburtstag .header-section {
	background-image: url(../img/werke/glashaeger-geburtstag/header.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
	min-height: calc(100vh - 70px);
	padding-top: 0 !important;
	overflow: hidden;
}

.glashaeger-geburtstag .header-section img {
	width: auto;
	max-width: none;
	height: 75vw;
}

.glashaeger-geburtstag .header-section .container-fluid {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: calc(100vh - 70px);
}

.glashaeger-geburtstag .clientcolor {
	color: rgb(0, 143, 125);
}

.glashaeger-geburtstag .clientcolor-secondary {
	color: rgb(28, 48, 126);
}

.glashaeger-geburtstag .btn.btn-primary {
	background: rgb(28, 48, 126);
	display: inline-flex;
	align-items: center;
}

.glashaeger-geburtstag .content-slide .slick-slide img {
	height: 80vh;
	width: auto;
	border: 20px solid transparent;
}

#handy-with-video {
	position: relative;
}

#glashaeger-video-schwalbe {
	position: absolute;
	top: 11px;
	left: 8px;
	width: 86%;
	height: 87%;
}

.edekabank .bg-section p span.bg-danger {
	background: #fdc200;
	color: #000000;
	margin-bottom: 3px;
	float: left;
}

.edekabank .clientcolor {
	color: #004B69;
}

.edekabank .bg-section {
	background-color: #fff;
}

.edekabank .background {
	background-color: rgb(192, 187, 178);
}

.edekabank .header-section {
	padding-top: 0 !important;
	height: auto !important;
	max-height: none !important;
}

.edekabank .header-section img {
	width: 100%;
}

.edekabank .background-section {
	background-image: url(../img/werke/edekabank/background07.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom right;
}

.edekabank .header-section.vertical-align-bottom .content-information {
	padding: 150px 0 50px;
	margin: 0 auto;
}

.edekabank .content-information h2 {
	font-size: 28px;
}
@media (min-width: 768px) {
	.edekabank .content-information h2 {
		font-size: 40px;
	}
}

.edekabank #edekabank-markenclaim h3 {
	font-family: 'Work Sans', 'Interstate', sans-serif;
	font-size: 22px;
	color: #083F5F;
	margin-bottom: 10px;
	height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.edekabank #edekabank-markenclaim p {
	font-family: 'Work Sans', 'Interstate', sans-serif;
	font-size: 30px;
	font-weight: normal;
	margin-top: 30px;
}
@media (min-width: 768px) and (max-width: 991px) {
	.edekabank #edekabank-markenclaim h3 {
		font-size: 18px;
	}
	.edekabank #edekabank-markenclaim p {
		font-size: 23px;
	}
}
@media (min-width: 992px) {
	.edekabank #edekabank-markenclaim h3 {
		font-size: 25px;
		margin-bottom: 50px;
		height: 58px;
	}
	.edekabank #edekabank-markenclaim p {
		margin-top: 70px;
	}
}
@media (min-width: 1200px) {
	.edekabank #edekabank-markenclaim p {
		font-size: 40px;
	}
}

.edekabank #edekabank-video-section {
	padding: 50px 0 !important;
}
@media (min-width: 768px) {
	.edekabank #edekabank-video-section {
		padding: 100px 0 !important;
	}
}
@media (min-width: 1900px) {
	.edekabank #edekabank-video-section {
		padding: 150px 0 !important;
	}
}

.edekabank-nachhaltig .header-section {
	background-image: url(../img/werke/edekabank-nachhaltig/background01.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
	min-height: calc(50vh - 70px);
	padding-top: 0 !important;
	display: flex;
	align-content: center;
}

.edekabank-nachhaltig .header-section .container-fluid {
	display: flex;
	flex-flow: row wrap;
	align-content: flex-end;
	min-height: calc(50vh - 70px);
}

.edekabank-nachhaltig .clientcolor {
	color: #004B69;
}

.lotto-mv .bg-section p span.bg-danger {
	background: #e30017;
	color: #ffffff;
	margin: 0 0 3px;
	display: inline;
	-webkit-box-decoration-break: clone;
	-ms-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
}

.lotto-mv .clientcolor {
	color: #e30017;
}

.lotto-mv .bg-section {
	background-color: #ffdd00;
}

.lotto-mv .header-section {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-color: rgb(255, 221, 0);
	height: 90vh;
	max-height: 1080px;
}

.ikk-nord .bg-section p span.bg-danger {
	background: #FFFFFF;
	color: #000000;
	margin-bottom: 3px;
	float: left;
}

.ikk-nord .clientcolor {
	color: #000000;
}

.ikk-nord .bg-section {
	background-color: #00ace9;
	color: #ffffff;
}

.ikk-nord .bg-section p {
	color: #ffffff;
}

.ikk-nord .header-section {
	background-image: url(../img/werke/ikk/header.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	background-color: rgb(0, 172, 233);
	/*height: 90vh;*/
	/*height: 500px;*/
	max-height: 1080px;
	padding-top: 0 !important;
}

.ikk-nord .ikk-screen .ikk-phone {
	position: relative;
	width: 80vw;
	left: calc(50% - 40vw);
	z-index: 9;
	pointer-events: none;
}

.ikk-nord .ikk-screen {
	margin-top: 50px;
}

.ikk-nord .ikk-screen .ikk-website {
	position: absolute;
	width: 70.5vw;
	top: 36.2vw;
	left: calc(50% - 35vw);
	height: 108vw;
	overflow-x: scroll;
	z-index: 8;
}

.ikk-nord .ikk-cards {
	text-align: center;
	position: relative;
	perspective: 1000px;
}

.ikk-nord .ikk-card-phone {
	width: 50%;
}

.ikk-nord .ikk-card {
	position: absolute;
	-webkit-box-shadow: 0.5vw 0.5vw 0 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0.5vw 0.5vw 0 0 rgba(0,0,0,0.1);
	box-shadow: 0.5vw 0.5vw 0 0 rgba(0,0,0,0.1);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.ikk-nord .ikk-card-01 {
	left: 7%;
	top: 4%;
	width: 40%;
}

.ikk-nord .ikk-card-05 {
	left: 4%;
	top: 42%;
	z-index: 1;
	width: 33%;
}

.ikk-nord .ikk-card-06 {
	left: 1%;
	top: 57%;
	width: 43%;
}

.ikk-nord .ikk-card-12 {
	width: 39%;
	right: 1%;
	top: 12%;
}

.ikk-nord .ikk-card-13 {
	right: 5%;
	width: 41%;
	top: 58%;
	z-index: 1;
}

.ikk-nord .ikk-card-14 {
	right: 1%;
	top: 78%;
	width: 51%;
}

.coswig .bg-section p span.bg-danger {
	background: #0060ad;
	color: #ffffff;
	margin-bottom: 3px;
	float: left;
}

.coswig .clientcolor {
	color: #0060ad;
}

.coswig .bg-section {
	background-color: #000000;
	color: #ffffff;
}

.coswig .bg-section p {
	color: #ffffff;
}

.coswig .header-section {
	/*background-image: url(../img/werke/coswig/coswig-bg.jpg);*/
	/*background-size: cover;*/
	/*background-repeat: no-repeat;*/
	/*background-position: bottom left;*/
	background-color: rgb(0, 0, 0);
	height: 90vh;
	max-height: 1080px;
	padding-top: 0 !important;
}

.coswig .header-section .coswig-header-text {
	padding-left: 0;
	margin-top: 15px;
}

.coswig .header-section .coswig-header-image {
	padding: 0;
}

.coswig .header-section .coswig-header-image img {
	width: 100%;
}

.coswig .youtube-video {
	width: 100%;
}

.coswig .video-mp4 {
	border: 15px solid #494949;
}

.tourismusverband-mv .bg-section p span.bg-danger {
	background-color: rgb(239, 124, 0);
	color: #000000;
	margin: 0 0 3px 1px;
	display: inline;
	-webkit-box-decoration-break: clone;
	-ms-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
	padding: 1px 7px;
}

.tourismusverband-mv .clientcolor {
	color: #ef7c00;
}

.tourismusverband-mv .bg-section {
	background-color: #ffffff;
	color: #000000;
}

.tourismusverband-mv .bg-section p {
	color: #000000;
}

.tourismusverband-mv .header-section {
	background-image: url(../img/werke/tourismusverband/tourismusverband-bg_2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 90vh;
	max-height: 1080px;
}

.tourismusverband-mv .knot-before,
.tourismusverband-mv .knot-after {
	position: relative;
	z-index: 10;
}

.tourismusverband-mv .knot-before {
	top: 1.5vw;
}

.tourismusverband-mv .knot-after {
	bottom: 1.5vw;
}

.verkehrsverbund-warnow .bg-section p span.bg-danger {
	background: rgb(255, 255, 255);
	color: #000000;
	margin-bottom: 3px;
	float: left;
}

.verkehrsverbund-warnow .clientcolor {
	color: #000000;
}

.verkehrsverbund-warnow .bg-section {
	background-image: -webkit-linear-gradient(to left, rgb(227, 38, 68) 75%, rgb(236, 107, 16));
	background-image: -moz-linear-gradient(to left, rgb(227, 38, 68) 75%, rgb(236, 107, 16));
	background-image: -o-linear-gradient(to left, rgb(227, 38, 68) 75%, rgb(236, 107, 16));
	background-image: linear-gradient(to left, rgb(227, 38, 68) 75%, rgb(236, 107, 16));
	color: #ffffff;
}

.verkehrsverbund-warnow .bg-section p {
	color: #ffffff;
}

.verkehrsverbund-warnow .header-section {
	height: auto;
	max-height: 1080px;
	padding-top: 0 !important;
}

.verkehrsverbund-warnow .header-section .vvw-slider {
	position: relative;
	margin-top: 15vh;
	left: -5vw;
}

.verkehrsverbund-warnow .header-section .vvw-slider .headline-slider {
	position: absolute;
	top: 0;
	width: 100%;
}

.verkehrsverbund-warnow .content-darkbg {
	background: #000000;
	padding-bottom: 250px !important;
	margin-bottom: -200px;
}

.own-video-preview {
	cursor: pointer;
	position: relative;
}

.own-video-preview img {
	opacity: 1;
}

.own-video-preview.start img {
	opacity: 0;
	pointer-events: none;
}

.own-video-preview .embed-responsive {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
}

.own-video-preview.start .embed-responsive {
	opacity: 1;
}

.WilliamCohn {
	position: absolute;
	right: 10px;
	top: -40px;
	max-width: 18vw;
}

.gmfs .header-section {
	background-image: url(../img/werke/gmfs/20191110_W3_AS_0013web.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom left;
	max-height: 1080px;
	padding-top: 0 !important;
}

.gmfs .clientcolor {
	color: #D50C2F;
}

.gmfs .bg-section {
	background-color: #D50C2F;
}

.gmfs .background {
	background-color: rgb(192, 187, 178);
}

.gmfs .header-section.vertical-align-bottom .content-information {
	padding: 150px 0 50px;
	margin: 0 auto;
}

.staatskanzlei .bg-section .header-section {
	flex-flow: row;
}

.staatskanzlei .bg-section .header-section .big-image {
	max-width: 970px;
}

.staatskanzlei .bg-section p span.bg-danger {
	background: #fdc200;
	color: #000000;
	margin-bottom: 3px;
	float: left;
}

.staatskanzlei .clientcolor {
	color: #107daa;
}

.staatskanzlei .bg-section {
	overflow: hidden;
	background-color: #fdc543;
}

.staatskanzlei .bg-section2 {
	overflow: hidden;
	background-color: #107daa;
}

.staatskanzlei .header-section {
	background-image: url(../img/werke/staatskanzlei/20191018_W3_AS_0011.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 0 !important;
	max-height: 1080px;
}

.staatskanzlei .background-section {
	background-image: url(../img/werke/edekabank/background07.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom right;
}

.staatskanzlei .header-section.vertical-align-bottom .content-information {
	padding: 150px 0 50px;
	margin: 0 auto;
}

.meergut .header-section {
	background-image: url(../img/werke/meergut/meergut-hotels-logo.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 0 !important;
	height: 56.5vh;
	max-height: 1080px;
}

.meergut .clientcolor {
	color: #212f5e;
}

.text-on-big-image {
	position: relative;
	overflow: hidden;
}

.text-on-big-image .content-information {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -40%);
}

.bildungsministerium .header-section {
	background-image: url(../img/werke/bildungsministerium/BiMi_Feelgood-vorschau.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 0 !important;
	max-height: 1080px;
}

.bildungsministerium .bg-section,
.main-content .bildungsministerium .bg-section section {
	background-color: #EB5B08 !important;
}

.main-content .bildungsministerium section.bg-section2,
.main-content .bildungsministerium .heartwork section {
	background-color: #ffffff !important;
}

.main-content .bildungsministerium section.bg-section3 {
	position: relative;
	z-index: 1;
	background-color: #004F6F !important;
}

.main-content .bildungsministerium section.bg-section3::before {
	content: ' ';
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-image: url(../img/werke/bildungsministerium/Werk_Ref_Folie_AdobeStock_blau.png);
	background-size: cover;
}

.bildungsministerium .clientcolor {
	color: #000000;
}

.bildungsministerium section {
	color: #ffffff;
}

.bildungsministerium .content-monitor {
	min-height: 400px;
	min-height: calc(100vh*0.586);
}

.bildungsministerium .top-bgd {
	min-height: 300px;
	min-height: 35vh;
}

.bildungsministerium .bottom-bgd {
	min-height: 300px;
	min-height: 40vh;
	background-color: #fff;
}

.bildungsministerium .monitor {
	width: 80%;
	margin: 0 auto 0;
	position: relative;
	top: -10vh;
}

@media all and (min-width: 992px) {
	.bildungsministerium .monitor {
		top: -30vh;
	}
}

.bildungsministerium .monitor .embed-responsive {
	z-index: 2;
	border: 16px solid #EB5B08;
	border-radius: 16px;
	-webkit-box-shadow: 4px 4px 20px 3px rgba(0,0,0,0.4);
	box-shadow: 4px 4px 20px 3px rgba(0,0,0,0.4);
}

@media all and (min-width: 1200px) {
	.bildungsministerium .monitor .embed-responsive {
		border: 30px solid #EB5B08;
		border-radius: 30px;
	}
}

.bildungsministerium .monitor-stand {
	position: absolute;
	background-image: url(../img/werke/bildungsministerium/BiMi_monitor_neutral_Fuss.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 200px;
	height: calc(80vw*0.177);
	z-index: 1;
}

@media all and (min-width: 1200px) {
	.bildungsministerium .monitor .embed-responsive {
		border: 30px solid #EB5B08;
		border-radius: 30px;
	}
}

.bildungsministerium .content-slider {
	background-color: #fff;
	position: relative;
}

.bildungsministerium .content-slider::before,
.bildungsministerium .content-slider::after {
	content: '';
	position: absolute;
	width: 15vw;
	height: 100%;
	display: block;
	top: 0;
	z-index: 1;
	background: rgba(255,255,255,0.3);
}

.bildungsministerium .content-slider::before {
	left: 0;
	background: linear-gradient(90deg, rgba(255,255,255,0.8) 0%, rgba(0,0,0,0) 80%);
}

.bildungsministerium .content-slider::after {
	right: 0;
	background: linear-gradient(270deg, rgba(255,255,255,0.8) 0%, rgba(0,0,0,0) 80%);
}

.bildungsministerium .content-slider .slider-arrow {
	content: '';
	position: absolute;
	width: 5vw;
	height: 6vw;
	display: block;
	top: calc(50% - 3vw);
	z-index: 2;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

@media all and (min-width: 992px) {
	.bildungsministerium .content-slider .slider-arrow {
		height: 2vw;
		top: calc(50% - 1vw);
	}
}

.bildungsministerium .content-slider #slider-arrow-left {
	background-image: url(../img/werke/bildungsministerium/svg/slider_arrow_left.svg);
	left: 0;
}

.bildungsministerium .content-slider #slider-arrow-right {
	background-image: url(../img/werke/bildungsministerium/svg/slider_arrow_right.svg);
	right: 0;
}

.bildungsministerium .content-slider #slider-arrow-right:hover,
.bildungsministerium .content-slider #slider-arrow-left:hover {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	cursor: pointer;
}

.bildungsministerium  .horizontal_dotted_line {
	border-top: 8px dashed #dddddd;
	width: 100%;
	margin-bottom: 3vh;
}

.bildungsministerium  .horizontal_dotted_line2 {
	border-top: 8px dashed #EB5B08;
	width: 100%;
	margin-top: 4vh;
}

@media all and (min-width: 768px) {
	.bildungsministerium  .horizontal_dotted_line {
		border-top: 12px dashed #dddddd;
	}

	.bildungsministerium  .horizontal_dotted_line2 {
		border-top: 12px dashed #EB5B08;
	}
}

@media all and (min-width: 1200px) {
	.bildungsministerium  .horizontal_dotted_line {
		border-top: 20px dashed #dddddd;
		margin-bottom: 7vh;
	}

	.bildungsministerium  .horizontal_dotted_line2 {
		border-top: 20px dashed #EB5B08;
		margin-top: 8vh;
	}
}

.bildungsministerium .content-slider .content-slide div {
	width: 100vw;
	padding: 0;
	height: 55vw;
}

.bildungsministerium .big-quote {
	min-height: 60vh;
}

.bildungsministerium .big-quote p {
	text-align: left;
	font-size: 26px;
	line-height: 38px;
}

@media all and (min-width: 1200px) {
	.bildungsministerium .big-quote p {
		font-size: 40px;
		line-height: 50px;
	}
}

.bildungsministerium .twopart-mockup {
	position: relative;
}

.bildungsministerium .twopart-mockup::before {
	position: absolute;
	left: -25vw;
	top: -12vh;
	content: '';
	width: 150vw;
	height: 22vh;
	display: block;
	background-color: #EB5B08;
	-moz-transform: rotate(-4deg);
	-webkit-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	transform: rotate(-4deg);
}

.bildungsministerium .mock-up-front {
	position: absolute;
	height: 100%;
	width: auto;
	left: calc(50vw - 18%);
	bottom: -8vw;
	z-index: 20;
}

.bildungsministerium .image-random-rotation {
	position: relative;
}

.bildungsministerium .bg-section.image-random-rotation .big-image {
	border: 16px solid #fff;
	-webkit-box-shadow: 4px 4px 20px 3px rgba(0,0,0,0.4);
	box-shadow: 4px 4px 20px 3px rgba(0,0,0,0.4);
}

@media all and (min-width: 1200px) {
	.bildungsministerium .bg-section.image-random-rotation .big-image {
		border: 28px solid #fff;
	}
}

html {
	overflow-x: hidden;
}

.landesmarketing .header-section {
	padding-top: 0 !important;
	/*min-height: calc(100vh - 120px);*/
}

.landesmarketing .header-section {
	background-image: url(../img/werke/landesmarketing/Header/Header.jpg);
	background-size: cover;
}

@media (max-width: 480px) {
	.landesmarketing .header-section {
		background-image: url(../img/werke/landesmarketing/Header/Header_phone.jpg);
		background-size: cover;
	}
}

.landesmarketing h2 {
	font-size: 80px;
	color: #005E90;
}

.landesmarketing .embed-responsive-item {
	z-index: 9;
}

.landesmarketing .bg-section,
.main-content .landesmarketing .bg-section section {
	background-color: #fff !important;
}

.main-content .landesmarketing section.bg-section2,
.main-content .landesmarketing .heartwork section {
	background-color: #ffffff !important;
}

.main-content .landesmarketing section.bg-section3 {
	background-color: transparent !important;
	z-index: 1;
}

.main-content .landesmarketing section.bg-section4 {
	position: relative;
	z-index: 1;
	background-color: #005E90 !important;
	padding-bottom: 0;
}

.main-content .landesmarketing section.bg-section4::after {
	position: absolute;
	z-index: -1;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	background-image: url(../img/werke/landesmarketing/Mockups/kante_weiß_3.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom;
}

.main-content .landesmarketing section.bg-section5 {
	position: relative;
	z-index: 0;
	background-color: #005E90 !important;
}

.main-content .landesmarketing section.bg-section5 h2 {
	color: #fff;
}

.main-content .landesmarketing section.bg-section3::before {
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	background-image: url(../img/werke/landesmarketing/Mockups/kante_blau_2.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom;
}

.iframe-preview {
	cursor: pointer;
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.iframe-preview .play-button {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 90px;
	height: 90px;
}

.iframe-preview .play-button::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: inline-block;
	background: #005E90;
	opacity: .6;
	border-radius: 50%;
}

@media all and (min-width: 992px) {
	.iframe-preview .play-button {
		width: 160px;
		height: 160px;
	}
}

.main-content .landesmarketing section.bg-section3::after {
	display: none;
}

.landesmarketing .clientcolor {
	color: #005E90;
}

.landesmarketing section {
	color: #000;
}

.landesmarketing .content-monitor {
	min-height: 400px;
	min-height: calc(100vh*0.586);
}

.landesmarketing .top-bgd {
	min-height: 300px;
	min-height: 35vh;
}

.landesmarketing .bottom-bgd {
	min-height: 300px;
	min-height: 40vh;
	background-color: #fff;
}

.landesmarketing .monitor {
	width: 80%;
	margin: 0 auto 0;
	position: relative;
	top: -10vh;
}

@media all and (min-width: 992px) {
	.landesmarketing .monitor {
		top: -30vh;
	}
}

.landesmarketing .monitor .embed-responsive {
	z-index: 2;
	border: 16px solid #EB5B08;
	border-radius: 16px;
	-webkit-box-shadow: 4px 4px 20px 3px rgba(0,0,0,0.4);
	box-shadow: 4px 4px 20px 3px rgba(0,0,0,0.4);
}

@media all and (min-width: 1200px) {
	.landesmarketing .monitor .embed-responsive {
		border: 30px solid #EB5B08;
		border-radius: 30px;
	}
}

.landesmarketing .monitor-stand {
	position: absolute;
	background-image: url(../img/werke/bildungsministerium/BiMi_monitor_neutral_Fuss.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 200px;
	height: calc(80vw*0.177);
	z-index: 1;
}

@media all and (min-width: 1200px) {
	.landesmarketing .monitor .embed-responsive {
		border: 30px solid #EB5B08;
		border-radius: 30px;
	}
}

.landesmarketing .content-slider {
	background-color: #fff;
	position: relative;
}

.landesmarketing .content-slider::before,
.landesmarketing .content-slider::after {
	content: '';
	position: absolute;
	width: 15vw;
	height: 100%;
	display: block;
	top: 0;
	z-index: 1;
	background: rgba(255,255,255,0.3);
}

.landesmarketing .content-slider::before {
	left: 0;
	background: linear-gradient(90deg, rgba(255,255,255,0.8) 0%, rgba(0,0,0,0) 80%);
}

.landesmarketing .content-slider::after {
	right: 0;
	background: linear-gradient(270deg, rgba(255,255,255,0.8) 0%, rgba(0,0,0,0) 80%);
}

.landesmarketing .content-slider .slider-arrow {
	content: '';
	position: absolute;
	width: 5vw;
	height: 6vw;
	display: block;
	top: calc(50% - 3vw);
	z-index: 2;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

@media all and (min-width: 992px) {
	.landesmarketing .content-slider .slider-arrow {
		height: 2vw;
		top: calc(50% - 1vw);
	}
}

.landesmarketing .content-slider #slider-arrow-left {
	background-image: url(../img/werke/bildungsministerium/svg/slider_arrow_left.svg);
	left: 0;
}

.landesmarketing .content-slider #slider-arrow-right {
	background-image: url(../img/werke/bildungsministerium/svg/slider_arrow_right.svg);
	right: 0;
}

.landesmarketing .content-slider #slider-arrow-right:hover,
.landesmarketing .content-slider #slider-arrow-left:hover {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	cursor: pointer;
}

.landesmarketing  .horizontal_dotted_line {
	border-top: 8px dashed #dddddd;
	width: 100%;
	margin-bottom: 3vh;
}

.landesmarketing  .horizontal_dotted_line2 {
	border-top: 8px dashed #EB5B08;
	width: 100%;
	margin-top: 4vh;
}

@media all and (min-width: 768px) {
	.landesmarketing  .horizontal_dotted_line {
		border-top: 12px dashed #dddddd;
	}

	.landesmarketing  .horizontal_dotted_line2 {
		border-top: 12px dashed #EB5B08;
	}
}

@media all and (min-width: 1200px) {
	.landesmarketing  .horizontal_dotted_line {
		border-top: 20px dashed #dddddd;
		margin-bottom: 7vh;
	}

	.landesmarketing  .horizontal_dotted_line2 {
		border-top: 20px dashed #EB5B08;
		margin-top: 8vh;
	}
}

.landesmarketing .content-slider .content-slide div {
	width: 100vw;
	padding: 0;
	height: 55vw;
}

.landesmarketing .big-quote {
	min-height: 60vh;
}

.landesmarketing .big-quote p {
	text-align: left;
	font-size: 26px;
	line-height: 38px;
}

@media all and (min-width: 1200px) {
	.landesmarketing .big-quote p {
		font-size: 40px;
		line-height: 50px;
	}
}

.landesmarketing .twopart-mockup {
	position: relative;
}

.landesmarketing .twopart-mockup::before {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	background-image: url(../img/werke/landesmarketing/Mockups/kante_weiß_1.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.landesmarketing .twopart-mockup::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	background-image: url(../img/werke/landesmarketing/Mockups/kante_blau_2.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom;
}

.landesmarketing .mock-up-front {
	position: absolute;
	height: auto;
	width: 30vw;
	max-width: 600px;
	left: 5%;
	bottom: 0;
	z-index: 20;
}

.landesmarketing .mock-up-front.bounceInRight {
	z-index: 0;
	top: 0;
	right: 5%;
	left: auto;
	width: 60%;
	max-width: none;
	text-align: right;
}

@media all and (max-width: 1200px) {
	.landesmarketing h2 {
		font-size: 54px;
	}
	.landesmarketing .bg-section3 h2 {
		font-size: 50px;
	}
}

@media all and (max-width: 991px) {
	.landesmarketing h2 {
		font-size: 44px;
	}
	.landesmarketing .bg-section3 h2 {
		font-size: 40px;
	}
}

@media all and (max-width: 767px) {
	.landesmarketing h2 {
		font-size: 34px;
	}
	.landesmarketing .bg-section3 h2 {
		font-size: 30px;
	}
	.landesmarketing .twopart-mockup {
		min-height: 600px;
		margin-top: 20px;
	}
	.landesmarketing .twopart-mockup .mock-up-bgd {
		width: auto;
		height: 100%;
		position: absolute;
		z-index: -1;
		max-width: inherit;
		transform: translateX(-50%);
		left: 50%;
	}
	.landesmarketing .mock-up-front {
		position: relative;
		height: auto;
		width: auto;
		max-width: 300px;
		left: auto;
		right: auto;
		z-index: 20;
		margin: 0 auto;
		padding: 50px 0;
		top: 50px;
		bottom: 0;
	}
	.landesmarketing .mock-up-front > div:first-child {
		top: calc(50px + 3%) !important;
	}
}

.landesmarketing .mock-up-front.bounceInRight img {
	width: auto;
	max-height: 100%;
}

.landesmarketing .image-random-rotation {
	position: relative;
}

.landesmarketing .bg-section.image-random-rotation .big-image {
	border: 16px solid #fff;
	-webkit-box-shadow: 4px 4px 20px 3px rgba(0,0,0,0.4);
	box-shadow: 4px 4px 20px 3px rgba(0,0,0,0.4);
}

@media all and (min-width: 1200px) {
	.landesmarketing .bg-section.image-random-rotation .big-image {
		border: 28px solid #fff;
	}
}

.landesmarketing .photocamera {
	width: 40vh;
	height: auto;
	-moz-transform: rotate(170deg);
	-webkit-transform: rotate(170deg);
	-o-transform: rotate(170deg);
	-ms-transform: rotate(170deg);
	transform: rotate(170deg);
}

.main-content  .landesmarketing .content-video {
	padding-bottom: 34vw;
}

@media all and (min-width: 768px) {
	.landesmarketing .photocamera {
		width: 60vh;
	}
}

@media all and (min-width: 1200px) {
	.landesmarketing .photocamera {
		width: 100vh;
	}

	.main-content .landesmarketing .content-video {
		padding: 0 0 7%;
	}
}

.landesmarketing .mousewrap {
	-moz-transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	transform: rotate(-30deg);
}

.landesmarketing .image-random-rotation .photo-border {
	border: 16px solid #fff;
	-webkit-box-shadow: 4px 4px 20px 3px rgba(0,0,0,0.4);
	box-shadow: 4px 4px 20px 3px rgba(0,0,0,0.4);
}


@media all and (min-width: 1200px) {
	.landesmarketing .image-random-rotation .photo-border {
		border: 36px solid #fff;
	}
}

.landesmarketing p.mid-quote {
	text-align: left;
	font-size: 26px;
	line-height: 38px;
}

@media all and (min-width: 1200px) {
	.landesmarketing p.mid-quote {
		font-size: 40px;
		line-height: 50px;
	}
}

.landesmarketing .mouse-fact {
	position: relative;
}

.landesmarketing .mouse-fact img {
	position: relative;
	width: 80px;
	height: auto;
}

@media all and (min-width: 1200px) {
	.landesmarketing .mouse-fact img {
		position: absolute;
		bottom: -80px;
		right: 0;
		width: 200px;
	}
}

.landesmarketing .line-fact {
	position: relative;
}

.landesmarketing .line-fact img {
	position: absolute;
	bottom: -15vw;
	right: 0;
	width: 30vw;
}

.landesmarketing .content-imagegrid.image-random-rotation {
	position: relative;
}

.landesmarketing .content-imagegrid.image-random-rotation.absolute-images .images-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	perspective: 10000px;
}

.landesmarketing .content-imagegrid.image-random-rotation.absolute-images .image-container {
	position: absolute;
	max-width: 50%;
}

.landesmarketing .content-imagegrid.image-random-rotation.absolute-images .image-container span.image-container-overlay {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 30px;
	font-weight: bold;
	text-shadow: 3px 3px 5px #00000029;
	color: #fff;
}

.landesmarketing .content-imagegrid.image-random-rotation.absolute-images .image-container span.image-container-overlay.dark {
	position: absolute;
	top: 10px;
	left: 20px;
	text-shadow: none;
	color: #005E90;
}

.landesmarketing .content-imagegrid.image-random-rotation.absolute-images .image-container span.image-container-overlay.top-right {
	left: auto;
	right: 20px;
}

.landesmarketing .content-imagegrid.image-random-rotation.absolute-images .image-container span.image-container-overlay.bottom-left {
	top: auto;
	left: 20px;
	bottom: 10px;
}

.landesmarketing .content-imagegrid.image-random-rotation.absolute-images .image-container span.image-container-overlay.bottom-right {
	top: auto;
	left: auto;
	right: 20px;
	bottom: 10px;
}

.landesmarketing .content-imagegrid.image-random-rotation.absolute-images .wow > div {
	box-shadow: 10px 10px 20px #00000029;
	border: 10px solid #FFFFFF;
	background: #fff;
}

@media (min-width: 768px) and (max-width: 991px) {
	.landesmarketing .content-imagegrid.image-random-rotation.absolute-images .wow > div {
		border: 5px solid #FFFFFF;
	}
}

@media all and (max-width: 1200px) {
	.landesmarketing .content-imagegrid.image-random-rotation.absolute-images .image-container span.image-container-overlay {
		font-size: 20px;
	}
}

.landesmarketing .content-imagegrid.image-random-rotation.absolute-images .wow.fallDown {
	position: absolute;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

@media all and (min-width: 1200px) {
	.landesmarketing .line-fact img {
		position: absolute;
		bottom: -11vw;
		right: 0;
	}
}

.landesmarketing > .bg-section > section:not('.heartwork-headline') {
	overflow: hidden;
}

.landesmarketing .pen-fact {
	position: relative;
}

.landesmarketing .pen-fact img {
	position: absolute;
	bottom: 0;
	right: -12vw;
	width: 18vw;
}

@media all and (min-width: 992px) {
	.landesmarketing .pen-fact img {
		bottom: -2vw;
		right: -10vw;
		width: 300px;
	}
}

@media all and (min-width: 1600px) {
	.landesmarketing .pen-fact img {
		right: 5vw;
	}
}

.landesmarketing .search.icon {
	display: none;
	color: #fff;
	position: absolute;
	margin-top: 6px;
	margin-left: 20px;
	width: 30px;
	height: 30px;
	border: solid 4px currentColor;
	border-radius: 100%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.landesmarketing .search.icon::before {
	content: '';
	position: absolute;
	top: 25px;
	left: 11px;
	height: 14px;
	width: 4px;
	background-color: currentColor;
}

@media all and (min-width: 1200px) {
	.landesmarketing .search.icon {
		display: inline-block;
	}
}

.landesmarketing .content-www-click {
	position: relative;
}

.landesmarketing .user-svg-small {
	width: 50px;
	height: 50px;
}

.landesmarketing .user-svg {
	width: 100px;
	height: 100px;
}

.landesmarketing .user-svg-big {
	width: 150px;
	height: 150px;
}

@media all and (min-width: 1200px) {
	.landesmarketing .user-svg-small {
		width: 150px;
		height: 150px;
	}

	.landesmarketing .user-svg {
		width: 200px;
		height: 200px;
	}

	.landesmarketing .user-svg-big {
		width: 250px;
		height: 250px;
	}
}

.photocamera-box {
	position: absolute;
	top: -22vh;
	right: -10vh;
	z-index: 1;
}

@media all and (min-width: 768px) {
	.photocamera-box {
		top: -28vh;
		right: -16vh;
	}
}

@media all and (min-width: 1200px) {
	.photocamera-box {
		right: -26vh;
		top: -40vh;
	}
}

.bildungsministerium .photocamera {
	width: 40vh;
	height: auto;
	-moz-transform: rotate(170deg);
	-webkit-transform: rotate(170deg);
	-o-transform: rotate(170deg);
	-ms-transform: rotate(170deg);
	transform: rotate(170deg);
}

.main-content  .bildungsministerium .content-video {
	padding-bottom: 34vw;
}

@media all and (min-width: 768px) {
	.bildungsministerium .photocamera {
		width: 60vh;
	}
}

@media all and (min-width: 1200px) {
	.bildungsministerium .photocamera {
		width: 100vh;
	}

	.main-content  .bildungsministerium .content-video {
		padding: 12vw 0 18vw;
	}
}

.content-video,
.content-video-click {
	position: relative;
}

.content-video .container-fluid {
	z-index: 3;
	position: relative;
}

.content-video-click .nexthold {
	max-width: 33vw;
}

.content-video-click .image-right {
	float: right;
	width: 18vw;
	height: auto;
	position: relative;
	top: -3vw;
	left: -6vw;
}


.bildungsministerium .mousewrap {
	-moz-transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	transform: rotate(-30deg);
}

.content-video-click .mousewrap {
	position: absolute;
	right: 1vw;
	bottom: 2vw;
}

.content-video-click .mouseclick {
	width: 2vh;
	height: auto;
}

@media all and (min-width: 1200px) {
	.content-video-click .mousewrap {
		right: 8%;
		bottom: 30%;
	}

	.content-video-click .mouseclick {
		width: 5vh;
		height: auto;
	}
}

.content-video::after {
	z-index: 5;
	position: absolute;
	left: -25vw;
	bottom: -12vh;
	content: '';
	width: 150vw;
	height: 22vh;
	display: block;
	background-color: #EB5B08;
	-moz-transform: rotate(-4deg);
	-webkit-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	transform: rotate(-4deg);
}

.content-video + .content-imagegrid {
	position: relative;
	z-index: 6;
}

.bildungsministerium .image-random-rotation .photo-border {
	border: 16px solid #fff;
	-webkit-box-shadow: 4px 4px 20px 3px rgba(0,0,0,0.4);
	box-shadow: 4px 4px 20px 3px rgba(0,0,0,0.4);
}


@media all and (min-width: 1200px) {
	.bildungsministerium .image-random-rotation .photo-border {
		border: 36px solid #fff;
	}
}

.bildungsministerium p.mid-quote {
	text-align: left;
	font-size: 26px;
	line-height: 38px;
}

@media all and (min-width: 1200px) {
	.bildungsministerium p.mid-quote {
		font-size: 40px;
		line-height: 50px;
	}
}

.bildungsministerium .content-facts p.super-quote {
	text-align: left;
	font-size: 36px;
	line-height: 48px;
}

@media all and (min-width: 1200px) {
	.bildungsministerium .content-facts p.super-quote {
		font-size: 100px;
		line-height: 110px;
	}
}

.bildungsministerium .content-facts p {
	text-align: left;
	font-size: 30px;
	line-height: 38px;
}

.bildungsministerium .content-facts p.digit-fact {
	font-family: 'Bitterbrush';
	text-align: left;
	font-size: 60px;
	line-height: 70px;
}

@media all and (min-width: 1200px) {
	.bildungsministerium .content-facts p {
		font-size: 70px;
		line-height: 70px;
	}

	.bildungsministerium .content-facts p.digit-fact {
		font-size: 150px;
		line-height: 90px;
	}

	.bildungsministerium .content-facts .digit-fact + p {
		margin-left: 3vh;
	}
}

.bildungsministerium .mouse-fact {
	position: relative;
}

.bildungsministerium .mouse-fact img {
	position: relative;
	width: 80px;
	height: auto;
}

@media all and (min-width: 1200px) {
	.bildungsministerium .mouse-fact img {
		position: absolute;
		bottom: -80px;
		right: 0;
		width: 200px;
	}
}

.bildungsministerium .line-fact {
	position: relative;
}

.bildungsministerium .line-fact img {
	position: absolute;
	bottom: -15vw;
	right: 0;
	width: 30vw;
}

@media all and (min-width: 1200px) {
	.bildungsministerium .line-fact img {
		position: absolute;
		bottom: -11vw;
		right: 0;
	}
}

.bildungsministerium > .bg-section > section:not('.heartwork-headline') {
	overflow: hidden;
}

.bildungsministerium .pen-fact {
	position: relative;
}

.bildungsministerium .pen-fact img {
	position: absolute;
	bottom: 0;
	right: -12vw;
	width: 18vw;
}

@media all and (min-width: 992px) {
	.bildungsministerium .pen-fact img {
		bottom: -2vw;
		right: -10vw;
		width: 300px;
	}
}

@media all and (min-width: 1600px) {
	.bildungsministerium .pen-fact img {
		right: 5vw;
	}
}

#bimi-weblink {
	display: inline-block;
	padding: 4px 16px;
	border: 4px solid #fff;
	border-radius: 38px;
	color: #fff;
}

@media all and (min-width: 1200px) {
	#bimi-weblink {
		padding: 4px 80px 4px 16px;
	}
}

#bimi-weblink::before {
	display: none;
}

.bildungsministerium .search.icon {
	display: none;
	color: #fff;
	position: absolute;
	margin-top: 6px;
	margin-left: 20px;
	width: 30px;
	height: 30px;
	border: solid 4px currentColor;
	border-radius: 100%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.bildungsministerium .search.icon::before {
	content: '';
	position: absolute;
	top: 25px;
	left: 11px;
	height: 14px;
	width: 4px;
	background-color: currentColor;
}

@media all and (min-width: 1200px) {
	.bildungsministerium .search.icon {
		display: inline-block;
	}
}

#zeitaward-headline {
	background-color: #fff;
	position: relative;
	z-index: 6;
	margin: 20px;
}

#zeitaward {
	position: relative;
	z-index: 5;
}

#zeitungsartikel {
	position: relative;
	left: -10vh;
	z-index: 4;
}

#awardselfie {
	position: relative;
	top: -10vh;
	z-index: 6;
}

.bildungsministerium .content-www-click {
	position: relative;
}

.content-www-click .mousewrap {
	position: absolute;
	right: -8vh;
	top: 16vh;
}

.content-www-click .mouseclick {
	width: 4vh;
	height: auto;
}

@media all and (min-width: 768px) {
	.content-www-click .mousewrap {
		right: -4vh;
		top: 5vw;
	}

	.content-www-click .mouseclick {
		width: 5vh;
		height: auto;
	}
}

@media all and (min-width: 1200px) {
	.content-www-click .mousewrap {
		right: -4vh;
		top: 3vh;
	}

	.content-www-click .mouseclick {

	}
}

#www-adword {
	-moz-transform: skewX(-7deg) skewY(-0deg);
	-webkit-transform: skewX(-7deg) skewY(-0deg);
	-o-transform: skewX(-7deg) skewY(-0deg);
	-ms-transform: skewX(-7deg) skewY(-0deg);
	transform: skewX(-7deg) skewY(-0deg);
	padding: 20px;
	background-color: #fff;
	-webkit-box-shadow: 10px 10px 20px 4px rgba(0,0,0,0.4);
	box-shadow: 10px 10px 20px 4px rgba(0,0,0,0.4);
}

#www-adword img {
	-moz-transform: skewX(7deg) skewY(0deg);
	-webkit-transform: skewX(7deg) skewY(0deg);
	-o-transform: skewX(7deg) skewY(0deg);
	-ms-transform: skewX(7deg) skewY(0deg);
	transform: skewX(7deg) skewY(0deg);
}

#www-adword2 {
	-moz-transform: rotate(-3deg) skewX(-10deg) skewY(-0deg);
	-webkit-transform: rotate(-3deg) skewX(-10deg) skewY(-0deg);
	-o-transform: rotate(-3deg) skewX(-10deg) skewY(-0deg);
	-ms-transform: rotate(-3deg) skewX(-10deg) skewY(-0deg);
	transform: rotate(-3deg) skewX(-10deg) skewY(-0deg);
	padding: 20px;
	background-color: #fff;
	-webkit-box-shadow: 10px 10px 20px 4px rgba(0,0,0,0.4);
	box-shadow: 10px 10px 20px 4px rgba(0,0,0,0.4);
}

#www-adword2 img {
	-moz-transform: rotate(0deg) skewX(10deg) skewY(0deg);
	-webkit-transform: rotate(0deg) skewX(10deg) skewY(0deg);
	-o-transform: rotate(0deg) skewX(10deg) skewY(0deg);
	-ms-transform: rotate(0deg) skewX(10deg) skewY(0deg);
	transform: rotate(0deg) skewX(10deg) skewY(0deg);
}

#ipad-mockup {
	position: relative;
	top: 10vh;
	z-index: 6;
}

.bildungsministerium .user-svg-small {
	width: 50px;
	height: 50px;
}

.bildungsministerium .user-svg {
	width: 100px;
	height: 100px;
}

.bildungsministerium .user-svg-big {
	width: 150px;
	height: 150px;
}

@media all and (min-width: 1200px) {
	.bildungsministerium .user-svg-small {
		width: 150px;
		height: 150px;
	}

	.bildungsministerium .user-svg {
		width: 200px;
		height: 200px;
	}

	.bildungsministerium .user-svg-big {
		width: 250px;
		height: 250px;
	}
}

/* ebbeflut Referenz */

.ebbeflut .header-logo-ebbe {
	width: 80%;
	margin: 0 auto;
	max-width: 500px;
}

.ebbeflut .bg-section {
	overflow: hidden;
}

@media all and (max-width: 767px) {
	.main-content .ebbeflut .bg-section .header-section {
		padding-bottom: 20px;
	}
}

@media all and (min-width: 768px) {
	.ebbeflut .header-logo-ebbe {
		position: relative;
		top: 20vh;
		left: 15%;
		width: 70%;
	}
}

@media all and (min-width: 992px) {
	.ebbeflut .header-logo-ebbe {
		width: 80%;
		margin: 0;
		max-width: 2000px;
		left: 0;
		top: 0;
	}
}

@media all and (min-width: 1200px) {
	.ebbeflut .header-logo-ebbe {
		top: 10vh;
	}
}

@media all and (min-width: 1600px) {
	.ebbeflut .header-logo-ebbe {
		width: auto;
	}
}

.main-content .ebbeflut section:not(.main-stage) {
	padding: 80px 0;
}

@media all and (min-width: 1400px) {
	.main-content .ebbeflut section:not(.main-stage) {
		padding: 120px 0;
	}
}

.ebbeflut .big-image.header-big-bottles {
	width: 120%;
	max-width: 120%;
	position: relative;
	left: -10%;
}

@media all and (min-width: 768px) {
	.ebbeflut .big-image.header-big-bottles {
		width: 100%;
		max-width: 100%;
		position: relative;
		left: 0;
	}
}

@media all and (min-width: 1400px) {
	.ebbeflut .header-big-bottles {
		position: relative;
		bottom: 10vh
	}
}

.ebbeflut .clientcolor {
	color: #00BEF2;
}

.ebbeflut .bg-section .content-information {
	background-color: #00253E;
}

.ebbeflut .bg-section .header-section .big-image {
	max-width: 970px;
}

.ebbeflut .bg-section p,
.ebbeflut .content-information .col-md-3 p,
.ebbeflut .content-information .col-md-8 p {
	font-size: 18px;
	line-height: 26px;
}

@media all and (min-width: 992px) {
	.ebbeflut .bg-section p,
	.ebbeflut .content-information .col-md-3 p,
	.ebbeflut .content-information .col-md-8 p {
		font-size: 24px;
		line-height: 32px;
	}
}

@media all and (min-width: 1400px) {
	.ebbeflut .bg-section p,
	.ebbeflut .content-information .col-md-3 p,
	.ebbeflut .content-information .col-md-8 p {
		font-size: 26px;
		line-height: 34px;
	}
}

.ebbeflut #siegel {
	position: absolute;
	right: 10px;
	top: -40px;
	max-width: 20vw;
}

@media all and (min-width: 768px) {
	.ebbeflut #siegel {
		max-width: 10vw;
	}
}

.ebbeflut .linewave svg {
	width: 20px;
	height: auto;
}

@media all and (min-width: 1400px) {
	.ebbeflut .linewave svg {
		width: 30px;
	}
}

.ebbeflut #treibholz1 {
	position: relative
}

.ebbeflut #treibholz1 img {
	position: absolute;
	z-index: 1;
	right: 10%;
	transform: translateY(-65%);
	pointer-events: none;
	max-width: 70vw;
}

@media all and (min-width: 768px) {
	.ebbeflut #treibholz1 img {
		max-width: 300px;
		top: 20px;
	}
}

@media all and (min-width: 992px) {
	.ebbeflut #treibholz1 img {
		max-width: 400px;
		top: 0;
	}
}

@media all and (min-width: 1400px) {
	.ebbeflut #treibholz1 img {
		max-width: 700px;
	}
}

@media all and (min-width: 1600px) {
	.ebbeflut #treibholz1 img {
		max-width: 850px;
	}
}

@media all and (min-width: 1800px) {
	.ebbeflut #treibholz1 img {
		max-width: 1000px;
	}
}

@media all and (min-width: 992px) and (max-width: 1399px) {
	.ebbeflut #partner-bottles {
		margin-top: 20vh;
	}
}

.ebbeflut .bg-section section:not(.heartwork-headline) h2 {
	font-family: 'SwistblnkMonthoers';
	font-size: 58px;
	line-height: 50px;
	margin-bottom: 50px;
}

@media all and (min-width: 768px) {
	.ebbeflut .bg-section section:not(.heartwork-headline) h2 {
		font-size: 80px;
		line-height: 72px;
		margin-bottom: 0;
	}
}

@media all and (min-width: 992px) {
	.ebbeflut .bg-section section:not(.heartwork-headline) h2 {
		font-size: 120px;
		line-height: 110px;
	}
}

@media all and (min-width: 1400px) {
	.ebbeflut .bg-section section:not(.heartwork-headline) h2 {
		font-size: 150px;
		line-height: 135px;
	}
}

@media all and (min-width: 1600px) {
	.ebbeflut .bg-section section:not(.heartwork-headline) h2 {
		font-size: 200px;
		line-height: 180px;
	}
}

@media all and (min-width: 1400px) {
	.ebbeflut #fontelement1 {
		position: absolute;
		z-index: 1;
		left: 0;
		text-align: left;
	}

	.ebbeflut #fontelement1 h2 {
		padding-left: 1vw;
		margin-bottom: 25px;
	}
}

@media all and (min-width: 1400px) {
	.ebbeflut #fontelement1 {
		top: -30px;
	}
}

@media all and (min-width: 1800px) {
	.ebbeflut #fontelement1 {
		top: 0;
	}
}

.ebbe-counter {
	font-size: 24px;
}

.ebbe-fact {
	font-size: 18px;
	font-weight: normal;
}

@media all and (max-width: 767px) {
	.ebbe-counter {
		margin-bottom: 10px !important;
	}
}

@media all and (min-width: 768px) {
	.ebbe-counter {
		font-size: 40px;
		text-align: right;
	}

	.ebbe-fact {
		font-size: 20px;
		text-align: left;
		margin-bottom: 20px;
	}
}

@media all and (min-width: 1400px) {
	.ebbe-fact {
		margin-bottom: 0;
	}
}

@media all and (min-width: 1400px) {
	.ebbe-counter {
		font-size: 55px;
	}
}

.section-padding-top300 {
	padding-top: 100px !important;
}

@media all and (min-width: 1400px) {
	.section-padding-top300 {
		padding-top: 300px !important;
	}

	.section-padding-bottom500 {
		padding-bottom: 500px !important;
	}

	.section-margin-topmin400 {
		margin-top: -400px !important;
	}

	.section-margin-topmin400 h2 {
		color: #fff;
		text-align: left;
	}

	#special-size10 {
		width: calc(100% + 200px) !important;
		max-width: inherit;
	}
}

.ebbeflut .bg-section section.dark h2,
.ebbeflut .bg-section section.inverted h2 {
	color: #ffffff;
}

.ebbeflut .bg-section .header-section {
	position: relative;
	background-image: url(../img/werke/ebbeflut/beach-bgd.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 0 !important;
	max-height: 1080px;
}

.ebbeflut .bg-section #video  {
	mask: url(../img/werke/ebbeflut/head_maske.svg);
	mask-size: 100%;
	-webkit-mask: url(../img/werke/ebbeflut/head_maske.svg);
	mask-size: auto;
	-webkit-mask-size: 100%;
}

.ebbeflut .bg-section .header-section .container-fluid {
	position: absolute;
	bottom: 0;
}

@media all and (min-width: 1400px) {
	.ebbeflut .bg-section .header-section {
		max-height: none;
	}
}

.ebbeflut .video-mp4 {
	position: relative;
	max-height: 100%;
	max-width: 100%;
	height: 100%;
	width: 100%;
	-webkit-transition: opacity 2s ease-out;
	-moz-transition: opacity 2s ease-out;
	-ms-transition: opacity 2s ease-out;
	-o-transition: opacity 2s ease-out;
	transition: opacity 2s ease-out;
}

@media all and (min-width: 992px) {
	.ebbeflut .video-mp4 {
		max-width: none;
	}
}

.ebbe-footer .ebbe-imagewrap {
	min-height: 45vh;
	background: url(../img/werke/ebbeflut/wave.jpg) no-repeat center;
	background-size: cover;
	padding-top: 12vh;
}

@media all and (min-width: 768px) {
	.ebbe-footer .ebbe-imagewrap {
		padding-top: 12vh;
	}
}

.ebbe-footer p {
	font-size: 24px;
	color: #fff;
}

.ebbe-footer a {
	font-size: 24px;
	color: #00BEF2;
	font-weight: 400;
}

@media all and (min-width: 992px) {
	.ebbe-footer p,
	.ebbe-footer a {
		font-size: 30px;
	}

	.ebbe-footer .ebbe-imagewrap {
		min-height: 45vh;
	}

	.ebbe-footer p {
		font-size: 30px;
	}
}

@media all and (min-width: 1600px) {
	.ebbe-footer p,
	.ebbe-footer a {
		font-size: 40px;
	}

	.ebbe-footer .ebbe-imagewrap {
		min-height: 28vw;
	}
}

.ebbe-footer a:hover {
	color: #fff;
	border-bottom: 3px solid #fff;
}

.ebbeflut .bg-section .header-section {
	flex-flow: row;
}

.ebbeflut .header-section.vertical-align-bottom .content-information {
	padding: 150px 0 50px;
	margin: 0 auto;
}

@media all and (min-width: 1800px) {
	.container.container-large {
		width: auto;
		max-width: 1640px;
	}
}

.align-items-center {
	display: flex;
	align-items: center;
}

.ebbeflut .bg-section {
	background-color: #00253E;
	background-image: url(../img/werke/ebbeflut/Tiefenkarte.svg);
	background-blend-mode: overlay;
	background-attachment: fixed;
	background-size: 100%;
}

.ebbeflut .bg-section section.header-section {
	background: transparent;
}

.ebbeflut .bg-section section {
	position: relative;
	background-color: #F2EEEE;
	background-image: url(../img/werke/ebbeflut/Tiefenkarte.svg);
	background-blend-mode: overlay;
	background-attachment: fixed;
	background-size: 100%;
	color: #00253E;
}

.ebbeflut .bg-section section.inverted,
.inverted {
	background: transparent;
	color: #F2EEEE;
}

.ebbeflut .bg-section section.dark {
	background: linear-gradient(0deg, #00253E24 0%, #00253E24 0%, #000 80%);
	color: #F2EEEE;
}

.flex-sm > * {
	display: block;
}

@media all and (min-width: 768px) {
	.align-items-center-sm {
		display: flex;
		align-items: center;
	}
	.row-reverse-sm {
		display: flex;
		flex-direction: row-reverse;
	}
	.flex-sm {
		display: flex;
		align-items: center;
	}
}

@media all and (min-width: 992px) {
	.align-items-center-md {
		display: flex;
		align-items: center;
	}
	.row-reverse-md {
		display: flex;
		flex-direction: row-reverse;
	}
}

@media all and (min-width: 1400px) {
	.align-items-center-lg {
		display: flex;
		align-items: center;
	}
	.ebbeflut .bg-section section.content-imagegrid::before,
	.ebbeflut .bg-section section.content-information::before {
		content: '';
		display: block;
		position: absolute;
		z-index: 90;
		top: 0;
		bottom: 0;
		left: 38px;
		width: 12px;
		background-position: top;
		background-repeat: repeat-y;
		background-blend-mode: initial;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='39.977' viewBox='0 0 12 35.976'%3E%3Cg transform='translate(-27.164 -12.401)'%3E%3Cg transform='translate(31.164 44.398)'%3E%3Crect width='8' height='3.979' fill='%23f2eeee'/%3E%3C/g%3E%3Cg transform='translate(31.164 36.398)'%3E%3Crect width='8' height='4.001' fill='%23f2eeee'/%3E%3C/g%3E%3Cg transform='translate(27.164 12.401)'%3E%3Cpath d='M27.164,12.4v4h8v4h-8v4h8v4h-8v4h12v-20Z' transform='translate(-27.164 -12.401)' fill='%23f2eeee'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
		background-color: #00253E;
	}

	.ebbeflut .bg-section section.content-imagegrid.inverted::before,
	.ebbeflut .bg-section section.content-information.inverted::before {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='39.977' viewBox='0 0 12 35.976'%3E%3Cg transform='translate(-27.164 -12.401)'%3E%3Cg transform='translate(31.164 44.398)'%3E%3Crect width='8' height='3.979' fill='%2300253e'/%3E%3C/g%3E%3Cg transform='translate(31.164 36.398)'%3E%3Crect width='8' height='4.001' fill='%2300253e'/%3E%3C/g%3E%3Cg transform='translate(27.164 12.401)'%3E%3Cpath d='M27.164,12.4v4h8v4h-8v4h8v4h-8v4h12v-20Z' transform='translate(-27.164 -12.401)' fill='%2300253e'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
		background-color: #F2EEEE;
	}
}

.gba-logo-werke {
	position: relative;
}

.gba-logo-werke::after {
	content: '';
	position: absolute;
	background: url(../img/werke/ebbeflut/gba/GBA_EF_Label2.png) no-repeat center center;
	background-size: 100% 100%;
	width: 168px;
	height: 56px;
	right: 0;
	bottom: 30%;
}

@media all and (min-width: 992px) {
	.gba-logo-werke::after {
		width: 280px;
		height: 93.5px;
	}
}

.gba-logo-hansesail {
	position: relative;
}

.gba-logo-hansesail::after {
	content: '';
	position: absolute;
	background: url(../img/werke/hansesail/gba/GBA_HS_Label.png) no-repeat center center;
	background-size: contain;
	width: 31%;
	height: 26%;
	left: -2.5%;
	bottom: 8%;
}

#gba-snippet {
	position: fixed;
	display: block;
	left: -100%;
	bottom: 10%;
	z-index: 95;
	opacity: 1;
	webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}

#gba-snippet.thatsme {
	left: -3px;
}

@media all and (min-width: 992px) {
	#gba-snippet.thatsme {
		left: -8px;
	}
}

#gba-snippet.hadhided {
	opacity: 0;
	visibility: hidden;
}

#gba-snippet img {
	max-width: 150px;
}

@media all and (min-width: 992px) {
	#gba-snippet img {
		max-width: 200px;
	}
}

#gba-snippet:hover {
	left: 0;
}

@media all and (min-width: 992px) {
	#gba-snippet img {
		max-width: 400px;
	}
}

#gba-article {
	padding: 0;
}

#gba-article::before {
	visibility: hidden;
	opacity: 0;
}

#gba-article h3  {
	font-size: 35px;
	line-height: 40px;
	color: #00253E;
	margin-top: 0;
	margin-bottom: 20px;
}

#gba-article p  {
	font-size: 18px;
	line-height: 26px;
}

@media all and (min-width: 768px) {
	#gba-article h3  {
		margin-top: 30px;
	}
}

@media all and (min-width: 992px) {
	#gba-article h3  {
		font-size: 45px;
		line-height: 55px;
	}

	#gba-article p  {
		font-size: 20px;
		line-height: 28px;
	}
}

@media all and (min-width: 1400px) {
	#gba-article h3  {
		margin-top: 10px;
		font-size: 55px;
		line-height: 60px;
	}

	#gba-article .col-md-5 {
		margin: 0 25px;
		width: calc(41.66666667% - 50px);
	}
}

.gba-bgd {
	background: url(../img/werke/ebbeflut/gba/GBA_EF_Modul_Schatten_15.png) no-repeat center center;
	background-color: transparent;
	background-size: cover;
	width: 100%;
	padding: 20px 0 80px;
	position: relative;
	z-index: 96;
}

.big-image.gba-preis {
	max-height: 200px;
	width: auto;
}

@media all and (min-width: 992px) {
	.gba-bgd {
		background: url(../img/werke/ebbeflut/gba/GBA_EF_Modul_Schatten_15.png) no-repeat center center;
		background-color: transparent;
		background-size: 100% 100%;
		padding: 120px 0;
		margin-bottom: -60px;
		position: relative;
		bottom: -80px;
	}
}

@media all and (min-width: 1400px) {
	.gba-bgd {
		width: 90%;
		margin-right: 10%;
	}

	.gba-bgd .container {
		width: 94%;
		padding: 25px;
		margin: 0 5% 0 2%;
	}
}

.lineal1 {
	height: 100%;
	width: auto;
	max-width: none;
	max-height: 550px;
	margin: -50px 0;
}

@media all and (min-width: 1400px) {
	.lineal1 {
		margin: -80px 0;
	}
}

@media all and (min-width: 1600px) {
	.lineal1 {
		margin: -100px 0;
	}
}

@media all and (min-width: 1600px) {
	.lineal1 {
		margin: -80px 0;
	}
}

/*REFERENCES END*/

/* ##########HEARTWORK########## */

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

.content-information .col-md-3 p {
	font-size: 18px;
	line-height: 24px;
}

.front {
	z-index: 1;
}

.back {
	z-index: 0;
}

.pos-a {
	position: absolute;
}

.pos-r {
	position: relative;
}

.spacing-left-none {
	padding-left: 0;
}

.spacing-right-none {
	padding-right: 0;
}

.content-graybg {
	background-color: #cccccc;
}

.container-fluid .image-left img,
.container-fluid .image-right img {
	width: 100%;
	height: auto;
}

.sketchborder {
	width: 100%;
	vertical-align: baseline;
	position: relative;
	top: -14px;
}

section.heartwork-headline {
	padding: 0 !important;
	background: #ffffff;
}

section.heartwork-headline h2 {
	position: absolute;
	top: -66px;
	margin-left: 10%;
}

#heartwork-page-wrap {
	margin-bottom: 50vh;
	position: relative;
	z-index: 0;
	background: #fff;

}

#heartwork-footer-wrap {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: -10;
}

/* #########Flexbox######### */

.row-flex, .row-flex > div[class*='col-'] {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex: 1 1 auto;
}

.row-flex-wrap {
	-webkit-flex-flow: row wrap;
	align-content: flex-start;
	flex: 0;
}

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
	margin: -.2px; /* hack adjust for wrapping */
}

.container-flex > div[class*='col-'] div, .row-flex > div[class*='col-'] div {
	width: 100%;
}

.flex-col {
	display: flex;
	display: -webkit-flex;
	flex: 1 100%;
	flex-flow: column nowrap;
}

.flex-grow {
	display: flex;
	-webkit-flex: 2;
	flex: 2;
}

/*.navbar .werk3-logo,*/
.navbar-toggle.collapsed
	/*.navbar .werk3-logo-svg */
{
	mix-blend-mode: difference;
	/* mix-blend-mode: exclusion; */
}

.laufwerk .navbar-toggle.collapsed
{
	mix-blend-mode: initial;
}

.brand-content {
	background: #ffffff;
}

.tooltip.top .tooltip-arrow {
	border-top-color: rgb(226, 25, 35);
}

.tooltip-inner {
	font-size: 14px;
	background-color: rgb(226, 25, 35);
	padding: 5px 10px;
	border-radius: 5px;
}

.no-spacing > [class*='col-'] {
	padding-right: 0;
	padding-left: 0;
	margin-bottom: 0;
}

.big-spacing {
	margin-left: -40px;
	margin-right: -40px;
}

.big-spacing > [class*='col-'] {
	padding-right: 40px;
	padding-left: 40px;
}

@media (max-width: 767px) {
	.big-spacing > [class*='col-']:not(:last-child) {
		margin-bottom: 40px;
	}
}

.content-slide * {
	outline: none;
}

.content-slide .slick-slide img {
	width: 100%;
	border: 20px solid transparent;
}

.content-slide .slick-current::after {
	content: '';
	display: block;
	border: 20px solid transparent;
	margin: 0 25%;
}

.slide-frame {
	position: absolute;
	border: 20px solid rgba(31, 62, 63,1);
	left: 36vw;
	top: 0;
	bottom: 0;
	height: calc(100% - 40px);
}

.slide-frame::before,
.slide-frame::after {
	content: '';
	display: block;
	position: absolute;
	bottom: -60px;
}

.slide-frame::before {
	border: 5px solid rgba(31, 62, 63,1);
	left: 20%;
	right: 20%;
}

.slide-frame::after {
	border: 20px solid rgba(31, 62, 63,1);
	margin: 0 25%;
	width: 50%;
}

.staatskanzlei .slide-frame {
	border: 20px solid rgb(0, 0, 0);
}

.staatskanzlei .slide-frame::before {
	border: 5px solid rgb(0, 0, 0);
}

.staatskanzlei .slide-frame::after {
	border: 20px solid rgb(0, 0, 0);
}

.big-image-slider * {
	outline: none;
}

.big-image-slider .slick-slide img {
	width: 100%;
	border: 20px solid transparent;
}

/*AUDIO&VIDEO*/

.video:not(html) video {
	width: 100%;
}

.audio:not(html) img,
.video:not(html) .preview {
	cursor: pointer;
}

.audio:not(html) .player {
	position: fixed;
	z-index: 999;
	bottom: -100vh;
	left: 0;
	right: 0;
	text-align: center;
	opacity: 0;
}

.audio:not(html) .player.play {
	bottom: 0;
	opacity: 1;
}

.video:not(html) .preview {
	position: relative;
}

.video:not(html) .preview img {
	width: 100%;
}

.video:not(html) .preview::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.25);
}

.video:not(html) .preview:hover::before {
	background: rgba(0, 0, 0, 0.15);
}

.video:not(html) .preview::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(../img/werke/lotto/play.png);
	background-position: center;
	background-repeat: no-repeat;
}

.video:not(html) .player {
	position: absolute;
	opacity: 0;
	line-height: 0;

}

.video:not(html) .player.play {
	position: relative;
	opacity: 1;
	line-height: 0;
}

/*USER-WARNING*/

.user-warning {
	background: none repeat scroll 0 0 #DC3228;
	border: 1px solid #C62D24;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	box-shadow: 0 0 0 1px #E66F68 inset;
	color: white;
	font-size: 14px;
	margin: 10px auto;
	padding: 18px 20px 14px;
	text-shadow: 0 2px 0 #C62D24;
	z-index: 120;
	width: 100%;
	text-align: center;
	position: relative;
}

.user-warning a {
	color: #EFEFEF;
	text-decoration: underline;
}

.user-warning a:hover {
	color: #000000;
	text-decoration: underline;
}

/*COOKIE*/

#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
	display: none;
}

#CybotCookiebotDialogBodyLevelButtonsSelectPane label {
	font-size: 14px !important;
}

.cookie-notification {
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: fixed;
	/*bottom: 0;*/
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate(0, 0);
	background-color: #ECE5E5;
	color: #666;
	z-index: 1000;
	bottom: -100%;
}

.cookie-notification.here-it-is {
	bottom: 0;
}

.cookie-notification .container {
	padding-left: 15px;
	padding-right: 15px;
}

.cookie-notification .spanbox {
	float: left;
	min-height: 1px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}

.cookie-notification .vertical-middle {
	text-align: center;
}

.cookie-notification p {
	margin: 0;
	line-height: 1.5em;
	color: #3b3b3a;
	position: relative;
	padding: 15px 15px 15px 0;
	font-size: 13px;
}

.cookie-notification p a {
	color: rgb(226, 25, 35);
	text-decoration: underline;
}

.cookie-notification .notification-close {
	position: relative;
	color: #fff;
	display: block;
	text-align: left;
	border-radius: 4px;
	width: 130px;
	cursor: pointer;
	padding: 6px 12px 6px 40px;
	font-size: 14px;
	background-color: rgb(226, 25, 35);
	border: 0 none;
	margin: 0 auto 20px;
}

.cookie-notification .notification-close::before {
	content: '';
	position: absolute;
	left: 10px;
	background-image: url(../icons/cookie.png);
	background-size: 100% 100%;
	width: 21px;
	height: 21px;
	top: 5px;
}

.cookie-notification p a:hover {
	color: #000;
}

.cookie-notification .notification-close:hover {
	background-color: #000;
	text-decoration: none;
}

.cookie-notification .notification-close:hover::before {
	opacity: 0.8;
}

.no-js .wow {
	visibility: visible;
}

.bouncing-balls {
	position: relative;
	text-align: center;
	width: 90vw;
	max-width: 1020px;
	height: 90vh;
	margin: 0 auto;
}

.bouncing-balls .logo {
	position: absolute;
	width: 80%;
	max-width: 472px;
	left: 10%;
	top: 14vh;
}

.bouncing-balls .ball-box {
	position: absolute;
	width: 24%;
	height: 60vh;
	max-height: 1080px;
	display: inline-block;
	min-height: 300px;
}

.bouncing-balls .ball-box img {
	display: none;
}

.bouncing-balls .ball-box.start img {
	display: block;
	z-index: 3;
	position: absolute;
	bottom: 100%;
	animation: bouncing-ball 1s 1 forwards;
}

.bouncing-balls .ball-box.start::after {
	content: "";
	display: block;
	position: absolute;
	height: 5px;
	width: 5%;
	background: rgba(0, 0, 0, .4);
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	border-radius: 2px;
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, .4);
	animation: bouncing-ball-shadow 1s 1 forwards;
	opacity: 0;
}

.bouncing-balls .ball-box.kugel-6 {
	max-width: 276px;
	height: 61vh;
	left: 0;
	z-index: 6;
}

.bouncing-balls .ball-box.kugel-a {
	width: 16%;
	max-width: 185px;
	left: 21%;
	z-index: 5;
}

.bouncing-balls .ball-box.kugel-u {
	width: 16%;
	max-width: 157px;
	height: 59vh;
	left: 34%;
	z-index: 3;
}

.bouncing-balls .ball-box.kugel-s {
	width: 16%;
	max-width: 177px;
	left: 47%;
	z-index: 4;
}

.bouncing-balls .ball-box.kugel-4 {
	max-width: 240px;
	height: 61vh;
	left: 60%;
	z-index: 8;
}

.bouncing-balls .ball-box.kugel-9 {
	max-width: 203px;
	right: 0;
	z-index: 7;
}

.parallax-section {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.parallax-section .parallax {
	position: relative;
	z-index: -1;
}

.tree-wrap {
	display: none;
}

/* Dropzone */
@-webkit-keyframes passing-through {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		-o-transform: translateY(40px);
		transform: translateY(40px);
	}
	30%, 70% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-40px);
		-moz-transform: translateY(-40px);
		-ms-transform: translateY(-40px);
		-o-transform: translateY(-40px);
		transform: translateY(-40px);
	}
}

@-moz-keyframes passing-through {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		-o-transform: translateY(40px);
		transform: translateY(40px);
	}
	30%, 70% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-40px);
		-moz-transform: translateY(-40px);
		-ms-transform: translateY(-40px);
		-o-transform: translateY(-40px);
		transform: translateY(-40px);
	}
}

@keyframes passing-through {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		-o-transform: translateY(40px);
		transform: translateY(40px);
	}
	30%, 70% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-40px);
		-moz-transform: translateY(-40px);
		-ms-transform: translateY(-40px);
		-o-transform: translateY(-40px);
		transform: translateY(-40px);
	}
}

@-webkit-keyframes slide-in {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		-o-transform: translateY(40px);
		transform: translateY(40px);
	}
	30% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@-moz-keyframes slide-in {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		-o-transform: translateY(40px);
		transform: translateY(40px);
	}
	30% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@keyframes slide-in {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		-o-transform: translateY(40px);
		transform: translateY(40px);
	}
	30% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	10% {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}
	20% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

@-moz-keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	10% {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}
	20% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	10% {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}
	20% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

@-webkit-keyframes pulsein {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	10% {
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8);
	}
	20% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

@-moz-keyframes pulsein {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	10% {
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8);
	}
	20% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes pulsein {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	10% {
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8);
	}
	20% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

.dropzone, .dropzone * {
	box-sizing: border-box;
}

.dropzone {
	min-height: 150px;
	/*border: 2px solid rgba(0, 0, 0, 0.3);*/
	/*background: white;*/
	/*padding: 20px 20px; */
}

.dropzone .dz-message span {
	font-size: 16px;
	color: #333;
}

.dropzone .dz-message .upload-note {
	font-size: 65%;
	opacity: 0.5;
}

.dropzone.dz-clickable {
	cursor: pointer;
}

.dropzone.dz-clickable * {
	/*cursor: default; */
}

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
	cursor: pointer;
}

.dropzone .upload-container .dz-message {
	margin-top: 1vh;
	border: 1px dotted rgba(0,0,0,0.3);
	padding: 1em 0;
	cursor: pointer;
}

.dropzone.dz-started .dz-message {
	display: none;
}

.dropzone.dz-drag-hover .upload-container .dz-message{
	border-style: solid;
}

.dropzone.dz-drag-hover .dz-message {
	opacity: 0.5;
}

.dropzone .dz-message {
	text-align: center;
	/*margin: 1em 0;*/
}

.dropzone .dz-preview {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 16px;
	/*min-height: 100px; */
}

.dropzone .dz-preview:hover {
	z-index: 1000;
}

.dropzone .dz-preview:hover .dz-details {
	opacity: 1;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
	border-radius: 20px;
	background: #999;
	background: linear-gradient(to bottom, #eee, #ddd);
}

.dropzone .drop-field .dz-preview .dz-details {
	opacity: 1;
}

.dropzone .dz-preview.dz-image-preview {
	background: white;
}

.dropzone .dz-preview.dz-image-preview .dz-details {
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

.dropzone .dz-preview .dz-remove {
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	/* font-size: 30px; */
	text-align: center;
	right: -10px;
	top: -10px;
	cursor: pointer;
	z-index: 500;
	background: url(../img/icon_close.png);
	color: transparent;
	overflow: hidden;
}

.dropzone .dz-preview .dz-remove:hover {
	text-decoration: underline;
}

.dropzone .dz-preview:hover .dz-details {
	opacity: 1;
}

.dropzone .dz-preview .dz-details {
	z-index: 20;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	font-size: 13px;
	min-width: 100%;
	max-width: 100%;
	padding: 2em 1em;
	text-align: center;
	color: rgba(0, 0, 0, 0.9);
	line-height: 150%;
}

.dropzone .dz-preview .dz-details .dz-size {
	margin-bottom: 1em;
	font-size: 16px;
}

.dropzone .dz-preview .dz-details .dz-filename {
	white-space: nowrap;
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
	border: 1px solid rgba(200, 200, 200, 0.8);
	background-color: rgba(255, 255, 255, 0.8);
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
	overflow: hidden;
	text-overflow: ellipsis;
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
	border: 1px solid transparent;
}

.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
	background-color: rgba(255, 255, 255, 0.4);
	padding: 0 0.4em;
	border-radius: 3px;
}

.dropzone .dz-preview:hover .dz-image img {
	-webkit-transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
	-webkit-filter: blur(8px);
	filter: blur(8px);
}

.dropzone .dz-preview .dz-image {
	border-radius: 20px;
	overflow: hidden;
	width: 120px;
	height: 120px;
	position: relative;
	display: block;
	z-index: 10;
}

.dropzone .dz-preview .dz-image img {
	display: block;
}

.dropzone .dz-preview.dz-success .dz-success-mark {
	-webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
	-moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
	-ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
	-o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
	animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview.dz-error .dz-error-mark {
	opacity: 1;
	-webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
	-moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
	-ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
	-o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
	animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
	pointer-events: none;
	opacity: 0;
	z-index: 500;
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	margin-left: -27px;
	margin-top: -27px;
}

.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
	display: block;
	width: 54px;
	height: 54px;
}

.dropzone .dz-preview.dz-processing .dz-progress {
	opacity: 1;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.dropzone .dz-preview.dz-complete .dz-progress {
	opacity: 0;
	-webkit-transition: opacity 0.4s ease-in;
	-moz-transition: opacity 0.4s ease-in;
	-ms-transition: opacity 0.4s ease-in;
	-o-transition: opacity 0.4s ease-in;
	transition: opacity 0.4s ease-in;
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
	-webkit-animation: pulse 6s ease infinite;
	-moz-animation: pulse 6s ease infinite;
	-ms-animation: pulse 6s ease infinite;
	-o-animation: pulse 6s ease infinite;
	animation: pulse 6s ease infinite;
}

.dropzone .dz-preview .dz-progress {
	opacity: 1;
	z-index: 1000;
	pointer-events: none;
	position: absolute;
	height: 16px;
	left: 50%;
	top: 50%;
	margin-top: -8px;
	width: 80px;
	margin-left: -40px;
	background: rgba(255, 255, 255, 0.9);
	-webkit-transform: scale(1);
	border-radius: 8px;
	overflow: hidden;
}

.dropzone .dz-preview .dz-progress .dz-upload {
	background: #333;
	background: linear-gradient(to bottom, #666, #444);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0;
	-webkit-transition: width 300ms ease-in-out;
	-moz-transition: width 300ms ease-in-out;
	-ms-transition: width 300ms ease-in-out;
	-o-transition: width 300ms ease-in-out;
	transition: width 300ms ease-in-out;
}

.dropzone .dz-preview.dz-error .dz-error-message {
	display: block;
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
	opacity: 1;
	pointer-events: auto;
}

.dropzone .dz-preview .dz-error-message {
	pointer-events: none;
	z-index: 1000;
	position: absolute;
	display: none;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	border-radius: 8px;
	font-size: 13px;
	top: 130px;
	left: -10px;
	width: 140px;
	background: #be2626;
	background: linear-gradient(to bottom, #be2626, #a92222);
	padding: 0.5em 1.2em;
	color: white;
}

.dropzone .dz-preview .dz-error-message:after {
	content: '';
	position: absolute;
	top: -6px;
	left: 64px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #be2626;
}

/*TRANSITION*/
.transition-all-50,
.parallax,
.parallax img {
	-webkit-transition: all 50ms ease;
	-moz-transition: all 50ms ease;
	-o-transition: all 50ms ease;
	-ms-transition: all 50ms ease;
	transition: all 50ms ease;
}

.transition-all-300,
.werke-overview a,
.navbar-default,
.list-group a {
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
}

.werke-overview a {
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	transition: all 200ms ease;
}

.werke-overview a:hover {
	z-index: 10;
}

.transition-all-400,
.main-content .dsgvo .switch div:first-child::after,
.main-content .dsgvo .switch span,
.main-content .link-content a span,
.footer .address a,
.footer .meta-nav-footer a,
.footer .nav a,
.footer .row > .newsletter label,
.footer .row > .newsletter button,
.sidenav,
.navbar-toggle,
.werk3-burger,
.notification-close,
.employee-gallery .caption h3 span::before,
.employee-gallery .caption h3 span::after,
.employee-gallery .hide-me,
.employee-gallery .hide-me::before,
.employee-gallery .hide-me::after,
form.bewerbung button,
form.contact button,
form.profile button,
form.bewerbung label,
form.contact label,
form.profile label,
.visible-hidden,
.start-socialize,
.footer-socialize,
.main-content::after,
a.red-textlink,
.own-video-preview img,
.own-video-preview .embed-responsive,
.audio:not(html) .player,
.video:not(html) .preview::before {
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	transition: all 400ms ease;
}

.transition-all-800,
.wee-collapse,
a.red-textlink:hover,
.content-slide .slick-slide::before,
.content-slide .slick-slide::after,
.content-slide .slick-center::after,
.content-slide .slick-center::before,
.solid-plate-left,
.solid-plate-right
{
	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	transition: all 800ms ease;
}

.transition-all-1200,
.sidenav .close-nav {
	-webkit-transition: all 1200ms ease;
	-moz-transition: all 1200ms ease;
	-o-transition: all 1200ms ease;
	-ms-transition: all 1200ms ease;
	transition: all 1200ms ease;
}

.transition-opacity-800,
.bgd-video,
.video-mp4 {
	-webkit-transition: opacity 800ms ease;
	-moz-transition: opacity 800ms ease;
	-o-transition: opacity 800ms ease;
	-ms-transition: opacity 800ms ease;
	transition: opacity 800ms ease;
}

.transition-width-400,
.main-nav li a::after {
	-webkit-transition: width 400ms ease;
	-moz-transition: width 400ms ease;
	-o-transition: width 400ms ease;
	-ms-transition: width 400ms ease;
	transition: width 400ms ease;
}

.transition-color-400,
.main-nav li a,
.werk3-logo svg,
.werk3-burger svg {
	-webkit-transition: color 400ms ease;
	-moz-transition: color 400ms ease;
	-o-transition: color 400ms ease;
	-ms-transition: color 400ms ease;
	transition: color 400ms ease;
}

/*MEDIA*/

@media all and (max-width: 1199px) {
	[data-columns]::before {
		content: '2 .column.size-1of2';
	}
}

@media all and (max-width: 991px) {
	/*[class*=col-xs]:not(:last-child) {*/
	/*margin-bottom: 25px;*/
	/*}*/

	.main-content section.md-p-t-0 {
		padding-top: 0;
	}

	.footer [class*=col-xs] {
		margin-bottom: 0;
	}

	.row-werker > div:last-child {
		order: -1;
	}

	.row-werker > div:first-child,
	.dsgvo .row > div:first-child {
		text-align: left;
	}

	.switch.vertical-align {
		flex-flow: inherit;
	}

	.navbar .werk3-logo.mobile,
	.navbar .werk3-burger.mobile {
		mix-blend-mode: unset;
	}

	.navbar .werk3-logo.mobile svg,
	.bigger-cream .werk3-logo.mobile svg,
	.navbar .werk3-burger.mobile svg,
	.bigger-cream .werk3-burger.mobile svg {
		color: #e30017;
	}

	.werk3-logo.mobile::after,
	.werk3-burger.mobile::after {
		content: '';
		position: absolute;
		z-index: -1;
		background: #fff;
		display: inline-block;
		top: -4px;
		bottom: -4px;
		left: -4px;
		right: -4px;
		width: 58px;
		height: 58px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}

	.werk3-burger.mobile::after {
		top: -3px;
		bottom: -3px;
		left: -3px;
		right: -3px;
		width: 37px;
		height: 30px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
}

@media all and (max-width: 767px) {
	[data-columns]::before {
		content: '1 .column.size-1of1';
	}

	[data-columns] .col-xs-12 {
		padding-bottom: 15px;
	}

	.become-a-worker [class*="col-xs"] {
		margin-bottom: 0;
	}

	.main-content section.module-content {
		padding-top: 0;
	}

	.reference .content-imagegrid .row:not(.no-spacing) [class*="col-xs"] {
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 767px) and (orientation: portrait) {
	.embed-issuu.embed-responsive {
		padding-bottom: calc(100vh - 100px);
	}
}

@media all and (min-height: 480px) {
	.sidenav .close-nav {
		left: auto;
		right: 15px;
		top: 22px;
	}
}

@media all and (min-height: 500px) {
	.sidenav .sidenav-content,
	.bigger-cream {
		padding-top: 15vh;
	}

	.main-nav {
		/*margin-bottom: 10vmin;*/
	}
}

@media all and (min-height: 540px) {
	.main-nav {
		margin-bottom: 12vmin;
	}
}

@media all and (min-height: 600px) {
	.sidenav .sidenav-content,
	.bigger-cream {
		padding-top: 18vh;
	}

	.main-nav {
		margin-bottom: 13vmin;
	}
}

@media all and (min-height: 700px) {
	.main-nav {
		margin-bottom: 16vmin;
	}
}

@media all and (min-height: 768px) {
	.footer-socialize a,
	.start-socialize a {
		width: 35px;
		height: 35px;
	}

	.main-nav {
		/*margin-bottom: 8vmin;*/
	}
}

@media all and (min-height: 881px) {
	.sidenav {
		display: flex;
		flex-direction: column;
	}

	.sidenav,
	.bigger-cream {
		justify-content: center;
	}

	.bigger-cream,
	.sidenav .sidenav-content {
		padding-top: 0;
	}

	.corner-area {
		position: absolute;
		right: 5vw;
		bottom: 30px;
	}
}

@media all and (min-width: 350px) {
	.main-content .imgintext {
		width: 150px;
	}

	.main-content .background-content h2 img {
		width: 165px;
		top: -3px;
	}

	.main-content .employee-gallery .caption h3 {
		font-size: 20px;
	}

	.main-content .employee-gallery .caption p {
		font-size: 14px;
	}
}

@media all and (min-width: 400px) {
	.main-content .module-content .text-box .text-primary {
		font-size: 50px;
	}

	.module-content .text-primary i,
	.module-content .text-secondary i {
		font-size: 70%;
		line-height: 70%;
	}

	.main-content .imgintext {
		width: 174px;
	}

	.main-content .background-content h2 img {
		width: 190px;
		top: -5px;
		left: -5px;
	}

	.main-content .link-content a span {
		left: 20px;
	}

	.main-content .employee-gallery .caption p {
		line-height: 130%;
		font-size: 13px;
		padding-left: 8px;
	}

	.icon-raute {
		width: 41px;
		left: -31px;
	}
}

@media all and (min-width: 400px) and (orientation: landscape) {
	.bouncing-balls .logo {
		width: 40vw;
		left: 16%;
		top: 20vh;
	}
}

@media all and (min-width: 450px) {
	.main-content .employee-gallery .caption p {
		font-size: 18px;
	}
}

@media all and (min-width: 500px) {
	.not-found .main-nav h2,
	.sidenav .main-nav a h2,
	.bigger-cream .main-nav h1,
	.bigger-cream .main-nav h2 {
		font-size: 12vmin;
	}

	.corner-area, .corner-area li {
		font-size: 3vw;
	}

	.footer .meta-nav-footer a,
	.footer .nav a {
		padding-right: 10px;
	}

	.ikk-nord .ikk-screen .ikk-phone {
		width: 52vw;
		left: calc(50% - 26vw);
	}

	.ikk-nord .ikk-screen .ikk-website {
		width: 47vw;
		top: 25.4vw;
		left: calc(50% - 23.5vw);
		height: 74.2vw;
	}

	.glashaeger-brunnen .header-section {
		background-position: bottom right -13vmax;
	}
}

@media all and (min-width: 480px) and (max-width: 991px) {
	.content-slide .slick-slide img {
		border: 10px solid transparent;
	}

	.content-slide .slick-current::after {
		border: 20px solid transparent;
	}

	.slide-frame {
		border: 10px solid rgba(31, 62, 63,1);
		height: calc(100% - 40px);
	}

	.slide-frame::before,
	.slide-frame::after {
		bottom: -35px;
	}

	.slide-frame::before {
		border: 4px solid rgba(31, 62, 63,1);
	}

	.slide-frame::after {
		border: 15px solid rgba(31, 62, 63,1);
	}
}

@media all and (min-width: 600px) {
	.not-found .main-nav h2,
	.sidenav .main-nav a h2,
	.bigger-cream .main-nav h1,
	.bigger-cream .main-nav h2 {
		font-size: 10vmin;
	}

	.corner-area,
	.corner-area li {
		font-size: 2vw;
	}

	.navbar-toggle.collapsed, .werk3-burger {
		right: 25px;
	}

	.dsgvo .row > div:first-child {
		text-align: center;
	}

	.module-content .text-primary i,
	.module-content .text-secondary i {
		font-size: 80%;
		line-height: 80%;
	}

	.cookie-notification .vertical-middle {
		display: table-cell;
		vertical-align: middle;
		text-align: left;
	}

	.cookie-notification .notification-close {
		margin: 0;
	}

	.tree-wrap {
		display: block;
		position: absolute;
		bottom: 2vh;
	}

	.treee {
		height: 50vw;
		width: auto;
	}

	.light-beam {
		position: absolute;
		width: 1.8vw;
		height: auto;
	}

	.star-beam1 {
		top: 6vw;
		left: 15vw;
	}

	.star-beam2 {
		top: 4vw;
		left: 14vw;
		width: 2vw;
	}

	.star-beam3 {
		top: 1vw;
		left: 15vw;
		width: 2vw;
	}

	.star-beam4 {
		top: -1vw;
		left: 16vw;
		width: 2vw;
	}

	.star-beam5 {
		top: -3vw;
		left: 19vw;
		height: 2vw;
		width: auto;
	}

	.star-beam6 {
		top: -1vw;
		left: 21vw;
	}

	.star-beam7 {
		top: 1.5vw;
		left: 24vw;
	}

	.star-beam8 {
		top: 4vw;
		left: 22.5vw;
		width: 2vw;
	}

	.star-beam9 {
		top: 6.5vw;
		left: 22.5vw;
	}

}

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

	.bigger-cream {
		height: 100vh;
	}

	.welcomesite .werk3-logo {
		position: fixed;
	}

	body:not(.laufwerk) .bgd-screen {
		/*temp disabled for display without content*/
		/*background-color: rgba(229, 36, 32, 0.7);*/
	}

	body,
	h3, .h3 {
		font-size: 20px;
	}

	h1, .h1 {
		font-size: 40px;
	}

	h2, .h2,
	.list-group a {
		font-size: 28px;
	}

	p {
		font-size: 18px;
	}

	.vertical-align,
	.vertical-align-bottom {
		flex-flow: row;
	}

	.meta-nav li,
	.start-contact,
	.start-contact h1 {
		font-size: 18px;
	}

	.navbar-default {
		height: 90px;
	}

	.werk3-logo svg {
		width: 70px;
	}

	.werk3-burger {
		top: 30px;
	}

	.werk3-burger svg {
		width: 38px;
	}

	.sidenav .close-nav {
		width: 35px;
		top: 27px;
		right: 5vw;
	}

	.main-content.reference {
		padding-top: 90px;
	}

	.main-content .main-stage .slideshow .item {
		height: auto;
	}

	.main-content .main-stage .slideshow .item img {
		display: inherit;
	}

	.main-content .main-stage p {
		font-size: 24px;
		font-weight: bold;
	}

	.module-content #fact-straight,
	.module-content #fact-random {
		width: 50px;
		height: 50px;
	}

	.main-content .imgontextend,
	.main-content .imgontextend img {
		width: 120px;
	}

	.main-content .picture-content .image-box .embed-responsive,
	.reference .content-imagegrid .big-image-vertical,
	.content-imagegrid .image-box img,
	.main-content .picture-content .image-box img {
		max-height: 100%;
		width: 100%;
		max-width: none;
		height: 100%;
	}

	.main-content .picture-content .image-box .embed-responsive {
		max-height: none;
	}

	.main-content .h1 .bg-danger,
	.main-content .h1 .bg-normal,
	.main-content .h1 .text-muted {
		line-height: 1em;
	}

	.become-a-worker .row {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		min-height: 0;
		min-width: 0;
		background-color: #000;
	}

	.main-content .employee-gallery .caption p {
		font-size: 16px;
	}

	.dsgvo .row > div:first-child {
		text-align: right;
	}

	.job-content .row {
		padding-bottom: 0;
	}

	.job-overview .hidden-xs .col-sm-6:first-child {
		text-align: right;
	}

	.job-overview .hidden-xs .col-sm-6:first-child .col-md-8 {
		margin-left: 33.33333%;
		padding-right: 20px;
	}

	.job-overview .hidden-xs .col-sm-6:last-child .col-md-8 {
		padding-left: 20px;
	}

	/* LISTE */
	.icon-liste {
		left: 45px;
		top: -30px;
	}

	.job-overview .hidden-xs .col-sm-6:first-child .icon-liste {
		left: 199px;
	}

	.icon-herz {
		left: 108px;
		top: -20px;
	}

	.job-overview .hidden-xs .col-sm-6:first-child .icon-herz {
		left: 130px;
	}

	.icon-schraube {
		/*left: 65px; Original changed for teamassistenz*/
		left: 70px;
		top: -20px;
	}

	.job-overview .hidden-xs .col-sm-6:first-child .icon-schraube {
		left: 190px;
	}

	/* TASSE */
	.icon-tasse {
		width: 60px;
		left: 146px;
		top: -28px;
	}

	.job-overview .hidden-xs .col-sm-6:first-child .icon-tasse {
		left: 160px;
	}

	/* STIFT */
	.icon-stift {
		left: 75px;
		width: 45px;
		top: -25px;
	}

	.job-overview .hidden-xs .col-sm-6:first-child .icon-stift {
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
		left: unset;
		right: 75px;
	}

	/* CODE */
	.job-overview .hidden-xs .col-sm-6:first-child .icon-code-start {
		right: 64px;
		left: unset;
	}

	.job-overview .hidden-xs .col-sm-6:first-child .icon-code-end {
		right: -9px;
		left: unset;
	}

	.parent {
		right: 90px;
		top: 20px;
	}

	.dropzone.dz-clickable .dz-message {
		padding: 2em 0;
	}

	.icon-raute {
		width: 56px;
		left: -47px;
	}

	.xs-img-border {
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.gap-large-right-minus {
		right: -180px;
		position: relative;
	}

	.gap-small-top {
		margin-top: 15px;
	}

	.gap-medium-top {
		margin-top: 30px;
	}

	.gap-large-top {
		margin-top: 70px;
	}

	.gap-medium-top-minus {
		top: -100px;
		position: relative;
	}

	.gap-large-top-minus {
		top: -180px;
		position: relative;
	}

	.gap-xlarge-top {
		margin-top: 150px;
	}

	.bg-section p {
		font-size: 28px;
		line-height: 36px;
	}

	.gap-xlarge-top-minus {
		margin-top: -200px;
	}

	.ikk-nord .header-section {
		/*height: 90vh;*/
	}

	.ikk-nord .ikk-screen .ikk-phone {
		position: absolute;
		width: 32vw;
		left: 3.6vw;
	}

	.ikk-nord .ikk-screen {
		margin-top: 0;
	}

	.ikk-nord .ikk-screen .ikk-website {
		position: relative;
		width: 29vw;
		top: 9.8vw;
		left: 3.9vw;
		height: 41.9vw;
	}

	.ikk-nord .ikk-cards {
		margin-top: 20vw;
		margin-bottom: 7vw;
	}

	.ikk-nord .ikk-card-phone {
		width: 24%;
	}

	.ikk-nord .ikk-card-01 {
		left: 4%;
		top: -15%;
		width: 30%;
		z-index: 1;
	}

	.ikk-nord .ikk-card-02 {
		left: 0;
		width: 19%;
		top: 15%;
		z-index: 2;
	}

	.ikk-nord .ikk-card-03 {
		left: 15%;
		width: 30%;
		top: 4%;
	}

	.ikk-nord .ikk-card-04 {
		left: 10%;
		width: 30%;
		top: 32%;
	}

	.ikk-nord .ikk-card-05 {
		left: 18%;
		top: 60%;
		width: 19%;
	}

	.ikk-nord .ikk-card-06 {
		left: 6%;
		top: 76%;
		width: 30%;
	}

	.ikk-nord .ikk-card-07 {
		left: 26%;
		width: 19%;
		top: 98%;
	}

	.ikk-nord .ikk-card-08 {
		left: 37%;
		width: 19%;
		top: -19%;
	}

	.ikk-nord .ikk-card-09 {
		right: 18%;
		width: 19%;
		top: -19%;
		z-index: 2;
	}

	.ikk-nord .ikk-card-10 {
		right: 0;
		width: 30%;
		top: -1%;
		z-index: 1;
	}

	.ikk-nord .ikk-card-11 {
		right: 11%;
		width: 30%;
		top: 5%;
	}

	.ikk-nord .ikk-card-12 {
		right: 18%;
		width: 19%;
		top: 30%;
		z-index: 2;
	}

	.ikk-nord .ikk-card-13 {
		right: 10%;
		width: 30%;
		top: 49%;
	}

	.ikk-nord .ikk-card-14 {
		right: 21%;
		top: 80%;
		width: 30%;
	}

	.ikk-nord .ikk-card-15 {
		right: 4%;
		top: 88%;
		width: 19%;
	}

	.WilliamCohn {
		right: 0;
		top: -50px;
		max-width: 22vw;
	}

	.glashaeger-brunnen .header-section {
		background-position: bottom right;
		height: 90vh;
		max-height: 1080px;
	}

	.glashaeger-brunnen .glashaeger-pc {
		width: 60vw;
	}

	.glashaeger-brunnen .glashaeger-website {
		width: 43.7vw;
		height: 28.9vw;
		top: 5.4vw;
		left: 8.1vw;
	}

	.glashaeger-geburtstag img.schwalbe {
		margin: -50px 10px -100px;
	}

	.glashaeger-geburtstag img.flasche-gratis {
		margin-top: -80px;
	}

	.coswig .header-section .coswig-header-text {
		position: relative;
		top: 44vh;
		z-index: 1;
	}

	.coswig .header-section .coswig-header-image img {
		width: 70vw;
		position: absolute;
		right: 0;
		max-width: none;
		margin-top: 8vh;
	}

	.lotto-mv .content-imagegrid p {
		font-size: 40px;
		line-height: 48px;
	}

	.bouncing-balls .ball-box {
		height: 80vh;
	}

	.bouncing-balls .ball-box.kugel-6,
	.bouncing-balls .ball-box.kugel-4 {
		height: 81vh;
	}

	.bouncing-balls .ball-box.kugel-u {
		height: 79vh;
	}

	.glashaeger-geburtstag .header-section {
		overflow: visible;
	}

	.glashaeger-geburtstag .header-section img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}

	.glashaeger-geburtstag .content-slide .slick-slide img {
		height: auto;
		width: 100%;
	}

	#glashaeger-video-schwalbe {
		top: -8px;
		left: -4px;
		width: 111%;
		height: 115%;
	}

	.edekabank-nachhaltig .header-section {
		min-height: calc(100vh - 70px);
	}

	.edekabank-nachhaltig .header-section .container-fluid {
		min-height: calc(100vh - 70px);
	}

	.reference .text-on-big-image .big-image {
		width: 100%;
		height: auto;
		max-width: 100%;
		transform: translateX(0);
		left: 0;
	}

	.sketchborder {
		top: -15px;
	}

	.heartwork .link-content a .text-muted {
		left: 10px;
		font-size: 17px;
		line-height: 1.5em;
	}

	.heartwork-headline h2 {
		top: -72px;
	}
}

@media all and (min-width: 768px) and (max-width: 991px) {
	.become-a-worker .row .col-sm-6 {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	.become-a-worker [class*="col-sm"] {
		margin-bottom: 0;
	}
}

@media all and (min-width: 992px) {
	.h1, .h2, .h3, h1, h2, h3 {
		margin-bottom: 20px;
	}

	body,
	h3, .h3 {
		font-size: 22px;
	}

	h1, .h1 {
		font-size: 50px;
	}

	h2, .h2,
	.list-group a {
		font-size: 34px;
	}

	h3, .h3 {
		margin: 50px 0 0;
	}

	p {
		margin-top: 25px;
		font-size: 20px;
	}

	.navbar-default {
		background-color: transparent;
		height: auto;
		mix-blend-mode: difference;
	}

	.laufwerk .navbar-default {
		mix-blend-mode: initial;
	}

	.main-content,
	.main-content.reference {
		padding-top: 0;
	}

	.werk3-logo {
		left: 80px;
		top: 40px;
	}

	.werk3-logo svg {
		width: 96px;
	}

	.werk3-burger {
		right: 80px;
		top: 60px;
	}

	.werk3-burger svg {
		width: 49px;
	}

	.sidenav {
		width: 70%;
	}

	.sidenav .close-nav {
		width: 42px;
		top: 60px;
	}

	.parent {
		right: 180px;
		top: 40px;
		line-height: 80px;
		font-size: 18px;
		color: #1de6dc !important;
	}

	.parent:focus,
	.parent:hover {
		color: #fff !important;
	}

	.parent:focus span,
	.parent:hover span {
		color: #1de6dc !important;
	}

	.main-content .default-content h1 span img.icon-fire {
		width: 120px;
	}

	.main-content section:not(.main-stage) {
		padding: 100px 0;
	}

	.main-content section:not(.main-stage):first-child {
		padding: 150px 0 0;
	}

	.main-content section:not(.main-stage):only-child {
		padding: 150px 0 100px;
	}

	.main-content.reference .spacing-top-none {
		padding-top: 0;
	}

	.main-content.reference .spacing-bottom-none {
		padding-bottom: 0;
	}

	.main-content.reference .spacing-none {
		padding: 0;
	}

	.main-content.reference .spacing-bottom-big {
		padding-bottom: 200px;
	}

	.main-content .imgintext {
		width: 325px;
	}

	.main-content .background-content h2 img {
		width: 350px;
		top: -10px;
		left: -10px;
	}

	.main-content .module-content .text-box .text-primary {
		font-size: 120px;
	}

	.main-content .module-content .text-box p {
		font-size: 40px;
	}

	.main-content .module-content .text-box .text-secondary {
		line-height: 40px;
	}

	.main-content .module-content .text-box {
		padding: 100px 0;
	}

	.main-content .module-content .module-nav {
		padding: 40px 10px;
	}

	.module-content #fact-straight,
	.module-content #fact-random {
		width: 62px;
		height: 62px;
	}

	.main-content .imgontextend,
	.main-content .imgontextend img {
		width: 160px;
	}

	.main-content .hook img:last-child {
		bottom: 28px;
		right: 64px;
		height: 100px;
	}

	.main-content .hook img + img:last-child,
	.main-content .hook .bg-img + img:last-child {
		bottom: 5px;
	}

	.main-content .picture-content .content-box > div {
		padding: 30px;
	}

	.main-content .glyphicon-heart img {
		right: -2px;
		width: 60px;
		bottom: -10px;
	}

	.main-content .glyphicon-euro img {
		right: -1px;
		width: 60px;
		bottom: -4px;
	}

	.solid-plate-left,
	.solid-plate-right {
		transition: no;
	}

	.main-content .bg-danger p.text-right {
		height: 80px;
	}

	.main-content .default-content h1.pin img {
		left: 232px;
		height: 133px;
		top: -25px;
	}

	.main-content .default-content h1.hashtag img {
		left: -39px;
		width: 57px;
		top: 7px;
	}

	.main-content .employee-gallery .caption h3 {
		font-size: 26px;
		margin: 0 0 15px;
	}

	.main-content .employee-gallery .caption p {
		font-size: 17px;
		padding-left: 15px;
	}

	.main-content .employee-gallery .caption {
		padding: 35px 45px;
	}

	.main-content .dsgvo .switch div:first-child {
		width: 70px;
		height: 35px;
	}

	.main-content .dsgvo .switch div:first-child::after {
		width: 23px;
		height: 23px;
	}

	.main-content .bg-danger {
		padding: 1px 10px;
	}

	.main-content .job-content h1 {
		font-size: 37px;
	}

	.main-content .job-content h2 {
		font-size: 50px;
	}

	.main-content .job-content ul {
		padding-left: 35px;
	}

	.footer-socialize a:hover,
	.start-socialize a:hover {
		position: relative;
		top: 2px;
		/*opacity: 0.8;*/
	}

	.footer .row {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		background-color: #ECE5E5; /* Safari Bug */
	}

	.space-top-large {
		height: 380px;
	}

	.space-top-small {
		height: 170px;
	}

	.job-overview .hidden-xs .col-sm-6:first-child .col-md-8 {
		padding-right: 30px;
	}

	.job-overview .hidden-xs .col-sm-6:last-child .col-md-8 {
		padding-left: 30px;
	}

	.icon-code-start {
		width: 30px;
		left: -16px;
		top: 3px;
	}

	.job-overview .hidden-xs .col-sm-6:first-child .icon-code-start {
		right: 122px;
	}

	.icon-code-end {
		width: 30px;
		left: 246px;
		bottom: 7px;
	}

	.job-overview .hidden-xs .col-sm-6:first-child .icon-code-end {
		right: -16px;
	}

	.icon-liste {
		width: 190px;
		left: 50px;
		top: -58px;
	}

	.job-overview .hidden-xs .icon-liste {
		left: 80px;
	}

	.job-overview .hidden-xs .second-liste-icon .icon-liste {
		left: 220px;
	}

	.job-overview .hidden-xs .col-sm-6:first-child .icon-liste {
		right: 80px;
		left: unset;
	}

	.job-content .second-liste-icon .icon-liste {
		left: 158px;
	}

	.icon-herz {
		width: 190px;
		left: 140px;
		top: -45px;
	}

	.job-overview .hidden-xs .icon-herz {
		left: 205px;
		top: -33px;
	}

	.job-overview .hidden-xs .col-sm-6:first-child .icon-herz {
		right: 215px;
		left: unset;
	}

	.icon-schraube {
		width: 170px;
		left: 90px;
		top: -40px;
	}

	.job-overview .hidden-xs .icon-schraube {
		/*left: 134px Original changed for teamassistenz*/
		left: 150px;
		top: -30px;
	}

	.job-overview .hidden-xs .col-sm-6:first-child .icon-schraube {
		right: 80px;
		left: unset;
	}

	.icon-tasse {
		width: 100px;
		left: 204px;
		top: -60px;
	}

	.job-overview .hidden-xs .icon-tasse {
		left: 240px;
	}

	.job-overview .hidden-xs .col-sm-6:first-child .icon-tasse {
		right: 214px;
		top: -98px;
		left: unset;
	}

	.icon-stift {
		width: 90px;
		left: 135px;
		top: -48px;
	}

	.job-overview .hidden-xs .col-sm-6:first-child .icon-stift {
		right: 135px;
	}

	.icon-code-start-02 {
		width: 30px;
		left: -17px;
		top: -4px;
	}

	.icon-code-end-02 {
		width: 30px;
		left: 180px;
		top: 94px;
	}

	.icon-webdev {
		width: 78px;
		left: 193px;
		top: 46px;
	}

	.icon-tasse02 {
		width: 80px;
		left: 204px;
		top: 48px;
	}

	.icon-stift-02 {
		width: 70px;
		left: 108px;
		top: -40px;
	}

	.icon-paragraph {
		width: 60px;
		top: -20px;
		left: 310px;
	}

	.icon-luemmeltuete {
		width: 80px;
		top: -15px;
		left: 350px;
	}

	.icon-raute {
		width: 70px;
		left: -47px;
	}

	.gap-small-top {
		margin-top: 25px;
	}

	.gap-medium-top {
		margin-top: 50px;
	}

	.gap-large-top {
		margin-top: 100px;
	}

	.gap-large-top-minus {
		top: -200px;
		position: relative;
	}

	.gap-xlarge-top {
		margin-top: 250px;
	}

	.gap-xlarge-top-minus {
		margin-top: -220px;
	}

	.p-l-30 {
		padding-left: 30px;
	}

	.tourismusverband-mv .header-section,
	.meergut .header-section,
	.glashaeger-brunnen .header-section {
		height: 800px;
		max-height: none;
	}

	.glashaeger-geburtstag img.gewinne {
		margin-bottom: -180px;
	}

	.glashaeger-geburtstag img.flasche-gratis {
		margin-top: -150px;
	}

	.glashaeger-geburtstag .glashaeger-party {
		margin-top: -150px;
	}

	.bouncing-balls .logo {
		width: 50vw;
	}

	.bouncing-balls .ball-box {
		width: 30%;
	}

	.bouncing-balls .ball-box.kugel-a {
		left: 23%;
	}

	.bouncing-balls .ball-box.kugel-u {
		left: 37%;
	}

	.bouncing-balls .ball-box.kugel-s {
		left: 49%;
	}

	.bouncing-balls .ball-box.kugel-4 {
		left: 62%;
	}

	a.red-textlink {
		font-size: 22px;
	}

	.become-a-worker .row:last-child .col-sm-12 {
		display: block;
	}

	.not-found .row .col-md-6:last-child {
		margin-top: 320px;
	}

	.gmfs .video-mp4,
	.staatskanzlei .video-mp4,
	.bildungsministerium .video-mp4,
	.landesmarketing .video-mp4,
	.gluecksrakete .video-mp4,
	.ikk-nord .video-mp4 {
		max-width: none;
	}

	.ikk-nord .ikk-cards {
		margin-top: 12vw;
	}

	.tourismusverband-mv .content-imagegrid p {
		font-size: 2.3vw;
		line-height: 2.6vw;
	}

	.coswig .youtube-video {
		height: 100vh;
	}

	#glashaeger-video-schwalbe {
		top: 1px;
		left: -4px;
		width: 109%;
		height: 108%;
	}

	.sketchborder {
		top: -16px;
	}

	section.heartwork-headline h2 {
		top: -80px;
	}

	.heartwork .link-content a .text-muted {
		left: 20px;
		font-size: 20px;
		line-height: 1.7em;
	}

	.tree-wrap {
		top: 8vh;
		bottom: auto;
	}

	.treee {
		height: 88vh;
	}

	.light-beam {
		width: 3vh;
	}

	.star-beam1 {
		top: 10vh;
		left: 26.5vh;
	}

	.star-beam2 {
		top: 7vh;
		left: 25.5vh;
		width: 4vh;
	}

	.star-beam3 {
		top: 2vh;
		left: 26vh;
		width: 4vh;
	}

	.star-beam4 {
		top: -2vh;
		left: 29vh;
		width: 3.5vh;
	}

	.star-beam5 {
		top: -5vh;
		left: 34.5vh;
		height: 4vh;
		width: auto;
	}

	.star-beam6 {
		top: -1vh;
		left: 37vh;
	}

	.star-beam7 {
		top: 2vh;
		left: 41.5vh;
	}

	.star-beam8 {
		top: 6vh;
		left: 40vh;
		width: 4vh;
	}

	.star-beam9 {
		top: 10vh;
		left: 40vh;
	}
}

@media all and (min-width: 992px) and (max-width: 1020px) {
	.footer .meta-nav-footer a,
	.footer .nav a {
		padding-right: 8px;
	}
}

@media all and (min-width: 1200px) {
	.main-content {
		margin-bottom: 10vh;
	}

	.main-content.jobs {
		margin-bottom: 0;
	}

	.main-content .main-stage p {
		font-size: 35px;
		line-height: 135%;
	}

	.content-information p,
	.big-message p,
	.big-message h3 {
		font-size: 26px;
		line-height: 34px;
	}

	.content-information .col-md-3 p {
		font-size: 22px;
		line-height: 30px;
	}

	.main-content .imgontextend,
	.main-content .imgontextend img {
		width: 200px;
	}

	.module-content .text-primary i,
	.module-content .text-secondary i {
		font-size: 90%;
		line-height: 90%;
	}

	[data-columns] {
		padding: 0 15px;
	}

	[data-columns]::before {
		content: '3 .column.size-1of3';
		visibility: hidden;
	}

	[data-columns] .column:first-child {
		margin-top: 45px;
	}

	[data-columns] .column:last-child {
		margin-top: 130px;
	}

	[data-columns] .column:first-child > div {
		float: right;
	}

	.main-content .employee-gallery .caption p {
		font-size: 16px;
		padding-left: 5px;
	}

	.link-content .col-xs-12 .wow:nth-child(2n),
	[data-columns] .column:first-child > div:nth-child(2n),
	[data-columns] .column:last-child > div:nth-child(2n) {
		width: 90%;
	}

	.main-content .heartwork section:not(.main-stage):only-child {
		padding-top: 200px;
	}

	.main-content .link-content .col-md-6 a:first-child img {
		width: 90%;
	}

	.main-content .link-content .col-md-6 a:last-child img {
		width: 85%;
	}

	.main-content .link-content .col-md-4:first-child a:first-child {
		margin-top: 120px;
	}

	.main-content .link-content .col-md-4:last-child a:first-child {
		margin-top: 200px;
	}

	.main-content .link-content .col-md-6:last-child {
		margin-top: -100px;
	}

	.footer .row > .newsletter p,
	.footer .row > .newsletter input,
	.footer .row > .newsletter button {
		font-size: 28px;
	}

	.footer .row > .newsletter .form-group:not('.form-check') label,
	.bewerbung label,
	.profile label,
	.contact label {
		font-size: 18px;
	}

	.footer p {
		font-size: 18px;
	}

	.footer .nav {
		padding-bottom: 10px;
	}

	.footer .nav a,
	.footer .nav a:hover {
		font-size: 15px;
	}

	.footer .meta-nav-footer a,
	.footer .meta-nav-footer a:hover {
		font-size: 14px;
	}

	.footer .row .col-md-6 {
		padding: 50px 30px 50px 100px;
	}

	.footer .row .newsletter {
		padding-right: 10%;
	}

	.footer-socialize {
		margin-top: 30px;
	}

	.footer-socialize,
	.footer .address {
		padding-left: 92px;
	}

	.footer .logo {
		width: auto;
		margin: 0;
	}

	.main-content .main-stage .slideshow .caption {
		left: 40%;
	}

	.main-content .job-content h1 {
		font-size: 45px;
	}

	#job-type-name {
		font-size: 25px;
	}

	.main-content .job-content ul {
		line-height: 1.6;
	}

	.icon-liste {
		left: 70px;
	}

	.job-overview .hidden-xs .icon-liste {
		left: 82px;
	}

	.job-content .second-liste-icon .icon-liste {
		left: 198px;
	}

	.icon-herz {
		left: 180px;
		top: -38px;
	}

	.icon-schraube {
		/*left: 120px; Original changed for teamassistenz*/
		left: 135px;
	}

	.icon-tasse {
		left: 246px;
	}

	.job-overview .hidden-xs .icon-tasse {
		left: 270px;
	}

	.icon-tasse02 {
		width: 100px;
		left: 242px;
		top: 57px;
	}

	.icon-code-start-02 {
		width: 30px;
		left: -20px;
		top: 0px;
	}

	.icon-code-end-02 {
		width: 30px;
		left: 223px;
		top: 114px;
	}

	.icon-webdev {
		width: 96px;
		left: 228px;
		top: 57px;
	}

	.icon-stift-02 {
		width: 90px;
		left: 116px;
		top: -52px;
	}

	.bouncing-balls .ball-box {
		height: 70vh;
	}

	.bouncing-balls .ball-box.kugel-6 {
		height: 71vh;
	}

	.bouncing-balls .ball-box.kugel-u {
		height: 69vh;
	}

	.bouncing-balls .ball-box.kugel-4 {
		height: 71vh;
	}

	.verkehrsverbund-warnow .header-section {
		height: 90vh;
	}

	.edekabank-nachhaltig .edekabank-impressionen-bild {
		position: relative;
		top: -100px;
	}

	.edekabank-nachhaltig .edekabank-impressionen-text {
		margin: -468px 0 100px;
	}

	#glashaeger-video-schwalbe {
		top: 10px;
		left: 4px;
		width: 103%;
		height: 102%;
	}

	.cookie-notification p {
		font-size: 14px;
	}

	.cookie-notification .notification-close {
		width: 140px;
		font-size: 15px;
	}
}

@media all and (min-width: 1200px) and (max-width: 1400px) {
	.main-content .employee-gallery .caption p {
		font-size: 14px;
	}
}

@media all and (min-width: 1400px) {
	div, p, li {
		font-size: 22px;
	}

	p {
		line-height: 28px;
		/*max-width: 910px; Wozu?*/
	}

	.row-werker h1 {
		font-size: 60px;
	}

	.content-information p,
	.big-message p,
	.big-message h3 {
		font-size: 30px;
		line-height: 40px;
	}

	.content-information .col-md-3 p {
		font-size: 26px;
		line-height: 34px;
	}

	.main-content .text-box p {
		max-width: none;
	}

	.sidenav .sidenav-content,
	.bigger-cream {
		padding-right: 50px;
		padding-left: 50px;
	}

	.sidenav .close-nav {
		right: 50px;
	}

	.main-content .imgontextend,
	.main-content .imgontextend img {
		width: 240px;
	}

	.main-content .link-content a .text-muted {
		font-size: 24px;
		line-height: 1.6em;
	}

	.main-content .employee-gallery .caption p {
		font-size: 18px;
		padding-left: 15px;
	}

	.main-content .dsgvo {
		position: absolute;
		right: 30px;
		bottom: 20px;
		z-index: 9;
	}

	.sidenav {
		width: 50%;
	}

	.footer p {
		font-size: 20px;
	}

	.footer .nav a,
	.footer .nav a:hover {
		font-size: 18px;
	}

	.footer .meta-nav-footer a,
	.footer .meta-nav-footer a:hover {
		font-size: 16px;
	}

	.tourismusverband-mv .header-section,
	.meergut .header-section,
	.glashaeger-brunnen .header-section {
		min-height: 1100px;
		min-height: 60vw;
		height: 100vh;
	}

	.glashaeger-geburtstag .glashaeger-social {
		margin-top: -80px;
	}

	.glashaeger-geburtstag .glashaeger-party {
		margin-top: -200px;
	}

	.edekabank .header-section {
		height: 90vh;
		max-height: 1080px;
	}

	.staatskanzlei .header-section,
	.bildungsministerium .header-section,
	.landesmarketing .header-section,
	.gluecksrakete .header-section,
	.gmfs .header-section {
		max-height: none;
	}

	.text-on-big-image p {
		font-size: 40px;
		line-height: 48px;
	}

	.not-found h1 svg {
		top: 17vmin;
		right: 135px;
		width: 110px;
	}

	.not-found h1 {
		font-size: 20vmin;
	}
}

@media all and (min-width: 1500px) {
	.tree-wrap {
		left: calc(24vw);
	}
}

@media all and (min-width: 1600px) {
	p.text-large-hd {
		font-size: 38px;
		line-height: normal;
	}

	.glashaeger-geburtstag .glashaeger-social {
		margin-top: -140px;
	}

	.glashaeger-geburtstag .glashaeger-party {
		margin-top: -250px;
	}
}

@media all and (min-width: 1900px) {
	.container {
		width: 1400px;
	}

	.glashaeger-geburtstag .glashaeger-party {
		margin-top: -300px;
	}

	.edekabank-nachhaltig .edekabank-impressionen-text {
		margin: -500px 0 157px;
	}

	#glashaeger-video-schwalbe {
		top: 13px;
		left: -1px;
		width: 100%;
		height: 101%;
	}
}

@media all and (min-width: 1400px) and (min-height: 881px) {
	.main-nav {
		margin-bottom: 10vmin;
	}

	.corner-area {
		right: 50px;
	}
}

@media all and (min-width: 1400px) and (min-height: 921px) {
	.corner-area {
		bottom: 50px;
	}
}

@media all and (min-width: 1400px) and (min-height: 991px) {
	.not-found .main-nav h2,
	.sidenav .main-nav a h2,
	.bigger-cream .main-nav h1,
	.bigger-cream .main-nav h2 {
		font-size: 120px;
	}

	.main-stage,
	.main-stage .slideshow,
	.main-content .main-stage .slideshow .item {
		height: 100vh;
	}

	.main-content .main-stage .slideshow .item img {
		visibility: hidden;
	}

	.main-content .main-stage .slideshow .item {
		background-size: cover;
		background-position: center center;
	}

	.footer .row .newsletter {
		padding-right: 20%;
	}
}

.start-link-content {
	width: 100%;
	position: absolute;
	height: 100vh;
}

.start-link-content a {
	width: 55vw;
	left: 10%;
	top: 15vh;
	position: absolute;
	z-index: 100;
}

@media all and (max-width: 600px) and (max-height: 879px) {
	.start-link-content a {
		display: none;
	}
}

@media all and (max-width: 991px) and (orientation: landscape) {
	.start-link-content a {
		width: 55vw;
		left: 10%;
		top: 15vh;
	}
}

@media all and (max-width: 991px) and (orientation: portrait) {
	.start-link-content a {
		width: 55vw;
		left: 2%;
		top: 15vh;
	}
}

@media all and (max-width: 600px) and (orientation: portrait) {
	.start-link-content a {
		width: 100%;
		left: 0;
		top: 0;
	}
}

.start-link-content a:hover {
	opacity: 0.9;
}

/*
Laufwerk-Kram
ein klein bissl zum überschreiben von Elementen auch oben mit Klasse .laufwerk
 */
.laufwerk .bgd-screen {
	background-color: rgb(226 0 15);
}

.laufwerk img.big-image  {
	width: 80%;
	transform: rotate(-9deg);
	-webkit-transition: transform 300ms ease-out;
	-moz-transition: transform 300ms ease-out;
	-ms-transition: transform 300ms ease-out;
	-o-transition: transform 300ms ease-out;
	transition: transform 300ms ease-out;
	animation: boje-img 1s ease-out;

}

.laufwerk .boje  {
	animation-name: boje;
	animation-duration: 2s;
	animation-timing-function: ease-in-out;
	animation-delay: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}


.laufwerk .top-content {
	position: absolute;
	bottom: 48vh;
	bottom: 360px;
	width: 50%;
	/*z-index: 200;*/
	max-width: 650px;
}

@media all and (min-width: 992px) {
	.laufwerk .top-content {
		left: 5%;
	}
}

@media all and (min-width: 1500px) {
	.laufwerk .top-content {
		left: 10%;
	}
}

.laufwerk .top-content .more {
	font-size: 38px;
	position: absolute;
	left: 15%;
	bottom: 20px;
}
.laufwerk .laufwerk-content {
	width: 100%;
	position: absolute;
	height: 100vh;
}

.laufwerk .click-box-for-boje {
	width: 600px;
	height: 300px;
	left: 10%;
	bottom: 360px;
	position: absolute;
	z-index: 100;
}

.laufwerk .waves {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='1440px' height='577px' viewBox='0 0 1440 577' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ECombined Shape%3C/title%3E%3Cdefs%3E%3Cpath d='M1437.43824,2053 C1526.96854,2053 1599.5944,2101.30686 1599.99831,2160.99952 L1600,2161 L1600,2570 L-168,2570 L-168,2161 L-167.994,2161 L-167.978221,2159.70575 C-166.542673,2100.61042 -94.3208172,2053 -5.43824009,2053 C34.4312131,2053 70.9483801,2062.57964 99.2281601,2078.47842 C127.502103,2062.57942 164.018879,2053 203.887862,2053 C245.66789,2053 283.766645,2063.51977 312.562541,2080.80724 C341.351925,2063.51977 379.45068,2053 421.230708,2053 C461.942272,2053 499.158443,2062.98859 527.67799,2079.49428 C556.192072,2062.98859 593.408243,2053 634.119807,2053 C675.469063,2053 713.212567,2063.30396 741.900828,2080.27468 C770.588395,2063.30396 808.331898,2053 849.681155,2053 C890.817543,2053 928.385208,2063.19814 957.018391,2080.01311 C985.647699,2063.19814 1023.21536,2053 1064.35175,2053 C1099.56168,2053 1132.15709,2060.47135 1158.77328,2073.16831 C1185.38546,2060.47131 1217.98079,2053 1253.19062,2053 C1287.39419,2053 1319.13056,2060.05037 1345.31537,2072.09247 C1371.49829,2060.05037 1403.23467,2053 1437.43824,2053 Z' id='path-1'%3E%3C/path%3E%3Cfilter x='-2.7%25' y='-10.2%25' width='105.3%25' height='118.4%25' filterUnits='objectBoundingBox' id='filter-2'%3E%3CfeOffset dx='0' dy='-5' in='SourceAlpha' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='15' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.173119605 0' type='matrix' in='shadowBlurOuter1'%3E%3C/feColorMatrix%3E%3C/filter%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Combined-Shape' transform='translate(0.000000, -2018.000000)'%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-2)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill='%23E3000F' fill-rule='evenodd' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	width: 120%;
	position: absolute;
	left: -10%;
	height: 300px;
}
.laufwerk .waves-1 {
	bottom: 44vh;
	bottom: 350px;
	animation: wave1 3000ms ease infinite alternate;
}
.laufwerk .waves-2 {
	bottom: 32vh;
	bottom: 225px;
	left: -2%;
	animation: wave2 3000ms ease infinite alternate;
}

.laufwerk .waves-3 {
	bottom: 16vh;
	bottom: 110px;
	left: -13%;
	animation: wave3 4000ms ease infinite alternate;
}

@media all and (max-height: 768px) {
	.laufwerk .waves-1 {
		bottom: 260px;
	}
	.laufwerk .waves-2 {
		bottom: 135px;
	}
	.laufwerk .waves-3 {
		bottom: 20px;
	}
	.laufwerk .top-content {
		bottom: 270px;
	}
}

@media all and (max-height: 600px) {
	.laufwerk .waves-1 {
		bottom: 40px;
	}
	.laufwerk .waves-2 {
		bottom: -20px;
	}
	.laufwerk .waves-3 {
		bottom: -130px;
	}
	.laufwerk .top-content {
		bottom: 130px;
	}
	.laufwerk .click-box-for-boje {
		width: 330px;
		height: 140px;
		bottom: 120px;
		left: 5%;
	}
	.laufwerk .top-content .more {
		font-size: 28px;
		bottom: 10px;
	}
}

.laufwerk .boje {
	position: relative;
	left: 15%;
}

@keyframes boje-img {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes boje {
	0% {
		transform: translateY(0px);
	}
	100% {
		transform: translateY(10px);
	}
}

@keyframes wave1 {
	0% {
		transform: translateX(0px);
	}
	100% {
		transform: translateX(30px);
	}
}

@keyframes wave2 {
	0% {
		transform: translateX(0px);
	}
	100% {
		transform: translateX(-40px);
	}
}

@keyframes wave3 {
	0% {
		transform: translateX(0px);
	}
	100% {
		transform: translateX(35px);
	}
}

#laufwerk {
	background-color: rgb(226 0 15);
}

#laufwerk,
#laufwerk p {
	color: #fff;
}

#laufwerk section {
	padding: 20px 0;
	z-index: 2;
	overflow: hidden;
}

#laufwerk .laufwerk-top {
	padding: 100px 0;
}

#laufwerk .laufwerk-text {
	padding-bottom: 35vh;
}

@media all and (min-width: 768px) {
	#laufwerk .laufwerk-text {
		padding-bottom: 25vh;
	}
}

.lauf-gelb .bgd-box {
	background-color: #feea1a;
	border-radius: 13px;
	padding: 20px;
	color: #000;
}

.lauf-gelb .container p,
.lauf-gelb .container h1{
	color: #000;
}

.lauf-gelb .container h3 {
	margin: 35px 0 15px;
	font-size: 26px;
}

.lauf-gelb {
	padding-top: 0;
	padding-bottom: 100px;
}

.laufwerk-slider .slick-prev,
.laufwerk-slider .slick-next {
	font-size: 0;
	position: absolute;
	bottom: 32%;
	color: rgb(226,0,15);
	border: 0;
	background: none;
	z-index: 1;
}

@media all and (min-width: 768px) {
	.laufwerk-slider .slick-prev,
	.laufwerk-slider .slick-next {
		bottom: 40%;
	}
}

.laufwerk-slider .slick-prev {
	left: 10px;
}

.laufwerk-slider .slick-prev::after {
	content: "‹";
	font: 80px 'slick';
}

.laufwerk-slider .slick-next {
	right: 10px;
	text-align: right;
}

.laufwerk-slider .slick-next::after {
	content: "›";
	font: 80px 'slick';
}

@media all and (min-width: 992px) {
	.laufwerk-slider .slick-prev {
		left: -40px;
	}

	.laufwerk-slider .slick-next {
		right: -40px;
	}
}

.laufwerk-slider .slick-prev:hover::after,
.laufwerk-slider .slick-next:hover::after {
	color: #feea1a;
}

@media all and (min-width: 992px) {
	.laufwerk-slider .slick-prev:hover::after,
	.laufwerk-slider .slick-next:hover::after {
		color: #333;
	}
}

@media all and (min-width: 768px) {
	.laufwerk-text .container {
		padding: 0 50px;
	}
}

#laufwerk .wave-container {
	position: relative;
}

#laufwerk .waves {
	z-index: 2;
}

#laufwerk .waves.wave5 {
	bottom: -220px;
	left: -6%;
	animation: wave2 3000ms ease infinite alternate;
}
#laufwerk .waves.wave4 {
	bottom: -140px;
	left: -12%;
	animation: wave3 3000ms ease infinite alternate;
}

#laufwerk .waves.wave6 {
	bottom: -90px;
	left: -6%;
	animation: wave2 4000ms ease infinite alternate;
}

#laufwerk section.laufwerk-bottom {
	z-index: 11;
	padding: 0;
	margin: -80px 0;

}

#laufwerk .laufwerk-socialize {
	width: 100%;
	height: 50px;
}

#laufwerk .laufwerk-socialize a {
	width: 35px;
	height: 35px;
	display: inline-block;
	color: #fff;
	background-size: cover;
	margin: 2px 25px;
}
.laufwerk-socialize .fb-icon {
	background-image: url(../icons/svg/use/sm-fb.svg);
}

.laufwerk-socialize .insta-icon {
	background-image: url(../icons/svg/use/sm-insta.svg);
}

.laufwerk-socialize .twitter-icon {
	background-image: url(../icons/svg/use/sm-twitter.svg);
}

.laufwerk-content .main-content {
	overflow: hidden;
}

.laufwerk-content .laufwerk-bottom .container {
	padding-bottom: 70px;
}

.text-small {
	font-size: 0.8em;
}

.laufwerk .navbar-default{
	background-color: rgb(226, 0, 15);
}

.laufwerk-gemuese .bgd-screen {
	background: #f96841;
}

.laufwerk-gemuese #lottie-player-container {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.laufwerk-gemuese #lottie-player-wrapper {
	position: absolute;
	top: 0;
	width: 1600px;
	height: auto;
	background: #fff;
	max-height: 100vh;
	overflow: hidden;
}

@media all and (min-width: 1400px) {
	.laufwerk-gemuese #lottie-player-wrapper {
		width: 1920px;
	}
}

@media all and (min-width: 1920px) {
	.laufwerk-gemuese #lottie-player-wrapper {
		width: 100%;
	}
}

.laufwerk-gemuese .main-nav li a {
	color: #f66a3d;
}
.laufwerk-gemuese .main-nav li a:hover {
	color: #fff;
}

@media all and (min-width: 992px) {
	.laufwerk-gemuese .bigger-cream .werk3-logo svg {
		color: #004c4d;
	}
	.laufwerk-gemuese .main-nav li a {
		color: #fff;
	}
	.laufwerk-gemuese .main-nav li a:hover {
		color: #004c4d;
	}
	.laufwerk-gemuese .main-nav li a::after {
		background: #004c4d;
	}
}

.laufwerk-gemuese .top-content {
	z-index: 9;
	bottom: auto;
	left: 20%;
	top: 13%;
	width: auto;
}

.laufwerk-gemuese .top-content img {
	width: 400px;
	max-width: 30vw;
}

.laufwerk-gemuese .top-content img + * {
	margin-top: 20px;
}

.laufwerk-gemuese .top-content .text-muted {
	background: #f66a3d;
	font-size: 30px;
}

.laufwerk-gemuese .top-content:hover .text-muted {
	background: #004c4d;
}

.laufwerk-gemuese #gba {
	position: absolute;
	z-index: 8;
	left: 0;
	bottom: 8%;
}

.laufwerk-gemuese #gba img {
	width: 420px;
	max-width: 30vw;
}

.laufwerk-gemuese .gemuese-mobil {
	position: absolute;
	width: 200px;
	top: 25px;
	right: 50px;
}

@media all and (max-width: 991px) {
	.laufwerk-gemuese .bigger-cream {
		padding-top: 280px !important;
		justify-content: start !important;
	}
}

@media all and (max-width: 400px) {
	.laufwerk-gemuese .gemuese-mobil {
		width: 140px;
	}
	.laufwerk-gemuese .bigger-cream {
		padding-top: 200px !important;
	}
}

.laufwerk-cdf .bgd-screen {
	background-color: #fff;
	background-image: url(../img/laufwerk/cdf-hintergrund.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: 100%;
}

@media all and (max-width: 1500px) {
	.laufwerk-cdf .bgd-screen {
		background-size: 140%;
	}
}

@media all and (max-width: 991px) {
	.laufwerk-cdf .bgd-screen {
		margin-top: 25vh;
		background-size: cover;
	}
}

.laufwerk-cdf .main-nav li a {
	color: #5E1161;
}
.laufwerk-cdf .main-nav li a:hover {
	color: #fff;
}
.laufwerk-cdf .start-contact a:hover,
.laufwerk-cdf .meta-nav li a:hover,
.laufwerk-cdf .meta-nav li.active a {
	color: #FF3F92;
}
.laufwerk-cdf .meta-nav .icon a:hover span,
.laufwerk-cdf .meta-nav .icon.active a span {
	border-color: #FF3F92;
}

.laufwerk-cdf .bigger-cream .werk3-logo svg {
	color: #FF3F92;
}
.laufwerk-cdf .main-nav li a {
	color: #fff;
}
.laufwerk-cdf .main-nav li a:hover {
	color: #5E1161;
}
.laufwerk-cdf .main-nav li a::after {
	background: #5E1161;
}
.laufwerk-cdf .main-nav li:nth-child(1) a:hover {
	color: #057FC8;
}
.laufwerk-cdf .main-nav li:nth-child(1) a::after {
	background: #057FC8;
}
.laufwerk-cdf .main-nav li:nth-child(2) a:hover {
	color: #EF6915;
}
.laufwerk-cdf .main-nav li:nth-child(2) a::after {
	background: #EF6915;
}
.laufwerk-cdf .main-nav li:nth-child(3) a:hover {
	color: #FF3F92;
}
.laufwerk-cdf .main-nav li:nth-child(3) a::after {
	background: #FF3F92;
}

.laufwerk-cdf .top-content {
	z-index: 9;
	bottom: auto;
	left: 20%;
	top: 13%;
	width: auto;
}

.laufwerk-cdf .top-content img {
	width: auto;
	max-width: 30vw;
	max-height: 35vh;
}

.laufwerk-cdf .top-content img + * {
	margin-top: -6%;
}

.laufwerk-cdf .top-content .text-muted {
	background: #057FC8;
	font-size: 30px;
}

.laufwerk-cdf .top-content:hover .text-muted {
	background: #057FC8;
}

.laufwerk-cdf #gba {
	position: absolute;
	z-index: 8;
	left: 0;
	bottom: 8%;
}

.laufwerk-cdf #gba img {
	width: 420px;
	max-width: 30vw;
}

@media all and (max-height: 800px) {
	.laufwerk-cdf #gba img {
		width: auto;
		max-width: 30vw;
		max-height: 20vh;
	}
	.laufwerk-cdf .top-content .text-muted {
		font-size: 4vh;
	}
}

.laufwerk-cdf .cdf-mobil {
	position: absolute;
	width: 230px;
	top: 25px;
	right: 20px;
}

@media all and (max-width: 991px) {
	.laufwerk-cdf .bigger-cream {
		padding-top: 280px !important;
		justify-content: start !important;
	}
}

@media all and (max-width: 400px) {
	.laufwerk-cdf .cdf-mobil {
		width: 140px;
	}
	.laufwerk-cdf .bigger-cream {
		padding-top: 200px !important;
	}
}

@media all and (max-width: 991px) {
	.laufwerk .footer {
		margin-top: 130px;
	}
}

.mobile-boje {
	position: absolute;
	width: 240px;
	height: 100px;
	top: 25px;
	right: 50px;
}

@media all and (max-width: 600px) and (orientation: portrait) {
	.laufwerk-top .container .boje {
		width: 100%;
		margin: 0;
	}

	.mobile-boje {
		width: 160px;
		height: 100px;
		top: 15px;
		right: 50px;
	}
	.click-box-for-boje {
		display:none;
	}
}

@media all and (max-width: 991px) and (orientation: landscape) {
	.laufwerk-content.hidden-xs {
		display: block !important;
	}
	.click-box-for-boje {
		display:block !important;
	}
	.mobile-boje {
		display: none !important;
	}
}

/*KEYFRAMES*/

@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(360deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes rotate-back {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(360deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

@keyframes bouncing-ball {
	0% {
		bottom: 100%;
		animation-timing-function: cubic-bezier(0.530, 0.125, 0.680, 0.370);
	}
	42% {
		bottom: 0;
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	57% {
		bottom: 22%;
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}
	72% {
		bottom: 0;
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	80% {
		bottom: 7%;
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}
	88% {
		bottom: 0;
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	94% {
		bottom: 2%;
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}
	100% {
		bottom: 0;
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
}

@keyframes bouncing-ball-shadow {
	0% {
		width: 5%;
		opacity: .1;
		border-radius: 10px/5px;
		animation-timing-function: ease-in;
	}
	42% {
		width: 50%;
		opacity: 1;
		border-radius: 100px/5px;
		animation-timing-function: ease-out;
	}
	57% {
		width: 30%;
		opacity: .5;
		border-radius: 60px/5px;
		animation-timing-function: ease-in;
	}
	72% {
		width: 50%;
		opacity: 1;
		border-radius: 100px/5px;
		animation-timing-function: ease-out;
	}
	80% {
		width: 45%;
		opacity: .8;
		border-radius: 90px/5px;
		animation-timing-function: ease-in;
	}
	88% {
		width: 50%;
		opacity: 1;
		border-radius: 100px/5px;
		animation-timing-function: ease-out;
	}
	94% {
		width: 48%;
		opacity: .9;
		border-radius: 94px/5px;
		animation-timing-function: ease-in;
	}
	100% {
		width: 50%;
		opacity: 1;
		border-radius: 100px/5px;
		animation-timing-function: ease-out;
	}
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animatedslow {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
	from,
	20%,
	53%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0);
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);
	}
}

@keyframes bounce {
	from,
	20%,
	53%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0);
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);
	}
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
}

@-webkit-keyframes flash {
	from,
	50%,
	to {
		opacity: 1;
	}

	25%,
	75% {
		opacity: 0;
	}
}

@keyframes flash {
	from,
	50%,
	to {
		opacity: 1;
	}

	25%,
	75% {
		opacity: 0;
	}
}

.flash {
	-webkit-animation-name: flash;
	animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
/* EG: Kollision mit Dropzone Keyframe
@-webkit-keyframes pulse {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes pulse {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
*/

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
}

.pulsein {
	-webkit-animation-name: pulsein;
	animation-name: pulsein;
}

@-webkit-keyframes rubberBand {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1);
	}

	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1);
	}

	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1);
	}

	65% {
		-webkit-transform: scale3d(0.95, 1.05, 1);
		transform: scale3d(0.95, 1.05, 1);
	}

	75% {
		-webkit-transform: scale3d(1.05, 0.95, 1);
		transform: scale3d(1.05, 0.95, 1);
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes rubberBand {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1);
	}

	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1);
	}

	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1);
	}

	65% {
		-webkit-transform: scale3d(0.95, 1.05, 1);
		transform: scale3d(0.95, 1.05, 1);
	}

	75% {
		-webkit-transform: scale3d(1.05, 0.95, 1);
		transform: scale3d(1.05, 0.95, 1);
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
}

@-webkit-keyframes shake {
	from,
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}

@keyframes shake {
	from,
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}

.shake {
	-webkit-animation-name: shake;
	animation-name: shake;
}

@-webkit-keyframes headShake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-9deg);
		transform: translateX(-6px) rotateY(-9deg);
	}

	18.5% {
		-webkit-transform: translateX(5px) rotateY(7deg);
		transform: translateX(5px) rotateY(7deg);
	}

	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg);
	}

	43.5% {
		-webkit-transform: translateX(2px) rotateY(3deg);
		transform: translateX(2px) rotateY(3deg);
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes headShake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-9deg);
		transform: translateX(-6px) rotateY(-9deg);
	}

	18.5% {
		-webkit-transform: translateX(5px) rotateY(7deg);
		transform: translateX(5px) rotateY(7deg);
	}

	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg);
	}

	43.5% {
		-webkit-transform: translateX(2px) rotateY(3deg);
		transform: translateX(2px) rotateY(3deg);
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

.headShake {
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: headShake;
	animation-name: headShake;
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg);
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg);
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg);
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg);
	}

	to {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg);
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg);
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg);
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg);
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg);
	}

	to {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg);
	}
}

.swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing;
}

@-webkit-keyframes tada {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	10%,
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes tada {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	10%,
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes wobble {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble;
}

@-webkit-keyframes jello {
	from,
	11.1%,
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg);
	}

	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg);
	}

	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg);
	}

	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg);
	}

	66.6% {
		-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
		transform: skewX(-0.78125deg) skewY(-0.78125deg);
	}

	77.7% {
		-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
		transform: skewX(0.390625deg) skewY(0.390625deg);
	}

	88.8% {
		-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
		transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
	}
}

@keyframes jello {
	from,
	11.1%,
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg);
	}

	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg);
	}

	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg);
	}

	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg);
	}

	66.6% {
		-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
		transform: skewX(-0.78125deg) skewY(-0.78125deg);
	}

	77.7% {
		-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
		transform: skewX(0.390625deg) skewY(0.390625deg);
	}

	88.8% {
		-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
		transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
	}
}

.jello {
	-webkit-animation-name: jello;
	animation-name: jello;
	-webkit-transform-origin: center;
	transform-origin: center;
}

@-webkit-keyframes bounceIn {
	from,
	20%,
	40%,
	60%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	}

	80% {
		-webkit-transform: scale3d(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97);
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes bounceIn {
	from,
	20%,
	40%,
	60%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	}

	80% {
		-webkit-transform: scale3d(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97);
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.bounceIn {
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -300vw, 0);
		transform: translate3d(0, -300vw, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes bounceInDown {
	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -300vw, 0);
		transform: translate3d(0, -300vw, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-300vw, 0, 0);
		transform: translate3d(-300vw, 0, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0);
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes bounceInLeft {
	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-300vw, 0, 0);
		transform: translate3d(-300vw, 0, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0);
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(300vw, 0, 0);
		transform: translate3d(300vw, 0, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0);
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0);
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes bounceInRight {
	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(300vw, 0, 0);
		transform: translate3d(300vw, 0, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0);
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0);
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 300vw, 0);
		transform: translate3d(0, 300vw, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0);
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes bounceInUp {
	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 300vw, 0);
		transform: translate3d(0, 300vw, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0);
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9);
	}

	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}
}

@keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9);
	}

	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}
}

.bounceOut {
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}
}

@keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0);
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}
}

@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0);
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}
}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0);
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}
}

@keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0);
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}
}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0);
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}
}

@keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0);
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}
}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInDownBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInLeftBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInRightBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInUpBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}

@keyframes fadeOutDown {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}
}

@keyframes fadeOutDownBig {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

@keyframes fadeOutLeft {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}
}

@keyframes fadeOutLeftBig {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

@keyframes fadeOutRight {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}
}

@keyframes fadeOutRightBig {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}

@keyframes fadeOutUp {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}
}

@keyframes fadeOutUpBig {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
	from {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
		transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
}

@keyframes flip {
	from {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
		transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
}

.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip;
}

@-webkit-keyframes flipInX {
	from {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

@keyframes flipInX {
	from {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
}

@-webkit-keyframes flipInY {
	from {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

@keyframes flipInY {
	from {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1;
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0;
	}
}

@keyframes flipOutX {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1;
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0;
	}
}

.flipOutX {
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1;
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0;
	}
}

@keyframes flipOutY {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1;
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0;
	}
}

.flipOutY {
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
	from {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0;
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@keyframes lightSpeedIn {
	from {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0;
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
	from {
		opacity: 1;
	}

	to {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0;
	}
}

@keyframes lightSpeedOut {
	from {
		opacity: 1;
	}

	to {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0;
	}
}

.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0;
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@keyframes rotateIn {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0;
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@keyframes rotateInDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@keyframes rotateInDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@keyframes rotateInUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0;
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@keyframes rotateInUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0;
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1;
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0;
	}
}

@keyframes rotateOut {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1;
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0;
	}
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1;
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1;
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}
}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1;
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1;
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}
}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1;
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1;
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}
}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1;
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1;
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0;
	}
}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	20%,
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	40%,
	80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1;
	}

	to {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0;
	}
}

@keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	20%,
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	40%,
	80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1;
	}

	to {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0;
	}
}

.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-name: hinge;
	animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
	from {
		opacity: 0;
		-webkit-transform: scale(0.1) rotate(30deg);
		transform: scale(0.1) rotate(30deg);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
	}

	50% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}

	70% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg);
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes jackInTheBox {
	from {
		opacity: 0;
		-webkit-transform: scale(0.1) rotate(30deg);
		transform: scale(0.1) rotate(30deg);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
	}

	50% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}

	70% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg);
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.jackInTheBox {
	-webkit-animation-name: jackInTheBox;
	animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes rollIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	}
}

@keyframes rollOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	}
}

.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	50% {
		opacity: 1;
	}
}

@keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	50% {
		opacity: 1;
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}

@keyframes zoomInDown {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}

.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}

@keyframes zoomInLeft {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}

.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}

@keyframes zoomInRight {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}

.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}

@keyframes zoomInUp {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}

.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
	from {
		opacity: 1;
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	to {
		opacity: 0;
	}
}

@keyframes zoomOut {
	from {
		opacity: 1;
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	to {
		opacity: 0;
	}
}

.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}

.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
	}

	to {
		opacity: 0;
		-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
		transform: scale(0.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center;
	}
}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
	}

	to {
		opacity: 0;
		-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
		transform: scale(0.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center;
	}
}

.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
	}

	to {
		opacity: 0;
		-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
		transform: scale(0.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center;
	}
}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
	}

	to {
		opacity: 0;
		-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
		transform: scale(0.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center;
	}
}

.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}

.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
	from {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes slideInDown {
	from {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
	from {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes slideInLeft {
	from {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
	from {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes slideInRight {
	from {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
	from {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes slideInUp {
	from {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}

@keyframes slideOutDown {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}

.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

@keyframes slideOutLeft {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

@keyframes slideOutRight {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}

@keyframes slideOutUp {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}

.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp;
}

@-webkit-keyframes fallDown {
	0% {
		-webkit-transform: translateZ(1000px);
		transform: translateZ(1000px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes fallDown {
	0% {
		-webkit-transform: translateZ(1000px);
		transform: translateZ(1000px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}

.fallDown {
	-webkit-animation: fallDown 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: fallDown 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.vita-cola .clientcolor {
	color: #000;
}

.vita-cola section {
	background: #d40a24;
	color: #fff;
}

.main-content .vita-cola .bg-section,
.main-content .vita-cola .bg-section section:not(.heartwork-headline) {
	background-color: #d40a24 !important;
}

/*.vita-cola .video-responsive {*/
/*	max-height: 100vh;*/
/*}*/

/*.vita-cola .video-responsive > video {*/
/*	object-fit: cover;*/
/*	width: 100%;*/
/*	height: 100vh;*/
/*}*/

.vita-cola .video-mp4 {
	position: relative;
	max-height: 100%;
	max-width: 100%;
	height: 100%;
	width: 100%;
	-webkit-transition: opacity 2s ease-out;
	-moz-transition: opacity 2s ease-out;
	-ms-transition: opacity 2s ease-out;
	-o-transition: opacity 2s ease-out;
	transition: opacity 2s ease-out;
}

.vita-cola .header-section {
	padding-top: 0 !important;
}

.vita-cola .content-imagegrid.image-random-rotation {
	position: relative;
}

.vita-cola .content-imagegrid.image-random-rotation.absolute-images .images-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	perspective: 10000px;
}

.vita-cola .content-imagegrid.image-random-rotation.absolute-images .image-container {
	position: absolute;
	max-width: 50%;
}

@media (max-width: 767px) {
	.content-slide.vita-cola-slider .slick-slide img {
		border-width: 10px;
	}
	.vita-cola .content-information p {
		font-size: 18px;
		line-height: 24px;
	}
}

.vita-cola-slider.content-slide .slick-current::after {
	display: none !important;
}

.hansesail .clientcolor {
	color: #FFF;
	position: relative;
	z-index: 1;
	display: inline-block;
}

.hansesail .clientcolor::before {
	content: '';
	position: absolute;
	z-index: -1;
	top: -6px;
	left: -10px;
	right: -10px;
	bottom: -2px;
	display: inline;
	transform: matrix(1, -0.02, 0.02, 1, 0, 0);
	background: #D1050C;
	box-shadow: 0 3px 6px #00000029;
}

.hansesail section {
	color: #fff;
}

.main-content .hansesail .bg-section {
	background-color: #00559D !important;
}

.main-content .hansesail .bg-section section:not(.heartwork-headline) {
	background-color: transparent !important;
}

.hansesail .header-section {
	padding-top: 0 !important;
	position: relative;
	background-image: url(../img/werke/hansesail/JPG/Headerbild.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 100vh;
	min-height: 600px;
}
@media (min-width: 992px) {
	body.hansesail .navbar .werk3-burger {
		display: none;
	}
}
@media (min-width: 1600px) {
	.hansesail .header-section {
		min-height: 800px;
	}
}
@media (max-width: 991px) {
	.hansesail .header-section {
		height: calc(100vh - 90px);
		min-height: 0;
		background-position: 83% 50%;
	}
}
@media (max-width: 767px) {
	.hansesail .header-section {
		height: calc(100vh - 125px);
		min-height: 0;
	}
}

.hansesail section:not(.content-information) p {
	font-size: 18px;
	line-height: 1.6;
}

@media all and (min-width: 768px) {
	.hansesail section:not(.content-information) p {
		font-size: 18px;
		line-height: 1.6;
	}
}

@media all and (min-width: 992px) {
	.hansesail section:not(.content-information) p {
		font-size: 20px;
		line-height: 1.6;
	}
}

@media all and (min-width: 1500px) {
	.hansesail section:not(.content-information) p {
		font-size: 22px;
		line-height: 1.6;
	}
}

@media all and (min-width: 1600px) {
	.hansesail section:not(.content-information) p {
		font-size: 24px;
		line-height: 1.6;
	}
}

.content-slide.hansesail-slider .slick-slide img {
	border-width: 0;
	padding: 3%;
}

#hansesail-slider {
	position: relative;
	width: 74%;
	margin-left: auto;
	margin-right: auto;
}
@media all and (min-width: 768px) {
	#hansesail-slider {
		width: 70%;
		margin-left: 15%;
		margin-right: 15%;
	}
}
@media all and (min-width: 992px) {
	#hansesail-slider {
		width: 60%;
	}
}

@media all and (max-width: 520px) {
	#hansesail-wort-bild p {
		font-size: 16px;
	}
	#hansesail-erlebnisse {
		margin: 5% -10%;
	}
	#hansesail-erlebnisse > span {
		font-size: 16px;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

@media (max-width: 767px) {
	#hansesail-wort-bild-headline {
		max-width: 70vw;
	}
}

#hansesail-citycards {
	position: relative;
	z-index: 1;
	background-image: url('../img/werke/hansesail/SVGs/Flaeche ueber SM Content.svg');
	background-repeat: no-repeat;
	background-size: 1920px;
	background-position: bottom center;
}
@media all and (min-width: 1920px) {
	#hansesail-citycards {
		background-size: 102%;
	}
}
#hansesail-citycards .row > :nth-child(1) img {
	margin-top: -12%;
	margin-left: 10%;
}
#hansesail-citycards .row > :nth-child(3) img {
	margin-left: 45%;
	margin-top: -34%;
}
@media all and (min-width: 768px) {
	#hansesail-citycards .row > :nth-child(1) img {
		margin-top: -13%;
		margin-left: 10%;
	}
	#hansesail-citycards .row > :nth-child(3) img {
		margin-left: -10%;
		margin-top: -9%;
	}
}
@media all and (min-width: 1400px) {
	#hansesail-citycards .row > :nth-child(1) img {
		margin-top: -37%;
		margin-left: 25%;
	}
	#hansesail-citycards .row > :nth-child(3) img {
		margin-left: -10%;
		margin-top: -9%;
	}
}
@media (max-width: 767px) {
	#hansesail-citycards .row {
		margin-left: -16vw;
		margin-right: -12vw;
	}
}

#hansesail-social-media {
	background-color: #fff !important;
	margin-top: -7%;
	padding-top: 10%;
	padding-bottom: 0;
	background-image: url('../img/werke/hansesail/SVGs/Flaeche ueber Website.svg');
	background-repeat: no-repeat;
	background-size: 1920px;
	background-position: center calc(100% + 300px);
}
@media all and (min-width: 992px) {
	#hansesail-social-media {
		background-position: center calc(100% + 250px);
	}
}
@media all and (min-width: 1300px) {
	#hansesail-social-media {
		background-position: center calc(100% + 220px);
	}
}
@media all and (min-width: 1920px) {
	#hansesail-social-media {
		background-size: 102%;
		background-position: center 126%;
	}
}
@media (max-width: 767px) {
	#hansesail-social-media {
		padding-top: 20%;
	}
}

#hansesail-social-media-headline {
	padding: 0 5%;
	margin-bottom: 3%;
}
@media all and (min-width: 768px) {
	#hansesail-social-media-headline {
		padding: 0 10%;
		margin-bottom: 0;
	}
}

#hansesail-social-media-slider {
	position: relative;
	margin-top: 20%;
}
@media all and (min-width: 768px) {
	#hansesail-social-media-slider {
		margin-top: 5%;
	}
}

#hansesail-smartphone {
	position: relative;
	z-index: 2;
	pointer-events: none;
	user-select: none;
	width: 42.1%;
	margin-top: -15.1%;
	margin-left: 50%;
	transform: translateX(-50%);
}
@media all and (min-width: 768px) {
	#hansesail-smartphone {
		width: 23.1%;
		margin-top: -8.1%;
		margin-left: 60.5%;
		transform: translateX(0);
	}
}

#hansesail-dynamische-webseite {
	position: relative;
	z-index: 2;
	background-image: url('../img/werke/hansesail/SVGs/Flaeche ueber Claim.svg');
	background-repeat: no-repeat;
	background-size: 1920px;
	background-position: bottom center;
}
@media all and (min-width: 1920px) {
	#hansesail-dynamische-webseite {
		background-size: 102%;
	}
}
@media (max-width: 428px) {
	#hansesail-dynamische-webseite {
		background-size: 700px;
	}
}
@media (max-width: 767px) {
	#hansesail-dynamische-webseite-headline {
		max-width: 50vw;
	}
}

#hansesail-erlebnis-voraus {
	position: relative;
	z-index: 1;
	padding: 11% 0 5%;
	margin-top: -7%;
	background-image: url('../img/werke/hansesail/SVGs/Flaeche Claim.svg');
	background-repeat: no-repeat;
	background-size: 1920px;
	background-position: bottom center;
}
@media all and (min-width: 1920px) {
	#hansesail-erlebnis-voraus {
		background-size: 102%;
	}
}
@media (max-width: 428px) {
	#hansesail-erlebnis-voraus {
		background-size: 520px;
	}
}

#hansesail-webseite {
	position: relative;
	background-image: url('../img/werke/hansesail/SVGs/Footer/Flaeche Footer.svg');
	background-repeat: no-repeat;
	background-size: 1920px;
	background-position: top center;
	margin-top: -6%;
}
@media all and (min-width: 1920px) {
	#hansesail-webseite {
		background-size: 102%;
	}
}

#hansesail-logo {
	position: absolute;
	top: 18%;
	left: 14.5%;
	max-width: 60%;
}
@media (min-width: 768px) {
	#hansesail-logo {
		top: 29%;
		left: 16.5%;
	}
}

/* Sicherstellen, dass die Steuerelemente optisch nicht sichtbar sind (falls Safari sie doch anzeigt) */
video.no-controls::-webkit-media-controls {
	display: none !important; /* Versteckt das Standard-Steuerelement von Safari */
}
video.no-controls {
	/* Optional: eigene Kontrollelemente hinzufügen oder Styling anpassen */
}
.video-item {
	cursor: pointer; /* Zeigt an, dass das Video interaktiv ist */
}

.glashaeger .clientcolor {
	color: #00305d;
}

.glashaeger section {
	background: transparent;
	color: #00305D;
}

.glashaeger section p a {
	color: #00305d;
	text-decoration: underline;
}

.glashaeger section p a:hover {
	text-decoration: none;
}

.glashaeger section p a::before {
	display: none;
}

.glashaeger section.content-information {
	color: #000;
}
@media (max-width: 1400px) {
	.glashaeger section p {
		font-size: 24px;
		line-height: 1.3;
	}
}
@media (max-width: 1200px) {
	.glashaeger section p {
		font-size: 22px;
		line-height: 1.3;
	}
}
@media (max-width: 991px) {
	.glashaeger section p {
		font-size: 20px;
		line-height: 1.3;
	}
}
@media (max-width: 767px) {
	.glashaeger section p {
		font-size: 18px;
		line-height: 1.3;
		text-align: center;
	}
	.glashaeger section.content-information p {
		text-align: left;
	}
}

#glashaeger-hintergrund {
	background-image: url('../img/werke/glashaeger-brunnen/Hintergrund_Verlauf.png');
	background-repeat: no-repeat;
	background-size: cover;
}
@media (max-width: 767px) {
	#glashaeger-hintergrund {
		background-image: url('../img/werke/glashaeger-brunnen/Hintergrund_Verlauf_Mobil.png');
	}
}

.main-content .glashaeger .bg-section,
.main-content .glashaeger .bg-section section:not(.heartwork-headline) {
	background-color: transparent !important;
}

.glashaeger .video-responsive {
	max-height: 100vh;
}

.glashaeger .video-mp4 {
	position: relative;
	max-height: 100%;
	max-width: 100%;
	height: 100%;
	width: 100%;
	-webkit-transition: opacity .2s ease-out;
	-moz-transition: opacity .2s ease-out;
	-ms-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
}

#video-glashaeger-toggle {
	position: absolute;
	bottom: 50%;
	right: 50%;
	transform: translateX(50%) translateY(50%);
	padding: 0;
	border: none;
	background: top;
	line-height: 0;
	color: rgba(0, 48, 93, .6);
	width: 230px;
	height: auto;
	max-width: 16%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
@media (min-width: 768px) {
	#video-glashaeger-toggle {
		max-width: 10%;
	}
}
#video-glashaeger-toggle:hover {
	color: rgba(0, 48, 93, .8);
}
#video-glashaeger-toggle svg {
	width: 100%;
	height: 100%;
}
#video-glashaeger-toggle.video-play,
#video-glashaeger-toggle.video-pause {
	right: 20px;
	bottom: 20px;
	transform: translateX(0) translateY(0);
	width: 40px;
	max-width: 10%;
}
@media (min-width: 768px) {
	#video-glashaeger-toggle.video-play,
	#video-glashaeger-toggle.video-pause {
		right: 40px;
		bottom: 40px;
		width: 60px;
	}
}
@media (min-width: 992px) {
	#video-glashaeger-toggle.video-play,
	#video-glashaeger-toggle.video-pause {
		right: 80px;
		bottom: 60px;
		width: 80px;
	}
}

.glashaeger .header-section {
	padding-top: 0 !important;
}

#glashaeger-logo {
	padding: 15px 18% 0;
	margin-bottom: -30px;
}
#glashaeger-logo img {
	width: 398px
}
@media (min-width: 768px) {
	#glashaeger-logo {
		background: #c8e9fc;
		position: absolute;
		left: 4%;
		bottom: 0;
		border-radius: 50px 50px 0 0;
		padding: 20px 35px;
		margin-bottom: -30px;
		max-width: 35vw;
	}
}
@media (min-width: 992px) {
	#glashaeger-logo {
		left: 4%;
		padding: 30px 55px;
		margin-bottom: -40px;
		border-radius: 80px 80px 0 0;
	}
}
@media (min-width: 1200px) {
	#glashaeger-logo {
		left: 75px;
		padding: 40px 55px;
		margin-bottom: -50px;
		border-radius: 103px 103px 0 0;
	}
}
@media (max-width: 767px) {
	#glashaeger-logo {
		display: none;
	}
}

#glashaeger-flaschen {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	max-height: 100vh;
}
#glashaeger-flaschen canvas {
	width: 100%;
}
#glashaeger-flaschen img {
	position: absolute;
	max-height: 95%;
	-webkit-transition: all 1.3s ease;
	-moz-transition: all 1.3s ease;
	-ms-transition: all 1.3s ease;
	-o-transition: all 1.3s ease;
	transition: all 1.3s ease;
}
#glashaeger-flaschen img.animate:nth-child(1) {
	height: 58%;
	top: 25%;
	transform: translateX(435%);
}
#glashaeger-flaschen img.animate:nth-child(2) {
	height: 58%;
	top: 25%;
	transform: translateX(-435%);
}
#glashaeger-flaschen img.animate:nth-child(3) {
	height: 64%;
	top: 22%;
	transform: translateX(310%);
}
#glashaeger-flaschen img.animate:nth-child(4) {
	height: 64%;
	top: 22%;
	transform: translateX(-310%);
}
#glashaeger-flaschen img.animate:nth-child(5) {
	height: 73%;
	top: 17%;
	transform: translateX(193%);
}
#glashaeger-flaschen img.animate:nth-child(6) {
	height: 73%;
	top: 17%;
	transform: translateX(-193%);
}
#glashaeger-flaschen img.animate:nth-child(7) {
	height: 82%;
	top: 12%;
	transform: translateX(90%);
}
#glashaeger-flaschen img.animate:nth-child(8) {
	height: 82%;
	top: 12%;
	transform: translateX(-90%);
}

#hundert-prozent-heimat {
	position: relative;
	padding-top: 50px;
}
@media (min-width: 768px) {
	#hundert-prozent-heimat {
		background-image: url('../img/werke/glashaeger-brunnen/Hintergrund_Himmel.jpg');
		background-repeat: no-repeat;
		background-size: cover;
	}
}
@media (max-width: 767px) {
	#hundert-prozent-heimat {
		padding-top: 0;
	}
}

#glashaeger-gewinne {
	background: #fff !important;
}
@media (min-width: 768px) {
	#glashaeger-gewinne {
		background-image: url('../img/werke/glashaeger-brunnen/Hintergrund_Verlauf.png');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 0 30%;
	}
}
#glashaeger-gewinne-werbung {
	position: absolute;
	bottom: 0;
	pointer-events: none;
	max-width: 60vw;
}
@media (max-width: 991px) {
	#glashaeger-gewinne-werbung {
		max-width: 70vw;
	}
}

#glashaeger-slider {
	position: relative;
	display: inline-block;
	margin-right: -15vw;
	margin-bottom: -8%;
}
@media (max-width: 767px) {
	#glashaeger-slider-section {
		background-image: url('../img/werke/glashaeger-brunnen/Hintergrund_Himmel.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		padding-top: 50px;
	}
	#glashaeger-slider {
		margin-right: -20vw;
		margin-bottom: -14%;
		margin-left: -54vw;
	}
}

@media (min-width: 768px) {
	#erfrischend-nah-dran {
		position: absolute;
		bottom: 100px;
		left: 0;
		right: 0;
	}
	#erfrischend-nah-dran p {
		max-width: 70%;
	}
}
@media (min-width: 992px) {
	#erfrischend-nah-dran p {
		max-width: 55%;
	}
}
@media (max-width: 1400px) {
	#erfrischend-nah-dran {
		bottom: 50px;
	}
}
@media (max-width: 767px) {
	#erfrischend-nah-dran {
		padding-top: 40px;
		text-align: center;
	}
	#erfrischend-nah-dran h2,
	#erfrischend-nah-dran p {
		padding-left: 5%;
		padding-right: 5%;
		text-align: center;
	}
}

@media (min-width: 768px) {
	#glashaeger-social-media {
		background-image: url('../img/werke/glashaeger-brunnen/Hintergrund_Verlauf.png');
		background-repeat: no-repeat;
		background-size: cover;
	}
}

.glashaeger .content-imagegrid.image-random-rotation {
	position: relative;
}
.glashaeger .content-imagegrid.image-random-rotation.absolute-images .images-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	perspective: 10000px;
}
.glashaeger .content-imagegrid.image-random-rotation.absolute-images .image-container {
	position: absolute;
	max-width: 50%;
}
.glashaeger .content-imagegrid.image-random-rotation.absolute-images .image-container img {
	width: 100%;
}
.glashaeger .content-imagegrid.image-random-rotation.absolute-images .wow > div {
	box-shadow: 10px 10px 6px #00000029;
	border: 20px solid #FFFFFF;
	background: #fff;
}
@media (min-width: 768px) and (max-width: 991px) {
	.glashaeger .content-imagegrid.image-random-rotation.absolute-images .wow > div {
		border: 5px solid #FFFFFF;
	}
}
@media (min-width: 992px) and (max-width: 1200px) {
	.glashaeger .content-imagegrid.image-random-rotation.absolute-images .wow > div {
		border: 10px solid #FFFFFF;
	}
}
.glashaeger .content-imagegrid.image-random-rotation.absolute-images .wow.fallDown {
	position: absolute;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.glashaeger .content-imagegrid.image-random-rotation.absolute-images .image-container .image-container-overlay {
	position: absolute;
	bottom: -40px;
	display: flex;
	height: 58px;
}
.glashaeger .content-imagegrid.image-random-rotation.absolute-images .image-container .image-container-overlay.bottom-left {
	left: 15px;
}
.glashaeger .content-imagegrid.image-random-rotation.absolute-images .image-container .image-container-overlay.bottom-right {
	right: 15px;
}
.glashaeger .content-imagegrid.image-random-rotation.absolute-images .image-container .image-container-overlay.bottom-left img,
.glashaeger .content-imagegrid.image-random-rotation.absolute-images .image-container .image-container-overlay.bottom-left svg {
	width: auto;
	height: 100%;
	margin-right: 10px;
}
.glashaeger .content-imagegrid.image-random-rotation.absolute-images .image-container .image-container-overlay.bottom-right img,
.glashaeger .content-imagegrid.image-random-rotation.absolute-images .image-container .image-container-overlay.bottom-right svg {
	width: auto;
	height: 100%;
	margin-left: 10px;
}
.glashaeger .content-imagegrid.image-random-rotation.absolute-images .image-container .image-container-overlay svg {
	height: 129% !important;
}

.glashaeger .slider-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}
.glashaeger #slider-arrow-left {
	left: -15%;
}
.glashaeger #slider-arrow-right {
	right: -15%;
}
.glashaeger .slider-arrow svg {
	max-height: 6vw;
}
@media (max-width: 991px) {
	.glashaeger #slider-arrow-left {
		left: -20%;
	}
	.glashaeger #slider-arrow-right {
		right: -20%;
	}
}
@media (max-width: 767px) {
	.glashaeger #slider-arrow-left {
		left: -25%;
	}
	.glashaeger #slider-arrow-right {
		right: -25%;
	}
}

.ken-burns-container {
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.ken-burns-image {
	width: 100%;
	height: auto;
	max-width: none;
	position: absolute;
	transform: scale(1);
	transform-origin: center center;
	transition: transform 15s ease-in-out;
	will-change: transform;
}
.ken-burns-active {
	transform: scale(1.2);
	transform-origin: center center;
}

.gluecksrakete .header-section {
	padding-top: 0 !important;
}

.gluecksrakete .header-section {
	background-image: url(../img/werke/gluecksrakete/Header_statisch.jpg);
	background-size: cover;
}

@media (max-width: 480px) {
	.gluecksrakete .header-section {
		background-image: url(../img/werke/gluecksrakete/Header_statisch.jpg);
		background-size: cover;
	}
}

.gluecksrakete .embed-responsive-item {
	z-index: 9;
}

.gluecksrakete .bg-section,
.main-content .gluecksrakete .bg-section section {
	background-color: #fff !important;
}

.main-content .gluecksrakete section.bg-section2,
.main-content .gluecksrakete .heartwork section {
	background-color: #ffffff !important;
}

.gluecksrakete .clientcolor {
	color: #c2a256;
}

.gluecksrakete section {
	color: #000;
}

@media (max-width: 1400px) {
	.gluecksrakete section p {
		font-size: 24px;
		line-height: 1.3;
	}
}
@media (max-width: 1200px) {
	.gluecksrakete section p {
		font-size: 20px;
		line-height: 1.3;
	}
}
@media (max-width: 991px) {
	.gluecksrakete section p {
		font-size: 18px;
		line-height: 1.3;
	}
}
@media (max-width: 767px) {
	.gluecksrakete section p {
		font-size: 18px;
		line-height: 1.3;
	}
}

.gluecksrakete .parallax-container {
	overflow: hidden;
	position: relative;
	background: #000;
}

.gluecksrakete .parallax {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	transform: translateY(0);
	will-change: transform;
}

.gluecksrakete .parallax.animate {
	animation: pendelAnimation 30s ease-in-out infinite;
}

@keyframes pendelAnimation {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-80%);
	}
	100% {
		transform: translateY(0);
	}
}

.gluecksrakete #markenzeichen-hintergrund {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 75%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
}
@media (max-width: 767px) {
	.gluecksrakete #markenzeichen-hintergrund {
		height: 88%;
	}
}
.gluecksrakete #markenzeichen-video {
	max-width: 90%;
}
@media (max-width: 767px) {
	.gluecksrakete #markenzeichen-video {
		max-width: 100%;
	}
}

@media (min-width: 1200px) and (max-width: 1799px) {
	.gluecksrakete #plakat {
		width: 90%;
	}
}

@media (min-width: 767px) {
	.gluecksrakete #lose {
		margin-top: -27%;
	}
}

.wind .clientcolor {
	color: #61c2cf;
}

@media (min-width: 992px) {
	.wind .row > :last-child .clientcolor {
		color: #fff;
	}
}

.wind section {
	background: transparent !important;
	color: #004679;
}

.wind section.content-information {
	color: #004679;
}

.wind .content-information .col-md-3 p {
	font-size: 30px;
	line-height: 40px;
}

@media (min-width: 768px) {
	.wind #section-5 {
		padding-top: 0;
		margin-top: -5%;
	}
	.wind #section-5 > * > .row {
		display: flex;
		align-items: center;
	}
}

@media (min-width: 2000px) {
	.wind section.content-information .container {
		width: auto;
		max-width: 1640px;
	}
}

.wind #Grafik_2 {
	width: 2100px;
}

.wind #KraftvollesLogo {
	max-width: 70%;
}

@media (max-width: 1600px) {
	.wind #WIND_Mock-up_Poster_vertical {
		top: 89% !important;
	}
}
@media (max-width: 1500px) {
	.wind section p {
		font-size: 22px !important;
		line-height: 30px !important;
	}
	.wind #Grafik_2 {
		width: 1950px;
	}
	.wind #WIND_Mock-up_Poster_vertical {
		top: 89% !important;
	}
}
@media (max-width: 1400px) {
	.wind #Grafik_2 {
		width: 1850px;
	}
	.wind #WIND_Mock-up_Poster_vertical {
		top: 90% !important;
	}
}
@media (max-width: 1300px) {
	.wind #Grafik_2 {
		width: 1800px;
	}
	.wind #WIND_Mock-up_Poster_vertical {
		top: 91% !important;
	}
}
@media (max-width: 1200px) {
	.wind #Grafik_2 {
		width: 1700px;
	}
	.wind #WIND_Mock-up_Poster_vertical {
		top: 92% !important;
	}
}
@media (max-width: 1100px) {
	.wind #Grafik_2 {
		width: 1650px;
	}
	.wind #WIND_Mock-up_Poster_vertical {
		top: 93% !important;
	}
}
@media (max-width: 991px) {
	.wind #Grafik_2 {
		width: 1500px;
	}
	.wind #WIND_Mock-up_Poster_vertical {
		top: 93% !important;
	}
}
@media (max-width: 900px) {
	.wind #Grafik_2 {
		width: 1450px;
	}
	.wind #WIND_Mock-up_Poster_vertical {
		top: 93% !important;
	}
}
@media (max-width: 800px) {
	.wind #Grafik_2 {
		width: 1400px;
	}
	.wind #WIND_Mock-up_Poster_vertical {
		top: 93% !important;
	}
}
@media (max-width: 767px) {
	.wind #Logo {
		top: 0 !important;
		right: 15% !important;
		width: 70% !important;
	}
	.wind #Grafik_1 {
		margin-top: 26% !important;
		margin-left: -51% !important;
		width: 206% !important;
	}
	.wind #Wir_haben_die_Energie {
		top: 25% !important;
		left: 14% !important;
		width: 44% !important;
	}
	.wind section p {
		font-size: 18px !important;
		line-height: 26px !important;
	}
	.wind #WIND_free-roll-up-stand-banner-mockup {
		width: 160% !important;
		margin-left: -46% !important;
		margin-top: -10% !important;
	}
	.wind #Grafik_2 {
		width: 300% !important;
		margin-top: 49% !important;
		margin-left: -162% !important;
	}
	.wind #KraftvollesLogo {
		max-width: 50% !important;
		margin-top: -5% !important;
	}
	.wind #WIND_Mock-up_Poster_vertical {
		top: 93% !important;
		right: 2% !important;
		width: 94% !important;
	}
	.wind #WIND_Mock_Stationary_364 {
		margin-top: 91% !important;
		width: 182% !important;
		margin-left: -19% !important;
		max-width: none !important;
	}
	.wind #Flexibles_Design {
		max-width: 85% !important;
	}
	.wind #WIND_Flyer_Mockup_DL_6s {
		width: 90% !important;
		margin-top: 10% !important;
	}
	.wind #WIND_Free_Mug_Mockup_2 {
		margin-top: 0 !important;
	}
	.wind #section-6 {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	.wind #WIND_Macbook_Air_Mockup_1 {
		width: 211% !important;
		margin-top: 63% !important;
		max-width: none !important;
		margin-left: -37% !important;
		margin-bottom: 70% !important;
	}
	.wind #Grafik_3 {
		margin-top: 38% !important;
		margin-left: -26% !important;
		width: 250% !important;
	}
	.wind #Gruppe_6564 {
		top: 84% !important;
		left: 60% !important;
		width: 26% !important;
	}
	.wind #Gruppe_6574 {
		margin-top: 50% !important;
		left: 2% !important;
		width: 22% !important;
	}
	.wind #Gruppe_6570 {
		display: none !important;
	}
	.wind #Gruppe_6560 {
		margin-top: 185% !important;
		left: 28% !important;
		width: 35% !important;
	}
	.wind #Gruppe_6562 {
		display: none !important;
	}
	.wind #Gruppe_6568 {
		margin-top: 153% !important;
		left: 5% !important;
		width: 27.5% !important;
	}
	.wind #Gruppe_6572 {
		display: none !important;
	}
	.wind #Gruppe_6566 {
		margin-top: 157% !important;
		right: 6% !important;
		width: 25.5% !important;
	}
}
@media (max-width: 360px) {
	.wind section p {
		font-size: 16px !important;
		line-height: 22px !important;
	}
}