body                                { position: relative; }
#head                               { width: auto; height: 50px; }
#nav                                { display: none; }
#nav-bg                             { height: 50px; }
#content														{ background: none; background-color: #48A15D; height: auto; }

h1                                  { font-size: 15pt !important;  }

#wrap-content												{ padding-top: 50px; }
#gallery                            { width: auto; height: auto; }
#gallery-picture                    { height: auto; }
#gallery-picture img                { width: 100%; }
#gallery-text-overlay 							{ width: 100%; position: static; background: none; height: auto; padding-top: 15px; }
#gallery-infotext                   { position: static; text-align: center; }
#gallery-pagination                 { left: 6px; top: 6px; }
#scroll-boxen                       { width: auto; }
#scroll-left                        { width: auto; }
#scroll-right                       { width: auto; }
#scroll-left img                    { }
#scroll-right img                   { }
#scroll-area                        { width: auto; }
#secondbox                          { display: none; }
#thirdbox                           { display: none; }
.scroll-box                         { border: 0; width: auto; max-width: 600px; margin: 0; padding: 0; float: none; height: auto; }

.box-icon                           { display: none; }
.box-text                           { width: auto; max-width: 560px; padding-left: 0px; padding-right: 0px; }
.box-head                           { padding-bottom: 10px; }
.box-link                           { display: none; }

#inhalt                             { padding-left: 20px; padding-right: 20px; width: auto; }
#inhalt-left                        { float: none; width: 100%; padding-right: 0; border: none; padding-left: 0; }
#inhalt-left h2                     { padding-left: 0; }
#inhalt-right                       { float: none; width: 100%; padding-left: 0; }
#inhalt-right h2                    { padding-left: 0; }

.news-info                          { width: 100%; }
.veranst-info                       { width: 72%; }

#footer                             { width: 100%; }
#foot-nav                           { padding-top: 10px; }
#foot-nav ul                        { padding-left: 20px; }
#foot-nav li												{ width: 43%; padding-left: 0; padding-right: 0; padding-bottom: 10px; text-align: left; }
#foot-nav a                         { font-size: 9pt; }
#foot-info                          { padding-bottom: 15px; }

#logo                               { height: 42px; width: 42px; }
#logo a                             { display: block; }
#logo img														{ width: 42px; display: block; }

.haed-icon-info                     { display: none; }

