@charset "utf-8";

/*fonts*/
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*html elements*/
* {box-sizing: border-box;}

html {height: 100%; font-size: 16px;}

header, section, footer, aside, nav, article {display: block;}

body {height: 100%; background: #FF87C1; color: #4200b2; margin: 0; padding: 0; font-family: sans-serif; font-size: 1rem; font-family: 'Fira Sans'; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; overflow-x: hidden;}

table {border: none;}

td {border: none; font-size: inherit;}

a {text-decoration: none; outline: none; color: inherit;}

a:hover {text-decoration: none; outline: none; color: inherit;}

p a,td a,li a {text-decoration: underline;}

img {border: none;}

p {margin: 0; padding: 0; min-height: 1rem; line-height: 130%;}

td {min-height: 1rem; line-height: 130%;}

form {margin: 0; padding: 0;}

ul {list-style-type: square; padding: 0; margin: 0;}

select,textarea,input[type="text"] {vertical-align: middle; border: none; border-radius: 4px; min-height: 45px; padding: 4px 10px; background-color: #f9ebef; font-size: 12px; -webkit-appearance: none; font-family: 'Fira Sans'; font-size: 1rem;}

select {padding: 0 10px; -webkit-appearance: none!important; -moz-appearance: none!important; appearance: none!important; background: #f9ebef url() no-repeat right center!important;}
  
select:-moz-focusring {color: transparent!important; text-shadow: 0 0 0 #000!important;}

h1 {font-family: 'Fira Sans', sans-serif; font-weight: 400; font-size: 1.5rem; line-height: 120%; padding: 0; margin: 0 0 11px 0; color: #4200b2; text-transform: uppercase;}

h2 {font-family: 'Fira Sans', sans-serif; font-weight: 400; font-size: 1.5rem; line-height: 120%; padding: 0; margin: 0 0 11px 0; color: #4200b2; text-transform: uppercase;}

h3 {font-family: 'Fira Sans', sans-serif; font-weight: 400; font-size: 1.125rem; line-height: 120%; padding: 0; margin: 0 0 11px 0; color: #4200b2; text-transform: uppercase;}

h4 {font-family: 'Fira Sans', sans-serif; font-weight: 400; font-size: 1rem; line-height: 130%; padding: 0; margin: 0 0 20px 0; color: inherit;}

hr {background: #f9ebef; border: none; height: 1px; margin: 15px 0 37px 0; padding: 0;}


/*general styles*/
.clearfix:before, .clearfix:after {content: ""; display: table;}

.clearfix:after {clear: both;}

.clearfix {zoom: 1;}

.bold {}

.highlight {font-family: 'Fira Sans', sans-serif; font-weight: 400; font-size: 1.5rem; line-height: 125%;}

p.highlight + p {margin-top: 18px;}

.tinymcewysiwyg p {line-height: 125%;}

.button {font: 0.875rem 'Fira Sans'; display: inline-block; border: 1px solid #4200b2; padding: 8px 24px 8px 24px; margin-top: 31px; text-decoration: none;}

.button:hover {background: #4200b2; color: #f9ebef;}



/*layout elements*/
.layoutMain {position: relative; overflow: hidden; margin: 0 auto;}

header {position: fixed; left: 0; top: 0; width: 100%; background: #f9ebef; height: 102px; z-index: 10000;}

.layoutHeaderInner {position: relative; max-width: 940px; margin: 0 auto; height: 100%;}

.layoutLogo {position: absolute; left: 0; top: 20px;}

.layoutLogo span {position: absolute; display: block; left: 0; top: 0; display: none; font: 0.875rem 'Fira Sans'; line-height: 120%; white-space: nowrap;}

.layoutLogo img {position: absolute; left: 0; top: 0;  width: 150px; height: 58px; background: url(../img/BTGTGR_long.PNG) no-repeat center; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; display: block;}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.layoutLogo img {background-image: url(../img/BTGTGR_long.PNG)}
}

.layoutContent {padding-top: 102px;}

.single .layoutContent {max-width: 940px; margin: 0 auto;}

footer {height: 300px; background: #4200b2 url(../img/PantherohneBG_klein.png) no-repeat center 88px; font-size: 0.75rem;}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	footer {background-image: url(../img/PantherohneBG_klein.png); background-size: 200px 178px;}
}

.layoutFooterInner {max-width: 940px; margin: 0 auto; height: 300px; padding-top: 257px; color: #f9ebef;}

.layoutImprint {display: none; background: #f9ebef;}

.layoutToTop {position: fixed; z-index: 1000; bottom: 60px; right: 50px; display: none;}

.layoutToTop img {width: 45px; height: 45px; background: url(../img/iconBackToTop.png) no-repeat; background-size: cover;}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.layoutToTop img {background-image: url(../img/iconBackToTopRet.png);}
}

section {min-height: 300px; position: relative;}

section:nth-child(2n+2),section:nth-child(2n+2) .artistItem {background: #f9ebef;}

.sectionInner {max-width: 980px; margin: 0 auto; padding: 46px 20px 48px 20px; position: relative;}

.sectionInner.imprint {padding-top: 100px!important;}

section:first-child .sectionInner {padding-top: 0;}


/*slideshow*/
.slideshowContainer {margin-bottom: 55px; margin-top: 27px; width: 100%;}

.slideshowContainer img {width: 100%; height: auto;}

ul.cyclePager {list-style-type: none; margin: 0; padding: 0; position: absolute; left: 0; bottom: -46px; width: 100%; z-index: 1000; text-align: center;}

ul.cyclePager li {display: inline-block; color: #f9ebef; font-size: 36px; line-height: 100%; letter-spacing: -0.1em;}

ul.cyclePager li:hover,ul.cyclePager li.cycle-pager-active {color: #4200b2;}

ul.cyclePager li a,ul.cyclePager li a {border: none; text-decoration: none; color: inherit;}


ul.slick-dots {list-style-type: none; margin: 0; padding: 0; position: absolute; left: 0; bottom: -46px; width: 100%; z-index: 1000; text-align: center;}

ul.slick-dots li {display: inline-block; color: #f9f9f9; font-size: 36px; line-height: 100%; letter-spacing: -0.1em;}

ul.slick-dots li:hover,ul.slick-dots li.slick-active {color: #4200b2;}

ul.slick-dots li a,ul.slick-dots li a {border: none; text-decoration: none; color: inherit;}


/*artists*/
.artistItem {background-color: inherit; white-space: normal!important; vertical-align: top;}

.artistDetails {float: left; width: 31.91%;}

.artistGallery {float: left; width: 68.09%;}

.artistGallery .artistThumbnail {float: left; margin: 0 0 20px 20px; width: calc(25% - 20px);}

/*.artistGallery .artistThumbnail.hidden {display: none;}*/

.artistGalleryHidden {display: none; clear: both;}

.artistGalleryHiddenSwitch {display: block; clear: both; background: #4200b2; color: #f9ebef; margin-left: 20px; padding: 3px 6px; text-align: center; margin-bottom: 20px;}

@media (min-width: 940px) {
	.artistGalleryHiddenSwitch:hover {background: #f9ebef; color: #4200b2;}
}

.artistGallery .artistThumbnail img {display: block;}

.artistGallery .artistThumbnail img {width: 100%; height: auto; display: block;}

.artistImage {margin-bottom: 23px;}

.artistImage img {display: block; width: 100%; height: auto;}

.artistText p {font-size: 0.875rem; line-height: 140%;}

.artistItem h3 {text-align: center; margin-bottom: 17px;}

.artistRequest {padding-bottom: 21px;}

.artistRequest a {font-family: "Fira Sans",sans-serif; font-weight: 400; font-size: 1.125rem; border: 1px solid #4200b2; line-height: 120%; background: #4200b2; color: #f9ebef; text-transform: uppercase; text-decoration: none; padding: 12px 6px 6px 6px; display: block; text-align: center;}

@media (min-width: 940px) {
	.artistRequest a:hover {background: #f9ebef; color: #4200b2;}
}

.artistLinks {padding-top: 22px;}

.artistLinks a {font-family: "Fira Sans",sans-serif; width: 36px; height: 36px; border: 1px solid #4200b2; display: inline-block; text-align: center; padding-top: 9px; font-size: 1rem; margin-right: 19px; margin-bottom: 19px; vertical-align: middle;}

.artistLinks a:last-child {margin-right: 0;}

.artistLinks a:hover {background: #4200b2; color: #f9ebef;}

.artistLinks a.text {font: 0.875rem 'Fira Sans'; width: auto; padding: 9px 30px 0 30px;}


nav.navArtist {margin-bottom: 19px;}

nav.navArtist a:nth-child(1) {float: left; background: #4200b2; color: #f9ebef; display: inline-block; padding: 4px 0; width: 220px; text-align: center;}

nav.navArtist a:nth-child(2) {float: right; background: #4200b2; color: #f9ebef; display: inline-block; padding: 4px 0; width: 220px; text-align: center;}

nav.navArtist a div {display: none;}

@media (min-width: 940px) {
	nav.navArtist a:hover {background: #f9ebef; color: #28388c;}
}


.navSelectArtistNew {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 2.125rem;}

.navSelectArtistNew .navSelectArtistLink {width: 14.893617%; margin-right: 2.1276596%; text-align: center; vertical-align: top; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; display: block;}

.navSelectArtistNew .navSelectArtistLink:nth-child(6n+6) {margin-right: 0;}

.navSelectArtistNew .navSelectArtistLink:hover {opacity: .8;}

.navSelectArtistNew .navSelectArtistImageContainer {width: 72.857143%; margin: 0 auto; background: no-repeat center center; background-size: 98.039216% 98.039216%; margin-bottom: .8125rem;}

.navSelectArtistNew .navSelectArtistImageContainer img {width: 100%; height: auto; display: block; background: no-repeat; background-size: 100%;}

section:nth-child(2n+2) .navSelectArtistNew .navSelectArtistImageContainer img {background-image: url()!important;}

.navSelectArtistNew .navSelectArtistName {font-family: "Fira Sans",sans-serif; font-weight: 400; font-size: .9375rem; line-height: 110%;}

.navSelectArtistNew .navSelectArtistName span {display: inline-block; width: 12px; height: 12px; border-radius: 6px;}

.navSelectArtistNew .navSelectArtistDate {font-family: "Fira Sans",sans-serif; font-weight: 400; font-size: .75rem;}


/*Aufklapp-Block*/
.accordionContainer {padding-top: 35px;}

.accordionItem {margin-bottom: 36px;}

.accordionTitle {font-family: "Fira Sans",sans-serif; font-weight: 400; font-size: 1.5rem; line-height: 120%; color: #4200b2;}

.accordionTitle a img {width: 19px; height: 19px; background: url(../img/iconAccordion.png) no-repeat 0 0; background-size: 19px 38px; margin-right: 20px;}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.accordionTitle a img {background-image: url(../img/iconAccordionRet.png);}
}

.accordionTitle.active a img,.accordionTitle:hover a img {background-position: 0 -19px;}

.accordionContent {display: none; padding: 10px 0 5px 39px; max-width: 60%; font-size: .9375rem;}

/*text 3col*/
.textCol {width: 33%; padding: 0 1%; text-align: center; float: left;}

.textCol p {font-size: 0.875rem;}

.textCol h2 {margin-bottom: 21px;}


/*vimeo*/
.vimeoItem iframe {display: block; width: 100%;}


/*google maps*/
.googleMapsContainer {padding-top: 29px; padding-bottom: 26px;}


/*lang menu*/
nav.navLang {position: absolute; right: 0; bottom: 28px;}

nav.navLang ul {list-style-type: none; margin: 0; padding: 0;}

nav.navLang ul li {display: inline-block; font: 0.875rem 'Fira Sans'; line-height: 130%; color: #4200b2; text-transform: uppercase;}

nav.navLang ul li.spacer {padding: 0 1px;}

nav.navLang ul li:hover,nav.navLang ul li.selected {border-bottom: 1px solid #4200b2;}

nav.navLang ul li a {color: inherit; text-decoration: none;}

nav.navLang ul li a:hover {color: inherit; text-decoration: none;}

nav.navLang ul li:nth-child(4) {margin: 0 12px 0 20px;}

nav.navLang ul li:nth-child(4) a,nav.navLang ul li:nth-child(5) a {font-family: "Fira Sans",sans-serif; text-transform: none; width: 24px; height: 24px; border: 1px solid #4200b2; display: inline-block; text-align: center; padding-top: 3px; font-size: 1rem; vertical-align: middle;}

@media (min-width: 940px) {
	nav.navLang ul li:nth-child(4) a:hover,nav.navLang ul li:nth-child(5) a:hover {background: #4200b2; color: #f9ebef;}
}

nav.navLang ul li:nth-child(4):hover,nav.navLang ul li:nth-child(5):hover {border: none;}


/*main menu*/
nav.navMain {position: absolute; left: 439px; bottom: 28px;}

nav.navMain ul {list-style-type: none; margin: 0; padding: 0;}

nav.navMain ul li {display: inline-block; margin: 0 26px 0 0; font: 0.875rem 'Fira Sans'; line-height: 130%; color: #4200b2;}

nav.navMain ul li a,nav.navMain ul li a:hover {color: inherit; text-decoration: none;}

nav.navMain ul li:hover,nav.navMain ul li.active {border-bottom: 1px solid #4200b2;}

nav.navMain ul li:hover a {color: inherit; text-decoration: none; line-height: inherit;}


/*footer menu*/
nav.navFooter {float: right;}

nav.navFooter ul {list-style-type: none; margin: 0; padding: 0;}

nav.navFooter ul li {display: inline-block; margin: 0; padding: 0; font-size: 0.75rem;}

nav.navFooter ul li a {color: #f9ebef; text-decoration: none;}

nav.navFooter ul li.active a {color: #f9ebef;}

nav.navFooter ul li a:hover {color: #f9ebef; text-decoration: none;}




/*slick*/
.slick-slider {position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track {position: relative; top: 0; left: 0; display: block;}
.slick-track:before,.slick-track:after {display: table; content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden  {display: none;}