/* Main styles */

body {
	font-family: NHaasGroteskTXPro-55Rg, serif;
	font-size: 1.0em;
	line-height: 1.5em;
	color: #1d1e21;
	background-color: #F9F9F9;
}

/* fonts */

.NHaasGroteskTXPro-55Rg {
	font-family: NHaasGroteskTXPro-55Rg;
	font-weight: normal;
	font-style: normal;
}

.NHaasGroteskTXPro-56It {
	font-family: NHaasGroteskTXPro-56It;
	font-weight: normal;
	font-style: normal;
}

.NHaasGroteskTXPro-65Md {
	font-family: NHaasGroteskTXPro-65Md;
	font-weight: normal;
	font-style: normal;
}

.NHaasGroteskTXPro-66MdIt {
	font-family: NHaasGroteskTXPro-66MdIt;
	font-weight: normal;
	font-style: normal;
}

.NHaasGroteskTXPro-75Bd {
	font-family: NHaasGroteskTXPro-75Bd;
	font-weight: normal;
	font-style: normal;
}

.NHaasGroteskTXPro-76BdIt {
	font-family: NHaasGroteskTXPro-76BdIt;
	font-weight: normal;
	font-style: normal;
}

/* Logo */

.logo {
	height: 4.6vw;
}

/* Hilfe styles */

.table {
	display: table;
	border-collapse: collapse;
	width: 100%;
}

.tr {
	display: table-row;
}

a {
	text-decoration: none;
	color: #1d1e21;
	outline: none;
}

a:hover {
	color: #1d1e21;
}

/* FJS */

.FJS-1 {
	display: table-cell;
	width: 70vw;
	vertical-align: bottom;
}

.FJS-2 {
	display: table-cell;
	width: 30vw;
	vertical-align: bottom;
}

.FJS-3 {
	display: table-cell;
	width: 100%;
	/* background: lightgreen; */
	padding-top: 10vw;
	padding-left: 9.8vw;
	padding-right: 9.8vw;
	padding-bottom: 10vw;
}

.foto-FJS {
	width: 75%;
	padding-left: 13vw;
}

.title-FJS {
	font-family: NHaasGroteskTXPro-75Bd, serif;
	color: #1d1e21;
	font-size: 4vw;
	line-height: 1.0em;
	text-align: left;
	padding-right: 15vw;
}

.text-FJS {
	font-family: NHaasGroteskTXPro-65Md, serif;
	color: #1d1e21;
	text-align: center;
	font-size: 2.0vw;
	line-height: 1.3em;
}

/* BEsors - Impressum */

#Impressum {
	background-color: #F2F2F2;
	padding-bottom: 8vw;
	margin-left: -8px;
	margin-right: -8px;
}

.title-Imprint-left {
	display: table-cell;
	vertical-align: middle;
	font-family: NHaasGroteskTXPro-65Md, serif;
	color: #1d1e21;
	font-size: 2.0vw;
	line-height: 1.0em;
	text-align: left;
	/* padding-top: 1.0em; */
	padding-left: 10vw;
	/* padding-bottom: 1.0em; */
	width: 80%;
	/* background: orange; */
}

.logo-Imprint {
	display: table-cell;
	vertical-align: middle;
	font-family: NHaasGroteskTXPro-65Md, serif;
	color: #1d1e21;
	font-size: 2.0vw;
	line-height: 1.0em;
	text-align: center;
	padding-top: 6vw;
	/* padding-left: 10vw; */
	padding-bottom: 6vw;
	width: 20%;
	/* background: purple; */
}

.firma-2 {
	display: table-cell;
	font-family: NHaasGroteskTXPro-65Md, serif;
	color: #1d1e21;
	font-size: 1.5vw;
	line-height: 1.3em;
	text-align: left;
	vertical-align: top;
	width: 43vw;
	padding-left: 12vw;
	/* background-color: lightgreen; */
}

.firma-3 {
	display: table-cell;
	font-family: NHaasGroteskTXPro-65Md, serif;
	color: #1d1e21;
	font-size: 1.5vw;
	line-height: 1.3em;
	text-align: left;
	vertical-align: top;
	width: 13vw;
	padding-right: 2vw;
	/* background-color: lightblue; */
}

.firma-4 {
	display: table-cell;
	font-family: NHaasGroteskTXPro-65Md, serif;
	color: #1d1e21;
	font-size: 1.5vw;
	line-height: 1.3em;
	text-align: left;
	vertical-align: top;
	width: 25vw;
	/* background-color: orange; */
}

/* Fallbeispiele */

#Fallbeispiele {
	padding-top: 10vw;
	padding-bottom: 10vw;
	margin-left: -8px;
	margin-right: -8px;
}

.ueberschrift-0 {
	display: none;
	font-family: NHaasGroteskTXPro-75Bd, serif;
	color: #1d1e21;
	font-size: 4vw;
	line-height: 1.0em;
	/* font-family: NHaasGroteskTXPro-76BdIt, serif; */
	/* color: #E0E0E0; */
	/* font-size: 10.0vw; */
	line-height: 1.0em;
	text-align: left;
	vertical-align: top;
	width: 100vw;
	padding-left: 10vw;
	padding-bottom: 10vw;
	/* padding-left: 15vw; */
}

.ueberschrift-1 {
	display: table-cell;
	font-family: NHaasGroteskTXPro-65Md, serif;
	color: #1d1e21;
	font-size: 2.0vw;
	line-height: 1.0em;
	text-align: left;
	vertical-align: top;
	width: 100vw;
	/* padding-top: 8vw; */
	padding-bottom: 1.5em;
	padding-left: 10vw;
	/* background-color: orange; */
}