/* Mobile Menüleiste für große Displays */
#nav-mobile-btn 										{ display: block; }
#wrap-head 													{ position: fixed; height: 50px; width: 100%; left: 0; z-index: 2000; background-color: #fff; }
#nav-abst-top 											{ height: 0; }
#logo																{ right: 10px; top: 4px; left: initial; }
#content 														{ padding-top: 50px; }
#nav-mobile-btn 										{ width: 42px; padding: 11px 20px 9px 20px; }
#nav-mobile-btn-inner 							{ height: 24px; padding-top: 6px; padding-left: 8px; border-radius: 5px; }
#menu-btn       										{ float: left; width: 25px; margin-right: 8px; padding-top: 2px; }
#menu-btn-text  										{ float: left; }
.menubtn-line   										{ width: 25px; height: 3px; background-color: #48a15d; margin-bottom: 3px; }
#suche 															{ padding-top: 14px; right: 68px; }

#content-center										  { width: 100%; }
#content-bild	img										{ max-width: 100%; }


#inhalt-text-left										{ width: 100%; float: none; }
#inhalt-text table                  { width: 99% !important; }
#inhalt-text                        { margin-left: 0; margin-right: 0; padding: 0 15px; }
#content-boxen											{ width: 100%; float: none; }
.cntbox															{ float: none; margin-bottom: 30px; max-width: 100%; }
.cntbox-head												{ padding-right: 10px; }
.cntbox-content											{ padding-right: 10px; }

#no-head-pic												{ height: 15px; }
.formlist li												{ float: none; width: 100%; margin-bottom: 15px; }
.ffeld															{ width: 97%; }
#nachricht													{ width: 97%; }

.st-termin-datum										{ float: none; width: auto; }
.st-termin-datum span               { display: inline; }
.st-termin-datum span::after        { display: inline-block; content: ','; }
.st-termin-zeit											{ float: none; width: auto; }
.st-termin-titel										{ float: none; width: auto; padding-top: 5px; }
.st-termin-titel div                { padding-left: 0; }
.st-termin-asp											{ float: none; width: auto; padding-top: 5px; }
.st-termin-asp div									{ padding-left: 0px; }


#sammelbezirke											{ display: block; }
#sammelbezirke .table-row						{ display: block; padding-bottom: 25px; }
#sammelbezirke .table-cell					{ display: block; border-top: 0; }

#sammelbezirke .table-head					{ display: none; }
#sammelbezirke .table-cell span		  { display: inline-block; padding-right: 10px; }
.sb-nummer													{ width: auto; font-weight: bold; }


#portal-anmeldung										{ width: auto; float: none; padding-right: 0; }
#portal-registrierung								{ width: auto; float: none; padding-top: 45px; }

#kontakt-box                        { left: -65px; }
#kontakt-box a                      { text-align: right; }

.abs-bilder-galerie li              { width: 50%; }
.news-date                          { float: none; text-align: left; }
.news-titel                         { float: none; }

.liste3spalten-element              { width: 50%; }
#reg-list-left                      { width: auto; float: none; }
#reg-list-right                     { width: auto; float: none; }

#gala-text                          { padding: 15px; }

.termin                             { display: inline-block; padding-right: 20px; }
.veranst-info                       { width: auto; float: none; padding-left: 0; }

.vst-titel                          { float: none; width: auto; text-align: left !important; }
.vst-titelzeile                     { float: none; width: auto; padding-left: 0; padding-bottom: 10px; }

#suche-lupe                         { display: none; }
#suche-lupe-mobile                  { display: block; float: left; height: 18px; padding-top: 5px; }
#suche-lupe-mobile img              { display: block; height: 17px; }
#suche-lupe-mobile a                { display: block; height: 18px; }
#ico-login                          { padding-left: 20px; }
#ico-kontakt                        { padding-left: 20px; }
#ico-kontakt                        { padding-right: 63px; }
#kontakt-box                        { left: auto; right: 63px; }

#map_canvas                         { max-height: 400px; }

#list-aufsichtsrat                  { width: 100%; }
.aufsr-nameandinfo                  { width: 66.66%; }
.aufsr-name                         { width: 50%; }
.aufsr-zusatz                       { width: 50%; }
.aufsr-datum                        { width: 33.33%; }


.mobile-only                        { display: block; }

#kommi-name                         { float: none; width: auto; }
#kommi-email                        { float: none; width: auto; }
#kommi-text textarea                { width: 97%; }

.kommi-user                         { float: none; width: auto; }
.kommi-datum                        { float: none; width: auto; text-align: left; padding-top: 5px; }


#gala-list li                       { float: none; width: auto; height: auto; }
.gala-list-img img                  { width: 100%; max-width: 400px; }
#gala-details ul li                 { width: 50%; }

.mtfeld                             { padding-right: 5px; }
.mtcontent                          { padding-left: 5px; }


@media only screen and (max-width: 590px) {
  .liste3spalten-element              { width: auto; float: none; height: auto; padding-bottom: 25px; }
  #gala-details ul li                 { height: 170px; }
}

@media only screen and (max-width: 560px) {
  .news-head-date										 	{ float: none; width: auto; text-align: left; }
  .news-head-titel							  		{ float: none; width: auto; }
  .news-info											  	{  }
  .aufsr-nameandinfo                  { width: auto; float: none; }
  .aufsr-name                         { width: auto; float: none; padding-top: 8px; }
  .aufsr-zusatz                       { width: auto; float: none; min-height: 0px; }
  .aufsr-datum                        { width: auto; float: none; padding-top: 8px; }
}

@media only screen and (max-width: 500px) {
	#content-left												{ background: none; }
  #content-right											{ background: none; }
  #inhalt-text												{ /*margin-left: 15px; margin-right: 15px;*/ }
  .abs-bilder-galerie li              { width: auto; float: none; height: auto; }
  #foot-nav li                        { float: left; width: 50%; }
  #gala-details ul li                 { height: 130px; }
  .cc-box															{ padding-left: 0px; border-right: 1px solid transparent; }
  .cc-head														{ padding: 10px 0px; }
  .cc-text-area												{ padding: 0; }
  .cc-icon                            { display: none; }
  .cc-text                            { width: 100%; }
  #gala-headline                      { font-size: 15pt; }
}

@media only screen and (max-width: 420px) {
  #scroll-boxen                       { height: 135px; }
  #scroll-area                        { height: 135px; }
  .cc-box															{ padding-left: 0px; border-right: 1px solid transparent; }
  .cc-head														{ padding: 10px 0px; }
  .cc-text-area												{ padding: 0; }
  .cc-icon                            { display: none; }
  .cc-text                            { width: 100%; }
  #gala-details ul li                 { float: none; width: auto; height: auto; text-align: center; }
  #gala-details ul li a img           { width: auto; max-width: 300px; }
}
