/* ----------------------------------------------------------------------------- MAX WIDTH 1400 PX */

@media only screen and (max-width:1400px) {
	
#contentOuter {
display: grid; 
grid-template-rows:auto; 
grid-template-columns:1fr auto 1fr;
grid-column-gap: 0;
position: relative;
z-index: 0
}

#contentInner {
width: 100%;
max-width: 1300px;
padding: 0 50px 140px 50px;
}
	
}

/* ----------------------------------------------------------------------------- MAX WIDTH 1200 PX */

@media only screen and (max-width:1200px) {
	
#headerInner {
max-width: 1300px;
padding: 0 5vw;
margin: 0 auto;
height: 120px;
position: relative;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

/*------------------------------------*\
    MENU
\*------------------------------------*/

#mainmenuWrapper > ul > li a {
padding: 15px 0.8vw;
font-size: 1.8rem;
}

#mainmenuWrapper .sub-menu {
padding: 1vw 2vw 0.5vw !important;
}

#mainmenuWrapper ul li#menu-item-856 > .sub-menu  {
width: 38vw;
}

#mainmenuWrapper ul li#menu-item-2387 > .sub-menu  {
width: 400px;
}

#mainmenuWrapper ul li#menu-item-855 > .sub-menu {
width: 38vw;
}

#mainmenuWrapper ul li#menu-item-2388 > .sub-menu {
width: 330px;
}

#mainmenuWrapper ul li .sub-menu li a {
font-size: 1.8vw;
padding: 1vw 2vw 1vw 0;
}

#mainmenuWrapper .sub-menu li:last-child a {
padding: 1vw 2vw 1vw 0;
}

#mainmenuWrapper .sub-menu .sub-menu {
padding: 0 !important;
margin: 0 0 1vw 0
}

#mainmenuWrapper ul li .sub-menu .sub-menu li {
padding: 0;
}

#mainmenuWrapper ul li .sub-menu .sub-menu li a {
font-size: 1.6vw;
padding: 0 0.5vw;
}

#mainmenuWrapper .sub-menu li.menu-item-has-children > a:after {
top: 1.8vw;
right:10px;
}

#mainmenuWrapper .sub-menu li.menu-item-has-children > a.active:after {
top: 1.8vw;
}


/*------------------------------------*\
    SLIDESHOW
\*------------------------------------*/

#slideshowWrapper {
height: auto;	
max-height: 505px;
width: 100%;
overflow: hidden;
position: relative;
z-index: 2
}

#slideshowOverlay {
display: none
}

.slideshow {
max-height:480px;
width: auto;
height: auto;	
position: relative;
z-index: 0
}

.slideshow .slide {
width: 100vw !important;
overflow: hidden;
transform: none;
margin: 0;
}

.slideshow .slide .captionWrapper {
left:5vw;
bottom:5vw;
padding: 1.5vw 2.5vw 1.5vw;
}

.slideshow .slide .captionWrapper span.title {
font-size: 3.5rem;
padding: 2.5vw 0 0 0
}

.slideshow .slide .captionWrapper span.subtitle {
font-size: 1.8rem;
padding: 10px 0 0 0
}

/*------------------------------------*\
    CONTENT
\*------------------------------------*/

#contentOuter {
display: block
}

#leftbgImage {
display: none
}

#rightbgImage {
display: none
}

#contentInner {
width: 100%;
max-width: 1300px;
padding: 0 5vw 10vw 5vw;
}

/* ----- WELCOMEWRAPPER ----- */

#welcomeWrapper {
padding: 0;
font-size: 1.6rem;
line-height: 150%;
}

.page-template-home-other #eventsandopenings {
margin: 0 0 5vw 0
}

}


/* ----------------------------------------------------------------------------- MAX WIDTH 1024 PX */

@media only screen and (max-width:1024px) {
	
.stickysocials {
display: none;
}

/*------------------------------------*\
    HEADER
\*------------------------------------*/

#headerOuter.open {
height: 100%;
overflow: auto;
padding: 0 0 50px 0;
z-index: 500
}

#headerInner {
margin: 0 auto;
height: auto;
padding: 25px 5vw;
min-height: 80px;
}

#headerInner #logo {
position: relative;
bottom: auto;
width: 210px !important
}

#headerInner .shopBtn {
width: 73px;
height: 30px;
background: url(../img/shop_btn.png) center center no-repeat;
background-size: 75px;
color: rgba(215,183,114,1);
font-weight: 700;
text-align: center;
padding: 7px 0 0 2px;
line-height: 100%;
position: relative;
text-transform: uppercase;
font-size: 1.6rem;
float: right;
right: auto;
top:8vw
}

#de .shopBtn,
#en .shopBtn {
display: none
}

