/*
Theme Name: Kfz-Meisterbetrieb Pilarski Warberg
Theme URI: https://kfz-meisterbetrieb-pilarski.de
Description: Theme für Pilarski Warberg
Version: 1.0
Author: Sandy Mokros
Author URI: https://www.mentalwork.eu*/

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('https://test.kfz-meisterbetrieb-pilarski.de/onts/open-sans-v15-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https:/test./kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://test.kfz-meisterbetrieb-pilarski.de/fonts/open-sans-v15-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
body {
	background: #ffffff;
	font-family: 'Open Sans';							
	font-size: 100%;
	margin: 0;
	color: #333333;
}
#wrapper {
	max-width: 100%;
	height: auto;
	z-index: 0;
	position: relative;
	overflow: hidden;
}
header {
	width: 100%;
	height: 125px;
	z-index: 1;
	position: relative;
	background-color: #00497f;
	top: 0px;
	border-bottom: 2px solid #FFFFFF;
}
#navleiste {
	width: 100%;
	height: 50px;
	position: relative;
	z-index: 2;
	background-color: #e6e6e6;
	margin-top: -16px;
	border-top: 5px solid #fff;
}
nav {
	width: 50%;
	margin-left: 21.3%;
	margin-right: 20%;
	height: 50px;
	top: 5px;
	position: relative;
	z-index: 30;
}
nav li {
	display: inline; 				
	margin: 0px 15px 0px 0px; 
	text-align: right;
}
nav A:LINK, nav A:VISITED {	
	font-size : 100%;
	color : #00497f;
	text-decoration: none;
	font-weight : 600;
	text-transform: uppercase;
}
nav A:HOVER{
	font-size : 100%;
	color: #e30613;
	text-decoration: none;
	font-weight : 600;
}
#logo {
	max-width: 15%;
	height: auto;
	position: absolute;
	z-index: 100;
	float: left;
	left: 7%;
	top: 40px;
}
#name {
	width: 25%;
	height: auto;
	position: absolute;
	z-index: 100;
	float: left;
	left: 22%;
	top: 40px;
	color: #FFFFFF;
	font-size: 120%;
}
.name {
	font-size: 130%;
	font-weight: bold;
	margin-top: -5px;
}
#telefon {
	width: 20%;
	height: auto;
	position: absolute;
	z-index: 100;
	float: right;
	right: 7.5%;
	top: 50px;
	color: #FFFFFF;
	font-size: 120%;
	text-align: right;
}
#headermenu {
	max-width: 20%;
	height: auto;
	position: absolute;
	z-index: 100;
	float: right;
	right: 7%;
	top: 57px;
}
#headermenu li {
	display: inline; 				
	margin: 0px 10px 0px 0; 
	text-align: right;
}
#headermenu A:LINK, #headermenu A:VISITED {
	font-size : 95%;
	color : #FFFFFF;
	text-decoration: none;
	font-weight : 600;
}
#headermenu A:HOVER{
	font-size : 95%;
	color: #e30613;
	text-decoration: none;
	font-weight : 600;
}
#socialmedia {
	max-width: 15%;
	height: auto;
	position: absolute;
	z-index: 100;
	float: right;
	right: 7%;
	top: -10px;
}
#socialmedia li {
	display: inline; 				
	margin: 0px 0px 0px 0; 
	text-align: right;
}
#slider{
	width: 100%;
	height: auto;
	position:relative;
	border-top: 5px solid #FFFFFF;
}
#ueberschrift {
	width: 52%;
	height: 100px;
	position: absolute;
	z-index: 1;
	background: rgba(0,73,127,.7); 
	color: #FFFFFF;
	text-align: center;
	left: 24.4%;
	right: 26%;
	top: 370px;
	padding-top: 50px;
}
.ueberschrift {
	top: -50px;
	position: relative;
	font-size: 230%;
	font-weight: 600;
}
.ueberschrift_klein {
	top: -95px;
	position: relative;
	font-size: 150%;
}
#button {
	min-width: 26%;
	height: 25px;
	position: absolute;
	background-color: #e30613;
	top: 550px;
	z-index: 1;
	color: #FFFFFF;
	font-size: 100%;
	padding: 10px;
	border-radius: 10px;
	left: 37%;
	right: 37%;
	text-align: center;
	font-weight: 600;
}
#button1 {
    max-width: 25%;
    height: 40px;
    position: absolute;
    background-color: #e30613;
    z-index: 1;
    padding-left: 50px;
    border-radius: 10px;
    right: 22%;
    text-align: center;
    font-weight: 600;
    margin-top: -51px;
    font-size: 54%;
    padding-right: 50px;
    padding-top: 8px;
}
img {
	max-width: 100%;
	height: auto;
}
td {
    vertical-align: top;
}
.sm {
	max-width: 100%;
	height: auto;
}
#leistungsbereich {
	width: 57%;
	height: 300px;
	left: 22%;
	right: 22%;
	top: 615px;
	z-index: 1;
	position: absolute;
}
#reparatur {
	width: 24%;
	max-height: 326px;
	position:relative;
	z-index: 35;
	float: left;
	background: url( "https://test.kfz-meisterbetrieb-pilarski.de/wp-content/uploads/2020/04/reparatur.gif");
	background-position: center top;
	background-repeat: no-repeat;
	background-origin: content-box;
	background-size: 100% auto;
}
#reparatur:hover {
	width: 24%;
	height: 326px;
	position:relative;
	z-index: 35;
	float: left;
	background: url( "https://test.kfz-meisterbetrieb-pilarski.de/wp-content/uploads/2020/04/reparatur_over.gif");
	background-position: center top;
	background-repeat: no-repeat;
	background-origin: content-box;
	background-size: 100% auto;
}
.buttontext {
	top: -50px;
	color: #FFFFFF;
	font-size: 150%;
	font-weight: 600;
	text-transform: uppercase;	
	margin-top: 110px;
	margin-left: 6%;
}
.buttontext_klein {
	top: -50px;
	width: 89%;
	color: #FFFFFF;
	font-size: 90%;
	font-weight: 400;
	margin-top: -25px;
	margin-left: 6%;
}
.buttontext_mehr {
	color: #FFFFFF;
	font-size: 90%;
	font-weight: 400;
	margin-right: 17%;
	text-align: right;
	margin-top: 118px;
}
.buttontext_mehr1 {
	color: #FFFFFF;
	font-size: 90%;
	font-weight: 400;
	margin-right: 16%;
	text-align: right;
	margin-top: 118px;
}
.buttontext_mehr2 {
	color: #FFFFFF;
	font-size: 90%;
	font-weight: 400;
	margin-right: 17%;
	text-align: right;
	margin-top: 138px;
}
.buttontext_mehr3 {
	color: #FFFFFF;
	font-size: 90%;
	font-weight: 400;
	margin-right: 17%;
	text-align: right;
	margin-top: 100px;
}
#instand {
	width: 24%;
	height: 326px;
	position:relative;
	z-index: 35;
	float: left;
	left: 1%;
	background: url( "https://test.kfz-meisterbetrieb-pilarski.de/wp-content/uploads/2020/04/instand.gif");
	background-position: center top;
	background-repeat: no-repeat;
	background-origin: content-box;
	background-size: 100% auto;
}
#instand:hover {
	width: 24%;
	height: 326px;
	position:relative;
	z-index: 35;
	float: left;
	background: url( "https://test.kfz-meisterbetrieb-pilarski.de/wp-content/uploads/2020/04/instand_over.gif");
	background-position: center top;
	background-repeat: no-repeat;
	background-origin: content-box;
	background-size: 100% auto;
}
#service {
	width: 24%;
	height: 326px;
	position:relative;
	z-index: 35;
	float: left;
	left: 2%;
	background: url( "https://test.kfz-meisterbetrieb-pilarski.de/wp-content/uploads/2020/04/service.gif");
	background-position: center top;
	background-repeat: no-repeat;
	background-origin: content-box;
	background-size: 100% auto;
}
#service:hover {
	width: 24%;
	height: 326px;
	position:relative;
	z-index: 35;
	float: left;
	background: url( "https://test.kfz-meisterbetrieb-pilarski.de/wp-content/uploads/2020/04/service_over.gif");
	background-position: center top;
	background-repeat: no-repeat;
	background-origin: content-box;
	background-size: 100% auto;
}
#rad {
	width: 24%;
	height: 326px;
	position:relative;
	z-index: 35;
	float: left;
	left: 3%;
	background: url( "https://test.kfz-meisterbetrieb-pilarski.de/wp-content/uploads/2020/04/rad.gif");
	background-position: center top;
	background-repeat: no-repeat;
	background-origin: content-box;
	background-size: 100% auto;
}
#rad:hover {
	width: 24%;
	height: 326px;
	position:relative;
	z-index: 35;
	float: left;
	background: url( "https://test.kfz-meisterbetrieb-pilarski.de/wp-content/uploads/2020/04/rad_over.gif");
	background-position: center top;
	background-repeat: no-repeat;
	background-origin: content-box;
	background-size: 100% auto;
}
#leiste_grau{
	background-color: #e6e6e6;
	/*border-top: 5px solid #FFFFFF;*/
	width: 100%;
	z-index: 50;
	height: 135px;
}
#leistung_hintergrund {
	background-color: #e6e6e6;
	border-top: 5px solid #FFFFFF;
	width: 94%;
	z-index: 50;
	min-height: 500px;
	margin-left: -40%;
	padding-left: 40%;
	padding-right: 46%;
	padding-top: 40px;
	margin-top: 50px;
}
#content {
    width: 56%;
    min-height: 540px;
    position: relative;
    text-align: justify;
    hyphens: auto;
    padding-top: 50px;
    padding-bottom: 150px;
    padding-left: 22%;
    padding-right: 22%;
    background-color: #f2f2f2;
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
}
#hintergrundc {
	width: 100%;
	min-height: 435px;
	position:relative;
	background-color: #e6e6e6;
	border-top: 25px solid #ffffff;
	border-bottom: 25px solid #ffffff;
}
.page-id-30 #content {
	min-width: 56%;
	height: auto;
	position: relative;
	text-align: justify;
	hyphens: auto;
	padding-top: 50px;
	padding-bottom: 4px;
	background-color: #ffffff;
    border-top: 0px;
    border-bottom: 0px;
}
.reparatur {
	float: left; margin: 0 40px 200px -50px;
}
#content ul {
	display: block;
	list-style-image: url(https://test.kfz-meisterbetrieb-pilarski.de/wp-content/uploads/2020/05/pfeil.gif);
	text-align: left;
}
.bild {
	margin: 0 50px 0 0;
	float: left;
}
.bild_rechts {
	margin: 84px -65px 0 0;
	float: right;
}
#leistungen {
	width: 60%;
	background-color: #e6e6e6;
	padding-left: 20%;
	padding-right: 20%;
	padding-bottom: 50px;
	padding-top: 50px;
	height: 300px;
	position:relative;
	z-index: 5;
	text-align: justify;
	hyphens: auto;
	border-bottom: 10px #FFFFFF solid;
}
#termin {
	width: 60%;
	background-color: #b2c8d8;
	padding-left: 20%;
	padding-right: 20%;
	padding-bottom: 20px;
	padding-top: 20px;
	height: 60px;
	position:relative;
	z-index: 5;
	hyphens: auto;
	border-bottom: 10px #FFFFFF solid;
	color: #003366;
	font-size: 180%;
	font-weight: 600;
	text-align: left;
	line-height: 1.0em;
}
footer {
	width: 58%;
	height: 195px;
	position: relative;
	/*z-index: 10;*/
	background-color: #00497f;
	color: #ffffff;
	padding-left: 22%;
	padding-right: 20%;
	padding-bottom: 50px;
	border-top: 5px solid #FFFFFF;
	margin-top: -20px;
}
#footermenu{
	width: 60%;
	margin-left: 17.9%;
	margin-right: 20%;
	height: 30px;
	position: absolute;
	z-index: 9;
	color: #ffffff;
	bottom: 20px;
}
#footermenu li {
	display: inline; 				
	margin: 0px 0px 0 0; 
	text-align: right;
}
#pfeiloben {
	width: 30px;
	height: 25px;
	background-color: #cdcdcd;
	position: absolute;
	bottom: 0px;
	float: right;
	right: 21.5%;
	text-align: center;
	padding: 10px;
}
#copyright{
	width: 30%;
	height: 30px;
	position: absolute;
	z-index: 100;
	text-align: right;
	color: #ffffff;
	float: right;
	right: 25.5%;
	bottom: 20px;
	font-size: 90%;
}
#terminbuchung {
	background-color: #b2c8d8;
	height: 90px;
	width: 80%;
	color: #00497f;
	font-size: 185%;
	font-weight: 600;
	padding-left: 22%;
	padding-top: 30px;
	line-height: 1.0em;
}
.icon {
    float: left;
    margin: 0 20px 0 0;
}
.reparaturen {
    float: left;
    margin: 0 20px 0 0;
}
.inspektionen {
    float: left;
    margin: 0 20px 0 0;
}
.service {
    float: left;
    margin: 0 20px 0 0;
}
.rad {
    float: left;
    margin: 0 20px 0 0;
}
A.footer:LINK, A.footer:VISITED {
	font-size : 110%;
	color : #FFFFFF;
	text-decoration: none;
	font-weight : normal;
	font-weight: 600;
}
A.footer:HOVER {
	font-size : 110%;
	color: #e30613;
	text-decoration: none;
	font-weight : normal;
	font-weight: 600;
}
A.button:LINK, A.button:VISITED {
	font-size : 100%;
	color : #FFFFFF;
	text-decoration: none;
	font-weight : normal;
}
A.button:HOVER  {
	font-size : 100%;
	color: #00497f;
	text-decoration: none;
	font-weight : normal;
}
A:LINK, A:VISITED {
	font-size : 110%;
	color : #00497f;
	text-decoration: none;
	font-weight : 600;
}
A:HOVER  {
	font-size : 110%;
	color: #e30613;
	text-decoration: none;
	font-weight : 600;
}
H1 {
	font-size : 120%;
	color : #666666;
	font-weight : 600;
	text-decoration : none;
	text-align: left;
	text-transform: uppercase;
}
H2 {
	font-size : 220%;
	color : #00497f;
	font-weight : bold;
	text-decoration : none;
	text-align: left;
	line-height: 0.9em;
}
.gross {
	text-transform: uppercase;
	font-size : 200%;
}
H3 {
	font-size : 110%;
	color : #00497f;
	text-decoration : none;
	line-height: 1.0em;
	font-weight: 600;
}
H4 {
	font-size : 130%;
	color : #666666;
	font-weight : 600;
	text-decoration : none;
	text-align: left;
	font-style: italic;
	margin-top: -25px;
	margin-left: -10px;
}
H5 {
	font-size : 120%;
	color : #00497f;
	font-weight : bold;
	text-decoration : none;
	line-height: 0.9em;
}
/*Responsive Design*/

