body, div, h1, h2, h3, h4, h5, h6, p, ul {
margin : 0;
padding : 0;
}
html {
height : 100%;
}
html {
user-select : none;
}
body {
height : 100%;
font : normal normal 13px/1.4 Lato;
color : #444444;
}
p, .fliesstext, li, .textliste {
font : normal normal 13px/1.4 Lato;
color : #333333;
text-align : justify;
}
li {
list-style-type : disc;
padding-left : 10px;
padding-bottom : 5px;
padding-right : 10px;
}
td {
font : normal normal 13px/1.4 Lato;
color : #444444;
}
html {
transform : scale(0.9,0.9);
transform-origin : left top;
}

.whats_app {
display : none;
}
html {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px)
{
html {
-moz-transform: scale(0.65,0.65);
-ms-transform: scale(0.65,0.65);
-webkit-transform: scale(0.65,0.65);
-o-transform: scale(0.65,0.65);
transform: scale(0.65,0.65);
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-webkit-transform-origin: left top;
transform-origin: left top;
}
@-ms-viewport { user-zoom: fixed; }
@-o-viewport { user-zoom: fixed; }
@viewport { user-zoom: fixed; }
.whats_app { display: block; }
}
@media only screen and (min-device-width: 360px) and (max-device-height: 640px)
{
html {
-moz-transform: scale(0.75,0.75);
-ms-transform: scale(0.75,0.75);
-webkit-transform: scale(0.75,0.75);
-o-transform: scale(0.75,0.75);
transform: scale(0.75,0.75);
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-webkit-transform-origin: left top;
transform-origin: left top;
}
@-ms-viewport { user-zoom: fixed; }
@-o-viewport { user-zoom: fixed; }
@viewport { user-zoom: fixed; }
.whats_app { display: block; }
}
@media only screen and (min-device-width: 375px) and (max-device-height: 667px)
{
html {
-moz-transform: scale(0.8,0.8);
-ms-transform: scale(0.8,0.8);
-webkit-transform: scale(0.8,0.8);
-o-transform: scale(0.8,0.8);
transform: scale(0.8,0.8);
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-webkit-transform-origin: left top;
transform-origin: left top;
}
@-ms-viewport { user-zoom: fixed; }
@-o-viewport { user-zoom: fixed; }
@viewport { user-zoom: fixed; }
.whats_app { display: block; }
}
@media only screen and (min-device-width: 414px) and (max-device-height: 736px)
{
@-ms-viewport { user-zoom: fixed; }
@-o-viewport { user-zoom: fixed; }
@viewport { user-zoom: fixed; }
.whats_app { display: block; }
}

.fliesstext a, .fliesstext a:visited {
font : normal normal 13px/1.4 Lato;
color : #CC0000;
text-decoration : none;
}
.fliesstext a:hover {
color : #0066CC;
text-decoration : none;
}
p a {
font : normal normal 18px/1.8 Lalezar;
color : #CC0000;
text-decoration : none;
}
p a:visited {
color : #CC0000;
text-decoration : none;
}
p a:hover {
color : #0066CC;
text-decoration : none;
}
a, a:visited {
font : bold 18px/1.8 Lalezar;
color : #333333;
text-decoration : none;
}
a:hover {
color : #0066CC;
text-decoration : none;
}

a[x-apple-data-detectors], a[href^="tel:"], a[href^="mailto:"], .telefon, .email, .logomail {
font : normal normal 15px/1.8 Lalezar;
color : #CC0000;
text-decoration : none;
}
a[href^="mailto:"]:visited, a[x-apple-data-detectors]:visited, a[href^="tel:"]:visited .telefon:visited, .email:visited, .logomail:visited {
color : #CC0000;
text-decoration : none;
}
a[x-apple-data-detectors]:hover, a[href^="tel:"]:hover, a[href^="mailto:"]:hover, .telefon:hover, .email:hover, .logomail:hover {
color : #0066CC;
text-decoration : none;
}

.kontakt_iframe_div1 {
width:866px;height:500px;overflow:auto;-webkit-overflow-scrolling:touch;
}

.kontakt_iframe1 {
overflow:scroll;
width:866px;height:500px;
}

