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

/************ Reset CSS nach Eric Meyer */
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
/*	line-height: 1; */
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: 300;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


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

html {
-webkit-text-size-adjust: 100%;
}

body { 
font-size: 112.5%; /* 18px */
line-height: 1.22222222222222em; /* 22px */
font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
font-weight: 300;
color: #3c3a38;
overflow-y: scroll;
overflow-x: auto;
background: #b4aea5;
background: #e2dfda;

}

input, select, option, button, textarea{
font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
font-size: 1em;
line-height: 1.2em;
}

h1,h2,h3, 
button,
span.rundmarke_schwarz,
span.rundmarke_blau,
#menubutton:after,
#nav1 ul.navlist>li>a, 
#nav1 ul.navlist>li>.a-subst, 
#nav1 ul.navlist>li#n_suche form>label#for_suchinput,
#nav2 ul.navlist>li>a,
/*ul#aktuellliste>li p.hinweis1,*/
ul#aktuellliste>li p.hinweis2,
form#veranst-filter>div label,
#kalender div.kal-header,
#kalender .kal-tabelle table th,
div#alle_ergebnisse a,
.veranst-eintrag h4>.datum .wo-tag,
.veranst-eintrag h4>.datum .tag,
.veranst-eintrag h4>.sparte,
.veranst-eintrag h4>.name,
/*.veranst-eintrag p.hinweis1,*/
.veranst-eintrag p.hinweis2,
.veranst-eintrag .zusaetze div,
#b_veranst-detail h3>.datum .wo-tag,
#b_veranst-detail h3>.datum .tag,
#b_veranst-detail h3>.sparte,
#b_veranst-detail h3>.name,
/*#b_veranst-detail p.hinweis1,*/
#b_veranst-detail p.hinweis2,
#b_veranst-detail span.label,
#b_veranst-detail .zusaetze div,
#b_veranst-a-z ul.veranst-az-liste>li>a,
.cc-window .cc-btn{
font-family: 'Oswald', Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-weight: 700;
}

#intro .inner .featuredesc h3>.datum .monat,
#intro .inner .featuredesc h3>.datum .jahr,
.veranst-eintrag h4>.datum .monat,
.veranst-eintrag h4>.datum .jahr,
#b_veranst-detail h3>.datum .monat,
#b_veranst-detail h3>.datum .jahr,
div.expandlist>ul>li>h3 span{
font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
font-weight: 300;
}

/*
#kalender .kal-tabelle table td{
font-family: Arial, Helvetica, sans-serif;
}
*/
h1,h2,h3,h4,h5,h6{
margin: 0 0 1em 0;
font-weight: 700; 
color: #3c3a38;
}

p,ul,ol,label,address {
margin: 0 0 1.2em 0;
}

a,
a:link,
a:visited{
text-decoration: none;
color: #ff884d;
font-weight: 600;
}

a:hover{
text-decoration: underline;
}

a:focus, input:focus, select:focus, textarea:focus, button:focus{
outline: 2px solid #ff884d;
}

a:active{
outline: 0 !important;
}



address {
font-style:normal;
font-size: inherit;
text-indent: 0;
}

h1{}
h2{font-size: 166.666666666667%; line-height: 1.2em; margin-bottom: 0.5em;}
h3{font-size: 100%; line-height: 1.25em; margin-bottom: 1em; margin-top: 2em;}
h3:first-child{margin-top: 0;}
h4{font-size: 100%; text-transform: uppercase; font-weight: 600;}
h5{font-size: 100%; margin-bottom: 0; font-weight: 600;}
h6{font-size: 100%; margin-bottom: 0;}
p{font-size: 100%;}

strong {
font-weight: 600; 
}

em{
font-style: italic;
}

small {
font-size: 0.8em;
}

sup {
font-size: 0.8em;

line-height: 0; 
position: relative; 
vertical-align: baseline; 
top: -0.4em; 
}

sub {
font-size: 0.8em;

line-height: 0; 
position: relative; 
vertical-align: baseline; 
bottom: -0.2em; 
}

hr{
height: 0;
padding: 0;
border: 0;
border-bottom: 1px solid #c4c4c3;
margin: 1em 0 1em 0;
}

.txrev {
unicode-bidi: bidi-override;
direction: rtl;
}

.offscreen{
position: absolute;
left: -99999px;
}

.tab{
float:left;
display: inline;
width: 4.5em;
}

form ::-webkit-input-placeholder {
color: #8a847e;
opacity: 1;
/*text-transform: uppercase;*/
}
form :-moz-placeholder { /* Firefox 18- */
color: #8a847e;
opacity: 1;
/*text-transform: uppercase;*/
}
form ::-moz-placeholder {  /* Firefox 19+ */
color: #8a847e;
opacity: 1;
/*text-transform: uppercase;*/
}
form :-ms-input-placeholder {  
color: #8a847e;
opacity: 1;
/*text-transform: uppercase;*/
}

form select[value=""],
form select option[value=""]{
color: #8a847e;
/*text-transform: uppercase;*/
}



p.mehr a,
p.mehr a:link,
p.mehr a:visited{
padding-left: 27px;
background: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_sw.png') no-repeat left 0.1em;
}

.backgroundsize.hd-display p.mehr a{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_sw_big.png');
background-size: 20px auto;
}

p.mehr a:hover{
text-decoration: none;
color: #000000;
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_or.png');
}
.backgroundsize.hd-display p.mehr a:hover{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_or_big.png');
}
/*
p.mehr a:after{
content: ">";
font-size: 2em;
font-weight: 100;

margin-top: -0.05em;
margin-top: 0.02em;
margin-right: 1%;
position: absolute;
right: 0px;
top: 0px;

    -ms-transform: scale(0.5,1);
    -webkit-transform: scale(0.5,1);
    transform: scale(0.5,1);
	
color: #cc0000;
}
*/


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

p.browseralt{
width: auto;
background: #aa0000;
color: #fff;
padding: 10px;
margin-top: 0px;
margin-bottom: 0px;

border-top: 0px solid #fff;
border-bottom: 0px solid #fff;

text-align: center;

font-size: 0.8em;
line-height: 1.2em;
}

p.browseralt a{
color: #fff !important;
text-decoration: underline !important;
}

#wrapper{
position: relative;
width: auto;
padding: 0px 0 0 0;

margin: 0 auto;
background: #b4aea5 url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/BG_body.png') repeat left top;
}


#direktmenu{ /* zum direkten Anspringen der wichtigsten Seitenelemente */
position: absolute;
left: -99999px;
top: 5px;
z-index: 100;
overflow: visible;
margin-left: 1%;
}

#direktmenu p{
position: absolute;
white-space:nowrap;
overflow: visible;
}

#direktmenu a{
position: absolute;
white-space:nowrap;
overflow: visible;
color: #ff884d;
color: #000000;
font-weight: 600;
font-size: 1em;
line-height: 1.5em;
background: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/pfeil1_or_re.png') no-repeat left 0.25em;
padding-left: 20px;
}
.backgroundsize.hd-display #direktmenu a{
background-image : url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/pfeil1_or_re.png');
background-size: 20px auto;
}

#direktmenu a:focus{
left: 99999px;
outline: 0;
}








header{
padding: 0 0 0 0;

background: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/BG_header.png') repeat-x left bottom;

position: relative;
z-index: 10;

overflow: hidden;
}

header div.inner{
width: 1020px;  
height: 120px;
position: relative;
margin: 0 auto;
/*
overflow: hidden;
*/
}



header #logo{

float: right;
display: inline;

padding: 26px 0 0 0;
margin: 0 0.98039215686275%;

width: 294px;
height: 61px;

position: relative;
z-index: 10;
}

header #logo a,
header #logo a:link,
header #logo a:visited{
display: block;
overflow: hidden;
text-decoration: none;
font-weight: 300;
width: 100%;
}

header #logo span{
position: absolute;
left: -99999px;
}

header div.inner img{
display: block;
width: 100%;
}




#nav1{
/*
margin: 0;
padding: 0px;
position: absolute;
top: 110px;
left: 0;
width: 100%;
height: 0;
display: none;
*/
position: relative;
background: #f0ede8;
background: #f0ede8 url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/BG_nav1.jpg') repeat-x left top;



overflow: hidden;
z-index: 20;

margin-top: -15px;
/*margin-bottom: 120px;*/

box-shadow: 0px 5px 5px rgba(0,0,0,0.5);

max-height: 0;
}

html.nav1_open #nav1{
max-height: 2999px;


-webkit-transition: max-height 0.5s ease-in;
   -moz-transition: max-height 0.5s ease-in;
     -o-transition: max-height 0.5s ease-in;
        transition: max-height 0.5s ease-in;
}



#nav1 .inner{
width: 1020px;  
height: auto;
padding: 0px 0 2em 0;
margin: 0px auto 0 auto;

overflow: hidden;
position: relative;
margin-top: 0;
}

#nav1 .inner:after{
clear: both;
content: "";
padding-top: 1em;
display: block;
width: 98.03921568627451%;  
margin: 0 auto;
height: 0;
border-bottom: 1px solid #969390;
}

#nav1 ul.navlist{
position: relative;
list-style: none;	
padding: 0px 0 0 0;
margin: 0px;
}

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

position: relative;

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

#nav1 ul.navlist>li:nth-child(2n-1){
clear: both;
}

#nav1 ul.navlist>li#n_home{
clear: left;
min-height: 25px;
}

#nav1 ul.navlist>li#n_suche{
float: right;
clear: none;
min-height: 25px;
}

#nav1 ul.navlist>li#n_suche form{

}

#nav1 ul.navlist>li#n_suche form>label{
display: none;
}

#nav1 ul.navlist>li#n_suche form>label#for_suchinput{
margin-bottom: 0;
margin-right: 0.5em;
position: relative;
width: auto !important;
min-width: 0 !important;
}
#nav1 ul.navlist>li#n_suche form>input#suchinput{
display: inline;
float: left;
border: 1px solid #f0ede8;
box-shadow: none;
border-radius: 0;
background: transparent;
font-size: 1em;
line-height: 1.22222222222222em;
padding: 2px 4px;

width: 150px;
width: calc(100% - 4.2em - 28px);

background: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/BG_suche.png') no-repeat left 2px;
/*
float: none;
display: block;
position: absolute;
left: 3.5em;
right: 0;
*/

box-shadow: none;
-webkit-box-shadow: none !important;

/**/
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;

border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;



margin-top: -2px;
margin-bottom: 2px;
}
.backgroundsize.hd-display #nav1 ul.navlist>li#n_suche form>input#suchinput{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/BG_suche_big.png');
background-size: 20px auto;
}
#nav1 ul.navlist>li#n_suche form>input#suchinput:invalid{
border: 1px solid #f0ede8;
border: 1px solid rgba(0,0,0,0);
box-shadow: none;
border-radius: 0;
/*background: transparent;
font-size: 1em;
line-height: 1.2em;
padding: 2px 4px;*/
}
#nav1 ul.navlist>li#n_suche form>input#suchinput:focus,
#nav1 ul.navlist>li#n_suche form>input#suchinput:valid{
border: 1px solid #b4aea5;
box-shadow: none;
border-radius: 0;
background: #ffffff !important;
}
#nav1 ul.navlist>li#n_suche form>button#suchbutton{
display: inline;
float: left;
width:  28px;
height: 28px;
background: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/BG_suche.png') no-repeat right center;
border: 0;
border-radius: 0;
padding: 0;
margin-top: -2px;
}
.backgroundsize.hd-display #nav1 ul.navlist>li#n_suche form>button#suchbutton{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/BG_suche_big.png');
background-size: 20px auto;
}
#nav1 ul.navlist>li#n_suche form>button#suchbutton span{
position: absolute;
left: -99999px;
}
#nav1 ul.navlist>li#n_suche form>input#suchinput:invalid+button#suchbutton{
display: none;
}


#nav1 ul.navlist>li>a,
#nav1 ul.navlist>li>.a-subst,
#nav1 ul.navlist>li#n_suche form>label#for_suchinput{
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.aktiv>a{
color: #ff884d;
}

#nav1 ul.navlist>li>a:hover{
color: #ff884d;
text-decoration: none;
}

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

float: right;
display: inline-block;
margin-left: 0;
/*
display: block !important;
height: auto !important;
*/
}


#nav1 ul.navlist>li>ul>li{
display: block;
}
#nav1 ul.navlist>li>ul>li>a{
color: #3c3a38;
font-weight: 300;
display: block;
font-size: 1em;
line-height: 1.11111111111111em;
padding: 3px 0;
}
#nav1 ul.navlist>li>ul>li.aktiv>a{
color: #ff884d;
}
#nav1 ul.navlist>li>ul>li>a:hover{
color: #ff884d;
text-decoration: none;
}


#wrapper>h1{
overflow: hidden;
margin-bottom: 0;
}

#wrapper>h1>.inner{
display: block;
overflow: hidden;
position: relative;
width: 1020px; 
margin: 35px auto 50px auto;

font-size: 2.22222222222222em;
line-height: 1.2em;
}

#wrapper>h1>.inner span.first{
display: inline-block;
float: left;
margin: 0 0.98039215686275%;
color: #ffffff;

font-size: 1em;
line-height: 1.4em;
}

#wrapper>h1>.inner span.second{
display: inline-block;
float: left;
margin: 0 0.98039215686275%;

font-size: 0.625em;
line-height: 1.4em;
padding-top: 0.7em;
}


#intro{
overflow: visible;
position: relative;
clear: both;
padding: 0 0 0 0;
background: #aaa59c;
background-position: center center;
background-size: cover;

margin-top: -105px;
margin-bottom: 20px;

border-top: 105px solid #fff;
height: 100vh;

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

#intro .inner{

overflow: hidden;
padding: 0px 0 0px 0;
position: relative;
width: 1020px; 
height: 100%;
margin: 0 auto;
}

#intro .inner img{
display: block;
width: 100%;
}


#nav2{

}

#nav2>.inner{
position: relative;
border: 0;
overflow: hidden;
width: 1020px; 
margin: 0 auto;
padding: 0px 0 20px 0;
}

#nav2 ul.navlist{
position: relative;
list-style: none;	

padding: 10px 0.98039215686275%;
/*padding: 0;*/
margin: 0 0.98039215686275% 0px 0.98039215686275%;

padding-left: 45px;

background: #ffffff;

overflow: hidden;

background: #ffffff url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_sw.png') no-repeat 2% 15px;
}
.backgroundsize.hd-display #nav2 ul.navlist{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_sw_big.png');
background-size: 20px auto;
}

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

padding: 0 10px;
}

#nav2 ul.navlist>li>a{
display: block;
color: #3c3a38;
padding: 4px 0px;

white-space: nowrap;
}

#nav2 ul.navlist>li.aktiv>a{
text-decoration: none;
color: #ff884d;
}

#nav2 ul.navlist>li>a:hover{
text-decoration: none;
color: #ff884d;
}

#content{
clear: both;
padding: 0px 0 50px 0;
}

#intro~#content{
}



#content>.inner{
position: relative;
border: 0;
overflow: hidden;
width: 1020px; 
min-height: 300px;
margin: 0 auto;
padding: 0px 0 20px 0;
padding:0;
/*
background: rgba(0,0,0,0.1)
*/
}


#content>.inner>h3{
margin-left: 2%;
margin-right: 2%;
margin-bottom: 2em;
position: relative;
}

#content ol, #content ul{
}

#content ul{
list-style-position: outside;
list-style-type: disc;
margin-top: 0.6em;
margin-bottom: 0.6em;
overflow:hidden;
}

#content ol{
list-style-position: outside;
list-style-type: decimal;
}

