@media (min-width: 0px) and (max-width: 375px) {
	h1 span { padding: 0; background: #f4f3f4; }
	#block-block-13 { display: none; }
	#block-block-14 {
		position: absolute;
		left: 80px;
		top: 16px;
		margin: 0;
		z-index: auto;
	}
	#page #header { height: auto; background: transparent; }
	#page #header .header__logo {
		float: none;
		width: 100%;
		max-width: none;
		margin-top: 24%;
		text-align: center;
	}
	#block-views-slideshow-block { display: none; }
	.panels-flexible-startseite .panels-flexible-region-inside {
		padding: 0;
		background: rgb(234,232,232);
	}
	.panels-flexible-region-startseite-_none_,
	.panels-flexible-startseite .panels-flexible-region,
	.panels-flexible-region-startseite-_none___0 {
		float: none;
		width: 100% !important;
		margin-bottom: 5%;
		padding: 0;
	}
	.panels-flexible-row-startseite-1 .panels-flexible-region .views-field-field-ticket-link { border-top: none; }
	.field-name-field-interner-link .field-items { float: none; width: 100%; padding: 10px 0; }
	.panels-flexible-row-startseite-1 .panels-flexible-region-last .inside .views-row { padding: 2% 4%; }
	.panels-flexible-row-startseite-1 .panels-flexible-region-last .inside .views-row:first-child { padding-top: 4%; }
	.panels-flexible-row-startseite-1 .panels-flexible-region-last .inside .views-row:last-child { padding-bottom: 4%; }
	.panels-flexible-row-startseite-1 .panels-flexible-region .views-field-view-node .field-content { display: block; }
	.front #frontRow1ColLeft,
	.front #frontRow1ColRight,
	.front #frontRow2ColLeft,
	.front #frontRow2ColRight {
		float: none;
		width: 100%;
	}
	.view-programm .view-footer,
	#block-block-17 {
		clear: both;
	}
	.front .col3_1 .pane-views-programm-block-1 .views-field-field-ticket-link a,
	.front .col3_1 .pane-views-programm-block-1 .views-field-view-node a {
		float: none;
		width: 79%;
	}
	.field-name-field-interner-link .field-items a { margin: 0 2% 4% 0; }
	#main #content .panels-flexible-row-startseite-main-row { display: none; }

	.front #frontRow1ColLeft,
	.front #frontRow1ColRight,
	.front #frontRow2ColLeft,
	.front #frontRow2ColRight,
	.front #frontRow3ColLeft,
	.front #frontRow3ColRight {
		float: none;
		width: 100%;
	}
	.front #frontRow3ColRight { clear: left; }
	.front #frontRow3 img { width: 48%; margin-bottom: 15px; }
	.front #frontRow3 .view-sponsors .views-row-even img { margin-right: 0; margin-left: 6px; }
	
	.panels-flexible-row-startseite-1 .panels-flexible-region .views-field { background: rgb(234,232,232); }
	.panels-flexible-row-startseite-1 .panels-flexible-region .views-field-field-ticket-link,
	.panels-flexible-row-startseite-1 .panels-flexible-region .views-field-view-node {
		float: none;
		width: 100%;
	}
	.panels-flexible-row.col3_2 { background: transparent; }
	.panels-flexible-row.col3_2 .panels-flexible-region { padding: 0; }
	
	.not-front #main #content { float: none; width: 100%; }

	.sidebars { float: none; width: 100%; }
	.page-programm #block-block-7 p a {
		float: none;
		width: 100%;
		display: block;
		padding: 10px 0 10px 0;
		text-indent: 4%;
	}
	.front #frontRow1ColLeft .view-programm .views-row { width: 100%; margin-bottom: 20px; }
	.front #frontRow1ColLeft .view-programm .views-row .views-field .field-content { margin-right: 0; }	
	.page-programm #content .view-id-programm,
	.page-programm-archiv #content .view-id-programm {
		padding-right: 0;	
	}
	.views-exposed-form .views-exposed-widget {
		margin-bottom: 20px;
	}	
	.webform-client-form .form-textarea-wrapper,
	.webform-client-form input.form-text {
		width: 100%;
	}
	.webform-client-form #edit-actions { text-align: right; }
	.webform-client-form .form-submit { position: static; }

	.section-aktuelles .view-id-programm.view-display-id-page .views-row,
	.section-veranstaltungen .view-id-programm.view-display-id-page_1 .views-row,
	.section-veranstaltungen .view-id-programm.view-display-id-page_3 .views-row {
		float: none;
		width: 100%;
		min-height: 410px;
		margin-bottom: 30px;
	}
	.ds-2col-stacked.node-page .field-name-field-weiterf-hrende-information,
	.ds-2col-stacked.node-page .field-name-field-kontakt,
	.section-veranstaltungen .view-id-programm.view-display-id-page_1 .views-row .views-field-field-bild-event,
	.section-veranstaltungen .view-id-programm.view-display-id-page_3 .views-row .views-field-field-bild-event,
	.section-aktuelles .view-id-programm.view-display-id-page .views-row .views-field-name,
	.section-aktuelles .views-field-title,
	.section-veranstaltungen .view-id-programm.view-display-id-page_1 .views-row .views-field-name,
	.section-veranstaltungen .view-id-programm.view-display-id-page_3 .views-row .views-field-name,
	.section-veranstaltungen .views-field-title,
	.section-veranstaltungen .views-field-field-veranstaltungsformat,
	.section-aktuelles .views-field-body,
	.section-veranstaltungen .views-field-body {
		margin-right: 0;
	}
	
	.ds-2col-stacked > .group-left { float: none; width: 100%; padding-right: 0; }
	.ds-2col-stacked > .group-right { float: none; width: 100%; }

	.ds-2col > .group-left,
	.ds-2col > .group-right {
		float: none;
		width: 100%;
		overflow: hidden;
	}
	.ds-2col > .group-right .field { margin-left: 0; }
	.rte_image_rightfloat, span.caption.right { float: none; margin-left: 0; }
	.ds-2col > .group-right .field-name-field-bild-basic-page .field-items a {
		display: block;
		line-height: 0;
	}
	.ds-2col > .group-right .field-name-field-bild-basic-page .field-items img {
		float: none;
		width: 100%;
		height: auto;
	}
	
	#content .view-sponsors .views-row { float: none; width: 100%; padding: 0 0 20px; }
	
	
	/* Paragraphs */
	.entity-paragraphs-item.paragraphs-item-text-links-text-rechts .group-left,
	.entity-paragraphs-item.paragraphs-item-text-links-text-rechts .group-right {
    	float: none;
		width: 100%;
	}
	.section-programm-archiv .region-highlighted { float: none; width: 100%; }
	.section-programm-archiv #block-block-7 p,
	.section-programm #block-block-7 p {
		position: static;
		width: auto;
		margin: 0 3%;
	}
	
	/* h1 Programm page */
	.page-programm #content .view-id-programm .views-field-title a,
	.page-programm-archiv #content .view-id-programm .views-field-title a {
		font-size: 16px;
	}
	.page-programm-archiv #content h1#page-title { float: left; }
	.section-programm-archiv #block-block-7 p a,
	.section-programm #block-block-7 p a {
		text-align: left;
	}
	
	/* sidebars */
	.sidebars { float: none; width: 100%; clear: left; }
	.region-sidebar-second { padding: 0 3%; }
	#ads {
		position: static;
		float: none;
		width: 100%;
		padding: 0px 3%;
	}
	#ads .adslist a { display: block; }
	#ads .adslist img { width: 100%; height: auto; } 
	
	/* footer */
	#footerOuter { background: #464543; }
	#footer { border: 0; background: url("../images/bkgr_flag_footer.png") no-repeat 35px 12px; }
	#block-menu-menu-footer-menu { display: none; }
	#block-menu-menu-footer-menu-mobile .menu {
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin: 0 3%;
		padding: 20px 0;
		border-top: 1px solid rgb(146, 146, 146);
		border-bottom: 1px solid rgb(146, 146, 146);
	}
	#block-menu-menu-footer-menu-mobile .menu li { text-align: center; }
	#block-menu-menu-footer-menu-mobile .menu li a { font-family: "Ubuntu"; font-style: normal; font-weight: 300; letter-spacing: 1px; }
	#footer #block-block-11 p { padding: 0 0 15px; text-align: center; }
	#footer #block-views-sponsors-block .item-list ul li { float: none; display: block; width: 100%; }
	#block-block-1, #block-block-1 .inner-footer { height: auto; }
	#block-block-1 .inner-footer .static-mark { position: static; }
	#block-block-1 .inner-footer .static-mark p { font-size: 10px; }
	#footer #block-views-sponsors-block h2.block-title { padding: 20px 2% 0; }
	#block-block-1 .inner-footer ul.footer_navi { padding: 10px 2%; }
	#block-block-1 .inner-footer ul.footer_navi li a { font-size: 12px; }

	#footer #block-block-10 ul li a { display: inline-block; }
	#footer #block-block-10 { float: none; width: 100%; }
	#footer #block-block-10 ul.sozial_network { display: flex; justify-content: center; }
	#footer #block-block-10 ul.sozial_network li { width: auto; flex-grow: 1; float: none; margin-bottom: 10px; text-align: center; }
	#footer #block-block-10 ul.sozial_network li a {
		width: 50px;
		height: 50px;
		-webkit-border-radius: 50%;
		-khtml-border-radius: 50%;
		border-radius: 50%;
	}	
	#footer #block-block-10 ul li.facebook a { background: #008297 url(../images/bkgr_fb_footer.png) no-repeat 50% 50%; }
	#footer #block-block-10 ul li.facebook a:hover { background: #0cc url(../images/bkgr_fb_footer.png) no-repeat 50% 50%; }
	#footer #block-block-10 ul li.twitter a { background: #2d4c73 url(../images/bkgr_tw_footer.png) no-repeat 50% 50%; }
	#footer #block-block-10 ul li.twitter a:hover { background: #3961a1 url(../images/bkgr_tw_footer.png) no-repeat 50% 50%; }
	#footer #block-block-10 ul li.youtube a { background: #c1333a url(../images/bkgr_yt_footer.png) no-repeat 50% 50%; }
	#footer #block-block-10 ul li.youtube a:hover { background: #f33 url(../images/bkgr_yt_footer.png) no-repeat 50% 50% }
}

