/* Basic Styles BEGIN */
*{
	box-sizing: border-box;
}

html,
body {
	width:100%;
	height:100%;
	font-family:'Gotham A', 'Gotham B', sans-serif;
	font-weight:300;
	font-style: normal;
}

a,
a:focus,
a:hover {
	outline:0;
	border:0 none;
}

.clear {
	float:none;
	clear:both;
	margin:0;
	padding:0;
	border:0 none;
	outline:0;
	width:100%;
	display:block;
}

hr.basic-hr {
	background:#dbdbdb;
	border:0 none;
	height:1px;
	width:100%;
}

.nav_opacity {
	opacity:0.2;
}

#wrapper {
	width:100%;
	/* height:auto !important; /* normale Browser */
  height:100%; /* IE6 setzt dies wie min-height um*/
  min-height:100%; /* normale Browser */
	position:relative;
	display:table;
}

#wrapper.dataprivacy{
	display: block;
}

#wrapper.dataprivacy #content_main{
	display: block;
}

#wrapper.dataprivacy #content_main h1{
	font-size: 2.5rem !important;
	margin-bottom: 30px !important;
}

#wrapper_content {
	width:100%;
	max-width:100%;
	height:auto !important; /* normale Browser */
  height:100%; /* IE6 setzt dies wie min-height um*/
  min-height:100%; /* normale Browser */
	margin:50px auto 20px auto;
	/* padding:0 6.25% 140px 6.25%; */
}

.start-wrapper {
	margin-top: 139px !important;
}

#wrapper_content.breuninger,
#wrapper_content.coroplast,
#wrapper_content.dus,
#wrapper_content.veolia {
	margin-bottom:0;
	padding-bottom:150px;
}

#content_main.breuninger {
	padding:25px 0 0 0;
	width:100%;
}

#content_main.dus {
	padding:25px 0 0 0;
	width:100%;
}

#content_main.coroplast {
	padding:25px 0 0 0;
	width:100%;
}

#content_main.veolia {
	padding:25px 0 0 0;
	width:100%;
}

article img {
	width:100%;
	height:auto;
	overflow:hidden;
}

#wrapper_content.viernullvier {
	background:url(../images/bg_404.png) center top no-repeat;
	padding-top:60px;
	margin-bottom:130px;
	background-size:cover;
}

.viernullvier_big p {
	font-weight:300;
	font-style:normal;
	font-size:10rem;
	line-height:10rem;
	text-align:center;
	display:block;
	color:#fff;
	padding:0 3%;
}

.viernullvier_small p {
	font-weight:300;
	font-style:normal;
	font-size:2rem;
	line-height:2rem;
	text-align:center;
	display:block;
	color:#fff;
	padding:0 3%;
}

.wrapper_cow {
	margin:50px auto 0 auto;
	max-width:515px;
	height:100% !important;
	height:auto !important;
	min-height:350px;
	max-height:410px;
	position:relative;
	display:block;
}

img.cow,
img.shaddow {
	position:absolute;
	width:80%;
	height:auto;
	margin:0 10%;
}

img.cow {
	z-index:999;
}

img.shaddow {
	z-index:900;
}

/* .button-row.viernullvier {

} */

.privacy-bar {
	padding: 30px 300px 0px 300px;
	position: fixed;
	bottom: 30px;
	z-index: 9999;
}

.privacy-bar div{
	box-shadow: 0px 10px 40px -10px rgba(0,0,0,0.6);
	background-color: white;
	padding: 30px;
	border: 1px solid #ec8c5e;
}

/* .privacy-bar div p,
.privacy-bar div a {
	margin-bottom: 0px; */
	/* width: 85%; HS: 20180614 */
	/* font-size: 1rem;
	line-height: 1.4rem;
} */

.privacy-bar div p,
.privacy-bar div a {
	margin-bottom: 0px;
	width: 80%;
	font-size: 1rem;
	line-height: 1.4rem;
}

.privacy-bar div img{
	width: 50px;
	float: left;
	margin-right: 20px;
}

.privacy-button{
	border: 1px solid #393b3b;
	border-radius: 3px;
	color: #393b3b;
	font-size: 1rem;
	line-height: 2.2rem;
	text-decoration: none;
	padding: 3px 15px;
	font-weight: 300;
	margin-top: -43px;
	float: right;
	cursor: pointer;
}

/* blog style */

.blog-sprache-nav  {
	margin-bottom: 20px;
	margin:right;
	display: flex;
  flex-direction: row-reverse;
}
.blog-sprache-nav p {
	font-size: 14px;
}
.blog-sprache-nav p a{
	font-size: 14px;
	color: rgb(57 59 59);
	text-decoration: none;
	padding: 3px 0px;
}


.blog-untertitel {
	font-size: 14px;
	margin-bottom: 30px;
	margin-top: 10px;
	font-style: italic;

}

.code-wrapper {
	background-color: #ededed;
	width: 100%;
	border-radius: 10px;
	margin-top: 25px;
	margin-bottom: 35px;
}
.code-in-browser {
	max-width: 70%;
}



@media screen and (max-width: 576px) {
	.blog-untertitel {
    font-size: 13px;
    line-height: 19px;

}
}

.handy-img {
	max-width: 50%;
  /* margin: auto; */
	margin-bottom: 30px;
}
@media screen and (max-width: 576px) {
	.handy-img {
		max-width: 100%;
	}
}


.blog-ul{
	margin-left:25px;
}
@media screen and (max-width: 576px) {
	.blog-ul{
		margin-left:15px;
	}
}

.blog-ul li{
	list-style: decimal;
	font-weight: bold;
  margin-left: 20px;
}

.blog-ul.custom li{
	font-size: 14px;
}

.blog-tabelle {
	margin: 30px 0;
	font-size: 14px;
}

.bild-wrapper-blog-1{
	display: flex;
}

.bild-wrapper-blog-1 .img-halter{
	width: 50%;
	margin: 15px;
}
.blog-untertitel a {
	color:#515151;
	font-size: 14px;

}
.blog-untertitel  {
	line-height: 1.2em;
}


@media screen and (max-width: 768px) {
	.bild-wrapper-blog-1{
		flex-direction: column;
	}

	.bild-wrapper-blog-1 .img-halter{
		width: 100%
	}

}


@media screen and (max-width: 992px) {
	.blog-tabelle {
		font-size: 90%;
	}
}
@media screen and (max-width: 576px) {
	.blog-tabelle {
		font-size: 70%;
	}
	.row-two .column, .row-tree .column {
		padding: 10px 3px;
	}
}
.table-head {
	margin: auto;
	text-align: center;
	padding: 15px;
	background-color: #00B050;
}

.table-content {
	display: flex;
	flex-direction: row;
	margin: auto;
}
@media screen and (max-width: 992px) {
	.table-content {
		flex-direction: column;
	}
}

.table-kategurie {
	width: 50%;
	margin: auto;
	text-align: center;

}

@media screen and (max-width: 992px) {
	.table-kategurie {
		width: 100%;

	}
}

.row-one {
	padding: 15px;
	border: 1px solid rgb(203, 203, 203);
	border-top: 0px;
	border-bottom: 0px;
	background-color: rgb(250 235 215);
}
.row-tree {
	background-color: yellow;
}

.row-two, .row-tree {
	text-align: center;
	display:flex
}
.row-two .column{
	width: 33.33%;
	padding: 10px;
	border: 1px solid rgb(203, 203, 203);
	border-bottom: 0;
}

.row-two .column.column-2 {
	border-right: 0px;
	border-left: 0px;
}
.row-tree .column{
	width: 25%;
	padding: 10px;
	border: 1px solid  rgb(203, 203, 203);
}

.row-tree  .column.column-2 {
	border-right: 0;
	border-left: 0;
}
.row-tree  .column.column-4 {
	border-left: 0;
}
.table-kategurie.kat-2 .row-two .column {
	width: 100%;
}
.table-kategurie .row-tree .column.column-1 {
	width: 28%;
}
.table-kategurie .row-tree .column.column-2 {
	width: 23%;
}
.table-kategurie .row-tree .column.column-3 {
	width: 23%;
}
.table-kategurie .row-tree .column.column-4 {
	width: 28%;
}

.table-kategurie.kat-2 .row-tree .column {
	width: 33.33%;
}

.row-tree {
	min-height: 60px;
}

.table-kategurie.kat-2 {
	border-left:0;
}

