@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v30-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v30-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/**********     Font Awesome     **********/
/*!
 *  Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {font-family: 'FontAwesome';src: url('../fonts/fontawesome-webfont.eot');src: url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg') format('svg');}

/**		problem with sprites images, Google map and the property max-width: 100%		**/ 
#mapcanvas img, .gmnoprint img {max-width: none;}
.drop-down a[href="#"] {cursor: default;}
/** 		Hide outline 	**/
*:hover, *:active, *:focus, input:focus, textarea:focus {outline:none !important;}
/** 	resize image 	**/
img, embed, video, .scale {max-width:100%;height:auto;vertical-align: middle;border: 0;
-ms-interpolation-mode: bicubic;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

html {margin: 0;padding: 0;width: 100%;height: 100%;}

body {background-color: #fff;color: #222;font-family: 'Open Sans', Roboto, Arial, sans-serif;font-size: 1em;text-align: center;margin: 0;padding: 0;width: 100%;height: 100%;position:relative;}
.mceContentBody {text-align: left;}
.clr {clear:both;}
.nowrap {white-space: nowrap;}
.breakword {word-wrap: break-word;}
.white-space-normal {white-space: normal;}
.displaynone {display: none;}
.wrapper-website {position: relative;margin: 0 auto;}
.zindex10 {z-index:10;}
.zindex20 {z-index:20;}
.zindex30 {z-index:30;}
.zindex50 {z-index:50;}
a {color:#02b5f0;text-decoration: none;transition: color 0.4s linear;}
a:hover, a:focus {text-decoration: none;color: #34495e;}
p {margin : 0 0 10px 0;text-align: justify;}
h1, h2, h3, h4, h5, h6 {padding: 6px 0 4px 0;font-weight: normal;margin: 0;}
h1 {display: block;color: #e20019;font-size: 120%;line-height: 110%;letter-spacing: normal;font-weight: bold;}
h1.h1-fledermaus-start {color: #222;font-size: 100%;font-weight: normal;}
h2 {font-size:150%;line-height: 110%;color: #446eaa;}
h3 {color: #446eaa;font-size: 100%;line-height: normal;}
h4 {font-size:110%;color:#222;font-weight: bold;}
h5, h6 {font-size:100%;}
.fett {font-weight: bold;}
ul {list-style: inside none disc;margin: 10px 0;padding: 0 0 0 20px;}
ul.breadcrumb {display: inline-flex;list-style: outside none none;margin: 10px 0 0;padding: 0;font-size: 120%;text-transform: uppercase;}
ul.breadcrumb li {padding: 0 5px 0 0;}
ul.breadcrumb li:first-child {padding: 0;}
ul.breadcrumb .divider > img {padding-bottom: 5px;}
header {background-color: #fff;}
main, footer, nav {margin: 0 auto;max-width: 1400px;}
main {background-color: #fff;min-height: 600px;}
main ul {display: table;min-width: 360px;list-style: outside url(../images/ok.png) disc;margin: 10px 0;padding: 0 0 0 50px;line-height: 180%;}
main ul li {padding-bottom: 12px;}
.kontakt-text {display: table;min-width: 315px;}
.fledermaus-schaedel {max-width: 350px;}
@media (max-width: 900px) {
	.img-right {display: block;float: none !important;margin: 0 auto 50px auto !important;}
	.img-right.fledermaus-schaedel {margin-top: 50px !important;}
	.img-right.akustik {text-align: center;}
}
div.item-image {margin-bottom: 10px;}
div.item-image div.img_caption p.img_caption {display: none;}
@media (max-width: 360px) {
	main ul {min-width: 0;}
}
@media (max-width: 360px) {
	h1 {font-size: 130%;line-height: 130%;}
	h2 {font-size: 120%;line-height: 120%;}
}
/* 
header {background: #fff url(../../../images/header/background/header-background.jpg) no-repeat fixed left top;}
.wrapper-website-header {background-color: rgba(244, 244, 210, 0.5);} */
.wrapper {position: relative;margin: 0 auto;z-index: 99999;height: 57px;}
#wrapper-logo {float: right;margin: 1% 3% 0 0;}
@media (min-width: 767px) {
	#wrapper-logo {position: absolute;right: 0;top: 0;}
	.drop-down > ul {text-align: left;margin-left: 3% !important;}
	.drop-down > ul > li:first-child, .drop-down > ul > li:first-child a {padding-left: 0;}
}
#wrapper-logo a {display: inline-block;}
.bilder-leistungen > img {max-width: 20%;}
/* .bilder-leistungen > img {max-width: 263px;} */
.bilder-leistungen {text-align: center;}

nav {background-color: #fff;height: 66px;transition: all 0.4s ease-in-out;}
.nav-left, .nav-right {display: inline-block;position: absolute;width: auto;z-index: 30;opacity: 0;transition: opacity 0.4s ease-in-out;}
.nav-left {float: left;left: 25px;top: 13px;}
.nav-right {float: right;right: 3%;top: 5px;font-weight: bold;font-size: 13px;text-align: right;}
.fa.fa-phone, .fa.fa-envelope {border: 0 none;color: #34495e;margin: 0;vertical-align: baseline;}
.fa.fa-phone {padding-right: 2px;}
.nav-right span {display: inline-block;min-width: 182px;}
.nav-right a {color: #ff7700;margin-right: -1px;}
.telefon-nav a {letter-spacing: 0.06em;}
.email-nav a {font-family: Verdana,Arial,sans-serif;text-decoration: underline;}
.drop-down {background-color: rgba(255, 255, 255, 1);clear:both;position:relative;margin: 0 auto;padding:0;}
.drop-down span.guenstige-preise-menu {display: none;}
.drop-down ul {margin: 0;padding: 0;}
.drop-down li {background-color: transparent;transition: all 0.4s ease-in-out;list-style: none;position: relative;display: inline-block;margin: 0;padding: 0 30px;z-index: 10;}
/* .drop-down li:hover {background-color: #f7f7f7;} cc 5-16 */
.drop-down li a {display: block;padding: 22px 5px;color: #446eaa;font-weight: bold;}
.drop-down li:hover a {color: #02B5F0;}
.isStuck {position:fixed !important;top:0 !important;left: 0;right: 0;margin: 0 auto;z-index: 99999;background-color: rgba(255, 255, 255, 0.92);transition: all 0.4s ease-in-out;}
nav:hover {background-color: rgba(255, 255, 255, 1);}
.isStuck:hover {background-color: rgba(255, 255, 255, 1);}
.empty-space {margin-top: 0;}
span.title_menu {display: none;}

/* SUBMENUES cc 5-16 */
.drop-down li ul {display: none;position: absolute;top: 85%;left: 0;z-index: 0;opacity: 0;width: 270px;padding: 7px;border-radius: 0px;border: 0px solid #ccc;font-size: 85%;font-weight: bold;text-align: left;background-color: #fff;box-shadow: 0 0 0 1px rgba(190, 190, 190, 0.35);}
.drop-down li ul ul {top: 0px;left: 155px;font-size: 100%;}
.drop-down > ul > li:last-child > ul {left: inherit;right: 0;}
.drop-down > ul > li:last-child > ul ul {left: inherit;right: 97%;}
.drop-down li ul:hover {box-shadow: 0 2px 4px 5px rgba(130, 130, 130, 0.30);background: rgba(255,255,255,1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.drop-down li li {float: none;width: 100%;padding: 0;margin: 0;}
.drop-down li li a, .drop-down li li span.separator {display: block;letter-spacing: 0px;padding: 9px 12px 8px 12px;
margin: 0 3px;border-style: none;border-top: 1px dashed #ddd;}
.drop-down li li:first-child > a, .drop-down li li:first-child > span.separator {border:none;}
.drop-down li li li:first-child > a, .drop-down li li li:first-child > span {
border-top-right-radius: 7px;border-top-left-radius: 7px;}
.drop-down li li:last-child > a, .drop-down li li:first-child > span {
border-bottom-left-radius: 7px;border-bottom-right-radius: 7px;}
.drop-down li:hover > ul, .drop-down li:focus > ul {
display: block ;z-index: 10;opacity: 1;
-webkit-transition : all 0.4s ease-in-out;
-moz-transition : all 0.4s ease-in-out;
-ms-transition : all 0.4s ease-in-out;
-o-transition : all 0.4s ease-in-out;
transition : all 0.4s ease-in-out;
}
.drop-down li li:hover, .drop-down li li.active {background: #fff;border-radius: 3px;}
.drop-down li li:hover > a, .drop-down li li.active > a, .drop-down li li.active > span {border-top-color : #ddd;}
.drop-down li li:hover a {color: #e20019;}
.drop-down li li:hover a[href="#"] {color: #666;}
/* END SUBMENUES cc 5-16 */

@media (max-width: 459px) {
	body {font-size: 0.8em;}
	.page-header h2 {font-size: 150%;} /* kurze h2 */
	/* nav {border-bottom: 20px solid rgba(111, 111, 111, 0.2) !important;margin: 24px 7px 0 7px !important;opacity: 0.7;padding-bottom: 24px !important;} cc 5-16
	header {background: #fff url(../../../images/header/background.jpg) no-repeat scroll left top;} */
	#js_navigation:target::before {z-index: 30 !important;}
	.drop-down {position: relative;float: none;padding: 0;width: auto !important;height: auto;z-index: 30;}
	.drop-down ul {background-color: rgba(111,111,111,0.5);border: none;border-radius: 15px;display: none;width: 400px;position: relative; margin: 4px auto;top: 0;max-width: 90%;padding: 12px;z-index: 1337;}
	.drop-down > ul > li > a:hover, .drop-down > ul > li > a:focus {background-color: #000;}
	.drop-down > ul > li.active > a:hover {color: #fff !important;}
 	#js_navigation:target > ul {display: block;}
	.drop-down span.guenstige-preise-menu {display: block;float: none;position: relative;margin: 11px 3px 10px 3px;line-height: 1;font-weight: normal;}
	.drop-down span.guenstige-preise-menu a {display: block;font-size: 19px;line-height: 19px;text-align: center;margin: 0 auto;width: 25%;min-width: 140px;padding: 12px 6px;color: #fff;background: #777;border-radius: 8px;transition: all 0.4s ease-in-out;}
	.drop-down span.guenstige-preise-menu a:hover, .drop-down span.guenstige-preise-menu a:focus {background: #999;text-decoration: none;}
	#js_navigation:target span.guenstige-preise-menu {display: none;}
	#js_navigation:target:before {content: "";position: fixed;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;}
    .drop-down li {position: relative;display: block;float: none;height: auto;width: auto;line-height: inherit;padding: 0;margin: 0 0 10px 0;background-image: none;}
    .drop-down li {border: none;}
	.drop-down li a {display: block;width: auto;height: auto;padding: 14px 15px 14px 25px;margin: 0;text-align: left;text-transform: none;font-weight: normal;line-height: 100%;font-size: 120%;text-shadow: none;background-image: none;background-color: #000;color: #fff;border-radius: 8px;border-left: 1px solid #999 !important;border-right: 1px solid #999 !important;border-color: rgba(0,0,0,0.2) !important;}
	.drop-down li a:hover, .drop-down li span.separator:hover {transition: none;}
	.drop-down > ul > li:hover > a, .drop-down > ul > li:hover > span, .drop-down > ul > li.active > a, .drop-down > ul > li.active > span {color: #446eaa;background-color: #000;background-image: none;box-shadow: none;transition: all 0.4s ease-in-out;}	
	/* .drop-down {background: transparent;padding: 0 0 5px 0;} cc 5-16 */
	.isStuck {position: relative !important;top: inherit !important;left: inherit !important;right: inherit !important;background: transparent !important;margin: 0;border-bottom: none;z-index: 99;}
	.drop-down.isStuck li {display:block;}
	#js_navigation:before, #js_navigation:after {display:block;}
}
@media (max-width:1099px) {
	.drop-down > ul > li {padding: 0 20px;}
}
@media (max-width: 1029px) {
	.drop-down > ul > li {padding: 0 4px;}
}
@media (min-width: 768px) {
	.isStuck .nav-left, .isStuck .nav-right {opacity: 1;transition: opacity 2s ease-in-out;}
}
@media screen and (max-width: 767px) {
	/* header {background: #fff url(../../../images/header/background-767.jpg) no-repeat scroll left top;} */
	main {min-height: 450px;}
	.wrapper {height: auto;margin-bottom: 10px;}
	.img-left.netzfaenge {margin: 0 0 20px 0 !important;}
	#wrapper-logo {float: none;margin: 0 auto;padding: 2% 0;}
	#butaris-tourierbutter-fette-baeckereien {float: none;margin: 0 auto;padding: 0 8px;}
	.wrapper-butaris-tourierbutter-oele {background-color: #fff;height: 230px;}
	nav.drop-down, nav:hover {padding: 5px 1%;}
	nav.drop-down.stuckMenu.isStuck, nav.drop-down.stuckMenu.isStuck:hover {background-color: #fff;}
	#js_navigation:target {background-color: #fff;}
	.info-slider {display: block;left: unset;margin: 0 auto;position: relative;top: 60px;}
	.banner {display: block;top: 33px;}
	.mod-languages {top: 26px;left: unset;right: 3%;}
	.lang-inline {margin-left: 0 !important;}
	div.mod-languages li {margin: 0 4px 0 0 !important;}
	.search.mod_search103 {top: 23px;}
	.nav-left, .nav-right {display: none;}
	.empty-space.fix-empty {margin-top: 0 !important;}
	.drop-down {
	position: relative;
    float: none;
    padding: 0;
    width: auto !important;
    height: auto;
    z-index: 30;
	}
	
	.drop-down ul {
	background-color: rgba(111,111,111,0.5);
    border: none;
	border-radius: 15px;
    display: none;
    width: 400px;
    position: relative; margin: 15px auto;
    top: 0;
    left: 0; /* cc 1% */
    padding: 12px;
    z-index: 1337;
 	}
 	
 	#js_navigation:target > ul {
    display: block;
	}
	
	.drop-down span.title_menu {
	display: block;
	float: none;
	position: relative;
	margin: 11px 3px 10px 3px;
	line-height: 1;
	font-weight: normal;
	}
	
	.drop-down span.title_menu a {	
	display: block;
	font-size: 19px;
	line-height: 19px;
	text-align: center;
	margin: 0 auto;
	width: 25%;
	min-width: 140px;
	padding: 6px 6px 6px 6px;
	color: #fff;
	background: #777;
	border-radius: 8px;
	box-shadow: 0px 0px 3px #888 inset;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out ;
	}
	
	.icone-menu {
	display: inline-block;
	padding: 0 0 3px 0;
	background-position: 0 0;
	line-height: inherit;
	height: auto;
	width: auto;
	vertical-align: middle;
	margin: 0;
	}
	
	.drop-down span.title_menu a:hover, .drop-down span.title_menu a:focus {
	background: #999;
	text-decoration: none;
	}
	
	#js_navigation:target span.title_menu {
	display: none;
	}
	
	#js_navigation:target:before {
	content: "";
	position: fixed;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	}
	
    .drop-down li {
    position: relative;
    display: block ;
    float: none;
    height: auto;
    width: auto;
    line-height: inherit;
    padding: 0;
    margin: 0 0 10px 0;
    background-image: none;
    }
    
    .drop-down li, .drop-down li:first-child {
    border: none;
    }
    
    .drop-down li.parent a:after, .drop-down li.parent span:after {
    color: #fff;
    font-size: 100%;
    right: 12px;
    top: 15px;
	}
	
	.drop-down li.parent li.parent a::after , .drop-down li.parent li.parent span::after,
	.drop-down li.parent li.parent li.parent a::after , .drop-down li.parent li.parent li.parent span::after {
    color: #000;
    font-size: 100%;
    right: 12px;
    top: 15px;
	}
	
	.drop-down li.parent li.parent:hover a::after , .drop-down li.parent li.parent:hover span::after,
	.drop-down li.parent li.parent li.parent:hover a::after , .drop-down li.parent li.parent li.parent:hover span::after {
	color: #000;
	}		
	
	.drop-down li ul {
	max-width: 100%;
    font-size: 90%;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 1;
	width: auto;
	border-radius: 0;
	border: none;
	box-shadow: none;
	padding: 0;
	margin: 0;
	background-color: transparent;
	}

	.drop-down li ul ul {
	top: 0;
	left: 0;
	margin: 0;
	border-radius: 0;
	}

	.drop-down li ul:hover {
	box-shadow: none;
	}
	
	.drop-down li li ul:hover {
	box-shadow: none;
	}
	
	.drop-down li li {
	float: none;
	width: auto;
	background-image: none;
	padding: 0;
	margin: 0;
	}
	
	.drop-down li a, .drop-down li span.separator {
	display: block;
	width: auto;
	height: auto;
	padding: 14px 15px 14px 25px;
	margin: 0;
	text-align: left;
	text-transform: none;
	font-weight: normal;
	line-height: 100%;
	font-size: 150%;
	text-shadow: none;
	background-image: none;
	background-color: #000;
	color: #fff;
	border-radius: 8px 8px 0 0;
	border-left: 1px solid #999 !important;
	border-right: 1px solid #999 !important;
	border-color: rgba(0,0,0,0.2) !important;
	}
	
	.drop-down > ul > li > a:only-child {
	border-radius: 8px;
	}
	
	.drop-down li li a, .drop-down li li span.separator {
	display: block;
	width: auto;
	color: #222;
	letter-spacing: 0px;
	font-size: 95%;
	line-height: inherit;
	padding: 14px 15px 14px 25px;
	margin: 0;
	background-image: none;
	background-color: #fff;
	border: none;
	border-bottom: 1px solid #aaa;
	border-radius: 0;
	word-wrap: break-word;
	}
	
	.drop-down li li:first-child a, .drop-down li li:first-child span.separator {
	border: none;
	border-bottom: 1px solid #aaa;
	}
	
	.drop-down li ul, .drop-down ul ul li:last-child > a {
    border-radius: 0 0 8px 8px;
	}

	.drop-down li li li a, .drop-down li li li span.separator {
	font-size: 125%;
	padding: 14px 15px 14px 40px;
	background-color: #e8e8e8;
	}
	
	.drop-down ul ul ul li:last-child > a {
    border-radius: 0;
	}
	
	.drop-down li li li li a, .drop-down li li li li span.separator {
	font-size: 120%;
	padding: 14px 15px 14px 60px;
	background-color: #d8d8d8;
	}
	
	.drop-down li:hover > ul, .drop-down li:focus > ul {
	display: block ;
	z-index: 10;
	opacity: 1;
	}	
	
	.drop-down a {
	text-decoration: none !important;
	}
	
	.drop-down li:hover > a, .drop-down a[href="#js_navigation"] {
	text-decoration: none !important;
	}
	
	.drop-down a[href="#"] {
	text-decoration: none !important;
	cursor: default;
	}
	
	.drop-down > ul > li:hover > a, .drop-down > ul > li:hover > span, .drop-down > ul > li.active > a, .drop-down > ul > li.active > span {
	color: #446eaa;
	background-color: #000;
	background-image: none;
	box-shadow: none;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	}
	
	.drop-down li:hover li a {color: #000;}
	
	.drop-down li li:hover > a, .drop-down li li:hover > span, .drop-down li li.active > a, .drop-down li li.active > span {
	color: #446eaa;
	background-color: #fff;
	background-image: none;
	box-shadow: none;
	}
	

	.drop-down li li li:hover > a, .drop-down li li li:hover > span, .drop-down li li li.active > a, .drop-down li li li.active > span {
	background-color: #e8e8e8;
	}

	.drop-down li li li li:hover > a, .drop-down li li li li:hover > span, .drop-down li li li li.active > a, .drop-down li li li li.active > span {
	background-color: #d8d8d8;
	}
	
	.drop-down li.current > a {
	color: #fff !important;
	text-decoration: none !important;
	background-color: #446eaa !important;
	}
	
	/* others + Disable position fixed for Sticky menu */

	.isStuck {
	position: relative !important;
	top: inherit !important;
	left: inherit !important;
	right: inherit !important;
	margin: 0;
	border-bottom: none;
	z-index: 99;
	}
	
	.drop-down.isStuck li {
	display: block;
	}
	
	#js_navigation:before, #js_navigation:after {
	display: block;
	}

}

section {position: relative;text-align: left;}
.blog .items-leading > div, .item-page, .category-list {overflow: hidden;position: relative;clear: both;display: block;margin: 2em 3%;}
.cat-children {margin: 0px 3% 2em;}
.cat-children > div h3 {font-size: 120%;line-height: 160%;padding-top: 4px;}
.blog .items-leading > div:first-child, .item-page, #xmap {margin: 0px 3% 2em 3%;}
.blog > h2 {font-size: 140%;font-weight: bold;margin-top: 1%;text-align: center;}
.blog.home .items-leading .leading-0 {margin: 0;}
.page-header {background-color: #fff;border: 0px solid rgba(222, 222, 222, 0.5);border-radius: 5px;display: block;margin: 20px 0 15px 0;padding: 3px 5px 2px 0px;}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox {background-color: #f4f4f4;border: 1px solid rgba(0, 0, 0, 0.20);border-radius: 2px;box-shadow: 1px 1px 2px 0 rgba(111, 111, 111, 0.2) inset;color: #0088cc;display: block;font-size: 15px;height: 38px;line-height: 1.42857;padding: 6px 12px;margin: 0 auto;width: 86%;max-width: 372px;}
textarea {font-family: Verdana, Arial, sans-serif;overflow: auto;vertical-align: top;min-height:100px;}
input[type="submit"] {background: #216bfe url(guenstige-preise-webdesign-muenchen/webdesign-muenchen-blau-767.jpg) repeat scroll center bottom;cursor: pointer;border: 1px solid #ccc;border-radius: 4px;font-size: 130%;color: #34495e;font-weight: bold;padding: 8px 11px;margin: 0 auto;width: 95%;max-width: 400px;transition: all 0.2s linear;}
input[type="submit"]:hover {background: #216bfe url(guenstige-preise-webdesign-muenchen/webdesign-muenchen-blau-767.jpg) repeat scroll center center;}

footer {display: block;overflow: hidden;width: 100%;font-family: verdana;color: #222;font-size: 90%;text-align: left;box-shadow: 0 0 2px 2px #fff;background-color: #fff;}
footer .footer-inner {padding: 20px 3% 30px 3%;}
footer ul {
    float: right;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
footer ul li {
    display: inline-block;
    margin: 0 0 0 20px;
}
footer a {color: #34495e;line-height: 30px;}
footer a:hover, footer a:focus {color: #e20019;}
footer p {margin: 0;}
footer hr {border-bottom: 0 none;border-top: 1px solid #fff;margin: 20px auto 2px auto;}
footer .copyright  {font-size: 11px;}
footer .copyright-sign {bottom: 1px;position: relative;}
.social-links {vertical-align: middle;}
@media (max-width: 767px) {
	footer ul {float: none;}
	footer ul li {margin: 0 7px 12px 0;}
}

.fa {font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;display: inline-block;}
.fa-angle-up:before {content: "\f106";}
.fa-envelope:before {content: "\f0e0";}
.fa-phone:before {content: "\f095";}
.fa-facebook:before {content: "\f09a";}
.fa-google-plus:before {content: "\f0d5";}
.fa-linkedin:before {content: "\f0e1";}
.fa-twitter:before {content: "\f099";}
.fa-xing:before {content: "\f168";}
.fa {border: 1px solid #555;margin-left: 4px;margin-top: 4px;border-radius: 6px;}
.social-links a:hover {color: #fff}
.fa.fa-facebook {background-color: transparent;padding: 2px 3px 1px 7px;margin-left: 6px;transition: background-color 0.4s linear;}
.fa.fa-facebook:hover {background-color: #3b5998;}
.fa.fa-google-plus {background-color: transparent;padding: 2px 2px 1px 2px;transition: background-color 0.4s linear;}
.fa.fa-google-plus:hover {background-color: #dd4b39;}
.fa.fa-linkedin {background-color: transparent;padding: 2px 2px 1px 4px;transition: background-color 0.4s linear;}
.fa.fa-linkedin:hover {background-color: #0077b5;}
.fa.fa-twitter {background-color: transparent;padding: 2px 2px 1px 3px;transition: background-color 0.4s linear;}
.fa.fa-twitter:hover {background-color: #49c9f2;}
.fa.fa-xing {background-color: transparent;padding: 2px 3px 1px 4px;margin-right: 2px;transition: background-color 0.4s linear;}
.fa.fa-xing:hover {background-color: #006464;}

#gototop {color: #001a07;position: fixed;display: block;bottom: 0px;right: 0px;margin-bottom: 16px;margin-right: 0px;z-index: 33;transition: all 0.2s linear;}
#gototop:hover {color: #e20019;margin-bottom: 27px;}
#gototop .fa {border: 1px solid transparent;border-radius: 99px;color: inherit;font-size: 40px;margin: 0;opacity: 0.61;padding: 0 10px 6px;}
@media (max-width: 767px) {
	#gototop {display: none;}
}