/* Bauleitung Wolfgang Rein */
/* Design + Code: Michelle Dipp */

/* CSS_Reset */
		html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td
                        { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
    blockquote:before,
    blockquote:after,
    q:before, q:after   { content: ""; }
    blockquote, q       { quotes: "" ""; }
    body                { line-height: 1; color: black; background: white; }
    caption, th, td     { text-align: left; font-weight: normal; }
    :focus              { outline: 0; }
    table               { border-collapse: separate; border-spacing: 0; }
    ol, ul              { list-style: none; }


		/*Header*/
		.header_fixed {
			background-color: white;
			position: fixed;
			z-index: 1;
			max-width: 100%;
			height: 75px;
			top: 0;
			right: 0;
			left: 0;
			box-shadow: 0px 2px 20px -9px rgba(0,0,0,0.25);
		}

		.header {
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
			font-size: 15px;
			text-rendering: optimizeLegibility;
			letter-spacing: 0.7pt;
			line-height: 1.6;
			color: black;
		}

		.menuActive {
			color: #3d5f5b;
			font-family: 'Roboto', sans-serif;
		}

		.headerPaddingTop {
			padding-top: 75px;
		}

		.headerMargin {
			margin-right: 25px;
			margin-left: 25px;
			margin-top: 25px;
		}

		.headerMarginRight {
			margin-right: 25px;
			margin-top: 25px;
		}

		.headerMarginLeft {
			margin-left: 25px;
			margin-top: 25px;
		}


/* Fonts */
h1 { /*headline rubik*/
font-family: 'Rubik', sans-serif;
font-weight: 500;
font-size: 23px;
text-rendering: optimizeLegibility;
letter-spacing: 1.4pt;
line-height: 1.5;
color: #3d5f5b;
}

h2 { /*roboto regular, big size*/
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 22px;
text-rendering: optimizeLegibility;
letter-spacing: 1.2pt;
line-height: 1.5;
color: black;
}

h3 { /*roboto bold, small, green*/
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-style: bold;
font-size: 15px;
text-rendering: optimizeLegibility;
letter-spacing: 0.7pt;
line-height: 1.6;
color: #3d5f5b;
}

body { /*roboto regular, small*/
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 15px;
text-rendering: optimizeLegibility;
letter-spacing: 0.7pt;
line-height: 1.6;
color: black;
}

.textBold {
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 15px;
letter-spacing: 0.7pt;
line-height: 1.6;
color: #3d5f5b;
}

.fliesstext {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 15px;
text-rendering: optimizeLegibility;
letter-spacing: 0.7pt;
line-height: 1.6;
color: black;
}

.rechtsbuendig {
	text-align: right;
}


/*text decoration*/
a {
text-decoration: none;
}

.noDeco {
text-decoration: none;
}

.textBlack {
	color: black;
}

u {
    display: inline-block;
    text-decoration: none;
    border-bottom: 2px solid black;
		padding-bottom: 2px;
 }​

 .textBlue {
   color: #3d5f5b;
 }

 .textBlue:link, .textBlue:visited
 {
 color: #3d5f5b;
 }

 .textBlue:active, .textBlue:hover
 {
 color: #3d5f5b;
 }

.hover:hover {
   color: #3d5f5b;
}

.hoverLinie:hover {
	display: inline-block;
	text-decoration: none;
	border-bottom: 2px solid #3d5f5b;
	padding-bottom: 2px;
}

.hoverLinie {
	display: inline-block;
	text-decoration: none;
	border-bottom: 2px solid black;
	padding-bottom: 2px;
}



.cursor {
    padding: 2px;
    cursor: pointer;
}

.listInside {
	list-style-position: inside;
}


.listSecondLine li {
	padding-left: 19px;
	text-indent: -19px;
}

.listSecondLine li > * {
	text-indent: 0;
}



/* Weißräume */
.paddingLeft25 {
	padding-left: 25px;
}

.paddingRight25 {
	padding-right: 25px;
}

.paddingLeft150Menu {
	padding-left: 125px;
}

.paddingRight150Menu {
	padding-right: 150px;
}

.paddingLeft50 {
	padding-left: 50px;
}

.paddingRight50 {
	padding-right: 50px;
}

.paddingLeft75 {
	padding-left: 75px;
}

.paddingRight75 {
	padding-right: 75px;
}

.paddingLeft150 {
	padding-left: 150px;
}

.paddingRight150 {
	padding-right: 150px;
}

.paddingTop150 {
	padding-top: 150px;
}

.paddingTop100 {
	padding-top: 100px;
}

.paddingLeft170 {
	padding-left: 170px;
}

.paddingLeft200 {
	padding-left: 200px;
}

.paddingRight170 {
	padding-right: 170px;
}

.paddingRightLeft50 {
	padding-right: 50px;
	padding-left: 50px;
}

.paddingBottom25 {
	padding-bottom: 25px;
}

.paddingBottom75 {
	padding-bottom: 75px;
}

.paddingTop50 {
	padding-top: 50px;
}

.paddingBottom50 {
  padding-bottom: 50px;
}

.paddingBottom100 {
  padding-bottom: 100px;
}

.paddingBottom150 {
  padding-bottom: 150px;
}

.paddingTop25 {
	padding-top: 50px;
}

.paddingAll {
	padding: 50px;
}

.padding200 {
  padding-top: 200px;
}

.padding100 {
  padding-top: 100px;
}

.paddingZitat {
  padding-top: 275px;
	padding-left: 50px;
	padding-bottom: 275px;
	padding-right: 50px;
}

.paddingZitatWork {
  padding-top: 280px;
	padding-left: 50px;
	padding-bottom: 275px;
	padding-right: 50px;
}

.paddingZitat2 {
  padding-top: 280px;
	padding-left: 50px;
	padding-bottom: 147px;
	padding-right: 50px;
}

.paddingTopBottomLeft50 {
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 50px;
}

.paddingTopBottomRight50 {
	padding-top: 50px;
	padding-bottom: 50px;
	padding-right: 50px;
}

.paddingBottomLeftRight50 {
	padding-bottom: 50px;
	padding-left: 50px;
	padding-right: 50px;
}

.paddingBottom275 {
	padding-bottom: 275px;
}

.paddingTopFact {
	padding-top: 5px;
}

.NopaddingBottom {
	padding-bottom: 0px;
}


/*Grid and clearfix*/
/*Clear floats*/
.clearfix:after {
	display: table;
	clear: both;
	content: " ";
}

.clear {
 clear: both;
}

/*Grids*/
.gridHaken {
	width: 15%;
	float: left;
}

.gridText {
	width: 85%;
	float: left;
}

.paddingLeftHaken {
	padding-Left: 20px;
}

.paddingTopHaken {
	padding-Top: 5px;
}

.grid97 {
	width: 97%;
	float: left;
}

.grid85 {
	width: 85%;
	float: left;
}

.grid80 {
	width: 80%;
	float: left;
}

.grid70 {
	width: 70%;
	float: left;
}

.grid75 {
	width: 75%;
	float: left;
}

.grid60 {
	width: 60%;
	float: left;
}

.grid50 {
	width: 50%;
	float: left;
}

.grid45 {
	width: 45%;
	float: left;
}

.grid40 {
	width: 40%;
	float: left;
}

.grid30 {
	width: 30%;
	float: left;
}

.grid3 {
	width: 3%;
	float: left;
}

.gridLogo {
	width: 15%;
	float: left;
}

/*left / right align*/
.alignleft {
  float: left;
}
.alignright {
  float: right;
}


/*pictures and videos*/
video {
	width: 100%;
}
img {
	width: 100%;
}

.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}