.ueberschrift-2 {
	display: table-cell;
	font-family: NHaasGroteskTXPro-55Rg, serif;
	color: #1d1e21;
	font-size: 1.5vw;
	line-height: 1.3em;
	text-align: justify;
	vertical-align: top;
	width: 100vw;
	padding-bottom: 6.0em;
	padding-right: 12vw;
	padding-left: 12vw;
	-webkit-hyphens: manual;
	-moz-hyphens: manual;
	-ms-hyphens: manual;
	hyphens: manual;
}

.format-1 {
	display: none;
	font-family: NHaasGroteskTXPro-65Md, serif;
	color: #1d1e21;
	font-size: 1.25vw;
	line-height: 1.0em;
	text-align: left;
	vertical-align: top;
	width: 20vw;
	padding-bottom: 1.4em;
	padding-left: 15vw;
}

.format-2 {
	display: none;
	font-family: NHaasGroteskTXPro-55Rg, serif;
	color: #1d1e21;
	font-size: 1.25vw;
	line-height: 1.3em;
	text-align: justify;
	vertical-align: top;
	width: 80vw;
	padding-bottom: 4.0vw;
	padding-right: 15vw;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

/* Datenschutz */

#DSE {
	background-color: #F2F2F2;
	padding: 0;
	padding-top: 10vw;
	padding-bottom: 10vw;
	margin-left: -8px;
	margin-right: -8px;
	margin-bottom: -8px;
}

.dse-1 {
	display: table-cell;
	font-family: NHaasGroteskTXPro-65Md, serif;
	font-size: 1.0vw;
	line-height: 1.0em;
	text-align: left;
	vertical-align: top;
	width: 100vw;
	padding-bottom: 1.0em;
	padding-left: 10vw;
}

.dse-2 {
	display: table-cell;
	font-family: NHaasGroteskTXPro-55Rg, serif;
	font-size: 1.0vw;
	line-height: 1.3em;
	text-align: justify;
	vertical-align: top;
	width: 100vw;
	padding-bottom: 2.0em;
	padding-left: 10vw;
	padding-right: 10vw;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

@media screen and (max-width: 35em) {

/* FJS */

.FJS-1 {
	display: block;
	width: 100%;
	height: 160vw;
	/* background: lightgreen; */
	/* vertical-align: bottom; */
	padding: 0;
	background-image: url("../pics/FJS.jpg");
	background-position: left 50% bottom;
	background-size: auto 160vw;
	background-repeat: no-repeat;
}

.FJS-2 {
	display: block;
	width: 100%;
	/* background: yellow; */
	/* vertical-align: bottom; */
	padding: 0;
}

.FJS-3 {
	display: block;
	width: 100%;
	/* background: lightblue; */
	/* vertical-align: bottom; */
	padding: 0;
	margin-bottom: 25%;
}

.foto-FJS {
	display: none;
}

.title-FJS {
	display: block;
	font-size: 15vw;
	margin: 20%;
}

.text-FJS {
	display: block;
	font-size: 7.5vw;
	line-height: 1.5em;
	margin: 5%;
}
	
/* BEsors - Impressum */

#Impressum {
	/* display: block; */
	padding: 0;
	padding-bottom: 25%;
	margin-left: -8px;
	margin-right: -8px;
}

.title-Imprint-left {
	vertical-align: middle;
	/* vertical-align: bottom; */
	font-size: 7.5vw;
	line-height: 1.0em;
	/* padding-top: 20%; */
	padding-left: 10%;
	/* padding-bottom: 10%; */
	width: 70%;
	/* background: lightblue; */
}

.logo-Imprint {
	vertical-align: middle;
	font-size: 7.5vw;
	line-height: 1.0em;
	padding-top: 20%;
	padding-bottom: 20%;
	width: 30%;
	/* background: orange; */
	}
	
.logo {
	height: 15.5vw;
}

.firma-2 {
	font-size: 5.4vw;
	line-height: 1.5em;
	padding: 0;
	padding-left: 10%;
	width: 100%;
}
	
.firma-3 {
	display: none;
}
		
.firma-4 {
	display: none;
}

/* Fallbeispiele */

#Fallbeispiele {
	display: block;
	padding: 0;
	padding-top: 25%;
	padding-bottom: 25%;
	margin-left: -8px;
	margin-right: -8px;
}

.ueberschrift-0 {
	font-size: 15vw;
	padding-top: 25%;
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom: 25%;
	/* width: 100%; */
}

.ueberschrift-1 {
	/* display: block; */
	font-size: 7.5vw;
	line-height: 1.2em;
	/* Padding-top: 20%; */
	padding-left: 10%;
	padding-right: 15%;
	padding-bottom: 1em;
	/* width: 100%; */
}

.ueberschrift-2 {
	/* display: block; */
	font-size: 5.4vw;
	line-height: 1.5em;
	padding-left: 10%;
	padding-right: 10%;
	/* padding-bottom: 3em; */
	/* width: 100%; */
	text-align: justify;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.format-1 {
	display: none;
	font-size: 5.4vw;
	line-height: 1.2em;
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom: 1em;
	/* width: 100%; */
}

.format-2 {
	display: none;
	font-size: 4.3vw;
	line-height: 1.3em;
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom: 3em;
	/* width: 100%; */
}

/* Datenschutz */

#DSE {
	padding-top: 20%;
	padding-bottom: 10%;
	padding-left: 10%;
	padding-right: 10%;
}

.dse-1 { 
	display: block;
	font-size: 3.5vw;
	padding: 0;
	padding-bottom: 1.5em;
	width: 100%;
}
.dse-2 {
	display: block;
	font-size: 3.5vw;
	line-height: 1.5em;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 4.5em;
	width: 100%;
}
}