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




@media (max-width: 1250px) {

#nav1 #nav1_pt3 li{
margin-left: 10px;
}
#nav1 #nav1_pt5 ul {
right: 320px;
}

#nav1 #nav1_pt5 ul li{
margin-left: 6px;
padding-right: 2px;
}

.blt-header .col2,
.blt-footer .col2{
float: right;
display: inline;

padding-top: 1.5em;
position: relative;
}

.blt-header .col2 .seite,
.blt-footer .col2 .seite{
display: block;
white-space: nowrap;
overflow: visible;

position: absolute;
top: 0;
right: 0;
left: auto; 
width: auto;
}

.sue-modul .blt-header .col2,
.sue-modul .blt-footer .col2{
padding-top: 0;
}



.bgl-modul ul li{
margin:  3.2% 0 0 3.2% !important;
width: 31.15942028985507%;
}

.bgl-modul ul li:nth-child(4n-3){
clear: none;
margin-left: 3.2% !important;
}
.bgl-modul ul li:nth-child(3n-2){
clear: left;
margin-left: 0 !important;
}



.vsl-block li{
background-position: left center;
position: relative;
}

.vsl-block li div.datum{
display: block;
float: none;
width: auto;
padding: 10px 0 0 5%;
white-space:nowrap;
margin-left: 25px;
}

.vsl-block li div.datum span{
display: inline;
}

.vsl-block li div.text{
width: 73%;
padding-left: 5%;
}
.vsl-block li div.bild{
width: 18%;
padding: 10px 2% 10px 2%;
}




.vsu-modul div#cvsu_datum-von{
width: 45%;
float: left;
padding-top: 1em;
margin-bottom: 1em;
}


.vsu-modul div#cvsu_datum-bis{
width: 45%;
float: right;
padding-right: 0;
padding-top: 1em;
margin-bottom: 1em;
}

.vsu-modul div#cvsu_datum-von label,
.vsu-modul div#cvsu_datum-bis label{
display: block;
float: none;
width: auto;
}

.vsu-modul div#cvsu_datum-von input,
.vsu-modul div#cvsu_datum-bis input{
float: left;
display: inline;
width: 84%;

}

.vsu-modul div#cvsu_datum-von .datumbutton,
.vsu-modul div#cvsu_datum-bis .datumbutton{
/*
display: none;
*/
}

.vsu-modul .dp-choose-date{
/*
display: none;
*/
}


.vsu-modul div#cvsu_datum-von .vsu_datum_info,
.vsu-modul div#cvsu_datum-bis .vsu_datum_info{
clear: both;
display: block;
margin: 0;
}

.vsu-modul #cvsu_undoder{
clear: both;
padding-top: 1em;
overflow: hidden;
height: 1%;
float: left;
display: inline;
}

.vsu-modul #cvsu_undoder input{
/*clear: left;*/
float: left;
display: inline;
margin-bottom: 0.8em;
}

.vsu-modul #cvsu_undoder label{
width: auto;
float: left;
display: inline;
margin-right: 3em;
}


}






@media (max-width: 1050px) {


#sondermeldung{
position: relative;
left: auto;
top: auto;
width: auto;
min-width: 0;
max-width: none;
box-shadow: none;

}
#sondermeldung a{
border: 0;
border-top: 4px solid #ffffff;
}

p.browseralt{
padding-right: 90px;
margin-bottom: 0;
}

#wrapper{
margin: 10px auto 150px auto;
box-shadow: 0 0 150px rgba(255,255,255,0.5), 0 0 10px rgba(0,0,0,0.8);

width: 98%;
}


#header #ab-logo{
margin: 0;
padding: 10px 0 10px 1.6%;
}

#header #ab-logo a{
display: block;
height: 43px;
width: 180px;
/*
background-size: 180px auto;
*/
}
/*
.backgroundsize.hd-display #header #ab-logo a{
background-size: 180px auto;
}
*/


body#b_notfall #nav1_pt1{
height: 40px;
height: 20px;
}


#nav1 #nav1_pt1 li{
margin: 4px 0 0 0%;
width: 50%;
}

#nav1 #nav1_pt1 li a,
#nav1 #nav1_pt1 li a:link,
#nav1 #nav1_pt1 li a:visited{

