@charset "UTF-8";
/* CSS Document */
nav, .content-con, .content {
	-webkit-transition: height 0.4s ease-in-out;
	-moz-transition: height 0.4s ease-in-out;
	-ms-transition: height 0.4s ease-in-out;
	-o-transition: height 0.4s ease-in-out;
	transition: height 0.4s ease-in-out;
}
nav ul li {
	-webkit-transition: background-color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
}
#logo, .beschreibung, .kontakt-con {
	-webkit-transition: top 0.4s ease-in-out;
	-moz-transition: top 0.4s ease-in-out;
	-ms-transition: top 0.4s ease-in-out;
	-o-transition: top 0.4s ease-in-out;
	transition: top 0.4s ease-in-out;
}
.slide-con, .cov-slid-con {
	-webkit-transition: left 0.4s ease-in-out;
	-moz-transition: left 0.4s ease-in-out;
	-ms-transition: left 0.4s ease-in-out;
	-o-transition: left 0.4s ease-in-out;
	transition: left 0.4s ease-in-out;
}
/* SEITENEIGENSCHAFTEN */
body {
	font-family: 'News Cycle', sans-serif;
	font-size: 16px;
	color: #464646;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	z-index: -10;
	padding: 0;
	margin: 0;
}
::-webkit-scrollbar {background: rgba(255,255,255,0.00)}
::-webkit-scrollbar-thumb {background-color: rgba(255,255,255,0.30)}
a:link, a:visited {
	color: #464646;
	text-decoration: none;
	list-style: none;
}
h1 {
	font-size: 1.8em;
	line-height: 1.2em;
	padding: 0;
	margin: 0;
}
/* END SEITENEIGENSCHAFTEN */
/* NAVIGATION */
nav {
	position: absolute;
	right: 0;
	bottom: 70px;
	width: 350px;
	height: 50px;
	overflow-Y: hidden;
	z-index: 10;
}
nav:hover {height: 200px}
.nav-head img {
	width: 50px;
	float: left;
}
.nav-head {
	width: 350px;
	text-align: center;
	background-color: #ffffff;
	letter-spacing: 7px;
	font-size: 1.6em;
	text-transform: uppercase;
	line-height: 50px;
}
.nav-head li {list-style: none}
.nav-txt {
	width: 300px;
	margin-left: 50px;
}
nav ul {
	margin: 0;
	padding: 0;
}
nav ul li {
	width: 310px;
	padding: 0 20px;
	line-height: 50px;
	font-size: 1.3em;
	text-transform: uppercase;
	font-weight: bold;
	background-color: rgba(255,255,255,0.80);
}
nav ul li:hover {
	background-color: #eb0028;
	color: #ffffff;
}
.aktiv {
	background-color: #eb0028;
	color: #ffffff;
}
/* END NAVIGATION */
/* SEITENELEMENT */
#logo {
	width: 192px;
	height: 192px;
	position: absolute;
	top: -135px;
	left: 0;
	z-index: 989;
	cursor: pointer;
	
	-webkit-animation-name: logo;
	-moz-animation-name: logo;
	-ms-animation-name: logo;
	-o-animation-name: logo;
	animation-name: logo;
	
	-webkit-animation-duration: 4s;
	-moz-animation-duration: 4s;
	-ms-animation-duration: 4s;
	-o-animation-duration: 4s;
	animation-duration: 4s;
}
#logo:hover {top: 0}
@keyframes logo {
	0% {top: 0}
	80% {top: 0}
	100% {top: -135px}
}
@-webkit-keyframes logo {
	0% {top: 0}
	80% {top: 0}
	100% {top: -135px}
}
.kontakt-con {
	position: absolute;
	right: 0;
	top: -130px;
	width: 350px;
	background-color: #ffffff;
	text-align: center;
	padding: 30px 0 10px 0;
	font-weight: bold;
}
.kontakt-con:hover {top: 0}
.adresse {line-height: 1.1em}
.adresse span {font-size: 1.3em;	cursor: pointer;}
.adresse img {width: 15px}
.tel img {width: 25px}
.tel {
	padding-top: 30px;
	font-size: 1.5em;
}
/* END SEITENELEMENT */
/* COVER */
.cover {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -9;
	background-size: cover;
}
#index {background-image: url(images/cov-index.jpg)}
#leistungen {background-image: url(images/cov-leistungern.jpg)}
#projekte {background-image: url(images/cov-projekte.jpg)}
#projekt-bg {background-image: url(images/cov-projekt-bg.jpg)}
.zurueck {background-color: #eb0028 !important; color: #ffffff !important}
.zuruck-position {
	position: absolute;
	bottom: 20%;
	left: 5%;
	padding: 5px 15px;

}
/* END COVER */
/* CONTENT */
.content-con {
	position: absolute;
	bottom: 70px;
	left: 0;
	width: 35%;
	background-color: rgba(255,255,255,0.80);
	padding: 35px 20px;
}
.content {
	text-align: justify;
	height: 0;
	padding-right: 30px;
	overflow-Y: scroll;
	line-height: 1.2em;
	list-style-image: url(images/aufzaehlungszeichen.png);
}
.content img {width: 97%; padding: 0 1%}
.content-con:hover .content {height: 530px}
.projekt-beschreibung {
	position: absolute;
	width: 80%;
	height: 70%;
	margin: 10%;
	overflow-Y: scroll;
}
.content p {padding: 0% 2% 0 1%}
.text {
	padding-left: 30px;
	width: calc(30% - 30px) !important;
	background-color: #ffffff;
	list-style-image: url(images/aufzaehlungszeichen.png);
}
.sechser {
	width: 30%;
	height: 40%;
	float: left;
	border-bottom: solid #eb0028 3px;
	cursor: pointer;
	margin: 1%;
}
.dreier {
	width: 31% !important;
	height: 20%;
	margin-bottom: 10px;
	float: left;
}
.zweier {
	width: 45% !important;
	height: 50%;
	margin: 10% 1% 1% 1%;
	float: left;
	border-bottom: solid #eb0028 3px;
}
/* REF01 */
#erstes-bild-bg-01 {background-image: url(images/img-projekt-bv-stmichael-01.jpg)}
#zweites-bild-bg-01 {background-image: url(images/img-projekt-bv-stmichael-02.jpg)}
#drittes-bild-bg-01 {background-image: url(images/img-projekt-bv-stmichael-03.jpg)}
#viertes-bild-bg-01 {background-image: url(images/img-projekt-bv-stmichael-04.jpg)}
/* REF02 */
#erstes-bild-bg-02 {background-image: url(images/img-projekt-doellerer-01.jpg); background-size: cover; background-position: center}
#zweites-bild-bg-02 {background-image: url(images/img-projekt-doellerer-02.jpg); background-size: cover; background-position: center}
#drittes-bild-bg-02 {background-image: url(images/img-projekt-doellerer-03.jpg); background-size: cover; background-position: center}
#viertes-bild-bg-02 {background-image: url(images/img-projekt-doellerer-04.jpg); background-size: cover; background-position: center}
#fuenftes-bild-bg-02 {background-image: url(images/img-projekt-doellerer-05.jpg); background-size: cover; background-position: center}
/* REF03 */
#erstes-bild-bg-03 {background-image: url(images/img-projekt-hettegger-01.jpg); background-size: cover; background-position: center}
#zweites-bild-bg-03 {background-image: url(images/img-projekt-hettegger-02.jpg); background-size: cover; background-position: center}
#drittes-bild-bg-03 {background-image: url(images/img-projekt-hettegger-03.jpg); background-size: cover; background-position: center}
#viertes-bild-bg-03 {background-image: url(images/img-projekt-hettegger-04.jpg); background-size: cover; background-position: center}
#fuenftes-bild-bg-03 {background-image: url(images/img-projekt-hettegger-05.jpg); background-size: cover; background-position: center}
/* REF04 */
#erstes-bild-bg-04 {background-image: url(images/img-projekt-mondsee-01.jpg); background-size: cover; background-position: center}
#zweites-bild-bg-04 {background-image: url(images/img-projekt-mondsee-02.jpg); background-size: cover; background-position: center}
#drittes-bild-bg-04 {background-image: url(images/img-projekt-mondsee-03.jpg); background-size: cover; background-position: center}
#viertes-bild-bg-04 {background-image: url(images/img-projekt-mondsee-04.jpg); background-size: cover; background-position: center}
#fuenftes-bild-bg-04 {background-image: url(images/img-projekt-mondsee-05.jpg); background-size: cover; background-position: center}
/* REF05 */
#erstes-bild-bg-05 {background-image: url(images/img-projekt-pumberger-01.jpg); background-size: cover; background-position: center}
#zweites-bild-bg-05 {background-image: url(images/img-projekt-pumberger-02.jpg); background-size: cover; background-position: center}
#drittes-bild-bg-05 {background-image: url(images/img-projekt-pumberger-03.jpg); background-size: cover; background-position: center}
#viertes-bild-bg-05 {background-image: url(images/img-projekt-pumberger-04.jpg); background-size: cover; background-position: center}
#fuenftes-bild-bg-05 {background-image: url(images/img-projekt-pumberger-05.jpg); background-size: cover; background-position: center}
/* REF06 */
#erstes-bild-bg-06 {background-image: url(images/img-projekt-saalfelden-01.jpg); background-size: cover; background-position: center}
#zweites-bild-bg-06 {background-image: url(images/img-projekt-saalfelden-02.jpg); background-size: cover; background-position: center}
#drittes-bild-bg-06 {background-image: url(images/img-projekt-saalfelden-03.jpg); background-size: cover; background-position: center}
#viertes-bild-bg-06 {background-image: url(images/img-projekt-saalfelden-04.jpg); background-size: cover; background-position: center}
#fuenftes-bild-bg-06 {background-image: url(images/img-projekt-saalfelden-05.jpg); background-size: cover; background-position: center}
/* REF07 */
#erstes-bild-bg-07 {background-image: url(images/img-projekt-st_andrae-01.jpg)}
#zweites-bild-bg-07 {background-image: url(images/img-projekt-st_andrae-02.jpg)}
#drittes-bild-bg-07 {background-image: url(images/img-projekt-st_andrae-03.jpg)}
#viertes-bild-bg-07 {background-image: url(images/img-projekt-st_andrae-04.jpg)}
#fuenftes-bild-bg-07 {background-image: url(images/img-projekt-st_andrae-05.jpg)}
/* REF08 */
#erstes-bild-bg-08 {background-image: url(images/img-projekt-strasswalchen-01.jpg); background-size: cover; background-position: center}
#zweites-bild-bg-08 {background-image: url(images/img-projekt-strasswalchen-02.jpg); background-size: cover; background-position: center}
#drittes-bild-bg-08 {background-image: url(images/img-projekt-strasswalchen-03.jpg); background-size: cover; background-position: center}
#viertes-bild-bg-08 {background-image: url(images/img-projekt-strasswalchen-04.jpg); background-size: cover; background-position: center}
#fuenftes-bild-bg-08 {background-image: url(images/img-projekt-strasswalchen-05.jpg); background-size: cover; background-position: center}
/* REF09 */
#erstes-bild-bg-09 {background-image: url(images/img-projekt-zehenthof-01.jpg)}
#zweites-bild-bg-09 {background-image: url(images/img-projekt-zehenthof-02.jpg)}
#drittes-bild-bg-09 {background-image: url(images/img-projekt-zehenthof-03.jpg)}
#viertes-bild-bg-09 {background-image: url(images/img-projekt-zehenthof-05.jpg)}
#fuenftes-bild-bg-09 {background-image: url(images/img-projekt-zehenthof-04.jpg)}

/* REF09 */
#erstes-bild-bg-10 {background-image: url(images/img-projekt-grossgmain-01.jpg); background-size: cover; background-position: center}
#zweites-bild-bg-10 {background-image: url(images/img-projekt-grossgmain-02.jpg); background-size: cover; background-position: center}
#drittes-bild-bg-10 {background-image: url(images/img-projekt-grossgmain-03.jpg); background-size: cover; background-position: center}
#viertes-bild-bg-10 {background-image: url(images/img-projekt-grossgmain-04.jpg); background-size: cover; background-position: center}

#erstes-bild,
#zweites-bild,
#drittes-bild,
#viertes-bild,
#fuenftes-bild {display: none;}
#projekt-bild-01:checked ~ .projekt-beschreibung label #erstes-bild,
#projekt-bild-02:checked ~ .projekt-beschreibung label #zweites-bild, 
#projekt-bild-03:checked ~ .projekt-beschreibung label #drittes-bild, 
#projekt-bild-04:checked ~ .projekt-beschreibung label #viertes-bild, 
#projekt-bild-05:checked ~ .projekt-beschreibung label #fuenftes-bild {
	position: absolute;
	top: 0%;
	left: 10%;
	width: 80%;
	height: auto;
	z-index: 999;
	display: block;
}
#projekt-bild-01:checked ~ label .background,
#projekt-bild-02:checked ~ label .background,
#projekt-bild-03:checked ~ label .background,
#projekt-bild-04:checked ~ label .background,
#projekt-bild-05:checked ~ label .background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.90);
	z-index: 990;
}
.impressum {
	width: 80%;
	height: 80%;
	margin: 5% 10% 10% 10%;
	z-index: 100;
}
/* END CONTENT */
/* SLIDER */
.slider {
	position: absolute;
	bottom: 20%;
	left: 0;
	width: 100%;
	height: 35%;
}
.pfeil-links, .pfeil-rechts {
	position: absolute;
	top: 25%;
	width: 5%;
}
.pfeil-links img, .pfeil-rechts img { cursor: pointer}
.pfeil-links {left: 5%}
.pfeil-rechts {right: 5%}
.slide-sichtfenster {
	position: absolute;
	top: 0;
	left: 10%;
	width: 80%;
	height: 100%;
	overflow-X: hidden;
}
.slide-con {
	position: absolute;
	left: 0;
	width: 400%;
}
.slide {
	width: 23%;
	float: left;
	padding-left: 1%;
	padding-right: 1%;
	text-align: center;
}
.figure {
	position: relative;
	width: 31%;
	display: inline-block;
	border-bottom: solid #eb0028 3px;
	margin: 0 1% 0 1%;
	box-shadow: 3px 3px 3px #414141;
	overflow: hidden;
}
.figure img {width: 100%; margin-bottom: -10px}
.status {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 5px 15px;
	background-color: #eb0028;
	color: #ffffff;
	text-transform: uppercase;
	width: 150px;
	float: left;
}
.figcaption {
	text-align: left;
	background-color: #ffffff;
	line-height: 50px;
	font-size: 1.2em;
	padding-left: 30px;
	text-transform: uppercase;
}
.beschreibung {
	position: absolute;
	width: calc(100% - 80px);
	top: 100%;
	left: 0;
	height: 70%;
	background-color: #ffffff;
	padding: 20px 40px;
	text-align: justify;
}
.figure:hover .beschreibung {top: 50px}
.mehr-info {
	position: absolute;
	bottom: 10%;
	right: 30px;
	padding: 5px 15px;
	background-color: #eb0028;
	color: #ffffff;
	text-transform: uppercase;
	width: 150px;
	float: right;
}
.mehr-info-index {bottom: 5% !important}
#projekte-seite02:checked ~ .slide-sichtfenster .slide-con {left: -100%}
#projekte-seite03:checked ~ .slide-sichtfenster .slide-con {left: -200%}
#projekte-seite04:checked ~ .slide-sichtfenster .slide-con {left: -300%}

