body  { height: 100%; font-family: 'Source Sans Pro', sans-serif; font-size: 15px; letter-spacing: 0.04em;  line-height: 165%; color: #333;  font-weight: 400; } 
html { height: 100%; -webkit-text-size-adjust: 100%; }  
 
/* responsive */ 
@media (min-width:798px) {.container{width:750px;}}
@media (min-width:1032px) {.container{width:970px;}}
@media (min-width:1240px){.container{width:1170px;}}
@media (max-width: 810px) {
    .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; }
    .collapse.in { display:block !important; }
    .navbar-collapse { margin-left: 0px !important; max-height: 840px; }
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {  max-height: 840px; } 
}

.bbg-circle { position:relative; bottom: -60px; z-index: 100; }
.bbg-circle-m { position:relative; bottom: -40px; z-index: 100; }  
.col-ico-bbg, .col-ico-bbg-first, .col-ico-bbg-last { float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col-ico-bbg { width: 21.6%; }
.col-ico-bbg-first { width: 17.6%; } 
.col-ico-bbg-last { width: 17.6%; } 


@media only screen and (min-width : 1050px) {
	.bbg-circle-m { display: none; }
	.pictures-slider { height: 250px;  }
	.bbgLevel2small { display: none; }
}
@media only screen and (max-width : 1050px) {
	.bbg-circle { display: none; }
	.pictures-slider { height: 200px; max-height: 200px; }
	.bbgLevel2large { display: none; }
    .bbg-ico-page-top { width: 90px; margin-top: 30px; }  
}
@media only screen and (max-width : 660px) {
	.bbg-circle { display: none; }
	.bbg-circle-m { display: none; }
	.pictures-slider { height: 150px; width: 100%; }
	#right-panel-btn { display:  none; }
	.bbgLevel2large { display: none; }
	.bbg-ico-page-top { width: 90px; margin-top: 30px; }  
}
@media only screen and (max-width : 500px) {
	.pictures-slider { height: 100px;  }
}

/* link */
a:not(.dropdown-toggle)  { color: #007fad; text-decoration: none; }
a:not(.dropdown-toggle):hover { color: #007fad; border-bottom: 2px solid #007fad;  text-decoration: none; }

a.visible-link { color: #444; } 
a.visible-link:before { font-family: FontAwesome; content: "\f105"; padding-right: 2px; margin-left: 4px; }
a.visible-link:HOVER { text-decoration: none; color: #999; border-bottom: 2px solid #999; }

a.blue-link { color: #007fad; } 
a.blue-link:before { font-family: FontAwesome; content: "\f105"; padding-right: 2px; margin-left: 4px; }
a.blue-link:HOVER { text-decoration: none; color: #007fad; border-bottom: 2px solid #007fad; }

a.search-result-subtitle:before { content: ">"; margin-right: 4px;  }
a.title-home:hover { text-decoration: none; }
a.admin-nav { color: #999; }
a.admin-nav:hover {border-bottom: 2px solid #aaa; text-decoration: none; }
a.icon:before {    font-family: FontAwesome; content: "\f105"; padding-right: 2px; margin-left: 4px;  }
a.icon:hover { text-decoration: none; color: #999; border-bottom: 2px solid #999; }
a.versteckt { text-decoration: none;  color: #aaa;}
a.versteckt:hover { text-decoration: none; color: #aaa; border-bottom: 1px solid #eee;}

/* title */
.maintitle {color: #444; margin-top: 30px; font-size: 28px; margin-bottom: 0px; font-weight: 600; margin-bottom: 26px; margin-top: 36px;  }
.block-title1, .block-title1 > a { font-size: 30px; color: #cd103a; margin-top: 4px; }
.block-title1 > a:hover { font-size: 30px; color: #cd103a; margin-top: 4px; text-decoration: none; border-bottom: 2px solid #cd103a;}
.block-title2, .block-title2 > a { font-size: 30px; color: #37b087; margin-top: 4px;}
h3.block-title2 { font-size: 20px; color: #37b087; margin-top: 4px;}
.block-title2 > a:hover { font-size: 30px; color: #37b087; margin-top: 4px; text-decoration: none; border-bottom: 2px solid #37b087;}

.block-title3, .block-title3 > a { font-size: 30px; color: #007fad; margin-top: 4px;}
.block-title3 > a:hover { font-size: 30px; color: #007fad; margin-top: 4px; text-decoration: none; border-bottom: 2px solid #007fad;}
.block-title4, .block-title4 > a { font-size: 30px; color: #875b7d; margin-top: 4px;}
.block-title4 > a:hover { font-size: 30px; color: #875b7d; margin-top: 4px; text-decoration: none; border-bottom: 2px solid #875b7d;}
.block-title5, .block-title5 > a { font-size: 30px; color: #eb9e2d; margin-top: 4px;}
.block-title5 > a:hover { font-size: 30px; color: #eb9e2d; margin-top: 4px; text-decoration: none; border-bottom: 2px solid #eb9e2d;}
h1, .h1 { font-size: 28px; }
h2, .h2 { font-size: 24px; }
h3, .h3 { font-size: 20px; }
h4, .h4 { font-size: 17px; }

/*  tree and table */
table { border-collapse: separate; }  
.treeselected { background-color: #eee;  }
table.data { border-spacing: 1px; padding: 1px; margin-bottom: 5px; width: 100%; font-weight: 300;}
.tree-line { height: 1px; display: flex; }
.bildlegende { color: #999; font-style: italic; }
.bbg-rot { color: #cd103a; }
.bbg-gruen { color: #37b087; }
.bbg-blau { color: #007fad; }
.bbg-violette { color: #875b7d; }
.bbg-orange { color: #eb9e2d; }
.bbg-bg-rot { background-color: #cd103a; }
.bbg-bg-gruen { background-color: #37b087; }
.bbg-bg-blau { background-color: #007fad; }
.bbg-bg-violette { background-color: #875b7d; }
.bbg-bg-orange { background-color: #eb9e2d; }
.bg-grey { background-color: #eee; }
.subline { margin-bottom: 30px; padding-bottom: 30px;  border-bottom: 1px solid #aaa; } 
.right { float: right; text-align: right; }
.middle { text-align: center; }
.navbar-default { border: none; margin-bottom: 0px;  }
.line { width: 100%; border-bottom: 1px solid #eee; }
.line1 { width: 100%; border-bottom: 1px solid #cd103a; }
.line2 { width: 100%; border-bottom: 1px solid #37b087; }
.line3 { width: 100%; border-bottom: 1px solid #007fad; }
.line4 { width: 100%; border-bottom: 1px solid #875b7d; }
.line5 { width: 100%; border-bottom: 1px solid #eb9e2d; }
.line6 { width: 100%; border-bottom: 1px solid #bbb; }
.navbar-collapse { padding: 0px; }
.navbar { min-height: 40px; }
a.navbar-brand { height: 46px; padding-left: 15px; padding-right: 5px;}
a.navbar-brand:hover { border-bottom: none; }
.bbg-main-nav { width: 100%;  }
.main1 { border-bottom: 4px solid #cd103a; }
.main1a { border-bottom: 4px solid #cd103a; border-top: 3px solid #cd103a; } 
.main2 { border-bottom: 4px solid #37b087; width: 20%; }
.main2a { border-bottom: 4px solid #37b087; border-top: 3px solid #37b087; width: 20%;}
.main3 { border-bottom: 4px solid #007fad; width: 20%; }
.main3a { border-bottom: 4px solid #007fad; border-top: 3px solid #007fad; width: 20%;}
.main4 { border-bottom: 4px solid #875b7d; width: 20%; }
.main4a { border-bottom: 4px solid #875b7d; border-top: 3px solid #875b7d; width: 20%;}
.main5 { border-bottom: 4px solid #eb9e2d; width: 20%; }
.main5a { border-bottom: 4px solid #eb9e2d; border-top: 3px solid #eb9e2d; width: 20%;}
.main6 { border-bottom: 4px solid #aaa; width: 20%; }
.main6a { border-bottom: 4px solid #aaa; border-top: 3px solid #aaa; width: 20%;}
.main7 { border-bottom: 4px solid #ddd; width: 20%; }
.main7a { border-bottom: 4px solid #ddd; border-top: 3px solid #ddd; width: 20%;}

.main1a > a, .main2a > a, .main3a > a, .main4a > a, .main5a > a, .main6a > a, .main7a > a { height: 43px; }
@media (max-width: 810px) {
     .main1, .main2, .main3, .main4, .main5, .main6, .main1a, .main2a, .main3a, .main4a, .main5a, .main6a, ul.dropdown-menu  { width: 100% !important; } 
}
.navbar-default .navbar-nav>li>a { font-size: 17px; letter-spacing: 0.07em;  text-align: center; padding-top: 13px; padding-bottom: 13px; }
@media only screen and (min-width: 1240px) {
	.loewenzahn { right: calc( 50% - 630px);  position: fixed; top: 0px;padding-top: 13px; }
	.aronstab { padding-left: calc( 50% - 630px); }
}
@media only screen and (max-width: 1240px) {
	.loewenzahn { right: calc( 50% - 530px);  position: fixed; top: 0px;padding-top: 13px; }
	.aronstab { padding-left: calc( 50% - 530px); }
}
@media only screen and (max-width: 1032px) {
	.loewenzahn { right: calc( 50% - 420px);  position: fixed; top: 0px;padding-top: 13px; }
	.aronstab { padding-left: calc( 50% - 420px); }
}
@media only screen and (max-width: 810px) {
	.loewenzahn { left: 40px;  position: fixed; top: 0px; padding-top: 13px; width: 33px; }
	.aronstab { padding-left: 0px }
}

ul.dropdown-menu { padding-bottom: 0px; padding-top: 0px;}

.navbar-spacer { height: 60px; }
.sy-filler { max-height: 400px; padding-top: 0px !important; } 
.footer { background-color: #eee; height: 50px; padding-top: 14px; color: #777; }
.bodywrapper { min-height: 100%; margin: 0 auto -50px; } 
@media only screen and (max-width : 770px) {
	.footer { height: 180px; }	
}
.dropdown-menu>li>a { line-height: 2; font-size: 15px; border-bottom: 1px solid #eee; letter-spacing: 0.05em; }
.dropdown-menu>li>a:hover { line-height: 2; font-size: 15px; border-bottom: 1px solid #ccc; letter-spacing: 0.05em; }
.dropdown-menu { border-radius: none; }
.dropdown-menu .divider { margin: 0px; } 
.copyright { color: #bbb; font-size: 11px; line-height: 110%;}
 
/* slideshow */
div.slide > img {  position:absolute;  width: 100%; top:0; left:0; }
div.slide > img:first-child {  position:relative; }
div.mainlogo {position: absolute;z-index: 10; }
div.slide { width:100%; height:auto; overflow:hidden; position:relative; margin-top: -10px; }

/* allg */
.top-image { width: 100%; }
.title-1 {  font-family:'Times New Roman',Times,serif; font-size: 36px; letter-spacing: 0.02em;  }
.portrait { max-width: 180px; max-height: 180px; width: auto; border: 1px solid #eee; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.back-3 { background-image: url(../img/bf_partner-3.jpg); background-repeat: none; background-position: top left; background-size: cover; }
.back-highligh-1 { background: rgba(255,255,255, 0.6);  }
.back-4 { background-image: url(../img/bf_partner-6.jpg); background-repeat: none; background-position: top left; background-size: cover; }
.contact-image { width: 100%;  border: 1px solid #eee; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;  }
.white { color: #fff; }
.image-container { position:relative; }
.caption-1 { width:100%; background:rgba(255,255,255,0.4); color:#eee; position:absolute; top:60%; height: 90px; padding-left: 20px; padding-top: 25px; font-size: 36px; font-family:'Times New Roman',Times,serif; letter-spacing: 0.05em; }
@media only screen and (max-width : 800px) {
	.caption-1 { visibility: hidden; }
}
.top-logo { height: 30px; width: auto; margin-top: 10px;  }
.top-logo-link { padding: 0px !important; }
.zitat { font-size: 28px; }
.navbar { background-color: #fff; }
@media only screen and (min-width : 768px) and (max-width : 1000px) {
 	.navbar-left { width: 500px; }
}
.ref-block { background-color: rgba(255,255,255,0.2); padding: 10px; border: 1px solid #111; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.text-compact { font-size: 14px; letter-spacing: 0.01em;  line-height: 150%; font-weight: 300} 
.viewer-img-preview { max-width: 160px; max-height: 160px; }
.grey { color: #aaa; }
.footerpush { height: 50px; }
.kanton { display: none; }
.glyphicon { font-size: 12px; }
.file-editor-title { font-size: 20px; margin-top: 20px;  }
hr.editor { margin-top: 0px; margin-bottom: 5px; }
.search-result-title { margin-bottom: 0px; }
.search-result-subtitle { font-size: 13px; }
.grid-element { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 12px; }   
.insert-content-table { border-spacing: 0px; padding: 0px; margin: 5px; border: 1px #ddd solid;  }
.anmeldung-info { color: #cd103a; } 
.small-spacer {  height: 6px; }
label { font-weight: 400; } 
.filelist-img-preview { max-width: 100px; max-height: 100px; }
.filelist-video-preview { max-width: 300px; max-height: 200px; }
.filelist-img-large { max-width: 100%; margin: 40px;  text-align: center; max-height: 88%; }
img.filelist-img-large { max-height: 30%; }
.modal-content { background-color: #363636; }
.modal-body {color: #eee; }
.modal-header { color: #eee; }
img.filelist-img-large { margin: 0 auto;  }    
span.exkursion-ausgebucht { font-weight: bold; color: #37b087; }

/* table */
table { border-collapse: separate; }
table.data { border-spacing: 1px; padding: 1px; margin-bottom: 5px; width: 100%; font-weight: 300;}
tr.tr-first { height: 25px; font-style: italic; }
tr.tr-one { background: #f3f3f3; height: 22px; }
tr.tr-two {  background: #e5e5e5; height: 22px; }
tr.tr-one:hover { background: #ededed; }
tr.tr-two:hover { background: #dedede; } 
td a { text-decoration: none; color: #333;  } 


div.col-sm-6, div.col-sm-4, div.col-sm-12, div.col-sm-5, div.col-sm-7 {  
    -webkit-animation: fadein 2s;  
       -moz-animation: fadein 2s; 
        -ms-animation: fadein 2s; 
         -o-animation: fadein 2s; 
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/*  form  */
.form-field { border: 1px solid #aaa; background: #fff; color: #444; padding:4px; margin-bottom:6px; width:100%; }
.formfield { border: 1px solid #aaa; background: #fff; color: #444; padding:4px; margin-bottom:6px; }
.checkbox { width: 15px; height: 15px; float: left; margin-top: 3px; margin-bottom: 10px; }
.submit-button, .formbutton, button  {
   border: 1px solid #ddd;
   background: #f8f8f8;
   background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#fff));
   background: -webkit-linear-gradient(top, #f4f4f4, #fff);
   background: -moz-linear-gradient(top, #f4f4f4, #fff);
   background: -ms-linear-gradient(top, #f4f4f4, #fff);
   background: -o-linear-gradient(top, #f4f4f4, #fff);
   background-image: -ms-linear-gradient(top, #f4f4f4 0%, #fff 100%);
   color: #777;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
   cursor: pointer;
    padding: 4px 10px 4px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
   }
button:hover, input[type=submit]:hover { background: #666; color: #f8f8f8; } 
.submit-button:disabled { color: #888; }
.submit-button:disabled:hover { background: #eee; color: #ddd; border: 1px solid #ddd; }
#file { display: inline; }   
.formtextarea { vertical-align:middle }
.exkursion-btn { border: 1px solid #37b087; }   
.vortrag-btn { border: 1px solid #007fad; }   

/* dropzone */
@-webkit-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
  30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
  100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } }
@-moz-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
  30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
  100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } }
@keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
  30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
  100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } }
@-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
  30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } }
@-moz-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
  30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } }
@keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
  30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } }
@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@-moz-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
.dropzone, .dropzone * { box-sizing: border-box; }

.dropzone { min-height: 150px; border: 2px dashed rgba(97, 132, 184, 0.6); background: white; padding: 54px 54px; } 
.dropzone.dz-clickable { cursor: pointer; }
.dropzone.dz-clickable * { cursor: default; }
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * { cursor: pointer; }
.dropzone.dz-started .dz-message { display: none; }
.dropzone.dz-drag-hover { border-style: solid; }
.dropzone.dz-drag-hover .dz-message { opacity: 0.5; }
.dropzone .dz-message { text-align: center; margin: 2em 0; }
.dropzone .dz-preview { position: relative; display: inline-block; vertical-align: top; margin: 16px; min-height: 100px; }
.dropzone .dz-preview:hover { z-index: 1000; }
.dropzone .dz-preview:hover .dz-details { opacity: 1; }
.dropzone .dz-preview.dz-file-preview .dz-image { border-radius: 20px; background: #999; background: linear-gradient(to bottom, #eee, #ddd); }
.dropzone .dz-preview.dz-file-preview .dz-details { opacity: 1; }
.dropzone .dz-preview.dz-image-preview { background: white; }
.dropzone .dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.dropzone .dz-preview .dz-remove { font-size: 14px; text-align: center; display: block; cursor: pointer; border: none; }
.dropzone .dz-preview .dz-remove:hover { text-decoration: underline; }
.dropzone .dz-preview:hover .dz-details { opacity: 1; }
.dropzone .dz-preview .dz-details { z-index: 20; position: absolute; top: 0; left: 0; opacity: 0; font-size: 13px; min-width: 100%; max-width: 100%; padding: 2em 1em; text-align: center; color: rgba(0, 0, 0, 0.9); line-height: 150%; }
.dropzone .dz-preview .dz-details .dz-size { margin-bottom: 1em; font-size: 16px; }
.dropzone .dz-preview .dz-details .dz-filename { white-space: nowrap; }
.dropzone .dz-preview .dz-details .dz-filename:hover span { border: 1px solid rgba(200, 200, 200, 0.8); background-color: rgba(255, 255, 255, 0.8); }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) { overflow: hidden; text-overflow: ellipsis; }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent; }
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { background-color: rgba(255, 255, 255, 0.4); padding: 0 0.4em; border-radius: 3px; }
.dropzone .dz-preview:hover .dz-image img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-filter: blur(8px); filter: blur(8px); }
.dropzone .dz-preview .dz-image { border-radius: 20px; overflow: hidden; width: 120px; height: 120px; position: relative; display: block; z-index: 10;}
.dropzone .dz-preview .dz-image img { display: block;}
.dropzone .dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview.dz-error .dz-error-mark { opacity: 1; -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark { pointer-events: none; opacity: 0; z-index: 500; position: absolute; display: block; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px; }
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg { display: block; width: 54px; height: 54px; }
.dropzone .dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.dropzone .dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; }
.dropzone .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; }
.dropzone .dz-preview .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 16px; left: 50%; top: 50%; margin-top: -8px; width: 80px; margin-left: -40px; background: rgba(255, 255, 255, 0.9); -webkit-transform: scale(1); border-radius: 8px; overflow: hidden; }
.dropzone .dz-preview .dz-progress .dz-upload { background: #333; background: linear-gradient(to bottom, #666, #444); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; }
.dropzone .dz-preview.dz-error .dz-error-message { display: block; }
.dropzone .dz-preview.dz-error:hover .dz-error-message { opacity: 1; pointer-events: auto; }
.dropzone .dz-preview .dz-error-message { pointer-events: none; z-index: 1000; position: absolute; display: block; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; border-radius: 8px; font-size: 13px; top: 130px; left: -10px; width: 140px; background: #be2626; background: linear-gradient(to bottom, #be2626, #a92222); padding: 0.5em 1.2em; color: white; }
.dropzone .dz-preview .dz-error-message:after { content: ''; position: absolute; top: -6px; left: 64px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #be2626; }
#btn-dropzone-listview { float: right; border: 1px solid rgba(97, 132, 184, 0.9); }
   
   
 /* bauhinia */
.bauhinia-titel { font-size: 16px; font-weight: bolder; }
table.bauhinia-table { background: #f5f5f5;
    border-collapse: separate;
    line-height: 24px;
    margin: 30px auto;
    text-align: left;
    font-size: 15px; 
    width: 100%; }
table.bauhinia-table > tbody > tr > td {
    border-right: 1px solid #fff;
    border-left: 1px solid #e8e8e8;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e8e8e8;
    padding: 4px 5px;
    position: relative;
    transition: all 300ms;
}
table.bauhinia-table > tbody > tr:nth-child(even) td {
    background: #eee;
}
table.bauhinia-table > tbody > tr:first-child {
    font-style: italic; font-weight: bold; height: 36px; background: #fafafa;
}   
.bauhinia-table tr td:first-child { width: 16%; } 
.bauhinia-table tr td:first-child + td  { font-weight:  bold; } 
.bauhinia-table tr td:first-child + td + td { width: 6%; } 
.bauhinia-table tr td:first-child + td + td + td { width: 6%; } 
.bauhinia-table tr td:first-child + td + td + td + td { width: 12%; } 
.bauhinia-table tr td:first-child + td + td + td + td + td { width: 6%; }  

 /* exkursion-berichte */
.exkursion-berichte-titel { font-size: 16px; font-weight: bolder; }
table.exkursion-berichte { background: #f5f5f5;
    border-collapse: separate;
    line-height: 24px;
    margin: 30px auto;
    text-align: left;
    font-size: 13px; 
    width: 100%; }
table.exkursion-berichte > tbody > tr > td {
    border-right: 1px solid #fff;
    border-left: 1px solid #e8e8e8;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e8e8e8;
    padding: 4px 5px;
    position: relative;
    transition: all 300ms;
}
table.exkursion-berichte > tbody > tr:nth-child(even) td {
    background: #eee;
}
table.exkursion-berichte > tbody > tr:first-child {
    font-style: italic; font-weight: bold; height: 36px; background: #fafafa;
}   
.exkursion-berichte tr td:first-child { width: 3%; } 
.exkursion-berichte tr td:first-child + td  { font-weight:  bold; } 
.exkursion-berichte tr td:first-child + td + td { width: 55%; } 
.exkursion-berichte tr td:first-child + td + td + td { width: 5%; } 
.exkursion-berichte tr td:first-child + td + td + td + td { width: 10%; } 
.exkursion-berichte tr td:first-child + td + td + td + td + td { width: 5%; }  
.exkursion-berichte tr td:first-child + td + td + td + td + td + td { width: 5%; }  


 /* hiracium */
table.hiracium { background: #f5f5f5;
    border-collapse: separate;
    line-height: 24px;
    margin: 30px auto;
    text-align: left;
    font-size: 15px; 
    width: 100%; }
table.hiracium > tbody > tr > td {
    border-right: 1px solid #fff;
    border-left: 1px solid #e8e8e8;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e8e8e8;
    padding: 4px 5px;
    position: relative;
    transition: all 300ms;
}
table.hiracium > tbody > tr:nth-child(even) td {
    background: #eee;
}
table.hiracium > tbody > tr:first-child {
    font-style: italic; font-weight: bold; height: 36px; background: #fafafa; color: #444;
}   
.hiracium tr td:first-child { width: 5%;  } 
.hiracium tr + tr td:first-child { color: red; } 
.hiracium tr td:first-child + td  { } 
.hiracium tr td:first-child + td + td { width: 40%; } 
.hiracium tr td:first-child + td + td + td { width: 8%; } 


.editor-line { text-align: right; }
.editor-sub-line { background-color: #f2f2f2; font-size: 11px; }
   
/*  print */  
.printonly { display: none; }
@media print {
    a[href]:after { content: none; }
    .noprint { display: none; } 
    .grid-element { border-bottom: 1px solid #eee; }  
    body, div { font-size: 12px; }
    .footerpush, .navbar-spacer { height: 0px; }
    .maintitle { margin-top: 10px; margin-bottom: 16px; }
    h3.block-title2 { font-size: 16px;  }
    .formbutton, .editor-line, hr.editor { display: none; }
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
    .col-sm-12 { width: 100%; }
    .col-sm-11 { width: 91.66666666666666%; }
    .col-sm-10 { width: 83.33333333333334%; }
    .col-sm-9 {  width: 75%; }
    .col-sm-8 {  width: 66.66666666666666%; }
    .col-sm-7 {  width: 58.333333333333336%;}
    .col-sm-6 {  width: 50%; }
    .col-sm-5 {  width: 41.66666666666667%; }
    .col-sm-4 {  width: 33.33333333333333%; }
    .col-sm-3 { width: 25%; }
    .col-sm-2 { width: 16.666666666666664%; }
    .col-sm-1 { width: 8.333333333333332%; }
    .block-title, .block-title1, .block-title2, h3.block-title2, .block-title3, .block-title4, .block-title5 { font-size: 16px; margin-top: 2px;}
    .printonly { display: inline; }
 }

.gf-grid-right { text-align: right; }


/* gallery */
.gallery>ul>li a {
    border: 1px solid #aaa;
    display: block;
    overflow: hidden;
    position: relative;
    min-height: 120px;
    text-align: center;
    min-width: 180px; 
    max-height: 200px; 
    width: 100%;
}
.gallery>ul>li a:hover {
    border: 1px solid #777;
}
.gallery>ul>li {
    padding-bottom: 10px;     
}
.gallery>ul>li a>img {
    -webkit-transition: -webkit-transform .15s ease 0s;
    -moz-transition: -moz-transform .15s ease 0s;
    -o-transition: -o-transform .15s ease 0s;
    transition: transform .15s ease 0s;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    width: 100%;
}
.gallery>ul>li a .gallery-poster>img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity .3s ease 0s;
    -o-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0s;
}
.gallery>ul>li a .gallery-poster {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color .15s ease 0s;
    -o-transition: background-color .15s ease 0s;
    transition: background-color .15s ease 0s;
}

/* pace */
.pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.pace-inactive { display: none; }
.pace .pace-progress { background: #cd103a; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; }
.pace .pace-progress-inner { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #cd103a, 0 0 5px #cd103a; 
    opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -moz-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px); -o-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); }
.pace .pace-activity { display: block; position: fixed; z-index: 2000; top: 15px; right: 15px; width: 14px; height: 14px;
    border: solid 2px transparent; border-top-color: #cd103a; border-left-color: #cd103a; border-radius: 10px; -webkit-animation: pace-spinner 400ms linear infinite;
    -moz-animation: pace-spinner 400ms linear infinite; -ms-animation: pace-spinner 400ms linear infinite; -o-animation: pace-spinner 400ms linear infinite;
    animation: pace-spinner 400ms linear infinite;}
@-webkit-keyframes pace-spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner { 
  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
  0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
  0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
  0% { transform: rotate(0deg); transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}