.row-two .column.column-1 {
	width: 28%;
}
.row-two .column.column-2 {
	width: 46%;
}
.row-two .column.column-3 {
	width: 28%;
}
/* Ende blog style */

/* Basic Styles END */



/* Transforms BEGIN */

	/* Hovering */

	.cow {
		width:100%;
		height:auto;
		overflow:hidden;
	    -webkit-animation-name: hovering;
	    -webkit-animation-duration: 3s;
	    -webkit-animation-iteration-count: infinite;
	    -webkit-animation-timing-function: ease-in-out;
	    -moz-animation-name: hovering;
	    -moz-animation-duration: 3s;
	    -moz-animation-iteration-count: infinite;
	    -moz-animation-timing-function: ease-in-out;
	    animation-name: hovering;
	    animation-duration: 3s;
	    animation-iteration-count: infinite;
	    animation-timing-function: ease-in-out;
	}

	@-webkit-keyframes hovering {
	    from {-webkit-transform:translate(0, 0px);}
	    50% {-webkit-transform:translate(0, -25px);}
	    to {-webkit-transform: translate(0, -0px);}
	}

	@-moz-keyframes hovering {
	    from {-moz-transform:translate(0, 0px);}
	    50% {-moz-transform:translate(0, -25px);}
	    to {-moz-transform: translate(0, -0px);}
	}

	@keyframes hovering {
	    from {transform:translate(0, 0px);}
	    50% {transform:translate(0, -25px);}
	    to {transform: translate(0, -0px);}
	}

	.shaddow {
		width:100%;
		height:auto;
		overflow:hidden;
	    -webkit-animation-name: scale;
	    -webkit-animation-duration: 3s;
	    -webkit-animation-iteration-count: infinite;
	    -webkit-animation-timing-function: ease-in-out;
	    -moz-animation-name: scale;
	    -moz-animation-duration: 3s;
	    -moz-animation-iteration-count: infinite;
	    -moz-animation-timing-function: ease-in-out;
	    animation-name: scale;
	    animation-duration: 3s;
	    animation-iteration-count: infinite;
	    animation-timing-function: ease-in-out;
	}

	@-webkit-keyframes scale {
	    from {-webkit-transform:scaleX();}
	    50% {-webkit-transform:scaleX(0.8);}
	    to {-webkit-transform:scaleX(1);}
	}

	@-moz-keyframes scale {
	    from {-moz-transform:scaleX();}
	    50% {-moz-transform:scaleX(0.8);}
	    to {-moz-transform:scaleX(1);}
	}

	@keyframes scale {
	    from {transform:scaleX();}
	    50% {transform:scaleX(0.8);}
	    to {transform:scaleX(1);}
	}

	/* Zahnrad */

	.transform_rotate {
		text-align:center;
        -webkit-animation: spinnLeft 15s linear infinite;
        animation: spinnLeft 15s linear infinite;
    }

    @keyframes spinnLeft {
        0% {
        	-webkit-transform:rotate(0deg);
        	transform:rotate(0deg);
        }
        100% {
        	-webkit-transform:rotate(360deg);
        	transform:rotate(360deg);
        }
	}

    @-webkit-keyframes spinnLeft {
        0% {
        	-webkit-transform:rotate(0deg);
        	transform:rotate(0deg);
        }
        100% {
        	-webkit-transform:rotate(360deg);
        	transform:rotate(360deg);
        }
    }

    /* Bus */

    .animate_bus {
	    text-align:center;
		animation-name:animateBus;
	    animation-duration:6s;
	    animation-iteration-count:1;
	    animation-delay:0s;
	    animation-play-state:running;
		-webkit-animation-name:animateBus;
	    -webkit-animation-duration:6s;
	    -webkit-animation-iteration-count:1;
	    -webkit-animation-delay:0s;
	    -webkit-animation-play-state:running;
    }

    @keyframes animateBus {
        0% {
        	-webkit-transform: translateX(-320px) translateY(0px);
			transform: translateX(-320px) translateY(0px);
        }
        100% {
        	-webkit-transform: translateX(0px) translateY(0px);
			transform: translateX(-0px) translateY(0px);
        }
	}

    @-webkit-keyframes animateBus {
        0% {
        	-webkit-transform: translateX(-320px) translateY(0px);
			transform: translateX(-320px) translateY(0px);
        }
        100% {
        	-webkit-transform: translateX(0px) translateY(0px);
			transform: translateX(-0px) translateY(0px);
        }
	}


    /* Flugzeug */

    .animate_fly {
	    text-align:center;
		animation-name:animateFly;
	    animation-duration:6s;
	    animation-iteration-count:1;
	    animation-delay:0s;
	    animation-play-state:running;
		-webkit-animation-name:animateFly;
	    -webkit-animation-duration:6s;
	    -webkit-animation-iteration-count:1;
	    -webkit-animation-delay:0s;
	    -webkit-animation-play-state:running;
    }

    @keyframes animateFly {
        0% {
        	-webkit-transform: translateX(-360px) translateY(190px);
			transform: translateX(-360px) translateY(190px);
        }
        100% {
        	-webkit-transform: translateX(0px) translateY(0px);
			transform: translateX(-0px) translateY(0px);
        }
	}

    @-webkit-keyframes animateFly {
        0% {
        	-webkit-transform: translateX(-360px) translateY(190px);
			transform: translateX(-360px) translateY(190px);
        }
        100% {
        	-webkit-transform: translateX(0px) translateY(0px);
			transform: translateX(-0px) translateY(0px);
        }
	}

	/* Zahl */

	.animate_gradiant {
		font-size:8rem;
		line-height:10rem;
		text-align:center;
		color:#3c3c3b;
		background:linear-gradient(top, #094076 0%,#094076 74%,#47b4e5 74%,#47b4e5 100%);
		background: -webkit-linear-gradient(top, #094076 0%,#094076 74%,#47b4e5 74%,#47b4e5 100%);
		text-fill-color:transparent;
		background-clip:text;
		animation-name:animateGradient;
	    animation-duration:3s;
	    animation-iteration-count:1;
	    animation-delay:0s;
	    animation-play-state:running;

		-webkit-text-fill-color:transparent;
		-webkit-background-clip:text;
		-webkit-animation-name:animateGradient;
	    -webkit-animation-duration:3s;
	    -webkit-animation-iteration-count:1;
	    -webkit-animation-delay:0s;
	    -webkit-animation-play-state:running;
	}

	.animation_gradient p {
		margin: 0 !important;
		text-align:center;
	}

    @keyframes animateGradient {
		1% {
			background: linear-gradient(top, #094076 0%,#094076 0%,#47b4e5 0%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 0%,#47b4e5 0%,#47b4e5 100%);
			}
		3% {
			background: linear-gradient(top, #094076 0%,#094076 2%,#47b4e5 2%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 2%,#47b4e5 2%,#47b4e5 100%);
		}
		6% {
			background: linear-gradient(top, #094076 0%,#094076 4%,#47b4e5 4%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 4%,#47b4e5 4%,#47b4e5 100%);
		}
		9% {
			background: linear-gradient(top, #094076 0%,#094076 6%,#47b4e5 6%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 6%,#47b4e5 6%,#47b4e5 100%);
		}
		12% {
			background: linear-gradient(top, #094076 0%,#094076 6%,#47b4e5 6%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 6%,#47b4e5 6%,#47b4e5 100%);
		}
		15% {
			background: linear-gradient(top, #094076 0%,#094076 10%,#47b4e5 10%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 10%,#47b4e5 10%,#47b4e5 100%);
		}
		18% {
			background: linear-gradient(top, #094076 0%,#094076 12%,#47b4e5 12%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 12%,#47b4e5 12%,#47b4e5 100%);
		}
		21% {
			background: linear-gradient(top, #094076 0%,#094076 14%,#47b4e5 14%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 14%,#47b4e5 14%,#47b4e5 100%);
		}
		24% {
			background: linear-gradient(top, #094076 0%,#094076 16%,#47b4e5 16%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 16%,#47b4e5 16%,#47b4e5 100%);
		}
		27% {
			background: linear-gradient(top, #094076 0%,#094076 18%,#47b4e5 18%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 18%,#47b4e5 18%,#47b4e5 100%);
		}
		30% {
			background: linear-gradient(top, #094076 0%,#094076 20%,#47b4e5 20%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 20%,#47b4e5 20%,#47b4e5 100%);
		}
		33% {
			background: linear-gradient(top, #094076 0%,#094076 22%,#47b4e5 22%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 22%,#47b4e5 22%,#47b4e5 100%);
			}
		36% {
			background: linear-gradient(top, #094076 0%,#094076 22%,#47b4e5 22%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 22%,#47b4e5 22%,#47b4e5 100%);
		}
		39% {
			background: linear-gradient(top, #094076 0%,#094076 26%,#47b4e5 26%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 26%,#47b4e5 26%,#47b4e5 100%);
		}
		42% {
			background: linear-gradient(top, #094076 0%,#094076 26%,#47b4e5 26%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 26%,#47b4e5 26%,#47b4e5 100%);
		}
		45% {
			background: linear-gradient(top, #094076 0%,#094076 30%,#47b4e5 30%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 30%,#47b4e5 30%,#47b4e5 100%);
		}
		48% {
			background: linear-gradient(top, #094076 0%,#094076 32%,#47b4e5 32%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 32%,#47b4e5 32%,#47b4e5 100%);
		}
		51% {
			background: linear-gradient(top, #094076 0%,#094076 34%,#47b4e5 34%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 34%,#47b4e5 34%,#47b4e5 100%);
		}
		54% {
			background: linear-gradient(top, #094076 0%,#094076 38%,#47b4e5 38%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 38%,#47b4e5 38%,#47b4e5 100%);
		}
		57% {
			background: linear-gradient(top, #094076 0%,#094076 40%,#47b4e5 40%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 40%,#47b4e5 40%,#47b4e5 100%);
		}
		60% {
			background: linear-gradient(top, #094076 0%,#094076 42%,#47b4e5 42%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 42%,#47b4e5 42%,#47b4e5 100%);
		}
		63% {
			background: linear-gradient(top, #094076 0%,#094076 44%,#47b4e5 44%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 44%,#47b4e5 44%,#47b4e5 100%);
		}
		66% {
			background: linear-gradient(top, #094076 0%,#094076 46%,#47b4e5 46%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 46%,#47b4e5 46%,#47b4e5 100%);
			}
		69% {
			background: linear-gradient(top, #094076 0%,#094076 48%,#47b4e5 48%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 48%,#47b4e5 48%,#47b4e5 100%);
		}
		72% {
			background: linear-gradient(top, #094076 0%,#094076 52%,#47b4e5 52%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 52%,#47b4e5 52%,#47b4e5 100%);
		}
		75% {
			background: linear-gradient(top, #094076 0%,#094076 54%,#47b4e5 54%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 54%,#47b4e5 54%,#47b4e5 100%);
		}
		78% {
			background: linear-gradient(top, #094076 0%,#094076 56%,#47b4e5 56%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 56%,#47b4e5 56%,#47b4e5 100%);
		}
		81% {
			background: linear-gradient(top, #094076 0%,#094076 58%,#47b4e5 58%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 58%,#47b4e5 58%,#47b4e5 100%);
		}
		84% {
			background: linear-gradient(top, #094076 0%,#094076 60%,#47b4e5 60%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 60%,#47b4e5 60%,#47b4e5 100%);
		}
		87% {
			background: linear-gradient(top, #094076 0%,#094076 64%,#47b4e5 64%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 64%,#47b4e5 64%,#47b4e5 100%);
		}
		90% {
			background: linear-gradient(top, #094076 0%,#094076 66%,#47b4e5 66%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 66%,#47b4e5 66%,#47b4e5 100%);
		}
		93% {
			background: linear-gradient(top, #094076 0%,#094076 70%,#47b4e5 70%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 70%,#47b4e5 70%,#47b4e5 100%);
		}
		96% {
			background: linear-gradient(top, #094076 0%,#094076 72%,#47b4e5 72%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 72%,#47b4e5 72%,#47b4e5 100%);
		}
		100% {
			background: linear-gradient(top, #094076 0%,#094076 74%,#47b4e5 74%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 74%,#47b4e5 74%,#47b4e5 100%);
			}
	}

    @-webkit-keyframes animateGradient {
		1% {
			background: linear-gradient(top, #094076 0%,#094076 0%,#47b4e5 0%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 0%,#47b4e5 0%,#47b4e5 100%);
			}
		3% {
			background: linear-gradient(top, #094076 0%,#094076 2%,#47b4e5 2%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 2%,#47b4e5 2%,#47b4e5 100%);
		}
		6% {
			background: linear-gradient(top, #094076 0%,#094076 4%,#47b4e5 4%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 4%,#47b4e5 4%,#47b4e5 100%);
		}
		9% {
			background: linear-gradient(top, #094076 0%,#094076 6%,#47b4e5 6%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 6%,#47b4e5 6%,#47b4e5 100%);
		}
		12% {
			background: linear-gradient(top, #094076 0%,#094076 6%,#47b4e5 6%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 6%,#47b4e5 6%,#47b4e5 100%);
		}
		15% {
			background: linear-gradient(top, #094076 0%,#094076 10%,#47b4e5 10%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 10%,#47b4e5 10%,#47b4e5 100%);
		}
		18% {
			background: linear-gradient(top, #094076 0%,#094076 12%,#47b4e5 12%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 12%,#47b4e5 12%,#47b4e5 100%);
		}
		21% {
			background: linear-gradient(top, #094076 0%,#094076 14%,#47b4e5 14%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 14%,#47b4e5 14%,#47b4e5 100%);
		}
		24% {
			background: linear-gradient(top, #094076 0%,#094076 16%,#47b4e5 16%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 16%,#47b4e5 16%,#47b4e5 100%);
		}
		27% {
			background: linear-gradient(top, #094076 0%,#094076 18%,#47b4e5 18%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 18%,#47b4e5 18%,#47b4e5 100%);
		}
		30% {
			background: linear-gradient(top, #094076 0%,#094076 20%,#47b4e5 20%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 20%,#47b4e5 20%,#47b4e5 100%);
		}
		33% {
			background: linear-gradient(top, #094076 0%,#094076 22%,#47b4e5 22%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 22%,#47b4e5 22%,#47b4e5 100%);
			}
		36% {
			background: linear-gradient(top, #094076 0%,#094076 22%,#47b4e5 22%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 22%,#47b4e5 22%,#47b4e5 100%);
		}
		39% {
			background: linear-gradient(top, #094076 0%,#094076 26%,#47b4e5 26%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 26%,#47b4e5 26%,#47b4e5 100%);
		}
		42% {
			background: linear-gradient(top, #094076 0%,#094076 26%,#47b4e5 26%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 26%,#47b4e5 26%,#47b4e5 100%);
		}
		45% {
			background: linear-gradient(top, #094076 0%,#094076 30%,#47b4e5 30%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 30%,#47b4e5 30%,#47b4e5 100%);
		}
		48% {
			background: linear-gradient(top, #094076 0%,#094076 32%,#47b4e5 32%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 32%,#47b4e5 32%,#47b4e5 100%);
		}
		51% {
			background: linear-gradient(top, #094076 0%,#094076 34%,#47b4e5 34%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 34%,#47b4e5 34%,#47b4e5 100%);
		}
		54% {
			background: linear-gradient(top, #094076 0%,#094076 38%,#47b4e5 38%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 38%,#47b4e5 38%,#47b4e5 100%);
		}
		57% {
			background: linear-gradient(top, #094076 0%,#094076 40%,#47b4e5 40%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 40%,#47b4e5 40%,#47b4e5 100%);
		}
		60% {
			background: linear-gradient(top, #094076 0%,#094076 42%,#47b4e5 42%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 42%,#47b4e5 42%,#47b4e5 100%);
		}
		63% {
			background: linear-gradient(top, #094076 0%,#094076 44%,#47b4e5 44%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 44%,#47b4e5 44%,#47b4e5 100%);
		}
		66% {
			background: linear-gradient(top, #094076 0%,#094076 46%,#47b4e5 46%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 46%,#47b4e5 46%,#47b4e5 100%);
			}
		69% {
			background: linear-gradient(top, #094076 0%,#094076 48%,#47b4e5 48%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 48%,#47b4e5 48%,#47b4e5 100%);
		}
		72% {
			background: linear-gradient(top, #094076 0%,#094076 52%,#47b4e5 52%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 52%,#47b4e5 52%,#47b4e5 100%);
		}
		75% {
			background: linear-gradient(top, #094076 0%,#094076 54%,#47b4e5 54%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 54%,#47b4e5 54%,#47b4e5 100%);
		}
		78% {
			background: linear-gradient(top, #094076 0%,#094076 56%,#47b4e5 56%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 56%,#47b4e5 56%,#47b4e5 100%);
		}
		81% {
			background: linear-gradient(top, #094076 0%,#094076 58%,#47b4e5 58%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 58%,#47b4e5 58%,#47b4e5 100%);
		}
		84% {
			background: linear-gradient(top, #094076 0%,#094076 60%,#47b4e5 60%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 60%,#47b4e5 60%,#47b4e5 100%);
		}
		87% {
			background: linear-gradient(top, #094076 0%,#094076 64%,#47b4e5 64%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 64%,#47b4e5 64%,#47b4e5 100%);
		}
		90% {
			background: linear-gradient(top, #094076 0%,#094076 66%,#47b4e5 66%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 66%,#47b4e5 66%,#47b4e5 100%);
		}
		93% {
			background: linear-gradient(top, #094076 0%,#094076 70%,#47b4e5 70%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 70%,#47b4e5 70%,#47b4e5 100%);
		}
		96% {
			background: linear-gradient(top, #094076 0%,#094076 72%,#47b4e5 72%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 72%,#47b4e5 72%,#47b4e5 100%);
		}
		100% {
			background: linear-gradient(top, #094076 0%,#094076 74%,#47b4e5 74%,#47b4e5 100%);
			background: -webkit-linear-gradient(top, #094076 0%,#094076 74%,#47b4e5 74%,#47b4e5 100%);
			}
	}

/* Transforms END */



/* Header Styles BEGIN */

	#wrapper_header {
		width:100%;
		position:fixed;
		z-index:999;
		margin:0 auto;
		background:#ffffff;
		opacity:0.95;
		display:table-row;
		top: 0px;
	}

	#header_main {
		width:87.5%;
		min-height:49px;
		border-bottom:1px solid #dbdbdb;
		background:#fff;
		margin:0 auto;
	}

	#icon_home {
		position:relative;
		top:13px;
		float:left;
		margin:0 0 14px 0;
	}

	#icon_nav {
		position:relative;
		top:15px;
		left:0px;
		float:right;
		margin:0 0 24px 0;
	}

	#icon_home a {
		width:22px;
		height:22px;
		display:block;
		background:url(../images/icon_home.png) 0 0 no-repeat;
	}

	#icon_home a:hover,
	#icon_home a:active,
	#icon_home a:focus {
		background:url(../images/icon_home.png) 0 -22px no-repeat;
		cursor:pointer;
	}

	#icon_nav {
		width:22px;
		height:20px;
		display:block;
		background:url(../images/icon_nav.png) 0 0 no-repeat;
	}

	#icon_nav:hover,
	#icon_nav:active,
	#icon_nav:focus {
		background:url(../images/icon_nav.png) 0 -20px no-repeat;
		cursor:pointer;
	}

	#logo_main {
		float:left;
		position:relative;
		top:13px;
		width:84px;
		height:21px;
	}

	#logo_main a {
		width:84px;
		height:21px;
		display:block;
		background:url(../images/logo_smart.png) 0 0 no-repeat;
	}

	#logo_main a:hover {
		background:url(../images/logo_smart.png) 0 -21px no-repeat;
	}

	/* Grafiken Retina */
	@media only screen and (-webkit-min-device-pixel-ratio: 2) {
		#icon_home a {
			background:url(../images/icon_home@2x.png) 0 0 no-repeat;
			background-size:22px 44px;
		}

		#icon_home a:hover,
		#icon_home a:active,
		#icon_home a:focus {
			background:url(../images/icon_home@2x.png) 0 -22px no-repeat;
			background-size:22px 44px;
		}

		#icon_nav {
			background:url(../images/icon_nav@2x.png) 0 0 no-repeat;
			background-size:22px 40px;
		}

		#icon_nav:hover,
		#icon_nav:active,
		#icon_nav:focus {
			background:url(../images/icon_nav@2x.png) 0 -20px no-repeat;
			background-size:22px 40px;
		}

		#logo_main a {
			background:url(../images/logo_smart@2x.png) 0 0 no-repeat;
			background-size:84px 42px;
		}

		#logo_main a:hover {
			background:url(../images/logo_smart@2x.png) 0 -21px no-repeat;
			background-size:84px 42px;
		}
	}



	/* Nav Styles BEGIN */

		#nav_main {
			display:none;
		}

		#nav_main ul li {
			margin:5px 0 12px 0;
			list-style:none !important;
		}

		#nav_main ul li:last-of-type {
			margin:5px 0 20px 0;
		}

		#nav_main ul li a {
			font-weight:400;
			font-style:normal;
			text-decoration:none;
			font-size:1.5rem;
			line-height:1.9rem !important;
			color:#393b3b;
			text-transform:uppercase;
		}

		#nav_main ul li a:hover,
		#nav_main ul li a:active,
		#nav_main ul li a:focus,
		#nav_main ul li.nav_active a {
			color:#393b3b;
		}

	/* Nav Styles END */

/* Header Styles END */



/* Content Styles BEGIN */

	.col-4{
		width: 33.33%;
		height: auto;
		float: left;
		padding: 2%;
		margin-bottom: 60px;
	}

	.col-4:nth-of-type(1){
		width: 33.33%;
		padding-left: 0;
	}

	.col-4:nth-of-type(0){
		width: 33.33%;
		padding-right: 0;
	}

	.mobilezusatz {
		display:block;
	}

	#content_main {
		width:100%;
		padding: 0px 50px;
		position:relative;
		z-index:100;
		margin:0 auto;
		max-width:1240px;
	}

	h1,
	h1 a,
	h2.h1_style {
		font-weight:300 !important;
		line-height:2rem !important;
		font-size:1.5rem !important;
		color:#393b3b !important;
		margin:0 0 10px 0 !important;
	}

	h1.h1-start,
	h1.h1-start-mobile {
		line-height:2.8rem !important;
		font-size:2rem !important;
		position: relative;
		padding: 0px;
	}

	.wrapper_projekteheadline h1 {
		color:#fff !important;
	}

	h2,
	h2 a {
		font-weight:400;
		line-height:2.125rem;
		font-size:1.5rem;
		color:#393b3b !important;
		margin:0 0 15px 0;
		text-decoration:none;
	}

	h3,
	h3 a {
		font-weight:400;
		line-height:2rem;
		font-size:1.2rem;
		color:#393b3b !important;
		margin:0 0 5px 0;
		text-decoration:none;
	}

	p {
		font-weight:300;
		line-height:2rem;
		font-size:1.125rem;
		margin:0 0 14px 0;
		color:#393b3b;
	}

	ul li,
	ol li {
		font-weight:300;
		line-height:1.5rem;
		font-size:1.125rem;
		margin:0 0 10px 30px;
		color:#393b3b;
	}

	ul li {
		list-style-image:url(../images/icon_list-style.png);
	}

	p.center {
		text-align:center;
	}

	a {
		font-size:1.125rem;
		color:#393b3b;
	}

	a:hover {
		color:#e42312;
		text-decoration:underline;
	}

	article a {
		color:#e42312;
	}

	table tr td,
	table tr td p,
	table tr td a {
		font-weight:300;
		font-size:0.875rem;
		color:#5f6162;
		text-decoration:none;
	}

	table.table_kontakt tr {
		display:none;
	}

	table.table_kontakt tr td,
	table.table_kontakt tr td p,
	table.table_kontakt tr td a {
		font-size:1.5rem;
		color:#393b3b;
		text-decoration:none;
	}

	.show_desktop {
		display:table-row !important;
	}

	.show_tablet {
		display:none !important;
	}

	.show_smart {
		display:table-row !important;
	}

	#start_image_wrapper {
		background-image: url(../images/background-start-high.jpg);
    background-size: cover;
    background-position: 100% 50%;
  	margin: 136px 0 26px 0;
    width: 100%;
    height: 200px;
		margin:0;
		position:relative;
	}

	#start_image_wrapper img {
		display:none;
	}

	#start_blog {
		display:none;
	}

	article {
		width:100%;
	}

	.blogheader{
		margin-bottom: 30px;
	}

	.blogheader,
	.blogheader time {
		font-weight:300;
		line-height:1.25rem;
		font-size:1rem;
		color:#393b3b;
		display:block;
	}

	.blogheader:last-of-type {
		margin:0 0 30px 0;
	}

	.readmore img {
		width:33px;
		height:33px;
		display:block;
		margin:0 auto;
	}

	.icon_address_contact_smart,
	.icon_phone_contact_smart,
	.icon_mail_contact_smart,
	.icon_location_contact_smart,
	.icon_law_contact_smart,
	.icon_empty_contact_smart {
		width:40px;
	}

	.icon_address_contact_smart img {
		background:url(../images/icon_kontakt_smart.png) 0 0 no-repeat;
		width:22px;
		height:23px;
	}

	.icon_phone_contact_smart img {
		background:url(../images/icon_kontakt_smart.png) 0 -23px no-repeat;
		width:22px;
		height:23px;
		position:relative;
		top:4px;
	}

	.icon_mail_contact_smart img {
		background:url(../images/icon_kontakt_smart.png) 0 -46px no-repeat;
		width:22px;
		height:23px;
		position:relative;
		top:4px;
	}

	.icon_location_contact_smart img {
		background:url(../images/icon_kontakt_smart.png) 0 -69px no-repeat;
		width:22px;
		height:23px;
		position:relative;
		top:3px;
	}

	.icon_law_contact_smart img {
		background:url(../images/icon_kontakt_smart.png) 0 -92px no-repeat;
		width:22px;
		height:23px;
		position:relative;
		top:3px;
	}

	.icon_empty_contact_smart img {
		background:url(../images/icon_kontakt_smart.png) 0 -115px no-repeat;
		width:22px;
		height:23px;
		position:relative;
		top:3px;
	}

	.button-row {
		display:block;
		margin:20px 0;
	}

	.button-row p {
		text-align:center;
	}

	.button-row p.left {
		text-align:left;
		float:left;
	}

	.button-row p.right {
		text-align:right;
		float:right;
	}

	.button-row.left p {
		text-align:left;
	}

	.button-row.right p {
		text-align:right;
	}

	.button-row a {
		display:inline-block;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border:1px solid #393b3b;
		border-radius:3px;
		color:#393b3b;
		font-size:1rem;
		line-height:2.2rem;
		text-decoration:none;
		padding:0 15px;
	}

	.button-row a:hover {
		background:#393b3b;
		border:1px solid #393b3b;
		color:#fff;
	}

	.button-row.viernullvier a {
		border:1px solid #fff;
		color:#fff;
	}

	.button-row.viernullvier a:hover {
		background:#fff;
		border:1px solid #fff;
		color:#219890;
	}


	.kundenlogo {
		display:block;
		width:100%;
		height:auto;
		float:left;
	}

	.kundenlogo img {
		width:100%;
		height:auto;
		overflow:hidden;
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: grayscale(100%);
		/*filter: url(../images/grayscale.svg#greyscale); /* Firefox 4+ */
		filter: gray; /* IE 6-9 */
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
	}

	.kundenlogo img:hover {
		-webkit-filter: grayscale(0%);
		-moz-filter: grayscale(0%);
		-ms-filter: grayscale(0%);
		-o-filter: grayscale(0%);
		filter: grayscale(0%);
		filter: none; /* Firefox 4+ */
		filter: none; /* IE 6-9 */
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
	}

	.wrapper_projekte h1 span,
	h2 span {
		font-weight:300;
		background:#fff;
		display:block;
		text-align:left;
		float:left;
		margin:0 0 5px 0;
		padding:0;
		opacity:0.9;
		line-height:2.5rem;
		font-size:1.875rem;
	}

	.wrapper_projekteheadline {
		width:94%;
		height:auto;
		padding:0;
		overflow:hidden;
		margin:0;
	}

	.page-row-right,
	.page-row-mid {
		display:none;
	}

	#googlemaps {
		display:none;
	}

	#wrapper_content.viernullvier {
		padding:10px 0 0 0;
	}

	.viernullvier_big p {
		font-size:6rem;
		line-height:6rem;
	}

	.viernullvier_small p {
		font-size:1rem;
		line-height:1.5rem;
	}

	.wrapper_cow {
		margin:30px auto 0 auto;
		min-height:320px;
	}

	a.link_btn {
		border: 1px solid #393b3b;
    border-radius: 3px;
    color: #393b3b;
    font-size: 1rem;
    line-height: 2.2rem;
    text-decoration: none;
    padding: 3px 15px;
    font-weight: 300;
    margin-top: 20px;
    display: inline-block;
	}

	a.link_btn:hover{
		background: #393b3b;
    border: 1px solid #393b3b;
    color: #fff;
	}


	/* Grafiken Retina */
	@media only screen and (-webkit-min-device-pixel-ratio: 2) {
		.icon_address_contact_smart img {
			background:url(../images/icon_kontakt_smart@2x.png) 0 0 no-repeat;
			background-size:22px 138px;
		}

		.icon_phone_contact_smart img {
			background:url(../images/icon_kontakt_smart@2x.png) 0 -23px no-repeat;
			background-size:22px 138px;
		}

		.icon_mail_contact_smart img {
			background:url(../images/icon_kontakt_smart@2x.png) 0 -46px no-repeat;
			background-size:22px 138px;
		}

		.icon_location_contact_smart img {
			background:url(../images/icon_kontakt_smart@2x.png) 0 -69px no-repeat;
			background-size:22px 138px;
		}

		.icon_law_contact_smart img {
			background:url(../images/icon_kontakt_smart@2x.png) 0 -92px no-repeat;
			background-size:22px 138px;
		}

		.icon_empty_contact_smart img {
			background:url(../images/icon_kontakt_smart@2x.png) 0 -115px no-repeat;
			background-size:22px 138px;
		}

		.kundenlogo img {
			width:100%;
			height:auto;
			overflow:hidden;
			-webkit-filter: grayscale(100%);
			-moz-filter: grayscale(100%);
			-ms-filter: grayscale(100%);
			-o-filter: grayscale(100%);
			filter: grayscale(100%);
			/*filter: url(../images/grayscale.svg#greyscale); /* Firefox 4+ */
			filter: gray; /* IE 6-9 */
			-webkit-transform: translateZ(0);
			-moz-transform: translateZ(0);
			-ms-transform: translateZ(0);
			-o-transform: translateZ(0);
			transform: translateZ(0);
		}

	}

/* Content Styles END */



/* Footer Styles BEGIN */

	#wrapper_footer {
		height:125px;
		width:100%;
		position:relative;
		bottom:0;
		z-index:100;
		display: block;
		background:#fff;
	}

	#footer_main {
		background:#dbdbdb;
		width:87.5%;
		height:113px;
		padding:17px 6.25% 0 6.25%;
		margin:0 auto;
		max-width:1240px;
	}

	#logo_footer_smart {
		margin:0 0 22px 0;
	}

	#logo_footer_smart a {
		width:209px;
		height:18px;
		display:block;
		background:url(../images/logo_footer_smart.png) 0 0 no-repeat;
	}

	#footer_main table tr td {
		line-height:1.25rem;
	}

	.icon_phone_smart img {
		width:12px;
		height:12px;
		margin:0 6px 0 20px;
		background:url(../images/icon_footer-smart.png) 0 0 no-repeat;
	}

	.icon_mail_smart img {
		width:12px;
		height:12px;
		margin:0 6px 0 20px;
		position:relative;
		top:2px;
		background:url(../images/icon_footer-smart.png) 0 -12px no-repeat;
	}

	#footer_copy {
		display:none;
	}

	/* Grafiken Retina */
	@media only screen and (-webkit-min-device-pixel-ratio: 2) {

		#logo_footer_smart a {
			background:url(../images/logo_footer_smart@2x.png) 0 0 no-repeat;
			background-size:209px 18px;
		}

		.icon_phone_smart img {
			background:url(../images/icon_footer-smart@2x.png) 0 0 no-repeat;
			background-size:12px 24px;
		}

		.icon_mail_smart img {
			background:url(../images/icon_footer-smart@2x.png) 0 -12px no-repeat;
			background-size:12px 24px;
		}


	}
	a.datenschutz {
    margin-top: 5px;
		display: block;
		font-weight: 300;
	}

	#footer_copy {
		margin-right: 20px;
	}


/* Footer Styles END */





/* RWD - Smart */
@media screen and (max-width: 500px) {
	.headline-wrapper{
		display: none;
	}

	.wrapper_cow {
		min-height:260px;
	}

	h1.h1-start-mobile {
		padding: 30px 0;
	}

  .start-wrapper {
    margin-top: 50px !important;
  }

  #content_main{
    padding: 0 30px;
		display: inline-block;
		box-sizing: border-box;
  }

  .col-4{
		width: 100%;
		height: auto;
		float: left;
		padding: 0;
	}

	.col-4 h2{
		margin-bottom: 5px;
	}

	.col-4:nth-of-type(1){
		width: 100%;
		padding-left: 0;
	}

	.col-4:nth-of-type(0){
		width: 100%;
		padding-right: 0;
	}

	a.link_btn {
		border: 1px solid #393b3b;
    border-radius: 3px;
    color: #393b3b;
    font-size: 1rem;
    line-height: 2.2rem;
    text-decoration: none;
    padding: 3px 15px;
    font-weight: 300;
    margin-top: 5px;
    display: inline-block;
	}

	a.link_btn:hover{
		background: #393b3b;
    border: 1px solid #393b3b;
    color: #fff;
	}
	a.datenschutz {
		display: none;
	}
	a.datenschutz-mobile {
		margin-left: 38px;
	}
	.privacy-bar{
		padding: 60px 10px 0px 10px;
		position: fixed;
		bottom: 10px;
		z-index: 9999;
	}
	.privacy-bar div {
    box-shadow: 0px 10px 40px -10px rgba(0,0,0,0.6);
    background-color: white;
    padding: 30px;
    border: 1px solid #ec8c5e;
	}
	.privacy-button {
    border: 1px solid #393b3b;
    border-radius: 3px;
    color: #393b3b;
    font-size: 1rem;
    line-height: 2.2rem;
    text-decoration: none;
    padding: 3px 15px;
    font-weight: 300;
    margin-top: -50px;
    float: none;
    text-align: center;
    margin: 0 auto;
    width: 100px;
    display: block;
    margin-top: 30px;
	}
	.privacy-bar div p, .privacy-bar div a {
    margin-bottom: 0px;
    width: 100%;
    font-size: 1rem;
    line-height: 1.4rem;
	}
	footer#footer_main > p {
    display: none;
	}
}
@media screen and (min-width: 500px) and (max-width: 768px) {
	.headline-wrapper{
		display: none;
	}

	.start-wrapper {
    margin-top: 50px !important;
  }
	h1.h1-start-mobile {
		padding: 30px 0;
	}
  #content_main{
    padding: 0 30px;
		display: inline-block;
  }

	.col-4{
		width: 100%;
		height: auto;
		float: left;
		padding: 0;
	}

	.col-4 h2{
		margin-bottom: 5px;
	}

	.col-4:nth-of-type(1){
		width: 100%;
		padding-left: 0;
	}

	.col-4:nth-of-type(0){
		width: 100%;
		padding-right: 0;
	}

	a.link_btn {
		border: 1px solid #393b3b;
    border-radius: 3px;
    color: #393b3b;
    font-size: 1rem;
    line-height: 2.2rem;
    text-decoration: none;
    padding: 3px 15px;
    font-weight: 300;
    margin-top: 5px;
    display: inline-block;
	}

	a.link_btn:hover{
		background: #393b3b;
    border: 1px solid #393b3b;
    color: #fff;
	}
	a.datenschutz {
		display: none;
	}
	a.datenschutz-mobile {
		margin-left: 38px;
	}
	.privacy-bar {
    padding: 30px 10px 0px 10px;
    position: fixed;
    bottom: 30px;
    z-index: 9999;
	}
	footer#footer_main > p {
    display: none;
	}
}

/* RWD - Tablet */
@media screen and (min-width: 768px) and (max-width: 900px) {

	/* Basic Styles BEGIN */

		#wrapper_content {
			margin-top:138px;
		}

		h1.h1-start-mobile {
			display: none;
		}

	/* Basic Styles END */



	/* Header Styles BEGIN */

		#header_main {
			min-height:104px;
		}

		#icon_home {
			top:53px;
		}

		#icon_nav {
			top:55px;
			left:0px;
			float:right;
			margin:0 0 67px 0;
		}

		#logo_main {
			top:45px;
			width:124px;
			height:31px;
		}

		#logo_main a {
			width:124px;
			height:31px;
			background:url(../images/logo_tablet.png) 0 0 no-repeat;
		}

		#logo_main a:hover {
			background:url(../images/logo_tablet.png) 0 -31px no-repeat;
		}

		.headline-wrapper {
			max-width: 60%;
		}

		.col-4{
			width: 100%;
			height: auto;
			float: left;
			padding: 0;
		}

		.col-4:nth-of-type(1){
			width: 100%;
			padding-left: 0;
		}

		.col-4:nth-of-type(0){
			width: 100%;
			padding-right: 0;
		}

		/* Grafiken Retina */
		@media only screen and (-webkit-min-device-pixel-ratio: 2) {

			#logo_main a {
				background:url(../images/logo_tablet@2x.png) 0 0 no-repeat;
				background-size:124px 62px;
			}

			#logo_main a:hover {
				background:url(../images/logo_tablet@2x.png) 0 -31px no-repeat;
				background-size:124px 62px;
			}
		}


		/* Nav Styles BEGIN */

		/* Nav Styles END */

	/* Header Styles END */



	/* Content Styles BEGIN */

		.mobilezusatz {
			display:block;
		}

		h1 {
			font-weight:400;
			line-height:1.5rem;
			font-size:1.5rem;
			color:#393b3b;
			margin:0 0 20px 0;
			position:relative;
			z-index:80;
		}

		h1.h1-start {
			font-size:1.8rem !important;
			line-height:2.6rem;
			position:absolute;
			bottom: 30px !important;
			width: 60%;
		}

		h1.h1-start span {
			margin:0 0 5px 0px;
		}

		h1 span {
			font-weight:400;
			background:#fff;
			display:block;
			text-align:left;
			float:left;
			margin:0 24px 0 0;
			padding:0 10px;
			opacity:0.9;
		}

		.wrapper_projekteheadline h1 {
			color:#393b3b !important;
		}

		.wrapper_projekteheadline h1 span {
			line-height:2.2rem;
			font-size:1.6rem;
		}

		#start_image_wrapper {
			background-image: url(../images/background-start-high.jpg);
			background-size: cover;
			background-position: 100% 50%;
			margin: 0px 0 26px 0;
			width:100%;
			height:500px;
		}

		#start_image_wrapper img {
			width:100%;
			height:auto;
			overflow:hidden;
			position:relative;
			z-index:50;
			display:block;
		}

		#start_blog {
			display:block;
		}

		.page-row-left {
			float:left;
			width:47%;
			margin-bottom:100px;
			margin-right:3%;
		}

		.page-row-right {
			float:right;
			width:47%;
			margin-bottom:100px;
			margin-left:3%;
		}

		.page-row-right {
			display:none;
		}

		.page-row-left.table,
		.page-row-mid.table {
			display:block;
		}

		.kundenlogo {
			display:block;
			width:50%;
			height:auto;
			float:left;
		}

		.animate_gradiant {
			font-size:10rem;
			line-height:11rem;
		}

		.button-row p,
		.button-row.left p,
		.button-row.right p {
			text-align:left;
		}

		.show_desktop {
			display:table-row !important;
		}

		.show_tablet {
			display:table-row !important;
		}

		.show_smart {
			display:none !important;
		}

		#googlemaps {
			display:block;
			position:relative;
			height:250px;
			overflow:hidden;
			margin:0 0 20px 0;
		}

		#googlemaps iframe {
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:250px;
  		}

		.page-row-mid {
			display:block;
		}

		.wrapper_projekteheadline {
			width:94%;
			height:auto;
			padding:0;
			overflow:hidden;
			margin:0;
		}

		#wrapper_content.viernullvier {
			padding:20px 0 0 0;
		}

		.viernullvier_big p {
			font-size:8rem;
			line-height:8rem;
		}

		.viernullvier_small p {
			font-size:1.5rem;
			line-height:1.5rem;
		}

		.wrapper_cow {
			margin:30px auto 0 auto;
			min-height:340px;
		}

	/* Content Styles END */



	/* Footer Styles BEGIN */

		#wrapper_footer {
			height:105px;
		}

		#footer_main {
			height:83px;
			padding:22px 6.25% 0 6.25%;
		}

		#logo_footer_smart {
			margin:0;
			float:right;
		}

		a.datenschutz {
			display: none;
		}

		a.datenschutz-mobile {
			margin-left: 38px;
		}

	/* Footer Styles END */
	.privacy-bar {
    padding: 30px 100px 0px 100px;
    position: fixed;
    bottom: 30px;
    z-index: 9999;
	}
	footer#footer_main > p {
    display: none;
	}
}

/* RWD - Desktop */
@media screen and (min-width: 901px) {

	/* Basic Styles BEGIN */

		#wrapper_content {
			margin-top:185px;
		}

		h1.h1-start-mobile {
			display: none;
		}

	/* Basic Styles END */



	/* Header Styles BEGIN */

		#header_main {
			max-width:1240px;
			min-height:139px;
		}

		#icon_home {
			top:78px;
			float:left;
		}

		#icon_nav {
			top:80px;
			margin-bottom:95px;
		}

		#logo_main {
			top:60px;
			width:166px;
			height:41px;
		}

		#logo_main a {
			width:166px;
			height:41px;
			background:url(../images/logo_desktop.png) 0 0 no-repeat;
		}

		#logo_main a:hover {
			background:url(../images/logo_desktop.png) 0 -41px no-repeat;
		}

		.headline-wrapper {
			max-width: 60%;
		}

		/* Grafiken Retina */
		@media only screen and (-webkit-min-device-pixel-ratio: 2) {

			#logo_main a {
				background:url(../images/logo_desktop@2x.png) 0 0 no-repeat;
				background-size:166px 82px;
			}

			#logo_main a:hover {
				background:url(../images/logo_desktop@2x.png) 0 -41px no-repeat;
				background-size:166px 82px;
			}
		}

		/* Nav Styles BEGIN */

		/* Nav Styles END */

	/* Header Styles END */



	/* Content Styles BEGIN */

		.mobilezusatz {
			display:none;
		}

		h1 {
			font-weight:400;
			line-height:1.5rem;
			font-size:1.5rem;
			color:#393b3b;
			margin:0 0 28px 0;
			z-index:80;
			position:relative;
		}

		h1.h1-start {
			font-size:2.2rem;
			line-height:3rem;
			bottom: 30px;
			position:absolute;
			width:500px;
		}

		h1 span {
			background:#fff;
			display:block;
			text-align:left;
			float:left;
			margin:0 24px 5px 0;
			padding:0 10px;
			opacity:0.9;
			white-space:nowrap;
		}

		h1.h1-start span {
			margin:0 140px 5px 0px;
		}

		.wrapper_projekteheadline h1 {
			color:#393b3b !important;
		}

		.wrapper_projekteheadline h1 span {
			line-height:2.5rem;
			font-size:1.875rem;
		}

		.wrapper_projekte h1 span {
			line-height:2.5rem;
			font-size:1.875rem;
		}

		.animate_gradiant {
			font-size:10rem;
			line-height:11rem;
		}

		#start_image_wrapper {
			background-image: url(../images/background-start-high.jpg);
			background-size: cover;
			background-position: 100% 50%;
			margin:0 0 26px 0;
			width:100%;
			height:500px;
		}

		#start_image_wrapper img {
			width:100%;
			height:auto;
			overflow:hidden;
			position:relative;
			z-index:50;
			display:block;
		}

		#start_blog {
			display:block;
		}

		.page-row-left {
			float:left;
			width:48%;
			margin-bottom:100px;
		}

		.page-row-right {
			display:none;
		}

		.page-row-mid {
			float:right;
			width:48%;
			margin-bottom:100px;
		}

		.kundenlogo {
			display:block;
			width:33%;
			height:auto;
			float:left;
		}

		.page-col2-left {
			width:48%;
			float:left;
		}

		.page-col2-right {
			width:48%;
			float:right;
		}

		.wrapper_projekte h1 span,
		h2 span {
			font-weight:300;
			background:#fff;
			display:block;
			text-align:left;
			float:left;
			margin:0 0 5px 0;
			padding:0 10px;
			opacity:0.9;
			line-height:2.5rem;
			font-size:1.875rem;
		}

		.wrapper_projekte {
			width:94%;
			height:auto;
			padding:20px 3% 15px 3%;
			overflow:hidden;
			margin:0 0 25px 0;
		}

		.wrapper_projekteheadline {
			width:94%;
			height:auto;
			padding:20px 3% 15px 3%;
			overflow:hidden;
			margin:0;
			background:#bada22;
		}

		.wrapper_projekteheadline.breuninger,
		.wrapper_projekte.breuninger {
			background:url(../images/bg_projektheader_breuninger.jpg) no-repeat;
			background-size:cover;
			height:215px;
		}

		.wrapper_projekteheadline.dus,
		.wrapper_projekte.dus {
			background:url(../images/bg_projektheader_dus.jpg) no-repeat;
			background-size:cover;
			height:215px;
		}

		.wrapper_projekteheadline.coroplast,
		.wrapper_projekte.coroplast {
			background:url(../images/bg_projektheader_coroplast.jpg) no-repeat;
			background-size:cover;
			height:215px;
		}

		.wrapper_projekteheadline.veolia,
		.wrapper_projekte.veolia {
			background:url(../images/bg_projektheader_veolia.jpg) no-repeat;
			background-size:cover;
			height:215px;
		}

		.wrapper_projekte.breuninger,
		.wrapper_projekte.dus,
		.wrapper_projekte.coroplast,
		.wrapper_projekte.veolia {
			height:137px;
			cursor:pointer;
		}

		.wrapper_projekteheadline {
			width:94%;
			height:auto;
			padding:20px 3% 15px 3%;
			overflow:hidden;
			margin:0;
		}

		.button-row p,
		.button-row.left p,
		.button-row.right p {
			text-align:left;
		}

		.show_desktop {
			display:table-row !important;
		}

		.show_tablet {
			display:table-row !important;
		}

		.show_smart {
			display:none !important;
		}

		.page-row-left.table,
		.page-row-mid.table {
			display:block;
			margin-bottom:30px;
		}

		#googlemaps {
			display:block;
			position:relative;
			height:250px;
			overflow:hidden;
			margin:0 0 20px 0;
		}

		#googlemaps iframe {
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:250px;
  		}

		.page-row-mid {
			display:block;
		}

		#wrapper_content.viernullvier {
			padding:30px 0 0 0;
		}

		.viernullvier_big p {
			font-size:10rem;
			line-height:10rem;
		}

		.viernullvier_small p {
			font-size:2rem;
			line-height:2.5rem;
		}

		.wrapper_cow {
			margin:30px auto 0 auto;
			min-height:340px;
		}

	/* Content Styles END */



	/* Footer Styles BEGIN */

		#wrapper_footer {
			display:block;
			margin:0 auto;
			height:auto;
		}

		#footer_main {
			background:0 none;
			height:49px;
			border-top:1px solid #dbdbdb;
			padding:20px 0 0 0;
		}

		#footer_main table {
			display:none;
		}

		#logo_footer_smart {
			float:right;
		}

		#footer_copy {
			display:inline-block;
			float:left;
		}

	/* Footer Styles END */
	.privacy-bar {
    padding: 30px 100px 0px 100px;
    position: fixed;
    bottom: 30px;
    z-index: 9999;
	}

}
@media screen and (min-width: 1120px) and (max-width: 1600px) {
  #start_image_wrapper {
    height: 500px !important;
    background-position: 100% 54%;
  }


}



