@charset "UTF-8";
/* CSS Document */

:root {
	--bg-site-color: rgba(233,235,237,1.00);
	--bg-footer-color: rgba(243,244,245,1.00);
	--bg-button: rgba(216,218,220,1.00);
	--bg-content-top: rgba(205,207,209,1.00);
	--bg-gradient-top: linear-gradient(to top right,rgba(75,86,98,0.90),rgba(65,71,73,0.80));
	--bg-gradient-footer: linear-gradient(to top right,rgba(30,65,100,0.85),rgba(13,58,104,0.75));
	--bg-gradient-para: linear-gradient(to top right,rgba(44,88,132,0.90),rgba(0,108,155,0.75));
	--bg-gradient-para-cont: linear-gradient(to top right,rgba(25,75,125,0.80),rgba(0,65,95,0.65));
	--bg-gradient-para-cont-w: linear-gradient(to top right,rgba(255,255,255,0.80),rgba(255,255,255,0.95));
	--text-color: rgba(15,17,19,1.00);
	--border-color: rgba(51,53,55,1.00);
	--text-color-headline: rgba(15,17,19,1.00);
	--text-color-link: rgba(77,79,81,1.00);
	--shadow-color: rgba(0,0,0,0.35);
	--shadow-color-hover: rgba(0,0,0,0.6);
	--font-family-light: 'hind-light', Geneva, "Helvetica Neue", Tahoma, Verdana, Geneva, sans-serif;
	--font-family-book: 'hind-regular', Geneva, "Helvetica Neue", Tahoma, Verdana, Geneva, sans-serif;
	--font-family-medium: 'hind-medium', Geneva, "Helvetica Neue", Tahoma, Verdana, Geneva, sans-serif;
	--font-family-bold: 'hind-semibold', Geneva, "Helvetica Neue", Tahoma, Verdana, Geneva, sans-serif;
	--font-family-headline: 'hind-bold', Geneva, "Helvetica Neue", Tahoma, Verdana, Geneva, sans-serif;
	--font-family-serif: 'Garamond-Regular', Times, sans-serif;
	--font-family-serif-bold: 'EBGaramond-SemiBold', Times, sans-serif;
	--font-size-site: 110%;
	--line-height-site: 1.5em;
	--border-radius-site: 12px;
	--border-radius-site-small: 6px;
	--white: rgba(255,255,255,1);
	--urban-orange: rgba(244,155,0,1.00);
	--urban-gruen: rgba(118,183,42,1.00);
	--urban-grau: rgba(207,207,207,1.00);
	--urban-grau-50: rgba(207,207,207,0.50);
	
}

