/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (max-width: 450px) {
    .boxLeft {display:none;}
    .leftAmt {display:block !important;}
    .formItem .formField {width:99% !important;}
    .formItem .formLabel {width:99% !important;}
    .formField span.itick input[type="checkbox"], .formField span.itick input[type="radio"] {height:1.5rem !important}
    /*.moduleLogoAmt {display:none;}*/
    .amtNamenssuche {width:100% !important}
}

@media only screen and (min-width: 600px) {
    /* moduleLogos */
    .moduleLogos .boxLogo2 {display:block;}
}

/* Style adjustments for viewports 400px and over go here */
@media only screen and (min-width: 400px) {

	
    .moduleFormSelect label {width:auto;display:inline;margin: 0 17px 0 0;}
    .moduleFormSelect select {width: 196px;}
	
	#form_zip input[type="text"] {margin: 0 5px 0 0;width: 94px;}
	#form_zip select {width: 97px;} 	
}
@media only screen and (max-width: 480px) {
    .moduleCont1 .boxImage {float:none !important;padding:0 !important;}
    .moduleCont1 .boxIcons {padding:0 !important;}
    .moduleCont1 img.boxImage {width: 50%;}

    .fancybox-title-float-wrap {bottom: -10px;height: 1px;margin-bottom: 0;}
    .fancybox-title-float-wrap .child {padding: 2px 10px;white-space: normal;}
}
@media only screen and (min-width: 480px) {
    .moduleCont1 .boxImage {float:left; width:40%;}
    .moduleCont1 .boxImageTeaser {width:100%;}
    .moduleCont1 .boxImageFull {width:100%;float:none;}
    .gridMainCols2ContentRight .divContent2Cols .moduleCont1 .boxImage {width:30%;float:left;}

    /* moduleCont2 Galerie Teaser  */
    .moduleCont2a a {width:46%; float:left; margin:0 0 17px;padding:0 3.5% 0 0;}
    .moduleCont2a a.boxLast {padding:0 3.5% 0 0;}
    
    .formular input.formSuche {width:60% !important;}
    
}

@media only screen and (max-width: 480px) {
    .moduleCont4 ul {width:99%;}
}