#headerInner .shopBtn.mobile {
display: block
}

#cs .shopBtn.mobile,
#pl .shopBtn.mobile,
#nl .shopBtn.mobile {
display: none;
}

#cs #headerInner .shopBtn,
#pl #headerInner .shopBtn,
#nl #headerInner .shopBtn {
display: block;
width: 73px;
height: 40px;
background: url(../img/shop_btn.png) center center no-repeat;
background-size: 75px;
color: rgba(215,183,114,1);
font-weight: 700;
text-align: center;
padding: 9px 0 0 2px;
position: absolute;
right: 5vw;
top:0
}

#headerInner .oeffnungszeiten {
color: rgba(20,52,35,1);
text-transform: uppercase;
font-weight: 700;
font-size: 1.7rem;
position: absolute;
right:5vw;
top:2vw;
}

#cs #headerInner .oeffnungszeiten,
#pl #headerInner .oeffnungszeiten,
#nl #headerInner .oeffnungszeiten {
right:130px;
top:5px;
}

/* ----- LANGSWITCHER ----- */

#langswitcher {
top:52px;
right:170px;
display: block
}

/* ----- SEARCH ----- */	

#searchWrapper {
position: relative;
right:0;
margin: 5vw 0 0 0;
width: 100%;
}

#searchWrapper .searchtrigger {
display: none
}

#searchWrapper .searchtrigger.close {
display: none
}

#searchWrapper #wpas-submit {
position: relative
}

#searchWrapper #wpas-submit input {
background: url(../img/search_icon.png) no-repeat center center;
background-size: 18px;
width: 40px;
height: 40px;
border:none;
display: inline-block;
cursor: pointer;
overflow: hidden;
outline: none;
position: absolute;
right:0
}

#searchWrapper #wpas-search_query input {
width: 100%;
height: 40px;
position: absolute;
right:0;
border: 0px solid transparent;
padding: 10px 0 10px 15px;
font-size: 1.8rem;
font-weight: 300;
outline: none;
background: none;
}

#searchWrapper #thesearchform {
height: 40px;
position: relative;
right: 0;
display: block;
background: rgba(255,255,255,0.6);
width: 100%
}

#searchWrapper #thesearchform form {
width: 100%;
}

/*------------------------------------*\
    MOBILEMENU
\*------------------------------------*/

.mobilemenuBtn {
display: block;
}

#headerOuter.fixed #headerInner {
height: auto;
}

#mainmenuWrapper {
display: none;
position: relative;
padding: 2vw 0 0 0;
margin: 5vw 0 0 0;
}

#mainmenuWrapper .sub-menu {
position: relative;
top:auto;
left: auto;
transform: none;
background-color: rgba(186,159,100,1);
z-index: 100;
padding: 10px 25px;
}

#mainmenuWrapper > ul > li > a {
padding: 10px 15px;
font-size: 2rem;
background: rgba(20,52,35,1);
color: rgba(215,183,114,1);
border-bottom:1px solid rgba(215,183,114,1);
}

#mainmenuWrapper > ul li:last-child a {
padding: 10px 15px;
}

#mainmenuWrapper > ul > li:hover a,
#mainmenuWrapper > ul li.current-menu-parent a,
#mainmenuWrapper > ul li.current-menu-ancestor a {
color: rgba(109,157,116,0.9);
}

#mainmenuWrapper > ul > li.menu-item-has-children a:before,
#mainmenuWrapper > ul > li.menu-item-has-children.current-menu-parent a:before,
#mainmenuWrapper > ul > li.menu-item-has-children.current-menu-item a:before,
#mainmenuWrapper > ul > li.menu-item-has-children.current-menu-ancestor a:before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 6px 6px 6px;
border-color: transparent transparent rgba(186,159,100,1) transparent;
position: absolute;
bottom: auto;
left: auto;
right: 15px;
margin: 0;
top: 16px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; 
transform: rotate(90deg);
}

#mainmenuWrapper > ul > li.menu-item-has-children a.active:before {
transform: rotate(180deg);
}

#mainmenuWrapper > ul > li.current-menu-parent a:before,
#mainmenuWrapper > ul > li.current-menu-item a:before,
#mainmenuWrapper > ul > li.current-menu-ancestor a:before,
#mainmenuWrapper > ul > li:hover a:before {
bottom: -10px;
}

#mainmenuWrapper > ul > li.current-menu-parent a:before,
#mainmenuWrapper > ul > li.current-menu-item a:before,
#mainmenuWrapper > ul > li.current-menu-ancestor a:before {
border-color: transparent transparent rgba(20,52,35,1) transparent;
}

#mainmenuWrapper .sub-menu {
padding: 10px 15px !important;
}

