@charset "UTF-8";
/* CSS Document */

body{
min-width: 0;
}


header>div.inner,
#nav1>.inner,
#nav2>.inner,
#wrapper>h1>.inner,
#intro>.home_inner,
#slideshow .slidebox > .inner,
#breadcrumbs>.inner,
#content>.inner,
#cnt_menubutton>.inner,
#cnt_topbutton>.inner,
footer>.inner,
#hinweis>div.inner{
width: auto;
max-width: 1020px;
}

/*
#nav1,
#content>.section,
footer{
padding-left:  2%;
padding-right: 2%;
}
header{
width: 96%;
padding-left:  2%;
padding-right: 2%;
*/




@media (max-width: 1150px) {

#buttons>.inner{
position: static;
}

#menubutton{
left: 0.5%;
}

#topbutton{
right: 0.5%;
bottom: 10px;
}

#cnt_topbutton.altern #topbutton {
bottom: 0px;
}

#b_home #cnt_topbutton.altern #topbutton{
bottom: 37px;
}

}

@media (max-width: 1056px) {
header>div.inner,
#nav1>.inner,
#nav2>.inner,
#wrapper>h1>.inner,
#intro .inner,
#breadcrumbs>.inner,
#content>.inner,
#cnt_menubutton>.inner,
#cnt_topbutton>.inner,
footer>.inner,
#hinweis>div.inner{
margin-left: 1%;
margin-right: 1%;
}


#kalender .kal-tabelle table th,
#kalender .kal-tabelle table td{

line-height: 2.5vw;

}

}


@media (max-width: 910px) {

#direktmenu{ /* zum direkten Anspringen der wichtigsten Seitenelemente */
top: 75px;
}

header{

}

header div.inner {

}

header #logo {

}


#nav1 ul.navlist>li>a,
#nav1 ul.navlist>li>.a-subst{
width: auto;
max-width: none;
min-width: 0;
margin: 0;
padding: 1px 0;
float: none;
display: block;
}

#nav1 ul.navlist>li>ul{
width: auto;
margin: 0;
padding: 5px 0;
float: none;
display: block;
}


footer ul.navlist.opt{
display: none;
}


.col1_3{
clear: both;
float: none;
display: block;
width: auto;
}


.col2_3{
clear: both;
float: none;
display: block;
width: auto;
}


.col3_3{
clear: both;
}

#kalender .kal-tabelle table th,
#kalender .kal-tabelle table td{

font-size: 0.8em;
}

#b_veranst-detail #haupt_block .details{
float: none;
display: block;
clear: both;

max-width: none;
}

#b_veranst-detail #haupt_block .zusaetze {
float: none;
display: block;
clear: both;
margin-bottom: 0.5em;

max-width: none;
}


}


@media (max-width: 760px) {




header div.inner{
height: 80px;
}

header #logo{
padding: 15px 0 0 0;
width: 147px;
height: 31px;
}

#intro{
margin-top: -65px;
border-top: 65px solid #fff;

}

#intro .inner .featuredesc{
font-size: 0.9em;

}

footer{}

footer p#copyright{
clear: both;
padding-top: 0;
}





#menubutton{
display: block;
position: absolute;

height: 45px;
width: 45px;

top: 10px;
}

#topbutton{
height: 45px;
width: 45px;
}



ul#aktuellliste > li.gross .bild, #welcomebox .bild {
width: 30%;
}

ul#aktuellliste>li>a.video>.bild:after{
width: 30px;
height: 30px;
margin: -15px 0 0 -15px;
/*
left: auto;
top: auto;
right: 0;
bottom: 0;
margin: 0 5% 5% 0;
*/
border: 1px solid #ffffff;
opacity: 0.6;

background-image: url('/public/20210408090129oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_play.png');
}
.backgroundsize.hd-display ul#aktuellliste>li>a.video>.bild:after{
background-image: url('/public/20210408090129oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_play_big.png');
}


#kalender .kal-tabelle table th,
#kalender .kal-tabelle table td{

font-size: 1.2em;
line-height: 5.5vw
}


form#veranst-filter{
width: 50%;
overflow: hidden;
}
/*
form#veranst-filter>div{
width: 46.07843137254902%;
margin: 0 1.96078431372549%;
margin-bottom: 1.96078431372549%;
}
*/
form#veranst-filter>div{
width: auto;
margin: 0 1.96078431372549%;
margin-bottom: 1.5em;
float: none;
display: block;
}