/* RWD - Desktop-MaxSize */
@media screen and (min-width: 1120px) {

	/* Header Styles BEGIN */

		#icon_nav {
			display:none;
		}

		/* Nav Styles BEGIN */

			#nav_main {
				display:block !important;
				float:right;
				position:relative;
				left:0px;
				top:30px;
			}

			#nav_main ul li {
				margin:5px 40px 12px 0;
				display:inline-block;
			}

			#nav_main ul li:last-of-type {
				margin:5px 0 20px 0;
			}

			#nav_main ul li a {
				text-decoration:none;
				font-size:1.5rem;
				color:#393b3b;
				text-transform:uppercase;
				display:inline-block;
				height:64px;
				background:url(../images/bg_nav-transition.png) 0 4px repeat-x;
				-webkit-transition:background-position .2s ease-in;
			    -moz-transition:background-position .2s ease-in;
			    -o-transition:background-position .2s ease-in;
			    transition:background-position .2s ease-in;
			}

		#nav_main ul li a:hover,
		#nav_main ul li a:active,
		#nav_main ul li a:focus,
		#nav_main ul li.nav_active a {
				color:#393b3b;
				background:url(../images/bg_nav-transition.png) 0 0px repeat-x;
			}

		/* Nav Styles END */

	/* Header Styles END */

	/* Content Styles BEGIN */

		h1 {
			line-height:1.5rem;
			font-size:1.5rem;
			margin:0 0 28px 0;
		}

		h1.h1-start {
			font-size:2.8rem;
			line-height:3.5rem;
			width: 500px;
			position: absolute;
			bottom: 30px;
		}

		h1 span {
			margin:0 24px 5px 0;
		}

		.wrapper_projekteheadline h1 span {
			line-height:2.5rem;
			font-size:1.875rem;
		}

		#start_image_wrapper {
			background-image: url(../images/background-start-high.jpg);
			background-size: cover;
			background-position: 100% 60%;
			margin:0 0 80px 0;
			width:100%;
			height:570px;
		}

		#start_image_wrapper img {
			width:100%;
			height:400px;
			overflow:hidden;
			position:relative;
			z-index:50;
			display:block;

		}


		.headline-wrapper {
			max-width: 1240px;
	    margin: 0 auto;
	    display: block;
	    height: 100%;
		}

		#start_blog {
			display:block;
		}

		.page-row-left {
			float:left;
			width:30%;
			display:block;
		}

		.page-row-right {
			float:right;
			width:30%;
			display:block;
		}

		.page-row-mid {
			display:block;
			width:30%;
			margin:0 5% 100px 5%;
		}

		.button-row p,
		.button-row.left p {
			text-align:left;
		}

		.show_desktop {
			display:table-row !important;
		}

		.show_tablet {
			display:none !important;
		}

		.show_smart {
			display:none !important;
		}

		#googlemaps {
			display:block;
			position:relative;
			height:250px;
			overflow:hidden;
			margin:0 0 20px 0;
		}

		#googlemaps iframe {
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:250px;
  		}

		#wrapper_content.viernullvier {
			padding:30px 0 0 0;
		}

		.viernullvier_big p {
			font-size:10rem;
			line-height:10rem;
		}

		.viernullvier_small p {
			font-size:2rem;
			line-height:2.5rem;
		}

		.wrapper_cow {
			margin:30px auto 0 auto;
			min-height:340px;
		}

	/* Content Styles END */
	.privacy-bar {
    padding: 30px 300px 0px 300px;
    position: fixed;
    bottom: 30px;
    z-index: 9999;
	}

}