#mainmenuWrapper ul li#menu-item-856 > .sub-menu,
#mainmenuWrapper ul li#menu-item-2387 > .sub-menu,
#mainmenuWrapper ul li#menu-item-855 > .sub-menu,
#mainmenuWrapper ul li#menu-item-2388 > .sub-menu {
width: 100%;
}

#mainmenuWrapper ul li .sub-menu li a {
font-size: 1.7rem;
padding: 8px 0 8px 0;
white-space: normal
}

#mainmenuWrapper .sub-menu li:last-child a {
padding: 8px 0 8px 0;
}

#mainmenuWrapper .sub-menu .sub-menu {
padding: 0 !important;
margin: 0 0 15px 0
}

#mainmenuWrapper ul li .sub-menu .sub-menu li {
padding: 0;
}

#mainmenuWrapper ul li .sub-menu .sub-menu li a {
font-size: 1.5rem;
padding: 0 15px 0 10px;
white-space: normal
}

#mainmenuWrapper .sub-menu li.menu-item-has-children > a:after {
top:15px;
right:0;
}

#mainmenuWrapper .sub-menu li.menu-item-has-children > a.active:after {
top:15px;
}

#mainmenuWrapper > ul {
display:inline;
position: relative;
right: auto;
height: auto;
bottom: auto;
}

#mainmenuWrapper li {
display: inline;
position: relative
}

#mobilemetamenu,
#mobilesocials,
#mobilesocials .shopBtn.mobile {
display: block;
}

#mobilesocials {
padding: 8vw 0 2vw 15px;
display: inline-block
}

#mobilesocials a {
color: rgba(20,52,35,1);
display: inline-block;
margin: 0 5px 0 0;	
}

#mobilesocials a.facebook {
font-size: 1.6rem;
position: relative;
top:-1px
}

#mobilesocials a.presse {
font-weight: 700;
font-size: 1.6rem;
margin: 0 0 0 10px;
}

/* ----- METAMENU ----- */

#mobilemetamenu {
margin: 5vw 0 0 0
}

#mobilemetamenu .metamenu {
display: block;
width: auto;
}

#mobilemetamenu .metamenu li {
display: block;
padding: 2px 0 0 0;
margin: 0;
}

#mobilemetamenu a {
color: rgba(20,52,35,1);
margin: 0;
font-weight: 700;
font-size: 1.6rem;
margin: 0 15px;
}

/*------------------------------------*\
    SLIDESHOW
\*------------------------------------*/

.slideshow .slide .captionWrapper span.title {
font-size: 3.5vw;
padding: 2.5vw 0 0 0
}

.slideshow .slide .captionWrapper span.subtitle {
font-size: 2vw;
padding: 0.5vw 0 0 0
}

/*------------------------------------*\
    CONTENT
\*------------------------------------*/

#content .textblock {
width: 100%;
font-size: 1.6rem;
line-height: 160%;
padding: 5vw 0 0 0;
}

#content .textblock.full {
grid-template-columns:1fr 1fr;
grid-column-gap: 5vw;
}

#content table.openings td {
white-space:normal
}

#content .accordion .acccontent table.kurzbiographie tr td:first-child {
white-space: normal;
}

/* ----- ACCORDIONS ----- */

#content .accordion {
width: 100%;
font-size: 1.6rem;
line-height: 160%;
}

#content .accordion.full .acccontentInner {
grid-template-columns:1fr 1fr;
grid-column-gap: 5vw;
margin: 0 0 6vw 0;
}

#content .accordion .acccontent .media {
text-align: left;
}

#content .accordion .acccontent .media img {
margin: 1vw 0 2vw 0;
}

/*------------------------------------*\
    HOME
\*------------------------------------*/

#eventsandopenings {
display: block; 
}

/* ----- INFOTEASER ----- */

#infoTeaser {
display: none
}

/* ----- CONTENTTEASER ----- */

.teaserRow {
margin: 10vw 0 0 0;
}

.teaserRow.column1 {
margin: 10vw auto 0
}

.teaserRow .teaser h2 {
font-size: 2.5vw;
}

.teaserRow.column1 .teasercontent h3 {
font-size: 3vw;
}

.teaserRow.column1 .teasercontent h4 {
font-size: 2vw;
}

.teaserRow.column2 .teasercontent h3 {
font-size: 3vw;
}

.teaserRow.column2 .teasercontent h4 {
font-size: 2vw;
}

.teaserRow.column3 .teasercontent h3 {
font-size: 2.5vw;
}

.teaserRow.column3 .teasercontent h4 {
font-size: 2.2vw;
}

.teaserRow .teaser .teasercontent {
font-size: 1.8vw
}

/*------------------------------------*\
    TERMINE
\*------------------------------------*/

