@charset "UTF-8";

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++
  URL ........... http://www.christusbund.de
  VERSION ....... 0.3.0 (OCT 2015)
  AUTHORS ....... jdangelmaier
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* General
-------------------------------------------------- */
html { font: normal 112.5%/1.65 serif; }

body {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 15px;
  color: #444444;
  -moz-hyphens: none;
  -o-hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

@media only screen and (max-width: 767px) { body { padding-top: 0px !important; } }
.small { font-size: 65%; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 600; margin-top: 20px; margin-bottom: 30px;}
.less-margin h2, .less-margin .h2, .less-margin h3, .less-margin .h3, .less-margin h4, .less-margin .h4, .less-margin h5, .less-margin .h5, .less-margin h6, .less-margin .h6 { margin-bottom: 10px; }

legend { font-size: 18px; font-weight: 600; border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 20px; }

@media screen and (min-width: 768px) {.transition, .page_nav, .global_trigger, .btn_page_nav,  button, a, .top-navigation-wrap.scrolling, img, .icon, .footer_nav li {
                                        transition: all 0.4s;
                                        -moz-transition: all 0.4s; /* Firefox 4 */
                                        -webkit-transition: all 0.4s; /* Safari and Chrome */
                                        -o-transition: all 0.4s; /* Opera */
                                      }}

.footnotes { font-size: 80%; color:#777; }

/* Bootstrap Customizing
@grid-float-breakpoint = @screen-md-min
-------------------------------------------------- */
.btn-primary, .btn-primary:active, .btn-primary.active { color: #fff; background-color: rgb(172,170,0); border-color: rgb(172,170,0);}
.btn-primary:hover, .btn-primary:active:focus { color: #fff; background-color: #555; border-color: #555; }
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #555; border-color: #555; }
.btn-primary:focus, .btn-primary:active { color: #fff; background-color: rgb(172,170,0); border-color: rgb(172,170,0);}
.btn-inverse { color: #fff; background: transparent; border-color: #fff;}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse:focus  { color: #fff; background-color: rgba(255,255,255,0.3);}
.btn-gray { color: #fff; background-color: #555; border-color: #333;}
.btn-gray:hover { color: #fff; background-color: rgb(172,170,0); border-color: rgb(172,170,0); }
.btn-lightgray { color: #555; background-color: #ddd; border-color: #ddd;}
.btn-lightgray:hover { color: #555; background-color: #d3d3d3; border-color: #d3d3d3; }

a { color: rgb(172,170,0); }
a:hover, a:active, a:focus { color: #555; }
a .label:focus {text-decoration: none;}

.dropdown-menu li a:hover, .dropdown-menu li a:focus {background: none; background-color: #eee; color:#555;}

@media screen and (min-width: 992px) { .content .col-md-offset-2 { margin-left: 12%; } .content .col-md-8 { width: 76%; }}
@media screen and (min-width: 1200px) { .content .col-md-offset-2 { margin-left: 16.66666667%; } .content .col-md-8 { width: 66.66666667%; }}

@media screen and (max-width: 360px) { .hidden-xxs { display: none; } }

.pager li>a, .pager li>span { color: #555; border: none; background: #ddd; border-radius: 4px; outline: 0 none; }
.pager li>a:hover, .pager li>span:hover {background: #d3d3d3;}
.pager li>a:active, .pager li>span:active {background: #aaa;}

.table-responsive { border: none; }

.alert-danger > p > a {
  color: #843534 !important;
}

/* CB Layout Elements
-------------------------------------------------- */
.anker { position: relative; top: 1px;}
@media screen and (min-width: 768px) { .anker {top: -60px; } }
@media screen and (min-width: 992px) { .anker {top: -69px; } }

.cb_wp_anker {position: relative; top: -45px;}
@media screen and (min-width: 768px) { .cb_wp_anker {top: -105px; } }
@media screen and (min-width: 992px) { .cb_wp_anker {position: relative; top: -115px;} }

.cb_wp_anker_inner {position: relative; top: -65px;}
@media screen and (min-width: 768px) { .cb_wp_anker_inner {top: -128px; } }
@media screen and (min-width: 992px) { .cb_wp_anker_inner {position: relative; top: -135px;} }

.cb_container { padding-top: 25px; padding-bottom: 30px; margin-bottom: 0; }
.cb_container-with-sidebar { padding-top: 25px; padding-bottom: 0; margin-bottom: 0; }
@media screen and (min-width: 768px) { .cb_container, .cb_container-with-sidebar { padding-top: 45px; padding-bottom: 45px; margin-bottom: 0; } }
.cb_container-last { padding-bottom: 80px !important; }
.cb_container-top { padding-top: 25px !important; }
.cb_container-bottom { padding-bottom: 40px !important; }

.cb_box_container { padding: 15px 30px; }

.cb_heading { font-weight: 400; color: #fff; padding: 0 15px; }
h1 .cb_heading { color: #fff; padding: 0 25px; box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.4); }
@media screen and (min-width: 768px) { h1 .cb_heading { padding: 2px 27px; } }
.cb_heading_lg { color: #fff; padding: 5px 15px; }
.cb_heading_logo { display: inline-block; padding: 20px 30px; }

.color-darkgray { color: #555 !important; }
.cb_bg_darkgray { background-color: #555; }
.cb_bg_darkgray_inverse { background-color: #fff;}

.cb_bg_middlegray { background-color: #777; }
.color-middlegray { color: #aaa !important; }

.color-lightgray { color: #eee !important; }
.cb_bg_lightgray { background-color: #eee; }
.cb_bg_lightgray_inverse { color: #eee !important; background-color: #fff;}

.color-primary { color: rgb(172,170,0); }
.cb_bg_primary { background-color: rgb(172,170,0); }
.cb_bg_primary_inverse { color: rgb(172,170,0) !important; background-color: #fff;}
.cb_bg_primary a { color: #fff; }

.color-cbgreen { color: rgb(172,170,0); }
.cb_bg_cbgreen { background-color: rgb(172,170,0); }
.cb_bg_cbgreen_inverse { color: rgb(172,170,0) !important; background-color: #fff;}

.color-white { color: #fff !important; }
.cb_bg_white { background-color: #fff; }

.cb_circle { background-color: #fff; border-radius: 50%; padding: 10px; }

@media screen and (max-width: 768px){ .cb_btn_multi a, .cb_btn_multi button { margin-bottom: 10px; } }

.cb_illustrate_icon { font-size: 80px; }
@media screen and (max-width: 767px){ .cb_followedByIllustration { margin-bottom: 8px !important; } .cb_illustrate_icon { margin-bottom: 15px; } }

.cb_btn_multi button, .cb_btn_multi a { margin: 3px 0; }

/* CB Tab Navigation - Colorbox
-------------------------------------------------- */
.cb_tabnav .nav-tabs { text-align: center; border: none; margin-bottom: 10px; margin-top: 30px;}
.cb_tabnav > .nav-tabs > li { float:none; display:inline-block; margin-top: 8px;}
.cb_tabnav > .nav-tabs > li > a { border: 1px solid #fff; border-radius: 4px; color: #fff;}
.cb_tabnav > .nav-tabs > li > a:hover { background-color: rgba(255,255,255,0.3) }
.cb_tabnav > .nav-tabs > li.active > a { color:rgb(172,170,0); }
.cb_tabnav > .nav-tabs > li.active > a:hover { background-color: #fff; }

.cb_bg_lightgray .cb_tabnav > .nav-tabs > li > a { border: 1px solid #555; border-radius: 4px; color: #555;}
.cb_bg_lightgray .cb_tabnav > .nav-tabs > li > a:hover { background-color: rgba(255,255,255,0.3) }
.cb_bg_lightgray .cb_tabnav > .nav-tabs > li.active > a { color: #555; }
.cb_bg_lightgray .cb_tabnav > .nav-tabs > li.active > a:hover { background-color: #fff; }

.cb_tabnav .nav-tabs { margin-top: 10px; }
.cb_bg_none .cb_tabnav > .nav-tabs > li > a { border: 1px solid #555; border-radius: 4px; color: #555;}
.cb_bg_none .cb_tabnav > .nav-tabs > li > a:hover { background-color: #eee; }
.cb_bg_none .cb_tabnav > .nav-tabs > li.active > a { color: #fff; background-color: rgb(172,170,0); border-color: rgb(172,170,0); }

@media screen and (max-width: 380px) { .cb_tabnav > .nav-tabs > li { font-size: 80%; } }

/* CB Toolbar
-------------------------------------------------- */
.cb_toolbar { padding: 17px 0; }
.cb_toolbar .btn { color: #555; border: none; background: #ddd; outline: 0 none; margin: 3px 0; }
.cb_toolbar .btn:hover { background: #d3d3d3; }
.cb_toolbar .btn:active { background: #aaa; }

.cb_toolbar .cb_actionbar {display: inline;}

.popover {z-index: 0;}

.cb_toolbar .dropdown-menu {right: 14px; left: auto;}

/* CB Circle
-------------------------------------------------- */
.cb_highlights .row { margin-top: 30px; margin-bottom: 20px; }
.cb_highlights h4 { margin: 5px 0 8px 0; }

.cb_circle { display: block; color: #555; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; width: 80px; height: 80px; margin: 10px auto; border: 4px solid #ddd; }
.cb_circle:link:hover { border-color: #555;}
.cb_circle span { font-size: 36px; padding-top: 10px; }

@media screen and (min-width: 768px) {
  .cb_circle { background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; width: 100px; height: 100px; margin: 10px auto; }
  .cb_circle span { font-size: 48px; padding-top: 15px; }
}

/* CB Icon List
-------------------------------------------------- */
.cb_iconList { list-style: none; display: inline; }
.cb_iconList li { padding-right: 20px; clear: both; margin-bottom: 20px; }
.cb_iconList span { font-size: 18px; text-align: center; background-color: #ddd; border-radius: 50%;  padding-top: 8px; width: 40px; height: 40px; margin-right: 15px; margin-bottom: 10px; display: block; float: left; }
.cb_iconList p { padding-top: 5px; }
.cb_iconList a { color: #777; }
.cb_iconList a:hover { color: #555; text-decoration: none; }


/* CB Sidebar
-------------------------------------------------- */
.cb_sidebar { background: #eee; border-bottom: 5px solid #bbb; padding: 30px 30px 30px 20px !important; margin-left: -20px; margin-right: -15px; }
@media screen and (min-width: 768px) { 
  .cb_sidebar { background: none; border-left: 4px solid #eee; border-bottom: none; margin-left: 20px; margin-right: 0; padding: 20px 0 20px 20px !important; }
}
@media screen and (max-width: 767px) { 
  .cb_sidebar_white { background-color: #fff; }
}

/* CB Blog Sidebar (Archive / Posts)
-------------------------------------------------- */
.cb_blog_sidebar { background: #eee;  padding: 15px 30px; margin-top: 50px; margin-bottom: -30px; }
@media screen and (min-width: 768px) { 
  .cb_blog_sidebar { border-radius: 4px; border: 1px solid transparent; margin-top: 30px; margin-bottom: 0;} 
}
@media screen and (min-width: 1200px) { 
  .cb_blog_sidebar {  margin: 0;} 
}

/* CB Columns
-------------------------------------------------- */
.cb_col {
  margin-top: 1.8ex;
  column-count: 2; column-gap:2em;column-width: 270px;
  column-rule-style:dotted; column-rule-width:1px; column-rule-color:silver;
}
.cb_col p {
  margin: 0 0 2.7ex 0;
  font-size: 1.8ex; line-height: 2.7ex;
  text-align: justify; hyphens:auto;
  orphans:3; widows: 3;
}
.cb_col h2 {
  font-size: 1.8ex; line-height: 2.7ex;
  margin: 2.7ex 0 0 0;
}

/* +++++++++++++++++ HEADER +++++++++++++++++++++
-------------------------------------------------- */
header { min-height: 0px; }
header a, header a:focus { outline: none; }

/* Global Nav
-------------------------------------------------- */
.global_nav_collapsed { background: rgba(70, 70, 70, 0); padding: 20px 0; display: none; }
@media screen and (max-width: 767px) { .global_nav_collapsed { padding: 10px 0; }  }

.globalnav_collapsed .top-navigation-wrap { background-color: rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); transition: box-shadow 0.1s linear; }
.globalnav_collapsed .first-level-navigation a { font-size: 1.2em; }
.globalnav_collapsed .first-level-navigation { margin-top: 10px; margin-bottom: 0px; }
@media screen and (min-width: 768px) { .globalnav_collapsed .first-level-navigation { margin-top: 12px; margin-bottom: 7px; } }

.globalnav_collapsed .page_nav { margin-top: 0; }
.globalnav_collapsed .global_trigger { font-size: 26px; margin-top: 8px;}
.globalnav_collapsed .navbar-brand { display: none; }
.globalnav_collapsed .navbar-brand-scrolled { display: block; }
.navbar-brand-scrolled img { height: 40px; }
.navbar-brand-scrolled-image { margin-top: -7px; }

/* colored logo fallback if collapsed */
.navbar-brand .brand_logo_f_collapsed { display: none; }
@media screen and (max-width: 991px) {
  .collapsed .navbar-brand .brand_logo_f_collapsed { display: block; }
  .collapsed .navbar-brand .brand_logo_f { display: none; }
}

/* GLOBAL NAV COLLAPSED */
.globalnav_collapsed .navbar-default .navbar-nav >li > a { color: #fff !important; }
.globalnav_collapsed .navbar-default .navbar-nav >li > a:hover { color: #999 !important; }
.globalnav_collapsed .global_trigger, .globalnav_collapsed .btn_page_nav, .globalnav_collapsed .global_trigger:focus, .globalnav_collapsed .btn_page_nav:focus { color: #fff !important; }

.globalnav_collapsed .btn-primary { background-color: rgb(172,170,0); border-color: rgb(172,170,0); }
.globalnav_collapsed .btn-primary:hover, .globalnav_collapsed .btn-primary:active { background-color: #777; border-color: #777; }

/* GLOBAL NAV OLD*/
.global_nav h4 { font-size: 1.1em; opacity: 0.7; margin-bottom: 15px; text-align: center; }
.global_nav ul { padding: 0; text-align: center; }
.global_nav ul > li { list-style: none; margin-bottom: 8px; }
/*@media screen and (min-width: 992px) { .global_nav h4 { text-align: left; padding-left: 45px;} .global_nav ul { text-align: left; padding-left: 50px;}  }*/

/* OWL CAROUSEL */
.global_nav_carousel { margin-top: 25px; }
@media screen and (min-width: 768px) { .global_nav_carousel { margin-top: 35px; }  }
@media screen and (min-width: 992px) { .global_nav_carousel { margin-top: 27px; }  }

.global_nav_item { display: block; position: relative; }
.global_nav_item a { color: #fff; text-decoration: none; }
.global_nav_item img { width: 100px !important; display: inline !important; height: 100px; border-radius: 50%; border: 4px solid rgba(255,255,255,0.3); }
@media screen and (max-width: 767px) { .global_nav_item img { width: 80px !important; height: 80px !important; }  }
.global_nav_item img:hover { border-color: rgba(255,255,255,0.7); }
.global_nav_item p { margin-top: 5px; }

.global_nav_carousel .owl-controls { color: #fff; font-size: 48px; text-align: center; }
.global_nav_carousel .owl-prev { position: absolute; top: 20px; left: 5px; opacity: 0.5;  }
.global_nav_carousel .owl-next { position: absolute; top: 20px; right: 5px; opacity: 0.5;  }
.global_nav_carousel .owl-prev:hover, .global_nav_carousel .owl-next:hover { opacity: 0.9; }

@media screen and (min-width: 992px) {
  .mobile_dots .owl-dots {
    display: none !important;
  }
}


/* NAVIGATION Brand
-------------------------------------------------- */
.navbar-header {  }
@media screen and (min-width: 992px) { .navbar-header { width: 200px; height: 50px;} }

.navbar-brand { margin: 0 20px 0 10px; padding: 0; position: absolute; top: -30px;}
.navbar-brand img { height: 75px; }
@media screen and (min-width: 768px) { .navbar-brand img { height: 80px; } }
@media screen and (min-width: 992px) { .navbar-brand img { height: 90px; } }
@media screen and (min-width: 1200px) { .navbar-brand img { height: 95px; } }

.navbar-brand-scrolled { display: none; position: absolute; top: 2px;}

@media screen and (min-width: 992px) {
  .scrolled .navbar-brand { display: none; }
  .scrolled .navbar-brand-scrolled { display: block; }
}

/* NAVIGATION
-------------------------------------------------- */
.top-navigation-wrap { transition: box-shadow 0.1s linear; }
@media screen and (min-width: 992px) { .scrolled .top-navigation-wrap { background-color: rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); transition: box-shadow 0.1s linear;} }
@media only screen and (max-width: 991px) { .top-navigation-wrap { position: absolute; }}

.first-level-navigation { margin-top: 15px; margin-bottom: 30px; }
/*@media screen and (min-width: 768px) { .scrolled .first-level-navigation { margin-top: 10px; margin-bottom: 0px; } }*/
@media screen and (min-width: 992px) { .scrolled .first-level-navigation { margin-top: 12px; margin-bottom: 7px; } }

.first-level-navigation a { font-size: 1.2em; }
@media screen and (min-width: 992px) {
  .scrolled .first-level-navigation a { font-size: 1.2em;} 
}
@media only screen and (max-width: 991px) { 
  .first-level-navigation .nav-pills > li { float: none; margin-right: 0px; } 
}
@media screen and (min-width: 1200px) {
  .first-level-navigation a { font-size: 1.3em; }
}

.nav .open > a, .nav .ope n> a:hover, .nav .open > a:focus { background: none !important; }

.navbar-nav { margin: 0; }

.navbar-default .navbar-collapse, .navbar-default .navbar-form { border: none;}

.navbar-default { background-color: transparent; border: none; }
.navbar-default .navbar-toggle { background-color: rgb(172,170,0); outline: none; margin-top: 0; }
.navbar-default .navbar-toggle .icon-bar { background-color: white; }
.navbar-default .btn-default, .navbar-default .btn-inverse  { background-color: transparent; padding: 8px 13px !important; }

.global_trigger { font-size: 28px; cursor: pointer; padding: 0 5px; margin: 5px 0 0 5px; }
.scrolled .global_trigger { font-size: 26px; margin-top: 8px;}

.navbar-collapse { max-height: none !important;  margin: 20px 0; text-align: center; border: none; -webkit-box-shadow: none; box-shadow: none; }
@media screen and (min-width: 992px) { .navbar-collapse { max-height: none; padding: 0 0 20px 0; margin: 0; text-align: center; } }

.page_nav { margin-top: 35px; }
@media screen and (min-width: 1200px) { .page_nav { padding: 0; } }
@media screen and (min-width: 992px) { .scrolled .page_nav { margin-top: 0; } }

/* STYLE DARK */
.cb_style_dark .navbar-default .navbar-nav>li>a, .cb_style_dark .navbar-default .navbar-nav>li>a:focus { color: #fff; }
.cb_style_dark .navbar-default .navbar-nav >li > a:hover { opacity: 0.5; }
.cb_style_dark .btn_page_nav { color: #fff; }
.cb_style_dark .btn_page_nav:hover { opacity: 0.5; }
.cb_style_dark .global_trigger { color: #fff; }
.cb_style_dark .global_trigger:hover { opacity: 0.5; }


/* STYLE LIGHT */
.cb_style_light .navbar-default .navbar-nav>li>a { color: #444; }
.cb_style_light .navbar-default .navbar-nav >li > a:hover { opacity: 0.5; }
.cb_style_light .btn_page_nav { color: #444; }
.cb_style_light .btn_page_nav:hover { opacity: 0.5; }
.cb_style_light .global_trigger { color: #444; }
.cb_style_light .global_trigger:hover { opacity: 0.5; }


/* SCROLLED NAVBAR */
@media screen and (min-width: 992px) {
  .scrolled .navbar-default .navbar-nav >li > a { color: #fff !important; }
  .scrolled .global_trigger, .scrolled .btn_page_nav { color: #fff !important; }
  .scrolled .btn-primary { background-color: rgb(172,170,0); border-color: rgb(172,170,0); }
  .scrolled .btn-primary:hover, .scrolled .btn-primary:active { background-color: #777; border-color: #777; }
}


/* NAVIGATION MOBILE
-------------------------------------------------- */
.nav-mobile { float:right;}
.nav-mobile ul { list-style: none; }
.nav-mobile ul li { float: left; }

.nav-mobile .global_trigger { font-size: 24px; margin: 7px 5px 0 0; }
.btn_page_nav { font-size: 24px; padding: 0; margin: 7px 12px 0 0; color: #fff; cursor: pointer;}

@media screen and (min-width: 992px) { .scrolled .nav-mobile .global_trigger, .scrolled .nav-mobile .btn_page_nav { font-size: 20px;} }

@media screen and (min-width: 992px) { .nav-mobile { display: none;} }
@media screen and (max-width: 991px) { .nav-desktop { display: none !important;} }

@media screen and (max-width: 991px) {
  .collapsed .top-navigation-wrap { background-color: rgba(0, 0, 0, 0.8);  }
  .collapsed .navbar-default .navbar-nav >li > a { color: #fff !important; text-align: left; border-bottom: 1px solid rgba(255, 255, 255, 0.7); margin-top: 10px; }
  .collapsed .navbar-default .navbar-nav >li > a:hover { opacity: 0.6; }
  .collapsed .global_trigger { color: #fff !important; }
  .collapsed .global_trigger:hover { color: #999 !important; }
  .collapsed .btn-primary:hover, .scrolled .btn-primary:active { background-color: #777; border-color: #777; }

  /*.navbar-brand-scrolled { background-color: transparent !important; border-color: transparent !important; font-size: 1.2em !important; top: 0; }
  .navbar-brand-scrolled:hover { color: #999;}*/
}

/* DROPDOWN NAV */
@media screen and (max-width: 991px) {
  .navbar .dropdown .caret { display: none; }
}
@media screen and (max-width: 991px) {
  .navbar .dropdown-menu { display: block; position: relative; float: none; background: none; border: none;  box-shadow: none; border-radius: 4px !important; text-align: left; padding: 10px 0; }
  .navbar .dropdown-menu li a { color: #fff; font-size: 16px; font-weight: lighter;  }
  .navbar .dropdown-menu li a:hover, .navbar .dropdown-menu li a:active, .navbar .dropdown-menu li a:focus  { color: #fff; background: none; opacity: 0.6; }
}

@media screen and (min-width: 992px) {
  .navbar .dropdown-menu li:hover {  visibility: visible; }
  .navbar .dropdown:hover .dropdown-menu { display: block; }
  .navbar .dropdown-menu li a { display: block; font-size: 1.05em; }
  .navbar .dropdown-menu li a:hover, .dropdown-menu li a:focus { background: #eee !important; }
  .navbar .dropdown-menu { border-radius: 4px !important; right:auto !important;}
  .navbar .dropdown-menu .nav_divider { border-bottom: 1px solid #e5e5e5; }
}

/* +++++++++++++++++ CONTENT +++++++++++++++++++++
-------------------------------------------------- */
.content {position: relative; min-height: 600px;}

/* Content-Head
-------------------------------------------------- */
.contentHead { background-image: linear-gradient(to top, transparent 0%, transparent 40%, rgba(0,0,0,0.2) 100%);}

.contentHead_bg { 
  position: absolute; 
  z-index: -1;
  height: 350px;
  width: 100%;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center center !important;
}
.contentHead .jumbotron { background: none; margin-bottom: 0; }
.contentHead h1 { font-size: 30px; margin: 140px 0 50px 0; }
.contentHead img { width: 300px; margin: 100px 0 20px 0; }

@media screen and (min-width: 768px) {
  .contentHead_bg { height: 350px;  }
  .contentHead h1 { font-size: 48px; margin: 140px 0 50px 0; }
}

@media screen and (min-width: 1200px) {
  .contentHead_bg {  background-position: bottom center !important; background-attachment: fixed !important;}
  .bg_not_fixed { background-attachment: scroll !important; }
}

/* Footer
-------------------------------------------------- */
.page_footer { color: #fff; background-color: #555; padding: 40px 0;}
.page_footer .btn { margin-bottom: 10px;}
.page_footer .footer_logo { width: 220px; margin: 10px 0 30px 0; border: none; }

.page_footer .footer_nav { list-style: none; display: block; margin-left: -35px; margin-bottom: 0; }
.page_footer .footer_nav li { display: inline-block; }
.page_footer .footer_nav li a { display: inline-block; margin: 0 2px 10px 2px; font-weight: normal; text-align: center; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; color: #fff; background-image: none; border: 1px solid #fff; padding: 6px 12px; font-size: 1em; line-height: 1.42857143; border-radius: 4px; }
.page_footer .footer_nav li a:hover, .footer_nav li a:focus, .footer_nav li a:active { background-color: rgba(255,255,255,0.3); }
.page_footer .footer_nav a, .page_footer .footer_nav a:hover {color: #fff; text-decoration: none; }

/* Scroll to top
-------------------------------------------------- */
@media screen and (min-width: 992px) { .scrollToTopBox { display: none; } }
.scrollToTop{ color: rgba(10,10,10,0.8); font-size: 48px; text-decoration: none; position:fixed; bottom: 1px; right:20px; display: none; }
.scrollToTop:hover{ text-decoration:none; color: #444; }


/* +++++++++++++++ FORM ++++++++++++++++++
-------------------------------------------------- */

/* General
-------------------------------------------------- */
textarea { resize: vertical; }
form h4 { margin-top: 40px; }
.form-control { height: 40px; font-size: 1em; box-shadow: none; -webkit-box-shadow: none; -webkit-appearance: none; -moz-appearance: none; }
.form-control[disabled] { color: #777;  }
input::-ms-clear { display: none; }

#spam_protection { display: none; }
#status { position: relative; top: -100px; }
#response { margin-top: 30px; }

.control-label.label-checkbox { padding-top: 12px; }

/* Multipe Inputs in a row (e.g. brithday)
-------------------------------------------------- */
.row.no-gutter { margin-left: 0; margin-right: 0; }
.row.no-gutter .form-control-feedback { right: 0; }
.row.no-gutter [class*='col-']:not(:first-child) input { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.row.no-gutter [class*='col-']:not(:last-child) input { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.row.no-gutter [class*='col-']:not(:first-child), .row.no-gutter [class*='col-']:not(:last-child) { padding-right: 0; padding-left: 0; }

/* Customizing Formvalidator (help-block)
-------------------------------------------------- */
.form-horizontal .has-feedback .form-control-feedback { top: 3px; }
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {color: #555; }
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { color: #555; }
.has-error .help-block { color: rgb(170,17,78); font-size: 0.9em; };
.has-error .input-group-addon { color: rgb(170,17,78); border-color: rgb(170,17,78); background-color: rgba(170,17,78,0.1);}
.has-error .form-control { border-color: rgb(170,17,78); }
.has-error .form-control-feedback { color: rgb(170,17,78); }

/* hide form-control-feedback for dates and checkboxes */
.date > .form-control-feedback, .checkbox > .form-control-feedback, .no-control-feedback > .form-control-feedback  { display: none !important; }

/* Customizing Formvalidator (help-block) - COLOR BOX
-------------------------------------------------- */
/*.cb_color_form > .has-success .help-block, .cb_color_form > .has-success .control-label, .cb_color_form > .has-success .radio, .cb_color_form > .has-success .checkbox, .cb_color_form > .has-success .radio-inline, .cb_color_form > .has-success .checkbox-inline {color: #fff; }*/
/*.cb_color_form > .has-error .help-block, .cb_color_form > .has-error .control-label, .cb_color_form > .has-error .radio, .cb_color_form > .has-error .checkbox, .cb_color_form > .has-error .radio-inline, .cb_color_form > .has-error .checkbox-inline { color: #fff; }*/

#errors ul { padding-left: 15px; }
#errors li { list-style-type: none;}
#errors a { color: #8a6d3b; }


/* +++++++++++++++++ EXTENSIONS +++++++++++++++++++++
-------------------------------------------------- */

/* Customizing Bootstrap Datepicker
-------------------------------------------------- */
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover { background-color: rgb(172,170,0); border-color: rgb(172,170,0); }
.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { background-color: rgb(172,170,0); border-color: rgb(172,170,0); }
.input-daterange input { text-align: left; }

/* Customizing Bootstrap Select
-------------------------------------------------- */
.bootstrap-select >.btn { height: 40px;}
.bootstrap-select >.btn:focus, .bootstrap-select.btn-group .dropdown-menu li a { outline: none !important; }
.dropdown-menu > li > a { padding: 4px 20px; }
.bootstrap-select .dropdown-menu li a:hover, .bootstrap-select .dropdown-menu li a:focus, .bootstrap-select .dropdown-menu li a:active, .bootstrap-select .dropdown-menu>.active>a { background: #eee !important; color: #555; }

.has-error .bootstrap-select .btn-default { border-color: rgb(170,17,78) !important; }
.has-success .bootstrap-select .btn-default { border-color: #3c763d !important; }

.z_monthSelectPicker > .bootstrap-select >.btn, .z_monthSelectPicker > .bootstrap-select >.btn:active, .z_monthSelectPicker > .bootstrap-select >.btn:focus { border-radius: 0 !important; border-left: none; box-shadow: none; outline: none !important; }
.has-error .z_monthSelectPicker > .bootstrap-select >.btn { border-color: rgb(170,17,78) !important; }

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%;}

/* Customizing Bootstrap Switcher
-------------------------------------------------- */
.btn:active, .btn.active { box-shadow: none; }
.btn-toggle { border: none; background: none; box-shadow: none; outline: none; margin: 0; padding: 0; }

/* Customizing OWL Carousel
-------------------------------------------------- */
.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; }
.owl-controls .owl-dot span { display: block; width: 12px; height: 12px; margin: 10px 5px 0px 5px; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; }
.owl-controls .owl-dot.active span, .owl-theme .owl-controls.clickable .owl-dot:hover span { filter: Alpha(Opacity=100); opacity: 1; }

.owl-controls { color: #555; text-align: center;}
.owl-prev { position: absolute; top: 30%; left: -30px; opacity: 0.5; display: none !important; font-size: 48px; }
.owl-next { position: absolute; top: 30%; right: -30px; opacity: 0.5; display: none !important; font-size: 48px; }
@media screen and (min-width: 825px) { .owl-next, .owl-prev  { display: block !important; }}
.owl-prev:hover, .owl-next:hover { opacity: 0.9; }

.cb_owl_pictures .item { margin: 3px; }
.cb_owl_pictures .item img { display: block; width: 100%; height: auto; border: 6px solid #ddd; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

.cb_owl_box .item { background-color: #fff; padding: 25px; margin: 3px; border-radius: 4px; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); box-shadow: 0 1px 1px rgba(0,0,0,0.05); cursor: pointer; }
.cb_owl_box .item img { width: 130px !important; height: 130px; border: 4px solid #ddd; display: inline !important; }
.cb_owl_box .item a { color: #555; text-decoration: none; }
.cb_owl_box .item h3 { margin-bottom: 10px; font-size: 1.4em; }
.cb_owl_box .item button { margin-top: 5px; }

/* Customizing Bootstrap Dialog
-------------------------------------------------- */
.modal-dialog { padding-top: 20px !important; }
@media screen and (min-width: 768px) { .modal-dialog { padding-top: 80px !important; } }
.f_status_modal .modal-body { padding: 0; }
.f_status_modal .modal-footer { border: none; padding-top: 0; }
.f_status_modal .bootstrap-dialog-footer-buttons { text-align: center; }
.f_status_modal .alert { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
.modal-content h4 {margin: 15px 0 20px 0 !important;}

.f_fullscreen_modal .modal-dialog { padding-top: 0 !important; }
/*.f_fullscreen_modal .modal-content { height: 100%; }*/
/*.f_fullscreen_modal .modal-body { height: 82%; }*/
.f_fullscreen_modal .bootstrap-dialog-footer-buttons { text-align: center; }

@media screen and (min-width: 768px) { .f_fullscreen_modal .modal-dialog {width: 98%;} }
@media screen and (min-width: 992px) { .f_fullscreen_modal .modal-dialog {width: 94%;} }
@media screen and (min-width: 1200px) { .f_fullscreen_modal .modal-dialog {width: 89%} }
@media screen and (min-width: 1400px) { .f_fullscreen_modal .modal-dialog {width: 76%} }

/* Bootstrap datepicker Customizing
-------------------------------------------------- */
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover { background-color: rgb(172,170,0); border-color: rgb(172,170,0); background-image: none; }
.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { background-color: rgb(172,170,0); border-color: rgb(172,170,0); background-image: none }
.input-daterange input { text-align: left; }

/* Mapbox
-------------------------------------------------- */
#map { height: 450px; }
#map a { color: #aaa; }
#map a:hover { color: #555; }


/* +++++++++++++++++ WORD PRESS +++++++++++++++++++++
-------------------------------------------------- */

.sow-image-grid-wrapper { margin: 0 !important; }
.sow-image-grid-wrapper img { border: 6px solid #ddd; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

/* WordPress admin bar
-------------------------------------------------- */
.admin-bar .navbar-fixed-top { top: 32px;  }
@media screen and (max-width: 782px) { .admin-bar .navbar-fixed-top { top: 46px; }}

/* PageBuilder
-------------------------------------------------- */
#pg-6-0, #pg-6-1, #pl-6 .panel-grid-cell .so-panel { margin-bottom: 0 !important;  }
.panel-grid { margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; }
#pg-6-0 .panel-grid-cell, #pg-6-1 .panel-grid-cell, #pg-6-2 .panel-grid-cell { padding: 0 !important; }

.full-width .panel-grid-cell { padding-left: 0 !important; padding-right: 0 !important; }

@media screen and (max-width: 767px) {
  .panel-grid-cell { padding-left: 0 !important; padding-right: 0 !important;}
}

@media screen and (min-width: 767px) {
  .multi-column .panel-grid-cell { padding-right: 25px; }
  .single-column { padding-right: 25px; padding-left: 25px; /* fix */}
}

/* TEMPLATE:::: Page
-------------------------------------------------- */
.page { margin-bottom: 0 !important; }

/* TEMPLATE:::: Single + Blog + Archive + Search
-------------------------------------------------- */
@media screen and (min-width: 1200px) {.single .col-lg-8, .blog .col-lg-8, .archive .col-lg-8, .search .col-lg-8 { padding-right: 50px; }}

/* TEMPLATE:::: Posts
-------------------------------------------------- */
.post .page-title, .search .page-title { margin-bottom: 5px; }
.post .entry-meta { color: #777; font-size: 12px; }
.post .entry-content {margin-top: 25px;}

/* TEMPLATE:::: Blog + Archive + Search
----------------------- + --------------------------- */
.blog .page-title a, .archive .page-title a, .search .page-title a  { color: #555; }
.blog .page-title a:hover, .archive .page-title a:hover, .search .page-title a:hover {text-decoration: none; }
.blog .entry-summary p, .archive .entry-summary p, .search .entry-summary p {margin-bottom: 5px; }
.blog .entry-summary .btn, .archive .entry-summary .btn, .search .entry-summary .btn { margin-bottom: 5px;}

.post-image a img {border: 4px solid #ddd; margin-top: 30px; max-width: 110px;}
.post-image a img:hover {border-color: #acaa00;}

/* WIDGET::::
-------------------------------------------------- */
.widget-title { margin-bottom: 15px;}

/* WIDGET:::: Archive
-------------------------------------------------- */
.widget_archive a, .widget_categories a, .widget_nav_menu a { color: #555; }
.widget_archive li, .widget_categories li, .widget_nav_menu li { border: 1px solid #ddd; border-radius: 4px; background: #fff; margin-bottom: 5px;}

.widget select { display: block; width: 100%; height: 40px; padding: 6px 12px; font-size: 1em;; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;  }

/* WIDGET:::: SEARCH
-------------------------------------------------- */
.widget_search label { width: 100%;}
.widget_search form input { width: 100%; font-weight: normal;}

/* WIDGET:::: RECENT POSTS
-------------------------------------------------- */
.rpwwt-post-date {color: #777;}

/* PLUGIN:::: THE EVENT CALENDAR
-------------------------------------------------- */
.tribe-events-list-widget .tribe-events-list-widget-events { padding: 0 !important; background-color: #fff; }
.tribe-events-list-widget ol { margin: 0 0 15px 0; padding: 0; list-style: none; }
.tribe-events-list-widget ol li { border: 3px solid #ddd; padding: 0; margin: 0 0 10px 0 !important; border-radius: 4px; }
.tribe-events-list-widget .event a { color: #555; text-decoration: none; display: flex; flex-wrap: nowrap; }
.tribe-events-list-widget .event a:hover .icon { background: #ddd;  }
.tribe-events-list-widget .icon { background: #eee; padding: 21px; font-size: 18px; flex-basis: auto;}
.tribe-events-list-widget .body { padding: 5px 15px;  flex-basis: auto; white-space: normal;}
.tribe-events-list-widget .entry-title { margin: 0; font-size: 16px; padding: 5px 0; }
.tribe-events-list-widget .duration { color: #777; font-weight: normal !important;}

.event .entry-title { margin: 0 !important; font-size: 16px !important; padding: 5px 0 !important; }

/* PLUGIN:::: RAINMAKER
-------------------------------------------------- */
.rm_form_el_set {padding: 5px 0 !important;}
.rainmaker_form input:not([type=button]):not([type=submit]) { display: block; width: 100%; height: 40px; padding: 6px 12px; font-size: 1em;; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.rainmaker_form input[type=submit] { color: #fff; background-color: rgb(172,170,0); border-color: rgb(172,170,0); display: inline-block; margin-bottom: 0px; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; white-space: nowrap; font-size: 1em; line-height: 1.42857; user-select: none; border-width: 1px; border-style: solid; border-color: transparent; border-image: initial; padding: 8px 12px; border-radius: 4px; transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;  }
.rainmaker_form input[type=submit]:hover { background-color: #555; border-color: #555; }
.rm-loader { position: absolute; left: 0; right: 0; margin: 0 auto; }

/* PLUGIN:::: SWIPEBOX
-------------------------------------------------- */
#swipebox-overlay { background-color: rgba(0, 0, 0, 0.9) !important;}
@media screen and (min-width: 991px) { #swipebox-overlay { background-color: rgba(0, 0, 0, 0.85) !important;} }
#swipebox-bottom-bar, #swipebox-top-bar { background: none !important;}

/* PAGE:::: Event // The Tribe Event Calendar
-------------------------------------------------- */
/*.cb_toolbar a.tribe-events-gcal, .cb_toolbar a.tribe-events-ical {margin: 0; padding: 6px 12px; font-size: 14px;}*/
/*.no-widget-title .widget-title { display: none; }*/

.cb_events, #tribe-bar-collapse-toggle, #tribe-bar-form { background: #fafafa !important; }

.events-archive .entry-content, .events-archive .entry-header { width: 100%; }

/* BUTTONS */
#tribe-events .tribe-events-button, .tribe-events-button { text-transform: none; letter-spacing: normal; border-radius: 4px !important;}
@media screen and (min-width: 991px) { #tribe-events .tribe-events-button, .tribe-events-button { margin-top: 19px; } } 

/* BAR */
#tribe-events-bar { margin-bottom: 35px !important; }
.tribe-bar-date-filter, .tribe-bar-search-filter, .tribe-bar-category-filter, .tribe-bar-submit  { padding: 10px 0; float: left; }

@media screen and (min-width: 992px) {
  .tribe-bar-date-filter { width: 21% !important; }
  .tribe-bar-search-filter { width: 26% !important; padding-left: 15px; }
  .tribe-bar-category-filter { width: 26% !important; padding-left: 15px; }
  /*    .tribe-bar-submit { width: 20% !important; margin-left: 10%; }*/

}

.tribe-bar-submit-cb { padding: 10px 0; float: right; margin-top: 20px; }
.tribe-bar-submit-cb input { font-size: 14px !important; line-height: 24px; }

#tribe-bar-form label { text-transform: none; font-size: inherit; font-weight: 700; }
#tribe-bar-form input[type=text] { background: #fff; font-weight: 200; padding: 6px 12px; height: 40px; font-size: 1em; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: none; -webkit-appearance: none; -moz-appearance: none; }
#tribe-bar-form input[type=text]:focus { outline: inherit; border: 1px solid #ccc; }
#tribe-events-content { padding: 0 !important; }
.tribe-theme-christusbund .datepicker-dropdown.datepicker-orient-top:before, .tribe-theme-christusbund .datepicker-dropdown.datepicker-orient-top:after { display: none; }
.tribe-theme-christusbund .datepicker table tr td span, .datepicker td { border-radius: 4px; }

.tribe-bar-collapse #tribe-bar-collapse-toggle { text-transform: none; padding: 0 0 10px 0; font-size: inherit; }


.tribe-events-page-title { margin-bottom: 30px !important; font-size: 21px !important; }
@media screen and (min-width: 991px) {
  .tribe-events-page-title { font-size: 24px !important; }
}

/* LIST */
.tribe-events-list-separator-month { text-align: center; text-transform: none; margin-top: 20px; margin-bottom: 10px; background: none; }
/*.tribe-events-list-separator-month span { background-color: #acaa00; color: #fff; padding: 3px 15px; font-weight: normal; border-radius: 4px; }*/
.tribe-events-list-separator-month span { background-color: #acaa00; color: #fff; padding: 3px 15px; font-weight: normal; }

.tribe-events-list .type-tribe_events { padding: 20px 15px; margin-bottom: 10px; width: 100%; display: block; background-color: rgba(255,255,255,1); border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); box-shadow: 0 1px 1px rgba(0,0,0,0.05);}
.tribe-events-list-separator-month+.type-tribe_events.tribe-events-first { padding-top: 15px; }

.tribe-events-list .tribe-events-loop .tribe-events-event-image { width: 100%; }
.tribe-events-list .tribe-events-event-image { display: none; }
@media screen and (min-width: 768px) {
  .tribe-events-list .tribe-events-loop .tribe-events-event-image { display: block; width: 100%; margin: 10% 0; }
  .tribe-events-list .tribe-events-loop .tribe-events-event-image img { width: 70%; height: 70%; margin: 5%; border: 4px solid #eee; }
}

.tribe-events-list .tribe-events-list-event-title { font-size: 18px; margin: 25px 0 15px 0; }
.tribe-events-list .tribe-events-list-event-title a { color: #555; }
.tribe-events-list .tribe-events-event-meta { font-weight: 200; font-size: 1em; margin: 0 0 10px 0; padding: 0; }
.tribe-events-list .time-details { font-weight: 700; margin-bottom: 0; }
.tribe-events-list .tribe-events-event-categories { margin: 5px 0; }
.tribe-events-list .tribe-events-event-categories span { line-height: 2.1; }
.tribe-events-list .tribe-events-event-categories a { color: #fff; }


@media screen and (max-width: 768px){
  .tribe-events-list-event-title { margin-top: 5px;}
  .tribe-events-list .tribe-events-read-more-box {margin: 5px 0 0 0; }
  .tribe-events-list .tribe-events-event-meta { background: none; border: none;  }
  .tribe-events-list .time-details, .tribe-events-list .location_name { padding: 0; }
}

@media screen and (min-width: 768px) {
  .tribe-events-list .tribe-events-read-more {margin: 35% 0; }
  .tribe-events-list .tribe-events-read-more-box {text-align: center;}
}
@media screen and (min-width: 991px) {
  .tribe-events-list .tribe-events-read-more {margin: 25% 0; }
}

/* MONTH */
.tribe-events-calendar { background: #fff; }
.tribe-events-nav-previous a, .tribe-events-nav-next a { color: #555; }

.tribe-events-calendar .type-tribe_events { background: none !important; }
.tribe-events-calendar th { text-transform: none; letter-spacing: normal; }
.tribe-events-calendar .type-tribe_events { padding: 4px 0 !important; border: none !important; }
.tribe-events-calendar div[id*=tribe-events-daynum-], .tribe-events-calendar div[id*=tribe-events-daynum-] a { background: none; }
.tribe-events-calendar .tribe-events-month-event-title { background: #ddd; border-radius: 4px; padding: 6px 8px !important; }
.tribe-events-calendar .tribe-events-month-event-title a { color: #555; }
.tribe-events-calendar .tribe-events-month-event-title:hover { opacity: 0.8; }


.tribe-events-viewmore a { color: #555; }

/* Tooltip */
.tribe-events-tooltip { border-radius: 4px; }
.tribe-events-tooltip .entry-title { padding: 4px 8px !important; letter-spacing: normal !important; }
.tribe-events-tooltip .tribe-events-event-body, .tribe-events-tooltip .entry-title { padding: 5px 8px; }
.tribe-events-tooltip .duration { font-style: normal; }

/* Mobile */
@media screen and (max-width: 768px) { 
  .tribe-events-calendar .mobile-active div[id*=tribe-events-daynum-], .tribe-events-calendar td.mobile-active { background: rgb(172,170,0); }
}
.tribe-mobile-day-heading { font-weight: 700; margin-bottom: 0;}
#tribe-mobile-container .type-tribe_events .time-details { font-weight: 700; }
#tribe-mobile-container .description { margin-top: 5px; }
#tribe-mobile-container .type-tribe_events .tribe-events-read-more { margin-top: 5px; }
#tribe-mobile-container .type-tribe_events h4 a { color: #555; }

/* DAY */

.tribe-events-day { padding: 0; }
.tribe-events-day .tribe-events-day-time-slot .type-tribe_events { margin: 5px 0; }
.tribe-events-day .type-tribe_events { padding: 20px 25px;}
.tribe-events-day .tribe-events-day-time-slot h5 { text-align: center; background: none; margin: 15px 0 5px 0; }
.tribe-events-day .tribe-events-day-time-slot h5 span { background-color: #acaa00; color: #fff; padding: 3px 15px; font-weight: normal; text-transform: none; margin-bottom: 10px; }
.tribe-events-day .tribe-events-list-event-title { margin: 10px 0 15px 0;}

/* SINGLE */
.type-tribe_events { border-bottom: none; }

.single-tribe_events .tribe-events-single-event-title { margin-top: 20px; margin-bottom: 15px; font-size: 24px; }
.single-tribe_events .tribe-events-event-meta { font-size: 1em; background: none; border: none; margin: 0; }
.tribe-events-event-meta .column, .tribe-events-event-meta .tribe-events-meta-group { padding: 0; }

.single-tribe_events .tribe-events-event-categories-label { margin-bottom: 5px; }
.single-tribe_events .tribe-events-event-categories {  }
.single-tribe_events .tribe-events-event-categories span { line-height: 2.1; }
.single-tribe_events .tribe-events-event-categories a { color: #fff; }

/* WIDGET:::: WP-MEMBERS
-------------------------------------------------- */

.req-text { margin-top: 20px; font-size: 0.9em; }

/* WIDGET:::: User Registration
-------------------------------------------------- */
.ur-frontend-form {
  border: none !important;
  padding: 0;
}

.ur-frontend-form form .ur-form-row .ur-form-grid {
  padding: 0 !important;
}

.ur-frontend-form form .ur-field-item {
  margin-bottom: 15px !important;
  font-size: 15px !important;
}

.ur-frontend-form label {
  display: inline-block !important;
  font-size: 15px;
  max-width: 100%;
  margin-bottom: 5px !important;
  font-weight: bold;
}

.ur-frontend-form .required {
  color: #000 !important;
}

.ur-frontend-form .input-text { 
  display: block;
  width: 100%;
  height: 40px;
  padding: 6px 12px;
  margin: 0 !important;
  font-size: 15px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px !important;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.ur-frontend-form .input-text:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.ur-frontend-form form .ur-form-row .ur-form-grid input[type=date]::-webkit-input-placeholder,
.ur-frontend-form form .ur-form-row .ur-form-grid input[type=email]::-webkit-input-placeholder,
.ur-frontend-form form .ur-form-row .ur-form-grid input[type=number]::-webkit-input-placeholder,
.ur-frontend-form form .ur-form-row .ur-form-grid input[type=password]::-webkit-input-placeholder,
.ur-frontend-form form .ur-form-row .ur-form-grid input[type=text]::-webkit-input-placeholder,
.ur-frontend-form form .ur-form-row .ur-form-grid input[type=url]::-webkit-input-placeholder,
.ur-frontend-form form .ur-form-row .ur-form-grid select::-webkit-input-placeholder,
.ur-frontend-form form .ur-form-row .ur-form-grid textarea::-webkit-input-placeholder {
  color: #999;
  font-size: 15px
}

.ur-frontend-form form .ur-form-row .ur-form-grid input[type=date]::-moz-placeholder,
.ur-frontend-form form .ur-form-row .ur-form-grid input[type=email]::-moz-placeholder,
.ur-frontend-form form .ur-form-row .ur-form-grid input[type=number]::-moz-placeholder,
.ur-frontend-form form .ur-form-row .ur-form-grid input[type=password]::-moz-placeholder,
.ur-frontend-form form .ur-form-row .ur-form-grid input[type=text]::-moz-placeholder,
.ur-frontend-form form .ur-form-row .ur-form-grid input[type=url]::-moz-placeholder,
.ur-frontend-form form .ur-form-row .ur-form-grid select::-moz-placeholder,
.ur-frontend-form form .ur-form-row .ur-form-grid textarea::-moz-placeholder {
  color: #999;
  font-size: 15px
}

.ur-frontend-form form .ur-form-row .ur-form-grid input[type=date]:-ms-input-placeholder,
.ur-frontend-form form .ur-form-row .ur-form-grid input[type=email]:-ms-input-placeholder,
.ur-frontend-form form .ur-form-row .ur-form-grid input[type=number]:-ms-input-placeholder,
.ur-frontend-form form .ur-form-row .ur-form-grid input[type=password]:-ms-input-placeholder,
.ur-frontend-form form .ur-form-row .ur-form-grid input[type=text]:-ms-input-placeholder,
.ur-frontend-form form .ur-form-row .ur-form-grid input[type=url]:-ms-input-placeholder,
.ur-frontend-form form .ur-form-row .ur-form-grid select:-ms-input-placeholder,
.ur-frontend-form form .ur-form-row .ur-form-grid textarea:-ms-input-placeholder {
  color: #999;
  font-size: 15px
}

.ur-frontend-form form .ur-form-row .ur-form-grid input[type=checkbox]:first-child, .ur-frontend-form form .ur-form-row .ur-form-grid input[type=radio]:first-child {
  margin-top: 31px;
}

.ur-frontend-form .description {
  display: inline;
  margin-left: 20px;
}

.ur-frontend-form button, .ur-frontend-form form button[type=submit], .ur-frontend-form form input[type=submit] {
  color: #fff;
  background-color: rgb(172,170,0);
  border-color: rgb(172,170,0);
  float: none !important;
  transition: .3s all ease-out !important;
  display: inline-block !important;
  margin-bottom: 0;
  margin-top: 5px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 7px 12px !important;
  font-size: 15px;
  line-height: 1.42857143 !important;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ur-frontend-form button:hover, .ur-frontend-form form button[type=submit]:hover, .ur-frontend-form form input[type=submit]:hover {
  color: #fff;
  background-color: #555;
  border-color: #555;
}

.ur-frontend-form button:focus {
  color: #fff;
  background-color: rgb(172,170,0);
  border-color: rgb(172,170,0);
}

.ur-frontend-form .user-registration-error {
  border: none;
  background: none;
  color: rgb(170,17,78);
  font-weight: normal;
  font-size: 0.9em;
  padding: 0;
}

.user-registration-error {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 15px;
}

.user-registration-message {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 15px;
}

.user-registration-message::before, .user-registration-error::before {
  display: none !important;
}

.user-registration-message a {
  color: #245269;
  font-weight: 600;
}

#user-registration .user-registration-MyAccount-navigation {
  border-bottom: 2px solid #eee;
}


#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link {
  border: none;
  position: inherit;
  padding-right: 20px;
}

#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active {
  background-color: #fff;
  border: none;
}

#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link a {
  color: #999;
  border: none;
  padding: 8px 0;
  font-family: 'Source Sans Pro', sans-serif !important;
  font-size: 18px;
}

#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a {
  color: #444;

} 

#user-registration .user-registration-MyAccount-content {
  background: none;
  padding: 25px 0;
  border: none;
}

#user-registration p {
  color: #444;
}

#user-registration .ur-frontend-form.login {
  padding: 0;
}

.user-registration-form-row {
  margin-bottom: 15px;
}

#user-registration legend {
  padding-top: 15px;
  margin-bottom: 15px;
}

/* PAGE:::: Startseite
-------------------------------------------------- */
/*.contentHead_index .contentHead_bg { height: 800px;}*/
.scrolldown { margin-top: 20px; padding-bottom: 20px; font-size: 48px; }
.scrolldown i { border: 2px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; height: 53px; width: 53px;  }
.scrolldown a { opacity: 0.4; }
.scrolldown a:hover { opacity: 0.8; }
@media screen and (min-width: 768px) { .f_scrolldown { margin-top: 70px; padding-bottom: 20px;} }


/* PAGE:::: Gruppen (deprecated)
-------------------------------------------------- */
.cb_group {padding: 10px;}
.cb_group_content { display: block; background-color: #fff; padding: 30px; border-radius: 4px; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); box-shadow: 0 1px 1px rgba(0,0,0,0.05); cursor: pointer; }

.cb_group img { width: 120px; height: 120px; border: 4px solid #eee; margin-bottom: 10px;}
.cb_group a { color: #555; text-decoration: none; }
.cb_group button { margin-top: 15px; }
.cb_group_title { font-size: 21px; }

.cb_owl_box .item { background-color: #fff; padding: 30px; border-radius: 4px; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); box-shadow: 0 1px 1px rgba(0,0,0,0.05); cursor: pointer; }

/* f_box
-------------------------------------------------- */
.f_box { display: block; margin: 0; padding: 0;}
.f_box > li { padding: 30px 30px 0 30px; margin-bottom: 10px; width: 100%; min-height: 345px; display: block; background-color: rgba(255,255,255,1); border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); box-shadow: 0 1px 1px rgba(0,0,0,0.05);}
.f_box_fix { padding-bottom: 25px; }

.f_box img { width: 100px !important; border: 4px solid #eee; display: inline !important; }
.f_box .label { font-weight: normal; }
.f_box h5 { margin: 5px 0 10px 0; }
.f_box h4 { font-size: 1em; margin: 25px 0 10px 0; }
.f_box h3 { font-size: 1.3em; margin: 5px 0 5px 0;}
.f_box p { font-size: 1em; padding: 0; margin: 0; }
.f_box_status { margin-top: 5px !important; }
.f_box_new { position: absolute; top: 5px; font-size: 18px; }
.f_box_anker { position: relative; top: -105px; }
.f_box_name > small {font-size: 1em; margin-top: 3px; margin-bottom: 5px; display: block; }
.f_box_topic { color: #777; margin: -2px 0 5px 0 !important; }
.f_box_lecturer { color: #aaa; margin: -2px 0 5px 0 !important; }

.f_box_btns { padding-top: 30px; outline:none; }
.f_box_btns a { text-decoration: none; }
@media screen and (min-width: 768px) { .f_box_btns {text-align: right;} }

.pointer { cursor: pointer }
.noDetails img, .noDetails h3 { cursor: default; }

@media screen and (max-width: 767px) { .f_box { text-align: center;} .f_box img { margin-bottom: 20px; } }

.f_box_sm { text-align: center; }
.f_box_sm img { margin-bottom: 10px; }
.f_box_sm .f_box_btns { text-align: center; }

.label-gray { background-color: #ddd; color: #555; }


/* f_loader
-------------------------------------------------- */
.f_loader { margin-top: 20px;}
.spinner { margin: 0 auto; width: 50px; height: 40px; text-align: center; font-size: 10px; }
.spinner > div { background-color: #fff; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; }
.f_loader_dark .spinner > div {background-color: #555;}
.spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
.spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
@-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  20% { -webkit-transform: scaleY(1.0) }}
@keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4);}  20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); }}

@media screen and (max-width: 767px) {
  .f_loader { margin-top: 4px;}
  .spinner { height: 28px; }
}

/* f_index_spotlights
-------------------------------------------------- */
.f_index_spotlights .item { margin: 5px; }
.f_index_spotlights .owl-controls { color: #555; text-align: center;}
.f_index_spotlights .owl-prev { position: absolute; top: 125px; left: -30px; opacity: 0.5; display: none; font-size: 48px; }
.f_index_spotlights .owl-next { position: absolute; top: 125px; right: -30px; opacity: 0.5; display: none; font-size: 48px; }
@media screen and (min-width: 825px) { .f_index_spotlights .owl-next, .f_index_spotlights .owl-prev  { display: block; }}
.f_index_spotlights .owl-prev:hover, .f_index_spotlights .owl-next:hover { opacity: 0.9; }
.f_index_spotlights .placeholder { position: absolute; top: 10%; left: 30%; font-size: 100px;}

.f_index_spotlights_more { padding: 130px 0; text-align: center;  background: #ddd; border: 1px solid transparent; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); box-shadow: 0 1px 1px rgba(0,0,0,0.05); }
.f_index_spotlights_more a { font-size: 18px; color: #555; text-decoration: none; }
.f_index_spotlights_more a:hover { opacity: 0.6; }
.f_index_spotlights_more span { font-size: 48px; margin: 5px 0; }
.no-pointer { cursor: default !important; }

/* haeuser
-------------------------------------------------- */
.haeuser { }
.haeuser .col-md-3 { padding: 10px 0;}
.haeuser img { width: 90px; margin-top: 20px; border: 4px solid #eee; }
.haeuser img:hover { border-color: #555; }
.haeuser p, .haeuser a { color: #555; text-decoration: none; padding-top: 10px;}
.haeuser .subtitle { color: #777; padding-top: 10px; }
@media screen and (min-width: 768px) { .haeuser a img {width: 100px }}

/* Datenschutz
-------------------------------------------------- */
#cb_datenschutz h2 { margin-top: 30px; margin-bottom: 15px; }
#cb_datenschutz h3 { margin-top: 30px; margin-bottom: 15px; }
#cb_datenschutz h4 { margin-top: 20px; margin-bottom: 5px; }
#cb_datenschutz .inhaltsverzeichnis { list-style: none; padding: 0; }
#cb_datenschutz .inhaltsverzeichnis li { padding-top: 3px; padding-bottom: 3px; }
#cb_datenschutz .cb_wp_anker { top: -100px }