#content ul li,
#content ol li{
margin-left: 1.3em;
margin-bottom: 0.6em;
}

#content ul li{
}

#content ul ul,
#content ol ul{
margin-top: 0.6em;
}
/*
#main_hl{
margin: 0.5em 0 1em 0;
}
*/

#content-abschluss{
clear: both;
}

footer{
position: relative;
color: #ffffff;

background: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/BG_footer.png') repeat-x left top;
}

footer>.inner{
width: 1020px;
height: 100px;
margin: 0px auto;
padding: 35px 0 0px 0;
overflow: hidden;
}


footer p#kulturstadt{
margin: 0 0.98039215686275%;
}

footer p#kulturstadt a{
width: 100%;
max-width: 314px;
height: 37px;
background: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/logo_SAB.png') no-repeat center bottom;
float: left;
display: inline;

background-size: 100% auto;
}
.backgroundsize.hd-display footer p#kulturstadt a{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/logo_SAB_big.png');
}

footer p#kulturstadt a span{
position: absolute;
left: -99999px;
}

footer p#copyright{
margin: 0 0.98039215686275%;
color: #3c3a38;
float: right;
display: inline;

font-size: 0.88888888888889em;
line-height: 1em;

padding-top: 20px;
}

footer ul.navlist{
list-style: none;
margin: 0 0.98039215686275%;

float: right;
display: inline;
}

footer ul.navlist>li{
display: block;
margin-bottom: 1em;
}

footer ul.navlist li.off{
display: none;
}

footer ul.navlist li a,
footer ul.navlist li a:link,
footer ul.navlist li a:visited{
display: block;
font-size: 1em;
line-height: 1em;
color: #ffffff;
padding: 4px 0px;
text-decoration: none;
text-transform: uppercase;
font-weight: 300;
position: relative;
}
footer ul.navlist li a:hover{
color: #B8B6B1;
}
footer ul.navlist li a.aktiv,
footer ul.navlist li a.aktiv:link,
footer ul.navlist li a.aktiv:visited{
color: #B8B6B1;
}

footer ul#nav_social{
list-style: none;
margin-top: 2px;
}

footer ul#nav_social li{
margin-left: 5px;
margin-left: 10px;
float: left;
display: inline;
}

footer ul#nav_social li a{
display: block;
width: 32px;
height: 32px;
font-size: 0.3em;
line-height: 32px;
padding: 0;
/*
border-radius: 50%;
border-radius: 3px;
*/
text-align: center;
overflow: hidden;

background-color: #b8b6b1;

background-repeat: no-repeat;
background-position: center center;
}

footer ul#nav_social li#n_facebook a{background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/si_facebook.png');}
footer ul#nav_social li#n_twitter a{background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/si_twitter.png');}
footer ul#nav_social li#n_linkedin a{background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/si_linkedin.png');}
footer ul#nav_social li#n_xing a{background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/si_xing.png');}

footer ul#nav_social li#n_youtube a{background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/si_youtube.png');}
footer ul#nav_social li#n_instagram a{background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/si_instagram.png');}

footer ul#nav_social li a:hover{
/*
text-decoration: none;
background: #ffffff;
font-size: 1.2em;
line-height: 32px;
text-indent: -0.1em;
*/
background-color: #ffffff;
}

footer ul#nav_social li a span{
/**/
position: absolute;
left: -99999px;


color: #5b574d;


}

footer ul#nav_social li a:hover{

}


#cnt_menubutton{
position: fixed;
left: 0;
right: 0;
height: 2px;
top: 0;

z-index: 200;
}

#cnt_menubutton>.inner{
width: 1020px;  
/*
height: 120px;
*/
position: relative;
margin: 0 auto;
}

#menubutton{
display: block;
position: absolute;

z-index: 200;
background: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/BG_menu.png') no-repeat center center;
background-color: #ffffff;
height: 50px;
width: 50px;
padding: 0;
cursor: pointer;
left: -50px;
top: 37px;
border-radius: 50%;
box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}

html.nav1_label #menubutton:after{
content: "Menü";
position: absolute;
left: 100%;
top: 50%;
font-size: 0.88888888888889em;
line-height: 1em;
margin-left: 0.5em;
margin-top: -0.5em;

/*
display: none;
*/
}

#cnt_topbutton{
position: fixed;
left: 0;
right: 0;
height: 2px;
bottom: 0;
margin-bottom: -300px;
/*display: none;*/

z-index: 200;

-webkit-transition: margin-bottom 0.3s ease-in, opacity 0.3s ease-in;
   -moz-transition: margin-bottom 0.3s ease-in, opacity 0.3s ease-in;
     -o-transition: margin-bottom 0.3s ease-in, opacity 0.3s ease-in;
        transition: margin-bottom 0.3s ease-in, opacity 0.3s ease-in;
}

#cnt_topbutton.on{
display: block;

margin-bottom: 0px;

-webkit-transition: margin-bottom 0.3s ease-in, opacity 0.3s 0.15s ease-in;
   -moz-transition: margin-bottom 0.3s ease-in, opacity 0.3s 0.15s ease-in;
     -o-transition: margin-bottom 0.3s ease-in, opacity 0.3s 0.15s ease-in;
        transition: margin-bottom 0.3s ease-in, opacity 0.3s 0.15s ease-in;
}

#cnt_topbutton.altern{
position: absolute;
bottom: auto;
}

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

#cnt_topbutton>.inner{
width: 1020px;  
/*
height: 120px;
*/
position: relative;
margin: 0 auto;
}

#topbutton{
display: block;
position: absolute;

z-index: 200;
background-color: rgba(0,0,0,0.2);
height: 50px;
width: 50px;
padding: 0;
cursor: pointer;
right: -50px;
bottom: 37px;
border-radius: 50%;

box-shadow: 0px 0px 10px rgba(0,0,0,0.1);

background: rgba(0,0,0,0.2) url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/BG_top.png') no-repeat center center;
}

.backgroundsize.hd-display #topbutton{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/BG_top_big.png');
background-size: 20px auto;
}



/*

#hinweis{
background: #00263D;
background: rgba(9, 120, 122, 0.9);
color: #ffffff;
box-shadow: 0px 0px 10px rgba(0,0,0,0.7);

position: fixed;
width: 100%;
z-index: 15;
max-height: 0;
overflow: hidden;
bottom: -1px;

font-size: 0.75em;

}
html.showhinweis #hinweis{
max-height: 999px;

-webkit-transition: max-height 2.0s 0.5s;
   -moz-transition: max-height 2.0s 0.5s;
     -o-transition: max-height 2.0s 0.5s;
        transition: max-height 2.0s 0.5s;
}



#hinweis .inner{
width: 1020px;
margin: 0 auto;
overflow: hidden;
position: relative;
padding: 10px 60px 12px 1%;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;  
box-sizing: border-box;
}
#hinweis h3,
#hinweis p{
color: #ffffff;
margin: 0;
line-height: 1.1em;
}
#hinweis h3{
text-transform: uppercase;
}
#hinweis div.close{
width: 32px;
height: 32px;
position: absolute;
top: 10px;
right: 1%;
overflow: hidden;
background: #E87042;
background: rgba(0,0,0,0.2);
background: rgba(255,255,255,0.2);
background: rgba(0,0,0,0.2);

background-color: #CC0000;
background-color: #0e4877;

box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.3);

cursor: pointer;

border-radius: 0px;
}
#hinweis div.close:after{
content:"X";
font-size: 1.5em;
font-weight: 300;
position: absolute;
left: 1px;
right: 0;
top: 0em;
bottom: 0;
text-align: center;
line-height: 32px;

    -ms-transform: scale(1,0.7);
    -webkit-transform: scale(1,0.7); 
    transform: scale(1,0.7);
}
#hinweis div.close span{
position: absolute;
left: -99999px;
}

#hinweis a,
#hinweis a:link,
#hinweis a:visited,
#hinweis a:hover{
color: #ffffff;
text-decoration: underline;
}

*/






/* Allgemeine Styles */

#content .col1_3{
float: left;
display: inline;

padding: 0.98039215686275%;
/*padding: 0;*/
margin: 0 0.98039215686275% 10px 0.98039215686275%;

width: 29.41176470588235%;
/*width: 31.37254901960784%;*/
position: relative;

padding: 1.967843137255%;
width: 27.45098039215686%;

background: #ffffff;
}


#content .col1-5_3{
float: left;
display: inline;

margin: 0 0.98039215686275% 10px 0.98039215686275%;
position: relative;

padding: 1.967843137255%;
width: 44.117647058823532%;

background: #ffffff;
}


#content .col2_3{
float: left;
display: inline;

padding: 0.98039215686275%;
/*padding: 0;*/
margin: 0 0.98039215686275% 10px 0.98039215686275%;

width: 62.74509803921569%;
/*width: 64.70588235294118%;*/
position: relative;

padding: 1.967843137255%;
width: 60.7843137254902%;

background: #ffffff;
}

#content .col3_3{
clear: both;
float: none;
display: block;
width: auto;
padding: 0.98039215686275%;
/*padding: 0;*/
margin: 0 0.98039215686275% 10px 0.98039215686275%;
position: relative;

padding: 1.967843137255%;

background: #ffffff;
}


#content #mapsblock{
clear: both;
float: none;
display: block;
width: auto;

padding: 2em 0 0em 0;
margin: -10px 0.98039215686275% 10px 0.98039215686275%;
position: relative;
/*
padding: 1.967843137255% 1.967843137255% 0 1.967843137255%;
*/
background: #ffffff;
}
#content #mapsblock:before{
content:"";
position: absolute;
height: 0;
left: 2%;
right: 2%;
top: 0;
border-top: 1px solid #ddd;
}

#content .address_col{
float: left;
display: inline;

padding: 0;
/*padding: 0;*/
margin: 0 2% 2% 2%;

width: 29.333333333%;
/*width: 31.37254901960784%;*/
position: relative;
}

#content .address_col p{
margin: 0;
}

#content div.maps-hinweis{
/*
float: left;
display: inline;
*/
clear: both;
padding: 1em 0 0 0;
/*padding: 0;*/
margin: 0 2% 2% 2%;

/*width: 29.333333333%;*/

position: relative;

}

#content div.maps-hinweis p{

font-size: 0.83333333333333em;
line-height: 1.2em;
margin: 0;
}

#map_canvas{
width: 100%;
min-height: 300px;
max-height: 500px;
height: 300px;
/*height: 60vh;*/
height: 100vw;
background: #eeeeee;
position: relative;
border-top: 1em solid #ffffff;
}

span.rundmarke_schwarz{
display: inline-block;
width: 1.2em;
height: 1.2em;
background: #000;
color: #ffffff;
text-align: center;
border-radius: 50%;

display: block;
width: 1.8em;
height: 1.8em;
font-size: 1em;
line-height: 1.8em;

margin-bottom: 0.3em;
}

span.rundmarke_blau{
display: inline-block;
width: 1.2em;
height: 1.2em;
background: #017df0;
color: #ffffff;
text-align: center;
border-radius: 50%;

display: block;
width: 1.8em;
height: 1.8em;
font-size: 1em;
line-height: 1.8em;

margin-bottom: 0.3em;
}

.textblock{

}

.textblock.columns{
-webkit-column-count: 2; 
-moz-column-count: 2;
column-count: 2;

-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;

-webkit-column-gap: 2.08333333333333%;
-moz-column-gap: 2.08333333333333%;
column-gap: 2.08333333333333%;
}


.links{
margin-top: 1em;
/*
border-top: 1px solid #c4c4c3;
padding-top: 1em;
*/
}

.links>h3{

}

.links>ul{
list-style: none;
margin-top: 0 !important;
margin-bottom: 2em !important;
}
.links>ul li{
margin: 0 !important;
}
.links>ul li a{
padding: 4px 0 4px 27px;
display: block;
text-decoration: none;
font-weight: 600;
position: relative;
background: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_sw.png') no-repeat left 5px;
}

.backgroundsize.hd-display .links>ul li a{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_sw_big.png');
background-size: 20px auto;
}

.links>ul li a:hover{
color: #000000;
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_or.png');
}
.backgroundsize.hd-display .links>ul li a:hover{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_or_big.png');
}
.links>ul li a span{

}
.links>ul li a span.zusatz{
color: #3c3a38;
font-size: 0.77777777777778em;
/*font-weight: 300;*/
white-space: nowrap;
}





div.expandlist{
clear: both;
}


div.expandlist div.switch_all{
position: relative;
overflow: hidden;
}

div.expandlist div.switch_all:first-child{
margin: 15px 0 15px 0;
}

div.expandlist div.switch_all>span:first-child{
background-color: #C8C9CA;
background-color: #484D50;
background-color: #ffffff;
color: #fff;
color: #002136;
cursor: pointer;
font-size: 1.2em;
line-height: 1em;
margin: 0;
padding: 8px 2% 8px 2%;
text-transform: uppercase;
float: right;
}





div.expandlist>ul{
list-style: none;
clear: both;
margin: 0 !important;
padding: 0;
border-bottom: 1px solid #c4c4c3;
}

#content div.expandlist>ul>li{
margin: 0 0 0px 0 !important;
padding: 0;

position: relative;
overflow: hidden;
}

div.expandlist>ul>li>h3{
font-size: 1em;
line-height: 1.2em;

margin: 0;
padding: 8px 40px 8px 0;
cursor: pointer;

position: relative;
/*
background: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_plus.png') no-repeat right 8px;
*/
background-color: #ffffff;
color: #3c3a38;
border-top: 1px solid #c4c4c3;

}

div.expandlist>ul>li>h3:after/*,
div.expandlist div.switch_all>span:first-child:after*/{
/*
content: "+";
font-size: 2em;
font-weight: 300;
position: absolute;
right: 2%;
top: 7px;
top: 9px;
color: #fff;

-moz-transform: scale(1,0.75);
-ms-transform: scale(1,0.75);
-o-transform: scale(1,0.75);
-webkit-transform: scale(1,0.75);
transform: scale(1,0.75);
*/
content: "";
position: absolute;
background: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_plus_sw.png') no-repeat center center;

width: 20px;
height: 20px;
top: 9px;
right: 0;
}
.backgroundsize.hd-display div.expandlist>ul>li>h3:after{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_plus_sw_big.png');
background-size: 20px auto;
}

.no-js div.expandlist>ul>li>h3{
background: none;
}

div.expandlist>ul>li>h3 span{
display: block;
text-transform: none;
}

div.expandlist>ul>li.aktiv>h3{
/*
color: #ff884d;
*/
}
div.expandlist>ul>li.aktiv>h3:after{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_minus_or.png');
}
.backgroundsize.hd-display div.expandlist>ul>li.aktiv>h3:after{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_minus_or_big.png');
background-size: 20px auto;
}

div.expandlist>ul>li>.contents{
overflow: hidden;
padding: 1em 0;
position: relative;

margin-bottom: 10px;

}
.js div.expandlist>ul>li>.contents{
display: none;
}




div#vid_overlay{
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: 100%;
z-index: 99998;

background: #000;

background: rgba(0,0,0,0.4);

/*
box-shadow: 0px 0px 300px rgba(255,255,255,1) inset;
*/
cursor: pointer;
}
div#vid_overlay iframe{
width: 80%;
max-width: 960px;
min-width: 200px;
height: 300px;
display: block;

margin: 2em auto;
background: #fff;
border: 0px solid #fff;
padding: 20px;
background: #333333;