/*image zoom*/
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.img-wrapper {
    display: inline-block;
    overflow: hidden;
    border: 0px;
}

.img-wrapper img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    vertical-align: middle;
}

.img-wrapper img:hover {
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
    transform:scale(1.1);
}

.img-wrapper-slow img {
    -webkit-transition: all 15s ease;
    -moz-transition: all 15s ease;
    -ms-transition: all 15s ease;
    -o-transition: all 15s ease;
    transition: all 15s ease;
    vertical-align: middle;
}

.img-wrapper-slow img:hover {
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
    transform:scale(1.1);
}



.hiddenOnLaptop {
 display: none !important;
}


/* RESPONSIVE SETTINGS */
/* responsive settings macbook - imac */

/*device widths: 1024 - 1280 (5%, Macbook 13Zoll) - 1366 (7%) - 1600 (4%)- - 1680 (3%) - 1920 (10%, Bildschirm) - 2560 - 3840*/

@media only screen
and (min-width : 1024px)
and (max-width : 1500px)  { /* Macbook */

	.gridLogo {
		width: 15%;
		float: left;
	}
}

@media only screen
and (min-width : 1500px)
and (max-width : 1920px)  { /* Macbook - Bildschrim */

	.gridLogo {
		width: 11%;
		float: left;
	}

	.gridHaken {
		width: 10%;
		float: left;
	}
}