#b_veranst-auflistung #kalender{
width: 48.03921568627451%;
margin-top: 1.3em !important;
}



.veranst-eintrag>a{
/*min-height: 190px;*/
}

.veranst-eintrag .text{
padding-left: 165px;
}

.veranst-eintrag .details{
position: absolute;
top: 5em;
left: 25px;

width: 130px;
}

.veranst-eintrag .zusaetze{
margin-left: 155px;

}

.veranst-eintrag .tickets-text{
margin-left: 155px;
}

.veranst-eintrag .mehr-infos-text{
margin-left: 155px;
}

ul.veranst-liste.sonderv li.veranst-eintrag{
min-height: 240px;
}
ul.veranst-liste.sonderv li.veranst-eintrag.vonbis{
min-height: 350px;
}

ul.veranst-liste.sonderv .veranst-eintrag.vonbis h4>.datum+.datum{
top: 3.0em;
}
ul.veranst-liste.sonderv .veranst-eintrag.vonbis h4>.datum .bis{
font-size: 0.6em;
line-height: 1em;
bottom: -1.2em;
}
ul.veranst-liste.sonderv .veranst-eintrag .details{
top: 4.5em;
}
ul.veranst-liste.sonderv .veranst-eintrag.vonbis .details{
top: 9.5em;
}


#b_veranst-detail #haupt_block{
width: auto;
display: block;
float: none;
margin: 0 0.98039215686275%;
margin-bottom: 1.967843137255%;
/*
padding-top: 66%;
*/
}

#b_veranst-detail div#hauptbild{
/*	
width: auto;
margin: 0;
overflow: hidden;

padding-bottom: 66%;

position: absolute;
top: 0;
left: 0;
right: 0;
*/

width: 104.22125181950509%;
margin: 0 -2.03784570596798%;
}
#b_veranst-detail div#hauptbild img{
	/*
width: 100.2%;
margin: 0 -0.1%;
*/
}

#b_veranst-detail #haupt_block h3:first-child{
padding-top: 50px;
margin-top: 0;
}


#b_veranst-detail #haupt_block div#hauptbild+h3{
/*padding-top: 75%;*/

padding-top: 30px;
margin-top: 0;
}
#b_veranst-detail #haupt_block.sonderv #hauptbild+h3{
margin-top: 2em;
padding-top: 0px;
}

#b_veranst-detail #addon_block{
width: auto;
display: block;
float: none;
margin: 0 0.98039215686275%;
margin: 0;
margin-top: 1.967843137255%;

overflow: hidden;
}



#b_veranst-detail #addon_block>div{
/*
padding: 2.08333333333333%;
margin-bottom: 1.967843137255%;
width: 48.95833333333333%;
margin: 0 0.98039215686275%;
*/
min-height: 100px;

width: 45.20547945205479%;
padding: 1.91780821917808%;
margin: 0 0.95890410958904%;
margin-bottom: 1.91780821917808%;

width: 44.24657534246575%;

overflow: hidden;
position: relative;

float: right;
display: inline;
/*clear: right;*/


}
#b_veranst-detail #addon_block>div:nth-child(2n-1){
float: left;
display: inline;
/*clear: left;*/

}


#b_veranst-detail #kalender{

width: 48.08219178082192% !important;

margin: 0 0.95890410958904%;
margin-bottom: 0.95890410958904%;
margin-top: 0 !important;
padding: 0 !important;
}

#b_veranst-detail #addon_block #termine_block{

}

#b_veranst-detail #addon_block #vid_block{
padding-bottom: 0;
}

#b_veranst-detail #addon_block #vid_block div.video{
margin: 0 -4.3343653250774%;
padding-bottom: 61.12616099071207%;
}


#b_presse-download ul.downloadliste ul.bilddownloads a{
padding-bottom: 49px;

}

#b_presse-download ul.downloadliste ul.bilddownloads .bild{
height: 170px;
}


#b_presse-download ul.downloadliste ul.bilddownloads p.legende{
font-size: 0.66666666666667em;
line-height: 1.25em;
height: 45px;
padding-top: 4px;
/*font-weight: 600;*/
}


#content .address_col {
width: 46%;
}


}








@media (max-width: 640px) {


#intro{
height: auto;
/*
border-bottom: 85px solid #ddd;
*/
}

#intro .inner{
/*
min-height: 300px;
*/
overflow: visible;
margin: 0;
}

