/*header*/
.path-frontpage .main-header{
  background: url(welcome_banner_bg.jpg); 
  /*filter: brightness(1.2);*/
  box-shadow: 10px 10px 15px silver;
  color: #fff;
  padding: 10px 0;
  margin-bottom: 20px;
  background-size: cover;
  position: relative;
  background-position-y: center;
}

.main-header{
  background: url(welcome_banner_bg.jpg); 
  /*filter: brightness(1.2);*/
  box-shadow: 10px 10px 15px silver;
  color: #fff;
  padding: 10px 0;
  margin-bottom: 20px;
  background-size: cover;
  position: relative;
  background-position-y: center;
}

.welcome-banner-text {
    padding: 40px 0;
}


.maintenance-page {
    background: url(maintenance-bg.svg) #c0c9c3 center no-repeat;
    text-align: center;
    padding-top: 210px;
    padding-bottom: 100px;
    color: #000;
}

.maintenance-msg {
  margin: 8em 0;
  background: none;
  padding: 20px 30px;
  display: grid;
  color: #404040;
  border: none;
  box-shadow: none;
  font-size: 14px;
}
.maintenance-msg h1 {
  margin-top: 5em;
}


/*login*/
.openid-connect-login-form{
margin: 40px auto;
max-width: 650px;
padding: 10px 30px;
 }
 
/*EU-Cookie*/
div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab, 
div#sliding-popup.sliding-popup-bottom {
  background: rgba(0, 0, 0, .85) !important;
}
button.agree-button.eu-cookie-compliance-secondary-button {
  cursor: pointer;
  border: none;
  background-color: #19c2c8 !important;
  margin-right: 5px;
  margin-top: 1em;
  vertical-align: middle;
  overflow: visible;
  width: auto;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #000;
  color: #fff;
  font-family: Arial,sans-serif;
  font-weight: bold;
  padding: 4px 8px;
  text-decoration: none;
}
 
img.mapoverview.align-left{ filter: invert(1);}

/*account*/
nav#block-useraccountmenu a{color: #fff;}
nav#block-useraccountmenu-menu.contextual-region a{color: #fff;}
h2#block-useraccountmenu-menu{color: #fff; font-size: 20px; position: relative; left: 2em;}
#block-useraccountmenu:before{
    background-image: url(iconmonstr-user-29.svg);
	position: absolute;
    top: -0.2em;
    left: -1.5em;
    display: block;
    width: 30px;
    height: 100%;
    content: "";
   background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: top;
    background-size: 100% auto;
	transition: all 0.3s ease-in-out 0s;
	filter:invert(100%) sepia(0%) saturate(800%) hue-rotate(10deg) opacity(30%)
}

/*Footermenu*/
nav#block-projekt a,
nav#block-linkspartner a,
nav#block-hilfeservice a,
nav#block-biota-theme-account-menu a {color: #173c45;}
h2#block-biota-theme-account-menu-menu{font-size: 20px; color: #173c45;}
h2#block-projekt-menu,
h2#block-linkspartner-menu,
h2#block-hilfeservice-menu {padding-inline-start: 40px; font-size: 20px; color: #173c45;}

#block-biota-theme-account-menu:before {
    background-image: url(iconmonstr-user-29.svg);
	position: absolute;
    top: -0.3em;
    left: -1em;
    display: block;
    width: 24px;
    height: 100%;
    content: "";
   background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: top;
    background-size: 100% auto;
	transition: all 0.3s ease-in-out 0s;
	filter:invert(100%) sepia(0%) saturate(800%) hue-rotate(10deg) opacity(30%)
}

#block-projekt:before {
    background-image: url(iconmonstr-globe-5.svg);
	position: absolute;
    top: -0.3em;
    left: -1em;
    display: block;
    width: 30px;
    height: 100%;
    content: "";
   background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: top;
    background-size: 100% auto;
	transition: all 0.3s ease-in-out 0s;
	filter:invert(100%) sepia(0%) saturate(800%) hue-rotate(10deg) opacity(30%)
}

#block-linkspartner:before {
    background-image: url(iconmonstr-link-2.svg);
	position: absolute;
    top: -0.3em;
    left: -1em;
    display: block;
    width: 30px;
    height: 100%;
    content: "";
   background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: top;
    background-size: 100% auto;
	transition: all 0.3s ease-in-out 0s;
	filter:invert(100%) sepia(0%) saturate(800%) hue-rotate(10deg) opacity(30%)
}