@media screen and (max-width: 1680px){ 
#logo {
	margin-left: -1%;
}
#headermenu {
	margin-right: -1%;
}
#socialmedia {
	margin-right: -1%;
}
#telefon {
	margin-right: -1%;
}
.buttontext_mehr {
	margin-top: 63px;
}
.buttontext_mehr1 {
	margin-top: 81px;
}
.buttontext_mehr2 {
	margin-top: 80px;
}
.buttontext_mehr3 {
	margin-top: 62px;
}
}
@media screen and (max-width: 1600px){ 
#logo {
	margin-left: -2%;
}
#headermenu {
	margin-right: -2%;
}
#socialmedia {
	margin-right: -2%;
}
#telefon {
	margin-right: -2%;
}
.buttontext_mehr {
	margin-top: 50px;
}
.buttontext_mehr1 {
	margin-top: 68px;
}
.buttontext_mehr2 {
	margin-top: 68px;
}
.buttontext_mehr3 {
	margin-top: 49px;
}
}
@media screen and (max-width: 1440px){ 
.ueberschrift {
    font-size: 215%;
}
#leistungsbereich {
    width: 58%;
    left: 22%;
    right: 20%;
}
#reparatur {
	height: 260px;
}
#instand {
	height: 260px;
}
#service {
	height: 260px;
}
#rad {
	height: 260px;
}
.buttontext_mehr {
	margin-top: 37px;
}
.buttontext_mehr1 {
	margin-top: 55px;
}