font-size: 0.94117647058824em;
line-height: 2.5em;
}


#nav1 #nav1_pt3{

margin: 20px 0;
display: none;

width: 50%;
float: left;
display: inline;
/*
padding-top: 1.55em;
*/
}

#nav1 #nav1_pt3 h3{
color: #707277;
background: transparent;
font-size: 0.76470588235294em;
line-height: 1.38461538461538em;
font-weight: 700;
position: static;
margin: 0 2px 0 4%;
height: auto;

padding-bottom: 0.3em;
}



#nav1 #nav1_pt3{
display: block;
position: static;
height: auto;
}
#nav1 #nav1_pt3 ul{
margin: 0 2px 0 4%;
}
#nav1 #nav1_pt3 li{
margin: 0 5px 5px 0;
}
#nav1 #nav1_pt3 li:first-child{

}

#nav1 #nav1_pt4{
margin: 20px 2%;
margin: 20px 0px;
position: static;
width: 50%;


float: right;
display: inline;
}

#nav1 #nav1_pt4 div{

position: relative;
right: auto;
bottom: auto;
width: auto;
margin: 0 4% 0 2px;
padding: 0;

}

#nav1 #nav1_pt4 h3 {
color: #707277;
font-size: 0.76470588235294em;
line-height: 1.38461538461538em;
font-weight: 700;
position: static;
margin: 0;
height: auto;

padding-bottom: 0.2em;
}

#nav1 #nav1_pt4 h3 span {
font-size: 1em;
}

#nav1 #nav1_pt4 #suchform{
overflow: hidden;
position: relative;
top: auto;
left: auto;
right: auto;

width: auto;
}
#nav1_pt4 #suchfeld{
/*
background: url("../img_site/bg_input1.gif") no-repeat left top #FFFFFF;
*/
background: #fff;
border: 1px solid #9A9B9F;
width: 85%;
height: 1.5em;
line-height: 1.5em;
font-size: 1.1em;
float: left;
display: inline;
padding: 5px;

box-shadow: 2px 2px 4px #000 inset;
box-shadow: 2px 10px 15px rgba(0,0,0,0.2) inset;
}
#nav1_pt4 #suchbutton{
-webkit-appearance: none;
	
background: #747474;
color: #fff;
margin: 0;
border: 1px solid #747474;
padding: 5px;
width: 15%;
/*
height: 2.4em;
*/
line-height: 1.6em;
font-size: 1.1em;

box-shadow: none;

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

bottom: 0;
height: auto;
}

#nav1 #nav1_pt5{
clear: both;
display: block;
position: relative;
top: -10px;
right: auto;
left: auto;
height: auto;
margin: 0px 0 20px 0;

font-size: 0.76470588235294em;
line-height: 1.38461538461538em;
}
#nav1 #nav1_pt5 ul {
position: relative;
right: auto;
margin: 0 2px 0 2%;
}
#nav1 #nav1_pt5 li{
margin-top: 0;
}
#nav1 #nav1_pt5 li:first-child{
margin-left: 0;
}



#navbutton{
width: 42px;
height: 36px;
position: absolute;
position: fixed;

top: 14px;
top: 24px;
right: 1%;
margin-right: 2%;
left: auto;
z-index: 30;

cursor: pointer;
/*
background: #eeeeee url('../img_site/menu.png') no-repeat center center;
*/
background: #747474 url('../img_site/menu.png') no-repeat center center;

box-shadow: 0 0 10px #fff;
box-shadow: 0 0 10px rgba(255,255,255,0.6);

background-color: #cc0000;
}


#abdecker{
position: fixed;
z-index: 10;
top: -60px;
bottom: -60px;
left: 0;
width: 100%;
/*
cursor: pointer;
*/
cursor: default;
background: rgba(0,0,0,0.4);

width: 0;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in;
   -moz-transition: opacity 0.3s ease-in;
     -o-transition: opacity 0.3s ease-in;
        transition: opacity 0.3s ease-in;
		
-webkit-transition: width 0s 0.3s ease-in;
   -moz-transition: width 0s 0.3s ease-in;
     -o-transition: width 0s 0.3s ease-in;
        transition: width 0s 0.3s ease-in;
		
		
