/* lato-100 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/lato-v23-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-100.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-100italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/lato-v23-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-100italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/lato-v23-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

html, body {
	padding:0;
	margin:0px;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:100%;
	color:white;
	height:100%;
	background:#121212;
	}

h1 {font-weight:300;}
h2 {font-weight:300; border-top:1px dotted white;padding-top:30px;margin-top:30px;line-height:1.3em;}
h3 {font-size:1.2em;font-weight:300; padding-top:20px;margin-top:20px;line-height:1.3em;}

#wrapper {
	width:100%;
	min-height:100%;
	background-image: url("../images/hg_solo.jpg");
	background-repeat: no-repeat;
	background-position: top center;
}

@media only screen and (max-width: 1000px) {
	#wrapper {background-size: 200%;}
}

@media only screen and (max-width: 600px) {
	#wrapper {background-size: 300%;}
}

@media only screen and (max-width: 400px) {
	#wrapper {background-size: 400%;}
}

/* Head */

#header {max-width:1300px;margin:0 auto;}
.inner-header {padding:0 20px;}
#mod-custom90 {float:left;margin-right:30px;margin-top:80px;}
#mod-custom90 h1 {margin:0;font-size:4em;}
#mod-custom90 h1 a {color:white;text-decoration:none;} 
.h1_ist {display:none;}
.h1_spielt {display:none;}
.h1_spricht {display:none;}
.h1_singt {display:none;}
.h1_textet {display:none;}
.h1_komponiert {display:none;}

#menuid-102 .h1_ist{display:inline;}
#menuid-103 .h1_spielt{display:inline;}
#menuid-104 .h1_spricht{display:inline;}
#menuid-105 .h1_singt{display:inline;}
#menuid-106 .h1_textet{display:inline;}
#menuid-107 .h1_komponiert{display:inline;}

@media only screen and (max-width: 600px) {
	#mod-custom90 h1 {margin:0;font-size:3em;}
}

@media only screen and (max-width: 440px) {
	#mod-custom90 h1 {margin:0;font-size:2.5em;}
}

@media only screen and (max-width: 360px) {
	#mod-custom90 h1 {margin:0;font-size:2.2em;}
}


/* Header menü */

.inner-header .mod-menu {list-style:none;padding:0;margin:0;float:right;margin-top: 100px;}
.inner-header .mod-menu li {float:left;margin:0 0;margin-top:20px;}
.inner-header .mod-menu li a{color:white;text-decoration:none;font-size:1.5em;padding:10px;}
.inner-header .mod-menu li a:hover{background:white;color:#121212;}

#menuid-102 .item-102{display:none;}
#menuid-103 .item-103{display:none;}
#menuid-104 .item-104{display:none;}
#menuid-105 .item-105{display:none;}
#menuid-106 .item-106{display:none;}
#menuid-107 .item-107{display:none;}

.inner-header:after {
    content: '';
    display: block;
    clear: both;
}

@media only screen and (max-width: 1240px) {
	#mod-custom90 {float:none;margin-top:40px;}
	.inner-header .mod-menu {list-style:none;padding:0;margin:0;float:none;margin-top: 10px;}
	.inner-header .mod-menu li {float:left;margin:0 0;margin-top:10px;}
}

/* Content */

#content {max-width: 1300px;margin: 0 auto;}

.inner-content {padding: 0 20px;margin-top: 50px;}

#menuid-101 .inner-content {margin-top: 0px;}

.start_1000, .start_700, .start_500,.start_400 {text-align:center;display:none;}

@media only screen and (min-width: 1040px) {
	.start_1000 {display:block;}
}

@media only screen and (max-width: 1039px) {
	.start_700 {display:block;}
	.start_1000 {display:none;}
}

@media only screen and (max-width: 700px) {
	.start_500 {display:block;}
	.start_700 {display:none;}
}

@media only screen and (max-width: 500px) {
	.start_400 {display:block;}
	.start_400 img{width:100%;height:auto;}
	.start_500 {display:none;}
}

.center-center {clear:both;}

.item-page {font-size:1.2em;line-height:1.5em;position:relative;}

@media only screen and (max-width: 540px) {
	.item-page {font-size:1em;line-height:1.3em;}
}

.inner-content-3spalten {display:flex;}
#mod-custom93 {min-width:480px;margin-right:80px;}

a {color:white;}
.item-page a {color:white;text-decoration:none;border-bottom:1px solid white;}

.table_content {font-family: 'Lato', sans-serif;font-weight:300;font-size: 1.0em;line-height: 1.5em;}
.table_content td{vertical-align: middle;padding:10px 0;}
.table_content td img{margin:0 10px;}

.wf-mediabox-caption h4 {
    font-size: 1.0em;
    line-height: 1.2;
}

/* Home */

#menuid-101 .inner-content-3spalten {
    display: block;
}