@media (min-width: 376px) and (max-width: 413px) {
	#block-block-13 { display: none; }
	h1 span { padding: 0; background: #f4f3f4; }
	#main #content .panels-flexible-row-startseite-main-row { display: none; }
	.panels-flexible-region-startseite-_none_,
	.panels-flexible-startseite .panels-flexible-region,
	.panels-flexible-region-startseite-_none___0 {
		float: none;
		width: 100% !important;
		margin-bottom: 5%;
		padding: 0;
	}
	#block-block-14 {
		position: absolute;
		left: 80px;
		top: 16px;
		margin: 0;
		z-index: auto;
	}
	#block-views-slideshow-block { display: none; }
	#page #header { height: auto; background: transparent; }
	#page #header .header__logo {
		float: none;
		width: 100%;
		max-width: none;
		padding: 80px 0 0; 
		text-align: center;
	}
	#page #header .header__logo img { margin: 0; }
	.panels-flexible-row-startseite-1 .panels-flexible-region .views-field-field-ticket-link {
		float: left;
		display: inline-block;
		width: 50%;
	}
	.panels-flexible-row-startseite-1 .panels-flexible-region .views-field-view-node {
		display: inline-block;
		width: 50%;
		padding: 10px 0 0;
	}
	.panels-flexible-row-startseite-1 .panels-flexible-region .views-field-view-node .field-content { display: block; }
	.front .col3_1 .pane-views-programm-block-1 .views-field-field-ticket-link a { float: left; width: auto; }
	.front .col3_1 .pane-views-programm-block-1 .views-field-view-node a { float: right; width: auto; }
	.panels-flexible-row-startseite-1 .panels-flexible-region .views-field-view-node {
		display: inline-block;
		width: 50%;
		padding: 10px 0 0;
		border-top: 1px solid rgb(164, 161, 161);
	}
	.not-front #main #content { float: none; width: 100%; }
	.sidebars { float: none; width: 100%; }

	.front #frontRow1ColLeft,
	.front #frontRow1ColRight,
	.front #frontRow2ColLeft,
	.front #frontRow2ColRight,
	.front #frontRow3ColLeft,
	.front #frontRow3ColRight {
		float: none;
		width: 100%;
	}
	.front #frontRow3ColRight { clear: left; }
	.front #frontRow3 img { width: 48%; margin-bottom: 15px; }
	.front #frontRow3 .view-sponsors .views-row-even img { margin-right: 0; margin-left: 6px; }
	
	.view-programm .view-footer,
	#block-block-17 {
		clear: both;
	}
	.front #frontRow1ColLeft .view-programm .views-row { width: 100%; margin-bottom: 20px; }
	.front #frontRow1ColLeft .view-programm .views-row .views-field .field-content { margin-right: 0; }	
	.webform-client-form .form-textarea-wrapper,
	.webform-client-form input.form-text {
		width: 100%;
	}
	.webform-client-form #edit-actions { text-align: right; }
	.webform-client-form .form-submit { position: static; }

	.section-aktuelles .view-id-programm.view-display-id-page .views-row,
	.section-veranstaltungen .view-id-programm.view-display-id-page_1 .views-row,
	.section-veranstaltungen .view-id-programm.view-display-id-page_3 .views-row {
		float: left;
		width: 50%;
		min-height: 410px;
		margin-bottom: 30px;
	}

	.ds-2col > .group-left,
	.ds-2col > .group-right {
		float: none;
		width: 100%;
		overflow: hidden;
	}
	
	#content .view-sponsors .views-row { float: none; width: 100%; }
	#content .view-sponsors .views-row .views-field-field-logo { padding: 0 0 20px; }

	/* Paragraphs */
	.entity-paragraphs-item.paragraphs-item-text-links-text-rechts .group-left,
	.entity-paragraphs-item.paragraphs-item-text-links-text-rechts .group-right {
    	float: none;
		width: 100%;
	}

	/* h1 Programm page */
	.page-programm #content .view-id-programm .views-field-title a,
	.page-programm-archiv #content .view-id-programm .views-field-title a {
		font-size: 16px;
	}
	.section-programm-archiv .region-highlighted { float: none; width: 100%; }
	.section-programm-archiv #block-block-7 p,
	.section-programm #block-block-7 p {
		position: static;
		width: auto;
		margin: 0 3%;
	}
	.page-programm-archiv #content h1#page-title { float: left; }
	.section-programm-archiv #block-block-7 p a,
	.section-programm #block-block-7 p a {
		text-align: left;
	}
	.ds-2col-stacked > .group-left { float: none; width: 100%; padding-right: 0; }
	.ds-2col-stacked > .group-right { float: none; width: 100%; }

	/* sidebars */
	.sidebars { float: none; width: 100%; }
	#footer { border: 0; }
	.region-sidebar-second { padding: 0 3%; }
	#ads { float: none; width: 100%; padding: 4% 0; }
	#ads .adslist a { display: block; }
	#ads .adslist img { width: 100%; height: auto; } 
	
	/* footer */
	#footerOuter { background: #464543; }
	#footer { border: 0; background: url("../images/bkgr_flag_footer.png") no-repeat 60px 12px; }
	#block-menu-menu-footer-menu { display: none; }
	#block-menu-menu-footer-menu-mobile .menu {
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin: 0 3%;
		padding: 20px 0;
		border-top: 1px solid rgb(146, 146, 146);
		border-bottom: 1px solid rgb(146, 146, 146);
	}
	#block-menu-menu-footer-menu-mobile .menu li { text-align: center; }
	#block-menu-menu-footer-menu-mobile .menu li a { font-family: "Ubuntu"; font-style: normal; font-weight: 300; letter-spacing: 1px; }
	#footer #block-block-11 p { padding: 0 0 15px; text-align: center; }

	#block-block-1 { background: transparent; }
	#block-block-1,
	#block-block-1 .inner-footer { float: none; height: auto; }
	#block-block-1 .inner-footer .static-mark { position: static; }
	#block-block-1 .inner-footer .static-mark p { font-size: 10px; }
	#block-block-1 .inner-footer ul.footer_navi { width: 100%; background: rgb(63, 61, 61); padding: 10px 0; }
	#block-block-1 .inner-footer ul.footer_navi li a { font-size: 12px; }

	#footer #block-block-10 ul li a { display: inline-block; }
	#footer #block-block-10 { float: none; width: 100%; }
	#footer #block-block-10 ul.sozial_network { display: flex; justify-content: center; }
	#footer #block-block-10 ul.sozial_network li { width: auto; flex-grow: 1; float: none; margin-bottom: 10px; text-align: center; }
	#footer #block-block-10 ul.sozial_network li a {
		width: 50px;
		height: 50px;
		-webkit-border-radius: 50%;
		-khtml-border-radius: 50%;
		border-radius: 50%;
	}
	#footer #block-block-10 ul li.facebook a { background: #008297 url(../images/bkgr_fb_footer.png) no-repeat 50% 50%; }
	#footer #block-block-10 ul li.facebook a:hover { background: #0cc url(../images/bkgr_fb_footer.png) no-repeat 50% 50%; }
	#footer #block-block-10 ul li.twitter a { background: #2d4c73 url(../images/bkgr_tw_footer.png) no-repeat 50% 50%; }
	#footer #block-block-10 ul li.twitter a:hover { background: #3961a1 url(../images/bkgr_tw_footer.png) no-repeat 50% 50%; }
	#footer #block-block-10 ul li.youtube a { background: #c1333a url(../images/bkgr_yt_footer.png) no-repeat 50% 50%; }
	#footer #block-block-10 ul li.youtube a:hover { background: #f33 url(../images/bkgr_yt_footer.png) no-repeat 50% 50% }
}

