/* ==========================================================================
   Author's custom styles
   ==========================================================================
*/

body {
  margin-top: 0;
  padding-top: 0;
  _padding-top: 3rem;
  padding-bottom: 20px;
  font-family: helvetica;
  font-size: 15px;
}

.color-ci {
  /*color: rgb(17,72,148);*/
  color: #337ab7;
}

.bgcolor-ci {
  background-color: #337ab7;
}

.strong-md {
  font-size: 16px;
  /*font-weight: bold;*/
}

h2 {
  margin-bottom: 0;
}

h4 {
  font-size: 18px;
  color: #337ab7;
}

h5 {
  font-size: 15px;
}

p.center {
  text-align: center;
}

/*registration form*/
#form_registration {
  /*display: none;*/
}

#btn_cancel_registration {
  display: none;
}

button.btnMoreInfo {
  margin-left: 5px
}

.space-inner-md {
  padding: 0.9375em;
}

.space-bottom-md {
  margin-bottom: 0.9375em;
}

.space-bottom-lg {
  margin-bottom: 1.25em;
}

.space-anchor-lg {
  visibility: hidden;
  position: relative;
  top: -8rem;
  display: block;
}

.navbar li a  {
  text-transform: uppercase;
}

.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

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

.navbar li a.reg {
  background-color: #f2e7c9 !important;
}

.navbar li a.reg:hover, 
.navbar li a.reg:focus {
  background-color: #e5d7b1 !important;
}

.navbar-default .navbar-nav > .active > a.reg {
  background-color: #e5d7b1 !important;
  background-image: none !important;
}

.cssHidden {
  display: none;
}

@media (min-width: 768px) {
  .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0px;
  }
}

@media (max-width: 767px) {
  .navbar .navbar-nav .open .dropdown-menu>.active>a, .navbar .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar .navbar-nav .open .dropdown-menu>.active>a:focus {
    color: #777;
    background: none;
  }
}

@media (max-width: 991px) {
  .navbar-header {
    float: none;
  }
  .navbar-left,.navbar-right {
    float: none !important;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
    display: none!important;
  }
  .navbar-nav {
    float: none!important;
    margin-top: 7.5px;
  }
  .navbar-nav>li {
    float: none;
  }
  .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .navbar-nav>li>a.reg {
    background-color: #f2e7c9 !important;
  }
  .collapse.in{
    display:block !important;
  }
}


.banner img {
  width: 100%;
}

.mid-image img {
  width: 100%;
  margin: 1em 0; 
}

.full-width {
  width: 100%;
}

div.row.googlemap {
  margin-top: 1em;
  margin-bottom: 1em;
}

.googlemap .embed-container {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}

.googlemap .embed-container iframe {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}

/* ratio 4x3 */
.googlemap .embed-container.ratio4x3 {
  padding-bottom: 75%;
}

.table.table-striped.program tbody tr td:first-of-type {
  white-space: nowrap;
}


img.personal_signs {
  height: 5em;
}

.cols-2 {
  display: flex;
  justify-content: flex-start;
}

.cols-2 div {
  margin-right: 5%;
}

@media (min-width: 991px) { 
  .text-cols-lg-2 {
    column-count: 2;
    -webkit-column-count: 2; 
    -moz-column-count: 2; 

    -webkit-column-gap: 3em; 
    -moz-column-gap: 3em; 
    column-gap: 3em;

    text-align: justify;
  }
}

/* Google maps 100% */
iframe[src^="https://www.google.com/maps"] {
  width: 100%;
}

/*PageEd*/
#viewtemplate {
  box-shadow: 0px 0px 1px 1px #999;
  min-height: 800px;
}

#viewtemplate iframe {
  border-right: 20px solid #fcf8e3!important;
}

#pageEditorToolbarUpload {
  visibility: hidden;
}

[data-remove="1"] {
  border: 3px solid #f2dede;
  background-color: #fcf8e3;
  box-sizing: border-box;
}

.fragezeichen {
    margin-top: 30px;
    width: 20px;
    height: 20px;
}

.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}

.tooltip_templates {
    display: none;
}

.tooltipster-box {
    background: #ffffff !important;
    border: 0px solid red !important;
    border-radius: 10px !important;
    background: #fff;
    box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
    color: #2c2c2c;
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 10px;
    font-weight: 400;
}

.tooltipster-content {
    max-width: 380px !important;
    color: #3c3e4a !important;
    padding: 20px 20px 20px 20px !important;
}

.tooltipster-content p {
    margin-bottom: 4px;
}

.tooltipster-content ul {
    margin-left: 16px;
    margin-bottom: 4px;
    padding-left: 0px;
}

.tooltipster-content li {
    list-style: disc outside none;
    margin-left: 0px;
    padding-left: 6px;
    color: #3c3e4a !important;
}

.tooltipster-content li::marker {
    font-size: 80%;
}

.tooltipster-sidetip .tooltipster-arrow-background {
	border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
	border-bottom-color: #ffffff;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
	border-left-color: #ffffff;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
	border-right-color: #ffffff;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
	border-top-color: #ffffff;
}

.tooltipster-sidetip .tooltipster-arrow-border {
	border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
	border-bottom-color: #ffffff;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
	border-left-color: #ffffff;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
	border-right-color: #ffffff;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
	border-top-color: #ffffff;
}

.tooltipster-shadow-preview {
}



/* =========== EDITOR NEU ============ */

.edt_control {
  width:            100%;
  display:          flex;
  border:           2px #eee outset;
  background-color: #dadada;
}

.edt_control_pnl {
  display:         flex;
  justify-content: flex-end;
  align-items:     center;
}

.edt_control_txt {
  width:        100%;
  padding-left: 0.5em;
  font-size:    1.2em;
}

.edt_control_img {
  width:  20px;
  height: 20px;
  margin: 1px 3px;
  border: 2px #eee outset;
  cursor: pointer;
}

.edt_loader_img {
  width:  30px;
  height: auto;
}

.edt_editor {
  width:       100%;
  border:      1px #aaa outset;
  font-family: sans-serif;
  font-size:   16px;
}

[contenteditable] { 
  _display: inline-block; /* to prevent that some browsers add divs around <br> -> crashes tables*/ 
  margin:  2px;
  padding: 2px;
} 

.edt_frame_sel   { border: 2px red dashed; }
.edt_frame_unsel { border: 1px grey solid; }
.edt_image_sel   { border: 2px aqua solid; }
.edt_wide        {
    width:         100%;
    padding-left: 15px;
    padding-right: 15px;
}
.edt_optSpace    { min-height:    34rem;}
.edt_edtSpace    { min-height:    100rem; }
.spacer_top      { margin-top:    1.25em; }
.spacer_btm      { margin-bottom: 1.25em; }


.edt_tool_pnl {
  display:         flex;
  flex-direction:  row;
  justify-content: flex-start;
  align-items:     center;
  min-height:      30px;
}

.edt_toolOpts {
  width:            100%;
  min-height:       40px;
  padding:          4px;
  border:           2px #eee outset;
  border-top:       none;
  background-color: #dadada;
}

.edt_tool_img {
  width:  24px;
  height: 24px;
  margin: 1px 3px;
  border: 2px #eee outset;
  cursor: pointer;
}

.tool_sel { border: 2px #eee inset; }

.spacer_btm hr {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.spacer_btm table tr td:nth-of-type(1) {
    width: 120px;
}

.edt_wide {
    padding-right: 0px;
    padding-left: 0px;
}

.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}