box-shadow: 0px 0px 300px rgba(0,0,0,0.4);
position: relative;
overflow: visible;
}
/*
div#vid_overlay:after{
content:"TEST";color: #000;
width: 16px;
height: 16px;
position: absolute;
left: 0;
top: 0;
background: #ffffff url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/icon_close.png') no-repeat 1px 1px;
z-index: 99999;
}

.backgroundsize div#vid_overlay:after{
background-size: 12px 12px;
background-position: 6px 6px;
}
*/




/*

.touch #map_canvas:after{  
content: "";
width: 100px;
height: inherit;
height: 80%;
position: absolute;
top: 10%;
right: -85px;

right: -20px;
z-index: 20;

background: RGBA(0,0,0,0.3);
border-radius: 20px;
}
*/

.nowrap{
white-space: nowrap;
}


/*allgemeiner Einleitungsblock*/

#content #einleitung{
width: auto;
margin: 0 0.98039215686275%;
margin-bottom: 20px;
padding: 1.967843137255%;
background: #fff;
overflow: hidden;
}

#content #einleitung .bild{
width: 100%;

min-height: 100px;

overflow: hidden;
margin-bottom: 1em;
}

#content #einleitung .bild img{
display: block;
width: 100%;
}

#content #einleitung .bild p.legende{
margin: 8px 0 0 0;
font-size: 0.83333333333333em;
line-height: 1.2em;
}

#content #einleitung .bildblock{
float: right;
display: inline;
width: 48.95833333333333%;
margin: 0 0 4px 2.08333333333333%;
}

#content #einleitung .textblock{

}

#content #einleitung .textblock.columns{
-webkit-column-count: 2; 
-moz-column-count: 2;
column-count: 2;

-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;

-webkit-column-gap: 2.08333333333333%;
-moz-column-gap: 2.08333333333333%;
column-gap: 2.08333333333333%;
}

#content #einleitung .bildblock+.textblock.columns{
-webkit-column-count: 1; 
-moz-column-count: 1;
column-count: 1;
}




#kalender{
display: block;
padding: 0px 0 0 0;
margin: 0;
font-size: 1em;
font-weight: normal;
text-transform: none;
}



#kalender div.kal-header{
padding: 0 0 1em 0;
margin: 10px;
padding: 4.25531914893617%;
padding-bottom: 1em;
margin: 0 0 10px 0;
}

#kalender div.kal-header h4{
height: 1.5em;
margin-bottom: -1.7em;
text-align: center;
color: #3c3a38;
}

#kalender div.kal-header h4 .monat a,
#kalender div.kal-header h4 .monat a:link,
#kalender div.kal-header h4 .monat a:visited{
text-decoration: none;
color: #3c3a38;
}

#kalender div.kal-header h4 .monat a:hover{
color: #ff884d;
}

#kalender div.kal-header a{
}

#kalender div.kal-header a.zurueck{
float: left;
display: inline;
padding: 0;
background: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/pfeil1_sw_li.png') no-repeat center center;
width: 1.5em;
height: 1.5em;

margin-left: -0.2em;
background-size: 20px 20px;
/*
background-color: #ddd;
*/
}
.backgroundsize.hd-display #kalender div.kal-header a.zurueck{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/pfeil1_sw_li_big.png');
}

#kalender div.kal-header a.zurueck:hover{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/pfeil1_or_li.png');
}
.backgroundsize.hd-display #kalender div.kal-header a.zurueck:hover{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/pfeil1_or_li_big.png');
}

#kalender div.kal-header a.mehr{
float: left;
display: inline;
padding: 0;
background: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/pfeil1_sw_re.png') no-repeat center center;
width: 1.5em;
height: 1.5em;
margin-left: 1px;
margin-right: -0.2em;
float: right;
background-size: 20px 20px;
/*
background-color: #ddd;
*/
}
.backgroundsize.hd-display #kalender div.kal-header a.mehr{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/pfeil1_sw_re_big.png');
}

#kalender div.kal-header a.mehr:hover{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/pfeil1_or_re.png');
}

.backgroundsize.hd-display #kalender div.kal-header a.mehr:hover{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/pfeil1_or_re_big.png');
}

#kalender .kal-tabelle{
padding: 0px;

}

#kalender .kal-tabelle table{
clear: both;
width: 91.48936170212766%;
margin: 4.25531914893617%;
margin-top: 0;
}

#kalender .kal-tabelle table:hover{
cursor: default;
}

#kalender .kal-tabelle caption{
height: 0px;
line-height: 0px;
overflow: hidden;
}

#kalender .kal-tabelle table thead th{
border: 0;
border-bottom: 1px solid #c4c4c3;
padding: 0.5em 0;

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

#kalender .kal-tabelle table tr{
}

#kalender .kal-tabelle table tbody tr:first-child td{
padding-top: 0.4em;
}

#kalender .kal-tabelle table th,
#kalender .kal-tabelle table td{
padding: 0;
margin: 0;
width: 14%;
text-align: center;
/*
background: #736c67;
*/
font-size: 1em;
line-height: 1.5em;
/*
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
*/
}

#kalender .kal-tabelle table th{
text-transform: uppercase;
color: #3c3a38;
/*background: #D4D1CE;*/
}

#kalender .kal-tabelle table td{
/*text-align: right;*/

position: relative;
/*
padding-bottom: 14%;
height: 0;
*/
}

#kalender .kal-tabelle table .vergangen{
/* font-style: oblique; */

opacity: 0.5;
}

#kalender .kal-tabelle table tr td>span{
/*color: #3c3a38;*/
display: block;
/*
position: absolute;
*/
height: 0;
padding-bottom: 92%;
width: 92%;
margin: 4%;
top: 0;
left: 0;

position: relative;
}

#kalender .kal-tabelle table a,
#kalender .kal-tabelle table a:link,
#kalender .kal-tabelle table a:visited{
display: block;
margin: 0px;
color: #3c3a38;
font-weight: 300;
height: 0;
padding-bottom: 100%;
font-weight: 600;

text-decoration: none;

border-radius: 50%;
/*
height: 0;
padding-bottom: 90%;
margin: 5%;
width: 90%;
*/
}

#kalender .kal-tabelle table a:hover{
/*background: #ff884d !important;*/
color: #fff;
text-decoration: none;
background: #ff884d;
}


#kalender .kal-tabelle table .vergangen span{
/*
background: #99908A;
font-weight: 300;
*/
}

#kalender .kal-tabelle table .vergangen a,
#kalender .kal-tabelle table .vergangen a:link,
#kalender .kal-tabelle table .vergangen a:visited{
/*
background: #99908A;
*/
}

#kalender .kal-tabelle table .vergangen a span{
background: #ff884d;
}

#kalender .kal-tabelle table .heute span{
/*
background: #5D564F;
*/
background: #ff884d;
color: #ffffff;
border-radius: 50%;
}

#kalender .kal-tabelle table .heute a,
#kalender .kal-tabelle table .heute a:link,
#kalender .kal-tabelle table .heute a:visited{
color: #ffffff;
/*
background: #5D564F;
*/
}


#kalender .kal-tabelle table .markiert span{
/*
background: #5D564F;
*/
background: #d5d3ce;

border-radius: 50%;
}

#kalender .kal-tabelle table .markiert a,
#kalender .kal-tabelle table .markiert a:link,
#kalender .kal-tabelle table .markiert a:visited{
/*
background: #5D564F;
*/
}


/*
#kalender .kal-tabelle table .treffer_zukunft a,
#kalender .kal-tabelle table .treffer_zukunft a:link,
#kalender .kal-tabelle table .treffer_zukunft a:visited,
#kalender .kal-tabelle table .treffer_zukunft a:hover{
background: #990000 !important;
color: #fff !important;
font-weight: 600;
}

#kalender .kal-tabelle table .treffer_vergangen a,
#kalender .kal-tabelle table .treffer_vergangen a:link,
#kalender .kal-tabelle table .treffer_vergangen a:visited,
#kalender .kal-tabelle table .treffer_vergangen a:hover{
background: #fff !important;
color: #990000 !important;
font-weight: 300;
}

*/








/* Bereichs-spezifische Styles */


/* Home */


#b_home h1{
display: none;
}




#slideshow{
position: relative;
height: 100%;

overflow: hidden;
}

#slideshow .slidebox{
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
bottom: 0;
z-index: 0;

overflow: hidden;

background: #aaa59c;
background-position: center center;
background-size: cover;
}

#slideshow .slidebox>.inner{
width: 1380px;
height: 100%;
margin: 0 auto;
position: relative;
}

#slideshow .slidebox img{
width: 100%;
/*
height: 100%;
object-fit: cover;
*/
}

/*

#slideshow .slidebox .text{
position: absolute;
z-index: 8;
left: 0;
bottom: 0;
margin: 1.08695652173913%;
margin-bottom: 5%;
border-radius: 4px;

position: absolute;
width: 64.492753623188406%;
padding: 1.449275362318841%;
box-sizing: border-box;
background: rgba(16,36,35,0.5);
color: #ffffff;
text-shadow: 0 0 4px rgba(0,0,0,0.5);
}


#slideshow .slidebox .text h2{

}

#slideshow .slidebox .text p{
font-size: 2em;
line-height: 1.2em;
margin: 0;
}

#slideshow .slidebox .text p.mehr {
font-size: 1rem;
line-height: 1.5em;

display: inline-block;
margin: 2.5em 0 0 0;
text-shadow: none;
}

*/


#slideshow div.slidebox.obersteebene {
z-index: 3;
}

#slideshow div.slidebox.mittlereebene {
z-index: 2;
}

#slideshow-seitenanzeige{
position: absolute;
bottom: 0;
right: 0;
margin: 0 1.5% 1.5% 0;

z-index: 20;

text-align:right;
line-height: 1px;

display: none;
}

#slideshow-seitenanzeige span{
display: inline-block;
height: 10px;
width: 10px;
overflow: hidden;
font-size: 1px;
line-height: 0;
background: #e2dfda;  

margin: 0 0 0 5px;
border-radius: 50%;
position: relative;
box-shadow: 0 0 2px rgba(0,0,0,0.5);

transition: 0.5s;
cursor: pointer;
}

#slideshow-seitenanzeige span.aktiv{
background: #ff884d;
cursor: default;
/*
transform: rotate(-90deg);
*/
}


#slideshow-buttons{
margin: 0;
overflow: visible;

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

z-index: 10;
width: 100%;
height: 100%;
margin: 0;
/**/
pointer-events: none;

}
.no-touch #slideshow-buttons{
/*display: none;*/
}
.touch #slideshow-buttons{
/*display: none !important;*/
}
#slideshow-buttons>div{
position: absolute;
top: 50%;
margin: 0 1em;
margin-top: -47px;
z-index: 10;
width: 50px;
height: 94px;
/*
border: 1px solid #ffffff;
border: 1px solid rgba(255,255,255,1);
border-radius: 4px;
*/

cursor: pointer;
pointer-events: auto;

background-position: center center;
background-repeat: no-repeat;

background-size: auto 94px;

}
.no-touch #slideshow-buttons>div{
opacity: 0.5;
transition: opacity 0.5s;
}
.no-touch #slideshow-buttons>div:hover{
opacity: 1;
}

/*
#slideshow-buttons>div::after {
position: absolute;
content:"";
height: 15px;
width: 15px;
border-right: 2px solid #009899;
border-bottom: 2px solid #009899;
transform:  scale(1, 0.9) rotate(-45deg);
top: 11px;
right: 15px;
}
*/

#slideshow-buttons>div>span{

position: absolute;
left: -99999px;

}
#slideshow-buttons>div#slider-bt-next{
right: 0;
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_bildstreifen-next.png');
}
.backgroundsize.hd-display #slideshow-buttons>div#slider-bt-next{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_bildstreifen-next_big.png');
}
#slideshow-buttons>div#slider-bt-prev{
right: auto;
left: 0;
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_bildstreifen-prev.png');
}
.backgroundsize.hd-display #slideshow-buttons>div#slider-bt-prev{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_bildstreifen-prev_big.png');
}
/*
#slideshow-buttons>div#slider-bt-prev::after{
transform:  scale(1, 0.9) rotate(-225deg);
left: 15px;
}
*/

#intro .inner .featuredesc{
background: #ffffff;
background: rgba(255,255,255,0.95);
position: absolute;
bottom: 0;
left: 0;
margin: 0 0.98039215686275% 0 0.98039215686275%;
width: 64.70588235294118%;
padding: 0;
border-bottom: 7px solid #3c3a38;
/*border-bottom: 7px solid #ffffff;*/
}

#intro .inner .featuredesc>a,
#intro .inner .featuredesc>div.a-subst{
display: block;
color: #3c3a38;
font-weight: 300;

padding: 3.03030303030303%;
padding-bottom: 1%;
min-height: 110px;
}

#intro .inner .featuredesc>a:after{
content: "";
position: absolute;
background: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_sw.png') no-repeat center center;

width: 20px;
height: 20px;
bottom: 0px;
right: 3.2%;
margin-bottom: 3%;
}
.backgroundsize.hd-display #intro .inner .featuredesc>a:after{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_sw_big.png');
background-size: 20px auto;
}
#intro .inner .featuredesc>a:hover{
text-decoration: none;
background: #ffffff;
}
#intro .inner .featuredesc>a:hover:after{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_or.png');
}
.backgroundsize.hd-display #intro .inner .featuredesc>a:hover:after{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_or_big.png');
}

#intro .inner .featuredesc h3{
font-size: 1.66666666666667em;
line-height: 1.13333333333333em;
/*
padding-left: 25.5%;
width: 53.5%;
*/
position: relative;

margin-top: -0.2em;
margin-bottom: 0.4em;

padding-right: 2.6em;
}

#intro .inner .featuredesc h3>.datum{
position: absolute;
right: 0px;
top: 0;
padding-top: 0.45em;
width: 2.5em;
height: 2.2em;
height: 2.16666666666667em;

/*background: #ddd;*/

}
#intro .inner .featuredesc h3>.datum .wo-tag{
font-size: 0.53333333333333em;
line-height: 1em;
padding-top: 1.6875em;

left: 3.5em;
position: absolute;
}
#intro .inner .featuredesc h3>.datum .tag{
font-size: 1.5em;
line-height: 1em;
right: 0.51111111111111em;
position: absolute;

}
#intro .inner .featuredesc h3>.datum.we .tag{
/*color: #cc0000;*/
}
#intro .inner .featuredesc h3>.datum .monat{
font-size: 0.6em;
line-height: 1em;
font-weight: 300;
clear: both;
display: block;
text-transform: none;

bottom: 0;
right: 1.27777777777778em;
right: 1.33333333333333em;
right: 1.38888888888889em;
position: absolute;
}
#intro .inner .featuredesc h3>.datum .jahr{
font-size: 0.6em;
line-height: 1em;
font-weight: 300;
display: block;

bottom: 0;
left: 3.11111111111111em;
left: 3.05555555555556em;
position: absolute;
}

#intro .inner .featuredesc h3>.sparte{
font-size: 0.53333333333333em;
line-height: 1.2em;
display: block;
padding-bottom: 0.4em;
}

#intro .inner .featuredesc h3>.name{

}

#intro .inner .featuredesc>a:hover h3>.sparte,
#intro .inner .featuredesc>a:hover h3>.name,
#intro .inner .featuredesc>a:hover h3>.datum,
#intro .inner .featuredesc>a:hover h3>.we .tag{
color: #ff884d !important;
}

#intro .inner .featuredesc p{
margin: 0 0 0.4em 0;
clear: left;
padding-right: 4.33333333333333em;
}

#intro .inner .featuredesc p.details{
font-weight: 600;
}

#intro>.home_inner{
overflow: visible;
padding: 0px 0 0px 0;
position: relative;
width: 1020px; 
margin: 0 auto;
}