@media (min-width: 414px) and (max-width: 568px) {
	h1 span { padding: 0; background: #f4f3f4; }
	#block-block-14 {
		position: absolute;
		left: 80px;
		top: 16px;
		margin: 0;
		z-index: auto;
	}
	#page #header { background: transparent; }
	#block-views-slideshow-block { display: none; }
	.front #frontRow1ColLeft .view-programm .views-row { width: 100%; margin-bottom: 20px; }
	.front #frontRow1ColLeft .view-programm .views-row .views-field .field-content { margin-right: 0; }
	.ds-2col-stacked > .group-left { float: none; width: 100%; padding-right: 0; }
	.ds-2col-stacked > .group-right { float: none; width: 100%; }
	
	.ds-2col > .group-left,
	.ds-2col > .group-right {
		float: none;
		width: 100%;
	}
	
	#content .view-sponsors .views-row { width: 50%; }
	#content .view-sponsors .views-row .views-field-field-logo { padding: 0 20px 20px 0; }
}

@media (min-width: 569px) and (max-width: 736px) {
	#block-block-14 { margin: 16px 0 0 80px; }
	#page #header { height: 160px; }
	#block-views-slideshow-block { display: none; }
	.front #frontRow1ColLeft .view-programm .views-row {
		width: 50%;
		height: 460px;
	}
	.front #frontRow1ColLeft .view-programm .views-row .views-field .field-content {
		margin-right: 4%;
	}
	.front #frontRow1ColLeft .view-programm .views-row:nth-child(2n) .views-field .field-content {
		margin-right: 0;
		margin-left: 4%;
	}
	.ds-2col-stacked > .group-left { float: none; width: 100%; padding-right: 0; }
	.ds-2col-stacked > .group-right { float: none; width: 100%; }

	.ds-2col > .group-left,
	.ds-2col > .group-right {
		float: none;
		width: 100%;
	}
}

@media (min-width: 414px) and (max-width: 736px) {
	#block-block-13 { display: none; }
	#main #content .panels-flexible-row-startseite-main-row { display: none; }
	.panels-flexible-region-last .inside .views-row .views-field,
	.front .view-programm.view-id-programm.view-display-id-block .views-field-title{
		float: none;
		width: 100%;
	}
	.panels-flexible-region-startseite-_none_,
	.panels-flexible-region-startseite-_none__,
	.panels-flexible-region-startseite-_none___,
	.panels-flexible-region-startseite-_none____,
	.panels-flexible-region-startseite-_none_____,
	.panels-flexible-region-startseite-_none______ {
		float: none;
		width: 100% !important;
		margin-bottom: 5%;
		padding: 0;
	}
	.panels-flexible-startseite .panels-flexible-region-inside { padding: 0; }
	.panels-flexible-row-startseite-1 .panels-flexible-region .views-field-field-ticket-link {
    	float: left;
		display: inline-block;
		width: 50%;
	}
	.panels-flexible-row-startseite-1 .panels-flexible-region .views-field-view-node {
		display: inline-block;
		width: 100%;
		padding: 10px 0 0;
		border-top: 1px solid rgb(164, 161, 161);
	}

	.panels-flexible-region-startseite-_none_,
	.panels-flexible-region-startseite-_none__,
	.panels-flexible-region-startseite-_none___,
	.panels-flexible-region-startseite-_none____,
	.panels-flexible-region-startseite-_none_____,
	.panels-flexible-region-startseite-_none______ {
		float: none;
		width: 100%;
	}
	.front .node-block-node .panels-flexible-row .field-type-text-with-summary,
	.front .col3_2 .field-name-body {
		padding: 0 0 0 2%;
	}
	
	.not-front #main #content { float: none; width: 100%; }

	.panels-flexible-row.col3_2 .panels-flexible-region .panel-pane .field-name-field-interner-link a,
	.panels-flexible-row.col3_2 .panels-flexible-region .panel-pane .issues-link a {
		margin-right: 4%;
	}

	.ds-2col > .group-left,
	.ds-2col > .group-left .field-name-field-bild-basic-page .field-items img,
	.ds-2col > .group-right,
	.ds-2col > .group-right .field-name-field-bild-basic-page .field-items img {
		float: none;
		width: 100%;
	}

	.ds-2col > .group-right .field { margin-left: 0; overflow: hidden; }
	.ds-2col > .group-left .field { margin-right: 0; overflow: hidden; }

	.ds-2col > .group-left .field-type-image a,
	.ds-2col > .group-right .field-type-image a {
		display: block;
	}
	.ds-2col > .group-left .field-type-image a img,
	.ds-2col > .group-right .field-type-image a img {
		width: 100%;
	}
	
	.webform-client-form .form-textarea-wrapper,
	.webform-client-form input.form-text {
		width: 100%;
	}
	.webform-client-form #edit-actions { text-align: right; }
	.webform-client-form .form-submit { position: static; }

	/* Paragraphs */
	.entity-paragraphs-item.paragraphs-item-text-links-text-rechts .group-left,
	.entity-paragraphs-item.paragraphs-item-text-links-text-rechts .group-right {
    	float: none;
		width: 100%;
	}
	.page-programm-archiv #content h1#page-title { float: left; }
	.section-programm-archiv .region-highlighted { float: none; width: 100%; }
	.section-programm-archiv #block-block-7 p {
		position: static;
		width: auto;
		margin: 0 3%;
	}
	.section-programm-archiv #block-block-7 p a {
		text-align: left;
	}

	.section-aktuelles .view-id-programm.view-display-id-page .views-row,
	.section-veranstaltungen .view-id-programm.view-display-id-page_1 .views-row,
	.section-veranstaltungen .view-id-programm.view-display-id-page_3 .views-row {
		float: left;
		width: 50%;
		min-height: 468px;
		margin-bottom: 30px;
	}

	/* sidebars */
	.sidebars { float: none; width: 100%; clear: left; }
	.region-sidebar-second { padding: 0 3%; }
	#ads {
		position: static;
		float: none;
		width: 100%;
		padding: 0px 3%;
	}
	#ads .adslist .image-ad { float: left; margin-right: 2%; }
	#ads .adslist .image-ad:nth-child(4n) { margin-right: 0; }
	
	/* footer */
	#footerOuter { background: #464543; }
	#footer { border: 0; background: url("../images/bkgr_flag_footer.png") no-repeat 24% 12px; }
	#block-menu-menu-footer-menu { display: none; }
	#block-menu-menu-footer-menu-mobile .menu {
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin: 0 3%;
		padding: 20px 0;
		border-top: 1px solid rgb(146, 146, 146);
		border-bottom: 1px solid rgb(146, 146, 146);
	}
	#block-menu-menu-footer-menu-mobile .menu li { text-align: center; }
	#block-menu-menu-footer-menu-mobile .menu li a { font-family: "Ubuntu"; font-style: normal; font-weight: 300; letter-spacing: 1px; }
	#footer #block-block-11 p { padding: 0 0 15px; text-align: center; }

	#footer #block-views-sponsors-block h2.block-title { padding: 4% 2% 0; }
	#footer #block-views-sponsors-block .item-list ul li { float: left; display: block; width: 50%; }

	#footer #block-block-10 ul li a { display: inline-block; }
	#footer #block-block-10 { float: none; width: 100%; }
	#footer #block-block-10 ul.sozial_network { display: flex; justify-content: center; }
	#footer #block-block-10 ul.sozial_network li { width: auto; flex-grow: 1; float: none; margin-bottom: 10px; text-align: center; }
	#footer #block-block-10 ul.sozial_network li a {
		width: 50px;
		height: 50px;
		-webkit-border-radius: 50%;
		-khtml-border-radius: 50%;
		border-radius: 50%;
	}
	#footer #block-block-10 ul li.facebook a { background: #008297 url(../images/bkgr_fb_footer.png) no-repeat 50% 50%; }
	#footer #block-block-10 ul li.facebook a:hover { background: #0cc url(../images/bkgr_fb_footer.png) no-repeat 50% 50%; }
	#footer #block-block-10 ul li.twitter a { background: #2d4c73 url(../images/bkgr_tw_footer.png) no-repeat 50% 50%; }
	#footer #block-block-10 ul li.twitter a:hover { background: #3961a1 url(../images/bkgr_tw_footer.png) no-repeat 50% 50%; }
	#footer #block-block-10 ul li.youtube a { background: #c1333a url(../images/bkgr_yt_footer.png) no-repeat 50% 50%; }
	#footer #block-block-10 ul li.youtube a:hover { background: #f33 url(../images/bkgr_yt_footer.png) no-repeat 50% 50% }
}

