/**
Theme Name: Opel Graiger
Author: Aufwind Werbeagentur
Author URI: http://aufwind.co.at/
Version: 1.0
*/


/*
grau = #eff1f2;
dunkelblau = #003253;
blau = #007bc0;
schwarz = #000;
weiss = #fff;
rot = #d50005;
*/
body{margin:0;padding:0;background:white;font-family:'Open Sans',sans-serif;color:black;}body img{max-width:100%;height:auto}
header{width:94%;float:left;padding:1% 3%;box-shadow: 0 0 20px -15px black;background-color: #003253;}
a{
    color: #d50005;
}
.news_akt ul li.trennung_rot{
    height: 1px;
    background: #d50005;
    padding: 0;
    margin: 0;
    border: none;

}
.agb_content h2{
    float: none !important;
}
header h1 a .bosch_termin_text{
    text-decoration: none;
    font-weight: bold;
    padding: 10px 20px;
    font-size: 1.5rem;

    display: block;

    background: #007bc0;
    color: white;
    transition: ease all 0.4s;
}
header h1 a .bosch_termin_icon{
    background: #d50005;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 40px;
    padding: 5px;
}
.page-id-37 .tkstcont{
    text-align: center;
    justify-content: center;
    display: flex;
}
.page-id-47 h4{
    margin-bottom: 0px;
}
.bosch_button{
    padding: 10px 15px;
    text-decoration: none;
    background: #007bc0;
    color: white;
}
.tkstcont.second_row{
    padding: 30px 0;
    margin: 40px 0;
    border-top: 1px solid #eff1f2;
    border-bottom: 1px solid #eff1f2;
    display: inline-flex;
}
.logo{transition: ease all 0.4s;float:right;max-width: 300px;}header h1{float:left;margin:0}
.logo:hover{
    transform: scale(0.95);
}
.business_hours_title{
    font-size: 2rem;
    color: #007bc0;
    margin-top: 50px;
}
.business_hours span{
    display: block;
    font-size: 1.4rem;
    color: #007bc0;
}
.business_hours_container{
    display: flex;
    justify-content: space-evenly;
    gap: 20px;
}
.business_hours_container img{
    margin-left: auto;
    margin-right: 0;
    float: right;
    width: 100%;
    max-width: 50px;
}
.business_hours{
    border: 2px solid #007bc0;
    padding: 20px;
    margin: 20px 0px;
}
.business_hours strong{
    margin: 0;
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 20px;
}
header h1 a{
    display: flex;
    text-decoration: none;
    font-weight: bold;
    border: 2px solid white;
    font-size: 1.5rem;
    margin-bottom: 35px;
    margin-left: 35px;
    transition: ease all 0.4s;
    background: #007bc0;
    width: 100%;
}
header h1 a:hover,header h1 a:hover .bosch_termin_text{
    background: white;
    color: #007bc0;
}
.footer_kontakt ul li{
    list-style: none;
    width: fit-content;
}
.middle-content{width:94%;padding:0 3%;float:left;position:relative;margin-top:-250px}
h2{background:#003253;color:white;float:left;width:40%;padding:.5% 1%;text-transform:uppercase;margin:0}
.middle-content ul li img{
    background: #eff1f2;
}
h3{background:#eff1f2;clear:left;color:#000;float:left;width:40%;padding:.5% 1%;text-transform:uppercase;margin:0}.middle-content ul{width:100%;max-width:1200px;margin:0 auto;display:table;padding:0;font-size:0;text-align:center}.middle-content ul li{display:inline-block;vertical-align:top;list-style-type:none;margin:2em .5%;width:19%;font-size:16px}.middle-content ul li img{float:left}.htags{width:100%;max-width:1200px;margin:0 auto;display:table;padding:0}.middle-content ul li h3{float:right;color:white;background:#007bc0;width:96%;text-align:right;margin:10px 0 0 0;padding:1% 2%;height:55px}.kleinh{font-size:14px}footer{width:94%;max-width:1200px;margin:0 auto;display:table;padding:0 3%}footer ul{width:100%;margin:2em 0 1em 0;padding:0;float:left}
footer ul li{width:24%;padding:0 .5%;float:left;list-style-type:none}
footer ul li h4{color:black;font-size:18px;margin:0 0 20px 0;border-left: 26px solid #d50005;
    padding-left: 10px;}
footer ul li p{
    color: #007bc0;
}
footer p a{color:#d50005}footer ul li ul li{width:100%;float:left;list-style-type:none}nav{float:left;width:100%}nav ul{width:100%;float:left;margin:0;padding:0}nav ul li{display:inline-block;list-style-type:none;position:relative;padding:0 2%}
nav ul.sub-menu li a{
    color: white;
}
nav ul li a{color:white;text-decoration:none;text-transform:uppercase}
nav ul li ul{visibility:hidden;z-index:1111;position:absolute;background: #003253;border-top:1px solid #fff}nav ul li ul li ul{position:relative;background:0 0!important;border-top:none!important;padding-left:3%}nav ul li ul li{padding:3px 2%;width:96%;float:left}nav ul li:hover ul{visibility:visible}#mobile{display:none}.inhalt_content{width:100%;margin:0 auto;max-width:1200px;display:table}.headerbild{width:100%;float:left;height:450px;position:relative}.headerbild h3{position:absolute;top:2%;right:2%;text-align:center!important}
.inhalt_bot_cont{background:white;width:95%;padding:2.5%;float:left;color:#000}.tkstcont{width:100%;float:left;clear:left}
.uberscch{
    color: white !important;
    background: #007bc0;
    float: left;
    width: 40%;
    padding: 1%;
    text-transform: uppercase;
    font-size: 2rem;
    letter-spacing: 5px;
    text-align: center;
    width: 100%;
    margin-top: 0;
}

.tkstcont li{transition: ease all 0.4s; float:left;list-style-type:none;margin:0 .5% 1% .5%;width:22%;background:#eff1f2;padding:1%;text-align:center;font-size:12px;line-height:18px;position:relative}
.tkstcont li img{display:block;width: 100%;}
.text_besch{float:left;width:100%}

.text_besch h3{    width: 100%;
    float: left;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 10px;}.news_akt{float:left;width:100%}.news_akt ul{width:100%;float:left;margin:0;padding:0}
.news_akt ul li ul li{
    border: none !important;
    margin: 0;
    padding: 0;
    list-style: disc;
    list-style-position: inside;
}
.news_akt ul li{
    margin: 100px 0;
    background: #eff1f2;
    border-left: 10px solid #007bc0;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    width:100%;float:left;list-style-type:none;}
    .news_akt h3{width:100%;float:left;padding:0;margin:1% 0;background:0 0;color: #007bc0;}.news_akt img{float:left;margin:0 1% 1% 0}iframe{margin:0 auto;display:block}.piagos{height:250px}.piagos1{height:150px}.ifgebraucht{width:70%;float:left}.content_sidebar{float:left;width:26%;background:#fff;padding:2%;text-align:center}.content_sidebar img{margin:0 auto;display:block}.tkstcont ul{width:100%;float:left;margin:0;padding:0}.kategorie_name{position:absolute;width:100%;right:5px;top:5px;color:red;text-align:right}.kategorie_name a{color:red;width:100%;margin:0;padding:0;float:left;text-decoration:none;cursor:default!important;pointer-events:none}.kategorie_name ul{width:100%;float:left;margin:0;padding:0}.kategorie_name ul li{padding:0;margin:0;width:100%!important;float:left;text-align:right}.inptgrai{width:96%;float:left;margin:1% 0;padding:15px 2%;border:1px solid #ccc;background:#fff;border-radius:10px;text-transform:uppercase;font-size:18px}.inptgrai1{width:96%;float:left;margin:1% 0;padding:15px 2%;border:1px solid #ccc;background:#fff;border-radius:10px;text-transform:uppercase;font-size:18px}.wpcf7-submit{width:100%;float:left;padding:15px 0;text-align:center;background:#007bc0;color:#000;border:none;border-radius:10px;text-transform:uppercase;font-size:18px}.homeoi img{width:100%}
    @media screen and (max-width:1024px){
        .news_akt ul li.trennung_rot{
            width: 100%;
        }
        .news_akt ul li{
            width: unset;
            margin: 30px 0;
        }
        .uberscch{
            font-size: 1.8rem;
        }
        .middle-content ul li h3{font-size:14px!important}}
    @media screen and (max-width:800px){
        a.logo_anker .logo{
            float: none;
            max-width: 300px;
            margin-bottom: 15px;
            margin-top: 15px;
        }
        a.logo_anker{
            width: 100%;
            float: right;
            text-align: center;
        }
        .business_hours_container{
            flex-direction: column;
        }
        .third_row{
            flex-direction: column;
            align-items: center;
        }
        header h1 a{
            font-size: 1rem;
            width: fit-content;
            margin: auto;
            margin-top: 15px;
        }
        .uberscch{
            font-size: 1.5rem;
        }
        nav{display:none}#mobile{display:block!important;clear:left;width:100%;float:left;background:#007bc0;color:#000;text-align:center;text-transform:uppercase;padding:2% 0}#mobile:after{content:" +"}
        #mobile.clicked:after{content:" -"}nav ul li{width:100%!important;padding:1% 0!important;float:left;text-align:left!important}nav ul li ul{visibility:visible!important;border-top:none!important;padding-left:4%!important}
        .middle-content{margin-top:0!important}h2{font-size:18px!important}h3{font-size:14px!important}.middle-content ul li{margin:2% .5%!important;width:49%!important}nav ul li a{font-size:18px!important}
        .middle-content ul li h3{font-size:18px!important;height:auto!important}footer ul li{width:99%!important}
        header h1{    width: 100%;font-size:24px!important}
        nav ul li ul{position:relative!important}.tkstcont li{width:47%!important}.headerbild{height:350px!important}
    .uberscch{width:98%!important}.ifgebraucht{width:100%!important}.content_sidebar{width:96%!important}}
    @media screen and (max-width:480px){
        .uberscch{
            font-size: 1.2rem;
        }
        header h1 a{
            font-size: 1rem;
            margin-top: 15px;
        }
        a.logo_anker .logo{
            float: none;
            max-width: 200px;
            margin-bottom: 15px;
        }
        .home .htags{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        a.logo_anker{
            width: 100%;
            float: right;
            text-align: center;
        }
        .uberscch{
            font-size: 1rem;
        }
        .middle-content ul li {
            margin: 2% .5% !important;
            width: 89% !important;
            border: 2px solid #007bc0;
        }
        h2,h3{
            width: 95%;
        }
        .middle-content ul li h3{
            margin: 0;
        }
        .tkstcont li{width:97%!important}.headerbild{height:250px!important}}