/* CSS Mobile Reset */
table { width:auto; border-collapse: collapse;border-spacing: 0; }
.open_nav {
	display: none;
}
figure {
	margin: 0;
}
img, embed, object, video {
	vertical-align: middle;
	max-width: 100%;
	height: auto;
	width: auto;
}
/*transition*/
.nav > UL > LI > A {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

@media all and (max-width: 1230px) {
	#subhead .inner .stoerer {
		right: 0px;
		bottom: -50px;
	}
	.mitgliederstoerer .stoererlink {
		right: -3%;
		top: -60px;
		height: 145px;
		width: 145px;
		background-size: 100% auto;
	}
}
@media all and (max-width: 1200px) {
	.inner,
	.cont > .frame,
	.gridwrapper > .frame > .frame-inner,
	.frame.frame-layout-101 > .frame-inner > .gridrow,
	.frame.frame-layout-103 > .frame-inner > .gridrow {
		width: 98%;
	}
	.frame.frame-layout-104 > .gridrow {
		max-width: 90%
	}
	.nav > UL > LI > A {
		/*padding: 10px 7px 15px;*/
	}
	.nav > UL > LI.start > A {
		/*padding: 10px 7px 15px 0;*/
	}
	/*service-fuer-mieter*/
	#uid351 .c4640 .box50 P A.grossertext.button-grau {
		font-size: 18px;
	}
}
@media all and (max-width: 1100px) {
	.nav > UL > LI:nth-child(6) .subNav .subNav,
	.nav > UL > LI:nth-child(7) .subNav .subNav,
	.nav > UL > LI:nth-child(8) .subNav .subNav,
	.nav > UL > LI:nth-child(9) .subNav .subNav {
		left: auto;
		right: 100%;
		padding-right: 4px;
		padding-left: 0;
	}

	.foot .box15 > .col1,
	.foot .box15 > .col2,
	.foot .box15 > .col3,
	.foot .box15 > .col4,
	.foot .box15 > .col5,
	.foot .box15 > .col6 {
		width: 30%;
		margin: 0 1.5%;
	}

}
@media all and (max-width: 1030px) {
	/*service-fuer-mieter*/
	#uid351 .c4640 .box50 IMG {
		margin: 0 auto;
	}
	#uid351 .c4640 .box50 P {
		padding: 5px 0 10px;
	}
	#uid351 .c4640 .box50 .ce-gallery {
		margin: 0;
	}
}
/*Ab hier springt er auf 420px breite Elemente*/
@media all and (max-width: 960px) {

	H1 {
		font-size: 30px;
	}
	H2 {
		font-size: 27px;
	}
	H3 {
		font-size: 23px;
		text-transform: none;
	}
	H4 {
		font-size: 20px;
		font-weight: normal;
	}
	H5 {
		font-size: 19px;
	}
	.grossertext {
		font-size: 19px;
		line-height: 25px;
	}
	.sticky-anchor {
		display: none;
	}

	.hamburger{padding:24px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:40px;height:4px;background-color:#1d1d1b;border-radius:2px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--stand .hamburger-inner{transition:transform .1s .22s cubic-bezier(.55,.055,.675,.19),background-color 0s .1s linear}.hamburger--stand .hamburger-inner::before{transition:top .1s .1s ease-in,transform .1s 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand .hamburger-inner::after{transition:bottom .1s .1s ease-in,transform .1s 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand.is-active .hamburger-inner{transform:rotate(90deg);background-color:transparent;transition:transform .1s 0s cubic-bezier(.215,.61,.355,1),background-color 0s .22s linear}.hamburger--stand.is-active .hamburger-inner::before{top:0;transform:rotate(-45deg);transition:top .1s .12s ease-out,transform .1s .22s cubic-bezier(.215,.61,.355,1)}.hamburger--stand.is-active .hamburger-inner::after{bottom:0;transform:rotate(45deg);transition:bottom .1s .12s ease-out,transform .1s .22s cubic-bezier(.215,.61,.355,1)}

	.head3 {
		height: auto;
	}
	.head4 {
		padding: 20px 0;
	}

	.contact {
		margin-right: 100px;
	}
/*Nav*/
	.open_nav
	{
		display: inherit;
		position: absolute;
		top: 10px;
		right: 10px;
	}
	.open_nav P
	{
		padding: 0;
	}
	.open_nav A
	{
		display: block;
		height: 45px;
		line-height: 45px;
		color: #FFF;
		font-size: 18px;
		text-decoration: none;
		background-color: #5E4C58;
	}
	.nav
	{
		display: none;
		position: absolute;
		top: 88px;
		left: 0;
		width: 100%;
		z-index: 1000;
		background: #fff;
		margin-top: 0;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
	}
	.nav > UL > LI
	{
		float: none;
		display: block;
	}
	.nav > UL > LI > A,
	.nav > UL > LI.start > A {
		padding: 10px 50px 9px 15px;
	}
	.nav > UL > LI.id30 {
		border-left: 0 solid #fff;
	}
	.nav > UL > LI > UL.subNav:after {
		content: none;
	}
	.subNav {
		padding-top: 0;
	}
	.subNav A {
		padding: 8px 50px 8px 30px;
	}
	.subNav > LI.has-sub > A {
		background: none;
	}
	.subNav .subNav {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.subNav .subNav A {
		padding: 8px 50px 8px 45px;
	}
	.subNav,
	.subNav .subNav,
	.nav > UL > LI:last-child > .subNav,
	.nav > UL > LI:last-child > .subNav .subNav
	{
		position: inherit !important;
		left: inherit !important;
		right: inherit !important;
		top: inherit !important;
	}
	/* remove hover/touch effect */
	.nav LI:hover > .subNav,
	.nav LI.over > .subNav
	{
		display: none;
	}

	/* showsub dropdown trigger */
	.showSub
	{
		position: absolute;
		right: 0;
		top: 0;
		z-index: 10;
		cursor: pointer;

		width: 50px;
		height: 40px;
		line-height: 39px;
		background: #0078c1;
		text-align: center;
	}
	.subNav .showSub
	{
		background: rgba(0,0,0,0.15);
		height: 37px;
		line-height: 37px;
	}

	.showSub,
	.showSub:after
	{
		-webkit-transition:0.25s ease;
		-o-transition:0.25s ease;
		-moz-transition:0.25s ease;
		transition: 0.25s ease;
	}
	.showSub:after
	{
		content: '';
		display: inline-block;
		width: 7px;
		height: 12px;
		vertical-align: middle;
		background: url('../Images/button-arrow-white.png') no-repeat left top;
		border-top-color: #fff;
		-webkit-transform: rotate(90deg);
		   -moz-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			 -o-transform: rotate(90deg);
				transform: rotate(90deg);	}
	.showSub.open:after
	{
		border-top-color: #fff;
		-webkit-transform: rotate(270deg);
		   -moz-transform: rotate(270deg);
			-ms-transform: rotate(270deg);
			 -o-transform: rotate(270deg);
				transform: rotate(270deg);
	}
	.frame.frame-white-round {
		background-color: transparent;
	}
	/*personenslider*/
	.personen-slider .col1,
	.personen-slider .col2 {
		width: 94%;
		float: none;
	}
	.personen-slider .col1 {
		padding: 30px 3%;
	}
	.personen-slider .col1 .ce-gallery,
	.personen-slider .col1 .ce-bodytext {
		float: left;
		width: 48%;
		margin: 0;
	}
	.personen-slider .col1 .ce-bodytext {
		margin-left: 4%;
		padding: 0;
	}
	.personen-slider .col2 H2 {
	    top: 0;
	    margin-top: 10px;
	}
	.allcont .personen-slider .col2 UL LI {
		float: left;
		width: 48%;
		margin: 0 1%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	.allcont .personen-slider .col2 UL:after {
		content: '';
		display: block;
	}

	/*tabellen rd*/
	.tablewrap {
        position: relative;
    }
	.tablewrap:after {
        content: '';
        width: 10px;
        position: absolute;
        top: 0;
        right: -1px;
        height: 100%;
        box-shadow: inset -5px 0px 5px -2px rgba(0,0,0,0.2);
        z-index: 1;
    }

	.tableinner {
        overflow-x: scroll;
        position: relative;
    }

	DIV.ce-intext.ce-right .ce-gallery, DIV.ce-intext.ce-right.ce-nowrap .ce-gallery {margin-left: 0;}
	DIV.ce-intext.ce-left.ce-nowrap .ce-gallery, DIV.ce-intext.ce-right.ce-nowrap .ce-gallery {float: inherit;}
	.ce-intext.ce-right.ce-nowrap .ce-bodytext {margin-right: 0;}
	.ce-intext.ce-left.ce-nowrap .ce-bodytext {margin-left: 0;}
}

@media all and (max-width: 760px) {
	H1 {
		font-size: 28px;
	}
	H2 {
		font-size: 24px;
	}
	H3 {
		font-size: 20px;
		text-transform: none;
	}
	H4 {
		font-size: 18px;
		font-weight: normal;
	}
	H5 {
		font-size: 16px;
	}
	.grossertext {
		font-size: 16px;
		line-height: 25px;
	}
	P .grossertext A:after, P A.grossertext:after, P.grossertext A:after {
		top: 6px;
	}
	/*Gridelemente*/
	.gridrow .col
	{
		float: none;
	}
	.gridrow .col + .col
	{
		margin-left: 0;
	}
	.box50 .col,
	.box33 .col,
	.box25 .col,
	.box33-66 .col.col1,
	.box33-66 .col.col2,
	.box66-33 .col.col1,
	.box66-33 .col.col2,
	.frame.frame-imagerow .gridrow .col,
	.box80-20 > .col.col1,
	.box80-20 > .col.col2
	{
		width: 100%;
	}
	.box33 > .col {
		margin: 0;
	}
	.box25 .col {
		width: 48%;
		margin-left: 0;
		float: left;
	}
	.box25 .col2,
	.box25 .col4 {
		margin-left: 4% !important;
	}
	.box25 .col3 {
		clear: both;
	}


	.allcont .frame.frame-layout-102 DIV.ce-textpic .ce-gallery .image {
		margin-top: 10px;
	}

	.foot .box15 > .col1,
	.foot .box15 > .col2,
	.foot .box15 > .col3,
	.foot .box15 > .col4,
	.foot .box15 > .col5,
	.foot .box15 > .col6 {
		width: 46%;
		margin: 0 2%;
		float: left;
	}
	.foot .box15 > .col:nth-child(2n+1) {
		clear: both;
	}
	/*service-fuer-mieter*/
	#uid351 .c4640 .box50 IMG {
		margin: 0 auto;
	}
	#uid351 .box50 > .col1 {
	    width: 100%;
	}
	#uid351 .box50 > .col + .col {
		margin: 0;
	}

	/*suche*/
	.tx-indexedsearch FORM#tx_indexedsearch {
	    width: 84%;
	}
	.frame.frame-imagerow .gridrow .col {
		padding: 0;
	}
	.frame.frame-imagerow .gridrow.box25 .col2,
	.frame.frame-imagerow .gridrow.box25 .col4 {
		margin-left: 0 !important
	}

}