#pfeil-links-seite01,
#pfeil-links-seite02,
#pfeil-links-seite03,
#pfeil-links-seite04 {
	display: none;
}
#pfeil-rechts-seite01,
#pfeil-rechts-seite02,
#pfeil-rechts-seite03,
#pfeil-rechts-seite04 {
	display: none;
}
#projekte-seite01:checked ~ .pfeil-rechts #pfeil-rechts-seite02 {display: block}

#projekte-seite02:checked ~ .pfeil-links #pfeil-links-seite01 {display: block}
#projekte-seite02:checked ~ .pfeil-rechts #pfeil-rechts-seite03 {display: block}

#projekte-seite03:checked ~ .pfeil-links #pfeil-links-seite02 {display: block}
#projekte-seite03:checked ~ .pfeil-rechts #pfeil-rechts-seite04 {display: block}

#projekte-seite04:checked ~ .pfeil-links #pfeil-links-seite03 {display: block}


input {display: none}
.slider-window {
	position: relative;
	width: 100%;
	height: 100%;
}
#erstes-bild-bg-01,
#zweites-bild-bg-01,
#drittes-bild-bg-01,
#viertes-bild-bg-01,
#fuenftes-bild-bg-01,
#erstes-bild-bg-07,
#zweites-bild-bg-07,
#drittes-bild-bg-07,
#viertes-bild-bg-07,
#fuenftes-bild-bg-07,
#erstes-bild-bg-09,
#zweites-bild-bg-09,
#drittes-bild-bg-09,
#viertes-bild-bg-09,
#fuenftes-bild-bg-09,
#erstes-bild-bg-10,
#zweites-bild-bg-10,
#drittes-bild-bg-10,
#viertes-bild-bg-10,
#erstes-bild-bg,
#zweites-bild-bg,
#drittes-bild-bg {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#zweites-bild-bg {
	-webkit-animation-name: intro;
	-moz-animation-name: intro;
	-o-animation-name: intro;
	animation-name: intro;
	
	-webkit-animation-duration: 5s;
	-moz-animation-duration: 5s;
	-o-animation-duration: 5s;
	animation-duration: 5s;
}
@keyframes intro {
	0% {z-index: 0; opacity: 0}
	30% {z-index: 0; opacity: 0}
	50% {z-index: 10000; opacity: 1}
	80% {z-index: 10000; opacity: 1}
	100% {z-index: 0; opacity: 0}
	}