#intro>.home_inner #home_weiter{
width: 80px;
height: 60px;
margin: 0 0.98039215686275%;
background: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/pfeil_home-weiter.png') no-repeat center center;
position: absolute;
bottom: 10px;
right: 0px;
z-index: 10;
cursor: pointer;
}


.backgroundsize.hd-display #intro>.home_inner #home_weiter{
background-size: 80px auto;
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/pfeil_home-weiter_big.png');

}

#b_home #content>.inner{
padding-top: 3%;
}


#aktuellblock{

}

ul#aktuellliste{
display: block;
width: 100%;
list-style: none;
}

ul#aktuellliste>li,
#welcomebox,
#newsletter{
background-color: #e2dfda;

/*overflow: hidden;*/

margin: 0 0.98039215686275% 1.967843137255% 0.98039215686275%;
margin: 0.98039215686275% 0.98039215686275% 1.967843137255% 0.98039215686275%;

margin: 0.98039215686275%;


position: relative;


}
ul#aktuellliste>li{
background-color: #ffffff;
}
ul#aktuellliste>li.SP-intern{
background-color: #e2dfda;
}

ul#aktuellliste>li:after,
#welcomebox:after,
#newsletter:after{
content: "";
height: 0;
position: absolute;
left: 0;
right: 0;
bottom: 0;
border-top: 5px solid #3c3a38;
}

ul#aktuellliste>li.vst{
/*background: #ffffff;*/
}

#welcomebox{
background: #3c3a38;
color: #ffffff;
}

ul#aktuellliste>li.klein,
#newsletter{
float: none;
display: block;
margin-left: 67.64705882352941%;
margin-bottom: 1.967843137255%;
width: 31.37254901960784%;

padding: 0;
}

#newsletter{
margin-bottom: 0.98039215686275%;
}

#newsletter h3{
margin-bottom: 8px;
}

#newsletter form{
overflow: hidden;
}

#newsletter form>div{
position: relative;
}

#newsletter form>div label{
position: absolute;
left: -99999px;
}

#newsletter form>div input,
#newsletter form>div select{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;  
box-sizing: border-box;
  
font-family: inherit;
font-size: 100%;
padding: 4px 4px;
margin-bottom: 5px;


background: #ffffff;
border: 2px solid #ffffff;

color: #000000;
width: 100%;	
}

#newsletter form>div select{

background: #ffffff;
background-image : url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_select_sw.png');
background-repeat: no-repeat;
background-position: right center;
}
.backgroundsize.hd-display #newsletter form>div select{
background-image : url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_select_sw_big.png');
background-size: 20px auto;
}

#newsletter form>div input[type=text],
#newsletter form>div select,
#newsletter form>div textarea{

box-shadow: none;
-webkit-box-shadow: none !important;

/**/
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;

border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}



#newsletter form>div#NL_CKF_vorname,
#newsletter form>div#NL_CKF_name{
width: 49%;
float: left;
display: inline-block;
}

#newsletter form>div#NL_CKF_name{
margin-left: 2%;
}

#newsletter form>div#NL_CKF_email{
clear: both;
}


#newsletter form>div#NL_CKF_einverstaendnis_datenverarbeitung{

margin: 10px 0;
}
#newsletter form>div#NL_CKF_einverstaendnis_datenverarbeitung input{
width: auto;
margin: 0.1em 0 0 0;
float: left;
display: inline;

}
#newsletter form>div#NL_CKF_einverstaendnis_datenverarbeitung label{
position: relative;
left: auto;
display: block;

font-size: 0.833333333333333em;
line-height: 1.2em;

font-size: 0.777777777777778em;
font-weight: 600;
padding-left: 20px;
margin-bottom: 0;

}
#newsletter form>div#NL_CKF_einverstaendnis_datenverarbeitung label.error{
position: absolute;
left: auto;
top: -11px;
right: 0;
z-index: 10;
display: inline-block;
background: transparent;
font-size: 0.777778em;
font-size: 0.666667em;
font-weight: 600;

left: 0 !important;
right: 0;
top: 0;
bottom: 0;
/*background: #aa0000;*/
color: transparent;
z-index: 0;

margin-left: 0;

border: 2px solid #cc0000;
}

#newsletter form>div#NL_CKF_email label.error{
top: auto;
bottom: 1.8em;
}

#newsletter form>div input.error, 
#newsletter form>div select.error, 
#newsletter form>div textarea.error{
border: 2px solid #cc0000;
}

#newsletter form>div label.error {
top: 2px;
color: #cc0000;
font-size: 0.777778em;
font-size: 0.666667em;
font-weight: 600;
left: auto !important;
line-height: 1.1em;
margin: 0;
position: absolute;
right: 4px;
text-align: right;
width: auto;

background: #ffffff;
background: rgba(255,255,255,0.9);
}


#newsletter form>div #KF_submit,
#newsletter form>div button{
font-size: 100% !important;
line-height: 1.5em !important;

text-align: left;

position: relative;
overflow: visible;

background: #8a847e;
color: #ffffff;
text-align: left;
text-transform: uppercase;
cursor: pointer;
font-weight: 300;
font-size: 1em;
border: 0;
height: 2.0em;
box-shadow: none;
border-radius: 0;
width: 100%;

padding: 0 3.5928143712575%;

white-space: nowrap;
}
#newsletter form>div #KF_submit:hover,
#newsletter form>div button:hover,
#newsletter form>div #KF_submit:active,
#newsletter form>div button:active{
background-color: #ff884d;
color: #000000;

}

#newsletter p.pflicht{
position: absolute;
right: 0;
bottom: 0;
font-size: 0.777778em;
font-size: 0.666667em;
font-weight: 600;
padding-right: 6.5%;
margin: 0 0 0.2em 0 ;
}

#newsletter p.mehr{
margin-top: 0.5em;
margin-bottom: 0.5em;
}

#newsletter p.mehr>a{
display: block;
}


ul#aktuellliste>li>a.video>.bild:after{
width: 60px;
height: 60px;
border-radius: 50%;
border: 2px solid #ffffff;
position: absolute;
left: 50%;
top: 50%;
margin: -30px 0 0 -30px;
content: "";

background: rgba(0,0,0,0.3) url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_play2.png') no-repeat center center;
}
.backgroundsize.hd-display ul#aktuellliste>li>a.video>.bild:after{
background-size: 36px 36px;
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_play2_big.png');
}




ul#aktuellliste>li.klein .bild{
/*position: relative;*/
}
ul#aktuellliste>li.klein .bild img{
display: block;
width: 100%;
}
ul#aktuellliste>li.klein .text,
#newsletter form{
/*min-height: 280px;*/
padding: 6.25%;
}


ul#aktuellliste>li>a,
ul#aktuellliste>li>.a-subst,
#welcomebox>a,
#welcomebox>.a-subst{
display: block;
color: #3c3a38;
font-weight: 300;

overflow: hidden;
}
#welcomebox>a{
color: #ffffff;
}
ul#aktuellliste>li>a:hover,
#welcomebox>a:hover{
text-decoration: none;

box-shadow: 0px 0px 5px rgba(0,0,0,0.6);
}

ul#aktuellliste>li>a:hover:after,
#welcomebox>a:hover:after{
content: "";
height: 0;
position: absolute;
left: 0;
right: 0;
bottom: 0;
border-top: 5px solid #ff884d;
z-index: 1;
}

ul#aktuellliste>li.gross,
#welcomebox{
width: 64.70588235294118%;
padding: 0;
float: left;
display: inline;

/* Fix für Safari */
margin-right: 1.967843137255%;
}

ul#aktuellliste>li.gross>a,
ul#aktuellliste>li.gross>div.a-subst,
#welcomebox>a,
#welcomebox>div.a-subst{
}

ul#aktuellliste>li>a:before,
#welcomebox>a:before{
content: "";
position: absolute;
top: 0;
right: 0;
width: 20px;
height: 20px;
background: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_sw.png') no-repeat center center;
margin-top: 2.7%;
margin-right: 2.7%;
}
#welcomebox>a:before{
background: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_ws.png') no-repeat center center;
}
.backgroundsize.hd-display ul#aktuellliste>li>a:before{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_sw_big.png');
background-size: 20px auto;
}
.backgroundsize.hd-display #welcomebox>a:before{
background: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_ws_big.png') no-repeat center center;
background-size: 20px auto;
}

ul#aktuellliste>li.klein>a:before{
margin-top: 5.5%;
margin-right: 5.5%;
}
ul#aktuellliste>li>a:hover:before,
#welcomebox>a:hover:before{
background: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_or.png') no-repeat center center;
}
.backgroundsize.hd-display ul#aktuellliste>li>a:hover:before{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_or_big.png');
}


ul#aktuellliste>li.gross .bild,
#welcomebox .bild{
float: left;
display: inline;
width: 54.83870967741935%;
width: 51.51515151515152%;
margin-right: 3.03030303030303%;
position: relative;
overflow: hidden;
z-index: 2;
/*
margin: -3.2258064516129% 3.2258064516129% -3.2258064516129% -3.2258064516129%;
*/
}
ul#aktuellliste>li.gross .bild:before,
#welcomebox .bild:before{
content:"";
width: 8%;
height: 0;
padding-bottom: 8%;
background: #ffffff;
position: absolute;
top: 12.5%;
right: -5%;
z-index: 1;

-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

ul#aktuellliste>li.SP-intern.gross .bild:before{
background: #e2dfda;
}

#welcomebox  .bild:before{
background: #3c3a38;
}


ul#aktuellliste>li.gross .bild img,
#welcomebox .bild img{
display: block;
width: 100%;
}
ul#aktuellliste>li.gross .text,
#welcomebox .text{
/*min-height: 280px;*/
padding: 3.03030303030303%;
overflow: hidden;
padding-left: 0;
}
ul#aktuellliste>li.gross .text:first-child{
padding-left: 3.03030303030303%;
}
/*
ul#aktuellliste>li>a:hover .bild:after,
#welcomebox>a:hover .bild:after{
content:"";
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
background: #ff884d;
opacity: 0.4;
}
*/
ul#aktuellliste>li>a:hover .bild,
#welcomebox>a:hover .bild{
background: #ff884d;
}
ul#aktuellliste>li>a:hover .bild img,
#welcomebox>a:hover .bild img{
opacity: 0.6;
}



ul#aktuellliste>li h3,
#welcomebox h2{
font-size: 1.11111111111111em;
line-height: 1.2em;
position: relative;
padding-top: 2.5em;
}

ul#aktuellliste>li h3 span.hl_pre,
#welcomebox h2 span.hl_pre{
position: absolute;
top: 0;
color: #aba39b;
font-size: 0.8em;
line-height: 1em;
}

#welcomebox h2{
color: #ffffff;
padding-top: 0;
padding-right: 25px;
}
#welcomebox p{
color: #ffffff;
}

ul#aktuellliste>li h3 span.hl_wann{
display: block;
}

ul#aktuellliste>li>a:hover h3 span.hl_pre,
#welcomebox>a:hover h2{
color: #ff884d;
}

ul#aktuellliste>li p{
margin: 0;
}

ul#aktuellliste>li p.hinweis1,
ul#aktuellliste>li p.hinweis2{
margin: 0px 0 0.5em 0;
font-size: 0.88888888888889em;
line-height: 1.2em;
color: #ff884d;
/*
display: inline-block;
float: left;
*/
margin-right: 1em;
}
ul#aktuellliste>li p.hinweis1{
color: #3c3a38;
font-weight: 600;
font-size: 1em;
}
/*
ul#aktuellliste>li p.hinweis1+p.hinweis2{
clear: none;
}
*/
ul#aktuellliste>li h3+p.hinweis2{
margin-top: -0.5em;
}

ul#aktuellliste>li p.ort{
margin-top: 1em;
}


#partner01{
clear: both;
float: right;
width: 31.37254901960784%;
margin: 1.7em 0.98039215686275% 0.8em 0.98039215686275%;
}
#partner01 a{
display: block;
}
#partner01 img{
display: block;
width: 100%;
}

#b_home #content{
padding-bottom: 0;
}

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




#b_universal{}

#b_universal #content{

}

#b_universal #content .inner{
/*
background: rgba(0,0,0,0.1)
*/
}

#b_universal div.universalblock,
#b_anfahrt div.universalblock{
clear: both;
float: none;
display: block;
width: auto;
margin: 0 0.98039215686275% 10px 0.98039215686275%;
position: relative;
padding: 1.967843137255%;
padding-bottom: 1em;
background: #ffffff;
overflow: hidden;
}

.universalblock .abschnitt{
clear: both;
border-top: 1px solid #c4c4c3;
padding-top: 1.5em;
margin-top: 1em;
}

.universalblock #main_hl+.abschnitt,
.universalblock .abschnitt:first-child{
border-top: 0;
padding-top: 0;
margin-top: 0;
}

.universalblock .abschnitt .bild{
width: 100%;

min-height: 100px;

overflow: hidden;
margin-bottom: 1em;
}

.universalblock .abschnitt .bild img{
display: block;
width: 100%;
}

.universalblock .abschnitt .bild p.legende{
margin: 8px 0 0 0;
font-size: 0.83333333333333em;
line-height: 1.2em;
}

.universalblock .abschnitt .bildblock{
float: right;
display: inline;
width: 48.95833333333333%;
margin: 0 0 4px 2.08333333333333%;
}

.universalblock .abschnitt .textblock{

}

.universalblock .abschnitt .textblock.columns{
-webkit-column-count: 2; 
-moz-column-count: 2;
column-count: 2;

-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;

-webkit-column-gap: 2.08333333333333%;
-moz-column-gap: 2.08333333333333%;
column-gap: 2.08333333333333%;
}

.universalblock .abschnitt .bildblock+.textblock.columns{
-webkit-column-count: 1; 
-moz-column-count: 1;
column-count: 1;
}


#b_veranst-auflistung{
}

form#veranst-filter{
width: 75%;
overflow: hidden;

float: left;
display: inline;
}

form#veranst-filter>div{
width: 30.71895424836601%;
margin: 0 1.30718954248366%;
margin-bottom: 1.30718954248366%;
float: left;
display: inline;
position: relative;
}

#b_veranst-auflistung #kalender{
margin-top: -0.7em;
}

form#veranst-filter>div#cfi_submit{
clear: left;
}

/* für die Sonderveranstaltungen (Dalberg, Luther) */
form#veranst-filter>div#cfi_sparte+div#cfi_monat+div#cfi_reset{
margin-top: 1.27777777777778em;
}

form#veranst-filter>div select{
width: 100%;

border: 0;

box-shadow: none;
-webkit-box-shadow: none !important;

/**/
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;

border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;

background: #ffffff;
background-image : url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_select_sw.png');
background-repeat: no-repeat;
background-position: right center;
font-size: 1em;
line-height: 1.2em;
font-weight: 600;

padding: 4px 4px;

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

.backgroundsize.hd-display form#veranst-filter>div select{
background-image : url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_select_sw_big.png');
background-size: 20px auto;
}

form#veranst-filter>div select option{
/*
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
*/
padding-left: 4px;
padding-right: 4px;
}

form#veranst-filter>div select option[selected]{

}

select option:disabled {
opacity: 0.7;
text-decoration: line-through;
}

select option.sub {
padding-left: 1.5em;
font-weight: 300;
}
/*
select option.sub:before {
content: "+";
}
*/

/*
form#veranst-filter>div:after{
content: ">";
text-align: center;
position: absolute;
width: 20px;
height: 20px;
background: #a00;
z-index: 20;

right: 0;
bottom: 0;
}
*/
form#veranst-filter>div button{
width: 100%;

border: 0;

box-shadow: none;
-webkit-box-shadow: none !important;

