/*
Theme Name: Experten-Netzwerk
Author: milkycode GmbH
Author URI: https://www.milkycode.com/
Description: Expertennetzwerk WordPress Theme.
Version: 2.0
Template: porto
*/

/* General */
.bg-light { background-color: #f4eaea !important; }
.bg-light2 { background-color: #dce9f2 !important; }
.opacity-1 { opacity: 1 !important }
b { font-weight: 900; }
.progress-label { font-size: 0.8em; }
.portfolio-item .thumb-info { background: #f4f4f4; }
.image-box .porto-sicon-header p { letter-spacing: -0.05em; }
@media (min-width: 992px) {
    #header .logo { margin-left: 50px; margin-right: 50px; }
    #header .header-left { -ms-flex-pack: end; justify-content: flex-end; }
    #header .header-right { -ms-flex-pack: start; justify-content: flex-start; }
    #header .header-main .header-right { padding-left: 0; padding-right: 0; }
    #header .header-left .main-menu,
    #header .header-right .separator { margin-left: 2px; }
}
.wpb_gmaps_widget .wpb_wrapper { background-color: #fff; padding: 0 !important; }
.btn { font-weight: 700; border-radius: 30px; }
.btn-modern { font-size: .88em; }
.btn-badge { position: relative; }
.btn-badge .badge { padding: 0.5em 0.8em; background: #212529; top: -0.5rem; right: -0.5rem; position: absolute; font-size: 75%; border-radius: 10px; }
.vc_btn3.vc_btn3-icon-right .vc_btn3-icon { margin-left: .5rem; }
.section-primary .owl-carousel .owl-dots .owl-dot span { background: rgba(255, 255, 255, .6); }
.section-primary .owl-carousel .owl-dots .owl-dot.active span,
.section-primary .owl-carousel .owl-dots .owl-dot:hover span { background: #fff; }

.hover-box { -webkit-perspective: 1000px; perspective: 1000px; }
.hover-box .porto-sicon-box,
.hover-box .porto-ibanner { -webkit-backface-visibility: hidden; backface-visibility: hidden; box-shadow: 0px 0px 44px -10px rgba(0, 0, 0, 0.15); -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d; transition: transform .5s; overflow: visible; margin-bottom: 0; }
.hover-box .porto-ibanner { position: absolute; left: 15px; top: 0; right: 15px; bottom: 0; transform: translate3d(0, 0, -1px) rotateY(180deg); }
.hover-box .porto-ibanner-title { color: #fff; font-weight: 700; margin-bottom: 15px; }
.hover-box .porto-ibanner-desc { padding: 55px 48px 48px; color: rgba(255, 255, 255, .5); }
.porto-ibanner .porto-ibanner-content { font-size: 14px; line-height: 26px; }
.hover-box .btn { font-weight: 700; margin-top: 30px; }
.hover-box .porto-sicon-box,
.hover-box:hover .porto-ibanner { -webkit-transform: translate3d(0, 0, 1px) rotateY(0deg); transform: translate3d(0, 0, 1px) rotateY(0deg); }
.hover-box:hover .porto-sicon-box { -webkit-transform: translate3d(0, 0, -1px) rotateY(-180deg); transform: translate3d(0, 0, -1px) rotateY(-180deg); }
.hover-box .porto-ibanner-desc, .hover-box .porto-sicon-box > * { -webkit-perspective: inherit; perspective: inherit; -webkit-transform: translate3d(0, 0, 60px); transform: translate3d(0, 0, 60px); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.home #header { position: absolute; width: 100%; z-index: 1030; }
body:not(.home) #header { background-color: #212529 }
#header .main-menu>li.menu-item { margin: 0 2px 0 0 }
@media(max-width: 991px) { .header-main .row { padding-top: 20px; padding-bottom: 20px; } }
#header .search-popup { top: 2px; right: -2px }
.header-main.sticky { background-color: #212529 !important }
#nav-panel .accordion-menu li.menu-item > a { color: #dedede !important; font-size: 13px }
#nav-panel .accordion-menu li.menu-item > a:hover, #nav-panel .accordion-menu li.menu-item.active > a { color: #fff !important; }
#nav-panel .accordion-menu li.menu-item:not(.active) > a:hover { background-color: #2b2b2b }
#nav-panel .accordion-menu li.menu-item.active { border: 0 }
#header .main-menu .wide li.sub > a { font-size: 14.4px }
#header .searchform-popup .search-toggle:hover { color: #fff }
.info-atmark { margin-left: 20px !important }
@media ( max-width: 575px) { .info-atmark { margin-left: 0 !important; } }

/* Mobile menu */
@media (max-width: 1170px) { 
    #header .main-menu { display: none; } 
    #header .mobile-toggle { display: inline-block; }
    #header .header-main.sticky .main-menu > li.menu-item > a { padding: 40px 5px 40px 4px !important; }
}

#footer .footer-main .row > div:first-child { display: flex; align-items: center; }
#footer .footer-bottom { border-top: 1px solid rgba(255, 255, 255, .05); font-size: 1em; font-weight: 600; }
#footer .widget.contact-info { margin-top: -22px; }

.thumb-info .thumb-info-type { text-transform: none; max-height: 50px; overflow: hidden; }
.thumb-info .thumb-info-title { background: rgba(33,37,41,0.6); padding: 5px 15px 3px; bottom: 10%; max-width: 95%; }
.member-role { text-transform: none; }
.porto-links-block li.porto-links-item i { width: 20px; text-align: center; }
.thumb-member-container > a { max-height: 255px; }

/* New chooser startpage */
.choose-network a { display: block; }
.choose-network a.btn-xl { display: inline-block; }
.choose-left, .choose-right { opacity: 0; width: 100%; height: 100%; transition: opacity .4s; position: absolute; top: 0; left: 0; }
.choose-network:hover .choose-left { background: #d2072a; opacity: 0.4; }
.choose-network:hover .choose-right { background: #196098; opacity: 0.4; }
@media (max-width: 575px) { .choose-network h2 { font-size: 30px !important; } .choose-network img { width: 125px !important; } .choose-network .vc_btn3-center { margin: auto;} ; .choose-network a.btn-xl { padding: 10px 11px !important; display: table-cell; height: 60px; width: 200px; } 
  .choose-network { float: left; width: 100%; height:50% !important; }
}

.home-banner .porto-ibanner-content h6 { font-size: 15px; }
.home-banner .porto-ibanner-content p { color: #cacaca; }
.termine .mec-owl-carousel .owl-item .event-carousel-type2-head { min-height: 385px; }
.termine .mec-owl-carousel .owl-item img { display: none; }

.meta-tags a { color: #555; font-size: 85%; }

@media (max-width: 767px){
  .page-top .page-title:not(.b-none)::after { bottom: -11px; }
}
@media (max-width: 480px){ 
  .cli-bar-btn_container { flex-wrap: wrap; }
  .bbp-forum-topic-count, .bbp-topic-voice-count { display: none; }
  li.bbp-forum-freshness, li.bbp-topic-freshness { width: 37%; }
  .page-top > .container { padding-top: 10px; padding-bottom: 10px; }
}

/* Portfolio section */
.thumb-info.thumb-info-bottom-info-dark .thumb-info-title { padding: 36px; background: linear-gradient(to top, rgba(33, 37, 41, 0.8) 0, transparent 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); }
.thumb-info .thumb-info-inner { font-size: 1.50em; } .thumb-info .thumb-info-type { font-size: .8em; font-weight: 300; text-transform: uppercase; } .thumb-info-action { display: none; }

/* Features Section */
.porto-sicon-box { margin-bottom: 0 } .custom-info-boxes .porto-sicon-box .porto-icon { margin-top: 8px; }
.feature-section .porto-sicon-header+.porto-sicon-description { margin-top: 0; }
@media (max-width: 575px) { .custom-info-boxes > * { width: 100% !important; flex: 0 0 100% !important; } }

/* Intro Secton */
.overlay:before { content: ' '; display: block !important; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background: #212529; opacity: 0; pointer-events: none; transition: ease opacity 300ms 100ms; }
.overlay.overlay-op-9:hover:before, .overlay.overlay-op-9.overlay-show:before, .overlay.overlay-op-9.show:before { opacity: 0.9; }
.z-index-9 { z-index: 9; }
.section-angled-layer-top, .section-angled-layer-bottom { position: absolute; left: 0; width: 100%; z-index: 8 !important; background-color: #fff; }
.section-angled-layer-bottom { bottom: 0; padding: 7rem 0; transform: skewY(4.7deg) translate3d(0, 50%, 0); } .section-angled-layer-top { top: 0; padding: 3rem 0; transform: skewY(-1.7deg) translate3d(0, -50%, 0); }
.word-rotator.type .word-rotator-items { padding-right: 16px } .word-rotator.type .word-rotator-items:after { width: 8px; }
html .btn-light:hover { background-color: #f2f2f2; border-color: #e6e5e5 #e6e5e5 #cccccc } html .btn:focus, html .btn:active:focus { box-shadow: none; }
.word-rotator.type .word-rotator-items.waiting:after { animation: 500ms word-rotator-pulse-light step-end infinite; }
@media (max-width: 991px) { .word-rotator { font-size: 63px !important; } }
@media (max-width: 767px) { .word-rotator { font-size: 49px !important; } }
@media (max-width: 575px) { .word-rotator { font-size: 32.5px !important; } }

/* Guest Section */
.min-height-775 { min-height: 775px; }
.highlighted-word { position: relative } .highlighted-word:after { content: ''; position: absolute; right: calc(100% - 74px); bottom: -6px; background: url( '/wp-content/uploads/2021/06/pencil-blue-line.png' ); width: 0; height: 15px; animation: pencilAnimation; animation-duration: 500ms; animation-delay: 2s; animation-fill-mode: forwards; overflow: hidden; }
.highlighted-word:after { transform: rotate(0); filter: brightness(0) invert(1); }
.image-contain-section .vc_column_container.col-md-12 { position: static } .right-0 { right: 0; }
@media (min-width: 992px) { .checklist-section > * { width: auto !important; } } .checklist-section .porto-sicon-box { justify-content: center; }

/* Memberlist */
.member-item .thumb-info { box-shadow: 1px 1px 10px 1px #00000012 !important; }
.thumb-info .thumb-info-inner { font-size: 1em; }
.share-links-block { justify-content: flex-end; }
.share-links-block h5 { margin: 3px 10px 0 0; }
.page-top .sort-source { display: block; margin: 15px 0 -15px 0; }
.page-top .sort-source a:hover { color: #d2072a; }
.thumb-info .thumb-info-type { margin: 2px 0 -15px 0; line-height: 2; background: rgba(33,37,41,0.9); opacity: 0.8; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.recent-members .thumb-info-caption, .recent-members .thumb-info .thumb-info-type { display: none; }
.recent-members .thumb-info:hover .thumb-info-title { display: block; background: rgba(33,37,41,0.5); padding: 10px 15px; }
.recent-members .member-item .thumb-info { box-shadow: 1px 1px 10px 1px #00000038 !important; }
.gast {background-color: #d2072a; color: #fff;}
.gast a {color: #fff !important;}

/* Internal Area */
#bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results, #bbpress-forums ul.bbp-topics { font-size: 15px; }
#bbpress-forums { font-size: 15px; line-height: 26px; }
#bbpress-forums form.bbp-members-directory-filter select { padding: 5px 20px 5px 5px; }
#bbpress-forums .bbp-topic-pagination a:hover, #bbpress-forums .bbp-topic-pagination a:focus, #bbpress-forums .bbp-topic-pagination span.current, #bbpress-forums .bbp-pagination a:hover, #bbpress-forums .bbp-pagination a:focus, #bbpress-forums .bbp-pagination span.current { color: #fff; }
#bbpress-forums .bbp-pagination-links a, #bbpress-forums .bbp-pagination-links span.current { padding: 3px 5px; }