/*FARBEN: rosa: #e52d87			grün: d7d591*/

/*@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,500|Work+Sans:300,400,700');*/

/******************************* Ubuntu Light *******************************/
/* ubuntu-300 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/ubuntu-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Light'), local('Ubuntu-Light'),
       url('../fonts/ubuntu-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v14-latin-300.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-300italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/ubuntu-v14-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Light Italic'), local('Ubuntu-LightItalic'),
       url('../fonts/ubuntu-v14-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v14-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v14-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v14-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v14-latin-300italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/******************************* Ubuntu Light *******************************/


/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ubuntu-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
       url('../fonts/ubuntu-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v14-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/ubuntu-v14-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Italic'), local('Ubuntu-Italic'),
       url('../fonts/ubuntu-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v14-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v14-latin-italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-500italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/ubuntu-v14-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Medium Italic'), local('Ubuntu-MediumItalic'),
       url('../fonts/ubuntu-v14-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v14-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v14-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v14-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v14-latin-500italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-500 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/ubuntu-v14-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Medium'), local('Ubuntu-Medium'),
       url('../fonts/ubuntu-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v14-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v14-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/******************************* Work Sans *******************************/

/* work-sans-300 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/work-sans-v5-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Work Sans Light'), local('WorkSans-Light'),
       url('../fonts/work-sans-v5-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/work-sans-v5-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/work-sans-v5-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/work-sans-v5-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/work-sans-v5-latin-300.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-regular - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/work-sans-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Work Sans'), local('WorkSans-Regular'),
       url('../fonts/work-sans-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/work-sans-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/work-sans-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/work-sans-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/work-sans-v5-latin-regular.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-700 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/work-sans-v5-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Work Sans Bold'), local('WorkSans-Bold'),
       url('../fonts/work-sans-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/work-sans-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/work-sans-v5-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/work-sans-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/work-sans-v5-latin-700.svg#WorkSans') format('svg'); /* Legacy iOS */
}


/*Standard Wunderlin */

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
	display: block
}
.clearL, .clearR, .clear {
	clear: both;
}
H1, H2, H3, H4, H5, H6 {
	font: 300 15px 'Ubuntu', Sans-serif;
	line-height: 120%;
	color: #fff;
	padding: 10px 0 0;
}
H1 {
	font-size: 48px;
}
H2 {
	font-size: 38px;
	color: #e52d87;
}
H3 {
	font-size: 28px;
}
h3 a {
	color: #fff;
	text-decoration: none !important;
	padding: 0;
}
h3 a:hover {
	color: #fff;
}
H4 {
	font-size: 24px;
}
H1+H1, H1+H2, H1+H3, H1+H4, H1+H5, H2+H1, H2+H2, H2+H3, H2+H4, H2+H5, H3+H1, H3+H2, H3+H3, H3+H4, H3+H5, H4+H1, H4+H2, H4+H3, H4+H4, H4+H5, H5+H1, H5+H2, H5+H3, H5+H4, H5+H5 {
	padding: 0;
}
P {
	padding: 20px 0 0;
}
A {
	text-decoration: none;
	color: #fff;
}
A:hover {
	text-decoration: underline;
	color: #d7d591;
}
/*Farbe beim Text markieren*/
::selection {
	background: #e52d87;
	color: #ffffff;
}
::-moz-selection {
	background: #e52d87;
	color: #ffffff;
}
TABLE {
	margin-top: 20px;
}
TABLE TR TD {
	padding-right: 10px;
}
HR {
	background: transparent;
	border: 0 solid rgba(216, 213, 144, 0.5);
	height: 0;
	padding: 0;
	border-bottom: 1px solid rgba(216, 213, 144, 0.5);
	width: 960px;
	margin: 0 auto;
}
TEXTAREA, INPUT, BUTTON {
	resize: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-webkit-font-smoothing: inherit;
	font: 14px Helvetica, 'Work Sans', Sans-serif;
	color: #000;
	padding: 15px;
	border: 1px solid #ccc;
	background: #FFF;
	border-radius: 15px;
	border-color: #d8d590;
}
BUTTON {
	border: none;
	cursor: pointer;
}
INPUT[type=text], TEXTAREA, INPUT[type=password], INPUT[type=email], SELECT, BUTTON {
	width: 100%;
}
INPUT[type=text], TEXTAREA, INPUT[type=submit], INPUT[type=reset], INPUT[type=password], INPUT[type=email], INPUT[type=search], TEXTAREA, BUTTON {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}
INPUT[type=radio] {
	padding: 4px;
	line-height: normal;
	vertical-align: middle;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
INPUT:-webkit-autofill, TEXTAREA:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #FFF inset;
	-webkit-text-fill-color: #000;
}
::-webkit-input-placeholder {
	color: #ccc;
}
:-moz-placeholder {
	opacity: 1;
	color: #ccc;
}
::-moz-placeholder {
	opacity: 1;
	color: #ccc;
}
:-ms-input-placeholder {
	color: #ccc;
}
img {
	width: 100%;
	height: 100%;
	border-radius: 15px;
}
#subhead img {
	border-radius: 0;
}
/*Image Abstand*/