-webkit-transition: opacity 0.3s ease-in, width 0s 0.3s ease-in;
   -moz-transition: opacity 0.3s ease-in, width 0s 0.3s ease-in;
     -o-transition: opacity 0.3s ease-in, width 0s 0.3s ease-in;
        transition: opacity 0.3s ease-in, width 0s 0.3s ease-in;	
		
		
}
#abdecker.on{
width: 100%;
opacity: 1;
-webkit-transition: opacity 0.3s ease-in;
   -moz-transition: opacity 0.3s ease-in;
     -o-transition: opacity 0.3s ease-in;
        transition: opacity 0.3s ease-in;
		

}


#bereichsleiste {
padding-bottom: 20px;
padding-bottom: 1px;
clear: both;
}


.nav-block, .zus-block {
margin-bottom: 20px;
}

.zus-block > h3 + a {
background-size: auto 100% !important;
padding-bottom: 100px !important;
}



/* */
#nav2 h2#willkommen,
#nav2 h2.offscreen,
#nav2_pt1,
#nav2_pt2,
#nav2_pt3,
#nav2_pt4,
/*#nav2_pt5,*/
#nav2_pt6,
#nav2_pt7,
/*#nav2_pt8,*/
#nav2_pt9,
#nav2_pt10,
#nav2_pt11,
#nav2_pt12,
#nav2_pt14,
#nav3_pt1,
#nav3_pt3,
#nav3_pt4,
#nav3_pt5,
#nav3_pt6,
#nav3_pt7,
#nav3_pt8,
/*#nav3_pt9,*/
#nav3 .offscreen{
display: none;
}


#nav2{
position: absolute;
top: 0;
top: 64px;
left: -120%;
width: 280px;


-webkit-transition: left 0.3s ease-in;
   -moz-transition: left 0.3s ease-in;
     -o-transition: left 0.3s ease-in;
        transition: left 0.3s ease-in;
/*
border: 5px solid #999;
*/
padding: 10px;
overflow: hidden;		
box-shadow:0 30px 30px #555555;
box-shadow:0 30px 30px rgba(0,0,0,0.2);

display: block;
margin-bottom: 40px;

z-index: 40;
background: #ffffff;

height: auto !important;
}

html.nav2_open #nav2{
left: -3%;
-webkit-transition: left 0.3s ease-in;
   -moz-transition: left 0.3s ease-in;
     -o-transition: left 0.3s ease-in;
        transition: left 0.3s ease-in;
}

#nav2 #nav2_pt2.nav-block{
display: none;
}

#b_home #nav2 #nav2_pt2.nav-block,
#b_kontakt #nav2 #nav2_pt2.nav-block{
display: block;
}

#nav2_pt1,
#nav2_pt4, 
#nav2_pt6, 
#nav2_pt12, 
#nav2_pt13, 
#nav2_pt14, 
#nav2_vsk, 
#nav3 #nav3_pt1{
display: block;
}

#nav2_pt1 h3,
#nav2_pt2 h3{
display: block;
padding: 4px 10px;
margin: 0 0 2px 0;
color: #000;
position: static;
}

#b_kontakt #nav2 #nav2_pt1 h3{background-color: #cc0000;}

#b_aktuelle_infos #nav2 #nav2_pt1 h3{background-color: #cc0000;}

#b_leben_in_aschaffenburg #nav2 #nav2_pt1 h3{background-color: #03657A;}

#b_kultur_und_tourismus #nav2 #nav2_pt1 h3{background-color: #630585;}

#b_sport_und_freizeit #nav2 #nav2_pt1 h3{background-color: #516407;}

#b_wirtschaft #nav2 #nav2_pt1 h3{background-color: #12407E;}

#nav2 #nav2_pt2 h3{background-color: #cc0000;}


#nav2 #nav2_pt4 a, #nav2 #nav2_pt4 a:link, #nav2 #nav2_pt4 a:visited {
background: url("../img_site/bg_onlinedienstebutton.jpg") no-repeat scroll center center #404144;
background-size: auto 100%;
border: 1px solid #9A9B9F;
display: block;
margin: 0;
overflow: hidden;
padding-top: 0px;
padding-bottom: 82px;
padding-bottom: 152px;
padding-bottom: 15%;
text-align: center;
}