/* ----- HOME ----- */

#termineTeaser .item .info .title {
font-size: 2.8vw;
line-height: 130%;
}

/* ----- FULL ----- */


#termineWrapper .item .info {
display: grid; 
grid-template-rows:2; 
grid-template-columns:160px 1fr;
}

#termineWrapper .item .info .date {
padding: 2vw 0;
grid-column: 1 / 2;
grid-row: 1 / 3;
}

#termineWrapper .item .info .title  {
font-size: 2.8vw;
line-height: 130%;
padding: 2vw 3vw;
grid-column: 2 / 3;
grid-row: 1 / 2;
}

#termineWrapper .item .info .category {
padding: 2vw 3vw;
grid-column: 2 / 3;
grid-row: 2 / 3;
vertical-align: baseline
}

#termineWrapper .item .info .category ul li {
float:left;
padding: 0 10px 0 15px;
margin: 0;
}

/*------------------------------------*\
    AUSSTELLUNGEN ÜBERSICHT
\*------------------------------------*/

#content .ausstellungen .preview {
grid-template-columns:1fr 1fr;
grid-column-gap: 5vw;
margin: 5vw 0 3vw;
padding: 0 0 5vw 0
}

/*------------------------------------*\
    AKTUELLES ÜBERSICHT
\*------------------------------------*/

#content .artikel {
font-size: 1.6rem;
line-height: 150%;
margin: 7vw 0 3.5vw;
padding: 0 0 3.5vw 0
}

#content .artikel .introWrapper {
display: grid; 
grid-template-rows:auto; 
grid-template-columns:1fr 1fr;
grid-column-gap: 5vw;
}

#content .artikel .moreWrapper .moreInner {
display: grid; 
grid-template-rows:auto; 
grid-template-columns:1fr 1fr;
grid-column-gap: 5vw;
}

/* ----- ABO ----- */

#aboInner {
max-width: 1300px;
padding: 5vw 5vw 8vw 5vw;
display: grid; 
grid-template-rows:auto; 
grid-template-columns:1fr 1fr;
grid-column-gap: 5vw;
font-size: 1.6rem;
line-height: 150%
}

#aboInner #aboContent vortitel {
font-size: 4.5rem;
line-height: 140%
}

#aboInner #aboContent h2 {
font-size: 3.5rem;
line-height: 120%
}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/

#footerInner {
max-width: 1300px;
padding: 5vw 5vw 7vw 5vw;
}

#footerInner h4 {
font-size: 1.8rem;
padding: 0 0 5px 0;
}

#infoWrapper {
width: 100%;
display: grid; 
grid-template-areas:
'address prices'
'contact openings'
'map map';
grid-template-columns: 300px 1fr;
grid-gap: 7vw;
}

#infoWrapper .block {
padding: 0;
line-height: 160%;
}

/* ----- MAP ----- */

#mapWrapper #map {
height: 100%;
min-height: 400px;
margin: 0 0 6vw 0
}

/* ----- FÖRDERER ----- */

#foerderer {
float:left;
width:80%;
margin: 3vw 0 0 0
}

#foerderer .logos {
grid-template-columns:1fr 1fr 1fr 1fr 101px 85px;
grid-column-gap: 2vw;
}

/* ----- SIEGEL ----- */

#siegel {
float:right;
width:15%;
margin: 3vw 0 0 0
}

#siegel .logos {
grid-template-columns:100px;
grid-column-gap: unset;
}

/* ----- COPY ----- */

#copyInner {
padding: 2.5vw 5vw;
}

#copyInner .socials {
float:left;
width: 50%;
}

/* ----- METAMENU ----- */

#metamenu {
float:right;
width: 50%;
}

#metamenu .metamenu {
display: block;
width: auto
}

#metamenu .metamenu li {
display: block;
padding: 3px 0
}

#metamenu a {
color: rgba(69,117,76,1);
margin: 0;
}

}

/* ----------------------------------------------------------------------------- MAX WIDTH 768 PX */

@media only screen and (max-width:768px) {

/*------------------------------------*\
    CONTENT
\*------------------------------------*/

#contentInner {
width: 100%;
max-width: 1300px;
padding: 0 7vw 10vw 7vw;
}

/* ----- ACCORDIONS ----- */

#content .accordion .title {
font-size: 2.2rem;
line-height: 130%;
padding: 2.3vw 7vw 2.5vw 0;
}

#content .accordion .title .extrainfo {
font-size: 1.6rem;
}

#content .accordion.active .title {
padding: 8vw 7vw 4vw 0;
font-size: 2.2rem
}

#content .accordion .title .icon:after {
top: 4vw;
}

#content .accordion.active .title .icon:after {
top: 10vw;
}