/* Mehdis Grid Start */
/* Full-Width over 12 Columns */
@media (max-width: 576px){
	img.quo-img{
		margin-top: 30px !important;
	}
}

.tabelle-link{
	font-size: 14px;
	color:rgb(55, 55, 55)
}
.container.mobil{
	display : none;
}
.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}
.row-first ._column{
	padding-top: 20px;
}
.row-second ._column{
	padding-top: 20px;
}
.p-custom{
	margin-top: 20px;
}
.container.desktop .row-second ._column:nth-of-type(1),
.container.desktop .row-second ._column:nth-of-type(2),
.container.desktop .row-second ._column:nth-of-type(3),
.container.desktop .row-second ._column:nth-of-type(4){
		padding-top: 10px;
}
.row-first div:nth-of-type(1){
	border-bottom: none;
	background-color: chartreuse;
}
.row-first div:nth-of-type(2){
	border-bottom: none;
	background-color: rgb(255, 255, 255);
}
.row-first div:nth-of-type(3){
	border-left: none;
	border-bottom: none;
	background-color: rgb(255, 255, 255);
}
.row-first div:nth-of-type(4),
 .row-first div:nth-of-type(5),
 .row-first div:nth-of-type(6){
	border-right:none;
	border-bottom: none;
	background-color: rgb(251, 216, 207);
}
.row-first div:nth-of-type(7){
	border-bottom: none;
	background-color: rgb(251, 216, 207);
}