@font-face {
    font-family: 'droid_sansregular';
    src: url('DroidSans-webfont.eot');
    src: url('DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('DroidSans-webfont.woff2') format('woff2'),
         url('DroidSans-webfont.woff') format('woff'),
         url('DroidSans-webfont.ttf') format('truetype'),
         url('DroidSans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'hind-light';
    src: url('hind-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hind-regular';
    src: url('hind-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hind-medium';
    src: url('hind-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hind-semibold';
    src: url('hind-semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hind-bold';
    src: url('hind-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Garamond-Regular';
    src: url('EBGaramond-Regular.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'EBGaramond-SemiBold';
    src: url('EBGaramond-SemiBold.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
	height: auto;
border-top-left-radius: 0;
border-top-right-radius: 0;
	height: 90vh;
	min-height: 680px;
  }

.rslides ul {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
	height: 100vh;
	display: block;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
/*
#referenzbox {
	box-sizing: border-box;
	position: relative;
	border-radius: 5px;
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
	overflow: hidden!important;
	z-index: 1;
}
*/


.slide-maler {
	background-color: var(--urban-orange);
	background-image: url("../visual-kopf/29238-maler.jpg");
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
	height: 100%;
}
.slide-glaser {
	background-color: var(--urban-gruen);
	background-image: url("../visual-kopf/16444-glaser.jpg");
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
	height: 100%;
}
.slide-sarnierer {
	background-color: var(--urban-grau);
	background-image: url("../visual-kopf/26940-sarnierer.jpg");
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
	height: 100%;
}
.slide-head {
	font-family: var(--font-family-headline);
	font-size: 2.2rem;
	position: absolute;
	top: 11rem;
	left: 4rem;
	color: #fff;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.3);

}
.slide-cont {
	background-color: rgba(255,255,255,0.80);
	font-size: 1.1rem;
	position: absolute;
	top: 14rem;
	left: 4rem;
	padding: 1.5rem;
	margin-right: 4rem;
	border-radius: var(--border-radius-site-small);
	max-width: 480px;
	display: block;
}
.slide-logo {
	top: 2.5rem;
	left:auto;
	right: auto;
	width: 320px;
	height: 320px;
	position: relative;
}

@media only screen and (min-width:580px){
.slide-head {
	font-family: var(--font-family-headline);
	font-size: 2.2rem;
	position: absolute;
	top: 11rem;
	left: 8rem;
	color: #fff;
}
	.slide-cont {
	background-color: rgba(255,255,255,0.80);
	font-size: 1.1rem;
	position: absolute;
	top: 14rem;
	left: 8rem;
	padding: 1.5rem;
	margin-right: 8rem;
	border-radius: var(--border-radius-site-small);
	max-width: 480px;
}

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

.slide-maler {
	background-color: var(--urban-orange);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
}
.slide-glaser {
	background-color: var(--urban-gruen);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
}
.slide-sarnierer {
	background-color: var(--urban-grau);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
}
.slide-head {
	font-family: var(--font-family-headline);
	font-size: 3rem;
	position: absolute;
	top: 10rem;
	left: 8rem;
	color: #fff;
}
.slide-cont {
	background-color: rgba(255,255,255,0.80);
	font-size: 1.3rem;
	position: absolute;
	top: 14rem;
	left: 8rem;
	padding: 1.5rem;
	margin-right: 3rem;
	border-radius: var(--border-radius-site-small);
	max-width: 480px;
}

}

@media only screen and (min-width:1600px){
.rslides {
border-top-left-radius: var(--border-radius-site);
border-top-right-radius: var(--border-radius-site);
  }
}

html {
	background-color: var(--bg-site-color);
	font-family: var(--font-family-light);
	font-weight: normal;
	color: var(--text-color) ;
	font-size: var(--font-size-site);
	line-height: var(--line-height-site);
	border-radius: 0px;
}
html {
	height: auto;
	width: 100%;
	box-sizing: border-box;
	/*max-width: 1600px;*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0;
}
@media only screen and (min-width:1600px){
html {
	margin-top: 1em;
	margin-bottom: 2em;
	border-radius: var(--border-radius-site);
}
}

body {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
	font-size: 1.0rem;
	border-radius: 0px;


}
@media only screen and (min-width:1600px){
body {
	border-radius: var(--border-radius-site);
	padding-bottom: 2em;
	padding-left: 2em;
	padding-right: 2em;
}
}

strong, b {
	font-family: var(--font-family-bold);
	font-weight: normal;
	line-height: var(--line-height-site);
}
.center {
		text-align: center;
}
*:focus {
	outline: none;
}
::selection {
	color: #ffffff;
	background-color: rgba(43,114,187,1.00);
	}
::-moz-selection {
	background-color: rgba(43,114,187,1.00);
	color: #ffffff;
}
p {
	margin-bottom: 1.6;
}
p.nomarginbottom {
	margin-bottom: 0;
}
.btn {
	border: 0px solid var(--border-color);
	padding: 16px 24px;
	line-height: 18px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 4px 2px;
	transition-duration: 0.4s;
	cursor: pointer;
	border-radius: 4px;
	box-sizing: border-box;
	box-shadow: 0px 0px 5px 0px var(--shadow-color);
	-webkit-box-shadow: 0px 0px 5px 0px var(--shadow-color);
}
.btn:hover {
  border: 0px solid rgba(0,0,0,0);
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
  box-sizing: border-box;
	box-shadow: 0px 0px 5px 0px var(--shadow-color-hover);
	-webkit-box-shadow: 0px 0px 5px 0px var(--shadow-color-hover);
}

.btn-b {
  color: #fff!important;
	/*background-color: var(--bg-button);*/
	background-image: var(--bg-gradient-top);
}

.btn-b:hover {
  color: var(--text-color-headline)!important;
	background-color: var(--bg-gradient-top);
	background-image: none;
}
.btn-w {
  color: var(--text-color-link);
	/*background-color: var(--bg-button);*/
	background-image: var(--bg-gradient-para-cont-w);
}
.btn-w:hover {
  color: var(--text-color-link);
	background-color: white;
	background-image: none;
}
img {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.nohypens {
		/* hyphens */
   -moz-hyphens:none;
   -o-hyphens:none;
   -webkit-hyphens:none;
   -ms-hyphens:none;
   hyphens:none; 

}

.nowrap {
white-space:nowrap;
}

/*#wrapper {
	width: 100%;
	max-width: 1600px;
	height: auto;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	box-shadow: var(--shadow-color);
	-webkit-box-shadow: var(--shadow-color);
	border-radius: var(--border-radius-site);
	box-shadow: 0 0 1em 0 rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 1em 0 rgba(0,0,0,0.5);
}*/
.wrapper-urban {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	height: auto;
	position: relative;
	border-radius: 0px;
	box-shadow: var(--shadow-color);
	-webkit-box-shadow: var(--shadow-color);
	box-shadow: 0 0 1em 0 rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 1em 0 rgba(0,0,0,0.5);
	/*overflow: hidden;*/
}
@media only screen and (min-width:1600px){
	.wrapper-urban {
	border-radius: var(--border-radius-site);
	}	
	
	
#wrapper {
	/*overflow: hidden;*/
}
}

.urban-claim-vert {
	display: none;
	position: absolute;
	right: 2.5rem;
	top: 200px;
	z-index: 3;
	height: 360px;
}
@media only screen and (min-width:676px){

.urban-claim-vert {
	display: block;
	position: absolute;
	right: 2.5rem;
	top: 200px;
	z-index: 3;
	height: 360px;
}
}



main {
height: auto;
background-color: #fff;
padding-top: 2.0rem;

}
.content {
	/*background-color: var(--white);*/
	display: block;
	overflow: hidden;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0;
	/* hyphens */
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}

.content-white {
	background-color: rgba(255,255,255,1);
	/*background-image: var(--bg-gradient-top);*/
	/*background-image: url("/visuals_grundrisse/Grundriss-09-01.jpg");*/
	background-position: center;
	background-size: cover;
	/* hyphens */
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;

}
.content-kontakt {
	box-sizing: border-box;
	position: relative;
	margin: 0rem;
	margin-left: 2rem;
	margin-right: 2rem;
	
	background-color: rgba(154,156,158,0.50);
	padding: 1.5rem;
	padding-bottom: 0rem;
	padding-top: 0rem;
	text-align: center;
	border-radius: var(--border-radius-site);
}
.bg-maler-01 {
background-image: url("../visual-kopf/16809-maler-w.jpg");
}
.bg-glaser-01 {
background-image: url("../visual-kopf/16444-glaser.jpg");
}
.bg-sarnierer-01 {
background-image: url("../visual-kopf/26940-sarnierer.jpg");
}

.content a {
	color: var(--text-color-link);
}
.topcont {
	margin: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	padding-top: 1rem;
	background: var(--bg-content-top);
	background-image: var(--bg-gradient-top);
	background-image: url("../visual-kopf/11416-glaser.jpg");
	background-position: center;
	background-origin: border-box;
	background-size: cover;
	/*min-height: 30vh;*/
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
	/*overflow: hidden;*/
	/*position: relative;*/
	height: 1200px;
}

.topcont-layer {
	position: relative;
	bottom: 0;
	display: block;
	background-image: var(--bg-gradient-para);
	padding-top: 2.5rem;
	padding-right: 1.5rem;
	padding-bottom: 2.5rem;
	padding-left: 1.5rem;
	min-height: 88vh;
	/*border-radius-top: var(--border-radius-site);*/
	}

.content, .content-blau, .content-white, .topcont-layer {
	padding-right: 2.0rem;
	padding-left: 2.0rem;
	padding-top: 3.5rem;
	padding-bottom: 4.5rem;

}
@media only screen and (min-width:769px){
.content, .content-blau, .content-white, .topcont-layer {
	padding-right: 3.5rem;
	padding-left: 3.5rem;
	padding-top: 4.5rem;
	padding-bottom: 4.5rem;

}
.content-kontakt {
	padding: 1.5rem;

	}
}
@media only screen and (min-width:1280px)
{
.content, .content-blau, .content-white, .topcont-layer {
	padding-right: 5.55rem;
	padding-left: 5.55rem;
	padding-top: 5.5rem;
	padding-bottom: 5.0rem;
}
.content-kontakt {
	padding: 1.5rem;

	}

}


@media only screen and (min-width:1600px){
.topcont-layer {
	border-top-left-radius: var(--border-radius-site);
	border-top-right-radius: var(--border-radius-site);
}
}
.colum-2, .colum-3, .colum-4 {
	column-count: 1;
}
@media only screen and (min-width:992px){
.colum-2 {
	column-count: 2;
	}
.colum-3 {
	column-count: 3;
}
.colum-4 {
	column-count: 4;
}
}
.cont-img {
	border-radius: 4px;
	box-shadow: 2px 2px 10px 0px var(--shadow-color);
	-webkit-box-shadow: 2px 2px 10px 0px var(--shadow-color);
}
.logocontainer {
	position: relative;
	/*left: 0px;*/
	display: block;
	margin-top: 3vh;
	min-width: 140px;
	max-width: 240px;
	margin-bottom: 4vh;
	/*background: rgba(186,60,62,1.00);*/
}
@media only screen and (min-width:581px){
	.logocontainer {
	/*right: 0px;*/
	display: block;
	margin-top: 5vh;
	min-width: 140px;
	max-width: 270px;
}
}
@media only screen and (min-width:1199px){
	.logocontainer {
	max-width: 340px;
}
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-family-headline);
	font-weight: normal!important;
	color: var(--text-color-headline);
}
.white {
	color: rgb(255,255,255);
}

.headlinecontainer {
	position: relative;
	top: 10%;
	display: block;
	margin-top: 8vh;
	text-align: right;
	color: #FFF;
	width: 100%;
	margin-bottom: 6vh;
	margin-right: 10vw;
	font-size: 5vw;
	font-family: var(--font-family-light);
	/* hyphens */
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}
.headlinecontainer h1{
	font-size: 5vw;
	font-family: var(--font-family-headline);
	margin: 0px;
	padding: 0px;
}
@media only screen and (min-width:769px){
.headlinecontainer h1{
	font-size: 2rem;
}
}
.right {
	text-align: right;
}
h2.headlinecont {
	font-family: var(--font-family-headline);
	font-size: 2.2rem;
	padding: 0px;
	line-height: 2.4rem;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
h2.h2big {
font-size: 2.5rem;
}
@media only screen and (min-width:992px){
h2.headlinecont {
	font-size: 2.6rem;
	line-height: 2.8rem;
	margin-bottom: 0px;
}
h2.h2big {
font-size: 3.5rem;
}
}
@media only screen and (min-width:1280px){

h2.h2big {
font-size: 5rem;
}
}
h3.headlinecont {
	font-family: var(--font-family-medium);
	padding: 0px;
	font-size: 1.3rem;
	line-height: 1.45rem;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
}
@media only screen and (min-width:992px){
h3.headlinecont {
	font-size: 1.5rem;
	line-height: 1.75rem;
	margin-bottom: 20px;
}
}


.img-head {
	box-sizing: border-box;
	border-radius: var(--border-radius-site);
	position: relative;
	background-image: url(../visual-kopf/11416-glaser.jpg);
	background-color: #000;
	background-position:center;
	background-size: cover;
	background-clip: border-box;
	background-attachment: fixed;
	height: 75vh;
	min-height: 480px;
	margin-bottom: 5rem;
	padding-top: 0px;
}
.headimg {
	box-sizing: border-box;
	position: relative;
	color: #fff;
	left: 0rem;
	top: 65%;
	padding-left: 2rem;
	padding-right: 0.5rem;
}
@media only screen and (min-width:581px){
.headimg {
	box-sizing: border-box;
	position: relative;
	color: #fff;
	left: 0rem;
	top: 65%;
	padding-left: 5rem;
	padding-right: 1rem;
}
}
h2.headimg {
 font-size: 2.8rem;
	line-height: 3.5rem;
	

}
h3.headimg {
 font-size: 1.8rem;
	line-height: 2.2rem;
}

.leistungen {
	background-color: #FFF;
	box-sizing: border-box;
	box-shadow: 0px 0px 12px 0px rgba(26,36,46,0.3);
	border: 1px solid rgba(26,36,46,1);
	padding: 0px;
	margin-top: 1rem;
	margin-right: 0px;
	margin-bottom: 1rem;
	margin-left: 0px;
}
.leistungen p {
	margin: 0px;
	padding: 0.5rem;
	padding-right: 0rem;
}
.leistungen h4 {
	line-height: 20px;
	font-weight: 300;
	color: #FFF;
	background-color: rgba(26,36,46,1);
	margin: 0px;
	padding: 0.5rem;
	width: 100%;
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
}
/*p {
	margin: 0rem;
	margin-bottom: 0.8rem;
	padding: 0px;
}*/

.parallaxer {
	position: relative;
	/*background: rgba(255,255,255,0.80);*/
	/*background-image: var(--bg-gradient-para);*/
	position: relative;
	height: 75vh;
	min-height: 680px;
	
}
img.para-img {
	width: 1200px;
	height: auto;
}
.parallaxer-content {
	position: relative;
	margin: 0;
	height: 100%;
	padding: 2.5rem;
	background-color: rgba(242,244,246,0.90);
	font-weight: normal;
	box-sizing: border-box;
	/*color: rgba(255,255,255,1);*/
	border-radius: var(--border-radius-site);
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	box-shadow: 0 0px 10px rgba(0,0,0,0.30);
	-webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.30);
}
	
@media only screen and (min-width:581px){
	img.para-img {
	width: 1200px;
	height: auto;
}
}
	.parallaxer-logo {
	position: relative;
	left: 5.5em;
	top: 5vh;	
	width: 40vh;
	height: auto;
	display: block;
}
.parallaxer-logo img {
	position: relative!important;
	width: 100%;
	height: auto;
	left: 0!important;
	top: 0;
	opacity: 1!important;
	display: block;
}
.parallaxer-typo-w {
	position: relative;
	bottom: 0px;
	color: var(--text-color-headline);
	/*text-shadow: 0px 0px 2px rgba(0,0,0,1);*/
}
.parallaxer-typo-b {
	position: relative;
	color: rgba(255,255,255,1);
	text-shadow: 0px 0px 2px rgba(255,255,255,1);
}
.parallaxer-typo-g {
	position: relative;
	color: rgba(255,255,255,1);
	text-shadow: 0px 0px 2px rgba(255,255,255,1);
}


.bg-white {
	/*background-color: rgba(255,255,255,0.75);*/
	/*background-color: rgba(255,255,255,0);*/
	background-image: var(--bg-gradient-para-cont-w);
	color: var(--text-color);
	padding: 0;
	margin: 0;
}
.bg-blue {
	/*background-color: rgba(255,255,255,0.75);*/
	/*background-color: rgba(255,255,255,0.7);*/
	background-image: var(--bg-gradient-para-cont);
	color: var(--text-color);
}
.para-head {
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: block;
	font-size: 85%;
	text-shadow: 0px 0px 3px rgba(26,36,46,0.75);
	border-left:0rem solid #ddd;
	width: 100%;
	height: auto;
	font-family: var(--font-family-light);
	margin: 0px;
	padding-right: 0;
	padding-bottom: 8vh;
	padding-left: 1.5rem;
	/*background: rgba(220,65,68,1.00);*/
}



@media only screen and (min-width:581px){
.parallaxer-content {
	margin: 0rem;
	height: 100%;
}
}
@media only screen and (min-width:769px){
.parallaxer-content {
	/*font-size: 4rem;
	line-height: 4.6rem;*/
}

.para-head {
	padding-left: 3.5rem;
}
}
@media only screen and (min-width:1280px){
.parallaxer-content {
/*	font-size: 4rem;
	line-height: 4.6rem;*/
}
.para-head {
	padding-left: 5.5rem;
}	
}

.parallaxer-typo-w {
	/*text-shadow: 0px 0px 2px rgba(0,0,0,1);*/
}
.parallaxer-typo-b {
	color: rgba(134,157,186,1);
	text-shadow: 0px 0px 2px rgba(255,255,255,1);
}
.parallaxer-typo-g {
	color: rgba(26,36,46,1);
	text-shadow: 0px 0px 2px rgba(255,255,255,1);
}

}


.author {
	font-size: 54%;
	/*color: #FFF;*/
	font-weight: normal;
	font-family: var(--font-family-light);
	letter-spacing: 0.05rem;
	position: absolute;
	right: 6vw;
	margin: 0px;
	padding: 0px;
	line-height: 110%;
}
@media only screen and (min-width:540px){
	.author {
	font-size: 46%;
}
}
@media only screen and (min-width:769px){
	.author {
	font-size: 32%;
	
}
}
.termin {
	font-size: 3vw;
	line-height: 3.6vw;
	padding-top: 2vw;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	text-align: center;
	font-weight: 300;
	text-transform: uppercase;
}

.termin strong{
	font-weight: 500;
	font-size: 3.8vw;
}
@media only screen and (min-width:769px){
.termin {
	font-size: 1.6vw;
	line-height: 1.8vw;
	padding-top: 1.5vw;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	text-align: center;
	font-weight: 300;
	text-transform: uppercase;
}
.termin strong{
	font-weight: 500;
	font-size: 1.9vw;
}
}



.clear{
	clear: both;
	line-height: 0px;
	height: 0px;
	width: 0px;
}
.bg-test {
	background-color: rgba(255,102,255,0.2);
}

.textliste {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1.6;
	margin-left: 18px;
	text-indent: -20px;
	padding: 0px;
}
.textliste100 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1.6;
	margin-left: 80px;
	text-indent: -80px;
	padding: 0px;
}

ul.textliste li {
	font-size: 1em;
	line-height: 1.6;
	list-style-position: inside;
	list-style-type: none;
	list-style-image: url("../img_site/chevron-right.png")
}

ul.textliste li.j198289 {
	font-size: 1em;
	line-height: 1.6;
	list-style-position: inside;
	list-style-type: "1982 - 89  ";
	list-style-image: none;
}

.footer {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	display: block;
	margin-bottom: 0rem;
	padding-top: 0px;
	padding-right: 0px;
	padding: 0rem;
	padding-left: 0px;
	background: rgba(97,113,120,0.10);
	/*background-image: var(--bg-gradient-top);*/
	background-position: center;
	background-size: cover;

}
.footerlayer {
	/*background-image: var(--bg-gradient-footer);
	background-image: var(--bg-gradient-para);*/
	/*background-color: var(--bg-footer-color);*/
	padding-bottom: 2rem;
}
@media only screen and (min-width:1280px){
.footer {
	/*border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;*/
	}
}
.footercontbody {
	/*background-color: rgba(134,157,186,1);*/
	box-sizing: border-box;
	position: relative;
	display: block;
	padding: 3rem;
	font-size: 0.85rem;
	border: 0px;
	margin: 0px;
	padding-bottom: 4rem;
}
.footerlogo {
	box-sizing: border-box;
	position: relative;
	margin-left: auto;
	margin-top: auto;
	display: block;
	width: 240px;
	/*height: 80px;*/
	overflow: hidden;
}
@media only screen and (min-width:769px){

}
.footernav {
	margin-left: 108px;
	margin-top: 1rem;
}
.footernav a  {
	display: block;
	color: #FFF;
	text-decoration: none;
	margin-bottom: 0.85rem;
}
.footeradresse {
	font-size: 1.1rem;
	margin-left: 0.75rem;
	margin-top: 1rem;
	margin-right: 0.75rem;
	padding-top: 1.2rem;
	padding-right: 30px;
	padding-left: 30px;
	line-height: 145%;
	color: #fff;
	background-color: var(--text-color-link);
}
@media only screen and (min-width:769px){
.footeradresse {
	font-size: 1.1rem;
	margin-left: 0.75rem;
	margin-top: 0rem;
	margin-right: 0.75rem;
	padding: 1.2rem;
	line-height: 145%;
	color: #fff;
	background-color: var(--text-color-link);
}
}
.footercont h4 {
	margin-left: 0rem;
	margin-bottom: 0.3rem;
}
.footeradresse > h5 {
	color: #fff;
}
.footeradresse a {
	color: var(--text-color);
}
.footer .footercont {
	width: 100%;
	padding-right: 1.5rem;
	padding-left: 1.5rem;
	margin-top: 1rem;
	display: block;
	font-size: 0.85rem;
	color: var(--urban-grau);
}

@media only screen and (min-width:769px){
.footer .footercont {
	padding-right: 3.5rem;
	padding-left: 3.5rem;
	}
}
@media only screen and (min-width:1280px){
.footer .footercont {
	padding-right: 5rem;
	padding-left: 5rem;
	}
}
.footer .footercont {
	font-size: 0.85rem;
}

.footercont a {
	color: var(--urban-grau);
}
.footercont a:hover {
	color: var(--text-color-headline);
}
.negtext {
	color: #FFF;
}
.errornumber {
	font-size: 22vw;
	font-weight: 200;
	text-decoration: none;
	line-height: 21vw;
}