/**/
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;

border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;

background: #3c3b39;
background: #8a847e;
color: #ffffff;

/*text-align: left;*/
font-size: 1em;
line-height: 1.2em;
font-weight: 600;

padding: 4px 6px;

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

cursor: pointer;
text-align: left;
}
form#veranst-filter>div button:hover{
background-color: #ff884d;
}

form#veranst-filter>div label{
width: 100%;
display: block;

font-size: 0.88888888888889em;
line-height: 1.2em;
margin-bottom: 4px;
}

#b_veranst-auflistung #kalender{
width: 23.03921568627451%;
margin: 0 0.98039215686275%;
float: right;
display: inline;

background: #fff;
}



div#alle_ergebnisse{
clear: both;
float: none;
display: block;
width: auto;
margin: 0 0.98039215686275% 10px 0.98039215686275%;
position: relative;

margin-top: 1em;
}

div#alle_ergebnisse a{

display: inline-block;

background: #8a847e;
color: #ffffff;

/*text-align: left;*/
font-size: 1em;
line-height: 1.2em;
font-weight: 600;

padding: 4px 8px;
min-width: 23.5%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;  
box-sizing: border-box;
}
div#alle_ergebnisse a:hover{
text-decoration: none;
background-color: #ff884d;
}



#b_veranst-reihen{}

#b_veranst-reihen ul.veranst-liste{
list-style: none;
margin: 0;
padding-top: 0em;
clear: both;
}




#b_veranst-auflistung ul.veranst-liste{
list-style: none;
margin: 0;
padding-top: 2em;
clear: both;
}

ul.veranst-liste ul.monats-liste{
list-style: none !important;
margin: 0;
}

ul.veranst-liste h3{
margin: 0 0.98039215686275% 0 0.98039215686275%;
}

ul.veranst-liste li{
margin: 0 !important;
position: relative;
padding-bottom: 2%;
min-height: 200px;
}
ul.veranst-liste>li{
padding-bottom: 2.5em;
}
ul.veranst-liste>li:last-child{
padding-bottom: 0;
}

ul.veranst-liste li.veranst-eintrag{
margin: 5px 0.98039215686275% 5px 0.98039215686275% !important;
background: #ffffff;
overflow: hidden;
}

ul.veranst-liste li.veranst-eintrag:hover{
box-shadow: 0px 0px 5px rgba(0,0,0,0.6);
}
/*
ul.veranst-liste li.veranst-eintrag:last-child{
margin-bottom: 0 !important;
}
*/
.veranst-eintrag>a{
display: block;
color: #3c3a38;
text-decoration: none;
/*
overflow: hidden;
*/
padding: 2% 0 0px 0;
font-weight: 300;
/*
min-height: 170px;
*/
}

.veranst-eintrag>a:hover{
text-decoration: none;
}
.veranst-eintrag>a:hover:before{
border-color: #ff884d;
background-color: rgba(0,0,0,0.02);
}

.veranst-eintrag>a:before{
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
/*width: 0;*/
width: 100%;

border-left: 7px solid #3c3a38;
overflow: hidden;
}

.veranst-eintrag>a:after{
content: "";
position: absolute;
background: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_sw.png') no-repeat center center;
width: 20px;
height: 20px;
bottom: 0px;
right: 2%;
margin-bottom: 2%;
}
.backgroundsize.hd-display .veranst-eintrag>a:after{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_sw_big.png');
background-size: 20px auto;
}

.veranst-eintrag>a:hover:after{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_or.png');
}
.backgroundsize.hd-display .veranst-eintrag>a:hover:after{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_sw_big.png');
}


.veranst-eintrag h4{
font-size: 1.66666666666667em;
line-height: 1.13333333333333em;
/*
padding-left: 25.5%;
width: 53.5%;
*/
position: static;

margin-bottom: 0.2em;
}

.veranst-eintrag h4>.datum{
position: absolute;
left: 2.5%;
left: 25px;
top: 0;
padding-top: 2%;
width: 2.5em;
height: 2.2em;
height: 2.16666666666667em;

/*background: #ddd;*/
}
.veranst-eintrag h4>.datum+.datum{
top: 3.3em;


}
.veranst-eintrag h4>.datum .wo-tag{
font-size: 0.53333333333333em;
line-height: 1em;
padding-top: 1.6875em;

left: 3.5em;
position: absolute;
}
.veranst-eintrag h4>.datum .tag{
font-size: 1.5em;
line-height: 1em;
right: 0.51111111111111em;
position: absolute;

}
.veranst-eintrag h4>.datum.we .tag{
color: #cc0000;
}
.veranst-eintrag h4>.datum .monat{
font-size: 0.6em;
line-height: 1em;
font-weight: 300;
clear: both;
display: block;
text-transform: none;

bottom: 0;
right: 1.27777777777778em;
right: 1.33333333333333em;
right: 1.38888888888889em;
position: absolute;
}
.veranst-eintrag h4>.datum .jahr{
font-size: 0.6em;
line-height: 1em;
font-weight: 300;
display: block;

bottom: 0;
left: 3.11111111111111em;
left: 3.05555555555556em;
position: absolute;
}

.veranst-eintrag h4>.datum .bis{
font-size: 0.6em;
line-height: 1em;
font-weight: 700;
text-transform: none;

display: block;

bottom: -1.5em;
right: 0;
position: absolute;
}


.veranst-eintrag h4>.sparte{
font-size: 0.53333333333333em;
line-height: 1.2em;
display: block;
padding-bottom: 0.4em;
}

.veranst-eintrag h4>.name{

}

.veranst-eintrag>a:hover h4>.sparte,
.veranst-eintrag>a:hover h4>.name,
.veranst-eintrag>a:hover h4>.datum,
.veranst-eintrag>a:hover h4>.we .tag{
color: #ff884d !important;
}

.veranst-eintrag p{
margin: 0;
clear: left;
}

.veranst-eintrag p.preise span.preis-zusatz{
display: block;
}

.veranst-eintrag p.hinweis1,
.veranst-eintrag p.hinweis2{
margin: 12px 0 12px 0;
font-size: 0.88888888888889em;
line-height: 1.2em;
color: #ff884d;
/*
display: inline-block;
float: left;
*/
clear: left;
/*margin-right: 1em;*/
}
.veranst-eintrag p.hinweis1{
color: #3c3a38;
font-weight: 600;
font-size: 1em;
}
/*
.veranst-eintrag p.hinweis1+p.hinweis2{
clear: none;
}
*/

.veranst-eintrag p.preise{}

.veranst-eintrag .text{
/*
float: left;
display: inline;

padding-left: 25.5%;
width: 53.5%;
*/

padding-left: 25.5%;

padding-left: 255px;
padding-right: 2%;
/*
padding-bottom: 40px;
*/
}

.veranst-eintrag .bild{
float: right;
display: inline;

width: 17.0%;
margin: 0 2%;
background: #ff884d;
border-radius: 50%;
height: 0;
padding-bottom: 17.0%;
overflow: hidden;
}
.veranst-eintrag .bild img{
display: block;
width: 100%;
}
.veranst-eintrag>a:hover .bild img{
opacity: 0.5;
}


.veranst-eintrag .details{
position: absolute;
top: 0;
left: 120px;
/*
margin-left: 2%;
*/
margin-top: 1.8%;
width: 130px;
}


ul.sonderv .veranst-eintrag .details{
padding-bottom: 60px;
}



.veranst-eintrag .details p.uhrzeit{
display: block;
font-weight: 600;
}
.veranst-eintrag .details p.uhrzeit span{
display: block;
}

.veranst-eintrag .details p.ort span.ort-zusatz{
display: block;
}

.veranst-eintrag .zusaetze{
/*display: none;*/
overflow: hidden;

padding-left: 25.5%;
padding-left: 255px;
/*
position: absolute;
left: 245px;
bottom: 0;
*/
padding-top: 10px;
padding-left: 10px;
margin-left: 245px;
padding-bottom: 1px;
/*margin-bottom: 1em;*/

position: relative;
display: inline-block;
float: left;
clear: left;

/*
background: #ffffff;
*/
}

.veranst-eintrag .zusaetze>div,
#b_veranst-detail .zusaetze>div{

float: left;
display: inline;

display: inline-block;
width: 36px;
height: 36px;

margin: 0 10px 10px 0;
/*margin: 0 4px 4px 0;*/

overflow: hidden;
}

.veranst-eintrag .zusaetze>div>a,
#b_veranst-detail .zusaetze>div>a{
display: block;
padding-bottom: 100%;

background-color: #3c3b39;
background-position: center center;
background-repeat: no-repeat;
background-size: 36px 36px;
border-radius: 50%;
}
.veranst-eintrag .zusaetze>div>a:hover,
#b_veranst-detail .zusaetze>div>a:hover{
background-color: #ff884d;
text-decoration: none;
}
.veranst-eintrag .zusaetze>div.abo-ring>a,
#b_veranst-detail .zusaetze>div.abo-ring>a{
color: #ffffff;
text-align: center;
line-height: 35px;
letter-spacing: 1px;
padding-bottom: 0;
}

.veranst-eintrag .zusaetze>div>span.a-subst,
#b_veranst-detail .zusaetze>div>span.a-subst{
display: block;
padding-bottom: 100%;

background-color: #3c3b39;
background-position: center center;
background-repeat: no-repeat;
background-size: 36px 36px;
border-radius: 50%;
}

.zusaetze>div.premiere>span.a-subst{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_stern.png');
background-color: #ff884d !important;
}
.backgroundsize.hd-display .zusaetze>div.premiere>span.a-subst{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_stern_big.png');
}

.zusaetze>div.gitarrentage>span.a-subst,
.zusaetze>div.gitarrentage>a{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_gitarre.png');
}
.backgroundsize.hd-display .zusaetze>div.gitarrentage>span.a-subst,
.backgroundsize.hd-display .zusaetze>div.gitarrentage>a{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_gitarre_big.png');
}

.zusaetze>div.tickets>a{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_tickets.png');
}
.backgroundsize.hd-display .zusaetze>div.tickets>a{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_tickets_big.png');
}

.zusaetze>div.video>a{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_play.png');
}
.backgroundsize.hd-display .zusaetze>div.video>a{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_play_big.png');
}

.zusaetze>div.abo-ring>a{
}

.zusaetze>div.termin-download>a{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_kalender.png');
}
.backgroundsize.hd-display .zusaetze>div.termin-download>a{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_kalender_big.png');
}

.zusaetze>div.mehr-infos>span.a-subst,
.zusaetze>div.mehr-infos>a{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_info.png');
}
.backgroundsize.hd-display .zusaetze>div.mehr-infos>span.a-subst,
.backgroundsize.hd-display .zusaetze>div.mehr-infos>a{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_info_big.png');
}

.zusaetze>div.kinderbetreuung>span.a-subst,
.zusaetze>div.kinderbetreuung>a{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_kinderbetreuung.png');
}
.backgroundsize.hd-display .zusaetze>div.kinderbetreuung>span.a-subst,
.backgroundsize.hd-display .zusaetze>div.kinderbetreuung>a{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_kinderbetreuung_big.png');
}

.zusaetze>div.casino-film>span.a-subst,
.zusaetze>div.casino-film>a{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_casino-film.png');
}
.backgroundsize.hd-display .zusaetze>div.casino-film>span.a-subst,
.backgroundsize.hd-display .zusaetze>div.casino-film>a{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_casino-film_big.png');
}


.veranst-eintrag .zusaetze>div>span.offscreen,
#b_veranst-detail .zusaetze>div>span.offscreen,
.veranst-eintrag .zusaetze>div>a>span,
#b_veranst-detail .zusaetze>div>a>span{
position: absolute;
left: -99999px;
height: 0;
overflow: hidden;

display: none;
}

.veranst-eintrag .mehr-infos-text{
float: left;
display: inline;
clear: both;
padding-left: 10px;
margin-left: 245px;
/*margin-bottom: 1em;*/
margin-right: 2%;

padding: 5px 10px;

position: relative;
/*
background: #ffffff;
*/

display: none;
}

.veranst-eintrag .tickets-text{
clear: both;
padding-left: 10px;
margin-left: 245px;
margin-right: 2%;
/*
display: none;
*/
position: relative;

display: none;
}


.veranst-eintrag .tickets-text #ticketkaufinfo{
display: block;
}

#content>.inner>#ticketkaufinfo{
display: none;
}

#ticketkaufinfo{
}

#ticketkaufinfo div{
margin-bottom: 0.5em;
}

#ticketkaufinfo p.mehr a{
display: inline-block;
padding: 2px 10px 3px 10px;
margin: 0.5em 0;
background: #3c3a38;
color: #ffffff;
}

#ticketkaufinfo p.mehr a:hover{
background: #ff884d;
text-decoration: none;
}


#b_veranst-detail #wrapper>h1{
min-height: 80px;
}
#b_veranst-detail #wrapper>h1>.inner{
position: absolute;
left: -99999px;
}


#b_veranst-detail #content{
overflow: visible;
}
#b_veranst-detail #content>.inner{
overflow: visible;
}

#b_veranst-detail #haupt_block{
background: #ffffff;
width: 69.11764705882353%;
padding: 0 1.96078431372549%;
margin: 0 0.98039215686275%;
float: left;
display: inline;
position: relative;

overflow: visible;

border-bottom: 10px solid #3c3a38;
}



#b_veranst-detail div#hauptbild{
width: 105.67375886524823%;
width: 105.7%;
position: relative;
margin: 0 -2.83687943262411%;
overflow: hidden;
/*
height:0;
padding-bottom: 66.1744966442953%;
padding-bottom: 69.9290780141844%;
*/
}

#b_veranst-detail div#hauptbild>a{
display: block;
}

#b_veranst-detail div#hauptbild img{
width: 100%;
display: block;
}


#b_veranst-detail div#hauptbild>a:hover:after{
content: "";
position: absolute;
width: 20px;
height: 20px;
bottom: 0;
right: 0;
margin: 0 4% 4% 0;

background: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_plus_ws.png') no-repeat center center;
background-size: 20px 20px;
}
.no-touch #b_veranst-detail div#hauptbild>a:hover:after{
}
.backgroundsize.hd-display #b_veranst-detail div#hauptbild>a:hover:after{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_plus_ws_big.png');
}






#b_veranst-detail #haupt_block h3{
font-size: 1.66666666666667em;
line-height: 1.13333333333333em;
/*
padding-left: 25.5%;
width: 53.5%;
*/
position: static;

margin-top: 1.5em;
margin-bottom: 0.2em;
}


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

#b_veranst-detail #haupt_block.sonderv h3:before{
content: "";
position: absolute;
left: 2%;
/*top: 0;*/
margin-top: -110px;
width: 100px;
height: 100px;
border-radius: 50px;

background: #ffffff;
}

#b_veranst-detail #haupt_block #hauptbild+h3{
margin-top: 1em;
}

#b_veranst-detail #haupt_block h3>.datum{
position: absolute;
right: 10%;
top: 0;
margin-top: -4.3%;
width: 2.5em;
height: 2.2em;


color: #ffffff;
}

#b_veranst-detail #haupt_block h3>.datum:before{
position: absolute;

content: "";
top: -0.6em;
left: -0.5em;
right: -0.5em;
bottom: -0.7em;
background: #3c3a38;
border-radius: 50%;
}


#b_veranst-detail #haupt_block.vonbis h3>.datum{
/*right: 20%;*/
margin-left: 0;
margin-right: 4.0em;
}
#b_veranst-detail #haupt_block.vonbis h3>.datum+.datum{
margin-right: 0em;
}