@media only screen and (min-width: 500px) {
    .moduleLogos .boxLogoStmelf {display:block;} 
    .moduleLogos .boxWappenStmelf {display:block;}      
}
@media only screen and (max-width: 480px) {
    .moduleCont20 h2 {position: absolute;bottom: 5px;right: 5px;}
    .moduleCont20 h2 strong {background:#235A23;background: -webkit-linear-gradient(to top, rgba(23,103,23,1) 0%,rgba(13,60,13,1) 100%);background:    -moz-linear-gradient(to top, rgba(23,103,23,1) 0%,rgba(13,60,13,1) 100%);background:-ms-linear-gradient(to top, rgba(23,103,23,1) 0%,rgba(13,60,13,1) 100%);background:-o-linear-gradient(to top, rgba(23,103,23,1) 0%,rgba(13,60,13,1) 100%);background:linear-gradient(to top, rgba(23,103,23,1) 0%,rgba(13,60,13,1) 100%);padding:0 0 0 9px;margin:0 0 0 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
    .moduleCont20 h2 strong span {background:none;font-size: 0.75rem;white-space: normal;padding: 5px 9px 6px 0;height:auto;}
    /* moduleLogos */
}
@media only screen and (min-width: 600px) {
    .moduleCont22 ul li .boxColLeft {float:left;font-weight:normal;padding:5px 1%;width:22%;}
    .moduleCont22 ul li .boxColRight {padding:5px 1%;width:74%;}
}
/* Style adjustments for viewports 700px and over go here */
@media only screen and (min-width: 700px) {
    .tablet .gridContentLeft {width: 23% !important;}
    label, strong, b, table {font-size:0.8125rem !important;}
    table th {padding:8px 10px 7px 10px;}
    table td {padding:7px 10px;}
    h1 span, .h1 span {font-size:0.75rem !important;}
    
    /* gridMain */
    .gridMain {font-size:0.8125rem;}
	.ie8 .gridMain {font-size:81.25%;}
    .gridMain.gridMainCols2ContentRight .gridContentFull {float:none; overflow:hidden; width:auto; font-size:0.8125rem;}
    .gridMainCols2ContentRight .divContent2Cols .moduleCont1 .boxImage {width:30%; min-width:80px;}

    /* gridContentLeft */
    .gridContentLeft {float:left; width:23%; top:9px;}

    /* gridContentFull */
    .gridContentFull {overflow:hidden; float:none;}

    /* gridContentRight */
    .gridContentRight {margin:0 0 0 23%; padding:2.5% 3% 3% 3%; border-left:1px solid #aeaeae;}
    .gridContentRight p {font-size:0.8125rem;}
    
    /* divContent */
    .divContent {min-height:650px; height:auto !important; height:650px; border:1px solid #aeaeae; border-bottom:0; border-right:0; background:#fff;}
/*    .divContent p, ul, ol, p span, ul span, ol span, a {font-size:0.8125rem;}*/
    .divContent.fontSize2 p, .divContent.fontSize2 ul, .divContent.fontSize2 ol, .divContent.fontSize2 p span, .divContent.fontSize2 ul span, .divContent.fontSize2 ol span, .divContent.fontSize2 a {font-size:0.9375rem;}
    
    /* moduleHeaderImage */
    .moduleHeaderImage {display:block; height:auto; margin-bottom:-24px;}
    .moduleHeaderImage img, .moduleHeaderImage .boxOverlay  {display:block;}
    .moduleHeaderImage {position:relative; width:auto; min-width:0; max-width:10000px;}
    .moduleHeaderImage .boxOverlayBottom {bottom:-1px; top:auto;} 
    .moduleHeaderImage h1 {display:block; position:absolute; top:75px; left:25%; width:460px; border:0; font-size:1.125rem; line-height:1.5rem; color:#235A23;}
	.moduleHeaderImage .boxPhone{position:absolute;bottom:27px;right:20px;color:#fff;z-index: 10;display:block;}


    /* moduleSearch */
    .moduleSearch {width:35%; padding:0; background:0; position:absolute;z-index:9;top:15px;right:20px;}
    .moduleSearch #suche {line-height: 1.25em;}
    #form_suche {padding:0;}
    
    /* moduleIcons */
    .moduleIcons {display:block;}

    /* moduleNavigation */
    .moduleNavigation .boxHeadline {display:none;}
    .moduleNavigation .boxToggle {display:none;}
    .moduleNavigation .boxBack {display:none;}
    .moduleNavigation .boxToggleContent {display:block !important;}
    .moduleNavigation ul a {display:block; padding:7px 10px 7px 20px; font-size:0.8125rem;}
    .moduleNavigation ul li ul li a {padding:7px 10px 7px 30px;}
    .moduleNavigation ul li ul li ul li a {padding:7px 10px 7px 40px; font-size:0.7rem;}
    .moduleNavigation ul a.activeBg {font-weight:bold;}
    .moduleNavigation .boxHasSub {background-image:none !important;}
    .moduleNavigation .boxNav3 li {display:block;}
    .moduleNavigationSub li {display:block;}
    
    /* Navigation GesamtAngebot Stmelf */
    .moduleGesamtAngebotStmelf {display:block; border-bottom:none; padding:5px 0 5px 20px;background-color:#f7f9f2;}
    .moduleGesamtAngebotStmelf a {padding:0 0 0 17px; font-size:0.8125rem;}
    .moduleGesamtAngebotStmelf a.jsActive {background-position:-320px -417px;}
    .moduleGesamtAngebotStmelf a.jsToggleInactive {background-position:-320px -317px;}
    .divGesamtAngebotStmelf {display:none;}
    
    /* moduleLogos */
    .moduleLogos .boxLogoStmelf {display:block;}

    /* moduleSwitchMod */
    .moduleSwitchMod {display:none;}
    
    /* moduleCont2 Galerie Teaser  */
    .moduleCont2 a {width:31%; float:left; margin:0 0 10px;}
	.moduleCont2a a.boxLast {padding:0;}
    
    /* moduleCont14 Png Text Gabel Amt mit Karte */
    .moduleCont14 {left:23%; width:77%; margin:0 0 -1px 0; padding:0 0 1px 0; border-left:1px solid #aeaeae; border-bottom:1px solid #fff;z-index:11;}
    .moduleCont14 div {display:block;bottom:-10px; top:auto;}
    .moduleCont14 div img {width:98%;}
    .moduleCont14 p {padding: 0 0 0 310px !important;}
    
	.moduleCont18 .boxTextLeft {margin:0 2% 20px 0;float:left;width:39%;}
	.moduleCont18 .boxTextRight {margin:0 0 20px 0;width:39%;float:left;}
	
    /* moduleCont21 */
    .moduleCont21 {margin:0 0 10px 0;}
    .moduleCont21 .innerModuleButton h2 strong {padding:0; background-position:10px top;}
    .moduleCont21 .innerModuleButton h2 strong span { min-width:197px;}
    .moduleCont21 .boxWrap {position:relative; height:auto; z-index:1; overflow:hidden; border:1px solid #aeaeae;}
    .moduleCont21 img {min-height:180px;}
    .moduleCont21 .boxImg {overflow:visible;}
    .moduleCont21 .globalArrowRight2 {display:block; background-position:-320px -16px;}
    .moduleCont21 .boxContent h2 {padding:0; background:none;}
    .moduleCont21 .boxContent {position:absolute; top:0; right:0; width:218px; height:100%; margin:0; padding:12px 15px; background:url(/resp/img/bg/bg_white_1x400.png) repeat-x;}
    .moduleCont21 select {width:192px;}
    
    /* Modul von Imperia */
    .modulePager .boxBack {display:inline;}
    .modulePager .boxNext {display:inline;}
    
    /* moduleNaviMeta */
    .moduleNaviMeta a {font-size:0.75rem;}
	
    .globalArrow li {background-position:0 2px !important;}
    .globalArrowRight {background-position:-20px -715px !important;}
	
    .divToggle .formular label.formSucheLabel{padding-right:2%;margin-right:2%;width:40%;display:inline-block;}
    .formular select.formSuche#timeline, .formular select.formSuche#doctype, .formular select.formSuche#sort {width:55% !important;}
	
	.moduleFormSelect select {width:56%;}
	.moduleFormSelect select#region_select {width:196px;}
	.moduleFormSelect label {margin: 0 9px 0 0;}
	#form_region .moduleFormSelect label {margin: 0 17px 0 0;}
	.moduleSelectHeader select {width:184px;}
	
	.moduleCont1 .boxImage.boxImageTeaser p {position: absolute;top: 0;left:0;height:100%;width:51%;background:url(/resp/img/bg/bg_white_1x400.png) repeat-x;padding:12px 15px;}
	.moduleCont1 .boxImage.boxImageTeaser p strong {background:none;display:inline-block;padding:0;margin:0;}
	.moduleCont1 .boxImage.boxImageTeaser p span {background: transparent;display: inline;padding:0;position: relative;top:0;}
	
    .divBox .formular ul.boxFieldList li input {margin:2px 5px 0 0;}
		
	.tablet .moduleHeaderImage #form_wegweiser {display:block;}
    .moduleHeaderImage .anzeigen {position: absolute; right: 35px; top:30px; z-index: 100;}    
    .moduleCont24 {display:none;}
    
}
@media only screen and (max-width: 700px) {
    .tablet .moduleLogos .boxLogoStmelf {display: none;float: left;}
    .moduleCont14 p {padding:10px 0 5px 20px !important;}
}
@media only screen and (max-width: 699px) {
    .tablet .gridContentRight {margin:0 0 0 4.5558% !important;}
    .moduleHeaderImage .anzeigen {position: absolute; right: 35px; top:40px; z-index: 100;}    
}
/* Style adjustments for viewports 768px and over go here */
@media only screen and (min-width: 768px) {
    /* gridContentFull */
    .gridContentFull {float:left; width:52%; overflow:visible;}
    
    /* gridContentRight */
    .gridContentRight {top:20px; width:25%; margin:0; padding:0; border:0;}
    .tablet .gridContentRight {width:42%;}
    /* footer */
    #footer form {display:none;}
    
    /* divContent */
    .divContent {border-right:1px solid #aeaeae;}

    /* moduleCont1 */
    .moduleCont1 .boxImage {width:30%;}
	.moduleCont1 .boxImageFull {width:100%;}
	.moduleCont1 .boxImageTeaser {width:100%;}

    .moduleCont1 img.boxImage {width:30%;}
    .gridMainCols2ContentRight .moduleCont1 .boxImage {width:45%; margin:0 2.5% 2% 0;}
    .gridMainCols2ContentRight .moduleCont1 img.boxImage {width:45%; margin:0 2.5% 2% 0;}

    /* moduleHeaderImage */
    .moduleHeaderImage .moduleSelectHeader {display:block; position:absolute; left:15px; top:15px; width:241px; width:241px\9; z-index:1;}
    .moduleHeaderImage .moduleSelectHeader select {width:214px; font-size:0.9375rem; font-size:0.9em\9;}
    
    /* moduleSelectHeader */
    .moduleSelectHeader select {width:200px;}
    
    /* moduleTeaser */
    .moduleTeaser {width:auto; float:none; margin-right:0;}
    .moduleTeaser ul li {padding-left:15px;}
    
    /* moduleTeaser2 */
    .moduleTeaser2 li span {padding:0 0 0 15px;}

    /* moduleTeaser4 */
    .moduleTeaser4 p {padding:0 0 0 15px;}
    
    /* moduleTeaser6 */
    .moduleTeaser6 p {padding:12px 0 0 15px;}
    .moduleTeaser2a p {padding:8px 0 0 15px;}    
    
    /* moduleTeaser7 */
    .moduleTeaser7 .boxForm {padding:0 15px 12px 15px;}

    /* moduleCont25 */
    .moduleCont25 .boxRow {float:left;}
    .moduleCont25 select {width:140px; margin:0 20px 0 0;}
    .moduleCont25 .formText {width:200px;}
    .moduleCont25 label {margin:4px 10px 0 0;}
    .moduleCont25 .formCheckbox {margin:6px 5px 0 0;}
	
	#form_region {width:50%;margin:0 2% 0 0;border-right:1px solid #235A23;border-bottom:0px none transparent;}
	#form_zip {width: 47%;}
	#form_zip input[type="text"] {width:26%;}
	#form_zip select {width: 29%;margin: 0 7px 0 0;}
	.moduleFormSelect select#region_select {width:56%;}
	
	.globalExtendedBorder {border-left:1px solid #aeaeae; border-right:1px solid #aeaeae !important;}
	
	.moduleCont9 ul {padding:0;}
    .moduleCont9 ul .active {position:static; border-width:0;}
    .moduleCont9 ul .active a{background-color:transparent;}
    .moduleCont9 li {width:auto; /*float:left;*/ /*padding:0 0 0 1.085%;*/ /*background:url("/resp/img/bg/bg_tab_left_both.gif") no-repeat left top;*/} 
    .moduleCont9 a {float:left; background:url("/resp/img/bg/bg_tab_right_both.gif") no-repeat right top;}
}

    /* Neue Bildergalerie, Müller-Schmid, 26.03.2014 */
@media only screen and (max-width: 750px) {
    /* Bildergalerie */
    .ausblenden {display:none;}
    .moduleCont1 .galery {height:100px;}
}

@media only screen and (max-width: 750px){
    /* Galerieteaser */
    .galteasertext {width:300px; height:auto;}
    .moduleCont2 .galery {float:left; clear:left;}
    .moduleCont2 .galery {height:auto; max-width:300px;}
}
@media only screen and (min-width: 751px){
    .galteasertext {width:132px;}
}

/* Readspeaker adjustment resp */
@media only screen and (max-width: 370px) {
     /*Readspeaker */
     .rs_player_show {left:0%;}
}


/* Style adjustments for viewports 950px and over go here */
@media only screen and (min-width: 950px) {
    /* pageGrid */
    .pageNoMobile .pageGrid {background:url(/resp/img/bg/bg_shadow_left.gif) 0 0 repeat-y;}
    
    /* #wrapper */
    .pageNoMobile #wrapper {background:url(/resp/img/bg/bg_shadow_right.gif) right top repeat-y;}
    .pageMobile #wrapper {margin:0; padding:0; background:0;}
    
    /* header */
    .pageNoMobile header {margin:0 28px 0 28px;}
    
    /* footer */
    footer {margin:0 18px;}
    
    /* gridMain */
    .gridMain {margin:0 148px 0 18px;}
    .pageMobile .gridMain {margin:0;}
    
    /* divContent2Cols */
    .divContent2Cols .innerModuleButton h2 strong {width:100% !important; max-width:262px;}
    .divContent2Cols .innerModuleButton h2 strong span {padding:5px 9px 0 0; font-size:0.75rem;}
    
    /* divContentLeft */
    .divContentLeft {float:left; width:48%; margin:0 4% 2% 0;}
    .divContentLeft .innerModuleLine {display:none;}
    
    /* divContentRight */
    .divContentRight {float:left; width:48%; margin:0 0 2% 0;}
    .divContentRight .innerModuleLine {display:none;}
    
    /* moduleLogos */
    .moduleLogos .boxLeft {left:0;}
    .pageMobile .moduleLogos .boxLeft {left:10px;}
    .moduleLogos .boxRight{right:0px;}
    .pageMobile .moduleLogos .boxRight {right:10px;}
    
    /* moduleNaviMeta */
    .moduleNaviMeta {margin-left:0;}
    .pageMobile .moduleNaviMeta {margin-left:10px;}
	
    .moduleCont19 ul {width:40%;}

    .moduleFormSelect label {margin:0 17px 0 0;}
    .moduleSelectHeader select {width:254px;}
	
    #form_region {width:265px;margin:0 2% 0 0;}
    #form_zip input[type="text"] {width:60px;}
    #form_zip select {width:86px;}

}

@media only screen and (min-width: 1075px) {
    .moduleFormSelect select {width: 196px;}
	
	#form_region {margin: 0 21px 0 0;width: 316px;}
	#form_zip {width: 270px;}
	#form_zip input[type="text"] {width: 81px;}
    

}

@media only screen and (min-width: 1100px) {
    .moduleCont19 ul {
	width:325px;
    }
}

/* Style adjustments for viewports 1350px and over go here */
@media only screen and (min-width: 1350px) {
    /* body */
    body {padding:0 0 0 2.5%;}
    
    /* divContentLeft */
    .divContentLeft .innerModuleLine {display:block;}
    
    /* divContentRight */
    .divContentRight .innerModuleLine {display:block;}
    
    /* moduleCont25 */
    .moduleCont25 {margin:0; position:absolute; top:-27px; right:0; padding-left:5px; border-left:1px solid #fff;}
    .moduleCont25 label {margin-left:5px;}
}

/* For landscape layouts only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* 2019-07-19: kill firefox layout with version quantum 68.0
  .gridMain {margin:0;}
   */
}

@media all and (min-width: 768px) {
.innerModuleButtonTop {top:-1.6rem;margin-bottom:-1.1rem;}
}
@media all and (max-width: 600px) {
.innerModuleButtonTop {top:-0.01rem;}
}

    
/* Kartenmodul - Müller-Schmid, 04.09.2014 */
@media only screen and (min-width: 1285px) {    
    .texte {width:50%}  
}  	
@media only screen and (max-width: 1284px) and (min-width:861px) {  
    .texte {width:40%;}  
}
@media only screen and (max-width: 860px) {
    .karten {display:none;}
}

/* Publikationen Textblock - Müller-Schmid, 28.01.2015 */
.publBlock {float:left; width:200px;}
@media only screen and (min-width: 880px) {
    .publBlock {width:360px;}
}




/* #################### JS-FIX STYLES for text zoom in webkit browser (chrome/safari) #################### */

/* smartphone */
.smartphone .pageGrid {background:0;}
.smartphone #wrapper {background:0;}
.smartphone header {margin:0 0 0 10px;}
.smartphone .gridMain {margin:0;}
.smartphone .gridContentLeft {width:auto; float:none;}
.smartphone .gridContentFull {width:auto; float:none;}
.smartphone .gridContentRight {margin:0 0 0 25px; width:auto; float:none;}
.smartphone .boxLogoStmelf {display:none;}
.smartphone .boxLogo2 {display:none;}
.smartphone .moduleHeaderImage .moduleSelectHeader {display:none;}

/* tablet */
.tablet .pageGrid {background:0;}
.tablet #wrapper {background:0;}
.tablet header {margin:0 0 0 10px;}
.tablet .gridMain {margin:0}
.tablet .gridContentLeft {width: 100%}
.tablet .gridContentFull {width:auto; float:none;}
.tablet .gridContentRight {margin:0 0 0 23%;}
.tablet .boxLogoStmelf {display:block;}
.tablet .boxLogo2 {display:block;}
.tablet .moduleHeaderImage .moduleSelectHeader {display:block;}

/* desktop */
.desktop .pageGrid {background:url(/resp/img/bg/bg_shadow_left.gif) repeat-y;}
.desktop #wrapper {background:url(/resp/img/bg/bg_shadow_right.gif) repeat-y right top;}
.desktop header {margin:0 0 0 28px;}
.desktop .gridMain {margin:0 148px 0 18px;}
.desktop .gridContentLeft {width:23%; float:left;}
.desktop .gridContentFull {width:52%; float:left;}
.desktop .gridContentRight {width:25%; float:left;}