.allcont DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin: 10px 0;
}
#subhead DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin: 0;
}
/*Blockstile*/

P.align-center, H1.align-center, H2.align-center, H3.align-center, H4.align-center, H5.align-center, A.align-center, P A.align-center {
	text-align: center;
}
P.align-right, H1.align-right, H2.align-right, H3.align-right, H4.align-right, H5.align-right, A.align-right, P A.align-right {
	text-align: right;
}
P.align-justify, H1.align-justify, H2.align-justify, H3.align-justify, H4.align-justify, H5.align-justify, A.align-justify, P A.align-justify {
	text-align: justify;
}
/*Textstile*/

.button {
	display: inline-block;
	background: #d7d591;
	color: #fff;
	padding: 15px 30px;
	border-radius: 10px;
	margin-top: 20px;
}
.button:hover {
	background: #e52d87;
	color: #fff;
	text-decoration: none;
}
.grossertext {
	font: 30px 'Ubuntu', Sans Serif;
	font-weight: 300;
	color: #e52d87;
}

.button, .nav>UL>LI>A, .image:after {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
/*Beide aktivieren wenn der Footer unten sitzen soll*/

HTML, BODY, #site {
	/*height: 100%;*/
}
BODY > #site {
	/*height: auto;*/
	/*min-height: 100%;*/
}
/*Template*/

BODY {
	font: 16px Helvetica, 'Work Sans', Sans-serif;
	line-height: 28px;
	color: #898989;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	overflow-x: hidden;
}
#site {
	overflow: hidden;
}
/*Head*/

.head {
	position: absolute;
	width: 100%;
	left: 0;
	top: 1px;
	z-index: 2;
}
.head .inner {
	padding: 40px 0;
}
.head.sticky {
	position: fixed;
	background-color: #fff;
	z-index: 999;
}
.head.sticky .inner {
	padding: 30px 0;
}
.head.sticky #logo {
	background-size: 200px auto;
	width: 200px;
	height: 61px;
}
.head.sticky .nav {
	margin-top: 22px;
}
/*Logo*/

#logo {
	background: url(../img/logo-farbe.png) no-repeat left top;
	width: 300px;
	height: 100px;
	float: left;
}
#logo A {
	display: block;
	width: 100%;
	height: 100%;
}
#logo A SPAN {
	display: none;
}
/*Subhead*/

#subhead {
	max-height: 1100px;
	min-height: 400px;
	overflow: hidden;
	width: 100%;
}
.bel3 #subhead {
	max-height: 1100px;
}
/*Aktivieren wenn IMG 2000px breit ist, damit es mittig sitzt*/

#subhead .item {
	display: block;
	width: 1500px;
	left: 50%;
	position: relative;
	margin-left: -750px;
	margin-bottom: 0;
}
/*Aktivieren wenn Bild am 2000px immer volle Breite haben soll*/

@media all and (min-width: 1500px) {
	#subhead .item {
		width: 100%;
		left: 0;
		margin-left: 0;
	}
	#subhead .item IMG {
		width: 100%;
		height: auto;
	}
}
/*Nav*/

.nav {
	list-style-type: none;
	display: inline-block;
	float: right;
	margin-top: 60px;
}
/* Allgemeine Stile */