#slideshow{
position: relative;
/*
height: 0;
padding-bottom: 56%;
*/
/*padding-top: 100px;*/

height: auto;
/*
min-height: 60vw;
*/
}

#slideshow .slidebox{
/*border-bottom: 100px solid #ddd;*/
/*overflow: visible;*/

position: relative;
background: #ddd;
display: none !important;
}
#slideshow .slidebox.obersteebene{
max-height: 1999px;
transition: none;
display: block !important;
}
#slideshow .slidebox.mittlereebene{

}

#slideshow .slidebox>img{
display: block !important;
/*visibility: hidden;*/
width: 100%;
position: absolute;
top: 0;
left: 0;
}
#slideshow .slidebox>.inner{
margin-top: 40%;
height: auto;
}


#intro .inner .featuredesc{
position: relative;
top: auto;
bottom: auto;

font-size: 0.8em;
line-height: 1.2em;
/*
bottom: -100px;
*/
/**/
background: #ffffff;

/*
position: relative;
bottom: auto;
left: auto;
*/
/*
margin: 0 0.98039215686275% 0 0.98039215686275%;
width: 98.0392156862745%;
*/
margin: 0;
width: 100%;
}

#intro .inner .featuredesc>a,
#intro #slideshow .inner .featuredesc>.a-subst{
min-height: 85px;
padding: 2.5% 5%;

}

#intro .inner .featuredesc > a:after {
margin-bottom: 2.5%;
right: 4.5%;
}

#intro .inner .featuredesc h3{
margin-top: 0;
margin-bottom: 0.2em;
}

#intro .inner .featuredesc h3 > .name {
font-size: 0.8em;
line-height: 1.1em;
}

#intro .inner .featuredesc h3 > .sparte {
padding-bottom: 0em;
}

#intro .inner .featuredesc h3 > .datum {
font-size: 0.8em;
line-height: 1.2em;
padding-top: 0em;
}

#intro .inner .featuredesc p {
padding-right: 25px;
}

#slideshow-seitenanzeige {
bottom: auto;
top: 0;
margin-top: 37%;
}
#slideshow-seitenanzeige span{
height: 5px;
width: 5px;
margin: 0 0 0 3px;
}

#slideshow-buttons>div{
position: absolute;
/*
top: 0px;
margin: 0 1em;
margin-top: 1em;
*/
top: 20vw;
width: 30px;
height: 62px;
margin-top: -31px;
background-size: auto 62px;

}




#home_weiter{
display: none;
}







.textblock.columns{
-webkit-column-count: 1 !important;
-moz-column-count: 1 !important;
column-count: 1 !important;
}

#map_canvas:after,
.touch #map_canvas:after{  
content: "";
width: 25%;
max-width: 180px;
height: auto;
position: absolute;
top: 20px;
bottom: 20px;
right: 0px;
z-index: 50;
background: RGBA(0,0,0,0.3);
border-radius: 20px;
border-bottom-right-radius: 0;
border-top-right-radius: 0; 
}

footer #footer_nav{

}
footer #footer_nav .navlist{

}
footer #footer_nav .navlist#nav_social{

}



#partner01 {
width: 48.0392156862745%;
width: 44%;
}
#partner02 {
width: 36.029415%;

width: 48.0392156862745%;
margin-top: 1.7%;
}



ul#aktuellliste>li.klein{
margin: 0 0.98039215686275% 1.967843137255% 0.98039215686275%;
width: 48.0392156862745%;
float: left;
display: inline;
}

ul#aktuellliste>.gross+.klein,
ul#aktuellliste>.gross+.klein+.klein+.klein,
ul#aktuellliste>.gross+.klein+.klein+.klein+.klein+.klein,
ul#aktuellliste>.gross+.klein+.klein+.klein+.klein+.klein+.klein+.klein,
ul#aktuellliste>.gross+.klein+.klein+.klein+.klein+.klein+.klein+.klein+.klein+.klein{
clear: left;
}

#newsletter{
float: none;
display: block;
margin: 0 0.98039215686275% 1.967843137255% 0.98039215686275%;
width: auto;
}

ul#aktuellliste>li.klein .text,
/*#welcomebox .text,*/
#newsletter form{
padding: 3.03030303030303%;
}

#welcomebox .text,
#newsletter form,
ul#aktuellliste>li.gross .text{
min-height: 0;
}

