/* ######### Color #########
projekt: #969218
mitmachen: #00a9c5
spenden: #e95d0f
service: #378a41
über uns: #e8ad00


--colnav01: rgba(207, 84, 57, 1.0);
--colnav02: rgba(150, 146, 24, 1.0);
--colnav03: rgba(0, 169, 197, 1.0);
--colnav04: rgba(233, 93, 15, 1.0);
--colnav05: rgba(55, 138, 65, 1.0);
--colnav06: rgba(232, 173, 0, 1.0);
--colnav07: rgba(73, 134, 158, 1.0);
--colnav00: rgba(33, 37, 41, 1.0);

--colnav01a: rgba(207, 84, 57, 0.7);
--colnav02a: rgba(150, 146, 24, 0.7);
--colnav03a: rgba(0, 169, 197, 0.7);
--colnav04a: rgba(233, 93, 15, 0.7);
--colnav05a: rgba(55, 138, 65, 0.7);
--colnav06a: rgba(232, 173, 0, 0.7);
--colnav07a: rgba(73, 134, 158, 0.7);
--colnav00a: rgba(33, 37, 41, 0.7);

##################################### */

.btco-hover-menu ul > li#home:hover,
.btco-hover-menu ul > li#home.active,
body.home .caption, body.home .fa-home::before { color:#49869e; }
.btco-hover-menu ul > li#nav01:hover,
.btco-hover-menu ul > li#nav01.active,
body.nav01 .caption, body.nav01 .fa-home::before  { color:#cf5439; }
.btco-hover-menu ul > li#nav02:hover,
.btco-hover-menu ul > li#nav02.active,
body.nav02 .caption, body.nav02 .fa-home::before  { color:#969218; }
.btco-hover-menu ul > li#nav03:hover,
.btco-hover-menu ul > li#nav03.active,
body.nav03 .caption, body.nav03 .fa-home::before  { color:#00a9c5; }
.btco-hover-menu ul > li#nav04:hover,
.btco-hover-menu ul > li#nav04.active,
body.nav04 .caption, body.nav04 .fa-home::before  { color:#e95d0f; }
.btco-hover-menu ul > li#nav05:hover,
.btco-hover-menu ul > li#nav05.active,
body.nav05 .caption, body.nav05 .fa-home::before  { color:#378a41; }
.btco-hover-menu ul > li#nav06:hover,
.btco-hover-menu ul > li#nav06.active,
body.nav06 .caption, body.nav06 .fa-home::before  { color:#e8ad00; }
.btco-hover-menu ul > li#nav07:hover,
.btco-hover-menu ul > li#nav07.active,
body.nav07 .caption, body.nav07 .fa-home::before  { color:#49869e; }

body.home section, h4.card-title.home a { color:#49869e; }
body.nav00 section, h4.card-title.nav00 a { color: rgba(33, 37, 41, 1.0) }
body.nav01 section, h4.card-title.nav01 a { color: rgba(207, 84, 57, 1.0) }
body.nav02 section, h4.card-title.nav02 a { color: rgba(150, 146, 24, 1.0) }
body.nav03 section, h4.card-title.nav03 a { color: rgba(0, 169, 197, 1.0) }
body.nav04 section, h4.card-title.nav04 a { color: rgba(233, 93, 15, 1.0) }
body.nav05 section, h4.card-title.nav05 a { color: rgba(55, 138, 65, 1.0) }
body.nav06 section, h4.card-title.nav06 a { color: rgba(232, 173, 0, 1.0) }
body.nav07 section, h4.card-title.nav07 a { color: rgba(73, 134, 158, 1.0) }

.btco-hover-menu .collapse ul > li#home > ul > li:hover > a, 
.btco-hover-menu .collapse ul > li#home ul ul > li:hover > a { background-color:rgba(73, 134, 158, 1.0) }
.btco-hover-menu .collapse ul > li#nav00 > ul > li:hover > a, 
.btco-hover-menu .collapse ul > li#nav00 ul ul > li:hover > a { background-color:rgba(33, 37, 41, 1.0) }
.btco-hover-menu .collapse ul > li#nav01 > ul > li:hover > a, 
.btco-hover-menu .collapse ul > li#nav01 ul ul > li:hover > a { background-color:rgba(207, 84, 57, 1.0) }
.btco-hover-menu .collapse ul > li#nav02 > ul > li:hover > a, 
.btco-hover-menu .collapse ul > li#nav02 ul ul > li:hover > a { background-color:rgba(150, 146, 24, 1.0) }
.btco-hover-menu .collapse ul > li#nav03 > ul > li:hover > a, 
.btco-hover-menu .collapse ul > li#nav03 ul ul > li:hover > a { background-color:rgba(0, 169, 197, 1.0) }
.btco-hover-menu .collapse ul > li#nav04 > ul > li:hover > a, 
.btco-hover-menu .collapse ul > li#nav04 ul ul > li:hover > a { background-color:rgba(233, 93, 15, 1.0) }
.btco-hover-menu .collapse ul > li#nav05 > ul > li:hover > a, 
.btco-hover-menu .collapse ul > li#nav05 ul ul > li:hover > a { background-color:rgba(55, 138, 65, 1.0) }
.btco-hover-menu .collapse ul > li#nav06 > ul > li:hover > a, 
.btco-hover-menu .collapse ul > li#nav06 ul ul > li:hover > a { background-color:rgba(232, 173, 0, 1.0) }
.btco-hover-menu .collapse ul > li#nav07 > ul > li:hover > a, 
.btco-hover-menu .collapse ul > li#nav07 ul ul > li:hover > a { background-color:rgba(73, 134, 158, 1.0) }

body.home .carousel-item .caption { background: rgba(73, 134, 158, 0.7); }
body.nav00 .carousel-item .caption { background: rgba(33, 37, 41, 0.7); }
body.nav01 .carousel-item .caption { background: rgba(207, 84, 57, 0.7); }
body.nav02 .carousel-item .caption { background: rgba(150, 146, 24, 0.7); }
body.nav03 .carousel-item .caption { background: rgba(0, 169, 197, 0.7); }
body.nav04 .carousel-item .caption { background: rgba(233, 93, 15, 0.7); }
body.nav05 .carousel-item .caption { background: rgba(55, 138, 65, 0.7); }
body.nav06 .carousel-item .caption { background: rgba(232, 173, 0, 0.7); }
body.nav07 .carousel-item .caption { background: rgba(73, 134, 158, 0.7); }

.btn-primary {background-color: rgba(73, 134, 158, 1.0) !important;color: #fff !important;}
.btn-outline-primary {border: 2px solid rgba(73, 134, 158, 1.0) !important;color: rgba(73, 134, 158, 1.0) !important;}
.btn-primary:not([disabled]):not(.disabled).active, 
.btn-primary:not([disabled]):not(.disabled):active, 
.show > .btn-primary.dropdown-toggle {background-color: rgba(207, 84, 57, 1.0) !important;}
.btn-outline-primary.active, .btn-outline-primary:active, .btn-outline-primary:active:focus, .btn-outline-primary:focus, .btn-outline-primary:hover {border-color: rgba(207, 84, 57, 1.0) !important;color: rgba(207, 84, 57, 1.0) !important;}

/* Card-Buttons: */
.card-body p.button a { 
float: right;
padding: .5rem 1.6rem;
font-size: .64rem;
background-color: #2bbbad !important;
color: #fff !important;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
margin: .375rem;
border: 0;
-webkit-border-radius: .125rem;
border-radius: .125rem;
cursor: pointer;
text-transform: uppercase;
white-space: normal;
word-wrap: break-word;
}

.card-body p.button a:hover { 
box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
}

/* ######### CurrentColor (außer Navigation) #########
##################################### */

body { background-color: #faf9f1; }
h1 {font-size: 1.4rem;margin:0px 0 20px 0;font-weight:400;  }
h2 { color: currentColor; }
a, table.table a { color: #49869e; } main a { font-weight:500; }
a:hover, table.table a:hover { color: currentColor; }
table.table td, table.table th {padding:0.5rem;padding-bottom: 0.4rem; color:#000; }
.nopadding { padding-left:0; padding-right:0; }
figcaption, .table { color:#121212;}
.warning { color:#CCC; }
h4.modal-title { font-weight:300;font-size:0.9rem; }
.online { color:currentColor; }
.offline { color:red; }
.w-100 { width:100% !important; }
.w-10 { width:10% !important; }
.w-12 { width:12% !important; }
.w-15 { width:15% !important; }
.w-20 { width:20% !important; }


/* ######### Masonry, Card etc #########
##################################### */

section.sectioncards { margin-top:5rem; }
.figure { position: relative; overflow: hidden; cursor: default; }
.card h2 { margin-top:8px;padding: 0.3rem 1.0rem; margin-bottom:0rem; }
.card h2 a, table h2 a { font-weight:400; }
table h2 { font-size:1.1rem; }
.card h3 { margin-top:3px; font-size:12px; font-weight: 500; }
.card-columns .card { margin-bottom: 1.25rem; }
.card-body { padding: 0.8rem 1.0rem; display:inline-block; }
.card .btn { float:right; }
.card figure { margin: 0 0 0.2rem;}

@media (min-width: 576px) {
    .card-columns {
        column-count: 2;
    }
}

@media (min-width: 1200px) {
    .card-columns {
        column-count: 3;
    }
}
@media (min-width: 1400px) {
    .card-columns {
        column-count: 4;
    }
}



/* ######### Aktuelles, Meldungen #########
##################################### */

.meldung figure { max-width:48%; float:right;margin-left:20px;  }
.meldung figure img { padding:6px 0 6px 0; }
.meldung h1 { margin: 0px 0 10px 0; }
.meldung h2 { color: #121212; margin-top:5px; margin-bottom:20px; }
p.author { font-weight:normal; font-size:85%;line-height: 1.3;  }

@media (min-width: 576px) {


}

@media (min-width: 1200px) {


}
@media (min-width: 1400px) {


}


/* ######### Pressemanager Tabelle #########
##################################### */

.table-striped { background-color:#f9f8f3; }
.table-striped tbody tr.inverted, .table-striped thead tr { background-color:rgba(150, 146, 24, 1.0); color:#FFF; }
.table-striped tbody tr.inverted th span:hover { color:#DED; }
.table-striped img.mini { max-width:40px; }
.table-striped .rub { font-weight:bold; -webkit-hyphens: auto;
  -ms-hyphens: auto;  hyphens: auto; font-size:0.9rem; }
.table-striped h2 { margin-top: 5px; }
.table-striped tbody tr.inverted th { padding-top: 0.5rem; padding-bottom: 0.4rem; }
.table-striped .land { font-size: 11px; }
.table-striped .land img { max-width:35px; margin-right:8px; border:1px solid #ddd; }


#mySortTable figure { margin:0; }
#mySortTable .beschreibung { font-size:0.8rem; line-height:1.3; }
#mySortTable input { width:50px; margin-left:10px; }

/* ######### Modal #########
##################################### */

.modal .modal-header { display:inline-block; }
.modal figure { max-width:33%; float:left;margin-right:15px; }
.modal #images { padding-left:15px;padding-right:15px;}
.modal .modal-body img { padding:6px 20px 5px 0px; width:33%; float:left;}
.modal .modal-body img.lightboxImage { width:100%; max-width:600px; padding:0; }
.modal .modal-content figure img { width:100%; }
.modal-dialog { max-width: 630px; }


/* ######### Portfolio - Infomaterial #########
##################################### */

.filter {transition: all 2s ease;}

/* ######### Gallery #########
##################################### */

.sidebar section.gallery { padding:0 26px; }
section.gallery .col-md-4 { 
padding-right: 3px !important;
padding-left: 3px !important;
padding-bottom: 6px;
 }
section.gallery .col-md-3 { 
padding-right: 8px !important;
padding-left: 8px !important;
padding-bottom: 16px;
 }

/* ######### Diverses #########
##################################### */


h2 {font-size: 1.2rem;margin-top:20px;font-weight:400; color:currentColor; }
h3, h3 a {font-size: 1.1rem;margin-top:10px;font-weight:500; color:rgba(33, 37, 41, 1.0); opacity:0.7; }
h4, h4 a {font-size: 1.1rem;margin-bottom:10px;font-weight:600; color:rgba(33, 37, 41, 1.0); }
h6 { font-weight: 700; text-transform: uppercase; }
.blocktitle { width:100%; }
body.nav02 .blocktitle { color: rgba(150, 146, 24, 1.0); }
p.bildrechts, p.imgright, figure.bildrechts, figure.imgright { max-width:48%; float:right; padding-top:6px; margin-left:16px; }
p.bildlinks, p.imgleft, figure.bildlinks, figure.imgleft { max-width:48%; float:left; padding-top:6px; margin-right:24px;  }
p.bildrechtsportrait, figure.bildrechtsportrait { max-width:35%; float:right; padding-top:6px; margin-left:16px; }
p.bildlinksportrait, figure.bildlinksportrait { max-width:35%; float:left; padding-top:6px; margin-right:24px;  }
#top1, #top2, #top3, #top4 { display:block; height:40px;}

main a[href^="http://"]::after,
main a[href^="https://"]::after {
font-family: 'FontAwesome';
font-size:14px;
font-weight:300;
content:'\f0ac';
padding-left:4px;
color:#49869e;
}


div.authorcopy {
position:relative; 
display:block; width:100%; text-align:right;
margin-top:-10px;
color: #888;
}
.card div.authorcopy {
margin-top:-4px;padding-right:4px; 
}
div.authorcopy span {
font-family: 'Roboto';
font-size:10px;
}
div.authorcopy span::before { content:'©'; }

.carousel-item.active .authorcopy.imbild {
position:absolute; 
bottom:4px; right:6px;
z-index:2000;
color: #121212;
}




 /* hier farbführung */
.info-color {background-color: rgba(73, 134, 158, 1.0) !important;}
section p, section ul, section ol { color: #121212;font-weight: 300;}
h4.card-title.home a { color:#49869e; }
h4.card-title.nav00 a { color:#121212; }
h4.card-title.nav01 a { color:#cf5439; }
h4.card-title.nav02 a { color:#969218; }
h4.card-title.nav03 a { color:#00a9c5; }
h4.card-title.nav04 a { color:#e95d0f; }
h4.card-title.nav05 a { color:#378a41; }
h4.card-title.nav06 a { color:#e8ad00; }
h4.card-title.nav07 a { color:#49869e; }

/* ######### Video-iframes #########
##################################### */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	display:block;
	height: 0;
}


.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* ######### MDB Korrekturen #########
##################################### */

main, footer { font-size:93% !important; }
main { position:relative; padding-bottom:40px; }
img, svg { max-width:100%; height:auto; }
body.article-292 .table-striped img { max-width:250px !important; }
.svg-container {display:block;}.svg-container-ersatz {display:block;}
.container {max-width: 1020px;}
ul.iconlist { padding: 0;margin: .5em 0 1em;list-style: none;overflow-y: hidden;}
ul.iconlist a { color:#49869e; padding-left:14px; }ul.iconlist a i.fa { color:#49869e; font-size:1.3em;}
ul.iconlist a:hover, ul.iconlist a:hover i.fa { color:#6d6e71; }
li.underline { border-top:1px solid #DDD;padding:5px 0; }
p { margin-bottom: 0.5rem; }
hr {border-top: 2px solid rgba(0,0,0,.1);}
body.article-190 main hr {display:none !important;}
.mt-9 { margin-top:90px; }
.mt-4.first { margin-top:50px !important; }

aside { padding-top:20px; }
aside img { padding-top:6px; margin-bottom:6px; }

.fixed-rechts { position:absolute; right:0; bottom:-2px; z-index:-20; }

.stickybuttons { width:50px; position: absolute;right: 0px;top: -0px;z-index: 9000; }
.stickybuttons a { clear:left; margin-bottom:20px; }
.stickybuttons a img { margin:8px 0; }
.stickybuttons a.spenden img { opacity:1.0; }
.stickybuttons a.spenden:hover img { opacity:0.8; }
.stickybuttons a.newsletter img { opacity:0.6; }
.stickybuttons a.newsletter:hover img { opacity:0.8; }

.footer-copyright {
 overflow:hidden;
 background-color:rgba(0,0,0,.2);
 color:rgba(255,255,255,.6)
}

/* ######### Navi #########
##################################### */

.navbar {-webkit-box-shadow: none;box-shadow: none;line-height:1.0;background:none;}
.navbar { display:block;height:0px;top:13px; }
.navbar a { display:block;padding: 10px 0; }
.navbar-light {background-color: rgba(255, 255, 255, 0.7); margin-top:67px; }
.navbar-light .row {margin:0 auto; }
/* nach oben angesetzter navibalken nach scrollen */
.navbar.scrolling-navbar.top-nav-collapse {margin-top:0px;
background-color: rgba(255, 255, 255, 1.0); padding:0px;height:57px; background:#FFF;}
.navbar.scrolling-navbar.top-nav-collapse .navbar-light {margin-top:0px; }
.navbar .dropdown-menu a {text-transform: none;padding: 10px 15px;font-weight:300;}
ul ul li a.dropdown-toggle::after,
ul ul ul li a.dropdown-toggle::after {
    transform: rotate(-90deg);
}


/* hauptnavi */
.btco-hover-menu { min-height:20px; }
.btco-hover-menu a, .navbar > li > a {text-transform: none;padding: 18px 15px;font-weight:500;}
.btco-hover-menu .collapse ul ul, 
.btco-hover-menu .collapse ul ul.dropdown-menu {
background-color: rgba(240, 240, 240, 0.7);
}
.btco-hover-menu .collapse ul ul > li:hover > a, 
.navbar .show .dropdown-menu > li > a:focus, 
.navbar .show .dropdown-menu > li > a:hover {
background-color: currentColor;
color:#FFF
}
.btco-hover-menu .collapse ul ul ul > li:hover > a {
background-color: currentColor;
}
.btco-hover-menu .active a,
.btco-hover-menu .active a:focus,
.btco-hover-menu .active a:hover,
.btco-hover-menu li a:hover,
.btco-hover-menu li a:focus ,
.navbar>.show>a, .navbar>.show>a:focus, .navbar>.show>a:hover{
    color: currentColor;
    background: transparent;
    outline: 0;
}
.btco-hover-menu .collapse ul > li:hover > a { background: none; }
.navbar-collapse { margin-top:4px; }

/* subnavi */
.side-menu { list-style:none; }
.col-md-9 ul.side-menu { margin:0;padding:0; }
.col-md-9 ul.side-menu li { margin-right:30px; }
.side-menu li { margin-bottom:4px; }
.side-menu li.list-item { background-color:#EBEBEB; }
.side-menu > li.list-item.aktiv {
    color: #fff;
    background: rgba(150, 146, 24, 1.0);
}
.side-menu li.list-item > a {
text-decoration: none;
color: #444; font-weight:500;
margin: 0;
padding: 5px 20px;
display: block;
}
.side-menu li.list-item.aktiv > a {
    text-decoration: none;
    color: #FFF;
}

.side-menu ul.lev2 > li { margin-bottom: 0px; }
.side-menu ul.lev2 > li.list-item { background-color:#FFF; }
.side-menu ul.lev2 > li.list-item:hover { background-color:#EBEBEB; }
.side-menu ul.lev2 > li.list-item > a {
text-decoration: none;
color: #444; font-weight:300;
margin: 0;
padding: 3px 20px 3px 26px;
display: block;
}
.side-menu > li.list-item:hover,
.side-menu > li.list-item.active {color: #fff;background:rgba(150, 146, 24, 1.0);}
.side-menu > li.list-item:hover a,
.side-menu > li.list-item.active a {color: #fff;}


#svgproj path, #svgproj path a { border-color: #453 !important; }
#svgproj path:hover, #svgproj path.aktiv {fill: #969218;opacity: 1.0;}
#svgitaly { margin-top:6px; }
#svgitaly circle:hover, #svgitaly circle.aktiv {fill: #969218;opacity: 1.0;}



.scaling-svg-container {
 position: relative; 
 height: 0; 
 width: 100%; 
 padding: 0;
 padding-bottom: 100%; 
 /* override this inline for aspect ratio other than square */
}
.scaling-svg {
 position: absolute; 
 height: 100%; 
 width: 100%; 
 left: 0; 
 top: 0;
}

ul.pagemenu { width:300px; margin:0; display:none;}
ul.pagemenu > li { float:left; margin-left:15px;display:inline-block;width:auto;}
ul.pagemenu > li a { float:left;}

/* Top Header */

header { background-color:#FFF; }
#top-header { display:block; height:80px;padding-top:5px; background-color:#FFF; }
#top-header img { float:left }
#top-header p.bu { margin-left:14px; margin-top:22px; font-size:11px; float:left; font-weight:500; }
#top-header p.cond { font-family: 'Open Sans Condensed', sans-serif; text-transform:uppercase;
margin-right:12px; margin-top:14px; font-size:11px; line-height:18px; float:left; font-weight:700; color:#222; }

ul.language { margin-top:10px; }
ul.language > li > a > img { max-width:24px; }
.navbar .fa-home:before { color:currentColor; }



/* ######### Formulare allgemein #########
##################################### */

form i { color: #CC0000; }
#yform-meldeformular-createdate,
#yform-formular-createdate,
#yform-kontaktformular-createdate {display: none;}








/* ######### Formulare #########
##################################### */



.rex-yform .control-label { font-weight:500; }
.rex-yform .form-group { width:48%; margin-right:2%; float:left; }
.checkbox { margin-right:10px;}
#yform-meldeformular-email.form-group,
#yform-meldeformular-mitteilung.form-group,
#yform-meldeformular-upload.form-group { width:98%; float:none; }
#yform-meldeformular-field-12.form-control {height:auto;}
#yform-meldeformular-field-24-formular_senden.btn { margin:30px 0;}
#yform-meldeformular-accept.checkbox, #yform-meldeformular-upload label.control-label { font-weight:300; }

#yform-kontaktformular-strasse,
#yform-kontaktformular-mitteilung { width:98%; float:none; }
#yform-kontaktformular-plz { width:23%; float:left;}
#yform-kontaktformular-ort { width:73%; float:left; }
#yform-kontaktformular-field-27-formular_senden.btn { margin:30px 0;}

#form_mitteilung.form-group { width:98%; float:none; }
#form_plz.form-group { width:15%; float:left; }
#form_ort.form-group { width:31%; float:left; }
#form_senden.btn { margin:30px 0;}

#yform-formular-email.form-group,
#yform-formular.form-group { width:98%; float:none; }
#yform-formular label { font-weight:300; font-size:85%; }
#yform-formular-privacy-policy { padding-right:10px; }
#submit.btn { margin:30px 0; padding: .84rem 1.14rem;}

#unsubscribe .form-group { width:98%; float:none; }
#unsubscribe .btn { margin:0; padding: .84rem 1.14rem;}

#yform-kontaktformular-xmail, #yform-meldeformular-xmail,#yform-aboform-xmail,
#form_xmail { display:none; }
input[type=checkbox] { margin-right:10px; }
#yform-aboform-accept { clear:left;}
.btn { display:block;width:auto;margin:20px 0;clear:left;padding: .84rem 1.14rem;}

/* ######### Breadcrumb #########
##################################### */

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-right: 15px;
padding-left: 15px;
    margin : 1rem 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0rem;
}
.breadcrumb li + .breadcrumb li::before {
    content: none; }
.breadcrumb li.active {
color: #455a64; }
.breadcrumb li {
    padding-right: .6rem;display: inline-block; }
.breadcrumb li a {
color:currentColor;font-weight:normal;font-size:.8rem;}
.breadcrumb li::after {
font-family: 'FontAwesome';
font-size:12px;
font-weight:300;
content:'\f0da';
padding-left:.6rem;
color:#BBB;
}
.breadcrumb li:last-child::after {
   display:none;
}


/* ######### TeaserModul #########
##################################### */

.bg-color-light {background-color:#ecf2f6;}
.bg-color-light h2 { margin-bottom:30px; }
.card-deck .view {height: auto;}
.more { letter-spacing:1px; text-transform:uppercase; color:#49869e; font-size:90%; border-bottom:2px solid #49869e; line-height:30px;}
.katname { letter-spacing:1px; text-transform:uppercase; color:#121212; font-size:80%; line-height:30px; margin-top:20px;}
h4.card-title.nav01 a { color:currentColor; }



/* ######### Slider #########
##################################### */

.carousel-item .mt-50 { margin-top: 100px;}
.carousel-item .caption { padding:10px; color:#FFF !important; }
.carousel-item .caption .mbr-section-btn { position:absolute; right:20px; bottom:-34px; }
.carousel-item .caption { color: currentColor; }
.carousel-item .caption h3 { color:#FFF; font-weight:300; font-size:1.75rem;  }
.carousel-item .caption p { margin-bottom: 1.5rem; font-weight:200; }


/* ######### Map #########
##################################### */

iframe {
    display: block;
    background: #EBEBEB;
    border: none;
    height: calc(55vh - 50px);
    width: 100%;
}



/* ######### Inhalt #########
##################################### */


aside .caption, .news figcaption, figure figcaption, p.bu { font-size:85%;line-height: 1.3;  }
.gallery img { padding: 6px 0 6px 0; }
figure img { padding:6px 0 6px 0;}
.news-entry {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    border: 0;padding: 1.4rem;margin-top:20px;
}
.news-entry.grid figure { display:inline-block; width:40%; float:left; margin:0 20px 0 0; }
.news-entry.grid h2, .news-entry.full h1 {margin-top:0.2rem;line-height:1.6rem;color:rgba(73, 134, 158, 1.0);}
.news-entry .subtitle { text-transform:uppercase;}
.news-entry small, .news-entry .meta { font-size:12px; color:#888; }
.news-entry .meta a.backto { font-weight:500; }
.news-entry .btn {margin: 0rem;}
.news-entry footer, .news-entry .news-text {margin-top: 0.7rem;}



/* ######### Footer #########
##################################### */

#footer .socials .schild p { color:#50505c; }
.page-footer, .top-nav-collapse { background-color: #50505c;}
#footer section p, #footer section ul, #footer section ol, #footer h6 {color: #FFF; }
#footer .socials { padding-bottom:2rem; text-align:right; }
#footer.page-footer a {color: #fff;}

#footer .socials .schild { 
width:270px;
float:right;
padding:14px 0px 14px 14px; 
background-color:#FFF; 
margin-top:-19px; 
border:1px solid #50505c; 
color:#50505c; 
}

.schild::before {
    content: '';
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 0px solid transparent;
    border-right: 20px solid #50505c;
    position: relative;
    left: -269px;
    top: 4px;
}




 /* ######### Social Buttons #########
##################################### */

.socials p {font-size:90%; float:left; padding-top:4px; margin-right:10px;margin-bottom: 0rem; }

.icon {
	position:relative;
	text-align:center;
	width:0px;
	height:0px;
	padding:14px;
	border-top-right-radius: 	14px;
	border-top-left-radius: 	14px;
	border-bottom-right-radius: 14px;
	border-bottom-left-radius: 	14px; 
	-moz-border-radius: 		14px 14px 14px 14px;
	-webkit-border-radius: 		14px 14px 14px 14px;
	-khtml-border-radius: 		14px 14px 14px 14px; 	
	color:#FFFFFF;
}
.icon em {
	font-size:14px;
	position:absolute;
	left:4px;
	top:6px;
}
.icon.social {
	float:left;
	margin:0 5px 0 0;
	cursor:pointer;
	background:#6d6e71 ;
	color:#262626;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 	
}
.icon.social:hover {
	background:#262626 ;
	color:#6d6e71;
	transition: 0.5s;	
}
.icon.social.in {
margin:0;
}
.icon.social.fb em {
	left:10px;
	top:8px;
}
.icon.social.tw em {
	left:6px;
	top:3px;
}
.icon.social.yt em {
	left:8px;
}
.icon.social.in em {
	left:8px;
top:7px;
}


.icon.social.tw a em img{ position:relative;top:0;left:0;
width:16px;height:auto;
}
.icon.social.tw:hover{
background-color: #262626;
}


/* *******************************************************
Small Devices, Phones (landscape phones, 576px and up) -> Galaxy S5 quer
******************************************************** */

@media (min-width: 576px) { 
/* ----- */

.navbar { top: 0px; }
#top-header p.cond { font-size:16px; line-height:22px; }
/* ----- */
}

/* *******************************************************
Medium devices (tablets, 768px and up) -> ab hier Menu -> iPad
******************************************************** */

@media (min-width: 768px) { 
/* ----- */

.svg-container {display:block;}
.svg-container-ersatz {display:none;}
ul.language { margin-top:28px; }
.navbar { display:block;height:0px;top:0px; }
#footer .col-md-4 { padding-bottom:0rem; }
#footer .col-md-4.middle { max-width: 26.6%; }
#footer .col-md-4.last { max-width: 39%; }
#footer .text-md-left { padding-bottom:14px; }
.stickybuttons { width:60px; position: absolute;right: 0px;top: 50px;z-index: 9000; }
.carousel-item .caption { padding:16px 24px 16px 24px; color:#FFF !important; }
.card-columns {column-count: 3;}
.alert ul { margin:0; }
.carousel { min-height: 350px !important; }

/* ----- */
}

/* *******************************************************
Large devices (desktops, 992px and up) -> iPad Pro hoch
******************************************************** */

@media (min-width: 992px) { 
/* ----- */



/* ----- */
}


/* *******************************************************
Extra large devices (large desktops, 1200px and up) -> iPad Pro quer
******************************************************** */

@media (min-width: 1200px) { 
/* ----- */

.btco-hover-menu .collapse ul ul ul ul {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 250px;
    display: none;
    z-index: 1;
}

/* ----- */
}





/** Print css **/

@media print {
    /* on modal open bootstrap adds class "modal-open" to body, so you can handle that case and hide body */
    body.modal-open {
        visibility: hidden;
    }

    body.modal-open .modal .modal-header,
    body.modal-open .modal .modal-body {
        visibility: visible; /* make visible modal body and header */
    }
}