/* hier nichts aendern */

.nav LI {
	position: relative;
}
.nav LI:hover>.subNav, .nav LI.over>.subNav {
	display: block;
}
.nav LI:hover>A, .nav LI.over>A, .nav LI.act>A {
	text-decoration: none;
}
.nav A {
	display: block;
}
/* Ebene I / Hauptnavigation */

.nav>UL>LI {
	display: inline-block;
}
.nav>UL>LI+LI {
	margin-left: 20px;
}
.nav>UL>LI>A {
	color: #898989;
	padding: 10px 20px;
	font: 16px Helvetica, 'Work Sans', Sans-serif;
	position: relative;
	display: inline-block;
}
/* active (Ebene I) */

.nav>UL>LI.act>A, .nav>UL>LI.act:hover>A, .nav>UL>LI.act.over>A {
	color: #fff;
	background: #E52D87;
	border-radius: 10px;
}
/* hover (Ebene I) */

nav>UL>LI>A, nav>UL>LI>A:after, nav>UL>LI>A:before {
	transition: all .5s;
}
nav>UL>LI>A:hover {
	color: #fff;
}
/* SHIFT */

nav.nav>UL>LI>A {
	position: relative;
	z-index: 1;
}
nav.nav>UL>LI>A:hover {
	color: #fff;
}
nav.nav>UL>LI>A:after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 1px;
	height: 100%;
	content: '.';
	color: transparent;
	background: #E52D87;
	opacity: 0;
	z-index: -1;
	border-radius: 10px;
}
nav.nav>UL>LI>A:hover:after {
	opacity: 1;
	visibility: visible;
	width: 100%;
}

/*Listen*/
.allcont UL {
	margin: 5px 0px 10px 25px;
}
.allcont UL LI {
	list-style-type: disc;
	padding: 3px 0px;
}
.allcont OL {
	margin: 5px 0px 10px 18px;
}
.allcont OL LI {
	list-style-type: decimal;
	padding: 3px 0px;
}

/*Allcont*/

.allcont {
	position: relative;
}
.cont {}
.inner, .cont>.item, .gridwrapper>.item {
	width: 960px;
	margin: 0 auto;
	position: relative;
	padding: 55px 0;
}
.gridwrapper>.item .gridwrapper>.item {
	width: auto;
}
.cont>.item.first {
	padding: 240px 0 27px;
}
.cont>.item.last {
	padding: 0 0 180px;
}
/*Foot*/

.foot {
	background: #a3a16d;
	position: relative;
}
.foot A {
	color: #fff;
}
.foot A:hover {
	color: #d7d591;
	text-decoration: none;
}
.foot P {
	display: inline-block;
	padding: 20px 0;
	color: #fff;
	font-size: 16px;
}
.footnav {
	text-align: center;
	font-size: 12px;
	padding-bottom: 20px;
}
.footnav ul li {
	display: inline-block;
	color: #d7d591;
}
.footnav ul li+li {
	margin-left: 10px;
}
.footnav ul li A {
	color: #d7d591;
}
.footnav A:hover {
	color: #fff;
}
.foot>.box33.gridrow {
	padding: 90px 0 30px;
	width: 960px;
	margin: 0 auto;
}
.foot .box33>.col {
	width: 24%;
}
.foot .box33>.col3 {
	width: 44%;
}
.foot TABLE {
	color: #fff;
}
/*Gridelemente*/

/*Allgemein*/

.gridrow .col {
	float: left;
	display: block;
	position: relative;
}
.gridrow .col+.col {
	margin-left: 4%;
}
/*Boxen 50%*/

.box50>.col {
	width: 48%;
}
/*Boxen 33%*/

.box33>.col {
	width: 30.6%;
}
/*Boxen 25%*/

.box25>.col {
	width: 22%;
}
/*Boxen 33%-66%*/

.box33-66>.col.col1 {
	width: 32%;
}
.box33-66>.col.col2 {
	width: 64%;
}
/*Boxen 66%-33%*/

.box66-33>.col.col1 {
	width: 64%;
}
.box66-33>.col.col2 {
	width: 32%;
}
/*Volle Breite*/

