/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 940px;
}

/* `Container
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12,
.push_13, .pull_13,
.push_14, .pull_14,
.push_15, .pull_15 {
  position: relative;
}

.container_12 .grid_3,
.container_16 .grid_4 {
  width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
  width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
  width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
  width: 960px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
  width: 60px;
}

.container_12 .grid_2 {
  width: 140px;
}

.container_12 .grid_4 {
  width: 300px;
}

.container_12 .grid_5 {
  width: 380px;
}

.container_12 .grid_7 {
  width: 540px;
}

.container_12 .grid_8 {
  width: 620px;
}

.container_12 .grid_10 {
  width: 780px;
}

.container_12 .grid_11 {
  width: 860px;
}


/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_9 .grid_1 {
  width: 70px;
}

.container_9 .grid_2 {
  width: 170px;
}

.container_9 .grid_4 {
  width: 370px;
}

.container_9 .grid_5 {
  width: 470px;
}

.container_9 .grid_7 {
  width: 670px;
}

.container_9 .grid_8 {
  width: 770px;
}

.container_9 .grid_10 {
  width: 970px;
}

.container_9 .grid_11 {
  width: 1070px;
}
.container_9 .grid_12 {
  width: 870px;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
  width: 40px;
}

.container_16 .grid_2 {
  width: 100px;
}

.container_16 .grid_3 {
  width: 160px;
}

.container_16 .grid_5 {
  width: 280px;
}

.container_16 .grid_6 {
  width: 340px;
}

.container_16 .grid_7 {
  width: 400px;
}

.container_16 .grid_9 {
  width: 520px;
}

.container_16 .grid_10 {
  width: 580px;
}

.container_16 .grid_11 {
  width: 640px;
}

.container_16 .grid_13 {
  width: 760px;
}

.container_16 .grid_14 {
  width: 820px;
}

.container_16 .grid_15 {
  width: 880px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
  padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
  padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
  padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
  padding-left: 80px;
}

.container_12 .prefix_2 {
  padding-left: 160px;
}

.container_12 .prefix_4 {
  padding-left: 320px;
}

.container_12 .prefix_5 {
  padding-left: 400px;
}

.container_12 .prefix_7 {
  padding-left: 560px;
}

.container_12 .prefix_8 {
  padding-left: 640px;
}

.container_12 .prefix_10 {
  padding-left: 800px;
}

.container_12 .prefix_11 {
  padding-left: 880px;
}

.container_12 .prefixm_1 {
  margin-left: 80px;
}

.container_12 .prefixm_2 {
  margin-left: 160px;
}

.container_12 .prefixm_4 {
  margin-left: 320px;
}

.container_12 .prefixm_5 {
  margin-left: 400px;
}

.container_12 .prefixm_7 {
  margin-left: 560px;
}

.container_12 .prefixm_8 {
  margin-left: 640px;
}

.container_12 .prefixm_10 {
  margin-left: 800px;
}

.container_12 .prefixm_11 {
  margin-left: 880px;
}


/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
  padding-left: 60px;
}

.container_16 .prefix_2 {
  padding-left: 120px;
}

.container_16 .prefix_3 {
  padding-left: 180px;
}

.container_16 .prefix_5 {
  padding-left: 300px;
}

.container_16 .prefix_6 {
  padding-left: 360px;
}

.container_16 .prefix_7 {
  padding-left: 420px;
}

.container_16 .prefix_9 {
  padding-left: 540px;
}

.container_16 .prefix_10 {
  padding-left: 600px;
}

.container_16 .prefix_11 {
  padding-left: 660px;
}

.container_16 .prefix_13 {
  padding-left: 780px;
}

.container_16 .prefix_14 {
  padding-left: 840px;
}

.container_16 .prefix_15 {
  padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
  padding-right: 300px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
  padding-right: 600px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
  padding-right: 900px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
  padding-right: 100px;
}

.container_12 .suffix_2 {
  padding-right: 200px;
}

.container_12 .suffix_4 {
  padding-right: 400px;
}

.container_12 .suffix_5 {
  padding-right: 500px;
}

.container_12 .suffix_7 {
  padding-right: 700px;
}

.container_12 .suffix_8 {
  padding-right: 800px;
}

.container_12 .suffix_10 {
  padding-right: 1000px;
}

.container_12 .suffix_11 {
  padding-right: 1100px;
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
  padding-right: 60px;
}

.container_16 .suffix_2 {
  padding-right: 120px;
}

.container_16 .suffix_3 {
  padding-right: 180px;
}

.container_16 .suffix_5 {
  padding-right: 300px;
}

.container_16 .suffix_6 {
  padding-right: 360px;
}

.container_16 .suffix_7 {
  padding-right: 420px;
}

.container_16 .suffix_9 {
  padding-right: 540px;
}

.container_16 .suffix_10 {
  padding-right: 600px;
}

.container_16 .suffix_11 {
  padding-right: 660px;
}

.container_16 .suffix_13 {
  padding-right: 780px;
}

.container_16 .suffix_14 {
  padding-right: 840px;
}

.container_16 .suffix_15 {
  padding-right: 900px;
}

/* `Push Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .push_3,
.container_16 .push_4 {
  left: 300px;
}

.container_12 .push_6,
.container_16 .push_8 {
  left: 600px;
}

.container_12 .push_9,
.container_16 .push_12 {
  left: 900px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
  left: 100px;
}

.container_12 .push_2 {
  left: 200px;
}

.container_12 .push_4 {
  left: 400px;
}

.container_12 .push_5 {
  left: 500px;
}

.container_12 .push_7 {
  left: 700px;
}

.container_12 .push_8 {
  left: 800px;
}

.container_12 .push_10 {
  left: 1000px;
}

.container_12 .push_11 {
  left: 11000px;
}

/* `Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .push_1 {
  left: 60px;
}

.container_16 .push_2 {
  left: 120px;
}

.container_16 .push_3 {
  left: 180px;
}

.container_16 .push_5 {
  left: 300px;
}

.container_16 .push_6 {
  left: 360px;
}

.container_16 .push_7 {
  left: 420px;
}

.container_16 .push_9 {
  left: 540px;
}

.container_16 .push_10 {
  left: 600px;
}

.container_16 .push_11 {
  left: 660px;
}

.container_16 .push_13 {
  left: 780px;
}

.container_16 .push_14 {
  left: 840px;
}

.container_16 .push_15 {
  left: 900px;
}

/* `Pull Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_3,
.container_16 .pull_4 {
  left: -300px;
}

.container_12 .pull_6,
.container_16 .pull_8 {
  left: -600px;
}

.container_12 .pull_9,
.container_16 .pull_12 {
  left: -900px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
  left: -100px;
}

.container_12 .pull_2 {
  left: -200px;
}

.container_12 .pull_4 {
  left: -400px;
}

.container_12 .pull_5 {
  left: -500px;
}

.container_12 .pull_7 {
  left: -700px;
}

.container_12 .pull_8 {
  left: -800px;
}

.container_12 .pull_10 {
  left: -1000px;
}

.container_12 .pull_11 {
  left: -1100px;
}

/* `Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .pull_1 {
  left: -60px;
}

.container_16 .pull_2 {
  left: -120px;
}

.container_16 .pull_3 {
  left: -180px;
}

.container_16 .pull_5 {
  left: -300px;
}

.container_16 .pull_6 {
  left: -360px;
}

.container_16 .pull_7 {
  left: -420px;
}

.container_16 .pull_9 {
  left: -540px;
}

.container_16 .pull_10 {
  left: -600px;
}

.container_16 .pull_11 {
  left: -660px;
}

.container_16 .pull_13 {
  left: -780px;
}

.container_16 .pull_14 {
  left: -840px;
}

.container_16 .pull_15 {
  left: -900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after,
.container_16:before,
.container_16:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after,
.container_16:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12,
.container_16 {
  zoom: 1;
}

/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('vhs-assets-css-4b60d67b168dad71cee6316ecd51333c.eot'); /* IE9 Compat Modes */
  src: url('vhs-assets-css-7f200f1121232f3bcf86c1cff66f9fe8.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('vhs-assets-css-cab5c5e6f56eb3d818c7fa89278cce09.woff2') format('woff2'), /* Super Modern Browsers */
       url('vhs-assets-css-de61c21fef2346d94e88d16483c5cdcf.woff') format('woff'), /* Modern Browsers */
       url('vhs-assets-css-6048dd32edcadc3e760d4a3f9185e22b.ttf') format('truetype'), /* Safari, Android, iOS */
       url('vhs-assets-css-4f7441a6988fd4b55d8654674b3d05fa.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('vhs-assets-css-cd9f59cee5027a8d307ff112bcdf7974.eot'); /* IE9 Compat Modes */
  src: url('vhs-assets-css-49454f31efbccda51b64ffe1a56fd739.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('vhs-assets-css-3bcd262e927baa6a82422a536dcd174f.woff2') format('woff2'), /* Super Modern Browsers */
       url('vhs-assets-css-f1a7fee20d7c2741e73dc65791ce7d12.woff') format('woff'), /* Modern Browsers */
       url('vhs-assets-css-77f208a19f592cdb64ba4e5c60c2437b.ttf') format('truetype'), /* Safari, Android, iOS */
       url('vhs-assets-css-5c7ef4b0744a7f464096fddc118e6119.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('vhs-assets-css-8fe6672ae6e59c86feb9466443a3fe56.eot'); /* IE9 Compat Modes */
  src: url('vhs-assets-css-ac9094d924417a8b22f745e3470f35ca.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('vhs-assets-css-41a85ab633e5f64b8b60eb7dacabd458.woff2') format('woff2'), /* Super Modern Browsers */
       url('vhs-assets-css-7bf2bf5a9f27d21a79b624fde70654f1.woff') format('woff'), /* Modern Browsers */
       url('vhs-assets-css-4a8e7febec77f9287f2edc4487686c74.ttf') format('truetype'), /* Safari, Android, iOS */
       url('vhs-assets-css-51c6ce9d0db7af4ce88d12dde48e0d41.svg#OpenSans') format('svg'); /* Legacy iOS */
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


img{
	display: block;
}

em,i {font-style: italic;}
a[href$=".pdf"] {position: relative;}
a[href$=".pdf"]:after { 
  background-image: url('vhs-assets-css-1eb2318ef4204140ba1184390b038595.png');
  background-repeat: no-repeat; 
  background-position: right bottom;
width: 30px;
height: 30px;
position: absolute;
top: -5px;  
content:'';
}
a[href$=".pdf"]:hover {border-bottom: none; }

/* font-weights:

	regular: font-weight:400
	italic: font-weight:400; font-style:italic;
	bold: font-weight:700
*/





/* ######################################
body
######################################### */


body{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 17px;
	line-height: 24px;
	margin: 0px;
	padding: 0px;
}



h1{
	font-size: 1.5em;
	font-weight: 400;
	padding-bottom: 18px;
	line-height: 1.4em;
	text-transform: uppercase;
	letter-spacing: 1px;
}

h2{
	font-size: 1.3em;
	font-weight: 400;
	padding: 16px 0 16px 0;
	line-height: 1.2em;
}


h3{
	font-size: 1em;
	font-weight: 700;
	padding: 32px 0 0 0;
	line-height: 1em;
	color: #5a5a5a;
}


a {text-decoration: none; color:#000000; border-bottom: 2px solid; padding-bottom: .5px; }


a img {border: none;}

.button {margin:20px 10px 40px 0px;font-weight: bold; font-size: 14pt;}
a.btn {padding: 5px 20px; border-radius: 5px; border-bottom: none; }
.btn_white {background-color: #fff; color: #000; }
.btn_green {background-color: #009655; color: #fff; }

a.btn:hover {border: none; }




b {font-weight: 700;}


.black b{
	color: #000000;
}




/* ######################################
header
######################################### */


.header-bar-grey{
	height: 60px;
	background-image: url('vhs-assets-css-23922bbfb4f6af10464b519f7f6c2243.png');
	xbackground-repeat: repeat;
}

.header-bar-content{
	color: #ffffff;
	font-size: 0.9em;
	padding-top: 23px;
}

.header-bar-content a{
	color: #ffffff;
	font-size: 0.9em;
	border-bottom: none; 
	padding-bottom: 0; 
}


.slogan{
	font-weight: 400;
	font-style: italic;
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.logo img{
	margin-left: -10px;
}

.second-nav ul{
	float: right;
	margin-right: 10px;
}

.second-nav ul li{
	float: left;
	padding-left: 40px;
}

.second-nav img{
	float: left;
	padding-right: 10px;
}

.header-bar-content{
	margin-bottom: 35px;
}

.find-and-menu{
	position: relative;
	min-height: 140px;
}

.find{
	float: right;
	margin: 20px 0 0 0;
}

.find-textfield{
	float: left;
}

input{
	width: 192px;
	height: 30px;
	font-size: 0.9em;
	padding-left: 8px;
}

.find-button{
	float: right;
	margin: 4px 0 0 10px;
}
.find-button input{ width: auto;}
.result-list-item {border-bottom:1px solid #e4e8eb; padding: 20px 0;}
.result-list-item .hit {font-style: italic;}
#ke_search_sword{
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 14px;
	padding-left: 6px;
}
.kesearch_pagebrowser ul {text-align: center; width: 100%; padding: 0 !important; margin: 0;}
.kesearch_pagebrowser ul li {list-style-type: none; padding: 0; margin: 0; float: left; margin: 0 10px; }
.kesearch_pagebrowser ul li a {color: #009655; }
.kesearch_pagebrowser ul li a.next {float: left;background-image: url('vhs-assets-css-d31f722b8af081daaad8f2d797060091.png'); background-repeat: no-repeat; width: 30px; height: 30px; color:#009655; display: block; background-position: right bottom; padding-left: 70px; text-indent: -70px; margin-left: 40px;}
.kesearch_pagebrowser ul li a.prev {float: left;background-image: url('vhs-assets-css-d25a753c2941cc162a4b86aba75c5b5f.png'); background-repeat: no-repeat; width: 30px; height: 30px; color:#009655; display: block; background-position: left bottom;padding-right: 70px; text-indent: 40px; margin-right: 50px;}

.kesearch_pagebrowser {margin-top: 10px;}
.kesearch_pagebrowser ul li.prev {padding-right: 12px; text-align: right;}
.kesearch_pagebrowser ul li.prevactive {background-position: left bottom;}
.kesearch_pagebrowser ul li .next {float: right;padding-left: 12px; text-align: left;background-position: right top;}

.main-nav{
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 0;
}

.main-nav .active a{
	color: #009655;
}

.main-nav ul li{
	float: left;
	padding-left: 20px;
	vertical-align: baseline;
	padding-bottom: 10px;
}

.main-nav a{
	color: #000000;
	border-bottom: none; 
	padding-bottom: 0; 
}
.main-nav ul li:last-child a {color:#009655;}
.main-nav .sub-menu-2 {top: 34px; left: 28px;}
.main-nav .sub-menu-2 li {float: none;padding:16px 40px 16px 40px;}










/* ######################################
main content
######################################### */
.welcome {display: none;}
.corana-aktuelles h2 {font-weight: bold; color: #009655; display: inline-block; font-size: 36px;margin-top: 20px;}
.corana-aktuelles h2 span {font-weight: normal;}
.corana-aktuelles h2 img {vertical-align: middle; display: inline-block; margin-right: 15px;}
.corana-aktuelles h3 {padding-top: 18px; color: #009655; font-weight: normal; line-height: 28px; font-size: 22px; padding-right: 20px; padding-bottom: 10px;}
.corona-item p {color:#5A5A5A; font-size:17px; padding-right: 20px;}
.corana-aktuelles-items {display: flex; margin-top: 25px;}
.spacer {width: 100%; height: 2px; background-color: #009655; margin-top: 80px;}
.corona-item {cursor: pointer;}
.cover-picture{
	background-color: #e6e6e6; 	position: relative; 
}

.slider{
	min-height: 300px;
	position: relative;
}

.slide-counter{
	position: absolute;
	bottom: 10px;
	right: 10px;
}


.slide-counter ul li{
	float: left;
	padding-left: 10px;
}

.slide-counter img {-webkit-filter: drop-shadow(0px 0px 5px #666666);
        filter: drop-shadow(0px 0px 5px #666666); }

.highlightanythinghere .container_12 {width: 960px; margin-left: auto; margin-right: auto; position: relative; }
.hah_button {position: absolute; bottom: -30px; left: 80px; z-index: 9999; }
.highlightanythinghere a {background-color: #F39325; border: none; color: #fff; text-decoration: none; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; font-size: 20px; margin: 4px 2px; border-radius: 50%; height: 188px; width: 188px; transform: rotate(-8deg); box-shadow: 2px 2px 16px #606060; cursor: pointer; }
.highlightanythinghere a.button span {color: #000; }




.welcome{
	color: #009655;
	text-align: center;
	font-size: 1.8em;
	line-height: 1.4em;
	padding-top: 20px;
}







.direct-menu{
	margin-top: 40px;
	display: flex;
}


.direct-menu h1{
	text-align: center;
}

.direct-menu p{
	color: #5a5a5a;
}

.direct-menu a img{
	margin: 20px 0 40px 0;
	width:100%;
	height: auto;
}

.direct-menu-new .grid_4 {position: relative; margin-bottom: 40px;}
.direct-menu-new p {font-size:17px;}
.direct-menu-new img {width: 100%; height: auto;}
.direct-menu-new a {position: absolute; height: 100%; width: 100%;  border-bottom: none;}
.direct-menu-new a.red {background-color: rgba(166, 34, 36, 0.7);}
.direct-menu-new a.green {background-color: rgba(38, 154, 107, 0.7);}
.direct-menu-new a.orange {background-color: rgba(243, 147, 37, 0.7);}

.direct-menu-new .direct-menu-text {align-items: center; justify-content: center; margin: 0 20px; text-align: center;}
.direct-menu-new h2 {color: #fff; text-transform: uppercase;}
.direct-menu-new p {color: #fff; text-decoration: underline;}
.direct-menu-new a:hover {background: none;}
.direct-menu-new a:hover p {text-indent: -9999px;}

.mvp {background-color: #009655; height: 70px; margin-top: 70px; margin-bottom: 80px; position: relative; }
.bg_mvp {position: absolute; top: -50px; left: calc(50vw - 640px); }
.mvp .container_12 {display: flex; flex-direction: row; justify-content: center; padding-top: 20px; }
.mvp_text {color: #ffffff; font-size: 30px; font-weight: 700; float: left; height: 172px; }
.mvp_button {height: 172px; width: 175px;  background-image: url('vhs-assets-css-43d0997ce3c5918ef07d3d8eb6e03b0f.png'); background-repeat: no-repeat; margin-top: -70px; position: relative; margin-left: 40px; }
.mvp_button a {color: #000000; font-size: 22px; font-weight: 700; margin-left: 35px; position: absolute; top: 70px; }

a.green_button,.green_button {background-color:#009655; color:#ffffff;}



.das-bfw{
	background-color: #009655;
	color: #ffffff;
	padding-bottom: 30px; 
}

.das-bfw p {font-size: 24px; line-height: 2rem; }

.das-bfw h1{
	padding-top: 40px;
	margin: 0 10px 0 10px;
}

.two-col{
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	margin: 0 10px 0 10px;
}

.two-col p{
	padding: 0;
}

.das-bfw-text img{
	padding-top: 20px;
}

.das-bfw-image{
	padding-bottom: 40px;
}

.das-bfw-button{
	margin: 40px 10px 70px 10px;
}





.quote h1{
	font-size: 1.3em;
	text-align: center;
	text-transform: none;
	padding-top: 40px;
}

.quote p{
	text-align: center;
}

.quote img{
	display: block;
	margin: 40px auto 40px auto;
}
.gaestehaus_start {padding-bottom: 20px; display: flex;}
.gaestehaus_start .grid_6 {display: flex;}
.gaestehaus_content {margin-left:47px;display: flex; flex-direction: column;
}
.gaestehaus_content h2 {padding-top: 34px; font-size: 1.6em; font-weight: 300; color:#000000}
.gaestehaus_content p {color:#000000;flex-grow:1;text-align: left;}
.gaestehaus_content button {margin-bottom: 45px;}
.gaestehaus_start img {width: 100%; height: auto;object-fit:cover;}
.quote{
background-image:url('vhs-assets-css-f3f6f6428384f62d4b3c3ded511b217c.png');
background-repeat: no-repeat; 
background-position: top center;
color: #5a5a5a;
background-size:cover;
}

.start-videos {display: flex;  column-gap:20px; margin-left: 10px; margin-right: 10px;}
.start-video {position: relative; padding-bottom: 56.25%; }
.start-videos h2 {font-size: 1.2em;}
.start-single-video {flex: 1;}

.start-video iframe {position: absolute; top: 0; left: 0; }

.after-start-video p {margin-top: 20px; margin-bottom: 40px; }



.news-content{
	display: flex;
}

.news h1{
	padding-top: 40px;
	padding-bottom: 20px;
	margin: 0 10px 0 10px;
}

.news-content h1{
	margin: 0;
}

.newsright {background-image: url('vhs-assets-css-999f5e0c0f1de2c870be7c5b341d876e.png'); background-repeat: no-repeat; width: 30px; height: 30px; display: block; }

.presseclipping {margin: 20px 0;text-align: center;}
.presseclipping img {margin-bottom: 0; margin: auto;}
.presseclipping p {padding-top: 0;}
.presseclipping p.quelle {font-size: 14px; padding-top: 0;}
#c377 .tx-dcbfw {display: flex;}
.shifting-news.grid_3{
	border-right: 1px solid #5a5a5a;
	float: none;
	display: flex;
	flex-direction: column;
}

.shifting-news-image{
	padding-bottom: 20px;
}

.shifting-news-text h1{
	font-size: 1em;
	font-weight: 700;
	text-transform: none;
	letter-spacing: normal;
	padding: 0;
}
.shifting-news-text {margin-right:25px; display: flex; flex-direction: column; height: 100%;}
.shifting-news-text-item {flex-grow: 1;}
.shifting-news-text p{
	margin: 0;
	padding: 0;
}

.permanent-news.grid_3{
	width: 188px;
	margin: 0;
	background-color: #a62224;
	padding: 16px 16px 16px 16px;
	height: inherit;
}


.permanent-news h1{
	font-size: 1.3em;
	font-weight: 700;
	padding: 0 ;
}
.permanent-news h1 a {color: #fff;}
.permanent-news ul{
	list-style-image: url('vhs-assets-css-a294fcc1418688637a0861b207be6f9a.png');
	padding-left: 16px;
	color:#fff;
}

.permanent-news p{
	padding-top: 16px;
	color: #ffffff;
}

.intro .newsitem {margin-bottom: 20px; padding-bottom: 20px;border-bottom: 0.5px solid #5a5a5a; width: 195px;}
.intro .newsitem img {padding-bottom: 0;}
.newsup {width: 30px; height: 30px; background-image: url('vhs-assets-css-312a4482611ceb0a4f39d3e3670f1b48.png'); position: absolute; top:0; right: -30px; cursor: pointer;}
.newsdown {width: 30px; height: 30px; background-image: url('vhs-assets-css-356e81fd46739275a3226f255bafa373.png');position: absolute; bottom:0; right: -30px; cursor: pointer;}
.newslist {position: relative; width: 100%; float: left;}

.imagecaption {font-size: 14px; line-height: 18px; margin-top: -10px;}
.newsdate {margin-top: 60px;}
.newsdetail h1 {font-size: 24px;color:#000000; margin: 0; padding: 0; font-weight: 700; text-transform: none; letter-spacing: normal; }

.videos {width: 960px; margin-left: auto; margin-right: auto; display: flex; justify-content: space-between; margin-bottom: 70px; }
.videos .grid_6 {text-align: center; }
.videos img {margin-left: auto; margin-right: auto; margin-bottom: 10px; }




/* ######################################
footer
######################################### */


.footer{
	background-color: #5a5a5a;
	color: #ffffff;
	font-size: 0.8em;
	margin-top: 40px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.footer a{
	color: #ffffff;
	font-weight: 700;
	border-bottom: none;
	padding-bottom: 0; 
}

.footer-bildmarke{
	margin: 0;
}

.footer h1{
	font-weight: 700;
	letter-spacing: normal;
	text-transform: none;
	margin: 0;
	padding: 0;
}

.footer-kontakt-text p{
	padding-top: 16px;
}

.footer ul{
	float: left;
	padding-left: 36px;
}

.footer ul li{
	padding-bottom: 16px;
}

.partner{
	float: right;
}














/* ######################################
sub pages
######################################### */



.intro{
	padding: 40px 0 40px 0;
}

.intro p{
	color: #5a5a5a;
	padding-top: 16px;
}

.intro img{
	padding-bottom: 20px;
}

.ce-bodytext ul,.tx-jobs ul{
	color: #5a5a5a;
	list-style-type: square;
	padding-left: 22px;
	margin-bottom: 16px;
}
.jobs {margin:20px;}
.jobs h1 {text-align:center;}
.jobs h2 {text-align:center; padding-top:0;}
.jobs p {margin-bottom:15px;}
.jobs ul li {color:#000000;}
.job-list {display: flex; flex-wrap: wrap; margin-top: 50px;}
.tx-jobs .job-list h2 {font-weight: normal;}
.jobkategorien {width: calc(33.33% - 25px); margin-right: 25px;}
.jobkategorien li {word-break: break-word;}
.job-image img {width: 100%; height: auto;}
.another-intro{
	background-color: #e6e6e6;
	padding: 40px 0 40px 0;
}

.another-intro p{
	padding-top: 16px;
	color: #5a5a5a;
}





.sub-direct-menu{
	padding: 40px 0 0 0;
}

.sub-direct-menu .grid_3{
	float: left;
}

.sub-direct-menu h1{
	letter-spacing: normal;
	text-transform: none;
	padding-top: 24px;
	padding-bottom: 0;
	font-size: 1.3em;
	line-height: 1.2em;
}

.sub-direct-menu p{
	padding-top: 16px;
	color: #5a5a5a;
}
.textnavigation {margin-bottom: 16px;}
.textnavigation h2{
	letter-spacing: normal;
	text-transform: none;
	padding-top: 24px;
	padding-bottom: 0;
	font-size: 1.3em;
	line-height: 1.2em;
}





.title{
	background-color: #009655;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.5em;
	padding: 40px 0 40px 0;
	margin-bottom: 10px;
}

.subtitle {
	font-size: 1em;
	padding: 0;
	margin: 20px 0 0 0;
	font-weight: 700; 
	text-transform: none; 
}

.sub-menu-1{
	color: #5a5a5a;
	text-align: center;
	border-bottom: 1px solid #5a5a5a;
	position: relative;
}

.sub-menu-1 ul li {
	padding: 16px 40px 16px 40px;
	display: inline-block;
}
.sub-menu-1 ul li a {color:#000000; border-bottom: none; padding-bottom: 0; }
.sub-menu-1 ul li a.active {color:#000000; border-bottom: 2px solid; padding-bottom: 1px; }


.open-close-sub-menu {position: relative;}
.open-close-sub-menu span{
	background-image: url('vhs-assets-css-85e6f0aa6f1089a9ae6e97ec59fad344.png');
	background-repeat: no-repeat;
	height: 7px;
	width: 12px;
	display: inherit;
	padding-right: 6px;
}

.open-close-sub-menu-active{
	color: #009655;
}

.open-close-sub-menu-active span{
	background-image: url('vhs-assets-css-85e6f0aa6f1089a9ae6e97ec59fad344.png');
	background-repeat: no-repeat;
	height: 7px;
	width: 12px;
	display: inherit;
	padding-right: 6px;
	background-position: 0 -14px;
}
.open-close-sub-menu:hover ul {display: block;}
.sub-menu-2{
	background-color: rgba(230,230,230,0.9);
	color: #5a5a5a;
	text-align: left;
	min-width: 300px;
	position: absolute;
	top: 50px;
	left: 38px;
	z-index: 999;
}
.sub-menu-2 ul {display: none;}

.sub-menu-2 ul li{
	display: list-item;
	border-bottom: 3px solid #ffffff;
}
.sub-menu-2 ul li a {
	color: #5a5a5a;
}

.sub-menu-2-active{
	background-color: #009655;
	color: #ffffff;
}


.sub-menu-3{
	font-size: 0.9em;
}

.sub-menu-3 ul li{
	margin-bottom: 10px;
}
.sub-menu-3 ul li a {
	color:#5a5a5a;
	border-bottom: none;
	padding-bottom: 0; 
}
.sub-menu-3 .active{
	color: #000000;
	border-bottom: 2px solid; padding-bottom: 1px; 
}




.hotline{
	background-color: #009655;
	padding: 20px 0 20px 0;
	color: #ffffff;
	margin: 110px 0 -40px 0;
}
.hotline a {color: #ffffff;}
.hotline-content{
	text-align: center;
	position: relative;
}

.hotline img{
	padding-right: 10px;
	display: inline-block;
	vertical-align: middle;
}

.hotline p{
	display: inline;
	font-weight: 700; 
	font-size: 1.25em; 
}

.ansprechpartnerfoto {
	position: absolute;
	top:-115px;
	left: 0;
}



.professions ul{
	padding-top: 20px;
}

.professions ul li{
	border-bottom: 1px solid #5a5a5a;
	padding: 8px 0 12px 60px;
}
.openProfession {color: #009655; cursor: pointer;}
span.oldprofression {font-size: 15px; font-style: italic; line-height: 20px; display: block; color: #009655}
.professiondetail {color: #969696; margin: 7px 0; display: none;}
.professiondetail b {margin-top: 7px; display: block; color: #000000;}
.job_garden{
	background-image: url('vhs-assets-css-a9aa6cd3b15ff0c33cfb149e4a97641d.png');
	background-repeat: no-repeat;
	margin-top: 8px;
}

.job_it{
	background-image: url('vhs-assets-css-c32827befc512049af449c5fdd495147.png');
	background-repeat: no-repeat;
	margin-top: 8px;
}

.job_office{
	background-image: url('vhs-assets-css-78070a60c8f9dba9a59c1a94410e29d8.png');
	background-repeat: no-repeat;
	margin-top: 8px;
}

.job_service{
	background-image: url('vhs-assets-css-ab481b2253fd2a97361f84c33f076c8f.png');
	background-repeat: no-repeat;
	margin-top: 8px;
}

.job_tec{
	background-image: url('vhs-assets-css-bfe35f1d1f560d61856e4508461e8dd1.png');
	background-repeat: no-repeat;
	margin-top: 8px;
}

#c372 ul{
	list-style-type: square;
	color: #5a5a5a;
	padding-top: 16px;
	padding-left: 20px;
}

.dcitem a, .newsdetail a, label a {font-size: 1.25em; border-bottom: none; padding-bottom: 0; }
.tx-jobs ul li {padding-bottom: 10px; line-height: 1.75em; }

.tx-jobs a {border-bottom: none; padding-bottom: 7px;  }
.tx-jobs h2 {font-weight: 700;}
.newsitem a {border-bottom: none; padding-bottom: 0; }




/* ##########
sub pages --- sonder1
############# */


.quali-content{
	border-bottom: 1px solid #5a5a5a;
	padding: 30px 0 30px 0;
}

.quali-heading{
	font-size: 1.2em;
	padding: 0 0 20px 60px;
	background-image: url('vhs-assets-css-32a79200e363ff0c2eaf0d00dd45a554.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

.quali-heading.active{	
	background-image: url('vhs-assets-css-eb8a2b85b31415afa3a1214ddf4743c7.png');
	background-repeat: no-repeat;
}

.quali-text{
	padding-left: 60px;
}

.quali{
	table-layout: fixed;
	width: 100%;
	white-space: nowrap;
}

.quali th{
	color: #ffffff;
	background-color: #5a5a5a;
}

.quali tr{
	background-color: #e6e6e6;
}

.quali tr:nth-child(even) {
    background-color: #d0ebdf;
}

.quali td, th{
	padding: 6px 20px 6px 6px;
	border: 3px solid #ffffff;
	text-align: left;
	white-space: normal;
	hyphens:auto;
}

.col-quali{
	width: 50%;
}

.td-quali{
	background-image: url(../images/button_pdf.png);
	background-repeat: no-repeat;
	background-position: right 6px bottom 6px;
}

.qualification p.small {font-size: 14px; margin: 5px;}



/* ##########
sub pages --- sonder2
############# */

.container_12 .date{
	font-size: 1.2em;
	text-align: center;
	border: 1px solid #5a5a5a;
	border-radius: 4px;
	width: 138px;
	height: 58px;
	margin: 0 0 20px 20px;
	line-height: 58px;
	position: relative;
	display: block;
}

.container_12 .date a{
	color: #000000;
	border: none;
}
.tx-leistungsangebote {color: #5a5a5a;}
.quali-content i {font-size: 12px; display: block; line-height: 14px;}
.tx-leistungsangebote select {color: #5a5a5a;}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #5a5a5a;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #5a5a5a;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #5a5a5a;
}
.container_12 .tx-leistungsangebote .date:nth-of-type(4n+1) {
	margin-left: 0;
}
.date:hover .date-bg-hover {display: block;}
.date-bg-hover{
	background-image: url('vhs-assets-css-05b478c3cba45a443e470388e8f3f52e.png');
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 140px;
	height: 60px;
	display: none;
}





.form p{
	color: #5a5a5a;
}

.form input{
	width: 100%;
	border-radius: 4px;
	margin: 6px 0 6px 0;
	border: none;
	min-height: 30px;
	height: auto; 
	font-size: 0.9em;
	padding: 10px;
}
.form select{
	width: 100%;
	border-radius: 4px;
	margin: 6px 0 6px 0;
	border: none;
	height: 30px;
	font-size: 0.9em;
	padding-left: 8px;
}
.tx-leistungsangebote form select {
	background-color: #ffffff;
	height: 50px;
	width: calc(100% + 18px);
}
label{
	display: block;
	color: #5a5a5a;
	margin-top: 7px;
}
label.checkbox {float: left; margin-right: 50px;}
label.checkboxfirst {float: left; margin-right: 50px; width: 335px;}

.form input[type=checkbox]{
	padding: 0;
	margin: 3px 0 0 0;
	float: left;
	margin-right: 15px;
	width: auto;
	width: 20px;
    height: 2em;
}
.form input[type=radio]{
	padding: 0;
	margin: 3px 0 0 0;
	float: left;
	margin-right: 15px;
	width: auto;
	width: 20px;
    height: 2em;
}

.form input[type=submit]{
	color: #ffffff;
	background-color: #009655;
	margin-top: 30px;
	font-weight: 700; 
	font-size: 1.25em; 
}

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {margin: 0;}
.tx-dcbfw ol {list-style-type: decimal; margin-left: 19px; color: #5a5a5a; margin-top: 15px;}
.dcitem {margin:50px 0 0 170px; padding-bottom: 50px; float: left; border-bottom: 0.5px solid #5a5a5a;}
.newsdetail p.subtitle {color: #000000; font-weight: bold;}
.dcitem h2 {padding-top: 0; margin-top: 0;}


/*Slider*/
.slider{
	height: 300px;
}
.slider .container_12 {overflow: hidden; position: relative;}
.slider .container_12 > .news {width: 10000px; margin-left: -10px;}
.slideritem {display: none;}
.slideritem:first-child {display: block;}
.slide-nav{
	height: 30px;
}

.slider span{
	width: 24px;
	height: 24px;
	float: left;
	cursor: pointer;
}
span.play {display: none;}


.slide-count{
	font-size: 1em;
	line-height: 1em;
	float: left;
	padding-left: 26px;
}


.tx-felogin-pi1 {width: 320px; margin: 40px auto 0 auto; }
.tx-felogin-pi1 h3,.tx-felogin-pi1 legend {display: none;}
.tx-felogin-pi1 input {width: 300px;}
.tx-felogin-pi1 input[type="submit"] { background-color: #009655; border: none; width: 315px; color: #ffffff; margin-top:20px; height: 40px;}
.trenner {border: 1px solid #009655; margin-bottom: 20px;}
.email p {margin:15px 0;}
.hotel {clear: both; float: left; margin-top: 20px;}

.rundgangitem {display: none;}
.rundgangitem:first-child {display: block;}
.rundgang {position: relative;}
.galerie-description {display: none;}
.galerie-description:first-child {display: block;}
.kactive {color:#000000; border-bottom: 2px solid; padding-bottom: 1px; }
li.kategorie {cursor: pointer;}
#galerie  {margin-top:40px;}
.nGY2ViewerContainer .title  {padding: 0; background: none;}





/********************************************************************************************* 
1.  Grid 720px
2.  Grid lt 720px/ Mobile 
3.  Responsive Image



	
/********************************************************************************************* 

1.  Grid 720px (mediaqueries)

*********************************************************************************************/

@media only screen and (min-width: 720px) and (max-width: 959px) {
	.direct-menu-text img {width: 100% !important; height: auto !important;}
.container_12 {
	width: 720px;
	}
	body {min-width: inherit;}
.container_12 .grid_1 {
	width:40px;
}
.container_12 .grid_2 {
	width:100px;
}
.container_12 .grid_3 {
	width:160px;
}
.container_12 .grid_4 {
	width:220px;
}
.container_12 .grid_5 {
	width:280px;
}
.container_12 .grid_6 {
	width:340px;
}
.container_12 .grid_7 {
	width:400px;
}
.container_12 .grid_8 {
	width:460px;
}
.container_12 .grid_9 {
	width:520px;
}
.container_12 .grid_10 {
	width:580px;
}
.container_12 .grid_11 {
	width:640px;
}
.container_12 .grid_12 {
	width:700px;
}

.corona-item img {width: 100%; height: auto;}
.corona-item {flex-shrink: 1;}
.ansprechpartnerfoto {
top:-145px;
}

.direct-menu a img{
	margin: 0px 0 20px 0;
}

.main-nav{
	margin-left: 50px;
}

.news-image img{
	width: auto;
	margin-left: -230px;
}

.slogan{
	display: none;
}

.news-content{
	display: block;
}

.shifting-news.grid_3{
	width: 320px;
	margin-bottom: 40px;
	border: none;
}

.permanent-news.grid_3{
	width: 290px;
	margin-left: 10px;
}

.footer .grid_4{
	width: 260px;
}

.partner.grid_3{
	width: 100%;
}

.partner ul{
	margin-top: 40px;
}

.partner ul li{
	float: left;
	padding-right: 40px;
}







.sub-direct-menu .grid_3{
	width: 330px;
	margin-bottom: 40px;
}

.sub-direct-menu .grid-3::nth-child(3) {clear:both;}

	.hotel {clear: left; margin-left: 10px;}


.videos {flex-direction: column; justify-content: flex-start; margin-bottom: 0; margin-left: calc(100% / 2 - 170px)}
.videos .grid_6 {margin-bottom: 50px; }
.videos img {width: 340px; height: auto; }

.hah_button {left: 0px; }
.highlightanythinghere a.button {font-size: 15px; line-height: 1.2em; height: 130px; width: 130px; }


}
	

/********************************************************************************************* 

2.  Grid lt 720px / Mobile (mediaqueries)

*********************************************************************************************/
	
@media only screen and (max-width: 719px) {
		#c377 .tx-dcbfw {display: block ;}
		.direct-menu {display: block !important;}
		.shifting-news-image img {width: 100% !important;}
		.start-videos {flex-direction: column; margin: 0;}
		.gaestehaus_start {flex-direction: column;}
		.quote {background-position: bottom; background-color: #f2f2f2;}
		.container_12 {width: 90%;}
	body {min-width: inherit;}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
	width:100%;
	margin-left: 0px;
	margin-right: 0px;
}
.alpha {
	margin-left: 0;
}
.omega {
	margin-right: 0;
}
.beta {
	margin-left: 0;
	margin-right: 0;
}
.container_12 .grid_1, .container_12 .grid_2, .container_12 .grid_3, .container_12 .grid_4, .container_12 .grid_5, .container_12 .grid_6, .container_12 .grid_7, .container_12 .grid_8, .container_12 .grid_9, .container_12 .grid_10, .container_12 .grid_11, .container_12 .grid_12 {
	width:100%;
}
.container_12 .prefix_1, .container_12 .suffix_1 {padding:0;}

img{
	width: 100%;
	height: auto;
}
.corana-aktuelles h2 img {width: auto;}
.corana-aktuelles h2 {font-size: 30px;}
.corana-aktuelles-items {flex-direction: column; margin-top: 0}
.corona-item {margin-bottom: 40px;}
.ansprechpartnerfoto {display: none;}
.form input, .form select {
	width: calc(100% - 8px);
}
label.checkboxfirst {margin: 0; width: 100%;}
.container_12 .tx-leistungsangebote .date.grid_2 {margin: 0 auto 15px auto; float: none;}
.header-bar-content{
	padding-top: 10px;
}

.second-nav ul li{
	padding-left: 0;
	padding-right: 20px;
	font-size: 90%;
}

.slogan{
	display: none;
}

.header-bar-grey{
	height: 90px;
	background-image: none;
	background-color: #5a5a5a;
}

.second-nav ul li{
	padding-bottom: 10px;
}

.header-bar-white{
	background-color: #009655;
}

.logo.grid_3{
	width: 250px;
}

.logo{
	width: 230px;
	height: 100px;
	overflow: hidden;
	position: relative;
}

.logo img{
	position: absolute;
	margin-top: -40px;
}

.find-and-menu.grid_9 {
	position: absolute;
    top: 189px;
    left: 0;
    background-color: white;
    z-index: 999;
}

.main-nav{
	position: relative;
}

.main-nav.grid_9 ul li{
	width: 100%;
}

.responsive-nav {
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url('vhs-assets-css-b8fbb393fcca55adfdc74f441523f3d4.png');
    cursor: pointer;
    right: 20px;
    top: 146px;
}

.find{
	margin-right: 20px;
}

.slider .container_12{
	margin: 0;
	padding: 0;
	width: 100%;
}

.slider {min-height: inherit; height: auto; }

.news-image img{
	width: 100%;
	height: auto;
	object-fit: cover; 
}

.slider .container_12 .news {width: auto; margin-left: 0; }
.news-image.grid_8 {width: 100vw; }

.direct-menu.container_12 {margin-top: 70px; }

.welcome{
	font-size: 100%;
}

.das-bfw-text img{
	width: 100%;
	padding-bottom: 30px;
}

.das-bfw-image{
	display: none;
}

.two-col{
	-moz-column-count: 1;
	-moz-column-gap: 0px;
	-webkit-column-count: 1;
	-webkit-column-gap: 0px;
}

.quote{
	background-size: 8000px;
}

.news-content{
	display: block;
}

.shifting-news.grid_3{
	margin-bottom: 40px;
	border: none;
}

.permanent-news.grid_3{
	width: 300px;
}

.footer-bildmarke.grid_1{
	width: 100px;
}

.footer-kontakt-text.prefix_1{
	padding-left: 100px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid white;
}

.partner{
	padding-top: 20px;
	border-top: 1px solid white;
}

.jobkategorien{width: 100%; margin-right: 0; }

.find-and-menu {box-shadow: 0px 10px 10px grey; }

#c206 div.csc-textpic-center .csc-textpic-center-outer,
#c206 div.csc-textpic-center .csc-textpic-center-inner,
#c207 div.csc-textpic-center .csc-textpic-center-outer,
#c207 div.csc-textpic-center .csc-textpic-center-inner,
#c216 div.csc-textpic-center .csc-textpic-center-outer,
#c216 div.csc-textpic-center .csc-textpic-center-inner,
#c218 div.csc-textpic-center .csc-textpic-center-outer,
#c218 div.csc-textpic-center .csc-textpic-center-inner {position: inherit; float: none; right: auto; }

#c202 .container_12 {display: flex; flex-direction: column-reverse; }

#c207 .container_12 .csc-textpic-left .csc-textpic-imagewrap,
#c207 .container_12 .csc-textpic-center .csc-textpic-imagewrapp,
#c218 .csc-textpic-left .csc-textpic-imagewrap {float: none; }

#p14 .sub-direct-menu {padding: 0; }
#c202 .another-intro {margin-bottom: 30px; }





.logo.sub-logo{
	background-image: url('vhs-assets-css-3b9bdbdca4e1d27084c155d2e45c8099.png');
	background-repeat: no-repeat;
}

.logo.sub-logo img{
	display: none;
}

.cover-picture .container_12{
	margin: 0;
	padding: 0;
	width: 100%;
}

.grid_8.prefix_2{
	padding-left: 0;
}

.sub-direct-menu .grid_3{
	float: left;
	padding-bottom: 40px;
}

.sub-menu-1, .sub-menu-2, .sub-menu-3 {
	display: none;
}

#p67 .sub-menu-1 {
	display: block;
}

#p66 .sub-menu-1 {
	display: block;
}


.hotline{
	margin-top: 20px;
}

.newslist{
	display: none;
}

.grid_9{
	width: 100%;
}

.prefix_1.newsdetail{
	padding-left: 0;
}

.date.grid_2{
	width: 140px;
}

.newsback {width: 30px; height: 30px; background-image: url('vhs-assets-css-cc735bebd76c9f75037204dcc636ac1c.png'); background-repeat: no-repeat; cursor: pointer; float: left; margin-top: 40px; }
.newsforward {width: 30px; height: 30px; background-image: url('vhs-assets-css-999f5e0c0f1de2c870be7c5b341d876e.png'); background-repeat: no-repeat; cursor: pointer; float: right; margin-top: 40px; }

.hotline img, .footer img{
	width: auto;
}
.hotel {margin-top: 20px; clear: both; display: inline-block;}
.large-only {display: none;}
.quali-text {padding-left: 0;}
.find-and-menu {display: none;}


.videos {flex-direction: column; margin-bottom: 0; }
.videos .grid_6 {margin-bottom: 70px; }
.videos img {width: 90vw; height: auto; }


.bg_mvp {display: none; }
.mvp_text {font-size: 1.2em; }
.mvp_button {height: 128px; width: 130px; background-size: contain; margin-left: 10px; margin-top: -49px; }
.mvp_button a {font-size: 1em; top: 49px; margin-left: 25px; }



/*
.mvp {background-color: #009655; height: 70px; margin-top: 70px; margin-bottom: 80px; position: relative; }
.bg_mvp {position: absolute; top: -50px; left: calc(50vw - 640px); }
.mvp .container_12 {display: flex; flex-direction: row; justify-content: center; padding-top: 20px; }
.mvp_text {color: #ffffff; font-size: 30px; font-weight: 700; float: left; height: 172px; }
.mvp_button {height: 172px; width: 175px;  background-image: url('vhs-assets-css-43d0997ce3c5918ef07d3d8eb6e03b0f.png'); background-repeat: no-repeat; margin-top: -70px; position: relative; margin-left: 40px; }
.mvp_button a {color: #ffffff; font-size: 22px; font-weight: 700; margin-left: 35px; position: absolute; top: 70px; }
*/

.hah_button {left: -10px; bottom: -200px; }
.highlightanythinghere a {font-size: 13px; line-height: 1.2em; height: 130px; width: 130px; }

/*
.highlightanythinghere .container_12 {width: 960px; margin-left: auto; margin-right: auto; position: relative; }
.hah_button {position: absolute; bottom: -30px; left: 80px; }
.highlightanythinghere a {background-color: #F39325; border: none; color: #fff; text-decoration: none; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; font-size: 20px; margin: 4px 2px; border-radius: 50%; height: 188px; width: 188px; transform: rotate(-8deg); box-shadow: 2px 2px 16px #606060; cursor: pointer; }
.highlightanythinghere a.button span {color: #000; }
*/

}


/********************************************************************************************* 

6.  Responsive Image

*********************************************************************************************/


img.scale, img.responsive {
	max-width: 100%;
	height: auto;
}

img.noscale{
	width: auto;
}

.container_12:before,.container:after {
	content:'.';
	display:block;
	overflow:hidden;
	visibility:hidden;
	font-size:0;
	line-height:0;
	width:0;
	height:0;
}

.container_12:after {
	clear:both;
}
.direct-menu-text {display: flex; flex-direction: column; height: 100%; flex-grow:1;}
.direct-menu {display: flex;}
.direct-menu .grid_4 {display: flex; flex-direction: column;}
.direct-menu-text a {border: none;}
.shifting-news-image img {width: calc(100% - 25px); height: auto;}


/* CSS for nanogallery2 - www.nanogallery2.nanostudio.org */

/**************************************/
/* nanogallery2 - main container      */
/**************************************/

.nGY2 {
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-box-sizing: content-box;
}
 
.nGY2 .ngy2_container {
  width: 100%;
  min-width: 100px; /* to display something even if parent has display:inline-block */
	font-size: 1.0em;
	line-height: normal;
	padding: 0px;
	margin: 0 auto;
	overflow: hidden;
  visibility: visible;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}


/*******************************************/
/* NGY2 ICON FONT                          */
/* generated with http://fontello.com      */
/* PARTIALLY BASED ON FONT AWESOME         */
/*******************************************/

/* base64 encoder: http://jpillora.com/base64-encoder */

@font-face {
  font-family: 'ngy2_icon_font';
  src: url('vhs-assets-css-d01428450b17d17d608d6096b97d666f.woff2?62863819') format('woff2'),
       url('vhs-assets-css-6aacf596dee71b13a06c87f79dd53d00.woff?62863819') format('woff');
  font-weight: normal;
  font-style: normal;
}
  
.nGY2Icon-star:before { content: '\e801'; } /* '?' */
.nGY2Icon-search:before { content: '\e800'; } /* '?' */
.nGY2Icon-star-empty:before { content: '\e802'; } /* '?' */
.nGY2Icon-video:before { content: '\e803'; } /* '?' */
.nGY2Icon-videocam:before { content: '\e804'; } /* '?' */
.nGY2Icon-picture:before { content: '\e805'; } /* '?' */
.nGY2Icon-camera:before { content: '\e806'; } /* '?' */
.nGY2Icon-camera-alt:before { content: '\e807'; } /* '?' */
.nGY2Icon-ok:before { content: '\e808'; } /* '?' */
.nGY2Icon-help:before { content: '\e80a'; } /* '?' */
.nGY2Icon-help-circled:before { content: '\e80b'; } /* '?' */
.nGY2Icon-home:before { content: '\e80e'; } /* '?' */
.nGY2Icon-link:before { content: '\e80f'; } /* '?' */
.nGY2Icon-link-ext:before { content: '\e810'; } /* '?' */
.nGY2Icon-heart:before { content: '\e811'; } /* '?' */
.nGY2Icon-ngy2_chevron-right:before { content: '\e812'; } /* '?' */
.nGY2Icon-upload:before { content: '\e814'; } /* '?' */
.nGY2Icon-reply-all:before { content: '\e815'; } /* '?' */
.nGY2Icon-export:before { content: '\e816'; } /* '?' */
.nGY2Icon-chat:before { content: '\e818'; } /* '?' */
.nGY2Icon-attention:before { content: '\e819'; } /* '?' */
.nGY2Icon-location:before { content: '\e81a'; } /* '?' */
.nGY2Icon-trash:before { content: '\e81b'; } /* '?' */
.nGY2Icon-folder-empty:before { content: '\e81c'; } /* '?' */
.nGY2Icon-folder-open-empty:before { content: '\e81d'; } /* '?' */
.nGY2Icon-menu:before { content: '\e81e'; } /* '?' */
.nGY2Icon-cog:before { content: '\e81f'; } /* '?' */
.nGY2Icon-cog-alt:before { content: '\e820'; } /* '?' */
.nGY2Icon-wrench:before { content: '\e821'; } /* '?' */
.nGY2Icon-lightbulb:before { content: '\e822'; } /* '?' */
.nGY2Icon-resize-full:before { content: '\e823'; } /* '?' */
.nGY2Icon-resize-small:before { content: '\e824'; } /* '?' */
.nGY2Icon-left-open:before { content: '\e827'; } /* '?' */
.nGY2Icon-right-open:before { content: '\e828'; } /* '?' */
.nGY2Icon-arrows-cw:before { content: '\e829'; } /* '?' */
.nGY2Icon-level-up:before { content: '\e82a'; } /* '?' */
.nGY2Icon-play:before { content: '\e82b'; } /* '?' */
.nGY2Icon-pause:before { content: '\e82c'; } /* '?' */
.nGY2Icon-ngy2_chevron-left:before { content: '\e82d'; } /* '?' */
.nGY2Icon-ellipsis-vert:before { content: '\e82e'; } /* '?' */
.nGY2Icon-toggle-off:before { content: '\e82f'; } /* '?' */
.nGY2Icon-toggle-on:before { content: '\e830'; } /* '?' */
.nGY2Icon-check:before { content: '\e831'; } /* '?' */
.nGY2Icon-check-empty:before { content: '\e832'; } /* '?' */
.nGY2Icon-rocket:before { content: '\e833'; } /* '?' */
.nGY2Icon-filter:before { content: '\e834'; } /* '?' */
.nGY2Icon-magic:before { content: '\e835'; } /* '?' */
.nGY2Icon-pinterest-squared:before { content: '\e836'; } /* '?' */
.nGY2Icon-gplus-squared:before { content: '\e837'; } /* '?' */
.nGY2Icon-facebook-squared:before { content: '\e838'; } /* '?' */
.nGY2Icon-basket:before { content: '\e839'; } /* '?' */
.nGY2Icon-ok-circled:before { content: '\e83a'; } /* '?' */
.nGY2Icon-user:before { content: '\e83b'; } /* '?' */
.nGY2Icon-ngy2_chevron_left3:before { content: '\e83c'; } /* '?' */
.nGY2Icon-ngy2_chevron_right3:before { content: '\e83d'; } /* '?' */
.nGY2Icon-zoom-out-1:before { content: '\e83e'; } /* '?' */
.nGY2Icon-ngy2_zoom_out2:before { content: '\e83f'; } /* '?' */
.nGY2Icon-ngy2_zoom_in2:before { content: '\e840'; } /* '?' */
.nGY2Icon-ngy2_share2:before { content: '\e841'; } /* '?' */
.nGY2Icon-ngy2_external2:before { content: '\e842'; } /* '?' */
.nGY2Icon-ngy2_close2:before { content: '\e843'; } /* '?' */
.nGY2Icon-ngy2_info2:before { content: '\e844'; } /* '?' */
.nGY2Icon-ngy2_chevron_up2:before { content: '\e845'; } /* '?' */
.nGY2Icon-ngy2_download2:before { content: '\e846'; } /* '?' */
.nGY2Icon-mail-alt:before { content: '\f0e0'; } /* '?' */
.nGY2Icon-circle-empty:before { content: '\f10c'; } /* '?' */
.nGY2Icon-tumblr-squared:before { content: '\f174'; } /* '?' */
.nGY2Icon-twitter-squared:before { content: '\f304'; } /* '?' */
.nGY2Icon-youtube-play:before { content: '\f16a'; } /* '?' */
.nGY2Icon-vkontakte:before { content: '\f189'; } /* '?' */


[class^="nGY2Icon-"] {
  margin-left: .2em;
	margin-right: .3em;
	font-family: "ngy2_icon_font";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	/* width: 1em; */
	text-align: center;
	font-variant: normal;
	text-transform: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}


/**************************************/
/* NAVIGATION BAR                     */
/**************************************/

.nGY2Navigationbar {
	margin: 5px 0px;
	padding: 5px 0px;
  display: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.nGY2Navigationbar .nGY2NavigationbarItem {
	margin: 5px 2px;
  padding: 5px 8px;
	white-space: nowrap;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
  visibility: 'hidden';
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}

/**************************************/
/* NAVIGATION BREADCRUMB              */
/**************************************/

.nGY2Navigationbar  .oneItem {
	margin: 0px 5px;
	white-space: nowrap;
	vertical-align: middle;
	display: inline-block;
}


/**************************************/
/* GALLERY                            */
/**************************************/

.nGY2 .nGY2Gallery {
	position: relative;
	text-align: center;
 	margin: 0px auto;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.nGY2 .nGY2GallerySub {
  perspective: 900px;
  text-align: left;
  position: relative;
	width: 100%;
  height: 100%;
	overflow: hidden;
	display: inline-block;
  z-index: 1;
  /* touch-action: none !important; */
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}
/*
.nGY2 .nGY2GallerySub  *{
  touch-action: auto !important;
}
*/
/**************************************/
/* THUMBNAILS                         */
/**************************************/
.nGY2 .nGY2GThumbnail {
	/* no margin allowed here */
  cursor: pointer;
	display: inline-block;
	position: absolute;   /*relative;*/
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	overflow:hidden;
	background: none !important;
}

.nGY2 .nGY2GThumbnailStack {
	/* no margin allowed here */
  background-color: #888;
  cursor: pointer;	/*margin: 1px;*/
	padding: 0px; /* 5 */
	display: inline-block;
	position: absolute;   /*relative;*/
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	overflow:hidden;
}
.nGY2 .nGY2GThumbnailSub {
	/* no border or padding allowed here */
  width: 100%;
  height: 100%;
  display: block;
  box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;

	margin: 0px;
	padding: 0px;
	overflow:hidden;
}
.nGY2 .nGY2GThumbnailSubSelected{
  -webkit-transform: scale(0.90);
  -ms-transform: scale(0.90);
  transform: scale(0.90);
  /*opacity: 0.8;*/
}

.nGY2 .nGY2GThumbnailImage {
	position:relative;
  overflow:hidden;

	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.nGY2 .nGY2GThumbnailImg {
	/* no border or padding allowed here */
  /* use empty image in background */
  background:url('data:image/gif;base64,R0lGODlhEAAQAIAAAP///////yH5BAEKAAEALAAAAAAQABAAAAIOjI+py+0Po5y02ouzPgUAOw==') no-repeat center;
	position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;
	display: block;
  vertical-align: bottom;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}


.nGY2 .nGY2GThumbnailAnnotationOLD_NO_MORE_USED {
	/* no padding allowed here */
  background:rgba(34, 34, 34, 0.75); /*#222;*/
	opacity: 1;
	text-align: left;
  /* top: 0; bottom: 0; left: 0; right: 0; */ 
  left: 0; right: 0;
  padding: 1px;
	position: absolute;
	min-height: 18px;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.nGY2 .nGY2GThumbnailCustomLayer {
	position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow:hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}


.nGY2 .nGY2GThumbnailLabel {
/*  float:left; */
  /*display: inline-block;*/
  display: block;
  background:rgba(34, 34, 34, 0.75); /*#222;*/
  /* top: 0; bottom: 0; left: 0; right: 0; */
  left: 0; right: 0;
  padding: 4px;
  margin: 0;
	position: absolute;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.nGY2 .nGY2GThumbnailImageTitle,
.nGY2 .nGY2GThumbnailAlbumTitle {
	color:#fff;
	margin: 5px 1px 1px 1px;
  padding: 0px 0px;
  left: 0; right: 0;
  white-space: nowrap;
	overflow:hidden;
	display: inline-block;
	Text-Shadow: #000000 1px 0px 0px, #000000 1px 1px 0px, #000000 1px -1px 0px, #000000 -1px 1px 0px, #000000 -1px 0px 0px, #000000 -1px -1px 0px, #000000 0px 1px 0px, #000000 0px -1px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.nGY2 .nGY2GThumbnailDescription {
	clear:both;
	margin: 1px 1px 3px 1px;
  padding: 0px;
	color:#aaa;
  white-space: nowrap;
  left: 0; right: 0;
  font-size:0.8em;
	Text-Shadow: #000000 1px 0px 0px, #000000 1px 1px 0px, #000000 1px -1px 0px, #000000 -1px 1px 0px, #000000 -1px 0px 0px, #000000 -1px -1px 0px, #000000 0px 1px 0px, #000000 0px -1px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.nGY2 .nGY2GThumbnailIcons {
	/*margin: 5px 5px;*/
  margin: 0;
  position: absolute;
  display: inline-block;
  padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.nGY2 .nGY2GThumbnailIconsFullThumbnail {
  font-size: 1.8em;
  color: #fff;
  Text-Shadow: #000000 1px 0px 0px, #000000 1px 1px 0px, #000000 1px -1px 0px, #000000 -1px 1px 0px, #000000 -1px 0px 0px, #000000 -1px -1px 0px, #000000 0px 1px 0px, #000000 0px -1px 0px;
  padding: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  display: inline-block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.nGY2 .nGY2GThumbnailIcon {
  display: inline-block;
  /*top: 0; bottom: 0; left: 0; right: 0;*/
  padding: 4px;
  margin: 0px;
	/*position: absolute;*/
  color:#fff;
  Text-Shadow: #000000 1px 0px 0px, #000000 1px 1px 0px, #000000 1px -1px 0px, #000000 -1px 1px 0px, #000000 -1px 0px 0px, #000000 -1px -1px 0px, #000000 0px 1px 0px, #000000 0px -1px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.nGY2 .nGY2GThumbnailIconTextBadge{
  background-color: #fff;
  /*padding: 4px;*/
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  position: relative;
	margin: 0;
  display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.nGY2 .nGY2GThumbnailIconText{
  position: relative;
	margin: 0;
  display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}


.nGY2 .nGY2GThumbnailAlbumUp  i{
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  -webkit-transform: translateY(-50%)  translateX(-50%);
  -ms-transform: translateY(-50%)  translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

.nGY2 .nGY2GThumbnailAlbumUp {
  color:#eee;
  font-size: 1.2em;
  top: 0; bottom: 0; left: 0; right: 0;
  display: table;
  width:100%;
  text-align: center;
  position: absolute;
  margin: auto;
  padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}

/**************************************/
/* GALLERY BOTTOM                     */
/**************************************/

.nGY2 .nGY2GalleryBottom {
	/*color:#eee;*/
  margin: 0px;
	padding: 0px;
	text-align:center;
	position: relative;
	overflow:hidden;
	white-space: nowrap;
}

/**************************************/
/* GALLERY MORE-BUTTON                */
/**************************************/

.nGY2 .nGY2GalleryMoreButton {
	/*color:#eee;*/
  margin: 10px auto 5px auto;
	padding: 4px;
	text-align: center;
	position: relative;
  display:inline-block;
	overflow:hidden;
	white-space: nowrap;
  cursor:pointer;
}
.nGY2 .nGY2GalleryMoreButtonAnnotation {
	/*color:#eee;*/
  margin: 10px auto 5px auto;
  border: 1px solid #fff;
	padding: 8px 20px;
	text-align: center;
	position: relative;
  display:inline-block;
	overflow:hidden;
	white-space: nowrap;
}

/**************************************/
/* GALLERY PAGINATION                 */
/**************************************/

.nGY2 .nGY2GalleryPagination,
.nGY2 .nGY2GalleryPaginationDot {
	/*color:#eee;*/
  margin: 10px auto 5px auto;
	padding: 4px;
	text-align:center;
	position: relative;
	overflow:hidden;
	white-space: nowrap;
}

.nGY2 .nGY2paginationItem,
.nGY2 .nGY2paginationItemCurrentPage,
.nGY2 .nGY2PaginationPrev,
.nGY2 .nGY2PaginationNext {
	margin: 10px 4px;
  padding: 5px 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
  background: #111;
	white-space: nowrap;
	cursor:pointer;
	vertical-align: middle;
	display: inline-block;
}

.nGY2 .nGY2paginationItemCurrentPage{
  background: #333;
	/* text-decoration:underline; */
}

.nGY2 .nGY2paginationDot,
.nGY2 .nGY2paginationDotCurrentPage{
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
  background: #444;
  border-radius: 50%;
	margin: 12px 5px;
	white-space: nowrap;
	cursor:pointer;
	vertical-align: middle;
	display: inline-block;
  opacity: 0.50;
}
.nGY2 .nGY2paginationDotCurrentPage{
  background: #fff;
  opacity: 1;
}

.nGY2 .nGY2paginationRectangle,
.nGY2 .nGY2paginationRectangleCurrentPage{
  width: 30px;
  border: 1px solid #fff;
  height: 0px;
  background: #444;
	margin: 5px 1px;
	white-space: nowrap;
	cursor: pointer;
	vertical-align: middle;
	display: inline-block;
  opacity: 0.50;
}
.nGY2 .nGY2paginationRectangleCurrentPage{
  background: #fff;
  opacity: 1;
}

/**************************************/
/* POPUP                              */
/**************************************/
.nGY2Popup {
  position: fixed;
  color: #000;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background: rgba(0,0,0,0.5);
/*  z-index: 2000;*/
}
.nGY2PopupContent,
.nGY2PopupContentCenter,
.nGY2PopupContentLeft,
.nGY2PopupContentRight {
  position: fixed;
  text-align: left;
  top: 50%;
  left: 50%;
  width: 50%;
  padding: 15px 30px;
  /*max-width: 630px;
  min-width: 320px;*/
  height: auto;
  background: #fff;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.nGY2PopupContentCenter {
  text-align: center;
}
.ngy2title {font-size: 14px !important;font-family:"Meta W01 Medium" !important;margin-bottom: 20px;}
.ngy2viewerToolAction {font-family: "Meta W01 Medium" !important;}
.nGY2PopupTitle {
  font-size: 1.0em;
  border-bottom: 4px solid #878787;
  padding: 0 0 5px 0;
  margin-bottom: 10px;
}
.nGY2PopupCloseButton {
  font-size: 1.5em;
	cursor: pointer;
  text-align: right;
}

.nGY2PopupOneItem {
  padding : 10px 10px;
  font-size: 2em;
	cursor: pointer;
  display:inline-block;
}
.nGY2PopupOneItemText{
  padding : 10px 10px;
  font-size: 1.2em;
	cursor: pointer;
  display:block;
}

.ngbt.ngy2viewerToolAction .title.nGEvent{
	text-transform: none;
}

@media only screen and (max-device-width : 480px) {
  .nGY2PopupContent {
    width: 85% !important;
    padding: 5px 10px !important;
  }
}

/**************************************/
/* INFO                               */
/**************************************/
.nGY2PortInfo {
  padding: 3px !important;
  font-size: 14px !important;
  color: #FF0075 !important;
  text-align: center !important;
  z-index:0 !important;
  text-transform: lowercase !important;
  cursor:pointer !important;
}

.nGY2PortInfo a, 
.nGY2PortInfo > a:link, 
.nGY2PortInfo > a:visited,
.nGY2PortInfo a:hover,
.nGY2PortInfo a:active {
  color: #FF0075 !important;
  text-decoration: none !important;
}


/**************************************/
/* IMAGE VIEWER                       */
/**************************************/
.nGY2 .nGY2ViewerContainer {
  opacity: 0;
	position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}
.nGY2 .nGY2Viewer {
	display:block;
  visibility: visible;
	position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  opacity: 1;
	/*font-size:1em;*/
	background-color: rgba(1, 1, 1, 0.85);
	text-align: center;
  clear: both;
  user-drag: none; 
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.nGY2 .nGY2ViewerLogo {
  text-align: center;
  float: left;
  position: relative;
  top: 50px;
  left: 5px;
  padding: 2px;
  background: url(nanogallery2_logo.png) RGBA(0,0,0,0) no-repeat center;
  display: block;
  height: 74px;
  width: 147px;
}

.nGY2 .nGY2ViewerContent {
	/* background:url('loading.gif') no-repeat center; */
  min-width:40px;
  min-height:40px;
	/*display:block;*/
	/*position:relative;*/
  position:absolute;
	/*height:100%;*/
  clear:both;
	/* padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px; */
  /*
	cursor: -webkit-zoom-out;
	cursor: -moz-zoom-out;
	cursor: zoom-out;
  */
  user-drag: none; 
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.nGY2 .nGY2ViewerMediaPan{
  visibility: visible;
  opacity: 0;
  position: absolute;
  display: inline-block;
	padding:0px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;   /* never change this value */
  zoom: 1;
  user-drag: none; 
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;  
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.nGY2 .nGY2ViewerMedia {
  visibility: visible;
  opacity: 1;
  will-change: transform;
  transform: translateZ(0);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;    /* never change this value */
  zoom: 1;
  user-drag: none; 
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
	background-image:     url('data:image/gif;base64,R0lGODlhEAALAPQAAP///wAAANra2tDQ0Orq6gYGBgAAAC4uLoKCgmBgYLq6uiIiIkpKSoqKimRkZL6+viYmJgQEBE5OTubm5tjY2PT09Dg4ONzc3PLy8ra2tqCgoMrKyu7u7gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA');
  background-repeat:    no-repeat;
  background-position:  center;
  background-color:     #000;
	/*display:block;*/
	padding: 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.nGY2 .nGY2ViewerContent .imgCurrent {
	cursor: pointer;
}

.nGY2 .nGY2ViewerAreaPrevious {
  transform: scaleY(1.5); 
	color: #fff; 
	display: block;
	position: absolute;
	Text-Shadow: #000000 1px 0px 0px, #000000 1px 1px 0px, #000000 1px -1px 0px, #000000 -1px 1px 0px, #000000 -1px 0px 0px, #000000 -1px -1px 0px, #000000 0px 1px 0px, #000000 0px -1px 0px; 
	/*background: rgba(0,0,0,0.2);*/
	font-size: 2em;
	top: 50%;
	/*height:20px;*/
	/*width:20px;*/
	padding: 10px 0px 10px 1px;
	margin-top: -25px;
	left: 0px;
	text-align: left;
	cursor: pointer;
	opacity: 1;
  user-drag: none; 
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
.nGY2 .nGY2ViewerAreaPrevious > i {
  margin-left: 0px;
}

.nGY2 .nGY2ViewerAreaNext {
  transform: scaleY(1.5);
	color: #fff; 
	display: block;
	position: absolute;
	Text-Shadow: #000000 1px 0px 0px, #000000 1px 1px 0px, #000000 1px -1px 0px, #000000 -1px 1px 0px, #000000 -1px 0px 0px, #000000 -1px -1px 0px, #000000 0px 1px 0px, #000000 0px -1px 0px;
	/*background: rgba(0,0,0,0.2);*/
	font-size: 2em;
	top: 50%;
	/*height:20px;*/
	/*width:20px;*/
	padding: 10px 1px 10px 0px;
	margin-top: -25px;
	right: 0px;
	text-align: right;
	cursor: pointer;
	opacity: 1;
  user-drag: none; 
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
.nGY2 .nGY2ViewerAreaNext > i {
  margin-right: 0px;
}

.nGY2 .toolbarContainer {
	/*bottom:0px;*/
  left: 0px;
  right: 0px;
  text-align: center;
  display: inline-block;
  position: absolute;
  width: 100%;
}

.nGY2 .toolbar {
  display: inline-block;
	vertical-align: middle;
	overflow: hidden;
  padding: 2px 0px;
	margin: 1px;
}
.nGY2 .toolbarBackground {
	background:rgba(4,4,4,0.7);
}

.nGY2 .nGY2ViewerToolsTopLeft {
	cursor:pointer;
	color: #ddd; 
	background: rgba(0,0,0,0.2);
	left: 5px;
	top: 5px;
	position:absolute;
	/*Text-Shadow: #000000 1px 0px 0px, #000000 1px 1px 0px, #000000 1px -1px 0px, #000000 -1px 1px 0px, #000000 -1px 0px 0px, #000000 -1px -1px 0px, #000000 0px 1px 0px, #000000 0px -1px 0px;*/
	opacity:1;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
.nGY2 .nGY2ViewerToolsTopRight {
	cursor: pointer;
	color: #ddd; 
	background: rgba(0,0,0,0.2);
	right: 5px;
	top: 5px;
	position:absolute;
	/* Text-Shadow: #000000 1px 0px 0px, #000000 1px 1px 0px, #000000 1px -1px 0px, #000000 -1px 1px 0px, #000000 -1px 0px 0px, #000000 -1px -1px 0px, #000000 0px 1px 0px, #000000 0px -1px 0px;*/
	opacity:1;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}

.nGY2 .toolbar .ngbt {
  font-size:1.5em;
	display: table-cell;
	cursor:pointer;
	padding: 2px 5px;
	vertical-align:middle;
}

.nGY2 .ngy2viewerToolAction {
	opacity: 1;
}
.nGY2 .ngy2viewerToolAction:hover {
	opacity: 0.8;
}

.nGY2 .toolbar .pageCounter{
	display: table-cell;
	font-size:1em;
	margin:auto;
	vertical-align:middle;
	overflow: hidden;
}

.nGY2 .toolbar .label{
  padding:3px 10px 3px 10px;
	border-left: 0px solid #000;
	overflow: hidden;
	display: table-cell;
	text-align: left;
	vertical-align:middle;
	font-size:1em;
  background-color:initial;
}

.nGY2 .toolbar .label .title{
	font-size:1em;
	margin:auto;
	vertical-align:middle;
	overflow: hidden;
}
.nGY2 .toolbar .label .description{
	font-size:.8em;
	display:table-row;
	vertical-align:middle;
	overflow: hidden;
	color:#aaa;
}




/**************************************/
/* CONSOLE                            */
/**************************************/

.nGY2ConsoleParent {
  visibility:hidden;
  height:0px;
  background:#111;
  color:#e00;
  padding:0px;
  margin:2px;
}
.nGY2ConsoleParent p {
  color:#e00;
  padding:1px;
  margin:0px;
}

/**************************************/
/* AVOID TEXT SELECTION DURING DRAG   */
/**************************************/
.nGY2.unselectable {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

/**************************************/
/* LOADING BAR                        */
/**************************************/
.nGY2 .nanoGalleryLBarOff{
	position:relative;
  width:100%;
  visibility: hidden;
  height:2px;
  margin:0 0 1px 0;
  background-color:#556;
}
.nGY2 .nanoGalleryLBar {
	position:relative;
  width:100%;
  visibility: visible;
  height:2px;
  margin:0 0 1px 0;
  background-color:#556;
}
.nGY2 .nanoGalleryLBar > div {
	position:absolute;
	width:50px;
	height:2px;
	top:0px;
  opacity:.7;		
}
.nGY2 .nanoGalleryLBar > div:nth-child(1){
  -webkit-animation: nanoGalleryLBarAnim 2s -.2s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
  -moz-animation: nanoGalleryLBarAnim 2s -.2s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
  -ms-animation: nanoGalleryLBarAnim 2s -.2s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
  -o-animation: nanoGalleryLBarAnim 2s -.2s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
  animation: nanoGalleryLBarAnim 2s -.2s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
  background: #111;
}
.nGY2 .nanoGalleryLBar > div:nth-child(2){
  -webkit-animation: nanoGalleryLBarAnim 2s -.4s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
  -moz-animation: nanoGalleryLBarAnim 2s -.4s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
  -ms-animation: nanoGalleryLBarAnim 2s -.4s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
  -o-animation: nanoGalleryLBarAnim 2s -.4s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
  animation: nanoGalleryLBarAnim 2s -.4s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
  background: #333;
}
.nGY2 .nanoGalleryLBar > div:nth-child(3){
  -webkit-animation: nanoGalleryLBarAnim 2s -.6s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
  -moz-animation: nanoGalleryLBarAnim 2s -.6s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
  -ms-animation: nanoGalleryLBarAnim 2s -.6s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
  -o-animation: nanoGalleryLBarAnim 2s -.6s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
  animation: nanoGalleryLBarAnim 2s -.6s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
  background: #ccd;
}
.nGY2 .nanoGalleryLBar > div:nth-child(4){
  -webkit-animation: nanoGalleryLBarAnim 2s -.8s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
  -moz-animation: nanoGalleryLBarAnim 2s -.8s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
  -ms-animation: nanoGalleryLBarAnim 2s -.8s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
  -o-animation: nanoGalleryLBarAnim 2s -.8s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
  animation: nanoGalleryLBarAnim 2s -.8s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
  background: #777; 
}
.nGY2 .nanoGalleryLBar > div:nth-child(5){
  -webkit-animation: nanoGalleryLBarAnim 2s -1s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
  -moz-animation: nanoGalleryLBarAnim 2s -1s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
  -ms-animation: nanoGalleryLBarAnim 2s -1s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
  -o-animation: nanoGalleryLBarAnim 2s -1s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
  animation: nanoGalleryLBarAnim 2s -1s infinite  cubic-bezier(0, 0.6, 0.9, 0.0);
	background: #ddd;
}
@-webkit-keyframes nanoGalleryLBarAnim {
	0%	{ left:10%;	}
	100%{ left:90%;	}
}
@-moz-keyframes nanoGalleryLBarAnim {
	0%	{ left:10%;	}
	100%{ left:90%;	}
}
@-ms-keyframes nanoGalleryLBarAnim {
	0%	{ left:10%;	}
	100%{ left:90%;	}
}
@-o-keyframes nanoGalleryLBarAnim {
	0%	{ left:10%;	}
	100%{ left:90%;	}
}
@keyframes nanoGalleryLBarAnim {
	0%	{ left:10%;	}
	100%{ left:90%;	}
}