#nav2 #nav2_pt6 a, #nav2 #nav2_pt6 a:link, #nav2 #nav2_pt6 a:visited {
/*background: url("../img_site/bg_newsletterbutton.jpg") no-repeat scroll center center #B8B5B0;*/
background: url('../img_site/bg_digitalisierungbutton.jpg') no-repeat scroll center center #ecf9ff;
background-size: auto 100%;
border: 1px solid #9A9B9F;
display: block;
margin: 0;
overflow: hidden;
padding-top: 0px;
padding-bottom: 82px;
padding-bottom: 152px;
padding-bottom: 25%;
text-align: center;
}

#nav2 #nav2_pt7 a, #nav2 #nav2_pt7 a:link, #nav2 #nav2_pt7 a:visited {
/*background: url("../img_site/bg_fluechtlingebutton.jpg") no-repeat scroll center center #3C638C;*/
background: url("../img_site/bg_bauvorhabenbutton.jpg") no-repeat scroll center center #dcdddd;
background-size: auto 100%;
border: 1px solid #9A9B9F;
display: block;
margin: 0;
overflow: hidden;
padding-top: 0px;
padding-bottom: 82px;
padding-bottom: 152px;
padding-bottom: 15%;
text-align: center;
}


#nav2 #nav2_pt9 a, #nav2 #nav2_pt9 a:link, #nav2 #nav2_pt9 a:visited {
background: url('../img_site/bg_coronabutton2.jpg') no-repeat scroll center center #eaeef2;
background-size: auto 100%;
border: 1px solid #9A9B9F;
display: block;
margin: 0;
overflow: hidden;
padding-top: 0px;
padding-bottom: 82px;
padding-bottom: 152px;
padding-bottom: 25%;
text-align: center;
}

#nav2 #nav2_pt10 a, #nav2 #nav2_pt10 a:link, #nav2 #nav2_pt10 a:visited {
background: url('../img_site/bg_klimaschutzbutton.jpg') no-repeat scroll center center #93836e;
background-size: auto 100%;
border: 1px solid #9A9B9F;
display: block;
margin: 0;
overflow: hidden;
padding-top: 0px;
padding-bottom: 82px;
padding-bottom: 152px;
padding-bottom: 25%;
text-align: center;
}

#nav2 #nav2_pt11 a, #nav2 #nav2_pt11 a:link, #nav2 #nav2_pt11 a:visited {
background: url('../img_site/bg_parkenbutton.jpg') no-repeat scroll center center #5a8cd5;
background-size: auto 100%;
border: 1px solid #9A9B9F;
display: block;
margin: 0;
overflow: hidden;
padding-top: 0px;
padding-bottom: 82px;
padding-bottom: 152px;
padding-bottom: 25%;
text-align: center;
}

#nav2 #nav2_pt12 a, #nav2 #nav2_pt12 a:link, #nav2 #nav2_pt12 a:visited {
background: url('../img_site/bg_bbeteiligungbutton2.jpg') no-repeat scroll center center #acacac;
/*background: url('../img_site/bg_bbeteiligungbutton2b.jpg') no-repeat scroll center center #caccd4;*/
background-size: auto 100%;
border: 1px solid #9A9B9F;
display: block;
margin: 0;
overflow: hidden;
padding-top: 0px;
padding-bottom: 82px;
padding-bottom: 152px;
padding-bottom: 25%;
text-align: center;
}

#nav2 #nav2_pt13 a, #nav2 #nav2_pt13 a:link, #nav2 #nav2_pt13 a:visited{
background: #cfdee6 url('../img_site/bg_dashboardbutton.jpg') no-repeat center 0;
background-size: auto 100%;
border: 1px solid #9A9B9F;
display: block;
margin: 0;
overflow: hidden;
padding-top: 0px;
padding-bottom: 82px;
padding-bottom: 152px;
padding-bottom: 25%;
text-align: center;
}

#nav2 #nav2_pt14 a, #nav2 #nav2_pt14 a:link, #nav2 #nav2_pt14 a:visited {
background: url('../img_site/bg_bbeteiligungbutton3.jpg') no-repeat scroll center center #d3ebf6;
background-size: auto 100%;
border: 1px solid #9A9B9F;
display: block;
margin: 0;
overflow: hidden;
padding-top: 0px;
padding-bottom: 82px;
padding-bottom: 152px;
padding-bottom: 25%;
text-align: center;
}


