@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&family=Roboto+Flex:opsz@8..144&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');

body {
    min-height: 75rem;
    font-family: 'Roboto Condensed', sans-serif;
    color: #54575a;
    font-size: 0.9rem;
}

a {
    text-decoration: none;
}

h1, h2 {
    color:rgba(32, 124, 202, 1);
}

.carousel-caption h2 {
    background-color: rgba(255, 255, 255, 0.7);
    font-size: 1.3rem;
    text-shadow: 1px 1px 2px rgba(0,0,0,.03);
    padding: 7px;
}

.carousel-caption p {
    text-shadow: 1px 1px 2px rgba(0,0,0,.03);
}

.h1, h1 {
    font-size: 2rem;
}

.h2, h2 {
    font-size: 1.5rem;
}

.item-page a {
    color:rgba(32, 124, 202, 1);
}

.item-page a:hover {
    color:rgba(32, 124, 202, 0.7);
}

.navigation-background {
    background-color:#202020;
    background:linear-gradient(to bottom,rgba(149,149,149,1) 0,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%) rgba(0,0,0,0);
    border:none
}

.mod-languages {
	padding-top:15px;	
}

.info-blokken-rechts {
    margin-top: 50px;
}

.info-blokken-rechts ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.info-blokken-rechts ul#info-blokken-home li {
    display: grid;
    justify-content: center;
}

.info-blokken-rechts ul li.block-info.grey a {
    display: block;
    background-color: #ccc;
    min-height: 100px;
    width: 255px;
    color: #fff;
    text-align: center;
    padding-top: 35px;
    font-size: 1.3em;
}

.info-blokken-rechts ul li.block-info a {
    display: block;
    margin-bottom: 10px;
}

.info-blokken-rechts ul li.block-info.grey a:hover {
    display:block;
    background-color:#333;
    text-decoration:none
}
.info-blokken-rechts ul li.block-info.button a {
    display:block;
    font-size:1.3em;
    letter-spacing:1px;
    height:60px;
    width:100%;
    color:#fff;
    text-align:center;
    padding-top:15px
}
.info-blokken-rechts ul li.block-info.button.carjumper a {
    background:url(../images/car-jumper.png) 5% 50% no-repeat #ccc
}
.info-blokken-rechts ul li.block-info.button.wrench a {
    background:url(../images/wrench.png) 5% 50% no-repeat #ccc
}
.info-blokken-rechts ul li.block-info.button.diagnose a {
    background:url(../images/diagnose.png) 5% 50% no-repeat #ccc
}
.info-blokken-rechts ul li.block-info.button.repair a {
    background:url(../images/sleutel.png) 5% 50% no-repeat #ccc
}
.info-blokken-rechts ul li.block-info.button.restore a {
    background:url(../images/restore.png) 5% 50% no-repeat #ccc
}
.info-blokken-rechts ul li.block-info.button a:hover,
.info-blokken-rechts ul li.block-info.button.active a {
    display:block;
    background-color:#333;
    text-decoration:none
}
ul.footer-blocks {
    list-style-type:none;
    margin:30px 0 0;
    padding:0
}
li.footer-info-block {
    float:left;
    margin:0 10px 15px;
    padding:15px;
    background-color:rgba(255,255,255,.45);
    border:3px solid #fff;
    width:255px;
    min-height:317px
}
li.footer-info-block h3 {
    background-color:#fff;
    border-bottom:1px solid #ccc;
    border-bottom-right-radius:9px;
    border-top-left-radius:9px;
    color:#666;
    margin:0;
    padding:10px 15px;
    font-size:1.2em
}
li.footer-info-block ul {
    margin-top:15px;
    list-style-type:none
}
li.gullwing {
    margin-top:17px
}

/* .row.infoblocks-home {
    margin-left: -10px;
    margin-right: 10px;
} */