ul#aktuellliste>li.klein>a:before{
margin-top: 2.7%;
margin-right: 2.7%;
}

ul#aktuellliste>li.gross,
#welcomebox{
float: none;
display: block;
margin: 0 0.98039215686275% 1.967843137255% 0.98039215686275%;
width: auto;
}




.veranst-eintrag>a{
min-height: 100px;
}

.veranst-eintrag .bild{

float: left;
margin-top:3.6em;
width: 80px;
height: 80px;
padding-bottom: 0;
margin-left: 25px;
margin-right: 15px;
margin-bottom: 5px;


margin-left: 15px;
margin-right: 10px;
}

.veranst-eintrag .text{
padding-left: 30px;
/*padding-top: 2%;*/
padding-bottom: 0em;



margin-left: 105px;
padding-left: 0;
overflow: hidden;
}


.veranst-eintrag .text>h4{
min-height: 2.5em;
padding-left: 90px;

font-size: 1.5em;
line-height: 1.13333333333333em;



padding-left: 0;

}
.veranst-eintrag h4 > .datum {
left: 20px;
}
.veranst-eintrag p {
clear: none;
margin: 0;
}
.veranst-eintrag p.hinweis1, 
.veranst-eintrag p.hinweis2 {
clear: none;
}

.veranst-eintrag .details{
/*display: none;*/
position: relative;
top: auto;
left: auto;
padding-right: 2%;
padding-left: 30px;
width: auto;
overflow: hidden;



padding-left: 0;
margin-left: 105px;
}

.veranst-eintrag .details p.uhrzeit{
}

.veranst-eintrag .details p.uhrzeit span{
display: inline;
}

.veranst-eintrag .details p.ort{
}


.veranst-eintrag .zusaetze{
/*
position: relative;
left: auto;
top: auto;
*/
left: 0;/*
padding-left: 30px;
padding-left: 26px;
*/
}
.veranst-eintrag .zusaetze{
margin-left: 16px;

}

.veranst-eintrag .tickets-text{
margin-left: 16px;
}

.veranst-eintrag .mehr-infos-text{
margin-left: 16px;
}


ul.veranst-liste.sonderv li.veranst-eintrag{
min-height: 180px;
}
ul.veranst-liste.sonderv li.veranst-eintrag.vonbis{
min-height: 240px;
}
/*
ul.veranst-liste.sonderv li.veranst-eintrag:after{
content: "";
position: absolute;
right: 2%;
top: 0;
margin-top: 1.6%;
width: 40px;
height: 20px;

background-position: right center;
background-size: contain;
background-repeat: no-repeat;
}

ul.veranst-liste.sonderv li.veranst-eintrag.SP-luther:after{
background-image: url('/public/20210408090129oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/symbol1_luther.png');
}
ul.veranst-liste.sonderv li.veranst-eintrag.SP-dalberg:after {
background-image: url('/public/20210408090129oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/symbol1_dalberg.png');
}
ul.veranst-liste.sonderv li.veranst-eintrag.SP-lr_dg:after{
background-image: url('/public/20210408090129oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/symbol1_lr_dg.png');
}


*/
ul.veranst-liste.sonderv li.veranst-eintrag h4 span.sparte:before{
content: "";
/*
position: absolute;
left: 0;
bottom: 0;
*/
display: block;
margin-top: 3px;
margin-left: 0;
width: 60px;
height: 30px;

background-position: left center;
background-size: contain;
background-repeat: no-repeat;


display: inline-block;
margin-top: 2px;
width: 54px;
height: 27px;

height: 38px;

width: 44px;
vertical-align:bottom
}

ul.veranst-liste.sonderv li.veranst-eintrag.SP-luther h4 span.sparte:before{
background-image: url('/public/20210408090129oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/symbol1_luther.png');
}
ul.veranst-liste.sonderv li.veranst-eintrag.SP-dalberg h4 span.sparte:before {
background-image: url('/public/20210408090129oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/symbol1_dalberg.png');
}
ul.veranst-liste.sonderv li.veranst-eintrag.SP-lr_dg h4 span.sparte:before{
background-image: url('/public/20210408090129oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/symbol1_lr_dg.png');
width: 90px;
}