/*------------------------------------*\
    HOME
\*------------------------------------*/

/* ----- CONTENTTEASER ----- */

.teaserRow {
display: block; 
}

.teaserRow .teaser {
margin: 5vw 0 0 0
}

.teaserRow img {
width: 100%;
}

.teaserRow .teaser h2 {
font-size: 2.5rem;
}

.teaserRow.column1 .teasercontent h3 {
font-size: 3rem;
}

.teaserRow.column1 .teasercontent h4 {
font-size: 2rem;
}

.teaserRow.column2 .teasercontent h3 {
font-size: 3rem;
}

.teaserRow.column2 .teasercontent h4 {
font-size: 2rem;
}

.teaserRow.column3 .teasercontent h3 {
font-size: 2.5rem;
}

.teaserRow.column3 .teasercontent h4 {
font-size: 2.2rem;
}

.teaserRow .teaser .teasercontent {
font-size: 1.8rem
}

/*------------------------------------*\
    TERMINE
\*------------------------------------*/

#termineWrapper .item .info .title,
#termineTeaser .item .info .title {
font-size: 3.5vw;
line-height: 130%;
}

/*------------------------------------*\
    AUSSTELLUNGEN ÜBERSICHT
\*------------------------------------*/

#content .ausstellungen .preview {
display: block;
padding: 0 0 8vw 0;
margin: 8vw 0 0 0
}

#content .ausstellungen .preview .previewImage {
padding: 5vw 0 0 0
}

#navBtnsWrapper {
line-height: 130%;
}

#navBtnsWrapper .btnWrapper a {
display: inline;
padding: 0;
color: rgba(69,117,76,1);
background: none;
text-decoration: underline;
font-weight: 700;
font-size: 1.6rem;
white-space: normal;
}

#navBtnsWrapper .btnWrapper a:hover {
color: rgba(215,183,114,1);
opacity: 1
}

.page-id-584 #navBtnsWrapper #previous,
.page-id-2351 #navBtnsWrapper #previous,
.page-id-246 #navBtnsWrapper #current,
.page-id-2329 #navBtnsWrapper #current,
.page-id-1066 #navBtnsWrapper #next,
.page-id-2348 #navBtnsWrapper #next  {
opacity: 0.6;
}

/*------------------------------------*\
    AKTUELLES ÜBERSICHT
\*------------------------------------*/

#content .artikel {
font-size: 1.6rem;
line-height: 150%;
margin: 7vw 0 3.5vw;
padding: 0 0 3.5vw 0
}

#content .artikel .introWrapper {
display: block
}

#content .textblock.full .artikel .introWrapper .media {
padding: 5vw 0 0 0;
}

#content .artikel .moreWrapper .moreInner {
display: block
}

#content .artikel .introWrapper .text .readmore {
display: none;
}

#content .artikel .moreWrapper {
display: block !important;
}

/*------------------------------------*\
    SEARCH
\*------------------------------------*/

#content .textblock.full.searchresults {
display: block; 
min-height: 300px
}

#content .textblock.full.searchresults .searchfilter {
display: none
}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/

#footerInner {
padding: 7vw 7vw 10vw 7vw
}

#infoWrapper {
grid-template-areas:
'address'
'prices'
'contact'
'openings'
'map';
grid-template-columns:1fr;
grid-gap: 5vw;
}

/* ----- MAP ----- */

#mapWrapper #map {
margin: 5vw 0 6vw 0
}

/* ----- FÖRDERER ----- */

#foerderer {
float:none;
width:100%;
margin: 3vw 0 0 0
}

#foerderer .logos {
grid-template-columns:1fr 1fr 1fr;
grid-column-gap: 3vw;
}

#foerderer .logos .logo {
margin: 0 0 10px 0
}

/* ----- SIEGEL ----- */

#siegel {
float:none;
width:100%;
margin: 7vw 0 0 0
}

#siegel .logos {
grid-template-columns:120px 1fr;
grid-column-gap: 3vw;
}

/* ----- COPY ----- */

#copyInner {
padding: 2.5vw 7vw;
}

#copyInner .socials {
text-align: center;
padding: 3vw 0
}

#de #copyInner .socials,
#en #copyInner .socials {
display: none;
}

#metamenu {
width: 100%;
float:none;
text-align: left
}

#de #metamenu .metamenu,
#en #metamenu .metamenu {
display: none
}

}

/* ----------------------------------------------------------------------------- MAX WIDTH 640 PX */

@media only screen and (max-width:640px) {
	
#breadcrumpsInner {
display: none
}

/*------------------------------------*\
    HEADER
\*------------------------------------*/

#headerInner {
margin: 0 auto;
height: auto;
padding: 5vw 7vw
}

#headerInner #logo {
position: relative;
bottom: auto;
}

