/*
* JQC - Page Layout
 **********************/
html,
body {
    /* color: 16px; */
    color: #000;
}

h1,
h2 {
    color: #f48221;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    padding: 0;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 24px;
}

/* links */
a {
    display: inline-block;
}

.itemBody a,
#gkMainbody header h1 a:active,
#gkMainbody header h1 a:focus,
#gkMainbody header h1 a:hover,
#gkMainbody header h2 a:active,
#gkMainbody header h2 a:focus,
#gkMainbody header h2 a:hover,
#k2Container article header h2 a:active,
#k2Container article header h2 a:focus,
#k2Container article header h2 a:hover {
    color: #f48221 !important;
}


/* buttons */
button:hover,
.button:hover,
input.button:hover,
span.button:hover,
button.button:hover,
div.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.pagenav-prev a:hover,
.pagenav-next a:hover,
.pager li.previous a:hover,
.pager li.next a:hover,
.readon:hover,
#gkMainbody .itemReadMore:active,
#gkMainbody .itemReadMore:focus,
#gkMainbody .itemReadMore:hover,
#gkMainbody .readmore>a:active,
#gkMainbody .readmore>a:focus,
#gkMainbody .readmore>a:hover,
.button.invert,
.gkShowCart a:hover,
.btn:hover,
.btn:focus,
.btn:active,
#member-profile .form-actions .btn+a:hover,
#member-profile .form-actions .btn+a:focus,
#member-profile .form-actions .btn+a:active,
.vm-cart-header-container .vm-continue-shopping a:active,
.vm-cart-header-container .vm-continue-shopping a:focus,
.vm-cart-header-container .vm-continue-shopping a:hover {
    background: #f48221 !important;
    border-color: #f48221 !important;
}

/* mark - search results */
mark {
    background: #f4822170;
    color: inherit;
}

p {
    display: block;
    margin: 0;
    line-height: 1.4em;
}
p, ol {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
ol {
    list-style-position: outside;
    margin-left: 16px;
}

hr {
    border: solid 1px #e5e5e5;
}

ul.gkBullet2 li:before {
    color: #f48221;
    content: "\f14a";
}

.itemBody>ul li,
.itemBody>div>ul li,
#product-tabs-content dd,
ul.gkBullet1 li,
ul.gkBullet2 li,
ul.gkBullet3 li,
ul.gkBullet4 li {
    padding-left: 16px;
}

/* page layout */
.gkPage {
    padding: 0 8px !important;
}

/* header: language, search */
#gkLanguage {
    float: right;
    z-index: 10002;
}

#gkLanguage li {
    float: left;
}

#gkLanguage .search-container {
    margin: 0;
    margin-top: 1px;
    margin-right: 8px;
}

#gkLanguage .search-container:hover {
    border-color: transparent;
}

#gkLanguage .search-container .search-form {
    box-sizing: border-box;
    height: 34px;
    border: 1px solid #e5e5e5;
    padding: 0;
}

#gkLanguage .search-container .search-form input,
#gkLanguage .search-container .search-form input:active,
#gkLanguage .search-container .search-form input:focus,
#gkLanguage .search-container .search-form input:focus-visible {
    float: left;
    height: 100%;
    margin: 0;
    padding: 2px 4px 1px 8px;
    font-size: 16px;
    border: 0;
    background-color: inherit;
    outline: none;
}

#gkLanguage .search-container .search-form .search-button {
    width: 34px;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #f0f0f0;
    border: 0;
    outline: none;
}

#gkLanguage .search-container .search-form .search-button .gk-icon-search {
    font-weight: 600;
    height: 100%;
    vertical-align: middle;
    line-height: 40px;
    width: 34px;
    color: inherit;
}

#gkLanguage .search-container .search-form .search-button:hover {
    color: #f48221 !important;
    background-color: #f0f0f0 !important;
}

#gkLanguage a.flag {
    padding-right: 7px;
}