@-webkit-keyframes intro {
	0% {z-index: 0; opacity: 0}
	30% {z-index: 0; opacity: 0}
	50% {z-index: 10000; opacity: 1}
	80% {z-index: 10000; opacity: 1}
	100% {z-index: 0; opacity: 0}
	}
#erstes-bild-bg {background-image: url(images/cov-index.jpg); opacity: 0}
#zweites-bild-bg {background-image: url(images/cov-leistungern.jpg); opacity: 0}
#drittes-bild-bg {background-image: url(images/img-projekt-bv-stmichael-01.jpg); opacity: 0}

#erstes-bild-bg-01,
#zweites-bild-bg-01,
#drittes-bild-bg-01,
#viertes-bild-bg-01,
#fuenftes-bild-bg-01,
#erstes-bild-bg-09,
#zweites-bild-bg-09,
#drittes-bild-bg-09,
#viertes-bild-bg-09,
#fuenftes-bild-bg-09,
#erstes-bild-bg-07,
#zweites-bild-bg-07,
#drittes-bild-bg-07,
#viertes-bild-bg-07,
#fuenftes-bild-bg-07,
#erstes-bild-bg-10,
#zweites-bild-bg-10,
#drittes-bild-bg-10,
#viertes-bild-bg-10
	{width: 130%; opacity:0}
	
