@font-face {
font-display: swap; font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url(//www.gramm-spenglerei.de/wp-content/themes/fonts/roboto-v48-latin-300.woff2) format('woff2'), url(//www.gramm-spenglerei.de/wp-content/themes/fonts/roboto-v48-latin-300.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(//www.gramm-spenglerei.de/wp-content/themes/fonts/roboto-v48-latin-regular.woff2) format('woff2'), url(//www.gramm-spenglerei.de/wp-content/themes/fonts/roboto-v48-latin-regular.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url(//www.gramm-spenglerei.de/wp-content/themes/fonts/roboto-v48-latin-500.woff2) format('woff2'), url(//www.gramm-spenglerei.de/wp-content/themes/fonts/roboto-v48-latin-500.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: normal;
font-weight: 600;
src: url(//www.gramm-spenglerei.de/wp-content/themes/fonts/roboto-v48-latin-600.woff2) format('woff2'), url(//www.gramm-spenglerei.de/wp-content/themes/fonts/roboto-v48-latin-600.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url(//www.gramm-spenglerei.de/wp-content/themes/fonts/roboto-v48-latin-700.woff2) format('woff2'), url(//www.gramm-spenglerei.de/wp-content/themes/fonts/roboto-v48-latin-700.ttf) format('truetype'); }
body {
font-family: 'Roboto', sans-serif;
color: #000000; font-size: 19px;
font-style: normal; 
font-weight: 400;
line-height: 1.4;
font-display: swap;
}
body a {
color: #0081c3; }
body a:hover {
color: #467e9d; } @media only screen and ( min-width:981px ) { .myslider, .myslider .et_pb_container {
height: 555px !important;
}
.myslider, .myslider .et_pb_slide {
max-height: 555px;
}
.myslider .et_pb_slide_description {
position: relative;
top: 15%;
padding-top: 0 !important;
padding-bottom:0 !important;
height:auto !important;
}
} h1 {
font-family: 'Roboto', sans-serif;
font-size: 32px;
color: #0081c3; font-weight: 500;
font-display: swap;
} h2 {
font-family: 'Roboto', sans-serif;	
font-size: 32px;
color: #007583; text-transform: uppercase;
font-weight: 300;
font-display: swap;
} h3 {
font-family: 'Roboto', sans-serif;	
font-size: 65px;
color: #fff; text-transform: uppercase;
font-weight: 300;
font-display: swap;
} h4 {
font-family: 'Roboto', sans-serif;
font-size: 42px;
color: #fff; font-weight: 500;
font-display: swap;
} h5 {
font-family: 'Roboto', sans-serif;
font-size: 30px;
color: #fff; text-transform: uppercase;
font-weight: 700;
font-display: swap;
} .fuss a {
color: #467e9d;
}
.fuss a:hover {
color: #0081c3;
}
.et_mobile_menu {
border-top: 3px solid #0081c3;
} span.mobile_menu_bar:before {
color: #0081c3 !important;
}