.visibility-desktop {
	display: none;
}
.visibility-mobile {
	display: block;
}

.container-three{
	text-align: left;
	text-align: center;
	max-width: 1024px;
	margin: 0 auto 0 auto;
}
.three-1{
	width: 80%;
	float: none;
	margin: 0 auto 0 auto;
}
.three-2{
	width: 80%;
	float: none;
	margin: 0 auto 0 auto;
}
.three-3{
	width: 80%;
	float: none;
	margin: 0 auto 0 auto;
}
.three-spacer{
	width: 5%;
	float: left;
	height: 50px;
	display: none;
}
.three-img{
	margin: 30px auto 20px auto;
	width: 120px;
	float: none;
}
.flags {
	margin: 30px auto 20px auto;
	width: 260px;
	float: none;
}
.three-text{
	display:block;
}

/* ==========================================================================
   SCROLLBAR
   ========================================================================== */ 
   
::-webkit-scrollbar {
    width: 15px;
} 
/* Track */
::-webkit-scrollbar-track {
	background-color: #e9e9e9
} 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #af9e8d; 
}
::-webkit-scrollbar-thumb:active {
    background: #3f91f6;
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(170,170,170,1); 
}

/* ==========================================================================
   HEADINGS
   ========================================================================== */ 
   
h {
	color: #303030;
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
}
h0 {
	color: rgba(0,0,0,1);
	font-size: 6px;
	font-weight: 300;
}
h2 {
	color: #303030;
	font-size: 28px;
	font-weight: 300;
	text-align: center;
}
h3 {
	font-weight: 300;
	text-align: center;
	color: #000000;
	font-size: 28px;
}
h_sub {
	font-weight: 300;
	text-align: center;
	color: #3f91f6;
}
h_sub_am {
	font-weight: 300;
	text-align: center;
	color: #999;
	font-size: 14px;
}
h4 {
	color: #AF9E8D;
	font-size: 1.7em;
	font-weight: 700;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.55);
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 1);
	text-align: center;
	line-height: 1;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.8);
}
h6 {
	color: #AF9E8D;
	font-size: 1.7em;
	font-weight: 700;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.55);
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 1);
	text-align: center;
	line-height: 1;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8);
}
h7 {
	color: #AF9E8D;
	font-size: 1.7em;
	font-weight: 700;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.55);
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 1);
	text-align: center;
	line-height: 1;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
}
h5 {
	color: #1794d4;
	font-weight: 400;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.55);
	text-align: center;
}
h10 {
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.55);
	text-align: center;
	color: #FFF;
}

/* ==========================================================================
   BACK TO TOP BUTTON, SEND BUTTON
   ========================================================================== */ 

#back_to_top {
	width: 20%;
	height: 51px;
	display: block;
	font-size: 28px;
	text-align: center;
	text-shadow: 0px 1px 0px #6c7480;
	line-height: 1.65;
	margin: 0 auto 0 auto;
	max-width: 250px;
	min-width: 200px;
	overflow-x: visible;
	overflow-y: hidden;
	box-shadow: 0px 2px 2px 0px #000; -moz-box-shadow: 0px 2px 2px 0px #000; -webkit-box-shadow: 0px 2px 2px 0px #000; -webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;
}

#back_to_top:hover {
	box-shadow: 0px 0px 1px 0px #50575e; -moz-box-shadow: 0px 0px 1px 0px #50575e; -webkit-box-shadow: 0px 0px 1px 0px #50575e;
	text-shadow: 0px 1px 0px #6c7480;

}

#back_to_top a{
	width: 100%;
	height: 51px;
	display: block;
	background: #414851; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxNDg1MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOTNmNDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	
	background: -moz-linear-gradient(top,  #414851 0%, #393f46 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#414851), color-stop(100%,#393f46)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #414851 0%,#393f46 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #414851 0%,#393f46 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #414851 0%,#393f46 100%); /* IE10+ */ background: linear-gradient(to bottom,  #414851 0%,#393f46 100%); /* W3C */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414851', endColorstr='#393f46',GradientType=0 ); /* IE6-8 */

	border-top: 1px solid #5c6169;
	
	-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;
	color: #000;
}
#back_to_top a span {
	visibility: visible;
}
#back_to_top a:hover {
	margin-left: auto;
	width: 100%;
	margin-right: auto;
	height: 51px;
	display: block;
	background: #292e33; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5MmUzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMTM3M2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #292e33 0%, #31373d 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#292e33), color-stop(100%,#31373d)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #292e33 0%,#31373d 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #292e33 0%,#31373d 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #292e33 0%,#31373d 100%); /* IE10+ */