@media all and (max-width: 700px) {
  	.contact {
		background: none !important;
		float: none;
		margin: 0;
		padding: 15px 0 0;
		width: 100%;
		display: block;
		clear: both;
	}
	.contact p {
		text-align: left !important;
		padding-left: 2%;
	}
}
@media all and (max-width: 670px) {


	.head4 {
		padding: 20px 0 10px;
	}
	.headtop .headtopNavLeft {
		display: none;
	}
	.headtop .headtopNavRight,
	.headtop .headtopNavRight > DIV {
		float: none;
	}
	#site .head .tx-indexedsearch-searchbox {
		float: none;
		width: 98%;
		margin: 5px auto 0;
	}
	#site .head .tx-indexedsearch-searchbox .sword.input {
		width: 100%;
	}
	.headtop .headtopNavRight .topNavRight UL {
		text-align: center;
	}
	.headtop .headtopNavRight .topNavRight UL LI {
		float: none;
		display: inline-block;
	}
	.headtop .headtopNavRight .topNavRight UL LI A, .headtop .headtopNavLeft .topNavLeft UL LI A {
		padding: 6px 15px;
	}
	.open_nav {
		top: 2px;
	}
	.bel3 #subhead,
	#subhead {
		max-height: none;
		height: auto;
	}
	.bel3 #subhead .frame .ce-textpic.ce-left .ce-gallery,
	.bel3 #subhead .frame .ce-textpic .ce-gallery {
		float: none;
		width: 100%;
	}
	.bel3 #subhead .frame .ce-textpic .ce-bodytext {
		position: static;
		top: auto;
		height: auto;
		width: 94%;
		padding: 20px 3%;
	}
}
/*Ab hier springt er auf 100% breite Elemente (320px)*/
@media all and (max-width: 470px) {

	#subhead,
	.breadcrumbs,
	.topNavRight {
		display: none;
	}
	#site .head .tx-indexedsearch-searchbox {
		margin: 5px auto;
	}
	#logo {
		margin: 0 auto;
		float: none;
	}
	.hamburger {
		padding: 9px 24px;
	}
	.foot .box15 > .col1,
	.foot .box15 > .col2,
	.foot .box15 > .col3,
	.foot .box15 > .col4,
	.foot .box15 > .col5,
	.foot .box15 > .col6 {
		width: 86%;
		margin: 0 auto;
		float: none;
	}
	.bottomNavLeft,
	.bottomNavRight {
		float: none;
	}
	.bottomNavRight UL,
	.bottomNavLeft UL {
		width: 86%;
		margin: 0 auto;
	}
	.bottomNavLeft UL LI,
	.bottomNavRight UL LI {
		float: none;
		display: block;
	}
	.bottomNavLeft UL LI A, .bottomNavRight UL LI A {
		padding-left: 0;
	}
	.bottomNavRight UL LI {
		display: inline-block;
	}
	.tabs .tabnav {
		display: block;
	}
	.allcont .tabs .tabnav > DIV {
		display: block;
		padding: 10px 5px;
		border: 1px solid #9d9c9c !important;
		text-transform: uppercase;
	}
	.allcont .tabs .tabnav > DIV + DIV {
		border-top: 0px solid #9d9c9c !important;
	}
	.allcont .tabs .tabnav > DIV.tab-current,
	.allcont .tabs .tabnav > DIV:hover {
		border-bottom: 1px solid #9d9c9c !important;
	}
	.cr_form .editable_content > DIV:nth-child(2),
	.cr_form .editable_content > DIV:nth-child(3) {
		float: none;
		width: 100%;
	}
	.tx-powermail .powermail_form .powermail_fieldwrap {
		width: 100%;
		float: none;
	}
	.box25 .col {
		width: 100%;
		float: none;
	}
	.box25 .col2,
	.box25 .col4 {
		margin-left: 0 !important;
	}
	.frame.frame-white-round {
		width: auto;
		height: auto;
	}
	HR {
		margin: 10px 0;
	}

	.personen-slider .col1 {
		padding: 10px 3%;
	}
	.personen-slider .col1 .ce-gallery,
	.personen-slider .col1 .ce-bodytext {
		float: none;
		width: 100%;
	}
	.personen-slider .col1 .ce-bodytext {
		margin-left: 0;
	}
	.personen-slider .col2 H2 {
	}
	.allcont .personen-slider .col2 UL LI {
		float: none;
		width: 98%;
		margin: 0 1%;
	}
	/*service-fuer-mieter*/
	#uid351 .c4640 .box50 DIV.ce-intext.ce-left.ce-nowrap DIV.ce-gallery {
		width: 100%;
	}
	#uid351 .c4640 .box50 P A.grossertext.button-grau {
	    font-size: 14px;
	}
	/*personenslider*/
	.personen-slider {
		display: flex;
		flex-flow: row wrap;
	}
	.personen-slider .col1 {
		order: 2;
	}
	.personen-slider .col2 {
		order: 1;
	}


	DIV.ce-textpic .ce-gallery FIGURE, DIV.ce-textpic FIGURE.image, FIGCAPTION.image-caption {display: block;}
	DIV.ce-left .ce-gallery, DIV.ce-right .ce-gallery {float: none;}
	DIV.ce-textpic DIV.ce-column {display: inline-block;float: none;vertical-align: top;}
	.ce-default {clear: both;}
	DIV.ce-intext.ce-right.ce-nowrap DIV.ce-gallery, DIV.ce-intext.ce-left.ce-nowrap DIV.ce-gallery, DIV.ce-intext.ce-right DIV.ce-gallery, DIV.ce-intext.ce-left DIV.ce-gallery {width: 38%;}
	DIV.ce-intext.ce-right.ce-nowrap .ce-bodytext, DIV.ce-intext.ce-left.ce-nowrap .ce-bodytext {margin: 0;}
}
@media all and (max-width: 380px) {
	H1 {
		font-size: 19px;
	}
	H2 {
		font-size: 18px;
	}
	H3 {
		font-size: 16px;
	}

	.allcont .frame.frame-layout-102 DIV.ce-textpic .ce-gallery .image {
		margin-top: 0;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {

	.button-blau:after,
	.button-gelb:after,
	.button-grau:after,
	.subNav > LI.has-sub > A,
	.bx-wrapper .bx-controls-direction a,
	.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_submit INPUT.powermail_submit,
	.cr_form .editable_content > DIV.submit_container BUTTON,
	.showSub:after {
		background-image: url('../Images/button-arrow-white2x.png');
		background-size: 7px 12px;
	}
	P A:after,
	.button-grau:after,
	.allcont .breadcrumbs UL LI:after,
	.personen-slider .col2 UL LI:after {
		background-image: url('../Images/link2x.png');
		background-size: 7px 22px;
	}
	.download-lila {
		background-image: url('../Images/download-lila2x.png');
		background-size: 30px 30px;
	}
	.download-gruen {
		background-image: url('../Images/download-gruen2x.png');
		background-size: 30px 30px;
	}
	.headtop .headtopNavLeft UL LI.id57 A span,
	.footbtm .bottomNavLeft UL LI.id61 A span {
		background-image: url('../Images/twitter2x.png');
		background-size: 22px 54px;
	}
	#site .head .tx-indexedsearch-searchbox .submit.button,
	.tx-indexedsearch FORM#tx_indexedsearch TABLE INPUT.submit {
		background-image: url('../Images/search2x.png');
		background-size: 13px 13px;
	}
	.contact {
		background-image: url('../Images/phone-service2x.png');
		background-size: 38px 46px;
	}
	#subhead .inner .stoerer {
		background-image: url('../Images/mitgliederstoerer.png');
		background-size: 145px 145px;
	}
	A.print {
		background-image: url('../Images/print2x.png');
		background-size: 35px 58px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 960px), only screen and (-o-min-device-pixel-ratio: 1.5) and (max-width: 960px), only screen and (min--moz-device-pixel-ratio: 1.5) and (max-width: 960px), only screen and (min-device-pixel-ratio: 1.5) and (max-width: 960px), only screen and (min-resolution: 192dpi) and (max-width: 960px) {
	.subNav > LI.has-sub > A {
		background-image: none;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 670px), only screen and (-o-min-device-pixel-ratio: 1.5) and (max-width: 670px), only screen and (min--moz-device-pixel-ratio: 1.5) and (max-width: 670px), only screen and (min-device-pixel-ratio: 1.5) and (max-width: 670px), only screen and (min-resolution: 192dpi) and (max-width: 670px) {
	.contact {
		background-image: none;
	}
}