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

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

		div.social-media {
			display: none;
		}
		
		div#block-toplinks {
			display: none;
		}
		
		div.language-selector {
			display: none;
		}
		
		div.language-selector ul {
			margin: 5px -7px;
			padding: 0;
		}
		
		div.schriftzug{
		    display: inline;
		    margin: 5px 0px 0px 10px;
		    float: right;
		    width: 200px;
		    position: absolute;
		    bottom: -14px;
		    right: 10px;
		}
		
	/*Fusszeile*/
		
		.region-footer-first, .region-footer-second, .region-footer-third {
	    	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;
		}
	
	/*Ü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-1 {
		color: #adaeae;
		font-style: italic;
		float: right;
		font-size: 0.8em;
		margin-right: 5px;
	}

	/*Allgemein*/
	
		.field--label-inline div.field__label {
			font-weight: bold;
		}
	
		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;
		}
		
		input.form-text,
		input.form-email,
		input.form-phone,
		input.form-tel {
			width: 100%;
		}
		
		div.intl-tel-input {
			width: 100%;
		}
		
		div.field--label-hidden {
			margin-top: 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: #006399;
		    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 "Mitglied werden"*/
		
		div.region-button {
		    /* display: none; */
		    position: absolute;
		    z-index: 5;
		    background-color: green;
		    -moz-border-radius: 50px;
		    -webkit-border-radius: 50px;
		    border-radius: 80px;
		    width: 80px;
		    height: 80px;
		    left: 79%;
		    top: -79%;
		    text-align: center;
		    line-height: 80px;
		}
		
		div.region-button a {
		display: none;
			color: white;
			font-weight: bolder;
			font-size: 1.1em;
		    display: inline-block;
		  	vertical-align: middle;
		  	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;
		}
		
	/* Banner rechts */
		
		div.region-sidebar-second {
			display: inline;
		}
	
		div.region-sidebar-second img {
			max-width: 100% !important;
		}
		
		.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: #52ae32;*/
		}
		
		.block-views-blockbanners-right-block-1 .views-field-title a {
			    padding: 2px 10px;
			    color: #ffffff;
			    font-weight: 900;
			    position: absolute;
			    bottom: 0px;
    			background-color: #52ae32cc;
    			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,
		.block-views-blockevents-block-1 img  {
			width: 100%;
			height: auto;
		}
		
	/* Slideshow */
		
		div.slideshow-frame {
			/*display: none;*/
			/*background-color: #006eab1a;*/
			height: 200px;
			margin-top: 10px;
			margin-bottom: -10px;
			text-align: center;
		}
		
		div.views_slideshow_cycle_slide{
			height: 200px !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: 200px;
			/*height: 150px;*/
			/*margin-bottom: 10px;*/
			overflow: hidden;
		}
		
		.views_slideshow_slide div.views-field-field-image {
			width: 100%;
			display:inline;
			float: left;
			background: #006eab1a;
		}
		
		.views_slideshow_slide img {
			width: auto;
			height: 200px;
			display: inline;
		}
		
		.views_slideshow_slide .views-field-title a {
			    background-color: #ffffffbb;
			    width: 100%;
			    /*color: #ffffff;*/
			    font-weight: 900;
			    font-size: 1.9em;
			    line-height: 1.5em;
			    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: #006399;
			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: #006399;
		}
		
		.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;*/
		}
		
	/*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;
		}
		
		.klingi-events-page div.views-field-field-bild-oben,
		.klingi-news-page div.views-field-field-bild-oben {
			display: inline-block;
			width: 20%;
			overflow: hidden;
    		margin-right: 15px;
		}
		
		.klingi-events-page div.views-field-field-bild-oben img,
		.klingi-news-page div.views-field-field-bild-oben img {
			width: 100%;
    		height: auto;
		}
		
		.klingi-news-page div.views-field-field-bild-oben {
			float: left;
		}
		
		.klingi-events-page div.views-field-body, 
		.klingi-news-page div.views-field-body {
			display: inline-block;
			width: 70%;
			vertical-align: middle;
		}
		
	/*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_row3_left{
			text-align: left;
			display: inline-table;
		}
		
		.frontpage_row1_left img, .frontpage_row3_left img{
			width: 100%;
			height: auto;
		}
		
		div.frontpage_row1_right, div.frontpage_row3_right{
			text-align: left;
			display: inline-table;
		}
		
		.frontpage_row1_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;
			margin-bottom: 10px;
			border-bottom: 1px solid #006399;
		}
		
		.row-news-page .views-field-title {
			font-weight: bold;
			margin-bottom: 5px;
		}
		
	/*Webform*/
	
		legend {
			border-bottom: 0;
		}
	
		label.form-required:after {
			color: #CC0000;
			content: '*';
			display: inline;
		}
		
	/*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: #006399;
		}
  
  /* 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;
  }
		
}