background: linear-gradient(to bottom,  #292e33 0%,#31373d 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292e33', endColorstr='#31373d',GradientType=0 ); /* IE6-8 */
-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-box-shadow:  inset 0 0 1px 0 #000;
	-webkit-box-shadow:  inset 0 0 1px 0 #000;
	box-shadow:  inset 0 0 1px 0 #000;
	color: #AF9E8D;
	border-top: 1px solid #000;
	
}

div.Button-Send input {
	font-weight: 300;
	border-bottom: 1px solid rgba(0,118,68,1);
	text-align: center;
	font-family: 'Source Sans Pro', Myriad, Arial, sans-serif;
	width: 100%;
	height: 40px;
	border: none;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15);
	text-align: center;
	background: #414851; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxNDg1MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOTNmNDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #414851 0%, #393f46 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#414851), color-stop(100%,#393f46)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #414851 0%,#393f46 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #414851 0%,#393f46 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #414851 0%,#393f46 100%); /* IE10+ */

background: linear-gradient(to bottom,  #414851 0%,#393f46 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414851', endColorstr='#393f46',GradientType=0 ); /* IE6-8 */
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,1);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,1);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,1);
	color: #000;
	border-top: 1px solid #5c6169;
}

div.Button-Send input:hover{
	-moz-box-shadow:  inset 0 0 1px 0 #000;
	-webkit-box-shadow:  inset 0 0 1px 0 #000;
	box-shadow:  inset 0 0 1px 0 #000;
	color: #3f91f6;
	border-top: 1px solid #000;
	background: #292e33;

}

/* ==========================================================================
   INPUT / TEXTAREA
   ========================================================================== */

input,
select,
textarea {
	font-weight: 300;
	color: #FFF;
	border-radius: 3px;
	background-color: #292e33;
	padding: 5px 0 5px 0;
	border: 1px solid #3c434a;
	-moz-box-shadow: inset 0px 1px 0px 0px #000;
	-webkit-box-shadow: inset 0px 1px 0px 0px #000;
	box-shadow: inset 0px 1px 0px 0px #000;
}

textarea {
	vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
	font-size: 18px;
	margin: 0;
	max-width: 640px;
	max-height: 800px;
	height: 232px;
}

textarea:focus{

	outline: 0 none;
	background: #000;
	background-color: #000;
}


input:focus
{
	outline: 0 none;
	background: #000;
	background-color: #000;
}


button,
input {
	line-height: 1.5;

}


button,
select {
    text-transform: none;
    padding: 5px;
	
}


button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
	cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
	-webkit-appearance: button;
}


button[disabled],
html input[disabled] {
    cursor: default;
}
	
.logo_icon_mean {
	display: block;
	float: left;
	height: 20%;
	width: 30px;
	padding: 2px 0px 0px 10px;
	z-index: 99999;
	position: absolute;
}







/* ==========================================================================
   HTML5 BOILERPLATE STYLES
   ========================================================================== */ 

html,
button,
input,
select,
textarea {
}

html,
body {
	height: 100%;
}

body {
	font: 18px 'Source Sans Pro', Myriad, Arial, sans-serif;
	height: 100%;
	padding: 0px;
	margin: 0px;
	font-weight: 300;
	line-height: 1.5;
	color: #FFFFFF;
	background-color: #393F46;
	z-index: 999999999999;
	padding: 0px;
	overflow-y: scroll;
	overflow-x: hidden;
}
	
				
/* ==========================================================================
   LINK COLORS
   ========================================================================== */

a {
	text-decoration: none;
}

a, a:hover , a:visited, a.menu_a, a.menu_a:hover{
	-o-transition: color 0.3s ease-in;
	-webkit-transition: color 0.3s ease-in;
	-moz-transition: color 0.3s ease-in;
	transition: color 0.3s ease-in;
}