#nav3{
float: none;
display: block;
clear: both;
margin: 0px 2% 2% 2%;
padding: 0;
width: auto;

height: auto !important;
}


#nav3 #nav3_pt1{

}

#nav3 #nav3_pt1>h3,
#nav3 #nav3_pt2>h3,
#nav3 #nav3_pt3>h3{
cursor: pointer;
}

#nav3 #nav3_pt1>h3:after,
#nav3 #nav3_pt2>h3:after,
#nav3 #nav3_pt3>h3:after{
content:"+";
color: #707277;
color: #cc0000;
color: #ffffff;

font-size: 1.4em;
line-height: 0.5em;
margin-left: 5px;

position: relative;
bottom: -0.05em;
}

#nav3 #nav3_pt1>h3.open:after,
#nav3 #nav3_pt2>h3.open:after,
#nav3 #nav3_pt3>h3.open:after{
content:"–";
}

#nav3 #nav3_pt1>ul,
#nav3 #nav3_pt2>ul{
max-height: 0;
margin: 0;
overflow: hidden;
}
#nav3 #nav3_pt1>h3.open+ul,
#nav3 #nav3_pt2>h3.open+ul{
max-height: 9999px;

-webkit-transition: max-height 1.3s ease-in;
   -moz-transition: max-height 1.3s ease-in;
     -o-transition: max-height 1.3s ease-in;
        transition: max-height 1.3s ease-in;
		
margin-bottom: 2em;
}



#nav3_pt2.nav-block ul li,
#nav3_pt2.nav-block ul li a,
#nav3_pt1.nav-block ul li,
#nav3_pt1.nav-block ul li a{
display: block;
}

#nav3 #nav3_pt3>div.kal-header,
#nav3 #nav3_pt3>div.kal-tabelle{
position: relative;
max-height: 0;
overflow: hidden;
padding: 0;
}
#nav3 #nav3_pt3>h3.open+.kal-header,
#nav3 #nav3_pt3>h3.open+.kal-header+.kal-tabelle,
#nav3 #nav3_pt3>h3.open+.kal-header+.kal-tabelle+.kal-header,
#nav3 #nav3_pt3>h3.open+.kal-header+.kal-tabelle+.kal-header+.kal-tabelle,
#nav3 #nav3_pt3>h3.open+.kal-header+.kal-tabelle+.kal-header+.kal-tabelle+.kal-header,
#nav3 #nav3_pt3>h3.open+.kal-header+.kal-tabelle+.kal-header+.kal-tabelle+.kal-header+.kal-tabelle{

/*
max-height: 9999px;

-webkit-transition: max-height 1.3s ease-in;
   -moz-transition: max-height 1.3s ease-in;
     -o-transition: max-height 1.3s ease-in;
        transition: max-height 1.3s ease-in;
		*/

}

#nav3 #nav3_pt3>h3.open ~ .kal-header,
#nav3 #nav3_pt3>h3.open ~ .kal-tabelle{
max-height: 9999px;

-webkit-transition: max-height 1.3s ease-in;
   -moz-transition: max-height 1.3s ease-in;
     -o-transition: max-height 1.3s ease-in;
        transition: max-height 1.3s ease-in;
}
#nav3 #nav3_pt3>h3.open ~ .kal-tabelle{

}



#nav3 #nav3_pt3>h3:after,
#b_home #nav3 #nav3_pt1 h3:after, 
#b_allgemein #nav3 #nav3_pt2 h3:after,
#b_allgemein #nav3 #nav3_pt1 h3:after{
color: #cc0000;
}

#b_home #nav3 #nav3_pt3,
.veranstaltungen-liste #nav3 #nav3_pt3{
display: block;
}


#nav3 #nav3_pt3 .offscreen{
display: none; 
}

#nav3 #nav3_pt9 a, #nav3 #nav3_pt9 a:link, #nav3 #nav3_pt9 a:visited {
background: url("../img_site/bg_veranstaltungenbutton_rsp.jpg") no-repeat scroll center center #455473;
background-size: auto 100%;
border: 1px solid #9A9B9F;
display: block;
margin: 0;
overflow: hidden;
padding-top: 0px;
padding-bottom: 82px;
padding-bottom: 152px;
padding-bottom: 15%;
text-align: center;
}


