/* Template for Eberhard Taxi © admotion */


html 
{
   height:			100%;
}


body
{
    height:         100%;
    margin:			0px;
    padding:		0px;
    font-family:	'Barlow', sans-serif;
    font-weight:	300;
    font-size:		18px;
    color:			#455A64;
    line-height:	170%;
    letter-spacing:	0.03em;
}


#booking a { transition: .3s ease-out; }
    


#system-message { margin: 0px; }
img { height: auto; max-width: 100%; vertical-align: middle; border: 0px; }



header { position: fixed; width: 100%; z-index: 9999; background: #ffffff; -webkit-box-shadow: 1px 0px 15px 0px rgba(0,0,0,0.1); box-shadow: 1px 0px 15px 0px rgba(0,0,0,0.1); }

#logo { width: 250px; padding: 15px 0px 20px 20px; transition: .3s ease-out; }
#logo p { margin: 0px; }


#sprachen { position: absolute; right: 20px; top: 15px; transition: .3s ease-out; }
#sprachen .visually-hidden {display: none;}
div.mod-languages a {padding: 0px;}
div.mod-languages ul li { filter: saturate(0); transition: 0.2s; font-size: 18px; padding: 0 !important;}
div.mod-languages ul li:hover {filter: saturate(0.7);}
div.mod-languages ul li.lang-active { background-color: transparent; filter: saturate(1);}

div.mod-languages ul.lang-block li { float: left; margin: 0px 0px 0px 15px; }



.labortour { padding: 20px; background: #006129; color: #ffffff; }
.labortour .formResponsive .formHorizontal .formControlLabel { width: 34%; text-align: left; padding: 0px; }
.formControls { padding-top: 2px; }
.formResponsive .formControls label { margin: 0px 15px 0px 0px; }

.flotte-left p { margin: 0px !important; }

#einleitung { margin: 0px 0px 50px 0px; }

.shrink #logo { width: 180px; }
.shrink #menu-small { top: 55px; }

#menu { display: none; }

#anrufen { background: #D00911 url(../images/phone-white.png) no-repeat scroll left 15px center; background-size: 35px 35px; font-size: 14px; transition: .3s ease-out; position: fixed; bottom: 0px; left: 0px; width: 50%; z-index: 99999; line-height: 160%; border-top: 2px solid #ffffff; }
#anrufen p { margin: 0px; }
#anrufen a { color: #ffffff; font-weight: 700; color: #ffffff; letter-spacing: 0.1em; text-transform: uppercase; display: block; padding: 10px 97px 10px 67px; }
#anrufen:hover { background-color: #006129; }


#booking { display: none; }

#booking-mobile { background: #006129 url(../images/taxi.png) no-repeat scroll left 15px center; background-size: 35px 35px; font-size: 14px; transition: .3s ease-out; position: fixed; bottom: 0px; right: 0px; width: 50%; z-index: 99999; line-height: 160%; border-top: 2px solid #ffffff; }
#booking-mobile p { margin: 0px; }
#booking-mobile a { color: #ffffff; font-weight: 700; color: #ffffff; letter-spacing: 0.1em; text-transform: uppercase; display: block; padding: 10px 20px 10px 67px; }
#booking-mobile:hover { background-color: #006129; }



#webdesign { position: fixed; right: 0; width: 20px; background: #006129; z-index: 9999; bottom: 80px; }
#webdesign p { margin: 0px; }

#showbox { position: relative; padding: 118px 0px 0px 0px; }

#titelbild { clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%); }

#titelbild p, #titelbild2 p { margin: 0px; }
#titelbild img, #titelbild2 img { min-width: 100%; }


.border { border: 1px solid #bebebe; width: 150px; float: left; margin: 5px 20px 15px 0px; }

#formulartext { text-align: center; }

#fahrzeuge { margin: 40px 0px 0px 0px; }

.blog-item { padding: 0px 0px 100px 0px; }
.blog-item:last-child { padding: 0px; }

.contact-right { padding: 15px 0px 0px 0px; }

#container-lead { display: none; }
#lead-inhalt ul { margin: 0px 0px 10px 0px; padding: 0px; }
#lead-inhalt li { margin: 0px; padding: 0px 0px 0px 20px; line-height: 170%; background: url(../images/list-white.png) no-repeat scroll 0 13px; background-size: 5px 5px; list-style: none; }


#text ul { margin: 0px 0px 10px 0px; padding: 0px; }
#text li { margin: 0px; padding: 0px 0px 10px 20px; line-height: 170%; background: url(../images/list.png) no-repeat scroll 0 13px; background-size: 5px 5px; list-style: none; }



#showbox2 { position: relative; }

.sans { background: none; }

#content { padding: 30px 0px 0px 0px; }
#text { margin: 0px 20px; }
.inhalt-right { border-top: 1px solid #CFD8DC; padding: 20px 0px 0px 0px; margin: 30px 0px 0px 0px; }
.inhalt-right p { margin: 0px; }

.teaser-bild { margin: 0px 0px 30px 0px; }

.phone { display: block; background: url(../images/phone.png) no-repeat scroll 0 8px; background-size: 40px 40px; font-weight: 700; font-size: 35px; letter-spacing: 0.06em; padding: 10px 0px 10px 60px; margin: 20px 0px 0px 0px; }
#lead-inhalt a.phone { background: url(../images/phone-white.png) no-repeat scroll 0 8px; background-size: 40px 40px; color: #ffffff !important; }


#box-taxiservice { position: relative; z-index: 999; color: #ffffff; }
#taxiservice-background { z-index: -1; position: absolute; top: 0; width: 100%; bottom: 25px; clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%); background: #006129; }
#taxiservice-inhalt { padding: 30px 30px 0px 30px; }
#taxiservice-inhalt a { color: #ffffff !important; }
#box-taxiservice h2 { margin: 0px 0px 35px 0px; font-size: 35px; line-height: 140%; font-weight: 700; letter-spacing: 0.07em; color: #ffffff; }



#offerte { padding: 50px 0px; margin: 0px 20px; }
#formular { background: #006129; color: #ffffff; margin: 30px 0px 0px 0px; padding: 30px; }


#teaser { margin: 40px 0px 0px 0px; }
#teaser1 { position: relative; text-align: center; color: #ffffff; z-index: 999; }
#teaser1-background { z-index: -1; position: absolute; top: 0; width: 100%; bottom: 10px; background: #006129 url(../images/schulbusse.png) no-repeat scroll center top 70px; background-size: 60px 57px; clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0, 50% 5%); }
#teaser1-inhalt { padding: 150px 30px 70px 30px; }

#teaser2 { position: relative; text-align: center; color: #ffffff; z-index: 999; margin: -29px 0px 0px 0px; }
#teaser2-background { z-index: -1; position: absolute; top: 0; width: 100%; bottom: 10px; background: #455A64 url(../images/kurierdienste.png) no-repeat scroll center top 40px; background-size: 63px 57px; clip-path: polygon(100% 0%, 100% 95%, 50% 100%, 0 95%, 0 0); }
#teaser2-inhalt { padding: 130px 30px 70px 30px; }



.telefon { float: left; font-size: 35px; margin: 0px 30px 0px 0px; font-weight: 700; letter-spacing: 0.06em; padding: 25px 0px 0px 0px; }
.ausland { float: left; padding: 9px 0px 0px 0px; }



    
.verlauf { background: url(../images/verlauf-spickel.png) repeat-x scroll center bottom; padding: 0px 0px 70px 0px; }


#teaser-unten { padding: 50px 0px 10px 0px; }
#teaser-unten .mod-custom { margin: 0px 0px 60px 0px; }
.teaser-text { padding: 0px 20px; }


#teaser-unten ul { margin: 0px 0px 10px 0px; padding: 0px; }
#teaser-unten li { margin: 0px; padding: 0px 0px 0px 20px; line-height: 170%; background: url(../images/list.png) no-repeat scroll 0 13px; background-size: 5px 5px; list-style: none; }


#container-angebote { padding: 50px 0px 30px 0px; }
#angebote { padding: 0px 20px 0px 20px; margin: 35px 0px 0px 0px; }




footer { background: #006129; color: #ffffff; }
footer a { color: #ffffff; }

#footer { margin: 0px 20px; padding: 20px 0px 30px 0px;}

#adresse { color: #ffffff; }
#adresse strong { font-size: 19px; letter-spacing: 0.05em; }
#footerlogo { width: 300px; margin: 0px 0px 20px 0px; }
#footer-second { margin: 50px 0px 0px 0px; }
#footer-third { display: none; }
#footer-fourth { display: none; }

#socialmedia { margin: 28px 0px 0px 0px; }


.socialmedia { width: 45px; background: #D00911; border: 1px solid #ffffff; float: left; margin: 0px 10px 10px 0px; }
.socialmedia p { margin: 0px; }

#footer-second ul { margin: 0px 0px 10px 0px; padding: 0px; }
#footer-second li { margin: 0px; padding: 0px 0px 10px 30px; list-style: 170%; background: url(../images/pfeil.png) no-repeat scroll 0 8px; background-size: 15px 13px; list-style: none; }




#container-bottom { background: #D00911; margin: 0px 0px 75px 0px; }
#bottom { margin: 0px 20px; padding: 15px 0px; }
#copyright { color: rgb(255,255,255,.7); font-size: 15px; margin: 0px 0px 5px 0px; }
#copyright p { margin: 0px; }

.impressum h2 { margin: 0px 0px 10px 0px; padding: 10px 0px 0px 0px; }


.hide {display: none !important;}

.back-to-top { font-size: 0; background: url(../images/totop.png) no-repeat scroll 0 0; background-size: 30px 19px; width: 30px; height: 19px; bottom: 20px; right: 15px; position: fixed; left: 50%; margin: 0px 0px 0px -15px; }



h1 { margin: 0px 0px 35px 0px; padding: 0px; font-size: 35px; line-height: 130%; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: #006129; }
h2 { margin: 0px 0px 30px 0px; padding: 0px; font-size: 22px; line-height: 150%; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; color: #263238; }
h3 { margin: 0px 0px 25px 0px; padding: 0px; font-size: 22px; line-height: 150%; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; color: #ffffff; }
h4 { margin: 0px 0px 20px 0px; padding: 0px; font-size: 19px; line-height: 170%; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #ffffff; }
h5 { margin: 0px 0px 0px 0px; padding: 0px; font-size: 18px; line-height: 170%; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(255,255,255,.5); }
h6 { margin: 0px 0px 30px 0px; padding: 0px; font-size: 18px; line-height: 150%; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; color: #263238; }

h1::after { content: ""; display: block; width: 100px; padding-top: 30px; border-bottom: 6px solid #D00911; }


.hell { margin: 10px 0px 0px 0px; }
.hell strong { color: #263238; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
.hell a { font-weight: 700 !important; }


a { text-decoration: none; outline: none; color: #006129; font-weight: 600; }
a:hover { text-decoration: none; }
a:focus { text-decoration: none; outline: none; }


p { margin: 0px 0px 10px 0px; }
.clear { line-height: 0; }

table { margin: 0px 0px 10px 0px; width: 100%; }
strong { font-weight: 700; }



#reiseangebot { padding: 50px 20px 70px 20px; }

#reiseangebot1 { background: url(../images/verlauf-schraeg.png) no-repeat scroll left bottom 35px; margin: 40px 0px 0px 0px; }
.reiseangebote { padding: 20px 30px 0px 30px; }
#reiseangebot2 { background: url(../images/verlauf-schraeg.png) no-repeat scroll left bottom 35px; margin: 40px 0px 0px 0px; }


#reiseangebot h1, #offerte h1, #container-angebote h1 { text-align: center; padding: 0px 20px; }
#reiseangebot h1::after, #offerte h1::after, #container-angebote h1::after { content: ""; display: block; width: 100px; margin: 0px auto; padding-top: 30px; border-bottom: 6px solid #D00911; }
#reiseangebot h2 { color: #006129; font-size: 35px; margin: 0px 0px 20px 0px; }
#reiseangebot h3 { color: #263238; font-size: 20px; margin: 0px 0px 15px 0px; }


#weitere-reisen { margin: 60px auto 0px; width: 316px; }
#weitere-reisen a.button { padding: 10px 40px; margin: 0px; }








@media(min-width:500px)
{
    #sprachen { right: 30px; }
    
    #logo { padding: 15px 0px 20px 30px; }
    
    #text { margin: 0px 30px; }
    #offerte { margin: 0px 30px; }

    #reiseangebot { padding: 50px 30px 70px 30px; }
    
    #angebote { padding: 0px 30px; }
    
    #footer { margin: 0px 30px; }
    
    #bottom { margin: 0px 30px; }
}


@media(min-width:520px)
{
    #anrufen a { padding: 20px 97px 20px 67px; }
    #booking-mobile a { padding: 20px 20px 20px 67px; }
}






@media(min-width:700px)
{
    #lead h2 { font-size: 40px; }
    
    #content { margin: 0px auto; width: 600px; padding: 50px 0px; }
    #text { margin: 0px auto; width: 600px; }
    #offerte { margin: 0px auto; width: 600px; }
    
    #reiseangebot { margin: 0px auto; width: 600px; }
    
    #box-taxiservice h2 { font-size: 40px; }

    .telefon { font-size: 40px; }

    #formular { margin: 50px 0px 0px 0px; padding: 50px; }
    
    #angebote { margin: 45px auto 0px; width: 600px; }
    
    #teaser-unten { margin: 0px auto; width: 600px; padding: 100px 0px 20px 0px; }
    #teaser-unten .mod-custom { margin: 0px 0px 80px 0px; }

    .teaser-text { padding: 0px; }

    .border { width: 200px; }

    
    #footer { margin: 0px auto; width: 600px; }
    #footer-fourth h2 { margin: 0px 0px 35px 0px; font-size: 40px; line-height: 90%; font-weight: 700; letter-spacing: 0.07em; color: #ffffff; }

    #bottom { margin: 0px auto; width: 600px; padding: 0px; }
    #copyright { float: left; padding: 15px 0px 15px 0px; margin: 0px; }
    #submenu { float: right; padding: 15px 0px 15px 0px; }

    h1 { font-size: 48px; }
    h2 { font-size: 25px; }
    h3 { font-size: 25px; }

}



@media(min-width:800px)
{
    #logo { width: 300px; padding: 15px 30px 20px 60px; transition: .3s ease-out; }
    #booking-mobile a { transition: .3s ease-out; }
    
    .shrink #logo { width: 200px; }
    
    #showbox { padding: 134px 0px 0px 0px; }

    #booking { position: absolute; right: 0; top: 0; width: 270px; background: #D00911 url(../images/taxi.png) no-repeat scroll left 20px center; background-size: 55px 54px; }
    #booking a { padding: 39px 20px 34px 100px; }
}




@media(min-width:1000px)
{
    #sprachen { right: 220px; top: 55px; }
    .shrink #sprachen { top: 35px; }
    
    #content { width: 900px; }
    #text { width: 900px; }
    #offerte { width: 900px; padding: 100px 0px 170px 0px; }

    #anrufen { display: none; }
    #booking-mobile { display: none; }

    #booking { display: block; background: #D00911 url(../images/taxi.png) no-repeat scroll left 20px center; background-size: 40px 40px; font-size: 18px; transition: .3s ease-out; width: 200px; line-height: 150%; }
    #booking p { margin: 0px; }
    #booking a { color: #ffffff; font-weight: 700; color: #ffffff; letter-spacing: 0.1em; text-transform: uppercase; display: block; padding: 41px 20px 39px 80px; transition: .3s ease-out; }
    #booking:hover { background-color: #006129; }
    
    .shrink #booking a { padding: 23px 20px 24px 80px; }
    
    #einleitung { margin: 0px 0px 100px 0px; }
    
    #backgroundimage { position: absolute; bottom: 0; width: 100%; height: 800px; background: #eeeeee; }
    .teaser-bild { float: left; width: 50%; padding: 15px 0px 0px 0px; }
    .teaser-text { float: right; width: 45%; }

    #teaser { margin: 80px 0px 0px 0px; }
    #teaser1 { float: left; width: 50%; }
    #teaser1-background { background: #006129 url(../images/schulbusse.png) no-repeat scroll center top 50px; background-size: 80px 76px; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%); }
    #teaser1-inhalt { padding: 160px 50px 0px 50px; }

    #teaser2 { float: left; width: 50%; margin: 0px; }
    #teaser2-background { background: #455A64 url(../images/kurierdienste.png) no-repeat scroll center top 50px; background-size: 84px 76px; clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%); }
    #teaser2-inhalt { padding: 160px 50px 0px 50px; }
    
    #webdesign { bottom: 30px; }
    
    
    #reiseangebot { width: 900px; }
        
    #container-box-taxiservice { display: block; position: absolute; width: 100%; bottom: -100px; z-index: 999; }
    #box-taxiservice { float: right; width: 720px; position: relative; z-index: 999; }
    #taxiservice-background { top: 0; width: 100%; bottom: 25px; clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%); }
    #taxiservice-inhalt { padding: 50px 50px 0px 50px; }
    #box-taxiservice h2 { margin: 0px 0px 35px 0px; font-size: 35px; line-height: 140%; font-weight: 700; letter-spacing: 0.07em; color: #ffffff; }
    
    #teaser-unten { width: 900px; padding: 200px 0px 50px 0px; }
    #angebote { width: 900px; padding: 50px 0px 50xp 0px; }
    
    #container-angebote { padding: 70px 0px 180px 0px; }
    .ohneecken { clip-path: none; }
    

    .flotte-left { float: left; width: 48%; }
    .flotte-right { float: right; width: 48%; }
    
    footer { -webkit-clip-path: polygon(100% 0, 100% 100%, 0% 100%, 0 0, 50% 100px); clip-path: polygon(100% 0, 100% 100%, 0% 100%, 0 0, 50% 100px); padding: 120px 0px 0px 0px; margin: -125px 0px 0px 0px; }
    #footer { width: 900px; padding: 50px 0px 70px 0px; }
    #footer-first { float: left; width: 450px; }
    #footer-second { float: left; width: 450px; padding: 36px 0px 0px 0px; margin: 0px; }
    
    #footerlogo { margin: 0px 0px 57px 0px; }

    #container-bottom { margin: 0px; }
    #bottom { width: 900px; }

    .contact-left { float: left; width: 70%; }
    .contact-right { float: right; width: 27%; padding: 3px 0px 0px 0px; }
}




@media(min-width:1300px)
{
    #container-lead { display: block; position: absolute; width: 1200px; left: 50%; margin: 0px 0px 0px -600px; bottom: 0; z-index: 999; }
    #lead { float: right; width: 600px; position: relative; color: #ffffff; z-index: 999; }
    #lead-background { z-index: -1; position: absolute; top: 0; width: 100%; bottom: 25px; background: #006129; clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%); }
    #lead-inhalt { padding: 50px 50px 0px 50px; }
    #lead h2 { margin: 0px 0px 25px 0px; font-size: 35px; line-height: 130%; font-weight: 700; letter-spacing: 0.07em; color: #ffffff; }


    #content { width: 1200px; padding: 50px 0px 100px 0px; }
    #text { width: 1200px; }
    #offerte { width: 1200px; }
    .inhalt-left { float: left; width: 650px; padding: 0px 50px 0px 0px; }
    .inhalt-right { float: left; width: 469px; padding: 0px 0px 0px 30px; border-left: 1px solid #CFD8DC; border-top: 0px; margin: 0px; }
    
    .fragen { margin: 133px 0px 0px 0px; }
    
    #reiseangebot { width: 1200px; padding: 100px 0px 100px 0px; }

    #box-taxiservice { width: 900px; }

    #angebote { width: 1200px; }
    
    #teaser-unten { width: 1200px; }
    .teaser-bild { width: 60%; margin: 0px; }
    .teaser-text { width: 35%; }

    #footer { width: 1200px; }

    #footer-first { width: 370px; }
    #footer-second { width: 239px; }
    #footer-fourth { display: block; float: left; width: 530px; margin: 36px 0px 0px 0px; padding: 0px 0px 0px 60px; border-left: 1px solid #ffffff; }

    #bottom { width: 1200px; }

    .button-footer p { margin: 0px; }
    .button-footer a.button { margin: 73px 0px 0px 0px; }
}






@media(min-width:1500px)
{
    
    #container-lead { width: 1400px; margin: 0px 0px 0px -700px; }
    
    #content { width: 1400px; }

    #reiseangebot { width: 1400px; }
    
    #teaser-unten { width: 1400px; }
    
    #angebote { width: 1400px; }
    
    #bottom { width: 1400px; }
    
    #footer { width: 1400px; }
    #footer-first { float: left; width: 370px; }
    #footer-second { float: left; width: 269px; padding: 36px 0px 0px 0px; }
    #footer-third { display: block; float: left; width: 170px; padding: 36px 0px 0px 0px; }
    #footer-fourth { width: 530px; }
}



@media(min-width:1660px)
{
    #footerlogo { margin: 0px 0px 57px -109px; }
}



@media(min-width:1700px)
{
    #container-lead { width: 1600px; margin: 0px 0px 0px -800px; }

    .shrink #menu li a { padding: 35px 15px 35px 15px; }
    
    #logo { float: left; }
    
    #menu { float: left; display: block; }
    #menu-small { display: none; }
    
    #footer-first { width: 370px; }
    #footer-second { width: 269px; }
    #footer-third { width: 170px; }
    #footer-fourth { width: 530px; }
}



@media(min-width:1900px)
{
    #container-lead { width: 1800px; margin: 0px 0px 0px -900px; }
    #logo { width: 300px; padding: 15px 80px 20px 60px }
}