#b_veranst-detail #haupt_block.vonbis h3>.datum:before{
border-radius: 53px;
right: -4.6em;
}
#b_veranst-detail #haupt_block.vonbis h3>.datum+.datum:before{
display: none;

}

#b_veranst-detail #haupt_block h3>.datum .wo-tag{
font-size: 0.53333333333333em;
line-height: 1em;
padding-top: 1.6875em;

left: 3.5em;
position: absolute;
}
#b_veranst-detail #haupt_block h3>.datum .tag{
font-size: 1.5em;
line-height: 1em;
right: 0.51111111111111em;
position: absolute;

}
/*
#b_veranst-detail #haupt_block h3>.datum.we .tag{
color: #cc0000;
}
*/
#b_veranst-detail #haupt_block h3>.datum .monat{
font-size: 0.6em;
line-height: 1em;
font-weight: 300;
clear: both;
display: block;
text-transform: none;

bottom: 0;
right: 1.27777777777778em;
right: 1.33333333333333em;
right: 1.38888888888889em;
position: absolute;
}
#b_veranst-detail #haupt_block h3>.datum .jahr{
font-size: 0.6em;
line-height: 1em;
font-weight: 300;
display: block;

bottom: 0;
left: 3.11111111111111em;
left: 3.05555555555556em;
position: absolute;
}

#b_veranst-detail #haupt_block.vonbis h3>.datum .bis{
font-size: 0.53333333333333em;
line-height: 1em;
padding-top: 1.6875em;
font-weight: 600;
text-transform: none;
position: absolute;

left: 5.7em;
}

#b_veranst-detail #haupt_block h3>.sparte{
font-size: 0.53333333333333em;
line-height: 1.2em;
display: block;
padding-bottom: 0.2em;
}

#b_veranst-detail #haupt_block h3>.name{
font-size: 1.33333333333333em;

line-height: 1.2em;
}

#b_veranst-detail #haupt_block>a:hover h3>.sparte,
#b_veranst-detail #haupt_block>a:hover h3>.name,
#b_veranst-detail #haupt_block>a:hover h3>.datum,
#b_veranst-detail #haupt_block>a:hover h3>.we .tag{
color: #ff884d !important;
}


#b_veranst-detail #haupt_block p.hinweis1,
#b_veranst-detail #haupt_block p.hinweis2{
margin: 10px 0 4px 0;
font-size: 0.88888888888889em;
line-height: 1.2em;
color: #ff884d;
/*
display: inline-block;
float: left;
*/
clear: left;
/*margin-right: 1em;*/
}
#b_veranst-detail #haupt_block p.hinweis1{
color: #3c3a38;
font-weight: 600;
font-size: 1em;
}
#b_veranst-detail #haupt_block p.hinweis1+p.hinweis2{
clear: none;
}

#b_veranst-detail #haupt_block .details{
clear: both;
margin: 1em 0;

float: left;
/*width: 60%;*/
overflow: hidden;

max-width: 50%;
}

#b_veranst-detail #haupt_block  .details p{
margin: 0;
}
#b_veranst-detail #haupt_block  .details span.label{
display: inline-block;
width: 4.5em;
font-size: 0.88888888888889em;
line-height: 1.2em;


float: left;
width: 4.75em;
}

#b_veranst-detail #haupt_block  .details p.reihe a,
#b_veranst-detail #haupt_block  .details p.reihe a:link,
#b_veranst-detail #haupt_block  .details p.reihe a:visited{
/*color: #3c3a38;*/
font-weight: 600;
}
#b_veranst-detail #haupt_block  .details p.reihe a:hover{
color: #ff884d;
text-decoration: none;
}

#b_veranst-detail #haupt_block  .details p.preise a,
#b_veranst-detail #haupt_block  .details p.preise a:link,
#b_veranst-detail #haupt_block  .details p.preise a:visited{
/*color: #3c3a38;*/
font-weight: 600;
}
#b_veranst-detail #haupt_block  .details p.preise a:hover{
color: #ff884d;
text-decoration: none;
}

#b_veranst-detail #haupt_block  .details p.preise span.preis-zusatz{
display: block;
margin-left: 4.2em;
}

#b_veranst-detail #haupt_block  .details p.ort span.ort-zusatz{
display: block;
margin-left: 4.2em;
}

#b_veranst-detail #haupt_block .zusaetze{
margin: 1em 0 0.5em 0;

float: right;
display: inline;
/*width: 40%;*/
overflow: hidden;

position: relative;
overflow: hidden;

max-width: 46%;
}

#b_veranst-detail #haupt_block .mehr-infos-text,
#b_veranst-detail #haupt_block .tickets-text{
clear: both;
/*
display: none;
*/
position: relative;

display: none;
}

#b_veranst-detail #haupt_block .galerie{
clear: both;
padding: 1em 0 1em 0;
}

#b_veranst-detail #haupt_block ul.galerieliste{
list-style: none;
overflow: hidden;

width: 101.41843971631206%;
margin: 0 -0.71%;
padding: 0 0 0.2em 0;
}

#b_veranst-detail #haupt_block ul.galerieliste li{
margin: 0;
float: left;
width: 18.6013986013986%;
margin: 0.6993006993007%;
margin-top: 0;
}

#b_veranst-detail #haupt_block ul.galerieliste li a{
display: block;
height: 0;
padding-bottom: 100%;
background: #ddd;
overflow: hidden;

border-radius: 50%;
position: relative;
}

#b_veranst-detail #haupt_block ul.galerieliste li a:hover:after/*,
.touch #b_veranst-detail #haupt_block ul.galerieliste li a:after*/{
content: "";
position: absolute;
width: 100%;
top: 0;
bottom: 0;
left: 0;

background: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_plus_ws.png') no-repeat center center;
background-size: 20px 20px;
}
.no-touch #b_veranst-detail #haupt_block ul.galerieliste li a:hover:after{
background-color: #ff884d;
background-color: rgba(255,136,77, 0.5);
}
.backgroundsize.hd-display #b_veranst-detail #haupt_block ul.galerieliste li a:hover:after/*,
.backgroundsize.hd-display.touch #b_veranst-detail #haupt_block ul.galerieliste li a:after*/{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_plus_ws_big.png');
}

#b_veranst-detail #haupt_block ul.galerieliste li a img{
display: block;
width: 100%;
}

#b_veranst-detail #haupt_block p.galeriehinweis{
font-size: 0.83333333333333em;
font-size: 0.72222222222222em;
line-height: 1.0em;
/*padding-left: 3%;*/

}

#b_veranst-detail #haupt_block .langtext{
clear: both;
}

#b_veranst-detail #haupt_block .links{
clear: both;
}


#b_veranst-detail #addon_block{
width: 23.03921568627451%;
margin: 0 0.98039215686275%;
margin-bottom: 11px;
float: right;
display: inline;

}

#b_veranst-detail #kalender{
margin: 0;
margin-bottom: 1.967843137255%;
/*
float: right;
display: inline;
*/
float: none;
display: block;
background: #fff;
width: auto;

padding: 0 !important;
}

#b_veranst-detail #addon_block>div{
padding: 4.25531914893617%;
margin-bottom: 8.51063829787234%;
background: #fff;
min-height: 100px;

overflow: hidden;
}
#b_veranst-detail #addon_block>div:last-child{
margin-bottom: 0;
}

#b_veranst-detail #addon_block>div h3{
padding: 0 0 0.5em 0;
margin: 0;
}


#b_veranst-detail #addon_block #termine_block{
}

#b_veranst-detail #addon_block #termine_block>ul{
list-style: none;
margin: 0;
}

#b_veranst-detail #addon_block #termine_block>ul>li{
margin: 0 0 1em 0;
border-top: 1px solid #c4c4c3;
padding-top: 4.25531914893617%;

clear: both;
}

#b_veranst-detail #addon_block #termine_block>ul>li>h4{
margin: 0 0 0.2em 0;
}

#b_veranst-detail #addon_block #termine_block>ul>li>h4>a{
}

#b_veranst-detail #addon_block #termine_block>ul>li>h4>a:hover{
text-decoration: none;
color: #000000;
}

#b_veranst-detail #addon_block p.hinweis1,
#b_veranst-detail #addon_block p.hinweis2{
margin: 0.2em 0;
font-size: 0.88888888888889em;
line-height: 1.2em;
color: #ff884d;
}
#b_veranst-detail #addon_block p.hinweis1{
color: #3c3a38;
font-weight: 600;
font-size: 1em;
}

#b_veranst-detail #addon_block p.uhrzeit,
#b_veranst-detail #addon_block p.ort,
#b_veranst-detail #addon_block p.preise{
margin-bottom: 0;
}

#b_veranst-detail #addon_block p.preise a,
#b_veranst-detail #addon_block p.preise a:link,
#b_veranst-detail #addon_block p.preise a:visited{
/*color: #3c3a38;*/
font-weight: 600;
}
#b_veranst-detail #addon_block p.preise a:hover{
color: #ff884d;
text-decoration: none;
}

#b_veranst-detail #addon_block p.preise span.preis-zusatz{
display: block;
}

#b_veranst-detail #addon_block p.ort span.ort-zusatz{
display: block;
}

#b_veranst-detail #addon_block .zusaetze{
margin: 1em 0 0 0;
overflow: hidden;
}

#b_veranst-detail #addon_block .zusaetze>div{
margin: 0 4px 4px 0;
/*
display: inline-block;
float: none;
*/
}

#b_veranst-detail #addon_block .mehr-infos-text,
#b_veranst-detail #addon_block .tickets-text{
clear: both;
font-size: 0.72222222222222em;
line-height: 1.2em;
display: none;
position: relative;
}

#b_veranst-detail #addon_block .mehr-infos-text,
#b_veranst-detail #addon_block #ticketkaufinfo{
padding-top: 0.5em;
}

#b_veranst-detail #addon_block .mehr-infos-text h5,
#b_veranst-detail #addon_block #ticketkaufinfo h5{
font-size: 1.15384615384615em;
line-height: 1.2em;
}

#b_veranst-detail #addon_block .mehr-infos-text p,
#b_veranst-detail #addon_block #ticketkaufinfo p{
margin-bottom: 0.6em;
}

#b_veranst-detail #addon_block #ticketkaufinfo p.mehr{
margin-bottom: 1.2em;
}

#b_veranst-detail #addon_block #ticketkaufinfo p.mehr:last-child{

}

#b_veranst-detail #addon_block #vid_block{
}

#b_veranst-detail #addon_block #vid_block div.video{
background: #B4AEA5;
height: 0px;
margin: -4.65116279069767%;
margin-top: 0;
padding-bottom: 61.3953488372093%;
position: relative;
overflow: hidden;
}
#b_veranst-detail #addon_block #vid_block div.video>a{
display: block;
}
#b_veranst-detail #addon_block #vid_block div.video>a:after{
width: 60px;
height: 60px;
border-radius: 50%;
border: 2px solid #ffffff;
position: absolute;
left: 50%;
top: 50%;
margin: -30px 0 0 -30px;
content: "";

background: rgba(0,0,0,0.3) url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_play2.png') no-repeat center center;
}
.backgroundsize.hd-display #b_veranst-detail #addon_block #vid_block div.video>a:after{
background-size: 36px 36px;
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_play2_big.png');
}
#b_veranst-detail #addon_block #vid_block div.video>a>img{
display: block;
width: 100%;
/*
margin-top: -9.36170212765957%;
*/
}


#b_veranst-detail #addon_block #sponsoren_block{
}

#b_veranst-detail #addon_block #sponsoren_block div.bild{
border-top: 1px solid #C4C4C3;
padding: 4.65116279069767% 0;
}

#b_veranst-detail #addon_block #sponsoren_block div.bild img{
display: block;
width: 100%;
}


#b_veranst-detail #addon_block #custom_block{
}


#b_veranst-detail #addon_block #custom_block h3{
border-bottom: 1px solid #C4C4C3;
}

#b_veranst-detail #addon_block #custom_block div.bild{
padding-top: 4.65116279069767%;
}

#b_veranst-detail #addon_block #custom_block div.bild img{
display: block;
width: 100%;
}

#b_veranst-detail #addon_block #custom_block div.text{
padding-top: 4.65116279069767%;
}

#b_veranst-detail #addon_block #custom_block p.mehr{
border-top: 1px solid #C4C4C3;
padding-top: 4.65116279069767%;
margin: 4.65116279069767% 0 4.65116279069767% 0;
}

#b_veranst-detail #addon_block #custom_block p.mehr a{
display: block;
}



#b_veranst-a-z{

}

#b_veranst-a-z ul.sparten-liste{
list-style: none;
margin: 0;
}

#b_veranst-a-z ul.sparten-liste>li{
clear: both;
float: none;
display: block;
width: auto;
padding: 0.98039215686275%;
/*padding: 0;*/
margin: 0 0.98039215686275% 0.98039215686275% 0.98039215686275%;
position: relative;

padding: 1.967843137255%;
padding-left: 20px;
background: #ffffff;
}
#b_veranst-a-z ul.sparten-liste>li:before{
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
/*width: 0;*/
width: 0%;

border-left: 7px solid #3c3a38;
overflow: hidden;
}

#b_veranst-a-z ul.sparten-liste>li>h3{
font-size: 0.88888888888889em;
line-height: 1.2em;
margin-bottom: 1.4em;
}

#b_veranst-a-z ul.veranst-az-liste{
list-style: none;
margin: 0;
}
#b_veranst-a-z ul.veranst-az-liste>li{
margin: 0 0 0.27777777777778em 0;
}
#b_veranst-a-z ul.sparten-liste.columns ul.veranst-az-liste{
-webkit-column-count: 2; 
-moz-column-count: 2;
column-count: 2;

-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;

-webkit-column-gap: 2.08333333333333%;
-moz-column-gap: 2.08333333333333%;
column-gap: 2.08333333333333%;
}
#b_veranst-a-z ul.veranst-az-liste>li>a{
color: #3c3a38;
display: inline-block;
}
#b_veranst-a-z ul.veranst-az-liste>li>a:hover{
text-decoration: none;
color: #ff884d;
}


#b_galerie{}

.bildstreifen{
width: auto;
margin: 0 0 5em 0;

/*
overflow: hidden;
*/
position: relative;
}

.bildstreifen_contents{
width: auto;
margin: 0;
overflow: hidden;
/* 
overflow-x: scroll;
*/
position: relative;
}

.touch .bildstreifen_contents{
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}
/*
.touch .bildstreifen_contents::-webkit-scrollbar {
display: none !important;
opacity: 0;
}
*/
#content .bildstreifen ul{
width: 5000px;
height: 520px;
padding-bottom: 0px;
list-style: none;
overflow: hidden;
margin: 0;
}

#content .bildstreifen ul.dragable{
cursor: default;

cursor: -webkit-grab; 
cursor: -moz-grab;
cursor: grab;
}
#content .bildstreifen ul.dragging{
cursor: ew-resize;

cursor: -webkit-grabbing; 
cursor: -moz-grabbing;
cursor: grabbing;
}

#content .bildstreifen ul li{
/*
padding-left: 10px;
*/
margin: 0 !important;
float: left;
display: inline;
width: auto;
height: 100%;

}

#content .bildstreifen ul li .bild{
padding: 0 0 0 10px;
background: none;

height: 100%;

width: auto;
float: left;
display: inline;
margin: 0;

font-size: 19px;
line-height: 1.21052631578947em;
}
#content .bildstreifen ul li .bild img{
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
/**/
width: auto;
/*height: 100%;*/

float: left;
display: inline;
}
#content .bildstreifen ul li .bild p.legende{
clear: left;
font-size: 0.77777777777778em;
line-height: 1.28571428571429em;
padding-top: 13px;
margin-top: 0;
margin-bottom: 0;
}