@media (min-width: 737px) and (max-width: 767px) {
	#block-block-14 {
		position: absolute;
		left: 80px;
		top: 16px;
		margin: 0;
		z-index: auto;
	}
	#block-views-exp-search-db-page-1 { width: 26%; }
	#block-views-exp-search-db-page-1 .views-submit-button { float: right; width: 20px; }
	.view-slideshow .view-content .slide__content .views-field-title .field-content a { font-size: 30px; }
	.views-exposed-form .views-exposed-widget {
		float: none;
		width: 100%;
	}
	.not-front #main { padding: 0 2%; }
	.not-front #main #content { float: none; width: 100%; }
	.sidebars { float: none; width: 100%; clear: left; }
	.calendar-calendar .month-view table.mini .mini .month {
		margin: 1px;
		padding: 0px 5px;
		font-size: 14px;
	}
	.front #frontRow1ColLeft .view-programm .views-row {
		width: 50%;
		height: 460px;
	}
	.front #frontRow1ColLeft .view-programm .views-row .views-field .field-content {
		margin-right: 4%;
	}
	.front #frontRow1ColLeft .view-programm .views-row:nth-child(2n) .views-field .field-content {
		margin-right: 0;
		margin-left: 4%;
	}
	.panels-flexible-region-startseite-_none_,
	.panels-flexible-region-startseite-_none__,
	.panels-flexible-region-startseite-_none___,
	.panels-flexible-region-startseite-_none____,
	.panels-flexible-region-startseite-_none_____,
	.panels-flexible-region-startseite-_none______ {
		width: 100% !important;
		margin-bottom: 5%;
		padding: 0;
	}
	.panels-flexible-startseite .panels-flexible-region.panels-flexible-region-startseite-_none___ {
		width: 50% !important;
		clear: left;
	}
	.panels-flexible-row-startseite-1 .panels-flexible-region .views-field-field-ticket-link {
		float: left;
		display: inline-block;
		width: 50%;
	}
	.panels-flexible-row-startseite-1 .panels-flexible-region .views-field-view-node {
		display: inline-block;
		width: 100%;
		padding: 10px 0 0;
		border-top: 1px solid rgb(164, 161, 161);
	}
	.ds-2col > .group-left,
	.ds-2col > .group-left .field-name-field-bild-basic-page .field-items img,
	.ds-2col > .group-right,
	.ds-2col > .group-right .field-name-field-bild-basic-page .field-items img {
		float: none;
		width: 100%;
	}
	
	.ds-2col > .group-right .field { margin-left: 0; }
	.ds-2col > .group-left .field { margin-right: 0; }
	
	.ds-2col > .group-left .field-type-image a,
	.ds-2col > .group-right .field-type-image a {
		display: block;
	}
	.ds-2col > .group-left .field-type-image a img,
	.ds-2col > .group-right .field-type-image a img {
		width: 100%;
	}
	
	.section-programm #block-block-7 p { position: absolute; width: auto; margin: 0; }

	.section-aktuelles .view-id-programm.view-display-id-page .views-row,
	.section-veranstaltungen .view-id-programm.view-display-id-page_1 .views-row,
	.section-veranstaltungen .view-id-programm.view-display-id-page_3 .views-row {
		float: left;
		width: 50%;
		min-height: 480px;
		margin-bottom: 30px;
	}
	
	/* sidebars */
	.sidebars { float: none; width: 100%; clear: left; }
	.region-sidebar-second { padding: 0 3%; }
	#ads {
		position: static;
		float: none;
		width: 100%;
		padding: 0px 3%;
	}
	#ads .region { padding-left: 2%; }
	#ads .adslist .image-ad { float: left; margin-right: 2%; }
	#ads .adslist .image-ad:nth-child(4n) { margin-right: 0; }
	
	/* foter */
	#footerOuter { background: #464543; }
	#footer { border: 0; background: url("../images/bkgr_flag_footer.png") no-repeat 24% 12px; }
	#block-menu-menu-footer-menu { display: none; }
	#block-menu-menu-footer-menu-mobile .menu {
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin: 0 3%;
		padding: 20px 0;
		border-top: 1px solid rgb(146, 146, 146);
		border-bottom: 1px solid rgb(146, 146, 146);
	}
	#block-menu-menu-footer-menu-mobile .menu li { text-align: center; }
	#block-menu-menu-footer-menu-mobile .menu li a { font-family: "Ubuntu"; font-style: normal; font-weight: 300; letter-spacing: 1px; }
	#footer #block-block-11 p { padding: 0 0 15px; text-align: center; }
	#footer #block-views-sponsors-block h2.block-title { padding: 4% 2% 0; }
	#footer #block-views-sponsors-block .item-list ul li { float: left; display: block; width: 50%; }
	#footer #block-block-10 ul li a { display: inline-block; }
	#footer #block-block-10 { float: none; width: 100%; }
	#footer #block-block-10 ul.sozial_network { display: flex; justify-content: center; }
	#footer #block-block-10 ul.sozial_network li { width: auto; flex-grow: 1; float: none; margin-bottom: 10px; text-align: center; }
	#footer #block-block-10 ul.sozial_network li a {
		width: 50px;
		height: 50px;
		-webkit-border-radius: 50%;
		-khtml-border-radius: 50%;
		border-radius: 50%;
	}
	#footer #block-block-10 ul li.facebook a { background: #008297 url(../images/bkgr_fb_footer.png) no-repeat 50% 50%; }
	#footer #block-block-10 ul li.facebook a:hover { background: #0cc url(../images/bkgr_fb_footer.png) no-repeat 50% 50%; }
	#footer #block-block-10 ul li.twitter a { background: #2d4c73 url(../images/bkgr_tw_footer.png) no-repeat 50% 50%; }
	#footer #block-block-10 ul li.twitter a:hover { background: #3961a1 url(../images/bkgr_tw_footer.png) no-repeat 50% 50%; }
	#footer #block-block-10 ul li.youtube a { background: #c1333a url(../images/bkgr_yt_footer.png) no-repeat 50% 50%; }
	#footer #block-block-10 ul li.youtube a:hover { background: #f33 url(../images/bkgr_yt_footer.png) no-repeat 50% 50% }
}

/* ---------------------------------------------------------------------------- */
/* !mean-nav ------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------- */
@media (min-width: 736px) and (max-width: 1080px) {	
	.mean-container .mean-bar a.meanmenu-reveal span.menutitle { margin: 10px 0 0 10px; }
	.mean-container .mean-bar a.meanmenu-reveal.meanclose span.menutitle { margin: 3px 0 0 10px; }
	.mean-container a.meanmenu-reveal.meanclose .close { margin: 0 1% 0 0; }
}