a:link {
	color: #3f91f6
}
a:visited {
	color: #282b2f
}
a:active {
	color: #3f91f6
}
a:hover {
	color: #3f91f6
}

a.menu_a {
	color: #282b2f;
	text-decoration: none;
}

a.menu_a:hover {
	color: #3F91F6;
	text-decoration: none;
}

/* ==========================================================================
   HIGHLIGHT COLOR
   ========================================================================== */
   
::-moz-selection {
    background: #d4c1af;
    text-shadow: none;
	color: #FFF;
}
a.contact {
	color: #3f91f6
}
a.contact:hover {
	color: #FFF
}
a.sub {
	color: #999
}
a.sub:hover {
	color: #999;
	text-decoration: underline;
}

::selection {
	background: #d4c1af;
	text-shadow: none;
	color: #FFF;
}

.slides {
	-ms-interpolation-mode: bicubic;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
	border: 0; /* 1 */
	-ms-interpolation-mode: bicubic; /* 2 */
	image-rendering: optimizeQuality;
	height: auto;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.spacer {
	width: 100%;
	background-color: #292E33;
	height: 3px;
	margin: 60px 0 60px 0;
	display: block;
	border-bottom: 1px solid #5c6169;
	border-top: 1px solid #202428;
}

.spacer_w {
	width: 100%;
	background-color: #d6d6d6;
	height: 3px;
	margin: 60px 0 60px 0;
	display: block;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #d2d2d2;
}



/* ===== Styles =============================================================
   VARIOUS
   ========================================================================== */

.wrapper {
	width: 90%;
	margin: 0 auto 0 auto;
}

.wrapper_a {
	width: 90%;
	margin: 0 5%;
	max-width: 1024px;
}

.wrapper_b {
	width: 90%;
	margin: 0 5%;
	background-color: #E9E5DD;
	box-shadow: inset 0px 1px 1px 0px rgba(146,146,146,0.5);
	-webkit-box-shadow: inset  0px 1px 1px 0px rgba(146,146,146,0.5);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(146,146,146,0.5);
	max-width: 1024px;
	border-radius: 3px;
}

div#footer_wrapper {
	width: 100%;
	background-color: #F4F4F4;
	border: none;
	color: #000000;
	min-height: 400px;
 }

div#content_wrapper {
       width: 100%;
       padding: 0px 0px 300px 0px;
 }

div#footer_wrapper, div#content_wrapper {
	min-width: 100%;
	margin-top: 40px;
 }
 
 div#footer_inner_wrapper, div#content_inner_wrapper {
	margin: 0 auto 0 auto;
	max-width: 1024px;
 }


.flexslider-container {
	max-width: 100%;
	z-index: 1;
}
.flexsliderdienstleistungen-container {
	max-width: 100%;
	z-index: 1;
}

.kontakt-spacer {
	width: 0 px;
	visibility: hidden;
}
.background {
	width: 100%;
	margin: 0 auto 0 auto;
	position: relative;
	display: block;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-filter: blur(50px);
	max-height: 860px;
}