@media only screen
and (min-width : 1920px)
and (max-width : 1920px)  { /* Bildschirm */

	.gridLogo {
		width: 9%;
		float: left;
	}

	.gridHaken {
		width: 10%;
		float: left;
	}
}


@media only screen
and (min-width : 1920px)
and (max-width : 2500px)  { /* Bildschirm */

	.gridLogo {
		width: 10%;
		float: left;
	}

	.gridHaken {
		width: 10%;
		float: left;
	}
}

/* responsive settings iphone - ipad */

@media only screen
and (min-width : 200px)
and (max-width : 1150px)  { /* iPad 1024px */


.grid50ipad {
	width: 100%;
	float: left;
}

	.grid85 {
		width: 100%;
		float: left;
	}

	.grid80 {
		width: 100%;
		float: left;
	}

	.grid75 {
		width: 100%;
		float: left;
	}

	.grid70 {
		width: 100%;
		float: left;
	}

	.paddingRightResponsive {
		padding-right: 50px;
	}

	.gridLogo {
		width: 12%;
	}

	.paddingBottom100 {
	  padding-bottom: 100px;
	}

	.grid50iPad {
		width: 100%;
		float: left;
	}


	.paddingBottomResponsive {
		padding-bottom: 100px;
	}

	.paddingBottomResponsiveSmall {
		padding-bottom: 75px;
	}

	.paddingTopResponsiveSmall {
		padding-top: 75px;
	}


	.paddingLeft150 {
		padding-left: 50px;
	}

	.paddingRight150 {
		padding-right: 50px;
	}

	.hiddenOnLaptop {
	 display: inherit !important;
	}

	.hiddenOnPhone {
	display: none !important;
	}

	.rechtsbuendig {
		text-align: left;
	}

	.paddingLeft200 {
		padding-left: 50px;
	}

	.paddingLeft150Menu {
		padding-left: 50px;
	}

	.paddingRight150Menu {
		padding-right: 50px;
	}

}

@media only screen
and (min-width : 200px)
and (max-width : 610px)  { /* zwischen iPhone & ipad*/

	.header {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
		font-size: 12px;
		text-rendering: optimizeLegibility;
		letter-spacing: 0.7pt;
		line-height: 1.6;
		color: black;
	}

	.headerMargin {
		margin-right: 8px;
		margin-left: 8px;
		margin-top: 30px;
	}

	.headerMarginRight {
		margin-right: 8px;
		margin-top: 30px;
	}

	.headerMarginLeft {
		margin-left: 8px;
		margin-top: 30px;
	}

	.gridLogo {
		width: 17%;
		float:left;
}

}