div.mod-languages>ul.lang-block>li,
div.mod-languages>ul.lang-inline>li {
    line-height: 32px !important;
    margin: 2px 0;
    border: solid 1px transparent;
}

div.mod-languages>ul.lang-block>li,
div.mod-languages>ul.lang-inline>li:hover {
    border-color: #e5e5e5;
}

div.mod-languages a {
    display: inline;
}

div.mod-languages a img {
    vertical-align: middle;
}

.lang-active {
    border-color: #e5e5e5;
    background: #f6f6f6;
}

/* header: menu */
#gkHeaderNav {
    background-color: #fff;
    -webkit-box-shadow: 0 0, 0 2px 5px rgba(0, 0, 0, 0.06), 0 0;
    -moz-box-shadow: 0 0, 0 2px 5px rgba(0, 0, 0, 0.06), 0 0;
    box-shadow: 0 0, 0 2px 5px rgba(0, 0, 0, 0.06), 0 0;
    z-index: 10002;
}

#gkHeaderNav div.gkPage {
    box-shadow: inset 40px 0 0 #fff, inset 0 6px 0 #f48221;
    height: 63px;
}

#gkLogo {
    margin: -10px 0 0 0 !important;
    z-index: 999999 !important;
}

/* **** Menu (from menu.css) **** */
.gkMenu ul ul {
    padding: 8px 0;
}

.gkMenu>ul>li>a {
    height: 61px;
}

.gkMenu>ul>li {
    height: 58px;
    padding-top: 4px;
}

.gkMenu>ul>li>a {
    color: #333;
    font-weight: 600;
}

.gkMenu>ul>li.haschild>a:after {
    color: #333;
}

.gkMenu>ul>li.haschild>a:hover:after,
.gkMenu>ul>li.haschild>a:active:after,
.gkMenu>ul>li.haschild>a:focus:after,
.gkMenu>ul>li.haschild.active>a:after {
    color: #f48221;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.gkMenu>ul>li.active>a,
.gkMenu>ul li div.childcontent a:hover,
.gkMenu>ul li div.childcontent li.active>a {
    color: #f48221 !important;
}

.gkMenu>ul li div.childcontent li.first.active>a {
    color: inherit !important;
}

.gkMenu>ul li div.childcontent li.first.active>a:hover {
    color: #f48221 !important;
}

.gkMenu a:hover,
.gkMenu a:active,
.gkMenu a:focus,
.gkMenu li.active>a {
    color: #f48221;
}

.gkMenu>ul li div.childcontent li {
    padding: 4px 16px;
    font-size: 15px;
    font-weight: 600;
}

.gkMenu>ul>li a small {
    color: #757575 !important;
    padding-top: 5px;
    font-size: 12px;
    font-weight: 300;
}

/* mobile menu */
#gkMobileMenu.gkPage {
    height: 44px !important;
    box-shadow: none !important;
    padding-top: 4px;
}

#gkMobileMenu #mobile-menu-toggler {
    color: #333;
}

/* mobile menu - < 1040px width */
@media only screen and (max-width: 1040px) {

    #gk-menu-overlay-wrap .gkMenuClassic a:active,
    #gk-menu-overlay-wrap .gkMenuClassic a:focus,
    #gk-menu-overlay-wrap .gkMenuClassic a:hover,
    #gk-menu-overlay-wrap .gkMenuClassic span:active,
    #gk-menu-overlay-wrap .gkMenuClassic span:focus,
    #gk-menu-overlay-wrap .gkMenuClassic span:hover {
        color: #f48221;
    }

    #gk-menu-overlay {
        background-color: #f6f6f6e0;
    }

    #gk-menu-overlay-wrap .gkMenuClassic {
        padding: 0;
    }

    #gk-menu-overlay-wrap #gk-menu-overlay-close {
        color: #333;
        top: 43px;
        right: 19px;
    }

    #gk-menu-overlay-wrap .gkMenuClassic {
        margin: 0 auto;
        width: 100%;
    }

    #gk-menu-overlay-wrap .gkMenuClassic a,
    #gk-menu-overlay-wrap .gkMenuClassic span {
        color: #666;
        display: block;
        font-size: 2em;
        padding: 8px 0;
    }

    .gkMenu>ul>li.haschild>a:after {
        display: none;
    }

    .gkMenu>ul>li {
        height: unset;
        line-height: unset;
        padding-top: 4px;
    }

    .gkMenu>ul>li.haschild {
        border-top: solid 1px #e5e5e5;
    }

    #gk-menu-overlay-wrap .gkMenuClassic .gkMenu>ul li div.childcontent li {
        text-align: initial;
    }

    .childcontent a {
        font-size: 1.2em !important;
    }


}
/* mobile menu end */