.item.b100, .item.b101 {
	width: 100%;
}
.item.b101>.gridrow {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
/*Farbig*/

.item.grey {
	background-color: #f8f8f8;
	padding: 2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.item.b100.grey {
	padding: 0;
}
.item.b100 .col+.col {
	margin-left: 0;
}
.item.b100 .box50>.col {
	width: 50%;
}
/*Special_ID-Anpassungen*/

/*SUBHEAD SIDETEXT-RIGHT*/

.grid {
	width: 960px;
	margin: 0 auto;
	position: absolute;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.foot .grid {
	height: 22%
}
.stoerer {
	display: block;
	position: absolute;
	top: 70px;
	left: 510px;
	background-image: url(../img/stoerer-pink.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	height: 205px;
	width: 205px;
}

/*#subhead .sidetext-right*/

#subhead .sidetext-right {
	position: absolute;
	top: 50%;
	right: 0;
	background: #d7d591;
	border-radius: 15px 0 0 15px;
	transform: translateY(-50%);
}
#subhead .sidetext-right:after {
	content: "";
	display: block;
	background: #d7d591;
	width: calc((100vw - 960px) / 2);
	height: 84px;
	position: absolute;
	top: 0;
	right: calc((100vw - 960px) / 2 * -1);
	z-index: -10;
}
/*SIDETEXT-RIGHT*/

.sidetext-right {
	background: #d7d591;
	position: absolute;
	top: -40px;
	right: 0;
	z-index: 10;
	border-radius: 15px 0 0 15px;
}
.sidetext-right:after {
	content: "";
	display: block;
	background: #d7d591;
	width: calc((100vw - 960px) / 2);
	height: 84px;
	position: absolute;
	top: 0;
	right: calc((100vw - 960px) / 2 * -1);
	z-index: -10;
}
/*.sidetext-right:before,*/

.footLogo {
	display: block;
	position: absolute;
	top: 31px;
	right: -115px;
	background-image: url(../img/stoerer.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	height: 205px;
	width: 205px;
	z-index: 100;
}
.sidetext-right p {
	color: #fff;
	font: 300 38px 'Ubuntu', sans-serif;
	padding: 20px 70px 20px 60px;
	display: inline-block;
}
.foot .sidetext-right p {
	padding: 20px 0 20px 60px;
}
/*SIDETEXT-LEFT*/

.sidetext-left {
	position: absolute;
	top: -60px;
	left: 0;
	background: #e52d87;
	border-radius: 0 15px 15px 0;
	transform: translateY(-60%);
}
.sidetext-left.second {
	position: absolute;
	top: 45px;
	left: 0;
	background: #e52d87;
	border-radius: 0 10px 10px 0;
	transform: translateY(-50%);
	z-index: 30;
}
.sidetext-left h1 {
	padding: 20px 60px 20px 0px;
}
.sidetext-left:after {
	content: "";
	display: block;
	background: #e62d87;
	width: calc((100vw - 960px) / 2);
	height: 97px;
	position: absolute;
	top: 0;
	left: calc((100vw - 960px) / 2 * -1);
	z-index: -10;
}
/*33BOXEN TEXT AUF BILD*/
.text-pic {
	position: relative;
}
.text-pic button {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: #fff;
    font: 300 28px 'Ubuntu', Sans-serif;
}
.image {
	max-height: 295px;
}
.col .image:after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 1px;
	height: 100%;
	content: '.';
	color: transparent;
	background: rgba(215, 213, 145, 0.9);
	opacity: 0;
	z-index: 100;
	border-radius: 10px;
}
.col:hover .image:after {
	opacity: 1;
	visibility: visible;
	width: 100%;
}
.animated {
	animation-duration: 1s;
	animation-fill-mode: both;
}
.sidetext-left.second.animated.slideInLeft {
	animation-duration: 1.5s;
}
.sidetext-left.animated.slideInLeft {
	animation-duration: 1.5s;
}
.sidetext-right.animated.slideInRight {
	animation-duration: 1.5s;
}
.grid.sidetext-right.animated.slideInRight {
	animation-duration: 3s;
}
.animated.infinite {
	animation-iteration-count: infinite;
}
@keyframes slideInLeft {
	from {
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}
	to {
		transform: translate3d(0, 0, 0);
	}
}
.slideInLeft {
	animation-name: slideInLeft;
}
@keyframes slideInRight {
	from {
		transform: translate3d(100%, 0, 0);
		visibility: visible;
	}
	to {
		transform: translate3d(0, 0, 0);
	}
}
.slideInRight {
	animation-name: slideInRight;
}
@keyframes bounceInRight {
	from, 60%, 75%, 90%, to {
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	from {
		opacity: 0;
		transform: translate3d(3000px, 0, 0);
	}
	60% {
		opacity: 1;
		transform: translate3d(-25px, 0, 0);
	}
	75% {
		transform: translate3d(10px, 0, 0);
	}
	90% {
		transform: translate3d(-5px, 0, 0);
	}
	to {
		transform: none;
	}
}
.bounceInRight {
	animation-duration: 2.5s;
	animation-name: bounceInRight;
}
/*IMPRESSUM*/

/*.udi3 #subhead,
.udi4 #subhead,
.udi5 #subhead{
	max-height: 700px;
    min-height: 400px;
    overflow: hidden;
    width: 100%;
}

.udi4 #subhead .sidetext-right {
    position: absolute;
    top: 70%;
    right: 0;
    background: #d7d591;
    border-radius: 15px 0 0 15px;
    transform: translateY(-70%);
}*/

.udi4 .grid {
	height: 60%;
}
.udi4 a, .udi5 a {
	text-decoration: none;
	color: rgb(216, 213, 144);
}
.udi4 .cont>.item.first, .udi5 .cont>.item.first {
	padding: 110px 0 70px;
}
.udi4 H2, H3, H4, H5, H6 {
	color: #898989;
}
.udi4 .cont>.item.last, .udi5 .cont>.item.last {
	padding: 70px 0 180px;
}
.udi4 p {
	padding: 20px 0 40px;
}
.foot>.box33.gridrow h4 {
	color: #fff;
}
.udi4 .item.first p {
	padding: 20px 0 0;
}
.udi4 #subhead p {
	padding: 20px;
}
.udi3 A:hover, .udi4 A:hover, .udi5 A:hover {
	color: #e62d87 !important;
}
.udi3 .foot A, .udi4 .foot A, .udi5 .foot A {
	color: #fff;
}
.udi3 .foot A:hover, .udi4 .foot A:hover, .udi5 .foot A:hover {
	color: #d8d590 !important;
}
.udi5 .item UL {
	list-style: circle;
	padding-left: 20px;
}
.udi3 .cont>.item.first {
	padding: 110px 0 130px;
}
.udi3 .box33-66 a {
	color: #d8d590;
}
.udi3 nav.nav>UL>LI>A:hover, .udi4 nav.nav>UL>LI>A:hover, .udi5 nav.nav>UL>LI>A:hover {
	color: #fff !important;
}
/*KONTAKTFORMULAR*/

form#kontaktform {
	padding-top: 5px;
}
input#submit {
    font-size: 16px;
    float: left;
}
.field {
    padding-top: 15px;
}
.pflicht {
    font-size: 12px;
    float: right;
}

/*Popup*/
.popup-gallery {
  position: fixed;
  top: 25%;
  left: 25%;
  /*background: #fff;*/
  background: transparent;
  padding: 20px;
  width: 50%;
  height: 50%;
  text-align: center;
  z-index: 999;
}
.popup-gallery IMG {
	/*width: auto;*/
	/*height: 100%;*/
	/*max-height: 100%;*/
	max-width: 100%;
	height: auto;
	border-radius: inherit;
}
.mfp-close-btn-in .mfp-close {
	background-color: #fff;
	display: none;
}
.mfp-close {
	display: none;
	width: 34px;
	height: 34px;
	line-height: 34px;
	font-size: 25px;
	right: 10px;
    top: 5px;
}
.mfp-bg {
	opacity: 0.95;
}
.mfp-arrow-right:before {
	border-left: 27px solid #171717;
}
.mfp-arrow-left:before {
	border-right: 27px solid #171717;
}

@media screen and (max-width: 1024px) {
	.stoerer {
		left: 390px;
	}
	.footLogo {
		right: -15px;
	}
	.popup-gallery {
		top: 40%;
		height: 20%;
	}
}