#erstes-bild:checked ~ #erstes-bild-bg {width:100%; opacity: 1}
#zweites-bild:checked ~ #zweites-bild-bg {width:100%; opacity: 1}
#drittes-bild:checked ~ #drittes-bild-bg {width:100%; opacity: 1}
	
#erstes-bild-in-planung:checked ~ #erstes-bild-bg-01 {width:100%; opacity: 1}
#zweites-bild-in-planung:checked ~ #zweites-bild-bg-01 {width:100%; opacity: 1}
#drittes-bild-in-planung:checked ~ #drittes-bild-bg-01 {width:100%; opacity: 1}
#viertes-bild-in-planung:checked ~ #viertes-bild-bg-01 {width:100%; opacity: 1}
#fuenftes-bild-in-planung:checked ~ #fuenftes-bild-bg-01 {width:100%; opacity: 1}

#erstes-bild-in-planung:checked ~ #erstes-bild-bg-09 {width:100%; opacity: 1}
#zweites-bild-in-planung:checked ~ #zweites-bild-bg-09 {width:100%; opacity: 1}
#drittes-bild-in-planung:checked ~ #drittes-bild-bg-09 {width:100%; opacity: 1}
#viertes-bild-in-planung:checked ~ #viertes-bild-bg-09 {width:100%; opacity: 1}
#fuenftes-bild-in-planung:checked ~ #fuenftes-bild-bg-09 {width:100%; opacity: 1}