#headerInner .oeffnungszeiten {
color: rgba(20,52,35,1);
text-transform: uppercase;
font-weight: 700;
font-size: 1.5rem;
position: absolute;
right:auto;
left: 0;
top:10px;
width: 100%;
text-align: right;
padding: 1vw 5vw;
}

#de #headerInner .oeffnungszeiten,
#en #headerInner .oeffnungszeiten,
#cs #headerInner .oeffnungszeiten,
#pl #headerInner .oeffnungszeiten,
#nl #headerInner .oeffnungszeiten {
background: rgba(215,183,114,1);
color: rgba(20,52,35,1);
text-transform: uppercase;
font-weight: 700;
font-size: 1.5rem;
position: fixed;
right:auto;
left: 0;
top:auto;
bottom: 0;
width: 100%;
text-align: center;
padding: 5px 7vw;
height: 40px;
z-index: 800
}

.mobilemenuBtn {
top:50px;
}

/*------------------------------------*\
    SLIDESHOW
\*------------------------------------*/

.slideshow .slide .captionWrapper {
background: rgba(240,233,222,1);
position: absolute;
left:auto;
bottom:0;
padding: 20px 7vw 20px;
color: rgba(125,25,26,1);
width: 100%;
opacity: 0.75
}

.slideshow .slide .captionWrapper span.title {
font-size: 2.7rem;
padding: 20px 0 0 0
}

.slideshow .slide .captionWrapper span.subtitle {
font-size: 1.6rem;
font-weight: 700;
padding: 0 0 0 0
}

#dotWrapper {
z-index: 5;
margin: 0 0 7vw 0
}

/*------------------------------------*\
    CONTENT
\*------------------------------------*/

.vortitel {
font-size: 4.5vw;
}

h1 {
font-size: 5.5vw;
line-height: 130%;
}

h2 {
font-size: 4.5vw;
line-height: 130%;
}

h3 {
font-size: 3.5vw;
line-height: 130%;
}

h4 {
font-size: 2.5vw;
line-height: 130%;
}

#content h2,
#content h3,
#content h4,
#content p,
#content table {
margin: 5vw 0 0 0;
}

#content ul{
margin: 5vw 0 0 20px;
}

#content {
padding: 10vw 0;
}

#content .textblock {
font-size: 1.6rem;
line-height: 150%;
}

#content .textblock.full {
display: block;
}

#content .textblock.full .media {
padding: 10vw 0 0 0;
text-align: left;
}

#content .textblock.full .media img {
margin: 3vw 0 5vw 0;
width: 100%;
}

#content .accordion.full .acccontentInner {
display: block
}

#content .accordion .acccontent .media {
text-align: left;
}

#content .accordion .acccontent .media img {
margin: 1vw 0 5vw 0;
width: 100%
}
	
/*------------------------------------*\
    TERMINE
\*------------------------------------*/

#termineWrapper .item .info .title,
#termineTeaser .item .info .title {
font-size: 4vw;
line-height: 130%;
padding: 2vw 30px 2vw 15px;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}

.pdfWrapper .pdf:first-child {
margin: 0
}

.pdfWrapper .pdf {
display: block;
}

#filterWrapper {
grid-template-columns:1fr 160px;
}

#termineWrapper .item .info {
display: grid; 
grid-template-rows:2; 
grid-template-columns:25vw 65vw;
}

#termineTeaser .item .info {
grid-template-columns:25vw 65vw;
}

#termineWrapper .item .info .category {
font-size: 1.4rem
}

#termineWrapper .item .info .category ul li {
padding: 0 10px 0 12px;
}

#termineWrapper .item .info .category ul li:before {
border-width: 0 5px 5px 5px;
position: absolute;
top: 7px;
}

/* ----- ABO ----- */

#aboInner {
display: block;
padding: 7vw 7vw 20vw 7vw
}

#aboInner #aboContent .vortitel {
line-height: 140%
}

#aboInner #aboContent h2 {
font-size: 3.5rem;
line-height: 120%
}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/

#footerInner {
font-size: 1.5rem;
line-height: 130%;
padding: 7vw;
}

#infoWrapper .block {
padding: 0;
line-height: 140%;
}

/* ----- FÖRDERER ----- */


#foerderer .logos {
grid-template-columns:1fr 1fr;
grid-column-gap: 7vw;
}

#foerderer .logos .logo {
margin: 3.5vw 0 3.5vw 0;
}

/* ----- SIEGEL ----- */

#siegel {
margin: 7vw 0 5vw 0
}

#siegel .logos {
grid-template-columns:1fr 1fr;
grid-column-gap: 7vw;
}

#siegel .logos .logo {
margin: 3.5vw 0 3.5vw 0;
}