.buttontext_mehr3 {
	margin-top: 18px;
}
.page-id-30 #content {
    width: 55%;
    margin-left: 0%;
    padding-top: 80px;
}
H2 {
	font-size: 200%;
}
#leistung_hintergrund {
	width: 97%;
	margin-top: 65px;
}
#terminbuchung {
    font-size: 177%;
    padding-left: 22%;
}
.sm {
	max-width: 19%;
}
#socialmedia {
	margin-right: -3.5%;
	top: -7px;
}
.bild_rechts {
    margin: 56px -39px 0 0;
}
#button1 {
    margin-right: -1%;
}
#copyright {
    margin-right: 1%;
}
.buttontext {
    margin-top: 100px;
}
.buttontext_mehr2 {
	margin-top: 56px;
}
#ueberschrift {
    width: 57%;
    left: 22%;
    right: 22%;
}
}
@media screen and (max-width: 1400px){ 
.buttontext {
	margin-top: 88px;
}
#ueberschrift {
	top: 321px;
	height: 75px;
}
#button {
	top: 486px;
}
#leistungsbereich {
	top: 563px;
}
#leistung_hintergrund {
	min-height: 471px;
	padding-top: 19px;
}
#terminbuchung {
	font-size: 172%;
}
#button1 {
	height: 35px;
	padding-top: 5px;
	margin-top: -43px;
}
#leiste_grau {
	height: 108px;
}
.page-id-30 #content {
	padding-top: 69px;
}
.buttontext_mehr {
    margin-top: 24px;
}
.buttontext_mehr1 {
    margin-top: 62px;
}
.buttontext_mehr2 {
    margin-top: 24px;
}
.buttontext_mehr3 {
    margin-top: 24px;
}
.ueberschrift {
    top: -60px;
}
.ueberschrift_klein {
    top: -102px;
}
}
@media screen and (max-width: 1366px){ 
#reparatur {
	height: 291px;
}
#instand {
	height: 291px;
}
#service {
	height: 291px;
}
#rad {
	height: 291px;
}
#leiste_grau {
	height: 131px;
}
.page-id-30 #content {
    padding-top: 53px;
    margin-left: 0%;
	width: 57%;
}
	#leistungsbereich {
    margin-top: -67px;
}
footer {
    width: 56%;
    padding-left: 22%;
    padding-right: 22%;
}
#button1 {
	right: 21.5%;
}
#ueberschrift {
	top: 300px;
}
#button {
	top: 438px;
}
#socialmedia {
	margin-right: -3.8%;
}
.buttontext {
	margin-top: 85px;
}
.bild_rechts {
    margin: 56px -30px 0 0;
}
.buttontext_mehr {
    margin-top: 41px;
}
.buttontext_mehr2 {
    margin-top: 61px;
}
}
@media screen and (max-width: 1280px){ 
#logo {
    max-width: 17%;
    margin-left: -4%;
}
#name {
	margin-left: 0%;
}
#headermenu {
	max-width: 30%;
	margin-right: -4.5%
}
#socialmedia {
	max-width: 20%;
	margin-right: -6.5%;
}
.buttontext_mehr {
	margin-top: 26px;
}
.buttontext_mehr1 {
	margin-top: 45px;
}
.buttontext_mehr2 {
	margin-top: 62px;
}
.buttontext_mehr3 {
	margin-top: 26px;
}
nav {
    width: 60%;
	margin-left: 21%;
}
.ueberschrift {
    top: -62px;
    font-size: 200%;
}
.ueberschrift_klein {
    top: -102px;
}
H2 {
    font-size: 170%;
}
#terminbuchung {
    font-size: 165%;
}
.bild_rechts {
    margin: 84px -19px 0 0;
}
#leistung_hintergrund {
    margin-top: 88px;
}
#copyright {
	margin-right: 1%;
}
#ueberschrift {
    top: 324px;
	height: 59px;
}
.buttontext {
    margin-top: 73px;
	font-size: 138%;
}
#telefon {
    margin-right: -4.5%;
}
}
@media screen and (max-width: 1200px){ 
nav {
	width: 60%;
}
.ueberschrift {
    top: -64px;
    font-size: 179%;
}
#ueberschrift {
	height: 45px;
}
.ueberschrift_klein {
	top: -100px;
	font-size: 140%;
}
#button {
	top: 445px;
}
#leistungsbereich {
	top: 510px;
}
.buttontext {
    margin-top: 69px;
	font-size: 117%;
}
.buttontext_klein {
    margin-top: -21px;
    font-size: 79%;
}
.buttontext_mehr {
    margin-top: 22px;
}
.buttontext_mehr1 {
    margin-top: 58px;
}
.buttontext_mehr2 {
	margin-top: 22px;
}
.buttontext_mehr3 {
	margin-top: 22px;
}
.bild {
    width: 31%;
}
.bild_rechts {
    width: 31%;
}
#button1 {
    right: 16%;
}
#leiste_grau {
    height: 98px;
}
#leistung_hintergrund {
    margin-top: 24px;
}
#terminbuchung {
    font-size: 153%;
	height: 75px;
}
#button1 {
    margin-right: 4%;
}
}
@media screen and (max-width: 1152px){ 
#headermenu {
	width: 30%;
	margin-right: -11%;
	margin-top: -10px;
}
#telefon {
	width: 30%;
	margin-right: -3.5%;
	margin-top: -10px;
	font-size: 115%;
}
.ueberschrift {
    top: -64px;
    font-size: 181%;
}
.ueberschrift_klein {
	top: -100px;
	font-size: 139%;
}
#button {
	top: 432px;
}
#leistungsbereich {
	width: 70%;
	left: 15.2%;
	top: 488px;
}
#leiste_grau {
	height: 100px;
}
#reparatur {
	height: 242px;
}
#instand {
	height: 242px;
}
#service {
	height: 242px;
}
#rad {
	height: 242px;
}
.buttontext_klein {
	margin-top: -22px;
	margin-left: 8%;
}
.buttontext_mehr {
    margin-top: 31px;
}
.buttontext_mehr1 {
    margin-top: 67px;
}
.buttontext_mehr2 {
	margin-top: 49px;
}
.buttontext_mehr3 {
    margin-top: 50px;
}
H2 {
	font-size: 180%;
}
#terminbuchung {
	font-size: 143%;
}
#leistung_hintergrund {
	min-height: 465px;
}
#button1 {
	height: 35px;
	margin-top: -44px;
}
.sm {
	max-width: 18%;
}
#socialmedia {
	margin-right: -6%;
	top: -4px;
}
header {
	height: 110px;
}
#logo {
	top: 35px;
}
#name {
	top: 35px;
	font-size: 110%;
}
.buttontext {
	font-size: 125%;
	margin-left: 8%;
	margin-top: 91px;
}
.page-id-30 #content {
    padding-top: 124px;
}
#ueberschrift {
    width: 60%;
    left: 20%;
    right: 20%;
}
}
@media screen and (max-width: 1072px){ 
#leistungsbereich {
    width: 74%;
    left: 13%;
    margin-top: -2%;
}
#reparatur {
    height: 267px;
}
#instand {
	height: 267px;
}
#service {
	height: 267px;
}
#rad {
	height: 267px;
}
.buttontext {
    margin-top: 84px;
}
#ueberschrift {
    margin-top: -3%;
}
#button {
    margin-top: -2.5%;
}
#headermenu {
    margin-right: -9.5%;
}
.page-id-30 #content {
    margin-left: 0%;
    width: 54%;
}
#button1 {
    margin-right: -4%;
}
#terminbuchung {
    font-size: 143%;
    height: 70px;
    padding-left: 22%;
    width: 78%;
}
A.button:LINK, A.button:VISITED {
    font-size: 100%;
}
A.button:HOVER {
    font-size: 100%;
}
.buttontext_mehr3 {
    margin-top: 49px;
}
#leistung_hintergrund {
    padding-bottom: 10px;
}
#button1 {
    height: 29px;
    margin-top: -37px;
}
table {
    width: 70%;
}
}
@media screen and (max-width: 1024px){ 
nav {
	width: 55%;
}
#ueberschrift {
	margin-top: -117px;
    width: 70%;
    left: 15%;
    right: 15%;
}
#telefon {
	right: -2%;
}
#headermenu {
	margin-right: -79px;
}
.ueberschrift {
	top: -64px;
	font-size: 182%;
}
.ueberschrift_klein {
	top: -100px;
	font-size: 130%;
}
#telefon {
	right: 8%;
}
.buttontext {
	font-size: 115%;
	margin-left: 8%;
	margin-top: 81px;
}
.buttontext_mehr {
    margin-top: 47px;
}
.buttontext_mehr1 {
    margin-top: 65px;
}
.buttontext_mehr2 {
    margin-top: 64px;
}
.buttontext_mehr3 {
    margin-top: 28px;
}
.buttontext_klein {
	font-size: 84%;
	margin-top: -17px;
}
H2 {
	font-size: 165%;
}
#leistungsbereich {
	width: 75%;
	left: 13.5%;
	margin-top: -119px;
}
.page-id-30 #content {
    width: 71%;
    padding-top: 110px;
	margin-left: -1%;
}
#button {
    min-width: 30%;
	margin-top: -11.5%;
    margin-left: -2.5%;
}
footer {
    width: 70%;
    padding-left: 15%;
    padding-right: 15%;
	padding-bottom: 36px;
}
#content {
    width: 70%;
    padding-left: 15%;
    padding-right: 15%;
}
#pfeiloben {
    margin-right: -6%;
}
#copyright {
    margin-right: -3%;
}
#terminbuchung {
    padding-left: 15%;
    width: 85%;
}
#button1 {
    margin-right: -1%;
}
}
@media screen and (max-width: 964px){ 
nav {
    width: 60%;
}
#ueberschrift {
    width: 70%;
    margin-left: -2%;
}
#button {
    min-width: 35%;
    margin-left: -5%;
	margin-top: -3.5%;
}
#leistungsbereich {
    width: 80%;
    margin-left: -3%;
}
.page-id-30 #content {
    padding-top: 110px;
	margin-left: 0%;
	width: 80%;
}
#content {
    width: 80%;
    padding-left: 10%;
    padding-right: 10%;
}
footer {
    width: 80%;
    padding-left: 10%;
    padding-right: 10%;
}
#terminbuchung {
    padding-left: 10%;
    width: 90%;
}
#button1 {
    height: 30px;
    margin-top: -44px;
	font-size: 64%;
	margin-right: -6%;
}
#headermenu {
    margin-right: -60px;
}
.bild {
    width: 34%;
	margin: 0 50px 10px 0;
}
.bild_rechts {
    width: 34%;
}
#terminbuchung {
    font-size: 140%;
}
table {
    width: 60%;
}
.buttontext_mehr {
    margin-top: 27px;
}
.buttontext_mehr1 {
    margin-top: 63px;
}
buttontext_mehr2 {
    margin-top: 27px;
}
buttontext_mehr3 {
    margin-top: 27px;
}
#leistung_hintergrund {
    margin-top: 57px;
}
#pfeiloben {
    margin-right: -11%;
}
#copyright {
    margin-right: -8%;
}
}
@media screen and (max-width: 832px){ 
#logo {
    margin-left: -5%;
	top: 28px;
}
#name {
    margin-left: -2%;
}
nav {
    width: 65%;
    margin-left: 19%;
}
#telefon {
    right: 6%;
}
#headermenu li {
    margin: 0px 0px 0px 0;
}
#headermenu {
    margin-right: -52px;
}
#socialmedia {
    margin-right: -7.5%;
    top: -4px;
}
.sm {
    margin-right: -2%;
}
#ueberschrift {
    width: 75%;
    margin-left: -3%;
    height: 30px;
    margin-top: -63px;
}
.ueberschrift {
    top: -64px;
    font-size: 160%;
}
.ueberschrift_klein {
    top: -95px;
    font-size: 125%;
}
#leistungsbereich {
    margin-top: -85px;
    width: 82%;
    margin-left: -4%;
}
#button {
    margin-top: -83px;
}
.page-id-30 #content {
    padding-top: 96px;
    margin-left: -2%;
	width: 83%;
}
#leistung_hintergrund {
    margin-top: 4%;
}
#terminbuchung {
    font-size: 129%;
	margin-left: -2%;
	height: 70px;
	width: 92%;
}
A.button:LINK, A.button:VISITED {
    font-size: 124%;
}
A.button:HOVER {
    font-size: 124%;
}
#button1 {
    height: 28px;
    margin-top: -32px;
	margin-right: -8%;
}
#copyright {
    right: 26%;
	width: 40%;
}
.name {
    font-size: 110%;
}
A.button:LINK, A.button:VISITED {
    font-size: 95%;
}
A.button:HOVER {
    font-size: 95%;
}
.buttontext {
    font-size: 100%;
    margin-top: 67px;
}
.buttontext_klein {
    font-size: 80%;
}
.buttontext_mehr {
    margin-top: 24px;
}
.buttontext_mehr1 {
    margin-top: 60px;
}
.buttontext_mehr2 {
    margin-top: 24px;
}
.buttontext_mehr3 {
    margin-top: 24px;
}
H2 {
    font-size: 130%;
}
H4 {
    margin-top: -20px;
}
#leistung_hintergrund {
    min-height: 420px;
}
.page-id-30 footer {
    width: 84%;
    padding-left: 8%;
    padding-right: 8%;
}
}
@media screen and (max-width: 800px){
.buttontext_mehr {
    margin-top: 16px;
}
.buttontext_mehr1 {
    margin-top: 34px;
}
.buttontext_mehr2 {
    margin-top: 52px;
}
.buttontext_mehr3 {
    margin-top: 16px;
}
#name {
    margin-left: -1.5%;
}
#headermenu {
    margin-right: -43px;
}
#logo {
    top: 35px;
}
.sm {
    max-width: 21%;
}
#socialmedia {
    margin-right: -6.5%;
    top: -4px;
}
}
@media screen and (max-width: 768px){
#socialmedia {
    max-width: 30%;
}
nav {
    display: none;
}
#headermenu {
    display: none;
}
#logo {
    margin-left: -1%;
}
#name {
    margin-left: 3%;
}
#telefon {
    width: 30%;
    margin-right: -0.5%;
    margin-top: 8px;
    font-size: 100%;
}
#leistungsbereich {
    width: 90%;
	margin-top: -115px;
    margin-left: -8%;
}
#ueberschrift {
    margin-top: -67px;
	height: 12px;
}
#button {
    margin-top: -110px;
    min-width: 37%;
    margin-left: -7%;
}
#socialmedia {
    margin-right: -5.5%;
    top: -4px;
}
.ueberschrift {
    top: -72px;
    font-size: 155%;
}
.ueberschrift_klein {
    top: -104px;
    font-size: 120%;
}
footer {
    padding-top: 0px;
}
#pfeiloben {
    margin-right: -12%;
}
.buttontext {
    margin-top: 76px;
}
.buttontext_mehr1 {
    margin-top: 52px;
}
.buttontext_mehr {
    margin-top: 34px;
}
}
@media screen and (max-width: 720px){
.ueberschrift {
    font-size: 150%;
}
.ueberschrift_klein {
    font-size: 119%;
}
#logo {
    max-width: 20%;
	margin-left: -4%;
}
#telefon {
    margin-right: -2.5%;
}
#socialmedia {
    margin-right: -7.5%;
}
#leistung_hintergrund {
    padding-bottom: 20px;
}
#terminbuchung {
    font-size: 121%;
}
#button {
    margin-top: -104px;
	padding: 5px;
}
#button1 {
    font-size: 72%;
}
.buttontext {
    font-size: 100%;
    margin-top: 65px;
}
.buttontext_mehr1 {
    margin-top: 34px;
}
.bild {
    width: 39%;
    margin: 0 20px 10px 0;
}
.bild_rechts {
    display: none;
}
table {
	width: 100%;		
}
}
@media screen and (max-width: 640px){
#leistungsbereich {
	display: none;
}
#ueberschrift {
    width: 81%;
    margin-left: -5.5%;
	margin-top: -35px;
}
.ueberschrift {
    top: -65px;
    font-size: 140%;
}
.ueberschrift_klein {
    top: -95px;
    font-size: 110%;
}
#leiste_grau {
    height: 54px;
}
#button {
	display: none;
}
#button1 {
    height: 28px;
    margin-top: -9px;
    margin-right: -8%;
	font-size: 86%;
	max-width: 34%;
}
#logo {
    max-width: 24%;
	margin-left: -3%;
}
#name {
    margin-left: 8%;
	width: 30%;
}
#telefon {
    width: 35%;
}
.page-id-30 #content {
    margin-left: -1%;
    width: 83%;
    padding-top: 24px;
}
#leistung_hintergrund {
    padding-bottom: 0px;
}
.sm {
    max-width: 21%;
}
#socialmedia {
    margin-right: -8%;
}
#pfeiloben {
    right: 21%;
}
#copyright {
	display: none;
}
}