#erstes-bild-in-planung:checked ~ #erstes-bild-bg-10 {width:100%; opacity: 1}
#zweites-bild-in-planung:checked ~ #zweites-bild-bg-10 {width:100%; opacity: 1}
#drittes-bild-in-planung:checked ~ #drittes-bild-bg-10 {width:100%; opacity: 1}
#viertes-bild-in-planung:checked ~ #viertes-bild-bg-10 {width:100%; opacity: 1}

#erstes-bild-in-planung:checked ~ #erstes-bild-bg-07 {width:100%; opacity: 1}
#zweites-bild-in-planung:checked ~ #zweites-bild-bg-07 {width:100%; opacity: 1}
#drittes-bild-in-planung:checked ~ #drittes-bild-bg-07 {width:100%; opacity: 1}
#viertes-bild-in-planung:checked ~ #viertes-bild-bg-07 {width:100%; opacity: 1}
#fuenftes-bild-in-planung:checked ~ #fuenftes-bild-bg-07 {width:100%; opacity: 1}

#zweites-bild:checked ~ #zweites-bild-bg .slider-txt {
	opacity: 1;
	-webkit-transform: translateX(-35px);
	-moz-transform: translateX(-35px);
	-ms-transform: translateX(-35px);
	-o-transform: translateX(-35px);
	transform: translateX(-35px);
}
#drittes-bild:checked ~ #drittes-bild-bg .slider-txt {
	opacity: 1;
	-webkit-transform: translateX(-35px);
	-moz-transform: translateX(-35px);
	-ms-transform: translateX(-35px);
	-o-transform: translateX(-35px);
	transform: translateX(-35px);
}
#button-01-aktiv,
#button-02-aktiv,
#button-03-aktiv,
#button-04-aktiv,
#button-05-aktiv,
.steuerung {
	display: inline-block;
	background-color: #fff;
	color: #eb0028;
	text-transform: uppercase;
	padding: 5px 15px;
	cursor: pointer;
}
#erstes-bild-in-planung:checked ~ .steuerung-container #button-01-aktiv, #zweites-bild-in-planung:checked ~ .steuerung-container #button-02-aktiv, #drittes-bild-in-planung:checked ~ .steuerung-container #button-03-aktiv, #viertes-bild-in-planung:checked ~ .steuerung-container #button-04-aktiv, #fuenftes-bild-in-planung:checked ~ .steuerung-container #button-05-aktiv, #erstes-bild:checked ~ .steuerung-container #button-01-aktiv, #zweites-bild:checked ~ .steuerung-container #button-02-aktiv {background-color: #eb0028; color: #ffffff}
.steuerung-container {
	position: absolute;
	bottom: 10%;
	left: 45%;
	z-index: 999999;
}
.slider-txt {
	position: absolute;
	width: 500px;
	top: 25%;
	left: 10%;
	background-color: rgba(255,255,255,0.90);
	padding: 20px 50px 50px 50px;
	list-style-image: url(images/aufzaehlungszeichen.png);
	border-bottom: solid #eb0028 3px;
	opacity: 0;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	
	-webkit-transition-delay: 0.8s;
	-moz-transition-delay: 0.8s;
	-ms-transition-delay: 0.8s;
	-o-transition-delay: 0.8s;
	transition-delay: 0.8s;
}

