@media (max-width:767px) {
	
	/*Top Elements*/
	
		.main-header {
			padding: 10px 10px;
		}

		div.top-links {
			position: absolute;
			bottom: 0px;
			right: 15px;
		}
		
		.top-links p {
			margin-bottom: 3px;
		}

		div.social-media {
			display: none;
		}
		
		div#block-toplinks-2,
		div#block-toplinksfr,
		div#block-toplinksit,
		div#block-toplinksen {
			display: none;
		}
		
		div.language-selector {
			display: none;
		}
		
		div.language-selector ul {
			margin: 5px -7px;
			padding: 0;
		}
		
		.site-branding__logo img{
   			height: 80px;
			width: 105px;
    		object-fit: cover;
    		object-position: 0;
		}
		
	/*Fusszeile*/
		
		.footer-col {
	    	/*display: none;*/
		}
		
		.region-footer-first,
		.region-footer-second {
	    	display: none;
		
		}
		
		div.region.region-login ul {
			margin: 0 0 13px 0;
			float: left;
			padding-left: 0;
		}
		
		div.region.region-login li.menu-item {
			display: inline;
			margin-right: 20px;
		}
		
		div.region.region-login li.menu-item a {
			color: white;
		}
		
		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;
		}
		
		.copyright .col-sm-6 {
			display: inline-block;
			vertical-align: middle;
		}
		
		.copyright .col-sm-6:nth-child(2){
			float: right;
		}
		
		.copyright .col-sm-6 p,
		.copyright .col-sm-6 ul.menu {
			margin: 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;
	}
	
	.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-right: 5px;
	}

	/*Allgemein*/
	
		body {
			min-width: 360px;
		}

		.messages {
		    margin-bottom: 10px;
		}
		
		div.row div {
			padding: 0 10px;
		}
		
		div.row div div {
			padding: 0;
		}
		
		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 10px;
		}
		
		img.float-left, img.float-right {
			float: none;
			margin: 0;
		}
		
		img.w150 {
			width: 90%;
			max-width: 150px;
		}
		
		img.third {
			width: 90%;
		}
		
		input.form-text,
		input.form-email,
		input.form-phone,
		input.form-tel {
			width: 100%;
		}
		
		div.intl-tel-input {
			width: 100%;
		}
	
		div#page-title-inner {
			padding-left: 10px;
    		padding-right: 10px;
		}
		
	/*Suchfeld Startseite*/

		div.front-search {
			position: absolute;
			top: 10px;
			right: 10px;
			width: 50%;
		}
		
		div.front-search form {
			float: right;
		}
		
		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: 33px;
		}
		
		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;
		    padding-right: 30px;
		}
		
	/*Button Startseite*/
		
		div.region-button {
		    /* display: none; */
		    position: absolute;
		    z-index: 10;
		    background-color: green;
		    -moz-border-radius: 50px;
		    -webkit-border-radius: 50px;
		    border-radius: 80px;
		    width: 80px;
		    height: 80px;
		    right: 30px;
		    top:  -40px;
		    text-align: center;
		    line-height: 80px;
		}
		
		div.region-button a {
		display: none;
			color: white;
			font-weight: bold;
			font-size: 1em;
		   display: inline-block;
		  	vertical-align: middle;
		  	line-height: normal;
			margin-top: -10px;
			-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;
		}
		
	/* Banner rechts */
		
		div.region-sidebar-second {
			display: inline;
		}
		
		.block-views-blockbanners-right-block-1 {
			margin-top: 20px;
		}
		
		.block-views-blockbanners-right-block-1 .views-row {
			margin-bottom: 10px;
			height: auto;
			position: relative;
			width: 100%;
			display: block;
		}
				
		.position-upper-left, .position-upper-right, .position-lower-left, .position-lower-right {
			/*background-color: #27a738;*/
		}
		
		.block-views-blockbanners-right-block-1 .views-field-title a {
			    padding: 2px 10px;
			    color: #ffffff;
			    font-weight: 900;
			    position: absolute;
			    bottom: 0px;
    			background-color: #27a738cc;
    			left: 0px;
    			width: 100%;
		}
		
		.block-views-blockbanners-right-block-1 .views-field-title .position-upper-right a {
			bottom: 0px;
			right: 0px;
		}
		
		.block-views-blockbanners-right-block-1 .views-field-title .position-lower-left a {
			bottom: 0px;
			right: 0px;
		}
		
		.block-views-blockbanners-right-block-1 .views-field-title .position-lower-right a {
			bottom: 0px;
			right: 0px;
		}
		
		.views-field-field-image-1 {
			overflow: hidden;
    		height: 120px;
		}
		
		.block-views-blockbanners-right-block-1 img {
			width: 100%;
			height: auto;
		}
		
	/* Slideshow */
		
		div.slideshow-frame {
			/*display: none;*/
			/*background-color: #e5e5e5;*/
			height: 180px;
			margin-top: 10px;
			margin-bottom: -10px;
			text-align: center;
		}
		
		div.views_slideshow_cycle_slide{
			height: 180px !important;
		}
		
		div.slideshow-frame div.container{
			position: relative;
		}
		
		div.slideshow-element {
		
		}
		
		div.views_slideshow_cycle_teaser_section {
			width: 100% !important;
		}
		
		div.views_slideshow_slide {
			width: 100% !important;
		}
		
		.views_slideshow_slide div.views-row {
			height: 180px;
			/*height: 150px;*/
			/*margin-bottom: 10px;*/
			overflow: hidden;
		}
		
		.views_slideshow_slide div.views-field-field-image {
			width: 100%;
			display:inline;
			float: left;
			background: #e5e5e5;
		}
		
		.views_slideshow_slide img {
			width: auto;
			height: 180px;
			display: inline;
		}
		
		.views_slideshow_slide .views-field-title a {
			    background-color: #ffffffbb;
			    width: 100%;
			    /*color: #ffffff;*/
			    font-weight: 600;
			    font-size: 1.6em;
			    line-height: 1.2em;
			    padding: 5px;
			    position: absolute;
			    bottom: 19px;
			    left: 0px;
			    text-align: center;
		}
		
		.views_slideshow_slide div.views-field-field-slide-text{
			display: none;
		}
		
		.views_slideshow_slide .views-field-field-slide-text a{
			background-color: #005887;
			display: none; 
			align:bottom;
			padding: 5px 10px 5px 10px;
			width: 315px;
			height: 110px;
			color: #ffffff;
			font-weight: 900;
			padding: 10px 25px 0px 25px;
			position: absolute;
			top: 220px;
			left: 735px;
		}
		
		.widget_pager_bottom {
			display: none;
		}
		
		.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: auto;
		    height: 150px;
		    margin-right: auto;
		    margin-left: auto;
		    display: inherit;
		}
		
		div.block-views-blockslideshow-100-jahre-block-1 {
			height: 160px;		
		}
		
		div#widget_pager_bottom_slideshow_100_jahre-block_1 {
			position: absolute;
			top: 166px;
			z-index: 6;
			left: 10px;
		}

		
	/*Speziell für Slideshow Arten*/
	
		#block-views-block-artendb-slideshow-block-1 div.slideshow-frame, #block-views-block-artendb-slideshow-block-1 .views_slideshow_slide div.views-row {
			height: 280px !important;
		}
		
		#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 {
			width: 100%;
			height: 280px !important;
		}
		
		#block-views-block-artendb-slideshow-block-1 .views_slideshow_slide .views-field-field-slide-text {
		    display: inline;
		}
		
		#block-views-block-artendb-slideshow-block-1 .views_slideshow_slide div.views-field-field-image {
			text-align: center;
		}
		
		#block-views-block-artendb-slideshow-block-1 .views_slideshow_slide img {
			height: 280px;
		}
		
		#block-views-block-artendb-slideshow-block-1 .views_slideshow_slide .views-field-title h3 {
		    background-color: #ffffffbb;
		    width: 100%;
		    font-weight: 900;
		    font-size: 1.3em;
		    line-height: 1.3em;
		    padding: 5px 5px 25px;
		    margin: 0px;
		    position: absolute;
		    bottom: 0px;
		    left: 0px;
		    text-align: center;
		}
		
		#block-views-block-artendb-slideshow-block-1 .views_slideshow_slide .views-field-field-slide-text p {
		    background-color: none;
		    width: 100%;
			font-weight: 900;
			padding: 3px;
			position: absolute;
			bottom: -20px;
		    left: 0px;
		    text-align: center;
		}
		
		#block-views-block-artendb-slideshow-block-1 div.views-field-field-slide-text a {
		    display: inline;
		}
		
		#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, .column-right, .column-broad, .column-half {
		width: 740px;
	}
	
	.column-narrow {
		display: none;
	}
	
	.artendb_head_container {
		width: 45%;
		margin: 0px 0px 10px 10px;
	}
	
	
	/*News für Startseite*/
		
		.more-link {
		  	margin-top: 7px;
		    margin-bottom: 10px;
		    font-weight: bold;
		}
		
		.frontpage-news-release-date {
			float: left;
			width: 100%;
		}
		
		.frontpage-news-title {
			float: left;
			width: 100%;
			/*font-weight: bold;*/
			margin-bottom: 10px;
			/*border-bottom: 1px solid #ddecf8;*/
		}
		
		#block-weiterenews,
		#block-autresnouvelles,
		#block-altrenews {
		    margin-top: 2px;
		}
		
	/*Blöcke für Startseite*/
	
		div.row {
		}
		
		div.frontpage_row1, div.frontpage_row2, div.frontpage_row3 {
			width: 100%;
			padding-top: 0px;
			padding-bottom: 0px;
		}
		
		.frontpage_row1 div.row,
		.frontpage_row2 div.row{
			margin-bottom: 0px;
		}
		
		div.frontpage_row1_right, 
		div.frontpage_row2_left, 
		div.frontpage_row2_right,
		div.frontpage_row3_left, 
		div.frontpage_row3_right {
			margin-top: 20px;
			padding-top: 0px;
			padding-bottom: 0px;
		}
		
		div.frontpage_row1_left, div.frontpage_row2_left, div.frontpage_row3_left{
			text-align: left;
			display: inline-table;
		}
		
		.frontpage_row1_left img, 
		.frontpage_row2_left img, 
		.frontpage_row3_left img,
		.region-mobile-only-bottom img{
			width: 100%;
			height: auto;
		}
		
		div.frontpage_row1_right, div.frontpage_row2_right, div.frontpage_row3_right{
			text-align: left;
			display: inline-table;
		}
		
		.frontpage_row1_right img, .frontpage_row2_right img, .frontpage_row3_right img{
			width: 100%;
			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 !important;
			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 !important;
			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;
		}
	
		label.form-required:after {
			color: #CC0000;
			content: '*';
			display: inline;
		}
		
		.webform-submission-form label {
			min-width: 50%;
		}
		
		span.field-suffix {
			margin-left: 7px;
		}
		
	/*Navigation*/
	
		.main-header {
		    /*display: none;*/
		}
		    
		.main-header .region {
		    z-index: 2;
		    float: left;
		    width: 100%;
		    margin-bottom: 8px;
		}
		
		.region-primary-menu {
			display: none;
		}
		
		.navbar {
			border: none;
			border-radius: 0px;
			margin-bottom: 10px;
		}
		
		.navbar-default div.container {
			background-color: #006EAB;
		}
		
		.navbar-default .navbar-toggle {
		    border: 1px solid transparent;
		}
		
		.navbar-toggle {
		    position: relative;
		    float: none;
		    padding: 9px 10px;
		    margin: 0px;
		    background-color: transparent;
		    background-image: none;
		    border: 1px solid transparent;
		    border-radius: 0px;
		    /* border-collapse: separate; */
		    height: 37px;
		}
		
		.navbar-default .navbar-toggle .icon-bar {
		    background-color: white;
		}
		.navbar-toggle .icon-bar + .icon-bar {
		    margin-top: 4px;
		}
		.navbar-toggle .icon-bar {
		    display: block;
		    width: 20px;
		    height: 2px;
		    border-radius: 1px;
		}
		
		.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover
		{
			background-color: #005887;
		}
  
  /* 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: block;
  }
  
  .region-mobile-only-bottom {
  	display: block;
  	margin-top: 20px;
  }
  
  #block-abstandrechts-2 {
  	display: none;
  }  
  
  #block-menuneeracherriedoben, #block-menulasaugeoben, #block-menulasaugeobenfr {
  	margin: 30px 0px;
  }
  
  #block-neeracherriedmenu, #block-lasaugemenu {
  	display: none;
  }



}