.thumbnail img {
    width: 100%;
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.thumbnail {
    min-height: 512px;
}

.caption {
    padding: 15px;
}

.caption h3 {
    font-size: 1.4em;
    text-align: center;
}

.caption ul li a:hover {
    text-decoration: none;
    background-color: #ccc;
}

.caption ul {
    list-style-type: none;
    margin: 0 5px;
    padding: 0;
}

.caption ul li a {
    display: block;
    height: 30px;
    width: 100%;
    background-color: #333;
    color: #fff;
    text-align: center;
    margin-bottom: 3px;
    line-height: 30px;
}

.footer {
    padding: 30px 0;
    background-image: url(../images/white-carbonfiber.png);
    background-repeat: repeat;
    min-height: 300px;
    width: 100%;
}

ul li.sitemap-li ul {
    margin-top: 0;
}

/* ul.footer-blocks {
    list-style-type: none;
    margin: 30px 0 0;
    padding: 0;
} */

.footer-info-block {
    padding: 15px;
    background-color: rgba(255,255,255,.45);
    border: 3px solid #fff;
    min-height: 347px;
}

.footer-info-block h3 {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    border-bottom-right-radius: 9px;
    border-top-left-radius: 9px;
    color: #666;
    margin: 0;
    padding: 10px 15px;
    font-size: 1.2em;
}

.footer-info-block ul {
    margin-top: 15px;
    list-style-type: none;
}

.navbar-garage-wieman .icon-menu     {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.icon-menu {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-color: aqua;
}

.bg-light {
    background-color: transparent !important;
}

.navbar-toggler.navbar-toggler-right {
    background-color: #ccc;
}

.navbar-toggler.navbar-toggler-right:focus {
    outline: none;
    box-shadow: none;
}

.btn:focus {
    outline: none;
    box-shadow: none;
}

.form-wrapper label.error {
    color: #e12330;
    font-size: 10px;
    font-weight: 500;
    margin-top: 5px;
}

.form-wrapper label {
    font-family: 'PT Sans', sans-serif;
    color: #454545;
    text-transform: uppercase;
    font-size: .85rem;
    color: #888888;
    font-size: 16px;
    font-weight: 700;
    line-height: 2.3;
    margin-bottom: 6px;
    display: block;
}

input.error, select.error {
    border: 1px dotted red;
}

input.valid, select.valid {
    /* border: 1px solid rgb(129, 141, 50);
    background-color: rgba(192, 210, 77, 0.5);
    color: rgb(129, 141, 50, 1); */
    border: 1px solid rgb(10, 54, 34);
    background-color: rgb(209, 231, 221);
    color: rgb(10, 54, 34);
}

.btn-primary.versturen-bericht {
    background-color: rgba(32, 124, 202, 1);
    border: transparent;
}

.btn-primary.versturen-bericht:hover {
    background-color: rgba(32, 124, 202, 0.5);
}

.fout404 {
    text-align: center;
    margin-top: 50px;
    font-size: 25px;
}

#system-message-container joomla-alert .alert-wrapper {
    background-image: url(../images/white-carbonfiber.png);
    color: #ffffff;
    border: 2px solid rgb(32, 124, 202);
}

#system-message-container joomla-alert div {
  font-size: 1.2rem;
}