/* ----- COPY ----- */

#copyInner .socials {
float:none;
width: 100%;
}

/*------------------------------------*\
    FORMS
\*------------------------------------*/

.popupForm {
max-width: initial;
min-width: initial;
width: 100%;
padding: 5vw 7vw 5vw 5vw;
background: rgba(106,145,112,1);
}

.innerForm input {
width:100%;
}

.innerForm .two input {
width: 100%;
}

.innerForm .two .wpcf7-form-control-wrap:last-child input {
margin: 2% 0 0 0
}

.innerForm .input .plz input {
width:24%;
}

.innerForm .input .plz input {
width:24%;
}

.innerForm .input .ort input {
width:74%;
margin: 0 0 0 2%
}

.innerForm .input .telefon input {
width:100%;
}

.innerForm .input .email input {
width:100%;
}

.innerForm .input .firma input {
width:100%;
}

.innerForm .input .einrichtung input {
width:100%;
}

.innerForm .input span.erwachsene:after {
content:' ';
display:block;
}

.innerForm .personen label.kinder {
display: inline-block;
margin: 2% 0 0 0;
width: 60%
}

.innerForm .personen label.erwachsene {
display: inline-block;
width: 60%
}

.innerForm .personen .input input {
width: 70px;
margin: 0 0 0 10px;
}

}

/* ----------------------------------------------------------------------------- MAX WIDTH 480 PX */

@media only screen and (max-width:480px) {
	

/*------------------------------------*\
    HEADER
\*------------------------------------*/

#headerInner {
padding: 4vw 7vw;
min-height: 60px;
height: auto;
}
	
#headerInner #logo {
width: 150px !important;
}

.mobilemenuBtn {
top:0px;
right: 0px
}

/* ----- LANGSWITCHER ----- */

#langswitcher {
top:30px;
right:74px;
font-size: 1.5rem;
width: 40px;
}

#langswitcher .langtrigger:after {
border-width: 0 5px 5px 5px;
top: 18px;
right: -3px
}

#langswitcher .langtrigger:after {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;	
}

#langswitcher.active .langtrigger:after {
transform: rotate(180deg);
border-color: transparent transparent rgba(20,52,35,1) transparent;
top: 18px;
}

/*------------------------------------*\
    SLIDESHOW
\*------------------------------------*/

.slideshow .slide .captionWrapper {
display: none;
}
	
/*------------------------------------*\
    CONTENT
\*------------------------------------*/

.vortitel {
font-size: 2.5rem;
padding: 0 7vw
}

#contentInner {
width: 100%;
max-width: 1300px;
padding: 0 0 15vw 0;
}

h1 {
font-size: 3rem;
line-height: 130%;
padding: 0 7vw
}

h2 {
font-size: 2.5rem;
line-height: 130%;
}

h3 {
font-size: 2rem;
line-height: 130%;
}

h4 {
font-size: 1.8rem;
line-height: 130%;
}

#content .textblock .text {
padding: 0 7vw
}

#content .textblock.full .text {
padding: 0 7vw
}

/*------------------------------------*\
    HOME
\*------------------------------------*/

/* ----- CONTENTTEASER ----- */

.teaserRow .teaser h2 {
font-size: 2.2rem;
padding: 12px 7vw 15px;
}

.teaserRow.column1 .teasercontent h3 {
font-size: 2rem;
line-height: 130%
}

.teaserRow.column1 .teasercontent h4 {
font-size: 1.7rem;
line-height: 130%
}

.teaserRow.column2 .teasercontent h3 {
font-size: 2rem;
line-height: 130%
}

.teaserRow.column2 .teasercontent h4 {
font-size: 1.7rem;
line-height: 130%
}

.teaserRow.column3 .teasercontent h3 {
font-size: 2rem;
line-height: 130%
}

.teaserRow.column3 .teasercontent h4 {
font-size: 1.7rem;
line-height: 130%
}

.teaserRow .teaser .teasercontent {
font-size: 1.6rem;
padding: 5vw 7vw;
}

#welcomeWrapper {
padding: 0 7vw
}

#welcomeWrapper h1 {
padding: 0
}

/* ----- ACCORDIONS ----- */

#content .accordion .title {
font-size: 2.2rem;
line-height: 130%;
padding: 2.3vw 12vw 2.3vw 7vw;
}

#content .accordion .title .extrainfo {
font-size: 1.6rem;
}

#content .accordion.active .title {
padding: 8vw 15vw 4vw 7vw;
font-size: 2.2rem
}

#content .accordion .title .icon:after {
top: 5vw;
right: 7vw
}

#content .accordion.active .title .icon:after {
top: 12vw;
}

#content .accordion .acccontent .text {
padding: 0 7vw
}
	