.row-second div:nth-of-type(1), .row-second div:nth-of-type(2){
	border-right: none ;
	background-color:yellow;
}
.row-second div:nth-of-type(3){
	background-color: yellow;
}
.row-second div:nth-of-type(4){
	border-left: none ;
	background-color: yellow;
}
.row-second div:nth-of-type(5){
	border-right: none ;
	border-left: none ;
	background-color: yellow;
}
.row-second div:nth-of-type(6){
	border-right: none ;
	background-color: yellow;
}
.row-second div:nth-of-type(7){
	background-color: yellow;
}
.container p {
	color: rgb(0 0 0);
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
}
._column{
  display: block;
	float: left;
	text-align: center;
	border: 1px solid gray;
	min-height: 60px;
	font-size: 12px;
}
._column-12{
  width: 100%;
}
._column-11-5{
  width: 95.68%;
}
._column-11{
  width: 91.52%;
}
._column-10-5{
  width: 87.36%;
}
._column-10{
  width: 83.2%;
}
._column-9-5{
  width: 79.04%;
}
._column-9{
  width: 74.88%;
}
._column-8-5{
  width: 70.72%;
}
._column-8{
  width: 66.56%;
}
._column-7-5{
  width: 62.4%;
}
._column-7{
  width: 58.24%;
}
._column-6-5{
  width: 54.08%;
}
._column-6{
  width: 50%;
}
._column-5-5{
  width: 45.76%;
}
._column-5{
  width: 41.6%;
}
._column-4-5{
  width: 34.44%;
}
._column-4{
  width: 33.28%;
}
._column-3-5{
  width: 25%;
}
._column-3{
  width: 29.12%;
}
._column-2-5{
  width: 24.96%;
}
._column-2{
  width: 20.8%;
}
._column-1-5{
  width: 16.66%;
}
._column-1{
  width: 12.5%;
}
._column-05{
  width: 8.32%;
}