@media (min-width: 0px) and (max-width: 375px) {
	.mean-container .mean-bar { position: absolute; left: 0; top: 0; width: 100%; height: 70px; margin: 0; padding: 0; background: transparent; z-index: 999; }
	.mean-container .mean-bar a.meanmenu-reveal { width: 70px; }
	.mean-container .mean-bar a.meanmenu-reveal.meanclose { width: 100%; }
	.mean-container .mean-bar a.meanmenu-reveal span.menuicone { margin-left: 10px; }
	.mean-container .mean-bar a.meanmenu-reveal span.menutitle { margin: 10px 0 0 10px; }
	.mean-container .mean-bar a.meanmenu-reveal.meanclose span.menutitle { margin: 3px 0 0 10px; }
	.mean-container a.meanmenu-reveal.meanclose .close { margin: 0 1% 0 0; }
	.mean-container .mean-nav { margin-top: 44px; }
	.mean-container a.meanmenu-reveal.meanclose { padding: 3.5% 0%; }
}
@media (min-width: 376px) and (max-width: 414px) {
	.mean-container .mean-bar { position: absolute; left: 0; top: 0; width: 100%; height: 70px; margin: 0; padding: 0; background: transparent; z-index: 999; }
	.mean-container .mean-bar a.meanmenu-reveal { width: 70px; }
	.mean-container .mean-bar a.meanmenu-reveal.meanclose { width: 100%; }
	.mean-container .mean-bar a.meanmenu-reveal span.menuicone { margin-left: 10px; }
	.mean-container .mean-bar a.meanmenu-reveal span.menutitle { margin: 10px 0 0 10px; }
	.mean-container .mean-bar a.meanmenu-reveal.meanclose span.menutitle { margin: 3px 0 0 10px; }
	.mean-container a.meanmenu-reveal.meanclose .close { margin: 0 1% 0 0; }
	.mean-container .mean-nav { margin-top: 44px; }
	.mean-container a.meanmenu-reveal.meanclose { padding: 2% 0; }
}
@media (min-width: 415px) and (max-width: 568px) {
	.mean-container .mean-bar { position: absolute; left: 0; top: 0; width: 100%; height: 70px; margin: 0; padding: 0; background: transparent; z-index: 999; }
	.mean-container .mean-bar a.meanmenu-reveal { width: 70px; }
	.mean-container .mean-bar a.meanmenu-reveal.meanclose { width: 100%; }
	.mean-container .mean-bar a.meanmenu-reveal span.menuicone { margin-left: 10px; }
	.mean-container .mean-bar a.meanmenu-reveal span.menutitle { margin: 10px 0 0 10px; }
	.mean-container .mean-bar a.meanmenu-reveal.meanclose span.menutitle { margin: 3px 0 0 10px; }
	.mean-container a.meanmenu-reveal.meanclose .close { margin: 0 1% 0 0; }
	.mean-container .mean-nav { margin-top: 44px; }
	.mean-container a.meanmenu-reveal.meanclose { padding: 3% 0; }
}
@media (min-width: 569px) and (max-width: 668px) {
	.mean-container .mean-bar { position: absolute; left: 0; top: 0; width: 100%; height: 70px; margin: 0; padding: 0; background: transparent; z-index: 999; }
	.mean-container .mean-bar a.meanmenu-reveal { width: 70px; }
	.mean-container .mean-bar a.meanmenu-reveal.meanclose { width: 100%; }
	.mean-container .mean-bar a.meanmenu-reveal span.menuicone { margin-left: 10px; }
	.mean-container .mean-bar a.meanmenu-reveal span.menutitle { margin: 10px 0 0 10px; }
	.mean-container .mean-bar a.meanmenu-reveal.meanclose span.menutitle { margin: 0 0 0 10px; }
	.mean-container a.meanmenu-reveal.meanclose .close { margin: 0 1% 0 0; }
	.mean-container .mean-nav { margin-top: 44px; }
	.mean-container a.meanmenu-reveal.meanclose { padding: 2% 0; }
}
@media (min-width: 669px) and (max-width: 768px) {
	.mean-container .mean-bar { position: absolute; left: 0; top: 0; width: 100%; height: 70px; margin: 0; padding: 0; background: transparent; z-index: 999; }
	.mean-container .mean-bar a.meanmenu-reveal { width: 70px; }
	.mean-container .mean-bar a.meanmenu-reveal.meanclose { width: 100%; }
	.mean-container .mean-bar a.meanmenu-reveal span.menuicone { margin-left: 10px; }
	.mean-container .mean-bar a.meanmenu-reveal span.menutitle { margin: 10px 0 0 10px; }
	.mean-container .mean-bar a.meanmenu-reveal.meanclose span.menutitle { margin: 0 0 0 10px; }
	.mean-container a.meanmenu-reveal.meanclose .close { margin: 0 1% 0 0; }
	.mean-container .mean-nav { margin-top: 44px; }
	.mean-container a.meanmenu-reveal.meanclose { padding: 2% 0; }
}
@media (min-width: 769px) and (max-width: 1024px) {
	.mean-container .mean-nav { margin-top: 60px; }
	.mean-container .mean-bar { position: absolute; left: 0; top: 0; width: 100%; height: 70px; margin: 0; padding: 0; background: transparent; z-index: 999; }
	.mean-container .mean-bar a.meanmenu-reveal { width: 70px; }
	.mean-container .mean-bar a.meanmenu-reveal.meanclose { width: 100%; }
	.mean-container .mean-bar a.meanmenu-reveal span.menuicone { margin-left: 10px; }
	.mean-container .mean-bar a.meanmenu-reveal span.menutitle { margin: 10px 0 0 10px; }
	.mean-container .mean-bar a.meanmenu-reveal.meanclose span.menutitle { margin: 0 0 0 10px; }
	.mean-container a.meanmenu-reveal.meanclose .close { margin: 0 1% 0 0; }
	.mean-container a.meanmenu-reveal.meanclose { padding: 2% 0; }
}


/* ---------------------------------------------------------------------------- */
/* !calendar ------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------- */
@media (min-width: 0px) and (max-width: 767px) {
	.bt-wrapper {
		position: static !important;
		width: 94% !important;
		right: 0px !important;
		margin-left: 0;
		padding: 0 3% !important;
	}
	.bt-wrapper .bt-content {
		position: static !important;
		width: 100% !important;
		margin-left: 0 !important;
		overflow: hidden;
		background: rgb(234, 232, 232);
	}
	.bt-wrapper .bt-content ul {
		margin: 3%;
		padding: 3%;
	}
	.calendar-calendar .month-view table.mini .mini .month {
		margin: 2px;
	}
	.node-type-urania-veranstaltung #linkespalte,
	.node-type-urania-veranstaltung #rechtespalte {
	    width: 100%;
	}
	.node-type-urania-veranstaltung #rechtespalte { margin-bottom: 15px; }
	

}

@media (min-width: 376px) and (max-width: 413px) {
	.calendar-calendar .month-view table.mini .mini .month {
		height: 60px;
		line-height: 60px;
		font-size: 22px;
	}
}

@media (min-width: 414px) and (max-width: 513px) {
	.mean-container .mean-nav { margin-top: 42px; }
	#page #header .header__logo {
		float: none;
		width: 100%;
		padding: 80px 0 0;
		text-align: center;
	}
	#page #header .header__logo img { margin: 0; }
	.front #frontRow1ColLeft,
	.front #frontRow1ColRight,
	.front #frontRow2ColLeft,
	.front #frontRow2ColRight,
	.front #frontRow3ColLeft,
	.front #frontRow3ColRight {
		float: none;
		width: 100%;
	}
	.front #frontRow3ColRight { clear: left; }
	.front #frontRow3 img { width: 48%; margin-bottom: 15px; }
	.front #frontRow3 .view-sponsors .views-row-even img { margin-right: 0; margin-left: 6px; }
	
	.front #frontRow1ColLeft .view-programm .views-row .views-field .field-content { margin-right: 0; }
	.view-programm .view-footer,
	#block-block-17 {
		clear: both;
	}
	.calendar-calendar .month-view table.mini .mini .month {
		height: 55px;
		line-height: 55px;
		font-size: 18px;
	}
}

@media (min-width: 514px) and (max-width: 609px) {
	.mean-container .mean-nav { margin-top: 58px; }
	#page #header { background: transparent; }
	#page #header .header__logo { float: none; width: 100%; padding: 80px 0 0; text-align: center; }
	#page #header .header__logo img { margin: 0; }
	.bt-wrapper .bt-content {
	    position: static !important;
	    width: 100% !important;
	    margin-left: 0 !important;
	    overflow: hidden;
	    background: rgb(234, 232, 232) none repeat scroll 0% 0%;
	}
	.calendar-calendar .month-view table.mini .mini .month {
		height: 60px;
		line-height: 60px;
		font-size: 22px;
	}
}

@media (min-width: 610px) and (max-width: 667px) {
	.mean-container .mean-nav { margin-top: 39px; }
	#page #header { background: url(../images/yacht1891.png) no-repeat 4% 122px; }
	#page #header .header__logo { padding-top: 40px; }
	.bt-wrapper {
		position: static !important;
		width: auto !important;
		right: 0px !important;
		margin-left: 0;
		padding: 0 3% !important;
	}
	.bt-wrapper .bt-content {
	    position: static !important;
	    width: 100% !important;
	    margin-left: 0 !important;
	    overflow: hidden;
	    background: rgb(234, 232, 232) none repeat scroll 0% 0%;
	}
	.calendar-calendar .month-view table.mini .mini .month {
		height: 70px;
		line-height: 70px;
		font-size: 22px;
	}
}

@media (min-width: 668px) and (max-width: 768px) {
	.mean-container .mean-nav { margin-top: 50px; }
	#page #header .header__logo { padding-top: 40px; }
	#page #header { background: url(../images/yacht1891.png) no-repeat 4% 122px; }
	.bt-wrapper {
		position: static !important;
		width: auto !important;
		right: 0px !important;
		margin-left: 0;
		padding: 0 3% !important;
	}
	.bt-wrapper .bt-content {
	    position: static !important;
	    width: 100% !important;
	    margin-left: 0 !important;
	    overflow: hidden;
	    background: rgb(234, 232, 232) none repeat scroll 0% 0%;
	}
	.calendar-calendar .month-view table.mini .mini .month {
		height: 70px;
		line-height: 70px;
		font-size: 22px;
	}
}

@media (min-width: 769px) and (max-width: 969px) {
	.mean-container .mean-nav { margin-top: 55px; }
	#page #header .header__logo { padding-top: 40px; }
	.bt-wrapper {
		position: static !important;
		width: auto !important;
		right: 0px !important;
		margin-left: 0;
		padding: 0 3% !important;
	}
	.bt-wrapper .bt-content {
	    position: static !important;
	    width: 100% !important;
	    margin-left: 0 !important;
	    overflow: hidden;
	    background: rgb(234, 232, 232) none repeat scroll 0% 0%;
	}
	.bt-content ul li .calendar_tooltips-title-value { width: 70%; }
	.calendar-calendar .month-view table.mini .mini .month {
		height: 70px;
		line-height: 70px;
		font-size: 22px;
	}
}

@media (min-width: 970px) and (max-width: 1020px) {
	.mean-container .mean-nav { margin-top: 39px; }
	#page #header .header__logo { padding-top: 40px; }
	.bt-content ul li .calendar_tooltips-title-value { width: 75%; }
	.bt-wrapper {
		position: static !important;
		width: auto !important;
		right: 0px !important;
		margin-left: 0;
		padding: 0 3% !important;
	}
	.bt-wrapper .bt-content {
	    position: static !important;
	    width: 100% !important;
	    margin-left: 0 !important;
	    overflow: hidden;
	    background: rgb(234, 232, 232) none repeat scroll 0% 0%;
	}
	.calendar-calendar .month-view table.mini .mini .month {
		height: 70px;
		line-height: 70px;
		font-size: 22px;
	}
}
@media (min-width: 1021px) and (max-width: 1024px) {
	#goBottom { display: none; }
	#block-block-14 { margin: 16px 0 0 80px; }
}