#content .bildstreifen ul li:first-child .bild{
padding-left: 0px;
}

.bildstreifen_controls{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.bildstreifen_controls span{
position: absolute;
width: 50px;
height: 100px;

cursor: pointer;
top: 175px;

background: #ddd;
}
.bildstreifen_controls span.dis{
opacity: 0.3;
background-color: transparent !important;
cursor: default;
/*
display: none;
*/
}
.bildstreifen_controls span.bildstreifen_back{

}
.bildstreifen_controls span.bildstreifen_more{

}
/*
.bildstreifen_controls span.bildstreifen_back:after,
.bildstreifen_controls span.bildstreifen_more:after{
display: block;
font-size: 15em;
line-height: 100px;

font-weight: 100;
    -ms-transform: scale(0.4,1); 
    -webkit-transform: scale(0.4,1);
    transform: scale(0.4,1);
position: absolute;
top: 0;
bottom: 0;
left: -4px;
right: 0;

color: #7fced5;
text-align: center;

text-shadow: 0 0 5px rgba(0,0,0,0.6);
}
.bildstreifen_controls span.bildstreifen_back:after{
content:"<";
}
.bildstreifen_controls span.bildstreifen_more:after{
content:">";
}
*/

.bildstreifen:hover .bildstreifen_controls span.bildstreifen_back,
.touch .bildstreifen_controls span.bildstreifen_back,
.bildstreifen_controls span.bildstreifen_back{
left: 10px;

background: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_bildstreifen-prev.png') no-repeat center center;
/*background-color: rgba(255,255,255,0.7);*/
}
.backgroundsize.hd-display  .bildstreifen_controls span.bildstreifen_back{
background-size: 50px 94px;
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_bildstreifen-prev_big.png');
}
.bildstreifen:hover .bildstreifen_controls span.bildstreifen_more,
.touch .bildstreifen_controls span.bildstreifen_more,
.bildstreifen_controls span.bildstreifen_more{
right: 10px;

background: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_bildstreifen-next.png') no-repeat center center;
/*background-color: rgba(255,255,255,0.7);*/
}
.backgroundsize.hd-display  .bildstreifen_controls span.bildstreifen_more{
background-size: 50px 94px;
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_bildstreifen-next_big.png');
}
.bildstreifen_controls span span{
position: absolute;
left: -99999px;
}

.bildstreifen_position{
position: absolute;
top: 455px;
left: 0;
width: 100%;
padding-top: 0px;

display: none;
}
.no-touch .bildstreifen_position{
display: block;
}

.bildstreifen_position div.bar{
margin: 0;
height: 2px;
background: #ddd;
position: relative;
}
.bildstreifen_position div.bar span.before{
position: absolute;
top: 0;
left: 0;
height: 2px;
width: 0;

background: #eee;
}
.bildstreifen_position div.bar span.after{
position: absolute;
top: 0;
left: 80%;
height: 2px;
width: 0;

background: #eee;
}
.bildstreifen_position div.bar span.current{
position: absolute;
top: 0;
left: 40%;
height: 2px;
width: 0;

background: #ff884d;
}




#b_presse-download ul.downloadliste{

}

#b_presse-download ul.downloadliste ul.bilddownloads{
list-style: none;
margin: 0;
}

#b_presse-download ul.downloadliste ul.bilddownloads li{
float: left;
display: inline;
margin: 0 1.04166666666667% 1.04166666666667% 0;
position: relative;
}

#b_presse-download ul.downloadliste ul.bilddownloads a{
display: block;
color: #3c3a38;
font-weight: 300;
position: relative;
overflow: hidden;
padding-bottom: 56px;
}

#b_presse-download ul.downloadliste ul.bilddownloads a:hover .bild:after{
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
bottom: 0;
background-color: #ff884d;
opacity: 0.5;
}


#b_presse-download ul.downloadliste ul.bilddownloads .bild{
display: block;
height: 220px;
position: relative;
}

#b_presse-download ul.downloadliste ul.bilddownloads .bild>img{
display: block;
height: 100%;

}

#b_presse-download ul.downloadliste ul.bilddownloads p.legende{
/*max-width: 100%;*/
font-size: 0.77777777777778em;
line-height: 1.28571428571429em;

margin: 0;
overflow: hidden;

position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 54px;
padding-top: 2px;
}


#b_presse-download div.text{

}
#b_presse-download div.text p{
margin-top: -0.5em;
}




#b_preise{}

#b_preise div#einleitung .links{
border-top: 0;
}

#b_preise div.preiseblock{
padding: 1em 1.967843137255%;
margin: 0 0.98039215686275% 0px 0.98039215686275%;

padding-bottom: 10px;
}

#b_preise div.preiseblock.alternativ{
background: #e2dfda;
margin-bottom: 10px;
}

#b_preise div.preiseblock>h2{
margin-top: 0.5em;
margin-bottom: 0;
}

ul#preisgruppenliste{
list-style: none !important;
margin: 0 -3.125% !important;
}

ul#preisgruppenliste>li{
margin: 0;
background: #e2dfda;
overflow: hidden;

float: none;
display: block;
width: auto;
padding: 0.98039215686275%;
/*padding: 0;*/
margin: 0 0.98039215686275% 20px 0.98039215686275%;
position: relative;

padding: 1em 1.967843137255%;
}

ul#preisgruppenliste>li:last-child{
margin-bottom: 0;
}

.preiseblock.alternativ ul#preisgruppenliste>li{
float: left;
width: 44%;
margin-bottom: 0;
}

ul#preisgruppenliste>li>h3{
margin: 1em 0 1em 0;
}

.preiseblock.alternativ ul#preisgruppenliste>li>h3{
margin: 0em 0 1em 0;
}

ul#preisgruppenliste>li>p{
font-size: 0.77777777777778em;
line-height: 1.28571428571429em;

font-size: 0.83333333333333em;
line-height: 1.2em;
}

ul.preisgruppe{
list-style: none !important;
margin: 0 !important;

}

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

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

position: relative;
}
.preiseblock.alternativ ul.preisgruppe>li{
border-right-width: 15px;
text-align: center;
}

ul.preisgruppe>li>span{
white-space: nowrap;
}
.preiseblock.alternativ ul.preisgruppe>li>span{
display: none;
}

ul.preisgruppe>li.farbe_gelb{
border-color: #ffea6c;
}
.preiseblock.alternativ ul.preisgruppe>li.farbe_gelb{
background-color: #ffea6c;
}

ul.preisgruppe>li.farbe_pink{
border-color: #ffa9f0;
}
.preiseblock.alternativ ul.preisgruppe>li.farbe_pink{
background-color: #ffa9f0;
}

ul.preisgruppe>li.farbe_rot{
border-color: #ff8d8b;
}
.preiseblock.alternativ ul.preisgruppe>li.farbe_rot{
background-color: #ff8d8b;
}

ul.preisgruppe>li.farbe_blau{
border-color: #67d2ff;
}
.preiseblock.alternativ ul.preisgruppe>li.farbe_blau{
background-color: #67d2ff;
}

ul.preisgruppe>li.farbe_gruen{
border-color: #b4e864;
}
.preiseblock.alternativ ul.preisgruppe>li.farbe_gruen{
background-color: #b4e864;
}

ul.preisgruppe>li.farbe_weiss{
border-color: #ffffff;
}
.preiseblock.alternativ ul.preisgruppe>li.farbe_weiss{
background-color: #ffffff;
}

ul.preisgruppe>li>span.preis{
font-weight: 600;
display: block !important;
position: absolute;
right: -105px;
top: 0;

padding: inherit;
}
.preiseblock.alternativ ul.preisgruppe>li>span.preis{
position: relative;
right: auto;
top: auto;
padding: 0;
}


#b_suchergebnisse div.suchergebnisseblock{
clear: both;
float: none;
display: block;
width: auto;
margin: 0 0.98039215686275% 10px 0.98039215686275%;
position: relative;
padding: 1em 1.967843137255%;
background: #ffffff;
overflow: hidden;
}

ul#suchergebnisliste{
list-style: none;
border-top: 1px solid #c4c4c3;

margin: 1em 0 2em 0;
}
ul#suchergebnisliste li{
margin: 0 !important;
padding: 2px 0;
border-bottom: 1px solid #c4c4c3;

}
ul#suchergebnisliste li a{
padding: 1em 1px;
display: block;
text-decoration: none;
font-weight: 300;
color: #000000;
position: relative;
}

ul#suchergebnisliste li a:after{
content: "";
position: absolute;
background: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_sw.png') no-repeat center center;

width: 20px;
height: 20px;
top: 0.48em;
right: 0;
margin-top: 1%;
}

.backgroundsize.hd-display ul#suchergebnisliste li a:after{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_sw_big.png');
background-size: 20px auto;
}

ul#suchergebnisliste li a:hover{
/* 
background: #f8f8f8;
*/
}

ul#suchergebnisliste li a:hover:after{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_or.png');
}
.backgroundsize.hd-display ul#suchergebnisliste li a:hover:after{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_link_or_big.png');
}

ul#suchergebnisliste li a h3{
margin-bottom: 0.5em;

padding-right: 30px;
}
ul#suchergebnisliste li a:hover h3{
color: #ff884d;
}


ul#suchergebnisliste li a p.textausschnitt{
margin-bottom: 0.5em;
}

ul#suchergebnisliste li a:hover p.textausschnitt{
color: #ff884d;
}

ul#suchergebnisliste li a p.pfad{
font-size: 0.88888888888889em;
line-height: 1.2em;
margin: 0;
color: #777673;
}
ul#suchergebnisliste li a p.pfad>span{
margin-right: 7px;
padding-left: 13px;
display: inline-block;
position: relative;
/*background: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/BG_pathfinder_trenner3.gif') no-repeat left 2px;*/
}
ul#suchergebnisliste li a p.pfad>span.offscreen{
position: absolute;
}
ul#suchergebnisliste li a p.pfad>span:after{
content: ">";
font-size: 1.6em;
font-weight: 100;

margin-top: 0em;
margin-right: 0;
position: absolute;
left: -2px;
top: 0px;

    -ms-transform: scale(0.4,1); /* IE 9 */
    -webkit-transform: scale(0.4,1); /* Chrome, Safari, Opera */
    transform: scale(0.4,1);
	
color: #5b574d;
}
ul#suchergebnisliste li a p.pfad span:first-child{
padding-left: 0;
}
ul#suchergebnisliste li a p.pfad span:first-child:after{
display: none;
}









#b_kontakt{}

#form_block{
background: #e2dfda !important;
min-height: 250px;
}

form.kontaktformular{
display: block;
overflow: hidden;

margin: 0 -1.04166666666667%;
padding: 2px 0 0 0;
height: 1%;

width: 102.08333333333333%;

/*
width: 103.63636363636364%;
*/
}

.kontaktformular div{
margin: 0px 1.02040816326531% 0.8em 1.02040816326531%;
/*overflow: hidden;*/
float: left;
display: inline;
height: 3em;
position: relative;
}

.kontaktformular h3{
clear: both;
margin: 0px 1.02040816326531% 1em 1.02040816326531%;
padding-top: 1em;
padding-bottom: 0em;
}
.kontaktformular p{
margin: 0px 1.02040816326531% 1em 1.02040816326531%;
}

.kontaktformular div.frm_cnt1{
/* für halbe Textfelder/Selects */
width: 47.95918367346939%;
min-height: 3em !important;
}

.kontaktformular div.frm_cnt2{
/* für ganze Textareas, ganzzeilige Inputfelder */
clear: left;
width: 97.95918367346939%;
height: auto;
min-height: 3em !important;
}

.kontaktformular div.frm_cnt3{
/* für halbe Checkboxen / Radios */
width: 47.95918367346939%;

height: 2em !important;
height: auto !important;
}

.kontaktformular div.frm_cnt4{
/* für ganzzeilige Checkboxen / Radios */
clear: left;
width: 96.875%;
height: auto;
margin-bottom: 20px;
}

.kontaktformular div.frm_cnt5{
/* für eingerückte ganzzeilige Inputfelder */
clear: left;
width: 93%;
height: auto;
margin-bottom: 10px;

margin-left: 5%;
}

.kontaktformular div#CKF_anrede{
clear: both;
}

/*
.kontaktformular div#CKF_code{
height: auto;
}

.kontaktformular div#CKF_code img#captcha{
margin-top: 4px;
display: block;
width: 89.47368421052632%;
}
*/



.kontaktformular label{
font-size: 1em;
line-height: 1.2em;
font-weight: 300;
color: #002136;
margin: 0px 0px 2px 0;
padding: 0 0 0 1px;
white-space: nowrap;
display: block;

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

.kontaktformular div.frm_cnt1 label{
position: absolute;
left: -99999px;
}

.kontaktformular div.frm_cnt2 label{
position: absolute;
left: -99999px;
}

.kontaktformular div.frm_cnt3 label{
display: block;
width: auto;
height: auto;
margin: 0;
font-weight: 300;
overflow: hidden;
white-space: normal;


}

.kontaktformular div.frm_cnt4 label{
display: block;
width: 90%;
height: auto;
margin: 0;

overflow: hidden;
white-space: normal;


}


.kontaktformular input,
.kontaktformular select,
.kontaktformular textarea{
/*
-webkit-appearance: none;
*/
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;  
box-sizing: border-box;
  
font-family: inherit;
font-size: 100%;
padding: 8px 4px;

background: #ffffff;
border: 2px solid #ffffff;

color: #000000;

}

.kontaktformular input[type=text],
.kontaktformular select,
.kontaktformular textarea{

box-shadow: none;
-webkit-box-shadow: none !important;

/**/
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;

border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}

.kontaktformular input[type=checkbox],
.kontaktformular input[type=radio]{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;  
box-sizing: border-box;

background: none;
box-shadow: none;
border: 0;
padding: 4px 0 0 0;

}


form.kontaktformular  ::-webkit-input-placeholder {
color: #777673;
font-weight: 300;
opacity: 1;
}
form.kontaktformular  :-moz-placeholder { /* Firefox 18- */
color: #777673;
font-weight: 300;
opacity: 1;
}
form.kontaktformular  ::-moz-placeholder {  /* Firefox 19+ */
color: #777673;
font-weight: 300;
opacity: 1;
}
form.kontaktformular  :-ms-input-placeholder {  
color: #777673;
font-weight: 300;
opacity: 1;
}

form.kontaktformular  select[value=""],
form.kontaktformular  select option[value=""]{
color: #777673;
font-weight: 300;
}





.kontaktformular .frm_cnt1 input{
width: 100%;
}

.kontaktformular .frm_cnt1 select{
padding: 7px 4px;
width: 100%;

box-shadow: none;
-webkit-box-shadow: none !important;

/**/
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;

border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;

background: #ffffff;
background-image : url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_select_sw.png');
background-repeat: no-repeat;
background-position: right center;
}
.backgroundsize.hd-display .kontaktformular .frm_cnt1 select{
background-image : url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_select_sw_big.png');
background-size: 20px auto;
}

.kontaktformular .frm_cnt1 select option{
}

.kontaktformular .frm_cnt2 input{
width: 96.49122807017544%;
width: 100%;
}

.kontaktformular .frm_cnt2 textarea{
display: block;
width: 100%;
max-width:  100%;
min-width:  100%;
height: 100px;
max-height: 400px;
min-height: 100px;
overflow: auto;
margin-bottom: 0.8em;
}

.kontaktformular .frm_cnt3 input,
.kontaktformular .frm_cnt4 input{
float: left;
display: inline;
margin-left: 0;
margin-right: 6px;

margin-top: 6px;
}

.kontaktformular .frm_cnt5 input{
width: 700px;
}

.kontaktformular label.error{
position: absolute;
bottom: -7px;
right: 0px;
left: auto !important;
width: auto;
margin: 0px 0 0 0;
font-size: 0.77777777777778em;
line-height: 1.28571428571429em;
font-weight: 600;
color: #cc0000;
text-align: right;
}

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

.kontaktformular .frm_cnt3 label.error,
.kontaktformular .frm_cnt4 label.error{
position: absolute;
top: -15px;
right: auto;
left: -2px !important;
bottom: auto;
margin: 0;
text-align: left;
width: auto;
height: auto;
}

.kontaktformular input.error, .kontaktformular select.error, .kontaktformular textarea.error{
border: 2px solid #cc0000;
}


.kontaktformular #CKF_mitteilung{
padding-top: 1em;
}

