@import "/fileserver/ar040014/filesdb/nav.css";
@import "/fileserver/ar040014/filesdb/bgstretcher.css";
@import "/fileserver/ar040014/filesdb/referenzen.css";
@import "/fileserver/ar040014/filesdb/impressum.css";
body {
	font-family: 'Raleway', sans-serif;
	font-size: 10pt;
}
h2, h3 {
	font-size: 1.7em;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
}
h2 { margin: 420px 0 0 0;
}
h3 {
	color: #fff;
}
h4 {
	font-size: 1.7em;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
}
div.tmp_ind_3sp_kurz a { text-decoration: none;
}
div.tmp_ind_3sp_kurz {
	text-align: center;
}
div.weiter, div.weiter_impressum { 
	position: relative;
	text-align: center;
	background-color: #E5601B;
	border: 1px solid #fff;
	width: 140px;
	margin: 33px 0 0 50%;
	left: -70px;
	padding: 7px 0;
	text-transform: uppercase;
}
div.weiter { font-size: 1.2em;
color: #fff;
}
div.weiter_impressum { font-size: 1.0em;
color: #fff;
}
div.weiter:hover, div.weiter_impressum:hover {
	background-color: #1D1D1D;
}
div.handwerk {
	position: absolute;
	float: left;
	display: inline-block;
	width: 50%;
	background:url(/fileserver/ar040014/imagescms/handwerk.jpg);
	height: 320px;
	color: #fff;
	padding: 10px 25%;
	text-align: center;
	margin: 0 0 100px 0;
}
div.handwerk a {
	text-decoration: none;
	color: #fff;
}
iframe.maps {
	position: absolute;
	display: block;
	float: left;
	width: 100%;
	height: 300px;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url(grey.svg#greyscale);
	filter: gray;
}
div.fkt_bottom_back { display: none;
}
div.footer_copyright {
	position: relative;
	margin: -62px 0 0 0;
}
div.footer_copyright img { width: 60px;
height: auto;
}
div.container_footer { position: relative;
	float: left;
	width: 100%;
	margin: 259px 0 0 0;
	bottom: 0;
	background-color: #1D1D1D;
	height: 50px;
	font-size: 1.2em;
	text-transform: uppercase;
}
div.container_footer table td{ color: #fff;
}
td.cms_content {
	padding: 10px 17%;
	background-color: #E4E4E4;
}
td.cms_content a { text-decoration: none;
color: #000;
}
td.cms_content a:hover { color: #E5601B;
}
@media only screen and (max-width: 750px) {
div.slider-stretch {
	visibility: hidden;
}
h2 { margin: 370px 0 30px 0;
}
h4 { font-size: 1.2em;
}
div.tmp_ind_3sp_li, div.tmp_ind_3sp_mi, div.tmp_ind_3sp_re {
	margin: 0 0 60px 0;
}
div.tmp_ind_3sp_image a img, img.pngie6 {
	width: 100%;
}
div.cl-id8751 {
	margin: 20px 0 60px 0;
}
div.tmp_ind_3sp_image img { width: 100%;
}
div.button {
	position: relative;
	width: 82%;
	background-color: #fff;
	opacity: 0.8;
	border: 1px solid #E5601B;
	text-align: left;
	padding: 10px;
	margin: -50px 5% -30px 5%;
	font-size: 1.3em;
	text-transform: uppercase;
}
div.button:hover { background-color: #E5601B;
color: #fff;
}
div.button img {
	float: right;
	margin: 3px 0 0 0;
	height: 16px;
}
div.handwerk {
	width: 96%;
	padding: 10px 2%;
}
td.cms_content {
	width: 96%;
	padding: 10px 2%;
}
div img.handwerk { height: 14px;
}
div.weiter_impressum { font-size: 1.3em;
}
div.weiter_impressum img { 
margin: 0 0 -1px 0;
}
}


.cc_container .cc_btn {
background-color: #e4e4e4 !important; /* Farbe des Buttons */
color: #000 !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: #1f6888 !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fdfdfd !important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: #31a8f0 !important; /* Textlink-Farbe "Mehr Infos" */
}



@media only screen and (max-width: 350px) {
div.footer_copyright {
	display: none;
}
h3 {
	font-size: 1.4em;
}
div.datenschutz {
	width: 100%;
	font-size: 0.8em;
}
}
@media only screen and (min-width: 750px) {
img.pngie6 {
	width: 24%;
	margin: 0 0 0 38%;
}
div.slider-stretch {
	height: 600px;
	position: relative;
	float: left;
	z-index: 1;
}
div.tmp_ind_3sp {
	position: relative;
	display: block;
	float:left;
	width: 750px;
	margin: 0 0 0 -375px;
	left: 50%;
}
div.tmp_ind_3sp_li, div.tmp_ind_3sp_mi, div.tmp_ind_3sp_re {
	display: block;
	float:left;
	width: 232px;
	height: 310px;
	margin: 30px 0 0 0;
}
div.tmp_ind_3sp_image img {
	width: 100%;
}
div.cl-id8752 {
	margin: 30px 25px 0 25px;
}
div.cl-id8819 {
	margin: 30px 25px 0 25px;
	font-size: 1.3em;
	opacity: 0.7;
	transition-duration: 2s;
}
div.cl-id8818, div.cl-id8817 {
		font-size: 1.3em;
		opacity: 0.7;
		transition-duration: 2s;
}
div.cl-id8818:hover , div.cl-id8817:hover, div.cl-id8819:hover {
	opacity: 1;
}
div.button {
	position: relative;
	width: 210px;
	background-color: #fff;
	border: 1px solid #E5601B;
	text-align: left;
	padding: 10px;
	margin: 15px 0 -30px 0;
	font-size: 1.3em;
	text-transform: uppercase;
}
div.button:hover {
	background-color: #E5601B;
	color: #fff;
}
div.button img {
	float: right;
	margin: 3px 0 0 0;
	height: 16px;
}
div.handwerk {
	margin: -40px 0 0 0;
	font-size: 1.2em;
}
div.weiter { 
	width: 200px;
	margin: 33px 0 0 50%;
	left: -100px;
}
div.weiter img { height: 15px;
}
h2 { font-size: 2.5em;
	margin: 350px 0 20px 0;
}
td.cms_content {
	width: 96%;
	padding: 10px 2%;
	text-align: center;
	font-size: 1.4em;
}
}
@media only screen and (min-width: 1200px) {
img.pngie6 { width: 22%;
margin: 0 0 0 39%;
}
div.slider-stretch { height: 600px;
position: relative;
float: left;
z-index: 1;
}
div.tmp_ind_3sp {
	position: relative;
	display: block;
	float:left;
	width: 1200px;
	margin: 0 0 0 -600px;
	left: 50%;
}
div.tmp_ind_3sp_li, div.tmp_ind_3sp_mi, div.tmp_ind_3sp_re {
	display: block;
	float:left;
	width: 370px;
	height: 310px;
	margin: 30px 0 0 0;
}
div.tmp_ind_3sp_image img { width: 100%;
}
div.cl-id8752 { margin: 30px 45px 0 45px;
}
div.cl-id8819 { margin: 30px 45px 0 45px;
	font-size: 1.3em;
}
div.cl-id8818, div.cl-id8817 {
	font-size: 1.3em;
}
div.button {
	position: relative;
	width: 348px;
	background-color: #fff;
	border: 1px solid #E5601B;
	text-align: left;
	padding: 10px;
	margin: 15px 0 -30px 0;
	font-size: 1.3em;
	text-transform: uppercase;
	transition-duration: 1s;
}
div.button:hover {
	background-color: #E5601B;
	color: #fff;
}
div.button img {
	float: right;
	margin: 3px 0 0 0;
	height: 16px;
}
div.handwerk {
	margin: 30px 0 0 0;
	font-size: 1.4em;
	width: 60%;
	padding: 10px 20%;
}
div.weiter { 
	width: 200px;
	margin: 33px 0 0 50%;
	left: -100px;
	transition-duration: 0.8s;
}
div.weiter img { height: 15px;
}
h2 {
	font-size: 2.5em;
	margin: 420px 0 0 0;
}
div.weiter_impressum {
	margin: 70px 0 0 0;
	transition-duration: 0.8s;
}
div.weiter_impressum img {
	height: 16px;
}
div img.handwerk { height: 19px;
}
}
@media only screen and (min-width: 1500px) {
	td.cms_content {
	width: 1200px;
	padding: 10px 320px;
}
}