@media screen and (max-width: 600px){
#button1 {
    font-size: 72%;
}
}
@media screen and (max-width: 515px){
#telefon {
	display: none;	
}
#name {
    width: 50%;
}
#logo {
    max-width: 30%;
	top: 20px;
}
#name {
    margin-left: 15%;
}
#socialmedia {
    margin-right: -6%;
	max-width: 40%;
	top: -8px;
}
.sm {
    max-width: 30%;
}
#ueberschrift {
    width: 86%;
    margin-left: -8%;
    height: 8px;
    top: 275px;
}
.ueberschrift {
    top: -64px;
    font-size: 120%;
}
.ueberschrift_klein {
    top: -86px;
    font-size: 100%;
}
H2 {
    font-size: 110%;
}
H1 {
    font-size: 110%;
}
H4 {
    margin-top: -11px;
    font-size: 110%;
    line-height: 1.0em;
}
.icon {
    margin: -44px 20px 0 0;
    width: 35%;
}
.reparaturen {
    width: 42%;
}
.page-id-30 #content {
    margin-left: -2%;
    width: 85%;
}
#leistung_hintergrund {
    min-height: 400px;
}
#terminbuchung {
    font-size: 129%;
    margin-left: -6%;
    width: 100%;
    text-align: center;
    padding-left: 6%;
    height: 110px;
}
#button1 {
    height: 28px;
    margin-right: 7%;
    max-width: 48%;
	margin-top: 15px;
}
}
@media screen and (max-width: 480px){
#name {
    width: 48%;
}
.sm {
    max-width: 20%;
}
#socialmedia {
    margin-right: -9%;
    top: -6px;
}
#ueberschrift {
    top: 263px;
}
#leistung_hintergrund {
    padding-bottom: 5px;
}
}
@media screen and (max-width: 432px){
#logo {
    max-width: 35%;
}
#name {
    margin-left: 20%;
}
.ueberschrift {
    font-size: 100%;
	top: -59px;
}
.ueberschrift_klein {
    font-size: 90%;
	top: -80px;
}
#leiste_grau {
    height: 10px;
}
#leistung_hintergrund {
    padding-bottom: 10px;
}
#ueberschrift {
    height: 3px;
}
}
@media screen and (max-width: 384px) {
.ueberschrift {
    font-size: 93%;
}
.ueberschrift_klein {
    font-size: 82%;
	top: -77px;
}
#button1 {
    margin-right: -6%;
    max-width: 56%;
}
#copyright {
    width: 90%;
}
H1 {
    line-height: 1.0em;
}
.bild {
    width: 39%;
    margin: 0 20px -5px 0;
}
}
@media screen and (max-width: 360px) {
#ueberschrift {
    top: 224px;
    height: 18px;
}
#pfeiloben {
    display: none;
}
}