.backgroundx {
	display: block;
	background-image: url(../img/triangle.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	background-color: #393F46;
	z-index: 9999;
	margin: none;
	overflow: visible;
	width: 100%;
}
.bullet {
	width: 100%;
	margin: 400px auto 10px auto;
	height: 36px;
	-webkit-filter: blur(555px);
	padding: 400px 0 5px 0;
}
.background1 {
	width: 100%;
	margin: 0 auto 0 auto;
	position: relative;
	display: block;
	height: 691px;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #FFF;
}
.background3 {
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RkZTJlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #ffffff 0%, #dde2e7 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#dde2e7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#dde2e7 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#dde2e7 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#dde2e7 50%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#dde2e7 50%); /* W3C */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dde2e7',GradientType=0 ); /* IE6-8 */
	width: 100%;
	margin: 0 auto 0 auto;
	position: relative;
	display: block;
}
.background4 {
	width: 100%;
	margin: 0 auto 0 auto;
	display: block;
	background-color: #F4F4F4;
}
.background5 {
	width: 100%;
	display: block;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0 0 0px 0;
	background-color: #F4F5F5;
	color: #000;
}
.background6 {
	width: 100%;
	display: block;
	background-color: #FECD53;
	background-repeat: no-repeat;
	background-size: cover;
}
.background7 {
	width: 100%;
	display: block;
	margin: 0px 0 40px 0;
	background-color: #393f46;
	text-align: center;
}


.background_texture {
	width: 100%;
	margin: 0 auto 0 auto;
	display: block;
	height: auto;
	opacity: 1;
	background-repeat: repeat;
	background-color: #1A1A1A;
	-moz-box-shadow: inset 0 42px 42px -42px rgba(0,0,0, 0.7), inset 0 -42px 42px -42px rgba(0,0,0, 0.85);
	-webkit-box-shadow: inset 0 42px 42px -42px rgba(0,0,0, 0.7), inset 0 -42px 42px -42px rgba(0,0,0, 0.85);
	box-shadow: inset 0 42px 42px -42px rgba(0,0,0, 0.7), inset 0 -42px 42px -42px rgba(0,0,0, 0.85);
}
.bg-color {
	background-color: #dde2e7;
}
.bg-color-orange {
	background-color: #F15B27;
	width: 100%;
}

.container-all {
	min-height: 100%;
	margin: 0px 0px 0px 0px;
	-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
}
.main-container {
}
.container-icons-l {
	width: 50%;
	float: left;
}
.container-icons-r {
	width: 50%;
	float: right;
}
.container-icons-icon {
}
.container-icons-margin {
	margin: 0 auto 0 auto;
	width: 40%;
}
.container-icons-notdienst {
	width: 100%;
	padding: auto 0 auto 0;
	height: 100%;
	margin: 0 auto 0 auto;
}
.container-icons-margin_l {
	margin: 0 auto 0 auto;
	width: 50%;
	float: none;
	height: 100%;
}
.container-icons-margin_r {
	margin: 40px auto 0 auto;
	width: 50%;
	float: none;
	padding-top: 0px;
}
.icon-feedback {
	margin: 0 auto 0 auto;
	width: 65px;
}
.heading-width {
	margin: 0 auto 0 auto;
	width: 90%;
}
.container-icons-text {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
}

.push {
	width: 100%;
	max-width: 1024px;
	margin: 10px 0px 0px 0px
}

/* ==============
    MOBILE: Main (disabled .main padding-bottom: 200px)
   ============== */

.main {
	padding-top: 0px;
	padding-right: 0;
	padding-left: 0px;
	margin: 0px auto 0px auto;
	padding-bottom: 0px;
	height: 100%;
}
.container-heading {
}
.container-kontaktbox {
	width: 100%;
}
.kontaktbox_l {
	float: left;
	width: 23%;
	padding: 0 2
.% 0 0;
	margin: 0px;
}
.kontaktbox_r {
	float: right;
	width: 74%;
	padding: 0 0 0 3%;
}
.container-halftext {
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}
.half_lk {
	float: none;
	width: 100%;
	padding: 0 2
.% 0 0;
	padding-bottom: 0px;
}
.half_rk {
	float: none;
	width: 100%;
	text-align: left;
	margin-top: 22px;
}
.hinweis {
	text-align: center;
	margin-top: 12px;
	font-size: 14px;
}


}

/* ==========================================================================
   Custom Styles
   ========================================================================== */
* {
}
html, body {
height: 100%;
}
.sticky {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -51px;
}
.back_to_top-container {
	margin: 0 auto 0 auto;
	max-width: 1024px; 
}
.footer-hidden {
	display: block;
}



upper-footer {
	max-width: 1024px;
}
#separator {
	background-color: #dcdcdc;
	height: 1px;
	max-width: 100%;
	margin-right: auto;
	position: relative;
	margin-left: auto;
	width: 100%;
	-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.75);
	-moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.75);
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.75);
	margin-top: 30px;
	margin-bottom: 30px;
}
.quicklinks_1 {
	float: left;
	width: 50%;
	padding: 0;
	background-color: #1794D4;
}
.quicklinks_2 {
	float: right;
	width: 50%;
	padding: 0;
	background-color: #1794D4;
}

.quicklink_container {
	max-width: 1024px;
	margin: 0 auto 0 auto;
	background-color: #000;
	min-height: 160px;
}