/* header image*/
.ogarticleimage.fit-screen {
    display: inline-grid;
    width: 100%;
}

.ogarticleimage.fit-screen img {
    width: 100%;
}

.ogarticleimage.fit-screen p.img_caption {
    text-align: center;
    color: #333;
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;
    background: #f6f6f6;
    padding: 10px 0;
    line-height: 36px;
    margin: 0;
}

/* breadcrumb */
#gkBreadcrumb {
    margin-bottom: 0;
}

.breadcrumbs>li,
.breadcrumbs li.separator {
    font-size: 16px;
}

.breadcrumbs>li:last-child {
    text-decoration: underline;
    text-decoration-color: #f48221;
    color: #333;
}

/* page Content */
.box {
    padding: 0 !important;
    margin: 0 0 16px;
}

#gkMainbody {
    margin: 0;
    padding: 0 !important;
}



/* sidebar */
#gkSidebar {
    padding-left: 32px;
}

#gkSidebar .box {
    padding: 0 !important;
    width: 100% !important;
    max-width: 100%;
}

/* makler logos */
#gkSidebar .box.maklerlogo.jqc2020 p {
    text-align: center;
}

#gkSidebar .box.maklerlogo.jqc2020 img {
    margin: 0 auto;
}

.jqc2020.legalnote,
.maklergruppe {
    padding: 8px 16px;
    font-size: 14px;
    text-align: justify;
}

@media screen and (max-width: 1040px) {

    .maklerlogo,
    .maklergruppe {
        display: none;
    }
}

.jqc2020.legalnote,
.maklergruppe {
    padding: 16px;
    font-size: 14px;
    text-align: justify;
}

.box.maklergruppe img {
    padding: 0 5%;
    width: 90%;
}

.fluid-width-video-wrapper {
    padding-top: 66.6667% !important;
}

/* sidebar menu */
#gkSidebar .menu li a {
    color: #333;
}

#gkSidebar .box.jqc2020.fit-div,
.box.jqc2020.fit-div {
    padding: 0;
    border: none;
}

#gkSidebar .box.jqc2020.fit-div ul.menu ul,
.box.jqc2020.fit-div ul.menu ul {
    margin: 0 0 0 0;
}

#gkSidebar .box.jqc2020.fit-div ul.menu li ul li,
.box.jqc2020.fit-div ul.menu li ul li {
    border: 1px solid #e5e5e5;
    border-top: none;
}

#gkSidebar .box.jqc2020.fit-div ul.menu li ul>li ul>li {
    border: 0;
    margin-left: 20px;
    padding: 2px 0 2px 6px;
}

#gkSidebar .box.jqc2020.fit-div ul.menu li ul>li>a {
    display: table-cell;
    padding: 5px;
    padding-right: 10px;
    line-height: 1.3;
}

#gkSidebar .box.jqc2020.fit-div ul.menu li li::before {
    float: left;
    margin-left: 8px;
    line-height: 28px;
}

.box.jqc2020.fit-div ul.menu>li>a {
    background: #f6f6f6;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 16px;
    border: 1px solid #e5e5e5;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.1;
}

.menu li a:hover,
.jqc2020 .menu li.current.active>a {
    color: #f48221 !important;
}

#gkSocialAPI {
    padding: 0;
}