#pathfinder{
clear: both;
float: none;
display: block;
margin-bottom: 20px;
width: auto;
}
#pathfinder h2 span.offscreen:first-child{
display: block;
position: static;
font-size: 1em;
line-height: 1.2em;
font-weight: 700;
}
#pathfinder h2 span.offscreen:first-child::after{
display: none;
}

#content{
clear: both;
width: 96%;

height: auto !important;
}
#content:before,
#content:after{
display: none;
}


#footer .inner{
margin-top: 1em;
}

#footer .col1,
#footer .col2{
float: none;
display: block;
clear: both;

margin-bottom: 0.25em;
}

#footer .col1 a.seitenanfang {
clear: both;
display: inline-block !important;
float: left;
font-weight: 700;
margin: 1em 0 2em 0;

}

#footer .col1 a.seitenanfang+a {
clear: both;
}


#footer .col2 ul{
float: none;
display: block;
clear: both;

list-style: none;
}

#footer .col2 ul li{
float: none;
display: block;
clear: both;
margin: 0;
padding: 1em 0 0 0;
}
#footer .col2 ul li a{
float: none;
display: block;
clear: both;

}


.adr-block dt{
width: 15%;
}

.adr-block dd{ 
width: 83%;
}



.blt-header .col1{
display: inline;
float: left;
width: auto;
/*
width: 49%;
*/
}

.blt-header .offscreen{
display: none !important;
}


.blt-footer{
display: none;
}



.bgl-modul ul li{
margin:  2.17391304347826% 0 0 2.17391304347826% !important;
width: 23.3695652173913%;
width: 18.26%;
}

.bgl-modul ul li:nth-child(3n-2),
.bgl-modul ul li:nth-child(4n-3){
clear: none;
margin-left: 2.17391304347826% !important;
}
.bgl-modul ul li:nth-child(5n-4){
clear: left;
margin-left: 0 !important;
}


.sue-modul .blt-header .col2{
padding-top: 0;
}


div#vid_overlay iframe{
width: 98%;
}


.vsl-block li{
background-position: 22% top;
}

.vsl-block li div.datum{
float: left;
display: inline;
width: 110px;
width: 22%;
padding: 8px 2% 8px 1%;
white-space:nowrap;

margin-left: 0;
}

.vsl-block li div.datum span{
display: block;
}

.vsl-block li div.text{
width: 50%;
padding: 8px 0 8px 0.8%;

width: 56.9%;
}
.vsl-block li div.bild{
width: 13.3%;
padding: 10px 2%;

/**/
max-width: 90px;
}




}

@media (max-width: 800px) {

.bgl-modul ul li{
margin:  2.17391304347826% 0 0 2.17391304347826% !important;
width: 23.3695652173913%;
}

.bgl-modul ul li:nth-child(3n-2),
.bgl-modul ul li:nth-child(5n-4){
clear: none;
margin-left: 2.17391304347826% !important;
}
.bgl-modul ul li:nth-child(4n-3){
clear: left;
margin-left: 0 !important;
}


.vsl-block li{
background-position: 26% top;

background-position: 0% top;
}

.vsl-block li div.datum{
margin-left: 20px;
width: 18%;
}



}


@media (max-width: 600px) {

body{
background: #ffffff;
}

#wrapper{
margin: 0;
box-shadow: none;
width: auto;
}

#header{
padding: 0 2%;
}

#header #ab-logo {
padding: 10px 0 10px 0;
}

#header #headermotiv{
padding-bottom: 20%;
}

#header #headermotiv img{
display: block;
width: 120%;
margin-left: -10%;
}

#nav1 #nav1_pt1{
margin: 0;
padding: 0 2%;
}

body#b_notfall #nav1_pt1{
margin: 1px 2% 0 2%;
height: 10px;
}

#nav1 #nav1_pt1 ul{
display: block; 
margin: 0;
}
#nav1 #nav1_pt1 li{
display: block; 
float: none;
clear: both;
width: auto;
margin: 1px 0 0 0%;
}
#nav1 #nav1_pt1 li a{
border: 0 !important;
}