#block-hilfeservice:before {
    background-image: url(iconmonstr-help-3.svg);
	position: absolute;
    top: -0.3em;
    left: -1em;
    display: block;
    width: 30px;
    height: 100%;
    content: "";
   background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: top;
    background-size: 100% auto;
	transition: all 0.3s ease-in-out 0s;
	filter:invert(100%) sepia(0%) saturate(800%) hue-rotate(10deg) opacity(30%)
}

a.link-white{color: #fff;}

/*custom menus*/
nav#block-biota-theme-wildbienen ul.menu, nav#block-biota-theme-schwebfliegen ul.menu {
    width: 90%;
    overflow: hidden;
    margin: 1rem 0 0 0;
    padding: 0 0 0 0;
    list-style-type: none;
    font-size: 1.5rem;
    background-color: rgb(248 248 248);
}
nav#block-biota-theme-wildbienen li.menu-item, nav#block-biota-theme-schwebfliegen li.menu-item {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgb(255 255 255);
}
nav#block-biota-theme-wildbienen a, nav#block-biota-theme-schwebfliegen a {
    display: block;
    padding: 5px 0 5px 10px;
    text-decoration: none;
	background-color: #ebebeb;
    color: #4d614f;
}
nav#block-biota-theme-wildbienen a.active, nav#block-biota-theme-schwebfliegen a.active {
    background-color: #eaeaea;
}
.group_last_parent{background-color: #173c45 !important; color: #fff !important;}

/*custom widgets*/
.path-frontpage .third-footerwidget {
    background: #C0C9C3;
    color: #2c3434;
    padding: 60px 0;
    font-size: 1.05em;
    min-height: 350px;
}

.third-footerwidget {
    color: #2c3434;
	background: #C0C9C3;
}
.path-frontpage .third-highlight {
    padding: 60px 0;
}
.footerwidget {
    background: #173c45;
	padding: 60px 0;
}
.second-footer {
	background: #eee;
	color: #173c45;
}
.third-footer {background-color: #fafafa;
    margin-top: 0.5px;
    padding: 40px;
}
.footer-menu {
	background-color: #fff;
	}
.copyright {
    background: #173c45;
}
.credit-link{
    text-align: center;
}
.indicia-link{
    text-align: right;
}

/* counter */
.counter-12 {
	padding:8%; 
	max-width:200px; 
	max-height:200px; 
	border-radius:50%;
}
.counter-22 {
	padding:8%; 
	max-width:200px; 
	max-height:200px; 
	border-radius:50%;
	border: 4px solid #eeeeee54;
}
.counter-12 img {
    transform: rotate(12deg)!important;
    filter: hue-rotate(25deg) brightness(80%);
}
.counter-22 img {
    transform: rotate(22deg)!important;
    filter: hue-rotate(25deg) brightness(80%);
}
h1.counter-text{
	font-weight:800; color:#b5b6b5;
	}
div.counter-text{
	height: 80px;
	}
div.card-view{max-width: 100%;
    background-color: #fff;
    height: 100%;
    max-height: 500px;
    box-shadow: 0 1px 4px 0 rgba(12, 12, 13, 0.1);
	margin-bottom: 10px;
}
.image-box-outer{
	float:right;
	width:50%;
}
figure.image-box-shadow.align-right{
	display: block;
	margin: 0.5em;
}
.image-box-shadow img{
	box-shadow:10px 10px 15px silver;
}
.image-box-shadow figcaption{
	font-size: .9em;
	font-style: italic;
    overflow-wrap: break-word;
    word-wrap: break-word;
	max-width: 450px;
}
div.img-wrapper{ width: 100%;
    height: 100%;
    max-height: 250px;
    margin-bottom: 20px;
    overflow: hidden;
}
picture{object-fit: cover;
}
img.picture{max-height 250px;
}
div.details{min-height: 200px;
    max-height: 250px;
    padding: 10px;
}

div.occurrences {
    font-size: large;
    text-align: center;
    background: #7c9f7b;
    color: white;
    height: 50px;
    padding-top: 5px;
    margin: 2px;
}
div.species {
    font-size: large;
    text-align: center;
    background: #d40000;
    color: white;
    height: 50px;
    padding-top: 5px;
    margin: 2px;
}
div.photos {
    font-size: large;
    text-align: center;
    background: #00591b;
    color: white;
    height: 50px;
    padding-top: 5px;
    margin: 2px;
}

/* ---------------------------------------------------------------------- */
/* 10- CAROUSEL, PORTFOLIO ITEM & BANNER LAYOUT
/* ---------------------------------------------------------------------- */

.jcarousel-container { margin: 0px -20px 0px 0; max-width: 100%; padding: 0px 0 0  0; }
.jcarousel-clip { overflow: hidden; width: 100%; }
.jcarousel-item { margin: 0 0px 30px 0; width: 220px; }
.jcarousel-next-disabled, .jcarousel-next-disabled:hover, .jcarousel-next-disabled:focus, .jcarousel-next-disabled:active, .jcarousel-prev-disabled, .jcarousel-prev-disabled:hover, .jcarousel-prev-disabled:focus,
.jcarousel-prev-disabled:active { background-color: #615951; cursor: auto; box-shadow: inset0 0 7px #46403a; -moz-box-shadow: inset 0 0 7px #46403a; -webkit-box-shadow: inset 0 0 7px #46403a; }

/* ----default---- */
.jcarousel-wrapper.jcarousel-skin-default {
    margin: 20px auto;
    position: relative;
    border: 10px solid #fff;
    width: 903px;
    max-width: 95%;
    height: 100px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
}

.jcarousel-skin-default .jcarousel {
    position: relative;
    overflow: hidden;
	/*height: inherit;*/
    height: -webkit-fill-available;
}

.jcarousel img{
	object-fit: cover;
    aspect-ratio: 16 / 9;}

/* ----tango----- */
.jcarousel-wrapper.jcarousel-skin-tango {
    margin: 20px auto;
    position: relative;
    width: 903px;
    max-width: 95%;
    height: 100px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
}

.jcarousel-skin-tango .jcarousel-control-prev, .jcarousel-skin-tango .jcarousel-control-next {
    position: absolute;
    top: 0;
    width: 30px;
    height: 100%;
    text-align: center;
    background: #fff;
    color: #444;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial,sans-serif;
    -moz-border-radius: 30px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
    opacity: 0;
}
.jcarousel-skin-tango .jcarousel-control-next:after {
    content: '\203A';
    line-height: 100px;
    font-size: 80px;
    position: absolute;
    top: 80px;
    right: 0;
}

/* ---variation-----*/
/*
.jcarousel-skin-tango .jcarousel li {
    float: left;
    background: rgb(0 0 0 / 50%);
	background: #3c763d78;
    width: 240px;
    height: 340px;
    margin-right: 20px;
    padding: 0;
    list-style: none;
    text-align: center;
	box-shadow: 2px 4px 4px rgb(0 0 0 / 20%);
}

.jcarousel-wrapper.jcarousel-skin-tango {
    height: 340px;
	width: 803px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;

*/

p.description, p.description a {
    margin: 10px 0 5px 0;
    padding: 10px 4px 4px 5px;
    color: #FFF;
}

.portfolio-item-hover-content, .proj-img1 { position: relative; overflow: hidden; }
.portfolio-item-hover-content a.zoom { background: url("plus-4.svg") no-repeat; margin-left: -1px; display: inline-block; width: 52px; height: 52px; position: absolute; top: 0px;
left: 45%; margin-top: 0px; z-index: 10; text-indent: -9999px; filter: opacity(0.5);}
.portfolio-item-hover-content { line-height: 0; display: block; background: transparent; z-index: 99; }
.portfolio-item-holder {
	position: relative;
	overflow: hidden; 
	height: auto; 
	margin-bottom: 0px; 
	/* border-radius: 60% 60% 60% 60%/8rem; */
	border-radius: 0px;
	}
.portfolio-item-hover-content .hover-options { display: block; font-style: normal; position: absolute; width: 100%; height: 100%; z-index: 9; top: 0; left: 0; 
background: #fff url("portfolio-hover-bg.png") repeat; opacity: 0; filter: alpha(opacity:0); cursor: pointer; }
#banner-inside, #slider-container { border-bottom: 1px solid #E1E1E1; margin-bottom: 30px; padding-bottom: 35px; }
#banner-inside #slider-container { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.flexslider.loading { min-height: 350px; background: url('loading.gif') no-repeat center center; }

/*colors*/
.greenblue{color: #078D92;}
.lightgreen{color: #f3faef;}
.blue{color: #23527c;}
.black{color: #000;}
h1.blue{color: #23527c; font-size: 2.5em;}
h1.darkblue{color: #173c45; font-size: 2.5em;}
.hundertzehn{font-size: 110%}

div#ui-datepicker-div{z-index:9004!important;}

a.action-button.map-icon img {
    width: 30px;
    filter: sepia(0.0);
}

.id-diff { width: 16px; height: 16px; display: inline-block; background: url("../media-icons/warning-icons.png");}
.id-diff-2 {  background-position: -16px 0px;}
.id-diff-3 {  background-position: -32px 0px;}
.id-diff-4 {  background-position: -48px 0px;}
.id-diff-5 {  background-position: -64px 0px;}


@media (min-width: 768px)and (max-width: 959px){
div.img-wrapper{ 
    max-height: 205px;
}
}