.quicklinks_1 {
	float: left;
	width: 50%;
	padding: 0;
	padding: 0;
}
.quicklinks_2 {
	float: right;
	width: 50%;
	padding: 0;
	padding: 0;
}

.halfquick_l:hover {
	padding: 0;
	background-color: #AE392F;
}
.halfquick_r:hover {
	background-color: #F15B27;
}
.halfquick_l2:hover {
	padding: 0;
	background-color: #FF9900;
}

.halfquick_r2:hover {
	background-color: #ffc900;
}

.quicklink_spacer {
	padding: 0 2
.% 0 0;
	margin: 0 auto 0 auto;
	height: 80px;
	width: 80%;
}
.quicklink_icon {	padding: 0 2
.% 0 0;
	float: left;
	margin: 12px 0 0 0;
}
.quicklink_text {padding: 0 2
.% 0 0;
	margin: 24px 0 0 2px;
	float: left;
}

.kontaktbuttons-container {
	margin: 40px auto 0 auto;
	max-width: 1024px;
	width: 90%;
	display: block;
}
.kontakt_spacer_l {
	float: none;
	width: 100%;
	margin: 0px 0 30px 0;
}
.kontakt_spacer_m {
	float: none;
	width: 100%;
	margin: 0px 0 30px 0;
}
.kontakt_spacer_r {
	float: none;
	width: 100%;
	margin: 0px 0 30px 0;
}
.visibility_kontakt {
	display: none;
}

header nav ul li {
	line-height: 5;
	padding: 0 1.0% 0 1.0%;
	display: inline-block;
	height: 100%;
	font-family: 'Source Sans Pro', Myriad, Arial, sans-serif;
	font-weight: 700;
	font-size: 14px;
	text-align: center;
} 

/* ==========================================================================
   Media Queries
   ========================================================================== */
  
   
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

.halftext_l {
	float: none;
	width: 90%;
	padding: 0 5% 0 5%;
	text-align:center;
}

.halftext_r {
	float: none;
	width: 90%;
	padding: 0 5% 0 5%;
	text-align:center;
}	

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
	
.halftext_l {
	float: none;
	width: 100%;
	padding: 0 0% 0 0%;
	text-align:center;
}

.halftext_r {
	float: none;
	width: 100%;
	padding: 0 0% 0 0%;
	text-align:center;
}	
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
	
.halftext_l {
	float: none;
	width: 90%;
	padding: 0 5% 0 5%;
	text-align:center;
}

.halftext_r {
	float: none;
	width: 90%;
	padding: 0 5% 0 5%;
	text-align:center;
}	
}


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

.half_lk {
	float: left;
	width: 25%;
	padding: 0 2
.% 0 0;
	padding-bottom: 0px;
}
.half_rk {
	float: right;
	width: 65%;
	margin-top: 0px;
}	
.hinweis {
	text-align: right;
}
.angebot-bild {
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow: hidden;
	max-width: 100%;
	margin: 0 auto 0 auto;
	z-index: 99999999;
	-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}

.map-bild {
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow: hidden;
	max-width: 1500px;
	margin: 0 auto 0 auto;
	z-index: -1;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.logo-big {
	width: 100%;
	height: 100%;
	max-height: 500px;
	margin: 0 auto 0 auto;
	max-width: 560px;
}

.header-container{
	overflow: hidden;
	display: none;
    }
	
header {
	border: none;
	behavior: url(css/PIE.htc);
	display: block;
}

.container_nav {
	width: 100%;
}

}

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

.three-text{
	display:block;
}
.three-1{
	width: 33%;
	float: none;
}
.three-2{
	width: 30%;
	float: left;
}
.three-3{
	width: 30%;
	float: left;
}
.three-spacer{
	display: block;
}

.header-container{
	display: block;
	height: 86px;
	max-width: 100%;
	margin: 0 auto 0 auto;
	position: relative;
	width: 100%;
	z-index: 9999999999999999999999999999999999999999999;
	background-color: #F4F5F5;
}	
	
header nav {
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	text-align: center;
	overflow: hidden;
	height: 86px;
	margin: 0 0% 0 0%;
}

}