#navbutton{
top: 14px;
margin-right: 1%;
}

#content h3.main{ /* Haupt-Inhaltsüberschrift */
font-weight: 700;
/*
font-size: 170%;
line-height: 1em;
*/
font-size: 1.29411764705882em;
line-height: 1.18181818181818em;

margin: 20px 0 10px 0;
padding: 0;
letter-spacing: normal;
}



.adr-block dt{
width: 25%;
}

.adr-block dd{ 
width: 73%;
}



#content .abc-suche li{
width: 7.68%;
}



.vsl-block li{
background-position: left center;
position: relative;
}

.vsl-block li div.datum{
display: block;
float: none;
width: auto;
padding: 10px 0 0 5%;
white-space:nowrap;
margin-left: 25px;
}

.vsl-block li div.datum span{
display: inline;
}

.vsl-block li div.text{
float: left;
display: inline;
width: 73%;
padding-left: 5%;
}
.vsl-block li div.bild{
width: 18%;
padding: 10px 2% 10px 2%;
}



.krt-modul #map-suchergebnisse ul li .se-text{
float: none;
display: block;
width: auto;
clear: both;


}

.krt-modul #map-suchergebnisse ul li .se-bild{
float: none;
display: block;
width: auto;
clear: both;

max-width: 200px;

}



}



@media (max-width: 480px) {



#content>div{
font-size: 0.88235294117647em;
line-height: 1.46666666666667em;

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




.cnt-modul-a div.bilderbereich,
.txt-block div.bilderbereich{
padding: 0 0 0px 10px;
max-width: 120px;
}


.bgl-modul ul li{
margin:  3.2% 0 0 3.2% !important;
width: 31.15942028985507%;
}

.bgl-modul ul li:nth-child(4n-3){
clear: none;
margin-left: 3.2% !important;
}
.bgl-modul ul li:nth-child(3n-2){
clear: left;
margin-left: 0 !important;
}


.vsu-modul #cvsu_undoder input{
clear: left;
}

.asu-modul div#casu_undoder input{
clear: left;
}

.ssu-modul div#cssu_undoder input{
clear: left;
}

.bsu-modul div#cbsu_undoder input{
clear: left;
}


.vsd-block dt{
width: auto;
float: none;
/*display: block;*/
margin: 0 0 0em 0;

margin: 0 0.5em 0em 0;
display: inline-block;
float: left;
clear: left;

float: none;
display: block;
}

.vsd-block dd{ 
width: auto;
float: none;
/*display: block;
margin: 0 0 0.76470588235294em 0;
*/
margin: 0 0 0.76470588235294em 0;
display: block;

padding-left: 26px;
}


#content .vdl-modul .vd-liste>ul>li{
padding: 2em 0 1em 0;
}

#content .vdl-modul .vd-liste>ul>li .vd-text{
display: block;
width: auto;
float: none;
}

#content .vdl-modul .vd-liste>ul>li .vd-bild,
#content .vdl-modul .vd-liste>ul>li .vd-audio{
float: none;
display: block;
margin: 0px 0px 1em 0px;
width: auto;
}

div#vid_overlay iframe{
width: 96%;
margin: 44px auto;
}


}



@media (max-width: 400px) {


#header #headermotiv{
padding-bottom: 0;
height: 74px;
position: relative;
}

#header #headermotiv img{
position: absolute;
top: 0;
left: 50%;
width: 444px;
margin-left: -222px;
}


#nav1 #nav1_pt5 ul li{
margin-left: 0px;
border-left: 0;
display: block;
float: none;
clear: left;
line-height: 30px;
}


#content h3.main{ /* Haupt-Inhaltsüberschrift */

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

font-size: 1.11764705882353em;
line-height: 1.21052631578947em;
}


.blt-header .col1,
.blt-footer .col1{
	/*
float: none;
display: block;
width: auto;

text-align: center;
*/
}

.blt-header .col2,
.blt-footer .col2{
float: none;
display: block;
width: auto;
padding-top: 0;
}

.blt-header .col2 .seite,
.blt-footer .col2 .seite{
	/*
display: block;
*/
float: right;
display: inline;
position: static;
}