ul.veranst-liste.sonderv .veranst-eintrag.vonbis h4>.datum+.datum{
top: 3.0em;
}
ul.veranst-liste.sonderv .veranst-eintrag.vonbis h4>.datum .bis{
font-size: 0.6em;
line-height: 1em;
bottom: -1.2em;
}
ul.veranst-liste.sonderv .veranst-eintrag .details{
top: auto;
padding-bottom: 0;
background: none;
}
ul.veranst-liste.sonderv .veranst-eintrag.vonbis .details{
top: auto;
}
ul.veranst-liste.sonderv .veranst-eintrag.vonbis .bild{
margin-top:8.1em;
}
ul.veranst-liste.sonderv .veranst-eintrag .zusaetze{
margin-left: 105px;
padding-left: 0;
padding-right: 20px;
}



#kalender .kal-tabelle table th,
#kalender .kal-tabelle table td{

font-size: 1em;

}

ul.veranst-liste.sonderv .veranst-eintrag h4 > .sparte {
padding-right: 45px;
}


#b_veranst-detail #haupt_block.sonderv #hauptbild+h3{

}
.backgroundsize #b_veranst-detail #haupt_block.sonderv h3:before{
margin-top: -80px;
width: 75px;
height: 75px;

background-size: auto 68px;
}
.backgroundsize #b_veranst-detail #haupt_block.SP-lr_dg h3:before{
width: 160px;
}

#b_veranst-detail #haupt_block h3>.datum{
font-size: 0.8em;
}

#b_veranst-detail #haupt_block h3>.name{
font-size: 1.1em;
line-height: 1.1em;
}
#b_veranst-detail #haupt_block h3>.sparte{
padding-bottom: 0;
}


}

@media (max-width: 640px ) and ( min-width: 421px) {

}

@media (max-width: 540px) {


footer>.inner{

}

footer ul#nav_social{
clear: both;
padding-top: 10px;
}
footer ul#nav_social>li{
margin-bottom: 0;
}

footer p#copyright{
clear: none;
float: left;
display: inline-block;
padding: 31px 0 0 0;
font-size: 0.8em;
}



#content .address_col {
float: none;
display: block;
width: auto;
clear: both;
margin-bottom: 1em;
}

}


@media (max-width: 500px) {

#nav1 ul.navlist>li,
#nav1 ul.navlist>li#n_suche,
#nav1 ul.navlist>li#n_home{
clear: both !important;
float: none;
display: block;
width: auto;

width: auto;
padding: 10px 0 0 0;
margin: 10px 0.98039215686275% 0em 0.98039215686275%;
border-top: 1px solid #969390;

overflow: visible;
}




#nav1 ul#nav_main>li span.mbutton{
display: block;
width: 38px;
height: 38px;
position: absolute;
right: 0;
top: -6px;

margin: 10px 0 10px 3%;
background: rgba(0,0,0,0.05) url('/public/20210408090129oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/pfeil1_sw_ru.png') no-repeat center center;
cursor: pointer;

border-radius: 50%;
}

.backgroundsize.hd-display #nav1 ul#nav_main>li span.mbutton{
background-image: url('/public/20210408090129oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/pfeil1_sw_ru_big.png');
background-size: 20px auto;
}

#nav1 ul#nav_main>li span.mbutton:after{
content: "";
position: absolute;

top: -4px;
right: -4px;
width: 88px;
height: 41px;
}

#nav1 ul#nav_main>li>ul.open+span.mbutton{
background-image: url('/public/20210408090129oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/pfeil1_sw_ho.png');
}
.backgroundsize.hd-display #nav1 ul#nav_main>li>ul.open+span.mbutton{
background-image: url('/public/20210408090129oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/pfeil1_sw_ho_big.png');
background-size: 20px auto;
}






/*
#nav1 ul.navlist>li>a,
#nav1 ul.navlist>li>.a-subst{
font-size: 1.11111111111111em;
line-height: 1.2em;

max-width: 47.95918367346939%;
float: left;
display: inline-block;
color: #3c3a38;
font-weight: 700;

margin-right: 1.96078431372549%;
}

#nav1 ul.navlist>li>ul{
width: 47.95918367346939%;
margin-left: 52.04081632653061%;
margin-bottom: 0;
padding: 3px 0;

float: right;
display: inline-block;
margin-left: 0;
}
*/



#nav1 ul.navlist>li>a,
#nav1 ul.navlist>li>.a-subst{
width: auto;
max-width: none;
min-width: 0;
margin: 0;
padding: 1px 50px 1px 0;
float: none;
display: block;
}

#nav1 ul.navlist>li>ul{
width: auto;
max-width: none;
min-width: 0;
margin: 0;
padding: 1px 0;
overflow: hidden;
float: none;
display: block;