.kontakt_iframe_div {
width:866px;height:500px;overflow:auto;-webkit-overflow-scrolling:touch;
}

.kontakt_iframe {
overflow:scroll;
width:866px;height:500px;
}

.kontakt_iframe_div:focus, .kontakt_iframe_div:active, .kontakt_iframe:focus, .kontakt_iframe:active {
//* height:600px; *//
}

.zeilenabstand {
font : normal normal 4px/1 Lato;
}
.linie_unten_35 {
border-top : 0 solid #ffffff;
border-right : 0 solid #ffffff;
border-bottom : 1px solid #b3b3b3;
border-left : 0 solid #ffffff;
width : 37px;
height : 25px;
}
#untenbundig {
vertical-align : bottom;
}
.logo {
background : url(jpg/logo.gif) left bottom no-repeat #FFFFFF;
}
.radler_re {
background : url(jpg/radler_weiss.jpg) right bottom no-repeat #FFFFFF;
}
.radler_li {
background : url(jpg/radler_weiss.jpg) left bottom no-repeat #FFFFFF;
}
.radler_rot {
background : url(jpg/radler_rot.jpg) right bottom no-repeat #FFFFFF;
}
#linie_voller_schirm {
width : 885px;
height : 1px;
border-top : 0 solid #ffffff;
border-right : 0 solid #ffffff;
border-bottom : 1px solid #b3b3b3;
border-left : 0 solid #ffffff;
}

img {
max-width : 100%;
}

.hgrund_oben {
background : url(jpg/FRED.jpg) left top no-repeat #FFFFFF;
}
.hgrund_oben_bikes {
background : url(jpg/Epic_Lava.jpg) left top no-repeat #FFFFFF;
}
.hgrund_oben_links {
background : url(jpg/Road_Timanfaya.jpg) left top no-repeat #FFFFFF;
}
.hgrund_oben_touren {
background : url(jpg/excursion.jpg) left top no-repeat #FFFFFF;
}
.hgrund_oben_kontakt {
background : url(jpg/night_ride.jpg) left top no-repeat #FFFFFF;
}
h1 {
font : normal normal 22px/1.1 Lalezar;
color : #777777;
padding-bottom : 15px;
padding-top : 10px;
}
h2 {
font : normal normal 18px/1.1 Lalezar;
color : #777777;
width : 100%;
border-bottom : 1px solid #b3b3b3;
}
h3 {
font : normal normal 15px/1.1 Lalezar;
color : #777777;
width : 100%;
border-bottom : 1px solid #b3b3b3;
}
h4 {
font : normal normal 18px/1.1 Lalezar;
color : #777777;
}

.h1_klein {
font : normal normal 18px/1.1 Lalezar;
color : #777777;
}
.h1_klein5 {
font : normal normal 22px/1.1 Lalezar;
color : #777777;
width : 100%;
border-bottom : 1px solid #b3b3b3;
padding-top : 10px;
}

h5 {
font : normal normal 22px/1.1 Lalezar;
color : #777777;
width : 100%;
border-bottom : 1px solid #b3b3b3;
padding-top : 10px;
}