@media (min-width:992px) {
 
    .metismenu.menu-horizontal {
        display:flex;
        flex:1 1 0%;
        flex-direction:row
    }
   }
   .metismenu.menu-horizontal>li {
        position:relative
   }
   .metismenu.menu-horizontal .level-1>ul {
        min-width:12rem
   }
   .metismenu.mod-menu {
        margin:0
   }
   .metismenu.mod-menu .metismenu-item {
        align-items:center;
        display:flex;
        flex-wrap:wrap;
        font-size:1.1rem;
        line-height:1.5;
        padding:.5em 1em
   }
   .metismenu.mod-menu .metismenu-item.parent {
        position:relative
   }
   .metismenu.mod-menu .metismenu-item>ul {
    box-shadow:0 0 .5em rgba(0,0,0,.1);
    display:block;
    list-style:none;
    padding:0;
    position:absolute;
    top:100%;
    z-index:1001
   }
   .metismenu.mod-menu .metismenu-item>a,
   .metismenu.mod-menu .metismenu-item>button,
   .metismenu.mod-menu .metismenu-item>span {
    overflow:hidden;
    text-decoration:none;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:rgba(255, 255, 255, 1);
    font-size: 1rem;
   }

   .metismenu.mod-menu .metismenu-item .level-2>a {
    overflow:hidden;
    text-decoration:none;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:rgba(0, 0, 0, 1);
    font-size: 1rem;
   }

   .metismenu.mod-menu .metismenu-item>a:focus,
   .metismenu.mod-menu .metismenu-item>button:focus {
    outline:1px dotted #ced4da;
    outline-offset:2px
   }
   .metismenu.mod-menu .metismenu-item.active>a,
   .metismenu.mod-menu .metismenu-item.active>button,
   .metismenu.mod-menu .metismenu-item>a:hover,
   .metismenu.mod-menu .metismenu-item>button:hover {
    color:rgba(32, 124, 202, 1);
   }
   .metismenu.mod-menu .metismenu-item:after {
    content:none
   }
   .metismenu.mod-menu .metismenu-item:not(.level-1)>ul,
   .metismenu.mod-menu .metismenu-item:not(.level-2)>ul {
        margin-right:-1em;
        width: 300px;
   }
   [dir=rtl] .metismenu.mod-menu .metismenu-item:not(.level-1)>ul,
   [dir=rtl] .metismenu.mod-menu .metismenu-item:not(.level-2)>ul {
        margin-left:-1em;
        margin-right:0;
   }
   .metismenu.mod-menu .metismenu-item.divider:not(.parent) {
    border-right:1px solid #ced4da;
    margin:.25em;
    overflow:hidden;
    padding:0;
    width:1px
   }
   @media (max-width:991.98px) {
    .metismenu.mod-menu .metismenu-item.divider:not(.parent) {
     border-bottom:1px solid #ced4da;
     height:1px;
     width:auto
    }
   }
   .metismenu.mod-menu .mm-collapsing {
    height:0;
    overflow:hidden;
    transition-duration:.35s;
    transition-property:color,background-color,height,visibility;
    transition-timing-function:ease
   }
   .metismenu.mod-menu .mm-collapse {
    background-color:#fff;
    box-shadow:1px 1px 4px rgba(0,0,0,.1);
    position:absolute
   }
   .metismenu.mod-menu .mm-collapse:not(.mm-show) {
    display:none
   }
   .metismenu.mod-menu .mm-collapse>li>a {
    display:inline-flex
   }
   .metismenu.mod-menu .mm-collapse>li.divider:not(.parent) {
    border-bottom:1px solid #ced4da;
    height:1px;
    width:auto
   }
   .metismenu.mod-menu .mm-collapse>li.parent .mm-toggler {
    display:inline-flex
   }
   .metismenu.mod-menu .mm-collapse>li.parent>ul {
    background-color:rgba(0,0,0,.03);
    box-shadow:none;
    flex-basis:calc(100% + 1em);
    margin-bottom:-.5em;
    margin-top:.5em;
    position:relative;
    top:0
   }
   .metismenu.mod-menu .mm-toggler {
    align-items:center;
    background:none;
    border:none;
    box-shadow:none;
    color:currentColor;
    display:flex;
    height:100%;
    padding:0;
    position:relative;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
   }
   .metismenu.mod-menu .mm-toggler:after {
    -webkit-margin-start:.5em;
    border-left:.5em solid transparent;
    border-right:.5em solid transparent;
    border-top:.5em solid;
    content:"";
    height:0;
    margin-inline-start:.5em;
    transition:all .3s ease-out;
    width:0
   }
   .metismenu.mod-menu .mm-toggler[aria-expanded=true]:after,
   .mm-active>.metismenu.mod-menu .mm-toggler:after {
    -webkit-transform:rotateX(-180deg);
    transform:rotateX(-180deg)
   }
   .metismenu.mod-menu .parent>ul {
    color:#22262a
   }
   .sidebar-left .metismenu .mm-collapse,
   .sidebar-right .metismenu .mm-collapse {
    background-color:rgba(0,0,0,.03);
    position:relative
   }
   .sidebar-left .metismenu li.parent>ul,
   .sidebar-right .metismenu li.parent>ul {
    box-shadow:none;
    position:relative;
    top:0
   }
   @media (max-width:1199.98px) {
    .sidebar-left .metismenu li.parent>ul,
    .sidebar-right .metismenu li.parent>ul {
     width:100%
    }
   }

@media screen and (max-width: 991px) {
 
   .metismenu.mod-menu .metismenu-item>a,
   .metismenu.mod-menu .metismenu-item>button,
   .metismenu.mod-menu .metismenu-item>span {
        font-size: 1.2rem;
   }
}