.blt-header .col2 .zurueck, 
.blt-footer .col2 .zurueck, 
.blt-header .col2 .mehr, 
.blt-footer .col2 .mehr {
width: 40%;
border-left: 0 !important;
}

.blt-header .col2 .zurueck, 
.blt-footer .col2 .zurueck {
clear: left;
}

.blt-header .col2 .mehr, 
.blt-footer .col2 .mehr {
float: right;
text-align: right;
}

#content .abc-suche li{
width: 11.11%;
}



.vsl-block li div.datum span{
float: left;
clear:left;
}
.vsl-block li div.text{
clear:left;
width: auto;
}

.vsl-block li div.bild{
position: absolute;
top: 0;
right: 0;
width: 24%;
}


.vsl-block li div.datum span.uhrzeit {
display: block;
}


.asu-modul div#casu_partei,
.asu-modul div#casu_zeitraum,
.asu-modul div#casu_datum,
.asu-modul div#casu_begriff,
.asu-modul div#casu_astatus{
padding-top: 0em;
width: auto;
float: none;
clear: both;
display: block;
border-top: 0;
}
.asu-modul div#casu_astatus{
max-width: none;
}
.asu-modul #casu_astatus + #casu_submit, 
.asu-modul #casu_astatus + #a_pag + #casu_submit {
padding-top: 1em;
}


.knt-modul div#ckn_anrede,
.knt-modul div#ckn_vorname,
.knt-modul div#ckn_plz,
.knt-modul div#ckn_telefon,
.knt-modul div#ckn_name,
.knt-modul div#ckn_strasse,
.knt-modul div#ckn_ort,
.knt-modul div#ckn_email{
padding: 0em 0 0 0;
width: auto;
float: none;
clear: both;
display: block;
border-top: 0;
}
.knt-modul div#ckn_anrede{
display: none;
}


.nsl-modul div#cnl_anrede,
.nsl-modul div#cnl_name,
.nsl-modul div#cnl_titel,
.nsl-modul div#cnl_vorname{
padding: 0em 0 0 0;
width: auto;
float: none;
clear: both;
display: block;
border-top: 0;
}
.nsl-modul div#cnl_anrede{
display: none;
}

	
.vsl-block li div.datum span.uhrzeit {
display: block;
}



.vsu-modul div#cvsu_kategorie,
.vsu-modul div#cvsu_location,
.vsu-modul div#cvsu_veranstalter,
.vsu-modul div#cvsu_zielgruppe,
.vsu-modul div#cvsu_begriff{
padding: 0em 0 0 0;
width: auto;
float: none;
clear: both;
display: block;
border-top: 0;
}

#vsu_begriff{

}


.bsu-modul div#cbsu_kategorie,
.bsu-modul div#cbsu_altersgruppe,
.bsu-modul div#cbsu_begriff{
padding: 0em 0 0 0;
width: auto;
float: none;
clear: both;
display: block;
border-top: 0;
}


.ssu-modul div#cssu_kategorie,
.ssu-modul div#cssu_stadtteil,
.ssu-modul div#cssu_begriff{
padding: 0em 0 0 0;
width: auto;
float: none;
clear: both;
display: block;
border-top: 0;
}


.sue-modul .blt-header .col1,
.sue-modul .blt-footer .col1{
display: block;
float: none;
width: auto;
}


.sue-modul .blt-header .col1 .seite,
.sue-modul .blt-footer .col1 .seite{
display: block;
float: none;
width: auto;
position: static;
text-align: center;
}



}



@media (max-width: 360px) {


#content>div{
font-size: 0.88235294117647em;
line-height: 1.46666666666667em;

}



.bgl-modul ul li{
margin:  2.17391304347826% 0 0 2.17391304347826% !important;
width: 48.9%;
}

.bgl-modul ul li:nth-child(3n-2){
clear: none;
margin-left: 2.17391304347826% !important;
}
.bgl-modul ul li:nth-child(2n-1){
clear: left;
margin-left: 0 !important;
}


.cnt-modul-a div.bilderbereich,
.txt-block div.bilderbereich{
padding: 0 0 0px 0px;
max-width: none;
width: auto;
float: none;
display: block;
}


}

/* 2024-10-29 */