@media (min-width: 1021px) and (max-width: 1160px) {
	.bt-content ul li .calendar_tooltips-title-value { width: 75%; }
	.bt-wrapper {
		width: 30.3% !important;
		right: 2% !important;
	}
}


@media (min-width: 0px) and (max-width: 768px) {
	#block-views-related-content-block-2 {
	    width: 100%;
	    margin-left: 0;
	    margin-right: 0 !important;
	}
	#block-views-related-content-block-2 .view-footer span,
	#block-views-related-content-block-2 .view-footer  {
		text-align: center;
	}
}


/* ---------------------------------------------------------------------------- */
/* !slider -------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
@media (min-width: 0px) and (max-width: 567px) {
	.panels-flexible-region-startseite-center { display: none; }
	.view-slideshow .views-field-field-ticket-link a { bottom: 7%; font-size: 12px; }
	.view-slideshow .views-field-field-interner-link a { left: 69%; font-size: 12px; }
}
@media (min-width: 568px) and (max-width: 666px) {
	.view-slideshow .view-content .slide__content .views-field-field-subheadline { bottom: auto; top: 6%; font-size: 16px;  }
	.view-slideshow .view-content .slide__content .views-field-title { left: 8%; bottom: auto; top: 15% }
	.view-slideshow .view-content .slide__content .views-field-title .field-content a { font-size: 30px; }
	.view-slideshow .view-content .slide__content .views-field-body { left: 8%; width: 50%; top: 34%; bottom: auto;  }
	.view-slideshow .view-content .slide__content .views-field-body p { font-size: 11px; line-height: normal; }
	.view-slideshow .views-field-field-interner-link a { font-size: 12px; left: 25%; padding: 10px 41px 10px 15px; }
	.view-slideshow .views-field-field-ticket-link a { left: 63%; bottom: 7%; font-size: 12px; padding: 10px 41px 10px 15px; }
	.view-slideshow .views-field-field-date { left: 63%; width: 154px; right: auto; bottom: 45%; }
	.view-slideshow .views-field-field-interner-link .field-content a { left: 63%; bottom: 29%; }
}
@media (min-width: 667px) and (max-width: 735px) {
	.view-slideshow .view-content .slide__content .views-field-body { left: 8%; width: 47%; top: 44%;  }
	.view-slideshow .view-content .slide__content .views-field-field-subheadline { bottom: 82%; font-size: 18px;  }
	.view-slideshow .view-content .slide__content .views-field-title { left: 8%; bottom: 60%; }
	.view-slideshow .view-content .slide__content .views-field-title .field-content a { font-size: 40px; }
	.view-slideshow .view-content .slide__content .views-field-body { bottom: auto; top: 38%; width: 50%; }
	.view-slideshow .view-content .slide__content .views-field-body p { font-size: 12px; line-height: normal; }
	.view-slideshow .views-field-field-interner-link a { font-size: 12px; left: 25%; padding: 10px 41px 10px 15px; }
	.view-slideshow .views-field-field-ticket-link a { left: 63%; bottom: 7%; }
	.view-slideshow .views-field-field-date { right: auto; bottom: 44%; left: 63%; width: 154px; }
	.view-slideshow .views-field-field-interner-link .field-content a { left: 63%; bottom: 27%; }
}
@media (min-width: 736px) and (max-width: 767px) {
	.view-slideshow .view-content .slide__content .views-field-body { left: 13%; width: 47%; top: 44%;  }
	.view-slideshow .view-content .slide__content .views-field-field-subheadline { top: 8%; font-size: 20px;  }
	.view-slideshow .view-content .slide__content .views-field-title { left: 8%; top: 16%; }
	.view-slideshow .view-content .slide__content .views-field-title .field-content a { font-size: 42px; }
	.view-slideshow .view-content .slide__content .views-field-body { top: 37%; }
	.view-slideshow .view-content .slide__content .views-field-body p { font-size: 13px; line-height: normal; }
	.view-slideshow .views-field-field-date { right: auto; bottom: 47%; left: 66%; width: 175px; }
	.view-slideshow .views-field-field-ticket-link a { left: 65%; bottom: 7%; }
	.view-slideshow .views-field-field-interner-link a { bottom: 27%; }
	.view-slideshow .views-field-field-interner-link .field-content a { left: 65%; }
}
@media (min-width: 768px) and (max-width: 812px) {
	.view-slideshow .view-content .slide__content .views-field-body { left: 13%; width: 47%; top: 44%;  }
	.view-slideshow .view-content .slide__content .views-field-field-subheadline { bottom: 82%; font-size: 20px;  }
	.view-slideshow .view-content .slide__content .views-field-title { left: 8%; bottom: 60%; }
	.view-slideshow .view-content .slide__content .views-field-title .field-content a { font-size: 46px; }
	.view-slideshow .view-content .slide__content .views-field-body { bottom: 16%; }
	.view-slideshow .view-content .slide__content .views-field-body p { font-size: 13px; line-height: normal; }
	.view-slideshow .views-field-field-date { right: 4%; bottom: 41%; }
	.view-slideshow .views-field-field-ticket-link a { left: 65%; bottom: 7%; }
	.view-slideshow .views-field-field-interner-link a { bottom: 25%; }
	.view-slideshow .views-field-field-interner-link .field-content a { left: 65%; }
}
@media (min-width: 813px) and (max-width: 859px) {
	.view-slideshow .view-content .slide__content .views-field-body { left: 13%; width: 47%; top: 44%;  }
	.view-slideshow .view-content .slide__content .views-field-field-subheadline { bottom: 80%; font-size: 20px;  }
	.view-slideshow .view-content .slide__content .views-field-title { left: 8%; bottom: 56%; }
	.view-slideshow .view-content .slide__content .views-field-title .field-content a { font-size: 50px; }
	.view-slideshow .view-content .slide__content .views-field-body { bottom: 16%; }
	.view-slideshow .view-content .slide__content .views-field-body p { font-size: 13px; line-height: normal; }
	.view-slideshow .views-field-field-date { right: 4%; bottom: 41%; }
	.view-slideshow .views-field-field-ticket-link a { left: 65%; bottom: 7%; }
	.view-slideshow .views-field-field-interner-link a { bottom: 25%; }
	.view-slideshow .views-field-field-interner-link .field-content a { left: 65%; }
}
@media (min-width: 860px) and (max-width: 913px) {
	.view-slideshow .view-content .slide__content .views-field-body { left: 13%; width: 47%; top: 44%;  }
	.view-slideshow .view-content .slide__content .views-field-field-subheadline { top: 18%; bottom: auto; font-size: 22px; }
	.view-slideshow .view-content .slide__content .views-field-title { left: 8%; bottom: auto; top: 24%; }
	.view-slideshow .view-content .slide__content .views-field-title .field-content a { font-size: 50px; }
	.view-slideshow .views-field-field-date { right: 6%; bottom: 38%; }
	.view-slideshow .views-field-field-ticket-link a { left: 65%; bottom: 7%; }
	.view-slideshow .views-field-field-interner-link a { bottom: 23%; }
	.view-slideshow .views-field-field-interner-link .field-content a { left: 65%; }
}
@media (min-width: 914px) and (max-width: 930px) {
	.view-slideshow .view-content .slide__content .views-field-body { left: 13%; width: 47%; top: 50%;  }
	.view-slideshow .view-content .slide__content .views-field-field-subheadline { bottom: 72%; }
	.view-slideshow .view-content .slide__content .views-field-title { left: 8%; bottom: 49%; }
	.view-slideshow .view-content .slide__content .views-field-title .field-content a { font-size: 50px; }
	.view-slideshow .views-field-field-date { right: 8%; bottom: 38%; }
	.view-slideshow .views-field-field-ticket-link a { left: 65%; bottom: 7%; }
	.view-slideshow .views-field-field-interner-link a { bottom: 23%; }
	.view-slideshow .views-field-field-interner-link .field-content a { left: 65%; }
}
@media (min-width: 931px) and (max-width: 1024px) {
	.view-slideshow .view-content .slide__content .views-field-body { top: 49%; bottom: auto; }
	.view-slideshow .view-content .slide__content .views-field-field-subheadline { bottom: 68%;  }
	.view-slideshow .view-content .slide__content .views-field-title { bottom: 51%; }
	.view-slideshow .view-content .slide__content .views-field-title .field-content a { bottom: 26%; font-size: 46px; }
	.view-slideshow .views-field-field-date { right: 8%; bottom: 38%; }
	.view-slideshow .views-field-field-ticket-link a { left: 65%; bottom: 7%; }
	.view-slideshow .views-field-field-interner-link a { bottom: 23%; }
	.view-slideshow .views-field-field-interner-link .field-content a { left: 65%; }
}
@media (min-width: 1025px) and (max-width: 1100px) {
	.view-slideshow .view-content .slide__content .views-field-field-subheadline { bottom: 56%; }
	.view-slideshow .view-content .slide__content .views-field-title { bottom: 40%; }
	.view-slideshow .view-content .slide__content .views-field-title .field-content a { font-size: 48px; }
	.view-slideshow .view-content .slide__content .views-field-body { top: 59%; }
	.view-slideshow .views-field-field-interner-link a { left: 66%; }
	.view-slideshow .views-field-field-ticket-link a { left: 81%; }
}



@media (min-width: 0px) and (max-width: 1024px) {
	.slick-dots { display: none !important; }
	.header__region { display: none; }
	#navigation { display: none; }

	/* search suche mobile */
	.region-header #block-block-9 { display: block; }

	#page #header ul.sozial_network {
		position: absolute;
		right: 3%;
		top: 7px;
		margin: 0;
	}
	.mean-container .mean-nav {
		background: rgb(63,62,62);
		position: relative;
		z-index: 999
	}
	.mean-container a.meanmenu-reveal {
		display: block;
		width: 100%;
		height: auto;
		padding: 0;
		font-size: 18px;
		color: rgb(63, 62, 62);
		text-align: left !important;
		text-indent: 0;
	}
	.mean-container a.meanmenu-reveal.meanclose {
		color: rgb(255,255,255);
		font-weight: 300;
		background: rgb(63,62,62);
	}
	.mean-container a.meanmenu-reveal.meanclose .close {
		color: rgb(255,255,255);
	}
	.mean-container a.meanmenu-reveal span.menuicone {
		display: block;
		clear: left;
		width: 55px;
		height: auto;
		margin-top: 0;
		margin-left: 2%;
		background: transparent;
	}
	.mean-container a.meanmenu-reveal span.close {
		float: right;
		width: 22px;
		height: 22px;
		margin-right: 1%;
		background: transparent;
	}
	.mean-container a.meanmenu-reveal span.menutitle {
		float: left;
		width: auto;
		height: auto;
		margin: 0;
		background: transparent;
	}
	.mean-container a.meanmenu-reveal span {
		width: 100%;
		height: 6px;
		margin-top: 6px;
		font-size: 19px;
		background: rgb(112, 112, 111);
	}
	ul.tabs-primary.tabs.primary { width: auto; }
	.mean-container .mean-nav ul li a {
		text-transform: none;
		border-color: rgb(51, 50, 50);
	}
	.mean-container .mean-nav ul li a.mean-expand {
		height: 28px;
		background: transparent;
		padding: 1.3em 12px!important;
		border: 0 !important;
	}
	.mean-container .mean-nav ul li a.mean-expand:hover {
		color: rgb(255,255,255);
		background: transparent;
	}
	.mean-container .mean-nav ul > li a {
		width: 100%;
		padding: 1.3em 0;
		font-size: 16px;
		text-indent: 2%;
	}
	.mean-container .mean-nav ul li li a {
		width: 100%;
		padding: 1em 0;
		text-indent: 5%;
		border-color: rgb(51, 50, 50);
	}
	.page-programm #content h1,
	.page-programm-archiv #content h1 {
		float: none;
		width: 97%;
	}
	#block-block-7,
	#block-block-7--2 {
		float: none;
		width: 100%;
	}
	#block-block-7 p,
	#block-block-7--2 p {
		display: block;
		margin: 0;
		padding: 0;
	}
	#block-webform-client-block-80 { margin: 0 3%; }
	.pager a,.pager li { font-size: 19px !important; }
	.block-nodeblock img { width: 100% !important; }
	
	#footerOuter { background-size: auto 100%; }
	#footerInner { background: transparent; }
	#footer #block-block-11 { float: none; width: 100%; margin: 0; }
	#footer #block-menu-menu-footer-menu { margin-left: 3%; }
	#footer li { float: none; width: 100%; }
	#footer #block-views-sponsors-block h2.block-title { padding: 4% 2% 0; }
	
	