/* END SLIDER */
/* FORMULAR */
form input {display: block}
form { padding-top: 10%}
.linie {border-bottom: solid #eb0028 1px !important; border: none; width: 200px; margin-left: 10px}
textarea {border-bottom: solid #eb0028 1px !important; border: none; margin-left: 10px}
.button {background-color: #eb0028; color: #fff; border: none; padding: 5px 10px; cursor: pointer}
/* END FORMULAR */
/* FOOTER */
footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 70px;
	background-color: #ffffff;
	border-top: solid #eb0028 2px;
	z-index: 10;
}
.aktuelle-seite {
	line-height: 70px;
	font-size: 1.5em;
	margin-left: 5%;
	float: left;
	font-weight: bold;
	text-transform: uppercase;
}
footer ul {
	float: right;
	margin: 0 3% 0 0;
	padding: 0;
}
footer ul li {
	display: inline-block;
	padding: 0 10px;
	line-height: 70px;
}
/* END FOOTER */
/* RESPONSIVE */
@media (max-width: 1350px) {
	body {font-size: 11px}
	.sechser {width: 45%}
	.text {width: calc(45% - 30px) !important}
}
@media (max-width: 1100px) {
	/* SEITENEIGENSCHAFTEN */
		body {font-size: 16px; position: static; overflow: visible; z-index: -10; padding: 0; margin: 0}
	/* END SEITENEIGENSCHAFTEN */
	/* NAVIGATION */
		nav {position: static; width: 100%; height: 70px; overflow-Y: hidden}
		nav:hover {height: 280px}
		.nav-head img {width: 70px; float: right}
		.nav-head {width: 100%; line-height: 70px}
		.nav-txt {display: none}
		nav ul {float: right; margin: 70px -70px 0 0}
		nav ul li {width: 400px; padding: 0 20px; line-height: 70px}
	/* END NAVIGATION */
	/* SEITENELEMENT */
		#logo {width: 15%; height: auto; top: 0; -webkit-animation-name: logo-mobil; -moz-animation-name: logo-mobil; -ms-animation-name: logo-mobil;
		-o-animation-name: logo-mobil; animation-name: logo-mobil}
		#logo:hover {top: 0}
		@keyframes logo-mobil{from {top: 0} to {top: 0}}
		.kontakt-con {top: 0; left: 15%; width: calc(85% - 130px); height: 50px; text-align: center; padding: 10px 30px; font-weight: normal}
		.kontakt-con:hover {top: 0}
		.kontakt-con br {display: none}
		.adresse span {font-size: 1em}
		.adresse img {width: 1em}
		.tel img {width: 1em}
		.tel {padding-top: 10px;font-size: 1em}
	/* END SEITENELEMENT */
	/* COVER */
		.cover {height: 500px; position: static}
		.zurueck {bottom: 30%}
		#projekte {height: 700px}
		#projekt-bg { background-image: none; height:1px}
		.background {display: none}
		#erstes-bild, #zweites-bild, #drittes-bild, #viertes-bild, #fuenftes-bild {display: none !important}
	/* END COVER */
	/* CONTENT */
		.content-con {position: static; width: 80%; padding: 35px 10%}
		.content {height: auto; overflow-Y: visible}
		.content-con:hover .content {height: auto}
		.figure {width: 100%; margin-top: 10px;}
		.projekt-beschreibung {position: static; width: 80%; height: auto; margin: 0 10%; overflow-Y: visible}
		.text {width: calc(100% - 30px) !important; font-size: 1em}
		.sechser {width: 100%; height: 400px}
	/* END CONTENT */
	/* SLIDER */
		nav:hover ~ .slider {top: 300px}
		.slider {top: 15%; left: 12%; width: 76%; height: 100%; z-index: 4; -webkit-transition: top 0.4s ease-in-out; -moz-transition: top 0.4s ease-in-out;
		-ms-transition: top 0.4s ease-in-out; -o-transition: top 0.4s ease-in-out; transition: top 0.4s ease-in-out;}
		.pfeil-links img, .pfeil-rechts img {display: none}
		.slide-sichtfenster {position: static; width: 100%; height: 100%; overflow-X: hidden}
		.slide-con {position: static}
		.slide {float: none; padding-top: 1%}
		.figcaption {line-height: 40px; font-size: 1em}
		.beschreibung {padding: 10px 20px; font-size: 0.8em; line-height: 1.2em; width: calc(100% - 40px); height: 100%}
		.figure:hover .beschreibung {top: 30px}
		.mehr-info {width: auto; font-size: 2em; padding: 2% 3%}
		.steuerung-con {top: 500px}
		.slider-txt {width: 30%; top: 20%; left: 60%; font-size: 0.9em; line-height: 1.2em}
		.steuerung-container {bottom: 3%; left: 5%}
		.slider-txt {width: 400px; top: 20%; left: 10%}
		.slider {position: static; width: 95%; height: auto}

	/* END SLIDER */
	/* FOOTER */
		footer {position: static}
		.aktuelle-seite {display: none}
	/* END FOOTER */
}
/* END RESPONSIVE */