/* bottom sections */
#gkBottom3,
#gkBottom4 {
    padding: 0;
}


.box.cta-section {
    background: #f48221;
    padding: 16px !important;
    color: #fff;
    margin: 0 !important;
}

.button.cta-btn {
    background: #fff;
    border-color: #fff;
    font-size: 20px;
    color: #f48221 !important;
    text-transform: none !important;
    display: inline-block !important;
    float: none !important;
}

.button.cta-btn:hover {
    border-color: #fff;
    background: rgba(255, 255, 255, 0.075);
    color: #fff !important;
}

/* team photo */
#gkMainbodyTop>.box,
#gkMainbody,
#gkMainbodyBottom {
    padding-top: 0;
}

#gkBottom4>div.box.full-width {
    margin: 0 !important;
    line-height: 0;
}

#gkBottom4 .gkPage {
    padding: 0 !important;
    max-width: unset;
}

#gkBottom4 div.fooimg img.team-foto {
    width: 100%;
}

/* bottom menu */
#gkBottom5 {
    background-color: #f6f6f6;
}


#gkBottom5>div {
    margin: 0;
    padding: 32px 0;
}

#gkBottom5 .box .header {
    font-size: 16px;
}

#gkBottom5 .gkCols {
    width: 100%;
    font-size: 14px;
    margin: 16px 0;
}

#gkBottom5 .gkCols img {
    padding-top: 16px;
    width: 80%;
    max-width: 210px;
}

#gkBottom5 .gkCols>div {
    padding: 0 15px;
}

@media only screen and (max-width: 600px) {

    #gkTop1 .box,
    #gkTop2 .box,
    #gkSidebar .box,
    #gkMainbody .box,
    #gkBottom1 .box,
    #gkBottom2 .box,
    #gkBottom3 .box,
    #gkBottom4 .box,
    #gkBottom5 .box {
        max-width: unset;
    }
}

@media only screen and (max-width: 840px) {

    #gkBottom5 .box.double,
    #gkBottom5 .box.double~.box {
        width: 100% !important;
    }
}

/* footer */
#gkFooter>div {
    padding: 16px 0;
    font-size: 14px;
}

#gkFooter #gkFooterNav {
    margin: 0 auto;
}

#gkFooter a:active,
#gkFooter a:focus,
#gkFooter a:hover {
    color: #f48221;
}

/* page content */
.itemBody>ul,
.itemBody>div>ul,
ul.gkBullet1,
ul.gkBullet2,
ul.gkBullet3,
ul.gkBullet4 {
    margin: 0;
}

a,
#gkMainbody header h1 a:active,
#gkMainbody header h1 a:focus,
#gkMainbody header h1 a:hover,
#gkMainbody header h2 a:active,
#gkMainbody header h2 a:focus,
#gkMainbody header h2 a:hover,
#k2Container article header h2 a:active,
#k2Container article header h2 a:focus,
#k2Container article header h2 a:hover {
    color: #f48221;
}

/* content bubbles */
.bubble-2 {
    background: #f4822180;
    color: inherit;
}

.bubble-2 cite {
    color: inherit;
}

.bubble-2::after {
    border-color: #f4822180;
    border-left: 22px solid transparent;
    color: inherit;
}


p.gkInfo1,
p.gkTips1,
p.gkWarning1,
div.gkblock-1,
div.gkblock-2,
div.gkblock-3 {
    position: relative;
    padding: 14px 16px 14px 55px;
}

.gkblock-1,
.gkblock-2,
.gkblock-3 {
    margin: 0 0;
    padding: 15px 20px
}

div.gkblock-1:before,
div.gkblock-2:before,
div.gkblock-3:before {
    font-family: FontAwesome;
    font-size: 26px;
    position: absolute;
    top: 8px;
    left: 16px;
}

div.gkblock-1:before {
    content: "\f071";
}

div.gkblock-2:before {
    content: "\f0a1";
}

div.gkblock-1 {
    border: 1px solid #ff0000;
    background: #ff000020;
}