@media only screen
and (min-device-width : 200px)
and (max-device-width : 667px)
and (orientation : landscape) { /* iPhone quer*/


	.header_fixed {
		background-color: white;
		position: fixed;
		z-index: 1;
		max-width: 100%;
		height: 75px;
		top: 0;
		right: 0;
		left: 0;
		box-shadow: 0px 2px 20px -9px rgba(0,0,0,0.25);
	}

	.header {
		font-family: 'Roboto', sans-serif;
	font-weight: 400;
		font-size: 15px;
		text-rendering: optimizeLegibility;
		letter-spacing: 0.7pt;
		line-height: 1.6;
		color: black;
	}

		.headerMargin {
			margin-right: 25px;
			margin-left: 25px;
			margin-top: 25px;
		}

		.headerMarginRight {
			margin-right: 25px;
			margin-top: 25px;
		}

		.headerMarginLeft {
			margin-left: 25px;
			margin-top: 25px;
		}

	u {
    display: inline-block;
    text-decoration: none;
    border-bottom: 4px solid black;
		padding-bottom: 4px;
	 }​

	 .hoverLinie:hover {
	 	display: inline-block;
	 	text-decoration: none;
	 	border-bottom: 4px solid #0C04B8;
	 	padding-bottom: 4px;
	 }

	 .hoverLinie {
	 	display: inline-block;
	 	text-decoration: none;
	 	border-bottom: 4px solid black;
	 	padding-bottom: 4px;
	 }


	.grid1 {
		width: 100%;
	}

	.grid80 {
		width: 100%;
		float: left;
	}

	.grid75 {
		width: 100%;
		float: left;
	}

	.grid70 {
		width: 100%;
		float: left;
	}

	.grid85 {
		width: 100%;
		float: left;
	}

	.grid60 {
		width: 100%;
		float: left;
	}

	.grid50 {
		width: 100%;
		float: left;
	}

	.grid45 {
		width: 100%;
		float: left;
	}

	.grid40 {
		width: 100%;
		float: left;
	}

	.grid30 {
		width: 100%;
		float: left;
	}

	.paddingLeft25 {
		padding-left: 50px;
	}

	.paddingRight25 {
		padding-right: 50px;
		padding-bottom: 100px;
	}

	.paddingLeftResponsive {
		padding-left: 50px;
		padding-bottom: 100px;
	}

	.paddingLeftResponsive0 {
		padding-left: 0px;
	}

	.paddingBottomResponsive {
		padding-bottom: 100px;
	}

	.paddingBottomResponsiveSmall {
		padding-bottom: 75px;
	}

	.paddingTopResponsiveSmall {
		padding-top: 75px;
	}

	.paddingZitatWork {
	  padding-top: 375px;
		padding-left: 50px;
		padding-bottom: 275px;
		padding-right: 50px;
	}

	.paddingTop100Responsive {
		padding-Top: 100px;
	}



h1 { /*headline rubik*/
font-family: 'Rubik', sans-serif;
font-weight: 500;
font-size: 23px;
text-rendering: optimizeLegibility;
letter-spacing: 1.4pt;
line-height: 1.5;
color: #3d5f5b;
}

h2 { /*roboto regular, big size*/
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 22px;
text-rendering: optimizeLegibility;
letter-spacing: 1.2pt;
line-height: 1.5;
color: black;
}

h3 { /*roboto bold, small, green*/
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 15px;
text-rendering: optimizeLegibility;
letter-spacing: 0.7pt;
line-height: 1.6;
color: #3d5f5b;
}

body { /*roboto regular, small*/
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 15px;
text-rendering: optimizeLegibility;
letter-spacing: 0.7pt;
line-height: 1.6;
color: black;
}

.textBold {
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 15px;
text-rendering: optimizeLegibility;
letter-spacing: 0.7pt;
line-height: 1.6;
color: #3d5f5b;
}

.fliesstext {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 15px;
text-rendering: optimizeLegibility;
letter-spacing: 0.7pt;
line-height: 1.6;
color: #3d5f5b;
}


.paddingLeft150Menu {
	padding-left: 50px;
}

.paddingRight150Menu {
	padding-right: 50px;
}

	.listSecondLine li {
		padding-left: 48px;
		text-indent: -48px;
	}

	.paddingRightHandy {
		padding-right: 25px;
	}

	.headerPaddingTop {
		padding-top: 0px;
	}

.responsiveHandyLeftRight {
	padding-left: 0px;
	padding-right: 0px;
}

.paddingLeft150 {
	padding-left: 50px;
}

.paddingRight150 {
	padding-right: 50px;
}

.paddingRight170 {
	padding-right: 50px;
}

.paddingLeft200 {
	padding-left: 50px;
}

.rechtsbuendig {
	text-align: left;
}

.test{
	visibility: hidden;
}

.gridLogo {
	width: 13%;
}

.paddingLeft75 {
	padding-left: 50px;
}


.paddingBottom100 {
  padding-bottom: 100px;
}

.grid50Responsive {
	width: 50%;
}

.hiddenOnLaptop {
 display: inherit !important;
}

.hiddenOnPhone {
display: none !important;
}

}

 /* close iPhone quer*/