.kontaktformular #CKF_mitteilung label{
white-space: normal;
}

.kontaktformular #CKF_submit{
height: auto;
clear: both;
}

.kontaktformular #CKF_pflichtfelder{
text-align: right;
}

.kontaktformular #CKF_pflichtfelder p{
margin: 1em 0 0 0;

font-size: 0.77777777777778em;
line-height: 1.2em;
font-weight: 600;
}

.kontaktformular #KF_submit,
.kontaktformular button{
font-size: 100% !important;
line-height: 1.5em !important;

text-align: left;

position: relative;
overflow: visible;

background: #8a847e;
color: #ffffff;
text-align: left;
/*text-transform: none;*/
cursor: pointer;
font-weight: 300;
font-size: 1em;
border: 0;
height: 2.4em;
box-shadow: none;
border-radius: 0;
width: 100%;

padding: 0 3.5928143712575%;
}
.kontaktformular #KF_submit:hover,
.kontaktformular button:hover,
.kontaktformular #KF_submit:active,
.kontaktformular button:active{
background-color: #ff884d;
color: #ffffff;

}
/*
.kontaktformular #KF_submit:after,
.kontaktformular button:after{
position: absolute;
content:"";
color: #cc0000;
right: 2.5%;
top: 0;
bottom: 0;
width: 25px;
height: auto;

background: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_pfeil1_ws_re.png') no-repeat center center;
text-align: center;

}
.backgroundsize.hd-display .kontaktformular #KF_submit:after,
.backgroundsize.hd-display .kontaktformular button:after{
background-image: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/IC_pfeil1_ws_re_big.png');
background-size: 25px auto;
}
*/

.kontaktformular #pflichtfelder{
font-size: 0.88235294117647em;
line-height: 1.13333333333333em;
padding-top: 0.1em;

width: 46.875%;
float: right;
display: inline;

text-align: right;
margin-right: 1.5625%;
}






/*** SPARTEN FARB-DEFINITIONEN ***/

#intro .inner .featuredesc.SP-sprechtheater,
ul#aktuellliste>li.SP-sprechtheater:after,
.veranst-eintrag.SP-sprechtheater>a:before,
#b_veranst-detail #haupt_block.SP-sprechtheater,
#b_veranst-a-z ul.sparten-liste>li.SP-sprechtheater:before{
border-color: #24aac5;
}
#intro .inner .featuredesc.SP-sprechtheater h3>.sparte,
ul#aktuellliste>li.SP-sprechtheater h3 span.hl_pre,
.veranst-eintrag.SP-sprechtheater h4>.sparte,
#b_veranst-detail #haupt_block.SP-sprechtheater h3>.sparte,
#b_veranst-a-z ul.sparten-liste>li.SP-sprechtheater>h3{
color: #24aac5;
}
#b_veranst-detail #haupt_block.SP-sprechtheater h3>.datum:before{
background-color: #24aac5;
}

#intro .inner .featuredesc.SP-musiktheater,
ul#aktuellliste>li.SP-musiktheater:after,
.veranst-eintrag.SP-musiktheater>a:before,
#b_veranst-detail #haupt_block.SP-musiktheater,
#b_veranst-a-z ul.sparten-liste>li.SP-musiktheater:before{
border-color: #75b62c;
}
#intro .inner .featuredesc.SP-musiktheater h3>.sparte,
ul#aktuellliste>li.SP-musiktheater h3 span.hl_pre,
.veranst-eintrag.SP-musiktheater h4>.sparte,
#b_veranst-detail #haupt_block.SP-musiktheater h3>.sparte,
#b_veranst-a-z ul.sparten-liste>li.SP-musiktheater>h3{
color: #75b62c;
}
#b_veranst-detail #haupt_block.SP-musiktheater h3>.datum:before{
background-color: #75b62c;
}


#intro .inner .featuredesc.SP-tanztheater,
ul#aktuellliste>li.SP-tanztheater:after,
.veranst-eintrag.SP-tanztheater>a:before,
#b_veranst-detail #haupt_block.SP-tanztheater,
#b_veranst-a-z ul.sparten-liste>li.SP-tanztheater:before{
border-color: #e9b400;
}
#intro .inner .featuredesc.SP-tanztheater h3>.sparte,
ul#aktuellliste>li.SP-tanztheater h3 span.hl_pre,
.veranst-eintrag.SP-tanztheater h4>.sparte,
#b_veranst-detail #haupt_block.SP-tanztheater h3>.sparte,
#b_veranst-a-z ul.sparten-liste>li.SP-tanztheater>h3{
color: #e9b400;
}
#b_veranst-detail #haupt_block.SP-tanztheater h3>.datum:before{
background-color: #e9b400;
}


#intro .inner .featuredesc.SP-konzert,
ul#aktuellliste>li.SP-konzert:after,
.veranst-eintrag.SP-konzert>a:before,
#b_veranst-detail #haupt_block.SP-konzert,
#b_veranst-a-z ul.sparten-liste>li.SP-konzert:before{
border-color: #c13010;
}
#intro .inner .featuredesc.SP-konzert h3>.sparte,
ul#aktuellliste>li.SP-konzert h3 span.hl_pre,
.veranst-eintrag.SP-konzert h4>.sparte,
#b_veranst-detail #haupt_block.SP-konzert h3>.sparte,
#b_veranst-a-z ul.sparten-liste>li.SP-konzert>h3{
color: #c13010;
}
#b_veranst-detail #haupt_block.SP-konzert h3>.datum:before{
background-color: #c13010;
}


#intro .inner .featuredesc.SP-grenzgaenge,
ul#aktuellliste>li.SP-grenzgaenge:after,
.veranst-eintrag.SP-grenzgaenge>a:before,
#b_veranst-detail #haupt_block.SP-grenzgaenge,
#b_veranst-a-z ul.sparten-liste>li.SP-grenzgaenge:before{
border-color: #812280;
}
#intro .inner .featuredesc.SP-grenzgaenge h3>.sparte,
ul#aktuellliste>li.SP-grenzgaenge h3 span.hl_pre,
.veranst-eintrag.SP-grenzgaenge h4>.sparte,
#b_veranst-detail #haupt_block.SP-grenzgaenge h3>.sparte,
#b_veranst-a-z ul.sparten-liste>li.SP-grenzgaenge>h3{
color: #812280;
}
#b_veranst-detail #haupt_block.SP-grenzgaenge h3>.datum:before{
background-color: #812280;
}


#intro .inner .featuredesc.SP-junges-theater,
ul#aktuellliste>li.SP-junges-theater:after,
.veranst-eintrag.SP-junges-theater>a:before,
#b_veranst-detail #haupt_block.SP-junges-theater,
#b_veranst-a-z ul.sparten-liste>li.SP-junges-theater:before{
border-color: #0068b2;
}
#intro .inner .featuredesc.SP-junges-theater h3>.sparte,
ul#aktuellliste>li.SP-junges-theater h3 span.hl_pre,
.veranst-eintrag.SP-junges-theater h4>.sparte,
#b_veranst-detail #haupt_block.SP-junges-theater h3>.sparte,
#b_veranst-a-z ul.sparten-liste>li.SP-junges-theater>h3{
color: #0068b2;
}
#b_veranst-detail #haupt_block.SP-junges-theater h3>.datum:before{
background-color: #0068b2;
}


#intro .inner .featuredesc.SP-brentano-akademie,
ul#aktuellliste>li.SP-brentano-akademie:after,
.veranst-eintrag.SP-brentano-akademie>a:before,
#b_veranst-detail #haupt_block.SP-brentano-akademie,
#b_veranst-a-z ul.sparten-liste>li.SP-brentano-akademie:before{
border-color: #0097f7;
}
#intro .inner .featuredesc.SP-brentano-akademie h3>.sparte,
ul#aktuellliste>li.SP-brentano-akademie h3 span.hl_pre,
.veranst-eintrag.SP-brentano-akademie h4>.sparte,
#b_veranst-detail #haupt_block.SP-brentano-akademie h3>.sparte,
#b_veranst-a-z ul.sparten-liste>li.SP-brentano-akademie>h3{
color: #0097f7;
}
#b_veranst-detail #haupt_block.SP-brentano-akademie h3>.datum:before{
background-color: #0097f7;
}


#intro .inner .featuredesc.SP-besonderes,
ul#aktuellliste>li.SP-besonderes:after,
.veranst-eintrag.SP-besonderes>a:before,
#b_veranst-detail #haupt_block.SP-besonderes,
#b_veranst-a-z ul.sparten-liste>li.SP-besonderes:before{
border-color: #3c3a38;
}
#intro .inner .featuredesc.SP-besonderes h3>.sparte,
ul#aktuellliste>li.SP-besonderes h3 span.hl_pre,
.veranst-eintrag.SP-besonderes h4>.sparte,
#b_veranst-detail #haupt_block.SP-besonderes h3>.sparte,
#b_veranst-a-z ul.sparten-liste>li.SP-besonderes>h3{
color: #3c3a38;
}
#b_veranst-detail #haupt_block.SP-besonderes h3>.datum:before{
background-color: #3c3a38;
}


/**/

#intro .inner .featuredesc.SP-luther,
ul#aktuellliste>li.SP-luther:after,
.veranst-eintrag.SP-luther>a:before,
#b_veranst-detail #haupt_block.SP-luther,
#b_veranst-a-z ul.sparten-liste>li.SP-luther:before{
border-color: #0073de;
}
#intro .inner .featuredesc.SP-luther h3>.sparte,
ul#aktuellliste>li.SP-luther h3 span.hl_pre,
.veranst-eintrag.SP-luther h4>.sparte,
#b_veranst-detail #haupt_block.SP-luther h3>.sparte,
#b_veranst-a-z ul.sparten-liste>li.SP-luther>h3{
color: #0073de;
}
#b_veranst-detail #haupt_block.SP-luther h3>.datum:before{
background-color: #0073de;
}


#intro .inner .featuredesc.SP-dalberg,
ul#aktuellliste>li.SP-dalberg:after,
.veranst-eintrag.SP-dalberg>a:before,
#b_veranst-detail #haupt_block.SP-dalberg,
#b_veranst-a-z ul.sparten-liste>li.SP-dalberg:before{
border-color: #ff301e;
}
#intro .inner .featuredesc.SP-dalberg h3>.sparte,
ul#aktuellliste>li.SP-dalberg h3 span.hl_pre,
.veranst-eintrag.SP-dalberg h4>.sparte,
#b_veranst-detail #haupt_block.SP-dalberg h3>.sparte,
#b_veranst-a-z ul.sparten-liste>li.SP-dalberg>h3{
color: #ff301e;
}
#b_veranst-detail #haupt_block.SP-dalberg h3>.datum:before{
background-color: #ff301e;
}


#intro .inner .featuredesc.SP-lr_dg,
ul#aktuellliste>li.SP-lr_dg:after,
.veranst-eintrag.SP-lr_dg>a:before,
#b_veranst-detail #haupt_block.SP-lr_dg,
#b_veranst-a-z ul.sparten-liste>li.SP-lr_dg:before{
border-color: #a338bd;
}
#intro .inner .featuredesc.SP-lr_dg h3>.sparte,
ul#aktuellliste>li.SP-lr_dg h3 span.hl_pre,
.veranst-eintrag.SP-lr_dg h4>.sparte,
#b_veranst-detail #haupt_block.SP-lr_dg h3>.sparte,
#b_veranst-a-z ul.sparten-liste>li.SP-lr_dg>h3{
color: #a338bd;
}
#b_veranst-detail #haupt_block.SP-lr_dg h3>.datum:before{
background-color: #a338bd;
}


ul.sonderv .veranst-eintrag.SP-luther .details{
background: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/symbol1_luther.png') no-repeat left bottom;
}
ul.sonderv .veranst-eintrag.SP-dalberg .details{
background: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/symbol1_dalberg.png') no-repeat left bottom;
}
ul.sonderv .veranst-eintrag.SP-lr_dg .details{
background: url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/symbol1_lr_dg.png') no-repeat left bottom;
}

#b_veranst-detail #haupt_block.SP-luther h3:before{
background: #ffffff url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/symbol2_luther.png') no-repeat center center;
}
#b_veranst-detail #haupt_block.SP-dalberg h3:before{
background: #ffffff url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/symbol2_dalberg.png') no-repeat center center;
}
#b_veranst-detail #haupt_block.SP-lr_dg h3:before{
background: #ffffff url('/public/20200618200101oe_/https://www.stadttheater-aschaffenburg.de/ab-st/img-dsg/symbol2_lr_dg.png') no-repeat center center;
width: 210px
}

/*

.SP-sprechtheater{#24aac5}
.SP-musiktheater{#75b62c}
.SP-tanztheater{#e9b400}
.SP-konzert{#c13010}
.SP-grenzgaenge{#812280}
.SP-junges-theater{#0068b2}
.SP-besonderes{#3c3a38}

.SP-besonderes{#0073de}
.SP-besonderes{#ff301e}
.SP-besonderes{#a338bd}

*/



/* Cookieconsent CSS Overrides */

.cc-window{
background: #fff;
background: rgba(255,255,255,0.95);
background: #e2dfda;
border: 5px solid #ff884d;
border-left: 0;
border-right: 0;
color: #3c3a38;
color: #000;
box-sizing: border-box;
box-shadow: 0 0 50px rgba(0,0,0,0.75);
}

.cc-message{/*
text-shadow: 0 0 3px #ffffff, 0 0 1px #ffffff;
*/
}

body .cc-revoke, 
body .cc-window {
font-size: 1em;
font-size: 0.888888888888889em;
line-height: 1.222222222222222em;

font-size: 0.888888888888889em;
line-height: 1.25em;
font-weight: 300;
}

.cc-window .cc-highlight .cc-btn,
.cc-window .cc-highlight .cc-btn:first-child{
background: #8a847e;
color: #fff;
border: 0;
}

.cc-window .cc-highlight .cc-btn:focus,
.cc-window .cc-highlight .cc-btn:hover,
.cc-window .cc-highlight .cc-btn:first-child:focus, 
.cc-window .cc-highlight .cc-btn:first-child:hover {
background: #ff884d;
color: #000;
text-decoration: none;
}

body .cc-revoke{
background: #3c3a38;
background: #ff884d;
color: #fff;
border: 0;

border-top-left-radius: 3px !important;
border-top-right-radius: 3px !important;
padding-top: 1em;
}
body .cc-revoke:hover{
background: #000;
color:  #fff;
text-decoration: none;

}

body a.cc-link,
body a.cc-link:link,
body a.cc-link:visited,
body a.cc-link:hover{
color: #ff884d;
color: #000000;
text-decoration: underline;
display: block;
padding: 0;
opacity: 1;
}

body a.cc-link:hover{
color: #000000;
}