.front #frontRow1ColLeft .view-programm .views-row:nth-child(4) {
	clear:none;
}
.front #frontRow1ColLeft .view-programm .views-row:nth-child(3) {
	clear:both;
}
.front #frontRow1ColLeft .view-programm .views-row:nth-child(5) {
	clear:both;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
	#page #header { background: url(../images/yacht1891.png) no-repeat 4% 122px; }
	#block-views-exp-search-db-page-1 .views-submit-button { float: right; width: 30px; height: 30px; }
	#block-views-exp-search-db-page-1 .form-submit { margin: 0; }
	.front .view-programm.view-id-programm.view-display-id-block .views-field-field-date,
	.front .view-programm.view-id-programm.view-display-id-block .views-field-title {
		line-height: normal;
	}
	.section-user .page__title,
	.node-type-webform .page__title {
		margin: 0 3%;
	}
	.section-user #user-login,
	.not-front.node-type-webform #main #content .node-webform,
	.user-info-from-cookie,
	.page-user-password #user-pass {
		margin: 0 3% 3%;
	}
	.user-info-from-cookie,
	.page-user-password #user-pass {
		padding: 3%;
	}
	#frontRow1ColRight #block-block-15,
	#frontRow1ColRight #block-block-16 {
		float: none;
		width: 100%;
	}
	.front #frontRow1ColLeft .view-programm .views-row {
		width: 50%;
		height: 460px;
	}
	.front #frontRow1ColLeft #block-views-programm-block-1 .view-programm .views-row {
		height: auto;
		margin-bottom: 15px;
	}
	.front #frontRow1ColLeft .view-programm .views-row .views-field .field-content {
		margin-right: 4%;
	}
	.front #frontRow1ColLeft .view-programm .views-row:nth-child(2n) .views-field .field-content {
		margin-right: 0;
		margin-left: 4%;
	}
	.front #frontRow2ColLeft #block-views-programm-block-1 .views-row:nth-child(5n) { margin-right: 4.7%; }

	#block-block-14 { margin: 16px 0 0 80px; }
	.panels-flexible-row-startseite-1 .panels-flexible-region .views-field-field-ticket-link {
		float: none;
		width: 100%;
	}
	.not-front #main #content { float: none; width: 100%; }
	
	.ds-2col > .group-left,
	.ds-2col > .group-left .field-name-field-bild-basic-page .field-items img,
	.ds-2col > .group-right,
	.ds-2col > .group-right .field-name-field-bild-basic-page .field-items img {
		float: none;
		width: 100%;
	}

	.ds-2col > .group-right .field { margin-left: 0; }
	.ds-2col > .group-left .field { margin-right: 0; }

	.ds-2col > .group-left .field-type-image a,
	.ds-2col > .group-right .field-type-image a {
		display: block;
	}
	.ds-2col > .group-left .field-type-image a img,
	.ds-2col > .group-right .field-type-image a img {
		width: 100%;
	}
	

	.page-programm #content .view-id-programm .views-field-field-date, 
	.page-programm-archiv #content .view-id-programm .views-field-field-date, 
	.page-programm #content .view-id-programm .views-field-body, 
	.page-programm-archiv #content .view-id-programm .views-field-body {
    	width: 64%;
	}

	/* sidebars */
	.sidebars { float: none; width: 100%; clear: left; }
	.region-sidebar-second { padding: 0px 3%; }
	#ads { float: left; width: 66.4%; padding: 4% 0; }
	#ads .region { padding-left: 2%; }
	#ads .adslist .image-ad { float: left; margin-right: 2%; }
	#ads .adslist .image-ad:nth-child(4n) { margin-right: 0; }

	/* foter */
	#footerOuter { background: #464543; }
	#footer { border: 0; background: url("../images/bkgr_flag_footer.png") no-repeat 36% 12px; }
	#block-menu-menu-footer-menu { display: none; }
	#block-menu-menu-footer-menu-mobile .menu {
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin: 0 3%;
		padding: 20px 0;
		border-top: 1px solid rgb(146, 146, 146);
		border-bottom: 1px solid rgb(146, 146, 146);
	}
	#block-menu-menu-footer-menu-mobile .menu li { text-align: center; }
	#block-menu-menu-footer-menu-mobile .menu li a { font-family: "Ubuntu"; font-style: normal; font-weight: 300; letter-spacing: 1px; }
	#footer #block-block-11 { width: 100%; }
	#footer #block-block-11 p { padding: 0 0 15px; text-align: center; }
	#footer #block-views-sponsors-block h2.block-title { padding: 4% 2% 0; }
	#footer #block-views-sponsors-block .item-list ul li { float: left; display: block; width: 25%; }
	#footer li { width: 33.333%; }
	#footer #block-block-10 ul li a { display: inline-block; }
	#footer #block-block-10 { float: none; width: 100%; }
	#footer #block-block-10 ul.sozial_network { display: flex; justify-content: center; }
	#footer #block-block-10 ul.sozial_network li { width: auto; flex-grow: 1; float: none; margin-bottom: 10px; text-align: center; }
	#footer #block-block-10 ul.sozial_network li a {
		width: 50px;
		height: 50px;
		-webkit-border-radius: 50%;
		-khtml-border-radius: 50%;
		border-radius: 50%;
	}	
	#footer #block-block-10 ul li.facebook a { background: #008297 url(../images/bkgr_fb_footer.png) no-repeat 50% 50%; }
	#footer #block-block-10 ul li.facebook a:hover { background: #0cc url(../images/bkgr_fb_footer.png) no-repeat 50% 50%; }
	#footer #block-block-10 ul li.twitter a { background: #2d4c73 url(../images/bkgr_tw_footer.png) no-repeat 50% 50%; }
	#footer #block-block-10 ul li.twitter a:hover { background: #3961a1 url(../images/bkgr_tw_footer.png) no-repeat 50% 50%; }
	#footer #block-block-10 ul li.youtube a { background: #c1333a url(../images/bkgr_yt_footer.png) no-repeat 50% 50%; }
	#footer #block-block-10 ul li.youtube a:hover { background: #f33 url(../images/bkgr_yt_footer.png) no-repeat 50% 50% }
}