@media only screen
and (min-device-width : 200px)
and (max-device-width : 667px)
and (orientation : portrait) { /* iPhone hoch*/


	.header{
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		font-size: 25px;
		text-rendering: optimizeLegibility;
		letter-spacing: 0.7pt;
		line-height: 1.6;
		color: black;
	}

	u {
    display: inline-block;
    text-decoration: none;
    border-bottom: 4px solid black;
		padding-bottom: 4px;
	 }​

	 .hoverLinie:hover {
	 	display: inline-block;
	 	text-decoration: none;
	 	border-bottom: 4px solid #0C04B8;
	 	padding-bottom: 4px;
	 }

	 .hoverLinie {
	 	display: inline-block;
	 	text-decoration: none;
	 	border-bottom: 4px solid black;
	 	padding-bottom: 4px;
	 }

	.grid1 {
		width: 100%;
	}

	.grid80 {
		width: 100%;
		float: left;
	}

	.grid75 {
		width: 100%;
		float: left;
	}

	.grid70 {
		width: 100%;
		float: left;
	}

	.grid85 {
		width: 100%;
		float: left;
	}

	.grid60 {
		width: 100%;
		float: left;
	}

	.grid50 {
		width: 100%;
		float: left;
	}

	.grid45 {
		width: 100%;
		float: left;
	}

	.grid40 {
		width: 100%;
		float: left;
	}

	.grid30 {
		width: 100%;
		float: left;
	}

	.paddingLeft25 {
		padding-left: 50px;
	}

	.paddingRight25 {
		padding-right: 50px;
		padding-bottom: 100px;
	}

	.paddingLeft75 {
		padding-left: 50px;
	}

	.paddingLeftResponsive {
		padding-left: 50px;
		padding-bottom: 100px;
	}

	.paddingLeftResponsive0 {
		padding-left: 0px;
	}


		.paddingTop100Responsive {
			padding-Top: 100px;
		}

	.paddingBottomResponsive {
		padding-bottom: 100px;
	}

	.paddingBottomResponsiveSmall {
		padding-bottom: 75px;
	}

	.paddingTopResponsiveSmall {
		padding-top: 75px;
	}

	.paddingZitatWork {
	  padding-top: 375px;
		padding-left: 50px;
		padding-bottom: 275px;
		padding-right: 50px;
	}


	.headerMargin {
		margin-right: 25px;
		margin-left: 25px;
		margin-top: 55px;
	}

	.headerMarginRight {
		margin-right: 25px;
		margin-top: 55px;
	}

	.headerMarginLeft {
		margin-left: 25px;
		margin-top: 55px;
	}

.paddingLeft150Menu {
	padding-left: 50px;
}

.paddingRight150Menu {
	padding-right: 50px;
}

	.listSecondLine li {
		padding-left: 48px;
		text-indent: -48px;
	}

	.paddingRightHandy {
		padding-right: 25px;
	}

	.headerPaddingTop {
		padding-top: 150px;
	}

.responsiveHandyLeftRight {
	padding-left: 0px;
	padding-right: 0px;
}

.paddingLeft150 {
	padding-left: 50px;
}

.paddingRight150 {
	padding-right: 50px;
}

.paddingRight170 {
	padding-right: 50px;
}

.paddingLeft200 {
	padding-left: 50px;
}

.rechtsbuendig {
	text-align: left;
}

.test{
	visibility: hidden;
}

.paddingBottom100 {
  padding-bottom: 100px;
}

.hiddenOnPhone {
display: none !important;
}

.hiddenOnLaptop {
 display: inherit !important;
}

h1 { /*headline rubik*/
font-family: 'Rubik', sans-serif;
font-weight: 500;
font-style: medium;
font-size: 41px;
text-rendering: optimizeLegibility;
letter-spacing: 1.4pt;
line-height: 1.5;
color: #3d5f5b;
}

.h1 {
	font-family: 'Rubik', sans-serif;
	font-weight: 500 !important;
	font-style: medium;
	font-size: 41px;
}

h2 { /*roboto regular, big size*/
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 40px;
text-rendering: optimizeLegibility;
letter-spacing: 1.2pt;
line-height: 1.5;
color: black;
}

h3 { /*roboto bold, small, green*/
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 30px;
text-rendering: optimizeLegibility;
letter-spacing: 0.7pt;
line-height: 1.6;
color: #3d5f5b;
}

body {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 30px;
text-rendering: optimizeLegibility;
letter-spacing: 0.7pt;
line-height: 1.6;
color: black;
}

.textBold {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 30px;
	text-rendering: optimizeLegibility;
	letter-spacing: 0.7pt;
	line-height: 1.6;
	color: #3d5f5b;
}

.fliesstext {
	font-family: 'Roboto', sans-serif;
font-weight: 400;
	font-size: 30px;
	text-rendering: optimizeLegibility;
	letter-spacing: 0.7pt;
	line-height: 1.6;
	color: black;
}

.header_fixed {
	background-color: white;
	position: fixed;
	z-index: 1;
	max-width: 100%;
	height: 150px;
	top: 0;
	right: 0;
	left: 0;
	box-shadow: 0px 2px 20px -9px rgba(0,0,0,0.25);
}

}