.reiter_klein, .reiter_klein:visited {
font : bold 13px/1.2 Lalezar;
text-shadow : 1px 1px 3px #ffffff;
color : #333333;
padding : 0 0 0 0;
text-decoration : none;
white-space : nowrap;
}
.reiter_klein:hover {
text-decoration : none;
color : #0066CC;
white-space : nowrap;
}
.reiter_text, .reiter_text:visited {
font : bold 18px/1.8 Lalezar;
text-shadow : 1px 1px 3px #ffffff;
color : #333333;
padding : 0 0 0 0;
text-decoration : none;
white-space : nowrap;
}
.reiter_text:hover {
text-decoration : none;
color : #0066CC;
white-space : nowrap;
}
.reiter_text_inv, .reiter_text_inv:visited, .reiter_text_inv:hover {
font : bold 18px/1.8 Lalezar;
text-shadow : 1px 1px 3px #ffffff;
color : #CC0000;
padding : 0 0 0 0;
text-decoration : none;
white-space : nowrap;
}
.reiter_text_inv1, .reiter_text_inv1:visited, .reiter_text_inv1:hover {
font : bold 18px/1.8 Lalezar;
text-shadow : 1px 1px 3px #ffffff;
color : #333333;
padding : 0 0 0 0;
text-decoration : none;
white-space : nowrap;
}
.reiter_inv, .reiter_inv:hover, .reiter_inv:visited {
background : #ffffff;
border-radius : 10px 10px 0 0;
width : 90px;
height : 40px;
border-top : 1px solid #b3b3b3;
border-right : 1px solid #b3b3b3;
border-bottom : 0 solid #ffffff;
border-left : 1px solid #b3b3b3;
white-space : nowrap;
}
.reiter, .reiter:visited, .reiter:focus, .reiter:active, .reiter_inv1, .reiter_inv1:visited, .reiter_inv1:focus, .reiter_inv1:active, .reiter_inv1:hover {
background : #adadad;
background-image : linear-gradient(to bottom, #adadad, #ffffff);
border-radius : 10px 10px 0 0;
width : 90px;
height : 40px;
border-top : 1px solid #b3b3b3;
border-right : 1px solid #b3b3b3;
border-bottom : 0 solid #ffffff;
border-left : 1px solid #b3b3b3;
white-space : nowrap;
}
.reiter:hover {
background : #5c5c5c;
background-image : linear-gradient(to bottom, #5c5c5c, #ffffff);
}
.footer, .footer:visited, .footer:active, .footer:focus, .footer_inv1, .footer_inv1:visited, .footer_inv1:hover, .footer_inv1:focus, .footer_inv1:active {
color : #333333;
text-decoration : none;
font : bold 18px/1.8 Lalezar;
}
.footer:hover {
color : #0066CC;
text-decoration : none;
}
.footer_inv, .footer_inv:visited, .footer_inv:hover {
font : bold 18px/1.8 Lalezar;
color : #CC0000;
text-decoration : none;
}
.textgross {
font : bold 18px/1.1 Lalezar;
color : #CC0000;
text-decoration : none;
padding-left : 10px;
padding-right : 10px;
}
.textroute {
font : bold 18px/1.1 Lalezar;
color : #777777;
text-decoration : none;
}
.footer2 {
font : normal normal 13px/1.1 Lalezar;
color : #777777;
text-align : center;
}
.bikes {
width : 865px;
padding-left : 10px;
text-align : left;
float : left;
font : normal normal 13px/1.4 Lato;
color : #444444;
}
.lang, .lang:visited {
font : normal normal 15px/1.8 Lalezar;
color : #333333;
text-decoration : none;
}
.lang:hover {
text-decoration : none;
color : #0066CC;
}
.bikestable {
margin-bottom : 20px;
width : 865px;
}
.bike_bg {
background : url(jpg/bikes_bg.gif) left bottom no-repeat #FFFFFF;
}
.tag {
background-color : #CC0000;
color : #FFFFFF;
text-align : center;
}

.preis {
border : #CC0000 solid 1px;
margin-right : 8px;
margin-top : 10px;
text-align : center;
}

.button1 {
    display: inline-block;
    white-space: nowrap;
    background-color: #ccc;
    background-image: linear-gradient(top, #eee, #ccc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
    border: 1px solid #777;
    padding: 0 1.5em;
    margin: 0.5em;
 font : bold 18px/1.8 Lalezar;
   text-decoration: none;
    color: #333333;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    border-radius: .2em;
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    text-align: center;
    cursor: pointer;
}
 
.button1 :hover {
    background-color: #ddd;        
    background-image: linear-gradient(top, #fafafa, #ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
/*    background: #ddd;  */
color: #0066CC;
}

.button1 :active {
    box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
    position: relative;
    top: 1px;
}

.button1 :focus {
    outline: 0;
    background: #fafafa;
}    

.button1 :before {
    background: #ccc;
    background: rgba(0,0,0,.1);
    float: left;        
    width: 1em;
    text-align: center;
    font-size: 1.5em;
    margin: 0 1em 0 -1em;
    padding: 0 .2em;
    box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
    border-radius: .15em 0 0 .15em;
    pointer-events: none;
     content: "\279C";       
}