@media (min-width: 1025px) and (max-width: 1160px) {
	#navigation .region-navigation ul.menu li a { font-size: 13px; }
	.front #frontRow2ColLeft #block-views-programm-block-1 .views-row:nth-child(5n) { margin-right: 4.7%; }
}


@media (min-width: 1025px) and (max-width: 1604px) {
	#ads { float: left; width: 66.4%; padding: 2% 0; }
	#ads .region { padding-left: 2%; }
	#ads .adslist .image-ad { float: left; margin-right: 2%; }
	#ads .adslist .image-ad:nth-child(4n) { margin-right: 0; }
	#footer #block-views-sponsors-block h2.block-title { padding: 4% 2% 0; }
	#footer #block-views-sponsors-block .item-list ul li { float: left; display: block; width: 25%; }
}


@media (max-width: 1160px) {
	#main #content .node-panel .panel-flexible-inside .panels-flexible-row .panels-flexible-row-inside,
	.front #block-service-links-service-links {
		padding: 0 2%;
	}
	.front #block-service-links-service-links { overflow: hidden; }
	#block-block-1 .inner-footer { width: 100%; }
}


@media (min-width: 0px) and (max-width: 800px) {
	.slick-dots li { float: left; list-style: none; }
}


@media (min-width: 0px) and (max-width: 1020px) {
	#goBottom { display: none; }
	h1, h2, h3, h4, h5, h6, .view-id-programm.view-display-id-block_1 .views-field-title a,
	.front .panels-flexible-region-startseite-_none___-inside h2.pane-title,
	.page-programm #content .view-id-programm .views-field-field-date,
	.page-programm-archiv #content .view-id-programm .views-field-field-date,
	.node-type-urania-veranstaltung .startzeit,
	#block-views-related-content-block-2 .view-header p,
	#block-views-related-content-block-2 .views-field-field-date span,
	#block-views-related-content-block-2 .view-footer span,
	#block-views-related-content-block-2 .view-footer {
		line-height: 1em;
	}
	ls-flexible-row-startseite-1 .panels-flexible-region .views-field-field-ticket-link {
		padding: 0;
	}
	.panels-flexible-row-startseite-1 .panels-flexible-region .views-field-field-ticket-link,
	.panels-flexible-row-startseite-1 .panels-flexible-region .views-field-view-node {
		display: inline-block;
		padding-bottom: 10px;
	}
	#frontMain,
	#page #header {
		padding: 0 3%;
	}
	#frontRow1ColRight #block-block-15,
	#frontRow1ColRight #block-block-16 {
		float: none;
		width: 100%;
	}
	.node-type-urania-veranstaltung .preis { width: auto; }
	.node-type-urania-veranstaltung .artist { width: 100%; }
	.node-type-urania-veranstaltung #block-service-links-service-links { width: 94%; }
	.node-type-urania-veranstaltung #block-cck-blocks-field-ical { margin-left: 3%; width: 94%; }
	.node-type-urania-veranstaltung .event-wrapper:first-child { padding: 0 3%; }
	#block-views-related-content-block-2 { margin-right: 3%; }
	#frontRow1ColRight .view-programm .views-field-field-date { width: 100%; margin: 0; }
	#frontRow1ColRight .view-programm .views-field { float: none; width: 100%; }
	.tabs-primary,
	.view.view-kalender { margin-bottom: 20px; padding: 0 3%; }
	#block-menu-block-1{display: none;}
}

@media (min-width: 1020px) and (max-width: 1160px) {
	#frontMain,
	#page #header {
		padding: 0 3%;
		background: url(../images/yacht1891.png) no-repeat 4% 80px;
	}
	.node-type-urania-veranstaltung #block-service-links-service-links { width: 60%; }
	.node-type-urania-veranstaltung #block-cck-blocks-field-ical { margin-left: 3%; width: 60%; }
	#frontRow1ColRight .view-programm .views-field-field-date { width: 100%; margin: 0; }
	#frontRow1ColRight .view-programm .views-field { float: none; width: 100%; }
}
@media (min-width: 0px) and (max-width: 1160px) {
	#main #content .node-panel .panel-flexible-inside .panels-flexible-row,
	.service-links,
	#footer #block-views-sponsors-block .view-id-sponsors,
	#footer #block-views-sponsors-block .view-id-sponsors .view-content {
		float: left;
		display: block;
	}
	
	#navigation .region-navigation ul.menu li { margin-right: 0; }
	.not-front #main { padding: 0 2%; }
	
	.page-programm-archiv #content h1 {
		float: none;
		width: 100%;
	}
	#block-block-7 p a,
	#block-block-7--2 p a {
		float: none;
		display: inline-block;
	}
	.views-exposed-form .views-exposed-widget {
		display: block;
		width: 100%;
	}
	.views-exposed-form .views-exposed-widget:after {
		content: "";
		display: block;
		clear: both;
	}
	.view-id-programm.view-display-id-page { margin-top: 0; }
	.view-id-programm.view-display-id-page p { padding: 0 0 20px 20px; }

	.page-programm #content .view-id-programm .views-field-field-date {
		clear: both;
	}
	.page-programm #content .view-id-programm .views-field-field-date {
		float: none;
		width: auto;
		padding: 10px 0 0 2%;
	}
	
	.front #ads { position: static; float: none; }
	
	/* foter */
	#footer #block-views-sponsors-block .view-id-sponsors .view-content {
		padding: 0;
	}
}



/* foter */
@media (min-width: 414px) and (max-width: 567px) {
	#footer #block-menu-menu-footer-menu { margin-left: 3%; }
	#footer #block-block-10 ul li { float: none; width: auto; margin-bottom: 10%; }
	#footer #block-block-11,
	#footer li {
		width: 100%;
	}
	#copyright span { padding: 0 3%; font-size: 85%; }
}
@media (min-width: 568px) and (max-width: 780px) {
	#footer li { width: 50%; }
	#footer #block-block-10 { margin: 0; }
	#footer #block-block-10 ul li { float: none; width: auto; margin-bottom: 10%; }
}



/* ------------------------------------------------------------------------------------------------------------ */
/* !resolution 1280 x 800---------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------ */
@media (max-width: 1604px) {
	#ads { position: static; float: left; }
	.front #ads {
		position: static;
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	.front #ads .block p {
		display: inline;
		margin-right: 1%;
		padding: 0;
	}
}



@media (max-width: 1023px) {
	
.front #block-block-18 p{
	width: 100%;
	float: none;
}
.front #block-block-18 p.rightVideo{
	width: 100%;
	float: none;
}

}


@media (min-width: 1025px) {

#block-block-11 a#impr{
	display: none;
}
}

@media (max-width: 767px) {
.view-trainer .views-field-field-kontakt{
	float: none;
}
}

@media (max-width: 1024px) {
.sidebars{
	display: none;
}
}


@media (max-width: 880px) {

.node-type-urania-veranstaltung .field-name-field-date, .node-type-urania-veranstaltung .field-name-field-veranstaltungsformat, .node-type-urania-veranstaltung .field-name-field-veranstalter-ort, .node-type-urania-veranstaltung .field-name-field-bootsklasse,
.node-type-urania-veranstaltung .field-name-field-regatta-symbol {
width: 47%;
}

}
@media (max-width: 662px) {

.node-type-urania-veranstaltung .field-name-field-date, 
.node-type-urania-veranstaltung .field-name-field-veranstaltungsformat, 
.node-type-urania-veranstaltung .field-name-field-veranstalter-ort, 
.node-type-urania-veranstaltung .field-name-field-bootsklasse,
.node-type-urania-veranstaltung .field-name-field-regatta-symbol {
margin-left: 18px;
width: 90%;
}
.node-type-urania-veranstaltung .field-name-field-date {
    margin-top: 0px;
}
}





@media (max-width: 515px) {

.front #frontRow3 .views-row-last img{
	margin-right: 15px;
}
}