@charset "iso-8859-1";
/* ------------------------------------------------------------------------------ */
/* cmsBaseLayout                                                                  */
/* ------------------------------------------------------------------------------ */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
    iframe                          { width:100% !important; }

    .bild.mobileWrap                { float:none!important; }
    .text.mobileWrap                { margin-left:0px!important; }

    .layout5Right, .layout5Left           { width: 100%; float: none; }
  }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
    #vnav img                       { max-width:100%; }
    object,embed                    { width:372px !important; height:300px !important;}
    #ecards ul.items li img         { max-width:96%; }
  }

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
  	#mobileshownav         	        { display:block; }
    #greetingsautoaussen            { display:none!important; }

    .Innenraum label.left		        { text-align:left; width:auto; margin:0px; padding:0px; }
    .Innenraum label.pflichtfeld	  { margin:0px; display:block; }
    .Innenraum .formelement		      { text-align:left; margin:0px; width:99%; float:left; }
    .Innenraum #kontform input[type=text], .Innenraum #kontform input[type=password],.Innenraum #kontform textarea
								                    { width:97%; -webkit-appearance: none; }
    .Innenraum #kontform .selectfeld, .Innenraum #kontform input[type=button], .Innenraum #kontform input[type=submit]
								                    { width:100%; -webkit-appearance: none; }
    .Innenraum input[type=text], .Innenraum input[type=search], .Innenraum input[type=password], .Innenraum textarea
								                    { width:97%; -webkit-appearance: none; }
    .Innenraum select, .Innenraum .selectfeld, .Innenraum input[type=button], .Innenraum input[type=submit]
								                    { width:100%; -webkit-appearance: none; }

    .formLabelBox                   { width:100%; text-align:left; }
    .formElementBox                 { clear:both; float:left; width:100%; }
    .formLabelBox label             { float:left; }
    div.pflichtfeld                 { float:left; text-align:left; }

    .gallerieListe                  { margin:10px 5px 15px 0px; width:124px; padding-top:2px; height: auto; min-height: 122px; float:left; text-align:center; }
		#Gallerie .bild                 { margin: 0px 3px 3px 3px; }

    .adresse .bezeichnung           { float:left; width:35%; text-align:right; }
    .adresse .inhalt                { float:left; width:65%; }

    #vereine .description	          { padding:5px 0px; }
    #vereine .text                  { float:none; padding:0px; width:100%; }
    #vereine .ort                   { float:none; padding:0px; }
    #vereine .links                 { float:none; padding:5px 0px; width:100%; }

    #branche .description	          { padding:5px 0px; }
    #branche .text                  { float:none; padding:0px; width:100%; }
    #branche .ort                   { float:none; padding:0px; }
    #branche .links                 { float:none; padding:5px 0px; width:100%; }

    #vnavcenter .bild250                    { float:none; width:100%; text-align: left; }
    #vnavcenter .text250                    { margin: 0; margin-top: 10px; }

    FORM.suchform                   { position:relative; top:0px; right:auto; left:0px; margin:10px 10px 0px 10px; padding:0px; z-index:99999; width: calc(100% - 20px); }
    INPUT.suchfeld                  { width:calc(100% - 44px); }


    #hnav                           { position:relative; left:0px; top:0px; margin: 5px; }
    #hnav ul                        { margin:0px; }
    #hnav ul li                     { }
    #hnav #bfnav                    { display: none; }
  }

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
    .inner                          { margin:0px; }
    #mobilefooter                   { display: inline; }
    #Bauwerk .inner                 { margin:0px; }
    #Obergeschoss .inner            { padding-bottom:10px; height:auto;}
    .langVG #Obergeschoss           { height: auto; }



    #wechselbilder, .hornav         { display: none;  }
    #bfnav .mobile                  { display: inline; }
    #bfnav .desktoponly             { display: none; }

    #mnav ul li    ul.munavRechts		{ z-index:-1;display:none;}
    #mnav ul li:hover    ul.munavRechts		{ visibility:hidden; }

    .Innenraum                      { margin-left:10px; margin-right: 10px; }

    #vnav                           { margin-left:10px; margin-right: 10px; }

    #pagejumper                     { font-size:80%; }
    #pagejumper a                   { width:24px;}
    #pagejumper .inaktiv            { width:24px;}

    .adresse #Obergeschoss .inner   { padding-bottom:0px; }
    .adresse .bezeichnung img	      { max-width:94%; }

    #ecards ul.items li img                { max-width:96%; }
  }

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
    #mobilefooter                   { display: inline; }
    #Bauwerk .inner                 { margin:0px; }
    #Obergeschoss .inner            { padding-bottom:10px; height:auto; }
    .langVG #Obergeschoss           { height: auto; }

    #wechselbilder,.hornav          { display: none;  }
    #bfnav .mobile                  { display: inline; }
    #bfnav .desktoponly             { display: none; }

    #mnav ul li          ul.munavRechts		{ z-index:-1; display:none;}
    #mnav ul li:hover    ul.munavRechts		{ visibility:hidden; display:none;}

    .Innenraum                      { margin-left:10px; margin-right: 10px; }

     .buchstabeReihe                { word-wrap:break-word; }

    #vnav                           { margin-left:10px; margin-right: 10px; }

    #pagejumper                     { display:none; }

    .adresse #Obergeschoss .inner   { padding-bottom:0px; }
    .adresse .bezeichnung           { width:100%; text-align:left; }
    .adresse .bezeichnung img	      { max-width:100%; margin:0px; float:none; }
    .adresse .inhalt                { width:100%; }
    .adresse .adressbild            { width:100%; margin-right: 0px; text-align:center; }

    /* Responsive Table */
    table.responsive td                   { margin-left:100px; width:180px; }
    table.responsive td:before            { width:90px; margin-left:-100px; }
    table.responsive select               { width:190px !important; }

    #ecards ul.items li                 { margin:0px 0px 30px 0px;width:auto; float:none; }
    #ecards ul.items.threecols li           { width:auto; margin-right:5px; }
  }

/* 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 *
 * multi-INTER-media GmbH                                                         *
 * Letzte Aenderung: 04.05.2016                                                   *
 * 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 */