/*
Theme Name: ckb
Text Domain: ckb
Version: 1.7
Author: intermedia Peters GmbH | Werbeagentur
Author URI: https://www.intermedia-werbeagentur.de
Theme URI: https://www.intermedia-werbeagentur.de
made by intermedia in haiger
*/
a .badge {margin-left: 2px; background-color: #880056; padding: 3px 5px;}
.l-basis {color: #b4d7f5 !important;}
.l-business {color: #78bced !important;}
.l-premium {color: #36a7e9 !important;}
.leistungsuebersicht-xs {display: none;}
span.info-circle { display: block; float: right; width:21px; height: 21px; background-color: #fff; border: 1px solid #333; color: #333;border-radius:9999px; cursor: pointer; position: relative;}
.ckb-table td span.info-circle svg {color: #333; font-size: 12px; position: absolute; top: 4px; left: 7px;}
a, #cancel-button{color:#1079c6}
.tooltip-inner {max-width: 350px;width: 350px; padding: 12px;}
img.alignleft{float:left;margin-right:16px;margin-bottom:16px;margin-top:8px}
.cat-head{padding-top:48px;padding-bottom:32px}
.news-row{padding-bottom:64px}
.news-row .wp-post-image{margin-top:8px; max-width: 555px;}
.single-post-image{margin-right:24px}
a:hover, #cancel-button:hover {color:#2c2173;text-decoration:none; cursor: pointer}
body{font-family:"Conv_Neris-Light",Verdana,"sans-serif"}
span.social-media,span.langsel{padding-right:24px;color:#b2b2b2}
span.social-media a,span.langsel a{color:#b2b2b2;padding:0 6px}
span.social-media a:hover,span.langsel a:hover{text-decoration:none;color:#7e7e7e}
span.langsel ul{margin:0;padding:0;list-style:none;display:inline-block;font-size:12px}
span.langsel ul li{display:inline-block;text-transform:uppercase}
span.langsel ul li:after{content:' . '}
span.langsel ul li:last-child:after{content:none}
a.loginbutton{display:inline-block;text-transform:uppercase;padding:4px 16px 6px;background-color:#a4c7ea;color:#fff}
a.loginbutton:hover{text-decoration:none;background-color:#1079c6}
a.commonbutton{display:inline-block;text-transform:uppercase;padding:4px 16px 6px;background-color:#1079c6;color:#fff}
a.commonbutton:hover{text-decoration:none;background-color:#a4c7ea}
.commonbutton-white{display:inline-block;text-transform:uppercase;padding:4px 32px 6px;background-color:#fff;color:#212529; border: 1px solid #212529; font-size: 18px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.commonbutton-white:hover{text-decoration:none;background-color:#1079c6;border: 1px solid #1079c6; color: #fff;}
.logo{padding-bottom:16px}
#menutoggle{display:none}
#mainmenu{margin:0;padding:65px 0 0;list-style:none;text-align:right}
#mainmenu li{display:inline-block;padding:0 16px;position:relative}
#mainmenu li:last-child{padding-right:0}
#mainmenu li a{text-transform:uppercase;display:block;color:#1079c6;border-bottom:1px solid #fff}
#mainmenu li:hover a,#mainmenu li a:hover{text-decoration:none;border-bottom:1px solid #1079c6}
#mainmenu li ul{position:absolute;left:-16px;margin:0;padding:0;background-color:#fff;z-index:50000;text-align:left;height:0;width:0;overflow:hidden}
#mainmenu li:hover ul{display:block;height:auto;padding:16px 16px 12px;width:auto;transition:all ease .5s}
#mainmenu li ul li{display:block;white-space:nowrap;padding:0 0 4px}
#mainmenu li ul li a,#mainmenu li:hover ul li a{color:#1079c6;border-bottom:0;padding:6px 16px}
#mainmenu li ul li a:hover,#mainmenu li:hover ul li a:hover{text-decoration:none;color:#fff;background-color:#1079c6}
#headarea{width:100%;height:400px;background-image:url(img/hintergrund-kopf-startseite.jpg);background-size:cover;background-position:top right}
.valbox{display:flex;align-items:center}
.ckb-table td{padding:8px;border-bottom:1px solid #fff}
.ckb-table td.button-td{padding:16px 2px 0;border-bottom:0}
.ckb-table td svg{font-size:18px;color:#10217b}
.minuscircle{border:2px solid #10217b;border-radius:9999px;display:block;width:18px;height:18px;margin:0 auto;position:relative}
.minuscircle svg{position:absolute;font-size:9px!important;left:3px;top:3px; z-index: 50}
.ckb-table td.gr-head{background-color:#aaa;width:38%}
.ckb-table td.gr-body{background-color:#d6d6d6}
.ckb-table td.basic-head{background-color:#b4d7f5;width:20%;text-align:center}
.ckb-table td.basic-body{background-color:#daebfa;text-align:center}
.ckb-table td.business-head{background-color:#78bced;width:20%;text-align:center;border-left:3px solid #10217b;border-right:3px solid #10217b}
.ckb-table td.business-body{background-color:#b4d7f5;text-align:center;border-left:3px solid #10217b;border-right:3px solid #10217b}
.ckb-table tr:nth-last-child(2) td{border-bottom:0}
.ckb-table tr:nth-last-child(2) td.business-body{border-bottom:3px solid #10217b}
.ckb-table td.premium-head{background-color:#36a7e9;width:20%;text-align:center}
.ckb-table td.premium-body{background-color:#8dc4ef;text-align:center}
.ckb-table td.empfehlung-head{background-color:#10217b;color:#fff;width:20%;text-align:center;border-left:3px solid #10217b;border-right:3px solid #10217b;border-bottom:0}
.ckb-table tr:nth-child(3) td{border-bottom:2px solid #fff}
.ckb-table td span{text-transform:uppercase}
a.register-button-table-center,a.register-button-table{display:block;text-align:center;padding:8px 0;text-transform:uppercase;color:#fff!important;background-color:#1079c6;border:1px solid #1079c6;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
a.register-button-table-center{background-color:#10217b;border:1px solid #10217b;margin-top:-1px}
a.register-button-table:hover{color:#1079c6!important;background-color:#fff}
a.register-button-table-center:hover{color:#10217b!important;background-color:#fff}
#headarea.teilnehmerschaft{background-image:url(img/teilnehmerschaft.jpg);height:600px}
#headarea.teilnehmerschaft h1{color:#1079c6}
#headarea.teilnehmerschaft p{font-size:18px}
#headarea.werte{background-image:url(img/werte.jpg);height:600px;color:#fff}
#headarea.werte h1{color:#1079c6}
#headarea.werte p{font-size:18px}
section.vision{background-image:url(img/vision.jpg);height:600px;color:#fff}
section.vision h1{color:#1079c6}
section.vision p{font-size:18px}

section.hilfe{background-image:url(img/hilfsanfrage.jpg);height:600px;color:#fff}
section.hilfe h2{color:#1079c6; text-transform: uppercase; padding-bottom: 24px;}
section.hilfe p{font-size:18px}
section.hilfe .commonbutton-white {margin-top: 16px;}


.zitat{color:#fff;font-size:22px;font-style:italic;letter-spacing:2px}
.acch1{color:#1079c6;font-size:22px;font-style:italic;letter-spacing:2px}
.member-count{color:#fff;letter-spacing:2px;text-align:center;display:block;width:300px;margin-bottom:48px;font-size:18px;font-style:italic;padding:12px 24px;border:1px solid #fff;-webkit-border-radius:99999px;border-radius:99999px}
.member-count.member-blue{color:#1079c6;letter-spacing:2px;border-color:#1079c6;margin-bottom:0}
a.register{background-color:#fff;font-size:18px;text-transform:uppercase;padding:8px 0 10px;color:#1079c6;display:block;margin-top:48px;text-align:center;width:280px}
.head-bar{background-color:#1079c6;text-align:center;color:#fff;padding:12px 0;font-size:22px;letter-spacing:2px}
.member-search{padding:32px 0!important}
.member-search form{width:55%!important;text-align:center!important;margin:0 auto!important}
.member-search h2{color:#1079c6!important;font-size:22px!important}
.search-input{border:1px solid #1079c6!important;border-right:0!important;padding:12px 24px!important;height:50px!important;-webkit-border-radius:25px 0 0 25px!important;border-radius:25px 0 0 25px!important}
.search-button{border:1px solid #1079c6!important;border-left:0!important;padding:8px!important;-webkit-border-radius:0 25px 25px 0!important;border-radius:0 25px 25px 0!important;width:60px!important;color:#1079c6!important;height:auto!important;background-color:#fff!important}
.search-button:hover{color:#fff!important;background-color:#1079c6!important}
.join-ckb{background-color:#d3e4f0;padding:32px 0}
.join-ckb h2.headline{background:none;color:#1079c6;font-size:30px;text-align:center;margin-bottom:24px}
.join-ckb ul{font-size:18px}
.join-ckb .widgettitle{display:none}
.ci-blue{color:#1079c6}
a.register:hover{text-decoration:none;color:#fff;background-color:#1079c6}
li.widget_custom_html,li.widget_text{margin:0;padding:0;display:block;list-style:none}
section.mitglieder-ausgabe{padding:64px 0;margin-bottom:64px;background-color:#f5f5f5}
.card-row{background-color:#fff;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,0.2);box-shadow:0 0 3px 0 rgba(0,0,0,0.2);padding:15px 15px;height:100%}
.card-row .img-fluid{height:auto;max-height:120px;width:auto;max-width:100%}
h2.headline{font-size:18px;color:#fff;display:block;background-color:#1079c6;padding:6px 16px 8px;margin-bottom:0}
h2.headline.greybg{background-color:#b2b2b2}
h2.headline.purplebg{background-color:#a00057}
h2.headline.smaller{font-size:14px}
h2.headline-intern{font-size:18px;color:#1079c6}
.lightbg{background-color:#a4c7ea;padding:16px}
.lightbg ul{margin:0;padding:0 0 0 10px;list-style:'- '}
.lightbg ul li{margin-bottom:8px}
.mitglieder-small p{margin:0;padding:0}
.mitglieder-small .logot{vertical-align:top;width:150px;background-color:#fff}
.mitglieder-small .titlet{vertical-align:top;width:250px;padding:8px}
.mitglieder-small .desct{vertical-align:top;padding:8px}
.mitglieder-small .logot img{width:150px;height:auto}
.wstart{margin-bottom:16px}
.flagicon{width:15px;height:12px;position:absolute;bottom:15px;z-index:55}
.flagicon-relative{width:15px;height:12px;position:relative;}
.flagicon2{width:15px;height:12px;margin-right:4px;margin-top:-2px}
.mitglieder-ausgabe .row{margin-bottom:30px}
.error-row{margin-right:0;margin-left:0}
.error-row .col-12{padding:0}
.error-row .alert{margin-bottom:0;padding:30px 15px}
.container.content-page{padding:48px 15px}
h1.h1-head{color:#1079c6;margin-bottom:24px}
h2.h1-head{color:#1079c6;margin-bottom:24px}
.category-head{text-transform:uppercase;color:#1079c6;margin-bottom:32px;font-size:24px}
.category-head span{color:#666;font-size:18px}
.wpcf7-list-item-label{display:none}
.wpcf7-list-item{margin:0}
.msg-box{height:254px}
.grbg{background-color:#f5f5f5}
.white-bg{background-color:#fff;padding:64px 0}
.whitebg{background-color:#fff;padding:64px 0}
.grey-bg{background-color:#f5f5f5;padding:64px 0}
.lightblubg,.foot-register.lightblubg{background-color:#d3e4f0}
.foot-register.lightblubg{color:#212529}
.foot-register.lightblubg .widgettitle{display:none}
.foot-register.lightblubg .widget{padding-bottom:36px}
.ci-button{display:inline-block;padding:8px 90px;text-transform:uppercase;color:#fff!important;background-color:#1079c6;border:1px solid #1079c6;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.ci-button:hover{background-color:#fff;color:#1079c6!important;text-decoration:none}

.ci-button-contract {display:inline-block;padding:8px 0px;text-transform:uppercase;color:#fff!important;background-color:#1079c6;border:1px solid #1079c6;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease; text-align: center; width: 49%;}
.ci-button-contract.first {margin-right: 2%;}
.ci-button-contract:hover{background-color:#fff;color:#1079c6!important;text-decoration:none}

.ci-button.ci-button-white {color: #807f7f !important;border: 1px solid #807f7f;background-color: #fff;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.ci-button.ci-button-white:hover {text-decoration: none;color: #fff !important;background-color: #1079c6;border-color: #1079c6;}
.anzeige{position:absolute;top:-40px;right:15px;color:#666;font-size:14px;font-weight:700}
.box-startseite-werbung img{-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,0.2);box-shadow:0 0 3px 0 rgba(0,0,0,0.2)}
.pd-2{padding:2%}
.pd-r-2{padding-right:2%}
.pd-l-2{padding-left:2%}
.pd-t-2{padding-top:2%}
.pd-b-2{padding-bottom:2%}
div[data-toggle="collapse"]{width:100%;cursor:pointer;padding:8px 16px;font-size:18px;font-weight:700;background:#d3e4f0}
.collapse{background:none;border:1px solid #d3e4f0;border-top:0}
.faq-ul{margin:0;padding:0;list-style:none}
.faq-ul li{margin-bottom:2px}
.faq-ul li svg{float:right;color:#1079c6!important;margin-top:6px}
.newsitem{margin-bottom:30px}
.register-row{background-color:#fff;padding:24px}
#social-menu{margin:0;padding:0;list-style:none;margin-left:-8px}
#social-menu li{display:inline-block}
#social-menu li a{display:block;padding:8px;font-size:18px}
.back-to-top{display:block;margin:0 auto;width:50px;height:50px;border:2px solid #fff;-webkit-border-radius:25px 25px 25px 25px;border-radius:25px 25px 25px 25px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.back-to-top svg{margin-top:14px}
.back-to-top:hover{border-color:#466278;cursor:pointer}
footer{color:#fff}
footer a{color:#fff}
section.foot-register{background-color:#f5f5f5;padding:64px 0}
a.foot-register-button{display:inline-block;padding:8px 90px;text-transform:uppercase;color:#fff!important;background-color:#1079c6;border:1px solid #1079c6;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
a.foot-register-button:hover{background-color:#f5f5f5;color:#1079c6!important;text-decoration:none}
footer ul.foot-menu{display:block;text-align:right;padding:0;margin:0;list-style:none}
footer ul.foot-menu li{display:inline-block;padding:0;text-transform:uppercase}
footer ul.foot-menu li:after{content:'|';padding:0 8px}
footer ul.foot-menu li:last-child:after{content:none;padding-right:0}
footer ul.topfoot-menu{margin:0;padding:24px 0 0;list-style:none;width:100%;display:block}
footer ul.topfoot-menu li{padding:0;width:25%;display:block;float:left;margin:8px 0}
footer ul.topfoot-menu li a{text-transform:uppercase}
footer ul.topfoot-menu li a:hover{text-decoration:none}
.top-footer{background-color:#94b2cb;padding:32px 0}
.top-footer a:hover{color:#466278}
.sub-footer{background-color:#6c8ca7;padding:16px 0}
.sub-footer a:hover{color:#1f3f56;text-decoration:none}
.head-line{color:#1079c6;font-size:24px;margin-bottom:24px}
.blog-author,.blog-date{color:#1079c6;padding:8px 0;display:block}
.blog-hr{border-color:#2c2173;margin-top:0;margin-bottom:0}
.blog-title{font-size:20px;padding-top:8px;padding-bottom:32px}
.blog-title,.blog-title a{color:#2c2173}
.blog-title a:hover{color:#1079c6}
section.login-area{background-image:url(img/login-background.png);background-position:top center;background-repeat:no-repeat;padding:16px 0 0;min-height:120px;color:#fff;background-size:cover}
section.login-area a{color:#fff}
section.login-area a:hover{color:#fff;text-decoration:underline}
.login-user-head{font-size:30px;color:#fff;padding-top:15px;display:block}
main.login-page{padding:64px 0;background-image:url(img/register_bg.png);background-position:top center;background-repeat:repeat-y}
main.login-page a{color:#1079c6}
main.login-page a:hover{text-decoration:none;color:#1079c6}
.user_card{height:400px;width:350px;margin-top:auto;margin-bottom:auto;border:1px solid #b2bbb2;background:#fff;position:relative;display:flex;justify-content:center;flex-direction:column;padding:10px;border-radius:5px}
.login-table td{padding:0 5px}
.login_btn{width:100%;background:none!important;color:#fff!important;border:1px solid #fff;border-radius:0}
.login_btn:focus{box-shadow:none!important;outline:0!important}
.login_container{padding:0 2rem}
.input-group-text{background:#1079c6!important;color:#fff!important;border:0!important;border-radius:.25rem 0 0 .25rem!important}
.input_user,.input_pass:focus{box-shadow:none!important;outline:0!important}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color:#1079c6!important}
ul.register-uvps{font-size:20px;margin:0;padding:0;margin-left:24px}
ul.register-uvps li{padding-right:160px}
.form-register{margin-bottom:8px}
.register-h4{margin-top:0;margin-bottom:8px}
.register-p{font-size:18px}
.register-h2{font-size:40px;margin-bottom:24px}
.uvp-col{position:relative;padding-bottom:60px}
main.register-page{background-image:url(img/hintergrund-kopf-startseite.jpg);background-size:cover;background-position:center right;padding:32px 0}
.register-page .title{color:#fff;padding:4px 8px;text-align:center;background-color:#9c9770;margin-bottom:2px;font-size:14px;font-weight:700}
.register-page .register_box{font-size:14px;background-color:#a4c6ea;padding:4px 8px;min-height:75px;margin-bottom:2px;display:flex;justify-content:center;align-items:center;text-align:center}
.register-page .register_uvp{font-size:14px;background-color:#fff;padding:4px 8px;min-height:75px;margin-bottom:2px;display:flex;justify-content:center;align-items:center;text-align:center}
a.register-button{position:absolute;left:15px;right:15px;bottom:0;padding:4px 8px;text-align:center;color:#fff;background-color:#a00057;font-size:14px}
a.register-button:hover{text-decoration:none;background-color:#1079c6}
.register-table{width:100%;margin:24px 0}
.register-table .register-table-head{color:#fff;padding:4px 8px;background-color:#9c9770;font-weight:700;text-align:center}
.register-table .register-label{background-color:#a4c6ea;padding:4px 8px;width:300px;vertical-align:middle}
.register-table .register-field{background-color:#fff;padding:4px 8px}
.btn-submit{color:#fff;border:1px solid #1079c6;padding:12px 64px;background-color:#1079c6;text-transform:uppercase;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.btn-submit:hover{text-decoration:none;color:#1079c6;background-color:#fff}
.btn-alternate{color:#807f7f;border:1px solid #807f7f;padding:12px 64px;background-color:#fff;text-transform:uppercase;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.btn-alternate:hover{text-decoration:none;color:#fff;background-color:#1079c6;border-color:#1079c6}
.checkbox-table{margin:32px 15px}
main.account-page{padding:32px 0;background-color:#d3e4f0}
ul.sidemenu{font-size:14px;background-color:#fff;padding:16px;margin:0;list-style:none}
ul.sidemenu li a{background-color:#fff;color:#1079c6;display:block;padding:8px 16px;border-bottom:1px solid #fff}
ul.sidemenu li a:hover{background-color:#f1f1f1;text-decoration:none}
ul.sidemenu li.active a{background-color:#f1f1f1;}
ul.sidemenu li.active a:hover{text-decoration:none;background-color:#f1f1f1}
ul.sidemenu li a svg{width:30px!important}
.whitebox{background-color:#fff;padding:24px}
.icontd{width:45px;text-align:center;color:#1079c6}
td.shortdesc p{margin:0;padding:0}
.wwm-branchenverzeichnis-category{padding-top:24px}
.wwm-branchenverzeichnis .wwm-branchenverzeichnis-filter{text-align:center}
.wwm-branchenverzeichnis .wwm-branchenverzeichnis-filter a{width:38px!important;border:1px solid #1079c6!important;background-color:#fff!important;color:#1079c6!important}
.wwm-branchenverzeichnis .wwm-branchenverzeichnis-filter a:hover{text-decoration:none;background-color:#1079c6!important;border:1px solid #1079c6;color:#fff!important}
.wwm-branchenverzeichnis .wwm-branchenverzeichnis-category h3{color:#1079c6;font-size:18px!important}
.wwm-branchenverzeichnis-category a{color:#666}
.wwm-branchenverzeichnis-category a:hover{color:#1079c6;text-decoration:none}
.wwm-wrap-all .mitglieder-ausgabe h3{color:#1079c6;margin-bottom:24px;font-size:16px}
.fixed-link{position:absolute;bottom:15px;left:30px}
.fixed-link2{position:absolute;bottom:15px;right:30px; z-index: 600}
.fixed-link2 img {width: 25px; height: 25px;}
.desct{padding-bottom:15px}
.navigation.pagination{display:block;text-align:center;padding:32px 0}
.navigation.pagination h2{display:none}
.navigation.pagination svg{display:none}
.page-numbers{display:inline-block;padding:4px 12px;background-color:#1079c6;color:#fff}
.page-numbers.current,.page-numbers:hover{color:#fff;background-color:#2c2173}
.page-numbers.dots{opacity:.5}
ul.pagination{display:block;text-align:center;padding:32px 0}
ul.pagination li{display:inline-block;margin:0 2px;background-color:#1079c6;color:#fff}
ul.pagination li a,ul.pagination li:hover a,ul.pagination li a:hover{color:#fff;padding:4px 12px;display:block}
ul.pagination li:hover{color:#fff;background-color:#2c2173}
ul.pagination li.disabled,ul.pagination li.disabled a{display:none}
ul.pagination li.active{background-color:#2c2173}
#sya_container ul{display:none}
#sya_container a[rel~="section"]{padding-right:32px}
#sya_container a[rel~="section"]:before{content:'Archiv '}
ul.show-gebet{margin:0;padding:0;list-style:none}
.gebet-row{margin-bottom:32px;background-color:#f5f5f5;padding:24px;position:relative}
.gebet-row .text-lang{display:none;padding-top:32px}
.gebet-row .gebet-strong{font-weight:700}
.gebet-row .text-kurz{padding-right:64px}
.gebet-row a.show-gebet{position:absolute;right:16px;top:16px;display:block;width:50px;height:50px;background-color:#fff;border:1px solid #ccc;-webkit-border-radius:9999px;border-radius:9999px;text-align:center;font-size:24px;padding-top:5px;cursor:pointer}
.blog-image img{width:auto;height:210px;display:block;margin:0 auto;max-width:100%}
ul.show-brett{margin:0;padding:0;list-style:none;width:100%}
ul.show-brett li{display:inline-block;padding-right:64px}
ul.show-brett li:last-child{padding-right:0}
ul.show-brett li span.plz a{display:inline-block;padding:4px}
.blurry{-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px)}
#teilnehmer-head-image{width:100%;height:500px;background-position:top center;background-repeat:no-repeat;background-size:auto 500px;}
.grey-box-link {display: inline-block; padding: 12px 24px; background-color: #b2b2b2; color: #fff; letter-spacing: 1px;}
.grey-box-link:hover {color: #fff; background-color: #666;}
.menu-icon {width: auto; height: auto; max-width: 18px; max-height: 18px; margin-right: 8px; margin-top: -2px;}
.medium-icon {width: auto; height: auto; max-width: 30px; max-height: 30px; margin-right: 0px; margin-top: 0px;}
.branchenlink {display: block; z-index: 500;position: absolute;left: 15px;right: 15px;top: 0px;bottom: 0px;}
.detail-contact {float: right; margin-top: -40px;}
.detail-contact img {width: 30px; height: 30px;}
.btn-ckb{color:#FFF;background-color:#1079c6;border-color:#1079c6;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.btn-ckb:hover,.btn-ckb:focus,.btn-ckb:active,.btn-ckb.active,.open .dropdown-toggle.btn-ckb{color:#1079c6;background-color:#fff;border-color:#1079c6}
.btn-ckb:active,.btn-ckb.active,.open .dropdown-toggle.btn-ckb{background-image:none}
.btn-ckb.disabled,.btn-ckb[disabled],fieldset[disabled] .btn-ckb,.btn-ckb.disabled:hover,.btn-ckb[disabled]:hover,fieldset[disabled] .btn-ckb:hover,.btn-ckb.disabled:focus,.btn-ckb[disabled]:focus,fieldset[disabled] .btn-ckb:focus,.btn-ckb.disabled:active,.btn-ckb[disabled]:active,fieldset[disabled] .btn-ckb:active,.btn-ckb.disabled.active,.btn-ckb[disabled].active,fieldset[disabled] .btn-ckb.active{background-color:#1079c6;border-color:#1079c6}
.btn-ckb .badge{color:#1079c6;background-color:#FFF}
.alert-danger {color: #fff;background-color: #a32073;border-color: #a32073;}
.is-invalid {border-color:#a32073 !important;}
.is-invalid svg {color: #000 !important;}
.text-danger {color:#a32073 !important;}
.unterst-icon {max-width: 100px;}
.unterst {position: relative; padding-bottom: 64px;}
.unterst h4 {text-transform: uppercase; padding-bottom: 16px;}
.unterst a {display: block; position: absolute; bottom: 0px; left: 15px; right: 15px; text-align: center; padding: 8px 0px; background-color: #fff; border: 1px solid #333; color: #333; text-decoration: none;}
.spaced li {margin-bottom: 8px;}
.gmap-regionalkreise {width: 100%; margin: 0px; padding: 0px; border: 0px; height: 500px; display: block;}
.detail-container {padding-top:48px;}
.wwm-sociallink svg {font-size: 18px; margin-right: 16px;}
.popup{position:fixed;top:0;left:0;background:rgba(0,0,0,0.75);width:100%;height:100%;display:none; z-index: 50000;}
.popup-content{width:700px;margin:0 auto;box-sizing:border-box;padding:0px;margin-top:100px;box-shadow:0 2px 6px rgba(0,0,0,1);border-radius:3px;background:#a32073;position:relative; color: #fff;}
.popup-content h2 {display: block; padding: 16px; background-color: #880056; font-size: 20px;}
.close-button{width: 25px;height: 25px;position: absolute;top: 0px;right: 16px;border-radius: 20px;font-size: 30px;text-align: center;color: #fff;text-decoration: none;}
.popup-content-inner {padding: 24px;}
.popup-content-inner a, .cancel-step-2, .cancel-step-3 { display: block; text-decoration: none; color: #fff; padding: 8px 16px; text-align: center; border: 1px solid #fff;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease; margin-bottom: 16px; cursor: pointer;}
.cancel-step-2, .cancel-step-3 {width: 100%; background: none; text-align: left}
.cancel-step-3 {text-align: center;}
.popup-content-inner a:hover, .cancel-step-2:hover, .cancel-step-3:hover {background-color: #880056;}
.popup-content-inner .help-text {margin-bottom: 16px;}
.popup-content-inner .help-text,.popup-content-inner .help-phone {display: block; text-align: center;}
.popup-content-inner-highlight {display: block; padding: 16px; background-color: rgba(255,255,255,0.15); margin: 16px 0px;}
.popup-content-inner-highlight ul {margin: 0px; padding: 0px; padding-left: 8px;}
.popup textarea {display: block; padding: 16px; background-color: rgba(255,255,255,0.15); margin: 32px 0px; width: 100%; height: 128px; border: 0px; color: #fff;}
.popup textarea:focus {border: 1px solid #fff;}
.popup p small { font-size: 12px; opacity: 0.7}
#main-head.fixed {position: fixed;width: 100%;background-color: #fff;z-index: 5000;height: 137px; top: 0px;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,0.2);box-shadow:0 0 3px 0 rgba(0,0,0,0.2)}
#main-head-spacer {height: 137px; width: 100%; display: none;}
.table-responsive {overflow-x: hidden!important;-webkit-overflow-scrolling: hidden!important;}
#nav-tab svg {margin-right: 8px;}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { background-color: #1079c6; color: #fff; }
.item-msg { font-size: 14px;display: flex;}
.msg-user {  width: 20%; }
.msg-select {  width: 5%; }
.msg-title { display: block; width: 55%; }
.msg-short { font-size: 12px; display: inline-block; padding-left: 8px;}
.msg-date { float: right; display: block; width: 20%; text-align: right;}
.modal-user {display: block;text-align: left;width: 100%;}
.timeline{width:100%;display:flex;flex-direction:column;position:relative}
.timeline::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background-color:#1079c6;z-index:1}
.timeline .event{display:flex;flex-direction:row;align-items:flex-start;margin-bottom:30px;position:relative}
.inner-time1{padding-top:128px}
.inner-time2{padding-top:128px}
.inner-time3{padding-top:113px}
.inner-time4{padding-top:121px}
.timeline .event:nth-child(even) .content{order:-1}
.timeline .event::before{content:"";position:absolute;top:37%;left:50.1%;width:26px;height:26px;background-color:#1079c6;border-radius:50%;transform:translate(-50%,-50%);z-index:2;border:10px solid #fff}
.timeline .date-title{display:inline-block;flex-direction:column;justify-content:center;width:50%;padding:20px;font-weight:700;font-size:20px}
.timeline .date{color:#1079c6}
.timeline .title{color:#94b2cb}
.timeline .date-title.text-right .title:after{color:#94b2cb;content:' | ';padding:0 8px}
.timeline .date-title.text-left .title:before{color:#94b2cb;content:' | ';padding:0 8px}
.timeline .date-title.left .title{display:block;margin-right:10px}
.timeline .date-title.right .date{display:block;margin-right:10px}
.timeline .content{width:50%;padding:0 20px;display:block;flex-direction:column;align-items:center;position:relative;z-index:3;font-size:14px;letter-spacing:-.2px}
.timeline .content img{max-width:100%;height:auto;margin-bottom:0px;padding:8px;position:relative}
.timeline .content .hi-left,.timeline .content .hi-right{position:relative;display:inline-block;-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,0.15);box-shadow:0 0 6px 0 rgba(0,0,0,0.15); margin-bottom: 10px;}
.timeline .content .hi-left:before{content:url("img/arrow-left.png");width:18px;height:37px;position:absolute;left:-15px;z-index:50;transform:scale(0.7)}
.timeline .content .hi-right:before{content:url("img/arrow-right.png");width:18px;height:37px;position:absolute;right:-15px;z-index:50;transform:scale(0.7)}
.timeline .content .hi-left.hi1:before{top:46.5%}
.timeline .content .hi-left.hi3:before{top:41.5%}
.timeline .content .hi-right.hi2:before{top:46.5%}
.timeline .content .hi-right.hi4:before{top:44.2%}


@media screen and (min-width: 1921px) {
    #teilnehmer-head-image {height: 500px;background-size: 100% auto;}
    #headarea.werte {background-position: bottom center;background-size: 100%;}
    section.vision {background-position: bottom center;background-size: 100%;}
    section.hilfe {padding: 64px; height: auto; padding-bottom: 100px; background-position: center center;background-size: 100%;}
    #headarea {background-position: top -60px right;}
    #headarea.teilnehmerschaft {background-position: 0 0px;background-size: cover;}
}
@media screen and (max-width: 1920px) {
    #headarea.werte {background-position: bottom center;background-size: auto 100%;}
    section.vision {background-position: bottom center;background-size: auto 100%;}
    section.hilfe {padding: 48px; height: auto; padding-bottom: 100px; background-position: center center;background-size: 100%;}
    #headarea.teilnehmerschaft {background-position: right -180px top;background-size: auto 100%;}
}
@media screen and (max-width: 1400px) {
    #headarea.teilnehmerschaft {background-position: right -240px top;background-size: auto 100%;}
}
@media screen and (max-width: 1199px) {
    .timeline .content .hi-left.hi1:before{top:45.3%}
    .timeline .content .hi-left.hi3:before{top:40.3%}
    .timeline .content .hi-right.hi2:before{top:44.6%}
    .timeline .content .hi-right.hi4:before{top:42.5%}
    .inner-time1 {padding-top: 99px;}
    .inner-time2 {padding-top: 99px;}
    .inner-time3 {padding-top: 83px;}
    .inner-time4 {padding-top: 91px;}
    #mainmenu {padding: 45px 0 0;}
    .unterst {font-size: 16px;}
    .unterst h4 {font-size: 20px;}
    .unterst a {font-size: 14px;}
    .blog-author, .blog-date {font-size: 14px;}
    #sb-buttons .ci-button {padding: 8px 48px;}
    .container.testimonials .col-6 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .wwm-branchenverzeichnis-category {-moz-hyphens: auto;hyphens: auto;}
    #teilnehmer-head-image {height: 400px;background-size: auto 400px;}
    .detail-container {padding-top:48px;}
    section.hilfe {padding: 32px 24px; height: auto; padding-bottom: 100px; background-position: center center;background-size: auto 100%;}
    .blog-image img { height: auto; }
    #headarea.teilnehmerschaft {background-position: right -350px top;background-size: auto 100%;}
    #main-head.fixed {height: 122px;}
    #main-head-spacer {height: 122px;}
    ul.register-uvps li {padding-right: 20px;}
    .timeline .event:before { top: 33%; }
}
@media screen and (max-width: 991px)  {
    .timeline .event:before { top: 29%; }
    .timeline .date-title.text-right .title:after, .timeline .date-title.text-left .title:before {display: none; }
    .timeline .title { display: block; }
    .inner-time1 {padding-top: 55px;}
    .inner-time2 {padding-top: 54px;}
    .inner-time3 {padding-top: 41px;}
    .inner-time4 {padding-top: 47px;}
    .zitat {font-size: 18px;}
    .head-bar {font-size: 14px;}
    .mitglieder-ausgabe .col-md-6 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%; margin-bottom: 30px;}
    .mitglieder-ausgabe .row {margin-bottom: 0px;}
    #mainmenu {padding: 30px 0 0;}
    .start-testimonials .col-6 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .sub-footer .col-md-6 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%; text-align: center;}
    footer ul.foot-menu {text-align: center; margin-top: 16px;}
    .flagicon {bottom: 25px;margin-left: 40px;}
    .teilnehmerschaft .col-md-6 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;}
    #headarea.teilnehmerschaft { background-position: bottom right; background-size: 100%; background-repeat: no-repeat; background-color: #cfc4c2;}
    #headarea.werte, section.vision {height: 500px;background-position: -1200px -280px;}
    .col-md-2.unterst {margin-left: 0px; -ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;margin-bottom: 48px;}
    .col-md-2.unterst.last {margin-left: 25%;}
    .news-row .col-md-6 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%; margin-bottom: 30px;}
    .news-row .wp-post-image {float:none; width: 100%; height: auto;}
    .wwm-branchenverzeichnis {width: 75%; margin-left: 12.5%;}
    .mitglieder-ausgabe .col-md-3 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    #mainmenu li ul { left: auto; right: 0px;}
    main.login-page {background-color: #d3e4f0; background-image: none;}
    main.login-page .col-md-6 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    main.account-page .col-md-4, main.account-page .col-md-8 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    section.login-area .col-md-6 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    ul.sidemenu {margin-bottom: 32px;}
    #teilnehmer-head-image {height: 300px;background-size: auto 300px;}
    .detail-container {padding-top:48px;}
    #headarea.werte {padding: 32px 24px; height: auto;padding-bottom: 200px;background-position: 2100px -200px;background-size: auto 150%;}
    section.vision {padding: 32px 24px;  padding-bottom: 200px;background-position: 1500px -100px;color: #333;background-size: auto 150%;}
    section.hilfe {padding: 32px 24px; height: auto; padding-bottom: 100px; background-position: center center;background-size: auto 100%;}
    #main-head.fixed {height: 102px;}
    #main-head-spacer {height: 102px;}
    .table-responsive {overflow-x: auto !important;-webkit-overflow-scrolling: touch !important;}
    ul.register-uvps li {padding-right: 0px;}
    ul.register-uvps {padding-bottom: 48px;}
}
@media screen and (max-width: 767px)  {
    .timeline .content .hi-right:before, .timeline .content .hi-left:before { display: none; content: none;}
    .inner-time1 {padding-top: 20px; text-align: center !important}
    .inner-time2 {padding-top: 20px; text-align: center !important}
    .inner-time3 {padding-top: 20px; text-align: center !important}
    .inner-time4 {padding-top: 20px; text-align: center !important}
    .timeline, .timeline .block {display: block;}
    .timeline .event:nth-child(even) .content {order:1;}
    .timeline .date-title, .timeline .content { width: 100%; }
    .timeline .event {display: block;}
    .timeline:before {display: none;}
    .logo {padding-top: 16px;padding-bottom: 0px; max-width:350px;}
    .mitglieder-ausgabe .col-md-3 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    footer ul.topfoot-menu li { width: 50%}
    #mainmenu {text-align: center; padding-bottom: 16px;}
    #mainmenu li:nth-child(0) ul, #mainmenu li:nth-child(1) ul, #mainmenu li:nth-child(2) ul {left: 0px; right: auto;}
    #mainmenu li:nth-child(3) ul {left: auto; right: 0px;}
    .box-startseite-werbung {padding-top: 30px;}
    .card-row .flagicon {bottom: 15px;margin-left: 0px;}
    #teilnehmer-head-image {height: 250px;background-size: auto 250px;}
    .detail-container {padding-top:32px;}
    #headarea.werte {padding: 32px 24px; height: auto;padding-bottom: 200px;background-position: 1900px -200px;background-size: auto 150%;}
    section.vision {padding: 32px 24px;  padding-bottom: 200px;background-position: 1200px -100px;color: #333;background-size: auto 150%;}
    #headarea.werte br, section.vision br {display: none;}
    .popup-content{width:90%}
    section.hilfe {padding: 32px 24px; height: auto; padding-bottom: 100px; background-position: 1150px 0px;background-size: auto 100%;}
    #headarea {background-position: right -300px bottom;}
    #main-head.fixed {height: 207px;}
    #main-head-spacer {height: 207px;}
    .s-icon-box {padding: 0px 15px 30px 15px;}
    .hidden-xs {display: none;}
    .anzeige {top: 0px;}
    .testimonials img {display: block; margin: 0px; text-align: left;}
    .testi-box {padding-bottom: 40px;}
    .news-row {padding-bottom: 20px;}
    .news-row .col-md-6 { margin-bottom: 15px; }
    #main-head { height: 210px;}
    #main-head-spacer {height: 210px;}
    a.foot-register-button {display: block;text-align: center;padding: 8px 0px;}
    .leistungsuebersicht-xs {display: table;}
    .leistungsuebersicht {display: none;}
}
@media screen and (max-width: 479px)  {
    #mainmenu li { padding: 0 8px; font-size: 14px;}
    .ci-button {width: 100%; padding: 8px 0px;}
    .container.content-page {padding: 30px 15px;}
    .member-search form {width: 100% !important;}
    h1, .h1 {font-size: 2.0rem;}
    .gebet-row .img-fluid {margin-bottom: 16px;}
    ul.pagination li {margin: 4px 2px;}
    .ci-button {margin-bottom: 4px;}
    .card-row {padding: 15px 15px;}
    .card-row .flagicon {bottom: 15px;margin-left: 0px;}
    .teilnehmerschaft .col-md-6 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    #headarea.teilnehmerschaft, #headarea.werte, section.vision {height: auto; padding: 48px 0px;background-position: 1200px 0px;}
    section.vision {background-position: 400px 0px;}
    footer ul.topfoot-menu li {width: 100%;text-align: center;}
    #social-menu {text-align: center;margin-top: 24px;}
    #teilnehmer-head-image {height: 200px;background-size: auto 200px;}
    .detail-container {padding-top:15px;}
    #headarea.werte {padding: 32px 24px; padding-bottom: 200px; background-position: 1800px 100px;background-size: auto 100%;}
    section.vision {padding: 32px 24px;  padding-bottom: 200px; background-position: 1100px 0px;color: #333;background-size: auto 140%;}
    #headarea.werte br, section.vision br {display: none;}
    section.hilfe {padding: 32px 24px; height: auto; padding-bottom: 100px; background-position: 1150px 0px;background-size: auto 100%;}
    .login-table td {display: block; width: 100%;}
    .login-table .form-group {padding-top: 15px;}
    section.login-area {padding: 5px 15px 32px 15px;}
}
@media screen and (max-width: 379px)  {
    #menutoggle {display: block;padding:8px 16px;text-transform:uppercase;color:#fff!important;background-color:#1079c6;border:1px solid #1079c6;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease; cursor: pointer;margin-top: 24px; margin-bottom: 16px;}
    #menutoggle:hover {background-color:#f5f5f5;color:#1079c6!important;text-decoration:none}
    #menutoggle svg {margin-right: 16px;}
    #mainmenu {background-color: #fff; padding: 16px; position: absolute; z-index: 50000; left: 15px; right: 15px; text-align: left; display: none;}
    #mainmenu li {display: block; font-size: 16px; padding: 8px 16px;}
    #mainmenu li ul {position: relative;}
    #mainmenu li ul li {font-size: 14px;}
    .member-count {width: 100%; font-size: 16px;}
    span.social-media { position: absolute; left: 10px;top: 4px;}
    a.loginbutton {font-size: 14px;}
    #headarea {height: 300px; background-size: auto 100%;  background-position: 450px 0px;}
    p.zitat {font-size: 12px;}
    .search-input::placeholder {font-size: 11px;}
    .join-ckb img {width: 75px; height: auto;}
    a.foot-register-button { padding: 8px 0px; width:100%; }  
    .card-row .col-6 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .white-bg {padding: 24px 0px;}
    section.mitglieder-ausgabe {padding: 24px 0;margin-bottom: 0px;background-color: #f5f5f5;}
    .testi-1, .testi-2, .testi-3 {margin-bottom: 24px;}
    .testi-2, .testi-3 {margin-top: 24px;}
    .sub-footer {font-size: 14px;}
    #headarea.teilnehmerschaft, #headarea.werte, section.vision {height: auto; padding: 48px 0px;background-position: 1200px 0px;}
    section.vision {background-position: 400px 0px;}
    h1, .h1 {font-size: 1.6rem;}
    #headarea.teilnehmerschaft p {font-size: 16px;}
    div[data-toggle="collapse"] {font-size: 14px;}
    .col-md-2.unterst {margin-left: 0px;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin-bottom: 48px;}
    .col-md-2.unterst.last {margin-left: 0%;}
    ul.show-brett li { padding: 8px 0px;}
    #teilnehmer-head-image {height: 150px;background-size: auto 150px;}
    .detail-container {padding-top:15px;}
    #headarea.werte {padding: 32px 24px; padding-bottom: 200px; background-position: 1800px 100px;background-size: auto 100%;}
    section.vision {padding: 32px 24px;  padding-bottom: 200px; background-position: 1100px 0px;color: #333;background-size: auto 140%;}
    #headarea.werte br, section.vision br {display: none;}
    section.hilfe {padding: 32px 24px; height: auto; padding-bottom: 200px; background-position: 1500px 0px;background-size: auto 180%;}
    .login-user-head {font-size: 24px;color: #fff;padding-top: 15px;display: block;padding-bottom: 10px;}
}