/* Bianca-Post START --------------*/
.bianca-int{
	display: flex;
	flex-direction: row;
	max-height: 230px;
}
.bianca-bio{
	display: flex;
	align-items: center;
	max-width: 65%;
}
.bianca-memoji{
	padding: 0;
}

.bianca-memoji img{
width: 60%;
margin-left: 50px;
}

@media only screen and (max-width: 576px){

	.bianca-int{
		display: flex;
		flex-direction: column;
		max-height: 500px;
	}

	.bianca-bio{
		max-width: 100%;
		padding-right: 0px;
		order:2;
	}

	.bianca-memoji img{
		width: 50%;
		margin-left: 0;
		height:100%;
		}

	.bianca-memoji{
		display:flex;
		justify-content: center;
    padding-bottom: 30px;
	}
}

@media only screen and (max-width: 992px){
	.bianca-memoji img{
		width: 75%;

}

/* Bianca-Post END --------------*/



@media only screen and (max-width: 992px){
	._column{
		min-height: 70px;
	}
}
@media only screen and (max-width: 768px){
	.tabelle-link{
		font-size: 12px;
	}
	.container.desktop{
		display : none;
	}
	.container.mobil{
		display : block;
	}
	.row-first ._column:nth-of-type(6),
	.row-first ._column:nth-of-type(7),
	.row-first ._column:nth-of-type(8),
	.row-first ._column:nth-of-type(9){
		padding-top: 10px;
	}
  .column-12{
		width: 100%;
	}
	.column-11{
		width: 91.6%;
	}
	.column-10{
		width: 83.3333%;
	}
	.column-9{
		width: 75%;
	}
	.column-8{
		width: 66.6%;
	}
	.column-7{
		width: 58.3333%;
	}
	.column-6{
		width: 50%;
	}
	.column-5{
		width: 41.6%;
	}
	.column-4{
		width: 33.3333%;
	}
	.column-3{
		width: 25%;
	}
	.column-2{
		width: 16.6%;
	}
	.column-1{
		width: 8.3333%;
	}

	.row-first div:nth-of-type(3){
		background-color: rgb(251, 216, 207);
		border-left: 1px solid gray;
		border-right: none;
	}
	.row-first div:nth-of-type(5){
		border-right: 1px solid gray;
	}
	.row-first div:nth-of-type(6),
	.row-first div:nth-of-type(7),
	.row-first div:nth-of-type(8),
	.row-first div:nth-of-type(9){
		background-color: rgb(255 255 0);
		padding-right:3px;
		padding-left:3px;
	}
	.row-first div:nth-of-type(8),
	.row-first div:nth-of-type(9){
		border-left: none;
		border-bottom: none;
	}

	.row-second div:nth-of-type(1){
		background-color: rgb(255, 255, 255);
		border-bottom: none;
		border-right: 1px solid gray;
	}
	.row-second div:nth-of-type(2){
		background-color: rgb(251, 216, 207);
		border-right: 1px solid gray;
		border-bottom: none;
	}
	.row-second div:nth-of-type(5){
		border-right: 1px solid gray;
	}
}