div.gkblock-2 {
    background: #0087ff20;
    border: 1px solid #0087ff;
}

div.gkblock-3 {
    background: #fae03f20;
    border: 1px solid #fae03f;
}

div.gkblock-3:before {
    content: "\f0eb";
}


/* home */
.gk-banners {
    margin: unset;
    overflow: unset;
}

.gk-banners li {
    padding: 0;
    padding-right: 8px;
}

.gk-banners li div {
    text-align: center;
}

.gk-banners li:last-child {
    padding-right: 0;
}

.gk-banners img {
    max-width: 100% !important;
}

@media only screen and (max-width: 840px) {
    .gk-banners li {
        padding-right: 0;
    }

    .gk-banners li div {
        margin-bottom: 8px;
    }

    .gk-banners li div img {
        max-width: 100% !important;
    }
}

@media only screen and (max-width: 1170px) {
    .gk-banners img {
        max-width: 100% !important;
    }
}

/* contact page */
.contact h2 {
    display: block;
    width: 100%;
    float: left;
}

.contact-miscinfo {
    display: block;
    width: 100%;
    float: left;
    border: 0;
    font-size: inherit;
    margin: 0;
    padding: 0;
}

.contact-miscinfo .jicons-text {
    display: none;
}

/* search page */
.result__item+.result__item {
    border-color: #e5e5e5;
}

#search-query-explained {
    font-size: inherit;
}

#search-form input:active,
#search-form input:focus,
#search-form input:focus-visible {
    float: left;
    height: 100%;
    margin: 0;
    font-size: 16px;
    background-color: inherit;
    outline: none;
}

.com-finder.finder {
    overflow: hidden;
    padding-bottom: 16px;
}

.com-finder.finder a:hover {
    color: #f48221;
}

.com-finder .search-pagination {
    margin-top: 0;
}
.com-finder .search-pagination .search-pages-counter {
    font-size: 14px;
}

.com-finder ul.pagination {
    padding-top: 0 !important;
    margin: 40px 0 8px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.com-finder .search-pagination li.page-item {
    margin: 0 8px;
}
.com-finder .search-pagination li.page-item.active a {
    color: #666;
}

/* team page */
.blog.jqc-team header {
    display: none;
}

.jqc-team article,
article.jqc-team {
    margin: 0;
    padding-top: 0 !important;
    border: solid 1px #e5e5e5;
    border-top: solid 1px #e5e5e5 !important;
}

.jqc-team article header,
article.jqc-team header {
    display: block !important;
    background: #f6f6f6;
    display: flex;
    padding: 8px 16px 8px;
    flex: 1 0 auto;
}

.jqc-team article header h2,
article.jqc-team header h1 {
    font-size: 30px;
    font-weight: 600;
    color: inherit;
    margin: 0;
}

.jqc-team article .img-intro-left,
.jqc-team article .img-intro-right,
.jqc-team article .img-intro-center,
article.jqc-team .img-fulltext-none,
article.jqc-team .img-fulltext-left,
article.jqc-team .img-fulltext-right {
    margin: 0;
}

.jqc-team article .itemBody,
article.jqc-team .itemBody {
    margin: 16px;
    width: unset;
}

.jqc-team .gkImageWrapperOverlay {
    display: none;
}

/* widget: Fahrrad- Versicherung */
antson-form form.vibot-twbs .form-group .form-text.text-muted {
    font-size: 14px !important;
    color: #888 !important;
}
antson-form form.vibot-twbs .form-group input.form-control:hover, form.vibot-twbs .form-group .form-control-plaintext:hover {
    border-color: #ccc;
}
antson-form form.vibot-twbs .form-group>label {
    font-size: 12px !important;
    color: #888 !important;
    background-color: #fafafa !important;
}
antson-form form.vibot-twbs {
    background: inherit;
}
antson-form form.vibot-twbs .form-group input.form-control, form.vibot-twbs .form-group .form-control-plaintext {
    border-color: #ccc !important;
}