margin-top: 3px;

display: none;
}

#nav1 ul#nav_main>li>ul.open{
display: block;
}

#nav1 ul.navlist>li>ul>li{
float: left;
display: inline;

position: relative;

width: 48.03921568627451%;
margin: 0em 1.96078431372549% 0em 0;

overflow: hidden;
/*clear: left;*/
}

#nav1 ul.navlist>li>ul>li:nth-child(2n){
/*
float: none;
clear: none;
display: block;
*/

float: right;
display: inline;
}




.universalblock .abschnitt .bildblock{
float: none;
width: auto;
display: block;
margin: 0 0 1em 0;
}



/*

#presseblock>ul>li .bild {
float: right;
margin: 0px 0 4px 0.5em;
}

#presseblock>ul>li .text {
float: none !important;
display: block;
width: auto !important;
}

#presseblock>ul>li.dl>a .text:before {
display: none;
}

#presseblock>ul>li.dl>a p.mehr:before {
float: right;
display: inline;

position: static;
}

*/


#content #einleitung .bildblock{
float: none;
width: auto;
display: block;
margin: 0 0 1em 0;
}


#b_veranst-detail #haupt_block{

}

#b_veranst-detail div#hauptbild{

}
#b_veranst-detail div#hauptbild img{

}



#b_veranst-detail #haupt_block.sonderv #hauptbild+h3{
margin-top: 1em
}
.backgroundsize #b_veranst-detail #haupt_block.sonderv h3:before{
margin-top: -55px;
width: 50px;
height: 50px;

background-size: auto 45px;
}
.backgroundsize #b_veranst-detail #haupt_block.SP-lr_dg h3:before{
width: 106px;
}




#b_veranst-detail #haupt_block h3>.name{
font-size: 0.9em;
line-height: 1.1em;
}

#b_veranst-detail #haupt_block h3>.datum{
font-size: 0.66em;
}

#b_veranst-detail #addon_block{

}



#b_veranst-detail #addon_block>div{
/*
padding: 2.08333333333333%;
margin-bottom: 1.967843137255%;
width: 48.95833333333333%;
margin: 0 0.98039215686275%;
*/
min-height: 100px;


padding: 1.91780821917808%;
margin: 0 0.95890410958904%;
margin-bottom: 1.91780821917808%;

float: none !important;
display: block !important;
width: auto !important;

}
#b_veranst-detail #addon_block>div:nth-child(2n-1){
float: left;
display: inline;
/*clear: left;*/

}


#b_veranst-detail #kalender{
width: 48.08219178082192% !important;

margin: 0 0.95890410958904%;
margin-bottom: 0.95890410958904%;
margin-top: 0 !important;
padding: 0 !important;
}

#b_veranst-detail #kalender .kal-tabelle table th,
#b_veranst-detail #kalender .kal-tabelle table td{

font-size: 1.2em;
line-height: 11vw
}

#b_veranst-detail #addon_block #termine_block{

}

#b_veranst-detail #addon_block #vid_block{
padding-bottom: 0;
}

#b_veranst-detail #addon_block #vid_block div.video{
margin: 0 -4.3343653250774%;
padding-bottom: 61.12616099071207%;
}



ul.preisgruppe>li{
margin: 0 0 10px 0 !important;
background: #ffffff;
overflow: visible;

border-left: 10px solid #3c3a38;
border-right: 90px solid #3c3a38;
padding: 5px 5px;

position: relative;

font-size: 0.88888888888889em;
line-height: 1.5em;
}

ul.preisgruppe>li>span.preis{
right: -87px;

}

}

@media (max-width: 420px) {





#nav2 ul.navlist{
padding: 10px 0.98039215686275%;
background-image: none !important;
}

#nav2 ul.navlist>li{
float: none;
display: block;
width: auto;
padding: 0 0px;

/*border-top: 1px solid #ddd;*/
}
#nav2 ul.navlist>li:first-child{
/*border-top: 0;*/
}

