@media ( min-width :768px) and (max-width:991px) {
	
	/*Top Elements*/
		.main-header{
			width: 750px;
			margin-left: auto;
			margin-right: auto;
		}
		
		div.social-media, div.language-selector, div.front-search {
			display: inline;
			margin: 5px 0px 0px 10px;
		}
		
		div.top-links {
			position: absolute;
			bottom: 10px;
			right: 0px;
		}
		
		div#block-toplinksmobile,
		div#block-toplinksmobilefr,
		div#block-toplinksmobileit,
		div#block-toplinksmobileen {
			display: none;
		}
		
		.top-links ul, .social-media ul {
			padding: 0px;
			margin: 0px;
		}
		
		.top-links p, .social-media p, .language-selector p {
			margin: 0px;
		}
		
		div.top-links, div.social-media, div.language-selector {
			float: right;
		}
		
		div.language-selector ul {
			margin: 5px 0px;
		}
		
		div.language-selector {
			display: none;
		}
		
		.site-branding__logo img{
			/*height: 79px;*/
			/*width: 219px;*/
    		height: 79px;
    		width: 105px;
    		object-fit: cover;
    		object-position: 0;
		}
	
	/*Fusszeile*/
	
		.footer-col {
			width: 49%;
		    padding: 0px 30px 30px 0px;
		    display: inline-flex;
		}
		
		div.region.region-login ul {
			margin: 13px 0;
			float: right;
		}
		
		div.region.region-login li.menu-item {
			display: inline;
			margin-left: 20px;
		}
		
		div.region.region-login li.menu-item a {
			color: white;
		}
		
		div.language-dropdown {
			/*display: none;*/
		}
		
		
		div.language-dropdown h2{
			color: white;
			font-size: 15px;
			margin-bottom: 10px;
		}
		
		div.language-dropdown form{
			display: inline;
		}
		
		div.language-dropdown select{
			width: 100% !important;
			color: black;
			float: right;
		}
		
		.region-language-dropdown ul {
			list-style-type: none;
			padding-left: 0px;
		}
		
		.region-language-dropdown .links ul {
			margin: 5px 0px;
		}
		
		.region-language-dropdown .links li {
			display: inline;
			padding: 0px 20px 0px 0px;
		}
		
		.region-language-dropdown .links a {
			color: white;
			font-size: initial;
		}
		
		.region-language-dropdown .block {
			display: inline-block;
		}
		
		.region-language-dropdown .block-language {
			float: right;
			padding: 5px 0px;
		}
		
		
	
	/*Übersichtsseite*/
	
		.teaser-page-4col {
		    display: flex;
	  		justify-content: space-between;
		}
		
		.teaser-page-4col div {
		    width: 92%;
		}
		
		table {
		width: 100%;	
		}
		
		td {
			padding: 10px;
		}
		
		.block-views-blockbild-oben-block-1{
		margin: 0px -5px;
		} 
		
		.block-views-blockbild-oben-block-1 img{
			width: 100%;
			height: auto;
			margin: 0px 0px 20px 0px;
		}
		
		.content_layout{
			margin-top: 10px;
		}
		
		ul {
		    /*list-style-image: url('/libraries/image/arrow-right.svg');*/
		    list-style-type: square;
		}
		
		
		.views-field-field-copyright-text-zu-bild-obe {
			color: #adaeae;
			font-style: italic;
			float: right;
			font-size: 0.8em;
			margin-top: -20px;
    		margin-right: 2px;
		}
	
	/*Allgemein*/

		.messages {
		    margin-bottom: 10px;
		}
		
		div.region-content {
			padding-right: 10px;
		}
		
		div.node__content {
			margin-right: 0px;	
		}
		
		div.region-sidebar-second {
			width: 315px;
		}
		
		.content_layout div.row {
			margin-bottom: 20px;
		}
		
		div.col-md-9 {
			padding: 0px 5px;
		}		
		
		.region-page-title h1 {
			margin-top: 0px;
		}
		
		div.col-md-3 {
    		padding-top: 0px;
		}
		
	/*Suchfeld Startseite*/

		div.front-search {
			float: right;
			margin-bottom: 0px;
		}
		
		div.front-search .search-block-form input {
			color: #005887;
		    background-color: #ddecf8;
		    border: none;
		    outline: none;
		}
		
		div.front-search .search-block-form input[type="search"] {
			border-bottom: 1px solid #ddecf8;
		    background-color: #ddecf8;
		    /* border-collapse: separate; */
		    border-top: 1px solid #ddecf8;
		    height: 37px;
		}
		
		div.front-search .search-block-form input[type="submit"] {
		    background-image: url(../images/lupe.svg);
		    background-position: center;
		    background-repeat: no-repeat;
		    background-size: 20px;
		    background-color: #ddecf8;
		    font-size: 0;
		    margin-right: 20px;
		}
		
	/*Button Startseite*/
		
		div.region-button {
			position: absolute;
			z-index: 10;
			background-color: green;
			-moz-border-radius: 50px;
			-webkit-border-radius: 50px;
			border-radius: 75px;
			width: 75px;
			height: 75px;
			left: 88%;
			top: -23%;
			text-align: center;
			line-height: 75px;
		}
		
		div.region-button a {
			color: white;
			font-weight: bolder;
			font-size: 0.9em;
		    display: inline-block;
		  	vertical-align: middle;
			margin-top: -9px;
		  	line-height: normal;
			-webkit-transform: rotate(-20deg);
			-moz-transform: rotate(-20deg);
			-ms-transform: rotate(-20deg);
			-o-transform: rotate(-20deg);
		}
		
	/*Newsletter Anmeldefeld*/
		
		.region-sidebar-second div.form-item-mail-0-value, .region-sidebar-second div#edit-actions, .region-sidebar-second div#edit-mail-wrapper {
			display: inline;	
		}
		
		.region-sidebar-second input {
			height: 33px;
		}
		
		.region-sidebar-second input#edit-mail-0-value {
			width: 230px;
			padding: 4px 4px 4px 9px;
		}
		
		.region-sidebar-second input#edit-subscribe {
			width: 100px;
			/*float: right;*/
		}
		
		.region-sidebar-second label, .region-sidebar-second div#edit-mail-0-value--description {
			display: none;	
		}
		
		div.top-links li, div.language-selector li, div.social-media li {
			display: inline;
			padding: 0px 10px 0px 10px;
			/*font-weight: 900;*/
		}
		
		div.top-links a, div.language-selector a, div.social-media a {
			color: black;
		}
		
		div.region-important-links, div.region-language-selector{
			margin-top: 8px;
			margin-bottom: 8px;
		}
		
	/* Banner rechts */
	
		div.region-sidebar-second {
			display: inline;
		}
		
		.block-views-blockbanners-right-block-1 {
			margin-top: 0px;
		}
		
		.block-views-blockbanners-right-block-1 .views-row {
			margin-bottom: 10px;
			height: 110px;
			position: relative;   
			width: 45%;
			display: inline-table;
			margin: 0px 1px 15px 5px;
		}
		
		.position-upper-left, .position-upper-right, .position-lower-left, .position-lower-right {
			background-color: #27a738;
		}
		
		.block-views-blockbanners-right-block-1 .views-field-title {
			width: 363px;
		}
		
		.block-views-blockbanners-right-block-1 .views-field-title a {
			padding: 2px 10px;
			color: #ffffff;
			font-weight: 900;
		}
		
		.block-views-blockbanners-right-block-1 .views-field-title .position-upper-right a {
			right: 0px;
		}
		
		.block-views-blockbanners-right-block-1 .views-field-title .position-lower-left a {
			bottom: 0px;
		}
		
		.block-views-blockbanners-right-block-1 .views-field-title .position-lower-right a {
			bottom: 0px;
			right: 0px;
		}
		
		.block-views-blockbanners-right-block-1 img {
			max-width: 363px;
			max-height: 126px;
		}
		
	/* Slideshow */
		
		div.slideshow-frame {
			background-color: #e5e5e5;
			height: 238px;
			margin-top: 10px;
			margin-bottom: -10px;
		}
		
		div.slideshow-frame div.container{
			position: relative;
		}
		
		div.slideshow-element {
		
		}
		
		.views_slideshow_slide div.views-row {
			height: 238px;
			margin-bottom: 10px;
		}
		
		.views_slideshow_slide div.views-field-field-image {
			width: 530px;
			height: 238px;
			display:inline;
			float: left;
		}
		
		div.views_slideshow_cycle_slide {
			width: 530px;
			height: 238px;
		}
		
		.views_slideshow_slide img {
			width: 530px;
			height: 238px;
			display: inline;
		}
		
		.views_slideshow_slide .views-field-title a {
			background-color: #005887;
			width: 220px;
			height: 157px;
			color: #ffffff;
			font-weight: 900;
			font-size: 1.35em;
			line-height: 1.3em;
			padding: 67px 20px 0px 20px;
			position: absolute;
			top: 0px;
			left: 530px;
		}
		
		.views_slideshow_slide div.views-field-field-slide-text{
			display: table;
		}
		
		.views_slideshow_slide .views-field-field-slide-text a{
			background-color: #005887;
			display: table-cell;
			width: 220px;
			height: 81px;
			color: #ffffff;
			font-weight: 900;
			padding: 5px 20px 0px 20px;
			position: absolute;
			top: 157px;
			left: 530px;
			line-height: 1.4em;
		}
		
		.widget_pager_bottom {
			position: absolute;
			top: 218px;
			z-index: 6;
			left: 10px;
		}
		
		.widget_pager_bottom .views_slideshow_pager_field_item {
			border-radius: 50%;
			height: 15px;
			width: 15px;	
			float: left;
			margin-right: 5px;
			background-color: #005887;
		}
		
		.widget_pager_bottom .active {
			background-color: white;
			/*box-sizing: border-box;
		    -moz-box-sizing: border-box;
		    -webkit-box-sizing: border-box;
		    border: 3px solid #ffffff;*/
		}
		
	/*Speziell für Slideshow 100Jahre*/
		
		#views_slideshow_cycle_main_slideshow_100_jahre-block_1 .views_slideshow_slide img {
			width: 740px;
			height: 332px;
		}
		
		div.block-views-blockslideshow-100-jahre-block-1 {
			height: 351px;		
		}
		
		div#widget_pager_bottom_slideshow_100_jahre-block_1 {
			position: absolute;
			top: 311px;
			z-index: 6;
			left: 10px;
		}
		
	/*Speziell für Slideshow Arten*/
	
		#block-views-block-artendb-slideshow-block-1 {
			position: relative;
		}
		
		#block-views-block-artendb-slideshow-block-1 div.slideshow-frame, #block-views-block-artendb-slideshow-block-1 .views_slideshow_slide div.views-row {
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			justify-content: flex-end;
			background-color: #005887;
			width: 750px;
			height: 310px;
		}
		
		#block-views-block-artendb-slideshow-block-1 .views_slideshow_slide div.views-field-field-image, #block-views-block-artendb-slideshow-block-1 div.views_slideshow_cycle_slide, #block-views-block-artendb-slideshow-block-1 .views_slideshow_slide img {
			width: 465px;
			height: 310px;
		}
		
		#block-views-block-artendb-slideshow-block-1 .views_slideshow_slide div.views-field-title, #block-views-block-artendb-slideshow-block-1 .views_slideshow_slide div.views-field-field-slide-text {
			width: 235px;
		}
		
		#block-views-block-artendb-slideshow-block-1 .views_slideshow_slide .views-field-title h3 {
			color: #ffffff;
			font-weight: 900;
			font-size: 1.3em;
			line-height: 1.3em;
			background-color: #005887;
			/* width: 285px;
			height: 230px;
			padding: 190px 25px 0px 25px;
			margin: 0px;
			position: absolute;
			top: 0px;
			left: 465px; */
		}
		
		#block-views-block-artendb-slideshow-block-1 .views_slideshow_slide .views-field-field-slide-text p {
			color: #ffffff;
			font-weight: 900;
			/* background-color: #005887;
			display:table-cell; 
			align:bottom;
			width: 285px;
			height: 80px;
			padding: 15px 25px 0px 25px;
			position: absolute;
			top: 230px;
			left: 465px; */
		}
		
		#block-views-block-artendb-slideshow-block-1 .widget_pager_bottom {
			top: 285px;
		}
		
	/*Speziell für Blog 100Jahre*/
	
	.blog-100-jahre-view .views-row {	
		display: inline-table;
		padding-bottom: 20px;
    	margin-bottom: 20px;
	}
	
	.node--type-_00jahre-blog-eintrag .field--name-field-release-date {
		font-weight: bold;
	}
	
	.blog-100-jahre-view .views-field-field-bild-oben img{	
		float: left;
	    max-width: 30%;
	    height: auto;
	    margin-right: 2%;
	    margin-top: 1%;
	}	
	
	/*Arten-DB*/
	
	.column-left {
		width: 740px;
	}
	
	.column-right {
		width: 740px;
	}
	
	.column-narrow {
		width: 140px;
	}
	
	.column-broad {
		width: 580px;
	}
	
	.column-half {
		width: 47%;
	}
	
	.artendb_head_container {
		width: 30%;
	}
	
	
	/*News für Startseite*/
		
		.more-link {
		  	margin-top: 7px;
		    margin-bottom: 10px;
		    font-weight: bold;
		}
		
		.frontpage-news-release-date {
			float: left;
			width: 15%;
		}
		
		.frontpage-news-title {
			float: left;
			width: 85%;
			/*font-weight: bold;*/
		}
		
		#block-weiterenews,
		#block-autresnouvelles,
		#block-altrenews {
		    margin-top: 20px;
		}
		
	/*Blöcke für Startseite*/
		
		div.frontpage_row1, div.frontpage_row2, div.frontpage_row3 {
			/*width: 710px;*/
		}
		
		div.frontpage_row1_left, div.frontpage_row2_left, div.frontpage_row3_left{
			text-align: left;
			max-width: 340px;
			display: inline-table;
		}
		
		.frontpage_row1_left img, .frontpage_row2_left img, .frontpage_row3_left img{
			width: 340px;
			height: auto;
		}
		
		div.frontpage_row1_right, div.frontpage_row2_right, div.frontpage_row3_right{
			float: right;
			text-align: left;
			max-width: 340px;
			display: inline-table;
		}
		
		.frontpage_row1_right img, .frontpage_row2_right img, .frontpage_row3_right img{
			width: 340px;
			height: auto;
		}
		
	/*Fusszeile*/
		
		.footer-col ul{
			padding-left: 0px;
		}
		
		.footer-col li{
			list-style: none;
		}
		
		/*Copyright*/
		.region-impressum div {
			text-align: right;
		}
		
		/*Sprachumwandler*/
		.block-language a.is-active {
			/*color: #898989;*/
			text-decoration: underline;
		}
		
		.block-language a.not-translated {
			color: #898989;
			/*display: none;*/
		}
		
	/*News-Seite*/
		.row-news-page {
			padding-bottom: 10px;
			margin-bottom: 10px;
			border-bottom: 1px solid #005887;
		}
		
		.row-news-page .views-field-title {
			font-weight: bold;
			margin-bottom: 5px;
		}
		
	
			/*Kalender Home*/
		.row-kalender-home {
			padding-bottom: 10px;
			margin-bottom: 10px;
			border-bottom: 1px solid #005887;
		}
		
		.row-kalender-home .views-field-title {
			font-weight: bold;
			margin-bottom: 5px;
		}
	
	
	/*Naturjuwelen*/
		.row-naturjuwelen-list {
			padding-bottom: 10px;
			margin: 10px 0px;
			border-bottom: 1px solid #005887;
			min-height: 160px;
		}
		
		.row-naturjuwelen-list .views-field-title {
			font-weight: bold;
			margin-bottom: 5px;
		}
		
	/*Webform*/
	
		legend {
			border-bottom: 0;
		}
	
		.webform-submission-form label {
			width: 20%;
		}
		
		label.form-required:after {
			color: #CC0000;
			content: '*';
			display: inline;
		}
		
		.js-form-type-textfield label,
		.js-form-type-textarea label {
		    display: inline-block;
		    margin-bottom: 5px;
		    font-weight: 700;
		    vertical-align: top;
		}
		
		.js-form-type-textarea div {
			display: inline-block;
		}
		
		textarea {
			width: 447px;
		}
		
		/* div.container-inline {
			display: inline-block
		} */
		
		div.webform-element-description {
			margin-left: 20%;
		}
		
		span.field-suffix {
			margin-left: 7px;
		}
		
	/*Navigation*/
		
		.navbar {
			border: none;
			border-radius: 0px;
			margin-bottom: 10px;
		}
		
		.navbar-default div.container {
			background-color: #006EAB;
		}
		
	
		.region-primary-menu{
			/*width: 70%;*/	
			float: left;
			display: block !important;
		}
		
		.menu-base-theme ul {
		  position: absolute;
		  z-index: 10;
		}
		
		.menu-base-theme li {
		  float: left;
		}
		
		.menu-base-theme.sm-rtl li {
		  float: right;
		}
		
		.menu-base-theme ul li, .menu-base-theme.sm-rtl ul li, .menu-base-theme.sm-vertical li {
		  float: none;
		}
		
		.menu-base-theme a {
		  white-space: nowrap;
		}
		
		.menu-base-theme ul a, .menu-base-theme.sm-vertical a {
		  white-space: normal;
		}
		
		.menu-base-theme .sm-nowrap > li > a, .menu-base-theme .sm-nowrap > li > :not(ul) a {
		  white-space: nowrap;
		}
		
		/* ...end */
		.menu-base-theme {
		}
		.menu-base-theme a, .menu-base-theme a:hover, 
		.menu-base-theme a:focus, .menu-base-theme a:active, 
		.menu-base-theme a.highlighted {
		  color: white;
		  font-weight: 700;
		}
		.menu-base-theme a:hover, .menu-base-theme a:focus, .menu-base-theme a:active, .menu-base-theme a.highlighted {
		  background: #3092c0;
		}
		.menu-base-theme a.current {
		  background: #006892;
		  color: white;
		}
		.menu-base-theme a.disabled {
		  background: #3092c0;
		  color: #a1d1e8;
		}
		.menu-base-theme a span.sub-arrow {
		  top: auto;
		  margin-top: 0;
		  bottom: 2px;
		  left: 50%;
		  margin-left: -5px;
		  right: auto;
		  width: 0;
		  height: 0;
		  border-width: 5px;
		  /*border-style: solid dashed dashed dashed;*/
		  border-color: #a1d1e8 transparent transparent transparent;
		  background: transparent;
		}
		.menu-base-theme a.highlighted span.sub-arrow:before {
		  display: none;
		}
		.menu-base-theme > li {
		  /*border-left: 1px solid #2b82ac;*/
		}
		.menu-base-theme > li:first-child {
		  border-left: 0;
		}
		.menu-base-theme ul {
		  border: 0;
		  padding: 0;
		  background: white;
		  box-shadow: 2px 2px 3px hsla(0, 0%, 0%, 0.4);
		}
		.menu-base-theme ul ul {
		  background: white;
		}
		.menu-base-theme ul a, .menu-base-theme ul a:hover, .menu-base-theme ul a:focus, .menu-base-theme ul a:active, .menu-base-theme ul a.highlighted {
		  border: 0 !important;
		  padding: 9px 23px;
		  background: #005887;
		  color: white;
		}
		.menu-base-theme ul a:hover, .menu-base-theme ul a:focus, .menu-base-theme ul a:active, .menu-base-theme ul a.highlighted {
		  background: #3092c0;
		  color: white;
		}
		.menu-base-theme ul a.current {
		  background: #006892;
		  color: white;
		}
		.menu-base-theme ul a.disabled {
		  background: white;
		  color: #b3b3b3;
		}
		.menu-base-theme ul a span.sub-arrow {
		  top: 50%;
		  margin-top: -5px;
		  bottom: auto;
		  left: auto;
		  margin-left: 0;
		  right: 10px;
		  border-style: dashed dashed dashed solid;
		  border-color: transparent transparent transparent #a1d1e8;
		}
		.menu-base-theme ul li {
		  border: 0;
		}
		.menu-base-theme span.scroll-up,
		.menu-base-theme span.scroll-down {
		  position: absolute;
		  display: none;
		  visibility: hidden;
		  overflow: hidden;
		  background: #3092c0;
		  height: 20px;
		}
		.menu-base-theme span.scroll-up-arrow, .menu-base-theme span.scroll-down-arrow {
		  position: absolute;
		  top: -2px;
		  left: 50%;
		  margin-left: -8px;
		  width: 0;
		  height: 0;
		  overflow: hidden;
		  border-width: 8px;
		  border-style: dashed dashed solid dashed;
		  border-color: transparent transparent white transparent;
		}
		.menu-base-theme span.scroll-down-arrow {
		  top: 6px;
		  border-style: solid dashed dashed dashed;
		  border-color: white transparent transparent transparent;
		}
		.menu-base-theme.sm-rtl.sm-vertical a span.sub-arrow {
		  right: auto;
		  left: 10px;
		  border-style: dashed solid dashed dashed;
		  border-color: transparent #a1d1e8 transparent transparent;
		}
		.menu-base-theme.sm-rtl > li:first-child {
		  border-left: 1px solid #2b82ac;
		}
		.menu-base-theme.sm-rtl > li:last-child {
		  border-left: 0;
		}
		.menu-base-theme.sm-rtl ul a span.sub-arrow {
		  right: auto;
		  left: 10px;
		  border-style: dashed solid dashed dashed;
		  border-color: transparent #a1d1e8 transparent transparent;
		}
		.menu-base-theme.sm-vertical a {
		  padding: 9px 23px;
		}
		.menu-base-theme.sm-vertical a span.sub-arrow {
		  top: 50%;
		  margin-top: -5px;
		  bottom: auto;
		  left: auto;
		  margin-left: 0;
		  right: 10px;
		  border-style: dashed dashed dashed solid;
		  border-color: transparent transparent transparent #a1d1e8;
		}
		.menu-base-theme.sm-vertical > li {
		  border-left: 0 !important;
		}
		.menu-base-theme.sm-vertical ul a {
		  padding: 9px 23px;
		}		
		
		
		
		  
  .welcome-banner-text h2{
    font-size: 50px;
  }

  .welcome-banner-text{
    font-size: 14px;
  }

  .bottom-widgets{
    text-align: left;
    padding: 50px 0;
  }

  .footerwidget{
    padding: 50px 0;
  }

  .credit-link{
    text-align: right;
  }

  .social-media{
    float: right;
  }

  /*comment*/

  .comment-wrap .author-details{ width: 10%; }

  .comment-wrap .author-comments{ width: 90%;}
  
  
  /* YouTube Videos */
  
  .responsive-video iframe {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
  }

  .responsive-video {
	  position: relative;
	  padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
	  padding-top: 0px;
	  height: 0;
	  overflow: hidden;
  }
  
  	.yt_box{
	  position: relative;
	  max-width: 700px; /* wie breit soll das Video maximal sein */
	  /*margin: auto;*/
	}
	.yt_box:before{
	  content: "";
	  display: block;
	  padding-top: 56%; /* 16:9 Format */
	}
	.yt_box iframe {
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  top: 0;;
	  left: 0;
	  right: 0;
	  bottom: 0;
	}
  
  /*Mobile blocks*/
  
  .region-mobile-only-top {
  	display: none;
  }
  
  .region-mobile-only-bottom {
  	display: none;
  }  
  
  #block-menuneeracherriedoben, #block-menulasaugeoben, #block-menulasaugeobenfr {
  	margin: 30px 0px;
  }
  
  #block-neeracherriedmenu, #block-lasaugemenu {
  	display: none;
  }
}