/* ====================
    WIDE: CSS3 Effects
   ==================== */
   
@media only screen and (min-width: 768px) {
	
.visibility-desktop {
	display: block;
}

.visibility-mobile {
	display: none;
}

.halftext_l {
	float: left;
	width: 46%;
	padding: 0 4% 0 0%;
}

.halftext_r {
	float: right;
	width: 46%;
	padding: 0 0% 0 4%;
}

header nav ul {
	display: block;
	height: 86px;
}   

.main article-angebot  {
	width: 100%;
	text-align: left;
}

/* ============
    WIDE: Main
   ============ */


}

@media only screen and (min-width: 900px) {
header nav ul li {
	line-height: 4.5;
	padding: 0 1.7% 0 1.7%;
	display: inline-block;
	height: 100%;
	font-family: 'Source Sans Pro', Myriad, Arial, sans-serif;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
} 
}

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


/* ===============
    Maximal Width
   =============== */

.wrapper {
	width: 1024px;
	margin: 0 auto;
	height: auto;
}

}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}
.auswahl {
	display: block;
	margin: 0px auto 2px auto;
	text-align: center;
	color: #292929;
	padding: 8px 0px 0px 0px;
	font-family: "Roboto", Myriad, Arial, sans-serif;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   PRINT STYLES
   ========================================================================== */

@media print {

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

	.hidden { display: none; }
	
	.unhidden { display: block; }

#active-link {
	background-color: none;
}

/* ==========================================================================
   LINE-HEIGHT HELPER
   ========================================================================== */
   
   p {
	margin: 0px;
	padding: 0px;
}

sup, sub {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
}
sub { top: 0.4em; }
html,
button,
input,
select,
textarea {
}



/* ==========================================================================
   FORMMAILER
   ========================================================================== */
   
#name {
	display: block;
	margin: auto;
	width: 100%;
	max-width: 100%;
 }

#telefon {
     display: block;
     margin: auto;
     width: 100%;
     max-width: 100%;
 }
 #e-mail {
     display: block;
     margin: auto;
     width: 100%;
     max-width: 100%;
 }
 #nachricht {
	display: block;
	margin: 0 auto 32px auto;
	width: 100%;
	max-width: 100%;
 }
#adresse {
	display: block;
	margin: auto;
	width: 100%;
	max-width: 100%;
}
#plz {
	display: block;
	width: 100%;
	max-width: 100%;
}
#ort {
	display: block;
	width: 100%;
	max-width: 100%;
}
.containerplzort {
}

#containerformular {
	width: 88px;
	margin-bottom: 8px;
}

.half_l {
	float: left;
	width: 25%;
	padding: 0 2
.% 0 0;
	padding-bottom: 0px;
}
.half_r {
	float: right;
	width: 65%;
}
.half_li {
	float: left;
	width: 11%;
	padding: 0 2
.% 0 0;
}
.half_ri {
	float: right;
	width: 86%;
	margin-top: 9px;
	padding-left: 3%;
	text-align: left;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */

#navlist
{
padding-left: 0;
margin-left: 0;
width:100%;
}

#linkcontainer {
	width: 25%;
	float: left;
	padding-top: 23px;
}

#navlist li
{
	list-style: none;
	margin: 0;
	padding: 0.5em 0 0.5em 0;
}

#navlist li a {
	text-decoration: none;
}

#infocontainer {
	width: 20%;
	float: left;
}

/* ==========================================================================
   FLEXIBLE CONTAINER, MAP DATA (TAKEN OUT)
   ========================================================================== */

.Flexible-container {
	position: relative;
	overflow: hidden;
	margin-bottom: 0px;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */

.lower-footer {
	height: 51px;
	margin-top: 50px;
	max-height: 51px;
}
.footer-desktop {
	background-color: #FFF;
	margin-top: 50px;
	max-height: 51px;
	height: 51px;
	color: #000;
}
.footer-desktop-left {
	float: left;
	text-align: left;
	line-height: 3.4;
	font-size: 14px;
	overflow: hidden;
}
.footer-desktop-right {
	float: right;
	text-align: right;
	line-height: 3.4;
	font-size: 14px;
	overflow: hidden;
}
.footer, .push {
	clear: both;
}