#nav2 ul.navlist>li>a{
padding: 4px 0px 4px 35px;
background: url('/public/20210408090129oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_sw.png') no-repeat 2% 5px;
}
.backgroundsize.hd-display #nav2 ul.navlist>li>a{
background-image: url('/public/20210408090129oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_sw_big.png');
background-size: 20px auto;
}
#nav2 ul.navlist>li.aktiv>a,
#nav2 ul.navlist>li>a:hover{
background-image: url('/public/20210408090129oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_or.png');
}
.backgroundsize.hd-display #nav2 ul.navlist>li.aktiv>a,
.backgroundsize.hd-display #nav2 ul.navlist>li>a:hover{
background-image: url('/public/20210408090129oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_or_big.png');
background-size: 20px auto;
}

footer #footer_nav .navlist{
float: none;
display: block;
clear: both;
width: auto;
margin-left: 0;
}
footer #footer_nav .navlist#nav_social{
margin-left: 0;
}



#slideshow-buttons>div{
background-size: auto 40px;
margin-left: 5px;
margin-right: 5px;
}




ul#aktuellliste > li h3, #welcomebox h2 {
font-size: 0.9em;
line-height: 1.2em;
padding-top: 2em;
}
#welcomebox h2 {
padding-top: 0;
}

ul#aktuellliste>li.klein{
clear: left;
float: none;
display: block;
margin: 0 0.98039215686275% 1.967843137255% 0.98039215686275%;
width: auto;
}

ul#aktuellliste>li.klein .text{
min-height: 0;
}

ul#aktuellliste > li.gross .bild, #welcomebox .bild {
width: 25%;
}

ul#aktuellliste>li.gross .text,
#welcomebox .text{
overflow: visible;
padding: 3.03030303030303%;
}



form#veranst-filter{
width: auto;
margin: 0 0.98039215686275%;
margin-bottom: 1.5em;
float: none;
display: block;
}
/*
form#veranst-filter>div{
width: 46.07843137254902%;
margin: 0 1.96078431372549%;
margin-bottom: 1.96078431372549%;
}
*/

form#veranst-filter>div{
margin: 0;
margin-bottom: 1em;
float: none !important;
display: block !important;
width: auto !important;
}

#kalender{
width: auto !important;
margin: 0 0.98039215686275%;
margin-bottom: 1.5em;
float: none !important;
display: block !important;
}

#kalender .kal-tabelle table th,
#kalender .kal-tabelle table td{

font-size: 1.2em;
line-height: 11vw
}


.veranst-eintrag .text>h4>span.name{
display: block;
font-size: 0.7em;
line-height: 1.3em;
}


div#alle_ergebnisse{
margin-top: 0px;
}

div#alle_ergebnisse a{

display: block;
text-align: center;
padding: 4px 10px;

}


form.kontaktformular {

}

form.kontaktformular div.frm_cnt1,
form.kontaktformular div.frm_cnt2,
form.kontaktformular div.frm_cnt3{
clear: left;
width: 96.875%;
height: auto;

/*
margin-bottom: 15px;
*/
}

form.kontaktformular div.frm_cnt3{
margin-bottom: 1em;
}

.kontaktformular input,
.kontaktformular select,
.kontaktformular textarea{

}

form.kontaktformular div.frm_cnt1 input,
form.kontaktformular div.frm_cnt1 select,
form.kontaktformular div.frm_cnt2 textarea,
form.kontaktformular div.frm_cnt2 input,
form.kontaktformular div.frm_cnt1 button#KF_submit{
width: 100%;
}
form.kontaktformular div.frm_cnt2 textarea{
}

.kontaktformular label.error{
margin-right: 0;
}

form.kontaktformular div#CKF_submit{
margin-bottom: 0em;
min-height: 0 !important;
}
form.kontaktformular div#CKF_submit input{
margin-bottom: 1em;
}

.kontaktformular #KF_submit{
width: 100% !important;
}
.kontaktformular #pflichtfelder{

width: auto;
clear: both;
float: none;
display: block;
text-align: left;
}

   

}


@media (max-width: 380px) {

#nav1 ul.navlist>li>a,
#nav1 ul.navlist>li>.a-subst{
width: auto;
max-width: none;
min-width: 0;
margin: 0;
padding: 1px 0;
float: none;
display: block;
}

#nav1 ul.navlist>li>ul{
width: auto;
max-width: none;
min-width: 0;
margin: 0;
padding: 1px 0;
float: none;
/*display: block;*/
}


#nav1 ul.navlist>li>ul>li,
#nav1 ul.navlist>li>ul>li:nth-child(2n){
width: auto;
max-width: none;
min-width: 0;
margin: 0;
padding: 1px 0;
float: none;
display: block;
}




}




@media (max-width: 310px) {
	

}