/*------------------------------------*\
    TERMINE
\*------------------------------------*/

#termineWrapper .item .info .title,
#termineTeaser .item .info .title {
font-size: 4.5vw;
line-height: 130%;
padding: 2vw 15 2vw 15px;
}

.pdfWrapper .pdf:first-child {
margin: 0
}

.pdfWrapper .pdf {
display: block;
}

#filterWrapper {
display: block
}

#termineWrapper .item .info {
display: grid; 
grid-template-rows:2; 
grid-template-columns:30vw 70vw;
}

#termineTeaser .item .info {
grid-template-columns:30vw 70vw;
}

#termineWrapper .item .info .date,
#termineTeaser .item .info .date {
line-height: normal
}

#termineWrapper .item .info .date .day,
#termineTeaser .item .info .date .day {
font-size: 4vw
}

#termineWrapper .item .info .date .number,
#termineTeaser .item .info .date .number {
font-size: 12vw;
margin: 0;
line-height: 100%;
}

#termineWrapper .item .info .date .month,
#termineTeaser .item .info .date .month {
font-size: 4vw
}

#termineWrapper .item .info .date .time,
#termineTeaser .item .info .date .time {
font-size: 4vw;
margin: 5px 0 0 0
}

#filterWrapper fieldset {
border: none;
}

#filterWrapper fieldset.month {
border-top: 1px solid rgba(20,52,35,1)
}

#termineWrapper .item .info .category {
font-size: 1.2rem;
font-weight: 400
}

#termineWrapper .item .info .category ul li {
float:none;
}

#termineWrapper .item .info .category ul li:before {
border-width: 0 4px 4px 4px;
position: absolute;
top: 6px;
}

.gallery .owl-prev {
top:50%;
margin: -15px 0 0 0;
left:5vw
}

.gallery .owl-next {
top:50%;
margin: -15px 0 0 0;
right:5vw
}

/*------------------------------------*\
    AKTUELLES ÜBERSICHT
\*------------------------------------*/

#content .artikel {
font-size: 1.6rem;
line-height: 150%;
margin: 7vw 0 3.5vw;
padding: 0 0 7vw 0
}

#content .artikel .introWrapper {
display: block
}

#content .textblock.full .artikel .introWrapper .media {
padding: 5vw 0 0 0;
}

#content .textblock.full .artikel h2 {
padding: 0 7vw
}

#aboInner #aboContent .vortitel {
padding: 0
}

#content .termin {
padding:0 7vw
}

/*------------------------------------*\
    AUSSTELLUNGEN ÜBERSICHT
\*------------------------------------*/

.ausstellungsart.tipp {
font-size: 1.7rem;
background: url(../img/tipp_teaser.png) rgba(69,117,76,1)  no-repeat left 15px center;
background-size: auto 15px;
color: #FFF;
padding: 6px 15px 8px 80px
}

.ausstellungsart {
font-size: 2.2rem;
margin: 0 0 10px 0;
}

#content .zeitraum {
display: block;
margin: 10px 0 0 0;
font-size: 1.8rem;
}

#content .ausstellungen .preview .previewText {
padding: 0 7vw
}

#content .sonderaustellung .previewText {
padding: 0 7vw 7vw 7vw
}

.sonderaustellung .ausstellungsart.tipp {
margin: 0 0 3vw 7vw
}

#content.sonderaustellung .zeitraum {
margin: 0 0 0 7vw
}

#content .ausstellungen .preview .previewText .vortitel {
padding: 0;
}

#navBtnsWrapper {
display: block;
}

#navBtnsWrapper .btnWrapper a {
display: block;
margin: 5px 0;
text-align: center
}

/* ----- MAP ----- */

#mapWrapper #map {
height: 100%;
min-height: 200px;
margin: 3vw 0 6vw 0
}

/* ----- COPY ----- */

#copyInner {
padding: 10px 7vw 50px;
}

#copyInner #metamenu {
text-align: center;
font-size: 1.2rem;
}

#copyInner #metamenu ul {
margin: 0 0 5vw 0
}

/* ----- UPBTN ----- */

.upBtn {
background: rgba(0,0,0,0.8);
bottom:40px;
width: 40px;
height: 40px;
}

.upBtn:after {
content: ' ';
width: 0;
height: 0;
border-style: solid;
border-width: 0 7px 7px 7px;
border-color: transparent transparent rgba(255,255,255,1) transparent;
position: absolute;
top: 16px;
right:12px;
display: block;
}

/* ----- 404 ---- */

.notfound {
margin: 0 0 7vw 0;
font-size: 1.6rem;
line-height: 140%
}

.notfound p {
margin: 15px 0 0 0;
padding: 0 7vw
}


}