.start_fotocredit {position:absolute;font-size:0.6em;right:5px;right: -80px;bottom: 30px;color:#9a9a9a;transform: rotate(90deg);}

/* _ist */

#mod-custom92 {display:flex;margin-top:50px;}
#mod-custom92 img {/*float:left;*/margin-right:80px;max-width:480px;height:auto;}
.ist_zitat_container {/*float:left;*/display:table;margin-bottom:6px;}
.ist_zitat_container p{/*float:left;*/display:table-cell;vertical-align: middle;}
.ist_zitat {color:#f1de0f;font-size:1.7em;line-height:1.5em;font-weight:300;font-style: italic;margin-bottom:10px;}
#mod-custom93 img{max-width:237px;margin-bottom:6px;}
._ist_bilder_div1 {max-width:237px;margin-right:6px;float:left;}
._ist_bilder_div2 {max-width:237px;float:left;}
._ist_bilder_div3 {max-width:237px;margin-right:6px;float:left;}
._ist_bilder_div4 {max-width:237px;float:left;}
.center-right #mod-custom94 {display:none;}

@media only screen and (max-width: 1000px) {
	#mod-custom92 img {max-width:340px;margin-right: 50px;}
	.center-left ._ist_bilder_div1, .center-left ._ist_bilder_div2, .center-left ._ist_bilder_div3, .center-left ._ist_bilder_div4 {max-width:167px;}
	.center-left #mod-custom93 img {max-width:167px;}
	.center-left ._ist_bilder_div2 img {height:239px;}
	.center-left ._ist_bilder_div4 img {height:232px;}
	.center-left {width:340px;margin-right:50px;}
}

@media only screen and (max-width: 780px) {
	.ist_zitat_container {display:block;}
	.ist_zitat_container p{display:block;}
	#mod-custom92 img {max-width:none;width:100%;height:auto;margin-right: 0px;float:none;display:block;}
	.center-left ._ist_bilder_div1, .center-left ._ist_bilder_div2, .center-left ._ist_bilder_div3, .center-left ._ist_bilder_div4 {max-width:167px;}
	.center-left #mod-custom93 img {max-width:167px;}
	.center-left ._ist_bilder_div2 img {height:239px;}
	.center-left ._ist_bilder_div4 img {height:232px;}
	.center-left {width:340px;margin-right:50px;}
	.inner-content-3spalten {display:block;}
	.center-left #mod-custom93 {display:none;}
	.center-right #mod-custom94 {display:block;}
}

@media only screen and (max-width: 540px) {
	.center-right ._ist_bilder_div1, .center-right ._ist_bilder_div2, .center-right ._ist_bilder_div3, .center-right ._ist_bilder_div4 {float:none;max-width:none;margin-right:0!important;}
	.center-right img {width:100%;height:auto;}
	#mod-custom93 {margin-right:0;min-width:auto!important;}
	#mod-custom93 img {max-width:none;}
}

/* _spielt + sonstige */

#mod-custom95, #mod-custom103 {}
.center-right #mod-custom96, .center-right #mod-custom104 {display:none;}
#mod-custom95 img, #mod-custom103 img {/*float:left;*/margin-right:80px;max-width:480px;height:auto;}

@media only screen and (max-width: 1000px) {
	#mod-custom95 img, #mod-custom103 img {max-width:340px;margin-right: 50px;}
}

@media only screen and (max-width: 780px) {
	.center-left #mod-custom95, .center-left #mod-custom103 {display:none;}
	.center-right #mod-custom96, .center-right #mod-custom104 {display:block;width:100%;}
	.center-right #mod-custom96 p, .center-right #mod-custom104 p{float:left;width:48%;margin-right:2%;}
	.center-right #mod-custom96 img, .center-right #mod-custom104 img{margin-right:0;width:100%;}
}

@media only screen and (max-width: 540px) {
	.center-right #mod-custom96 p, .center-right #mod-custom104 p{float:left;width:100%;}
	#mod-custom95 img, #mod-custom103 img {max-width:480px;}
}

/* _spricht */

.media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-fullscreen] {
    float: right;
    background-color: transparent;
    border: 0;
    display: none!important;
    height: 100%;
}

.avPlayerWrapper .avPlayerContainer .avPlayerBlock iframe, .avPlayerWrapper .avPlayerContainer .avPlayerBlock video, .avPlayerWrapper .avPlayerContainer .avPlayerBlock audio {max-width:350px;}

/* _singt */

#mod-custom97, #mod-custom99, #mod-custom101  {}
.center-right #mod-custom98, .center-right #mod-custom100, .center-right #mod-custom102 {display:none;}
#mod-custom97 img, #mod-custom99 img, #mod-custom101 img {/*float:left;*/margin-right:50px;max-width:240px;height:auto;}

@media only screen and (max-width: 1000px) {
	#mod-custom97 img, #mod-custom99 img, #mod-custom101 img {max-width:240px;margin-right: 0px;}
}

@media only screen and (max-width: 780px) {
	.center-left #mod-custom97, .center-left #mod-custom99, .center-left #mod-custom101 {display:none;}
	.center-right #mod-custom98, .center-right #mod-custom100, .center-right #mod-custom102 {display:flex;width:100%;flex-wrap:wrap;}
	.center-right #mod-custom98 p, .center-right #mod-custom100 p, .center-right #mod-custom102 p{float:left;width:31%;margin-right:2%;margin-top:3px;margin-bottom:3px;}
	.center-right #mod-custom98 img, .center-right #mod-custom100 img, .center-right #mod-custom102 img{margin-right:0;width:100%;}
}

@media only screen and (max-width: 540px) {
	.center-right #mod-custom98 p, .center-right #mod-custom100 p, .center-right #mod-custom102 p{float:left;width:48%;margin-top:3px;margin-bottom:3px;}
	#mod-custom97 img, #mod-custom99 img, #mod-custom101 img {max-width:240px;}
}

@media only screen and (max-width: 400px) {
	.center-right #mod-custom98 p, .center-right #mod-custom100 p, .center-right #mod-custom102 p{float:left;width:100%;margin-right:0%;}
	#mod-custom97 img, #mod-custom99 img, #mod-custom101 img {max-width:400px;}
}

/* _textet */

.gema-text {border-top: 1px dotted white; padding-top: 30px; margin-top: 30px;}

/* Mediabox */

.wf-mediabox-numbers *, [class^=wf-mediabox] {font-family: 'Lato', sans-serif!important;}

.wf-mediabox-caption h4 {
    font-family: lato;
    font-weight: 400;
}

/* Datenschutz */

#menuid-110 .item-page p{
    font-size: 0.9em;
    line-height: 1.2em;
}

/* Footer */

#footer {clear:both;}
#menuid-101 .inner-footer {margin-top:0px;}
.inner-footer {margin:0 auto;max-width:1300px;margin-top:40px;}
.inner-footer ul{padding:0;margin:0;list-style:none;text-align: center;}
.inner-footer ul li{display:inline-block;}
.inner-footer ul li a{display:block;color:white;text-decoration:none;padding:20px 10px;}
.inner-footer ul li a:hover{background:white;color:#121212;}
