/* GENERAL */


:root {
	--wp--preset--font-size--small: 0.875rem;
	--wp--preset--font-size--medium: clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.227), 1.125rem);
	--wp--preset--font-size--large: clamp(1.125rem, 1.125rem + ((1vw - 0.2rem) * 0.455), 1.375rem);
	--wp--preset--font-size--x-large: clamp(1.75rem, 1.75rem + ((1vw - 0.2rem) * 0.455), 2rem);
	--wp--preset--font-size--xx-large: clamp(2.15rem, 2.15rem + ((1vw - 0.2rem) * 1.545), 3rem);
	--wp--preset--spacing--20: 10px;
	--wp--preset--spacing--30: 20px;
	--wp--preset--spacing--40: 30px;
	--wp--preset--spacing--50: clamp(30px, 5vw, 50px);
	--wp--preset--spacing--60: clamp(30px, 7vw, 70px);
	--wp--preset--spacing--70: clamp(50px, 7vw, 90px);
	--wp--preset--spacing--80: clamp(70px, 10vw, 140px);
}


html {
	overflow-x: hidden;
	scroll-behavior: smooth;
}


body {
	padding: 0;
	margin: 0;
	background: var(--backgroundcolor);
	color: var(--textcolor);
	font-family: "Roboto Condensed", sans-serif;
	font-size: clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.227), 1.125rem);
	font-weight: 300;
	line-height: 1.4;
}

#wpadminbar {
	display: none;
}

#main {
	width: 100%;
	margin: 75px auto 0;
}

/*#main .content {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}*/
#main .content article>h1,
#main .content article>h2,
#main .content article>h3,
#main .content article>h4,
#main .content article>h5,
#main .content article>h6,
#main .content article>.meta,
#main .content article>p,
#main .content article>span,
#main .content article>hr,
#main .content article>figure,
#main .content article>ul,
#main .content article>ol,
#main .content article>blockquote,
#main .content article>pre,
#main .content article>form {
	padding-left: max(5%, calc(50% - 600px));
	padding-right: max(5%, calc(50% - 600px));
}

#main .content.boxed article>h1,
#main .content.boxed article>h2,
#main .content.boxed article>h3,
#main .content.boxed article>h4,
#main .content.boxed article>h5,
#main .content.boxed article>h6,
#main .content.boxed article>p,
#main .content.boxed article>div,
#main .content.boxed article>span,
#main .content.boxed article>hr,
#main .content.boxed article>figure,
#main .content.boxed article>ul,
#main .content.boxed article>ol,
#main .content.boxed article>blockquote,
#main .content.boxed article>pre,
#main .content.boxed article>form {
	padding-left: calc(50% - 300px);
	padding-right: calc(50% - 300px);
}

#main .content.boxed article>ul li {
	margin-left: 17px;
}

#main .content article>h1.full,
#main .content article>h2.full,
#main .content article>h3.full,
#main .content article>h4.full,
#main .content article>h5.full,
#main .content article>h6.full,
#main .content article>p.full,
#main .content article>div.full,
#main .content article>.wp-block-cover,
#main .content article>span.full,
#main .content article>hr.full,
#main .content article>figure.full,
#main .content article>ul.full,
#main .content article>ol.full,
#main .content article>blockquote.full,
#main .content article>pre.full,
#main .content article>form.full {
	padding-left: 0px;
	padding-right: 0px;
}

#main .content.boxed article>div.wp-block-columns.references {
	padding-left: calc(50% - 600px);
	padding-right: calc(50% - 600px);

}

/*.home #main .content .wp-block-cover, 
#main .content article > .wp-block-cover, 
#main .content article > .wp-block-image, 
.home #main .content.boxed .wp-block-cover, 
#main .content.boxed article > .wp-block-cover, 
#main .content.boxed article > .wp-block-image {
	width: 1200px;
	margin: 0px 0px 0px -100px;
	padding-left: 0px;
    padding-right: 0px;
}
*/

/* COVER-BLOCK */
.wp-block-cover__background.has-background-gradient {
	background: var(--covergradient) !important;
}

/* SEGMENT MIT HINTERGRUNDFARBE */

.wp-block-group.has-white-color.has-background {
	background-color: var(--textcolor) !important;
}
.wp-block-group.has-white-color.has-background .wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) {
	background-color: #f0f0f099 !important;
}


/* HOME SLIDER */
.home #main .content .home_slider .wp-block-cover {
	width: 100%;
	margin: 0;
	padding: 1rem;
}

.home_slider .wp-block-cover .wp-block-group {
	padding: 1rem;
	margin: 0 auto;
	max-width: 450px;
	border: 2px solid var(--textcolor);
	outline: 1px solid #FFF;
}

.wp-block-group.home_slider .wp-block-cover p {
	line-height: 100%;
	display: block;
	width: 100%;
	max-width: unset;
	font-weight: 400;
}

.home_slider .wp-block-cover ul {
	padding: 0 0 0 1rem;
	margin: 1rem 0 0;
}

.home_slider .wp-block-cover ul li:not(:last-child) {
	margin: 0 0 .5rem;
}

#main figure.wp-block-gallery {
	margin: 1rem 0;
	gap: 5rem;
	flex-wrap: nowrap;
}

.floorplan {
	position: relative;
	height: 350px;
	overflow: hidden;
	transition: all 0.25s ease-in-out;
	cursor: row-resize;
}

.floorplan.active {
	height: 586px;
}

.floorplan img {
	position: absolute;
	bottom: 0;
	left: 0;
}

/* COLOURS */

a {
	color: var(--textcolor);
	font-weight: 400;
	text-decoration: none;
}
body:not(.privat) :not(.wp-block-button, .wp-block-image figure, tr.event td div) > a[href^="http"]:not([href*="lucassen.de"])::after {
	content: "\f08e";
	display: inline-block;
	font-family: "Font Awesome 6 Free";
	font-size: 75%;
	font-weight: 600;
	margin: 0 .25rem;
	transform: translateY(-2px);
}

.button:hover a {
	color: #fcd540;
}

/* TABLES */

.wp-block-table td, .wp-block-table th {
	border: 0;
	padding: 1rem 3rem;
}
.wp-block-table td:first-child, .wp-block-table th:first-child {
	padding-left: 1rem;
}
.wp-block-table td:last-child, .wp-block-table th:last-child {
	padding-right: 1rem;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) {
	color: var(--textcolor);
}


/* TYPOGRAPHY */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Roboto Condensed", sans-serif;
	font-style: normal;
	font-weight: 600;
	letter-spacing: -0.1px;
	line-height: 1.125;
}

h1 {
	font-size: var(--wp--preset--font-size--xx-large);
}

h2 {
	font-size: var(--wp--preset--font-size--x-large);
}

strong {
	font-weight: 500;
}

#main .content.boxed article>h1.slogan-head {
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 16px;
}

#main .content.boxed article>p.slogan {
	font-size: 36px !important;
	line-height: 36px !important;
	margin-top: 5px;
}

#main .content article>p.small {
	font-size: 12px;
	line-height: 14px;
}


/* HEADER */

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 75px;
	margin: 0 auto;
	background: var(--backgroundcolor);
	border-bottom: 2px solid var(--textcolor);
	transition: all 0.25s ease-in-out;
	z-index: 9;
}

header.transparent {
	background: none;
	border-bottom: 1px solid var(--backgroundcolor);
}

header.fixed {
	margin-top: -70px;
}

header:hover {
	margin-top: 0px;
}

header .inside {
	display: flex;
	height: 100%;
	width: min(90%, 1200px);
	margin: 0px auto;
	justify-content: space-between;
}

.branding {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-left: -7px;
}

.custom-logo-link img {
	width: 60px;
	height: auto;
}

.branding a {
	font-size: 30px;
	text-decoration: none;
	font-weight: 700;
	font-family: "Roboto Condensed", sans-serif;
	line-height: 10px;
	color: var(--maincolor);
}

.lucassen {
	display: block;
	font-size: 25px;
	line-height: 20px;
	text-transform: uppercase;
}

.hausverwaltung {
	display: block;
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
	letter-spacing: 1px;
}

.kiosk {
	display: block;
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
	letter-spacing: 1px;
}

.baustoffe {
	display: block;
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
	letter-spacing: 1px;
}

.consulting {
	display: block;
	font-size: 13.8px;
	line-height: 20px;
	font-weight: 400;
	letter-spacing: 1px;
}

.fotografie {
	display: block;
	font-size: 16.5px;
	line-height: 25px;
	font-weight: 400;
	letter-spacing: 4.5px;
}

.branding a .subline {
	font-size: 10px;
	font-weight: 500;
}

.nav-toggle {
	display: none;
	float: right;
	width: 27px;
	height: 30px;
	margin: 15px 20px 0px 0px;
	text-align: center;
}

.nav-toggle .bars {
	position: relative;
	text-align: center;
}

.nav-toggle .bars .bar {
	position: absolute;
	width: 26px;
	border-top: 2px solid #34485E;
	height: 0px;
	top: 0;
	left: 0;
	transition: all 0.25s ease-in-out;
}

.nav-toggle .bars .bar:nth-of-type(1) {
	margin: 0px 0px 0px 0px;
}

.nav-toggle .bars .bar:nth-of-type(2) {
	margin: 8px 0px 0px 0px;
}

.nav-toggle .bars .bar:nth-of-type(3) {
	margin: 16px 0px 0px 0px;
}

.label {
	width: 100%;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 500;
	position: absolute;
	top: 0;
	left: 0;
	margin: 22px 0px 0px;
	color: #34485E;
}

.nav-toggle .bar.active:nth-child(1) {
	transform: rotate(45deg);
	margin: 7px 0px 0px 0px;
}

.nav-toggle .bar.active:nth-child(2) {
	opacity: 0;
}

.nav-toggle .bar.active:nth-child(3) {
	transform: rotate(-45deg);
	margin: 7px 0px 0px 0px;
}

.nav-toggle.active .bar:nth-child(2) {
	opacity: 0;
}

.nav-toggle.active .bar:nth-child(3) {
	margin-top: -1px;
	transform: rotate(-45deg);
}

.login {
	display: inline-block;
}

.login a {
	position: relative;
	display: inline-block;
	color: #34485E;
	font-size: 24px;
	border: 3px double#34485E;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	padding: 5px;
	transform: translatey(4px);
	transition: all 0.25s ease-in-out;
}

.login a .login_back {
	position: absolute;
	background: #FCD542;
	border-radius: 50%;
	width: 0px;
	height: 0px;
	top: 50%;
	left: 50%;
	margin: 0px;
	transition: all 0.5s ease-in-out;
}

.login a:hover .login_back {
	width: 40px;
	height: 40px;
	margin: -20px 0px 0px -20px;
}

.login .fas {
	position: relative;
	z-index: 4;
	transform: translatex(-5px);
}

.login .fa-sign-out-alt {
	transform: translatex(-2px);
}


/* NAVIGATION */

.main-navigation {
	display: inline-block;
}

.main-navigation ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.main-navigation ul li {
	position: relative;
	display: inline-block;
	text-align: left;
}

/*.main-navigation ul li::before {
	position: absolute;
	content: "";
	width: 10px;
	height: 0px;
	background: #34485E;
	bottom: 0;
	left: 50%;
	margin: 0px 0px 0px -5px;
	z-index: -2;
	transition: all 0.25s ease-in-out;
}
.main-navigation ul li::after {
	position: absolute;
	content: "";
	width: 4px;
	height: 0px;
	background: #FCD542;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	bottom: 0;
	left: 50%;
	margin: 0px 0px 0px -3px;
	z-index: -1;
	transition: all 0.25s ease-in-out;
}
.main-navigation ul li:hover::before, 
.main-navigation ul li:hover::after, 
.main-navigation ul li.current-menu-item::before, 
.main-navigation ul li.current-menu-item::after, 
.main-navigation ul li.current-menu-ancestor::before, 
.main-navigation ul li.current-menu-ancestor::after, 
.main-navigation ul li.current-page-ancestor::before, 
.main-navigation ul li.current-page-ancestor::after {
	height: 20px;
}
.main-navigation ul li::before {
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	background: #34485E;
	bottom: 0;
	left: 50%;
	margin: 0px 0px 0px -5px;
	z-index: -2;
	transition: all 0.25s ease-in-out;
	transform: rotate(45deg);
}*/
.main-navigation ul li::after {
	position: absolute;
	content: "";
	width: 0px;
	height: 0px;
	bottom: 0;
	left: 50%;
	margin: 0px 0px 3px -9px;
	z-index: 1;
	transition: all 0.5s ease-in-out;
	border-style: solid;
	border-width: 0 9px 9px 9px;
	border-color: transparent transparent #34485E transparent;
	opacity: 0;
}

.main-navigation ul li:hover::before,
.main-navigation ul li:hover::after,
.main-navigation ul li.current-menu-item::before,
.main-navigation ul li.current-menu-item::after,
.main-navigation ul li.current-menu-ancestor::before,
.main-navigation ul li.current-menu-ancestor::after,
.main-navigation ul li.current-page-ancestor::before,
.main-navigation ul li.current-page-ancestor::after {
	opacity: 1;
}

.main-navigation:not(:has(.mega-menu-wrap)) ul li a {
	display: block;
	padding: 32px 20px 28px;
	text-decoration: none;
	word-break: keep-all;
	font-family: "Roboto Condensed", sans-serif;
	text-transform: uppercase;
	font-size: 0.8rem;
	letter-spacing: 1px;
	font-weight: 500;
	color: #34485E;
}


/* FIRST SUBMENU */

.main-navigation ul li ul {
	position: absolute;
	min-width: 240px;
	visibility: hidden;
	top: 0;
	margin-top: 78px;
	left: 0;
	background: var(--backgroundcolor);
	box-shadow: 0px 0px 2px 0px #000;
	opacity: 0;
	z-index: 2;
	transition: all 0.25s ease-in-out;
}

.main-navigation ul li ul::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% + 2px);
	height: 3px;
	background: var(--textcolor);
	margin: -3px 0 0 -1px;
}

.main-navigation ul>li:hover>ul {
	visibility: visible;
	opacity: 1;
}

.main-navigation ul li ul li {
	border-top: 0px;
	display: block;
}

.main-navigation ul li ul li::before,
.main-navigation ul li ul li::after,
.main-navigation ul li ul li.current-menu-item::before,
.main-navigation ul li ul li.current-menu-item::after,
.main-navigation ul li ul li.current-menu-ancestor::before,
.main-navigation ul li ul li.current-menu-ancestor::after,
.main-navigation ul li ul li.current-page-ancestor::before,
.main-navigation ul li ul li.current-page-ancestor::after {
	display: none;
}

.main-navigation ul>li>ul>li:hover,
.main-navigation ul>li>ul>li.current-menu-item,
.main-navigation ul>li>ul>li.current-page-ancestor {
	background: var(--textcolor);
}

.main-navigation ul li ul li a {
	padding: 14px 20px 14px;
}

.main-navigation ul>li>ul>li.menu-item-has-children>a::after {
	content: "";
	position: absolute;
	top: 16px;
	right: 20px;
	color: var(--textcolor);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 7px;
	border-color: transparent transparent transparent var(--textcolor);
}

.main-navigation ul>li>ul>li.menu-item-has-children:hover>a::after,
.main-navigation ul>li>ul>li.menu-item-has-children.current-menu-item>a::after,
.main-navigation ul>li>ul>li.menu-item-has-children.current-page-ancestor>a::after {
	border-color: transparent transparent transparent #FCD542;
}

.main-navigation ul>li>ul>li:hover>a,
.main-navigation ul>li>ul>li.current-menu-item>a,
.main-navigation ul>li>ul>li.current-page-ancestor>a {
	color: #FCD542;
}

/* SECOND SUBMENU */

.main-navigation ul li ul li ul::before {
	display: none;
}

.main-navigation ul li ul li ul {
	left: 211px;
	margin-top: 0px;
	opacity: 0;
	min-width: 230px;
	z-index: 1;
}

.main-navigation ul li ul li:hover ul {
	left: 241px;
}

.main-navigation ul li ul li:hover ul li,
.main-navigation ul li ul li.current-menu-item ul li,
.main-navigation ul li ul li.current-page-ancestor ul li {
	background: none;
}

.main-navigation ul li ul li ul li:hover,
.main-navigation ul li ul li ul li.current-menu-item,
.main-navigation ul li ul li ul li.current-page-ancestor {
	background: #34485E;
}

.main-navigation ul li ul li:hover ul li a,
.main-navigation ul li ul li.current-menu-item ul li a,
.main-navigation ul li ul li.current-page-ancestor ul li a {
	color: #34485E;
}

.main-navigation ul li ul li ul li:hover a,
.main-navigation ul li ul li ul li.current-menu-item>a,
.main-navigation ul li ul li ul li.current-page-ancestor>a {
	color: #FCD542;
}

.menu-item i._before,
.rtl .menu-item i._after {
	margin-right: .5em;
}


/* HOME */

.home .hero {
	width: 1200px;
	height: 400px;
	margin: 0px 0px 50px -100px;
}

.home .boxed .welcome {
	max-width: 600px;
	margin: 0px auto;
}

.home .boxed .welcome h1 {
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 16px;
}

.home .boxed .welcome .slogan {
	font-size: 36px !important;
	line-height: 36px !important;
	margin-top: 5px;
	font-weight: 300;
}

.news {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 3rem;
	margin: 3rem auto;
}

.news article {
	margin: 1rem 0;
	text-align: right;
}

.page-template-page-home-mainpage header,
.page-template-page-home-mainpage #main,
.page-template-page-home-mainpage #footer {
	display: none;
}

.page-template-page-home-mainpage .heroes {
	position: relative;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
}

.page-template-page-home-mainpage .heroes .privacy {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 5px;
	font-size: 12px;
	background: #FFF;
}

.page-template-page-home-mainpage .heroes .hero_left,
.page-template-page-home-mainpage .heroes .hero_right {
	position: absolute;
	top: 0;
	left: 0;
	width: 50vw;
	height: 100vh;
	overflow: hidden;
	transition: all 0.5s ease-in-out;
}

.page-template-page-home-mainpage .heroes .hero_right {
	left: auto;
	right: 0;
}

.page-template-page-home-mainpage .heroes .hero_left img,
.page-template-page-home-mainpage .heroes .hero_right img {
	height: 100%;
	width: auto;
}

.page-template-page-home-mainpage .heroes .hero_left .hero_consulting,
.page-template-page-home-mainpage .heroes .hero_right .hero_hausverwaltung {
	position: absolute;
	bottom: 10vh;
	font-size: 5vh;
	background: #000;
	color: #FFF;
	text-transform: uppercase;
	font-weight: 100;
	padding: 5vh;
}

.page-template-page-home-mainpage .heroes .hero_left .hero_consulting {
	right: 0;
}

.page-template-page-home-mainpage .heroes .hero_right .hero_hausverwaltung {
	left: 0;
}

.page-template-page-home-mainpage article {
	width: 100%;
	max-width: 100%;
	margin: auto;
	text-align: center;
}

.page-template-page-home-mainpage .uagb-timeline__events-inner-new {
	border-radius: 8px !important;
}

.page-template-page-home-mainpage .uagb-timeline__left .uagb-timeline__marker {
	margin-left: 20px !important;
}

.page-template-page-home-mainpage .uagb-timeline__right .uagb-timeline__marker {
	margin-right: 20px !important;
}

.news article .thumbnail {
	box-shadow: 0px 1px 2px 0px #000;
	height: 175px;
	z-index: 2;
	position: relative;
}

.news article .post_info {
	position: relative;
	max-width: 245px;
	display: inline-block;
	padding: 15px !important;
	border: 1px solid #C4C4C4;
	border-top: 0px;
	margin: 0px 5px 0px 0px;
	text-align: left;
}

.news article .post_info::after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 20px 14px 0;
	border-color: transparent #373737 transparent transparent;
	top: 0;
	left: 0;
	margin: 0px 0px 0px -20px;
}

.news article .post_info .entry-title {
	display: block;
	margin: 15px 0px;
	line-height: 1.2;
	font-size: 1.5rem;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	word-wrap: break-word;
	hyphens: auto;
}

.news article .post_info .more_link {
	position: relative;
	font-size: 13px;
	text-align: right;
	width: 251px;
	padding: 0px 12px;
	margin: 0px 0px -15px -15px;
}

.news article .post_info .more_link .more_link_back {
	position: absolute;
	height: 39px;
	width: 0%;
	background: #E7E7E7;
	bottom: 0;
	right: 0;
	z-index: -1;
	transition: all 0.25s ease-in-out;
}

.news article .post_info .more_link:hover .more_link_back {
	width: 100%;
}

.news article .post_info .more_link a {
	width: 251px;
	display: inline-block;
	padding: 12px;
	margin: 0px 0px 0px -12px;
	transition: all 0.25s ease-in-out;
}

.news article .post_info .more_link:hover a {
	font-weight: 700;
}

.news_pagination {
	font-size: 1.25rem;
	margin: 5rem auto 3rem;
	text-align: center;
}

.news_pagination .page-numbers {
	margin: 0 .5rem;
}

.page-numbers.current {
	position: relative;
}

.page-numbers.current::after {
	content: "";
	width: 1.3rem;
	height: 1.3rem;
	transform: rotate(45deg);
	background: #fcd540;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -.65rem 0 0 -.65rem;
	z-index: -1;
	color: #34485e;
}

/* ARCHIVE */

.archive_title {
	background: #000;
	display: block;
	color: #FFF;
	font-family: "Roboto Condensed", sans-serif;
	padding: 1rem;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 2rem;
	line-height: 2rem;
}


/* CONTENT */

.news_image {
	position: relative;
	margin: 0;
	height: 50vh;
	width: 100%;
	overflow: clip;
}

.news_image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
}

.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
	width: 90%;
	max-width: 1200px;
}

.wp-block-image.mietobjekt img {
	height: auto;
}

.meta {
	position: relative;
	display: block;
	margin: 0px;
	padding: 0px;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 700;
	color: #666;
	letter-spacing: 1px;
}

.post_content {
	column-count: 2;
	column-gap: 10rem;
	margin: 1rem 0 3rem;
	padding: 0 max(5%, calc(50% - 600px));
}

.logo_block {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	border-left: 3px solid #34485E;
	border-bottom: 3px solid #34485E;
	transform: translatey(2px) rotate(-135deg);
	margin: 0px 0px 0px 10px;
}

.logo_block::after {
	content: "";
	position: absolute;
	background: #FCD542;
	height: 8px;
	width: 8px;
	top: 0;
	right: 0;
}

.teaser {
	font-weight: 500;
}

#main .content .box {
	max-width: 600px;
	margin: 0px auto;
}

#main .content h2.box {
	margin-bottom: 20px;
}


/* IMMOBILIEN */

.immo_frontshot {
	font-size: 12px;
	margin: 10vh auto;
	overflow: hidden;
}

.immo_frontshot .wp-block-group__inner-container {
	position: relative;
}

.immo_frontshot .wp-block-image {
	width: 100%;
	margin: 0px;
}

.immo_frontshot .wp-block-group__inner-container p {
	position: absolute;
	top: 0;
	left: -400px;
	z-index: 1;
	font-size: 14px;
	transition: all 0.5s ease-in-out;
}

.immo_frontshot:hover .wp-block-group__inner-container p.og3l,
.immo_frontshot:hover .wp-block-group__inner-container p.og2l,
.immo_frontshot:hover .wp-block-group__inner-container p.og1l,
.immo_frontshot:hover .wp-block-group__inner-container p.egl {
	left: 0;
}

.immo_frontshot.klever51 .wp-block-group__inner-container p.og3r,
.immo_frontshot.klever51 .wp-block-group__inner-container p.og2r,
.immo_frontshot.klever51 .wp-block-group__inner-container p.og1r,
.immo_frontshot.klever51 .wp-block-group__inner-container p.egr {
	left: auto;
	right: -300px;
}

.immo_frontshot:hover .wp-block-group__inner-container p.og3r,
.immo_frontshot:hover .wp-block-group__inner-container p.og2r,
.immo_frontshot:hover .wp-block-group__inner-container p.og1r,
.immo_frontshot:hover .wp-block-group__inner-container p.egr {
	right: 0;
}

.immo_frontshot.klever51 .wp-block-group__inner-container p a {
	position: relative;
	padding: 5px;
	border: 2px solid #34485E;
	background: #FCD542;
}

.immo_frontshot.klever51 .wp-block-group__inner-container p.og3l {
	margin: 158px 0px 0px 267px;
	transform: skewY(-2deg);
}

.immo_frontshot.klever51 .wp-block-group__inner-container p.og2l {
	margin: 228px 0px 0px 267px;
	transform: skewY(-2deg);
}

.immo_frontshot.klever51 .wp-block-group__inner-container p.og1l {
	margin: 293px 0px 0px 267px;
	transform: skewY(-2deg);
}

.immo_frontshot.klever51 .wp-block-group__inner-container p.egl {
	margin: 364px 0px 0px 242px;
	transform: skewY(-2deg);
}

.immo_frontshot.klever51 .wp-block-group__inner-container p.og3r {
	margin: 77px 160px 0px 0px;
	transform: skewY(-2deg);
}

.immo_frontshot.klever51 .wp-block-group__inner-container p.og2r {
	margin: 178px 160px 0px 0px;
	transform: skewY(-2deg);
}

.immo_frontshot.klever51 .wp-block-group__inner-container p.og1r {
	margin: 263px 160px 0px 0px;
	transform: skewY(-2deg);
}

.immo_frontshot.klever51 .wp-block-group__inner-container p.egr {
	margin: 354px 134px 0px 0px;
	transform: skewY(-2deg);
}

.immo_frontshot.klever51 .wp-block-group__inner-container p a::before {
	position: absolute;
	content: "";
	width: 20px;
	height: 2px;
	background: #34485E;
	top: 50%;
	right: 0;
	margin: 0px -20px 0px 0px;
	opacity: 0;
	transition: all 0.25s ease-in-out;
}

.immo_frontshot.klever51 .wp-block-group__inner-container p.og3r a::before,
.immo_frontshot.klever51 .wp-block-group__inner-container p.og2r a::before,
.immo_frontshot.klever51 .wp-block-group__inner-container p.og1r a::before,
.immo_frontshot.klever51 .wp-block-group__inner-container p.egr a::before {
	right: auto;
	left: 0;
	margin: 0px 0px 0px -20px;
	width: 20px;
}

.immo_frontshot.klever51 .wp-block-group__inner-container p a::after {
	position: absolute;
	content: "";
	width: 138px;
	height: 74px;
	border: 2px solid #34485E;
	box-shadow: 0px 0px 13px 5px #FCD542;
	top: 50%;
	right: 0;
	margin: -37px -160px 0px 0px;
	opacity: 0;
	transition: all 0.25s ease-in-out;
}

.immo_frontshot.klever51 .wp-block-group__inner-container p.og3r a::after,
.immo_frontshot.klever51 .wp-block-group__inner-container p.og2r a::after,
.immo_frontshot.klever51 .wp-block-group__inner-container p.og1r a::after,
.immo_frontshot.klever51 .wp-block-group__inner-container p.egr a::after {
	width: 212px;
	height: 74px;
	right: auto;
	left: 0;
	margin: -37px 0px 0px -234px;
}

.immo_frontshot.klever51 .wp-block-group__inner-container p a:hover::before,
.immo_frontshot.klever51 .wp-block-group__inner-container p a:hover::after {
	opacity: 1;
}

.immo_frontshot.klever51 .wp-block-group__inner-container p.og3l a::after {
	transform: skewY(-10deg);
	margin-top: -54px;
}

.immo_frontshot.klever51 .wp-block-group__inner-container p.og2l a::after {
	margin-top: -50px;
	transform: skewY(-6deg);
}

.immo_frontshot.klever51 .wp-block-group__inner-container p.og1l a::after {
	transform: skewY(-3deg);
	margin-top: -40px;
}

.immo_frontshot.klever51 .wp-block-group__inner-container p.og3r a::after {
	height: 104px;
	transform: skewY(-8deg);
	margin-top: -39px;
}

.immo_frontshot.klever51 .wp-block-group__inner-container p.og2r a::after {
	height: 96px;
	transform: skewY(-7deg);
	margin-top: -42px;
}

.immo_frontshot.klever51 .wp-block-group__inner-container p.og1r a::after {
	height: 91px;
	transform: skewY(-2deg);
	margin-top: -39px;
}

.immo_frontshot.klever51 .wp-block-group__inner-container p.egr a::after {
	transform: skewY(1deg);
	margin-top: -50px;
	height: 90px;
}

@media screen and (max-width: 1001px) {
	.immo_frontshot.klever51 .wp-block-group__inner-container p {
		display: none;
	}
}

@media screen and (min-width: 1001px) {
	.immo_mobile {
		display: none;
	}
}

.immo_map {
	position: relative;
}

.immo_map .magnifier {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0px 20px 40px 0px;
	z-index: 9;
	background: #FFF;
	width: 40px;
	height: 40px;
	border-radius: 6px;
	cursor: pointer;
	text-align: center;
	padding: 5px;
}

#main .content article .map {
	width: 100%;
	margin: 0px auto;
	font-size: 11px;
	text-align: right;
	overflow: hidden;
}

#main .content article .map .blocks-gallery-grid {
	min-width: 5000px;
	display: block;
	position: relative;
	text-align: left;
}

#main .content article .wp-block-gallery.map .blocks-gallery-item {
	display: inline-block;
	width: 1000px;
}

.level {
	position: relative;
	margin: 0px 0px 7px 0px;
	display: block;
	padding: 18px 0px 0px;
}

.level::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
	border-bottom: 3px solid #FCD542;
	margin: 27px 0px 0px -131px;
	z-index: 1;
	opacity: 0;
	transition: all 0.25s ease-in-out;
}

.level.has-text-align-right::before {
	left: auto;
	right: 0;
	margin: 27px -131px 0px 0px;
}

.level::after {
	content: "";
	background: #FCD542A8;
	width: 120px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0px 0px 0px -251px;
	z-index: 3;
	opacity: 0;
	transition: all 0.25s ease-in-out;
}

.level.has-text-align-right::after {
	left: auto;
	right: 0;
	margin: -2px -251px 0px 0px;
}

.level:hover::before,
.level:hover::after {
	opacity: 1;
}

.immo_nav_wrapper {
	font-size: 100%;
	padding: 0px;
	text-align: center;
	margin: 40px auto;
	top: -50px;
	transition: top 0.5s ease-in-out;
}

.immo_nav_wrapper.fixed {
	background: #FFF;
	position: fixed;
	top: 0;
	left: 50%;
	width: 1200px;
	margin: 9px 0px 0px -600px;
	padding: 0px 100px !important;
	text-align: left;
	z-index: 6;
}

.immo_nav_wrapper.fixed .wp-block-group__inner-container {
	border-bottom: 3px solid #F5F5F5;
	padding-left: 25px;
}

.immo_nav_wrapper.fixed .wp-block-columns {
	margin-bottom: 0px;
}

.immo_nav_wrapper.fixed .wp-block-column {
	flex-basis: auto;
	margin: 0px 10px 0px 0px;
}

.immo_nav_wrapper.fixed .wp-block-column.icon {
	margin: 0px;
}

.wp-block-group.immo_nav_wrapper p {
	font-size: 14px;
	line-height: 14px;
	margin: 0px;
}

.immo_nav a {
	background: #F3F3F3;
	border-radius: 10px;
	box-shadow: 0px 0px 1px 0px #000;
	padding: 15px;
	display: block;
}

.immo_nav_wrapper.fixed .immo_nav a {
	background: #FFF;
	color: #34485E;
	border-radius: 0px;
	box-shadow: none;
	padding: 10px 6px;
	display: block;
}

.immo_nav_wrapper.fixed .immo_nav .active a {
	font-weight: 700;
}

.nav_link a::before {
	position: relative;
	display: block;
	font-family: "Font Awesome 5 Free";
	font-size: 32px;
	line-height: 32px;
	margin-bottom: 5px;
}

.immo_nav_wrapper.fixed .nav_link a::before {
	display: none;
}

.nav_link.objekt a::before {
	content: "\f1ad";
	font-weight: 700;
}

.nav_link.aufteilung a::before {
	content: "\f565";
	font-weight: 700;
}

.nav_link.ausstattung a::before {
	content: "\f46c";
	font-weight: 700;
}

.nav_link.service a::before {
	content: "\f7d9";
	font-weight: 700;
}

.nav_link.lage a::before {
	content: "\f3c5";
	font-weight: 700;
}

.nav_link.umgebung a::before {
	content: "\f21d";
	font-weight: 700;
}

.nav_link.downloads a::before {
	content: "\f56d";
	font-weight: 700;
}

.immo_nav_divider {
	height: 0px !important;
}

.immo_nav_divider.active {
	height: 135px !important;
}

.wp-block-group.objekt,
.wp-block-group.service,
.wp-block-group.umgebung {
	text-align: right;
}

.aufteilung .wp-block-column {
	background: #F3F3F3;
	border-radius: 10px;
	box-shadow: 0px 0px 1px 0px #000;
	padding: 15px;
	display: block;
	text-align: center;
}

.aufteilung .wp-block-column p {
	font-size: 16px;
	margin: 0px;
	font-weight: 700;
}

.wp-block-group.aufteilung {
	text-align: center;
}

.wp-block-group.aufteilung p.aufteilung {
	display: inline-block;
	font-size: 16px;
	width: 10%;
	margin: 0px 8px;
	word-break: break-all;
	hyphens: inherit;
	vertical-align: top;
	line-height: 16px;
}

.abstellraum,
.bad,
.balkon,
.keller,
.kinderzimmer,
.kueche,
.schlafzimmer,
.stellplatz,
.wohnzimmer,
.wohnschlafzimmer {
	font-size: 14px;
	font-weight: 700;
	position: relative;
	text-align: center;
}

.abstellraum::before,
.bad::before,
.balkon::before,
.keller::before,
.kinderzimmer::before,
.kueche::before,
.schlafzimmer::before,
.stellplatz::before,
.wohnzimmer::before,
.wohnschlafzimmer::before {
	position: relative;
	content: "\f236";
	font-family: "Font Awesome 5 Free";
	display: block;
	width: 100%;
	text-align: center;
	font-size: 32px;
	margin: 0px 0px 20px;
}

.abstellraum::before {
	content: "\f468";
}

.bad::before {
	content: "\f2cc";
}

.balkon::before {
	content: "\f5ca";
}

.schlafzimmer::before {
	content: "\f236";
}

.wohnzimmer::before {
	content: "\f4b8";
}

.keller::before {
	content: "\f884";
}

.wohnschlafzimmer::before {
	content: "\f4b8";
	margin: 0px 0px 20px -30px;
}

.wohnschlafzimmer::after {
	content: "\f236";
	font-family: "Font Awesome 5 Free";
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	font-size: 32px;
	margin: 0px 0px 0px 0px;
}

.kinderzimmer::before {
	content: "\f1ae";
	background: #FFF;
	width: 50%;
	height: 26px;
	border-top: 10px solid #FFF;
	margin-top: -10px;
	margin-bottom: 10px;
}

.kinderzimmer::after {
	content: "\f109";
	font-family: "Font Awesome 5 Free";
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	font-size: 32px;
	margin: 0px 10px 0px 0px;
}

.kueche::before {
	content: "\f0f4";
}

.stellplatz::before {
	content: "\f1b9";
}


/* ACCOUNT */

h1.login_head {
	display: block;
	max-width: 600px;
	margin: 5vh auto;
}

#loginform {
	max-width: 600px;
	margin: 0px auto;
}

.greeting {
	display: inline-block;
	text-align: center;
	font-size: 2rem;
	margin: 3rem 0;
	padding: 0;
	width: 100%;
}

.greeting .mieter_icon {
	display: block;
	width: 150px;
	height: auto;
	margin: 0px auto;
}

/*.account_overview {
	text-align: center;
	margin: 75px 0px 0px;
}
.account_overview a {
	display: inline-block;
	color: #34485E;
	background: #F8F8F8;
	padding: 15px 5px;
	border-radius: 10px;
	box-shadow: 0px 0px 1px 0px #858585;
	font-size: 32px;
	margin: 10px;
	min-width: 80px;
	text-align: center;
	transition: all 0.25s ease-in-out;
}*/
/*.account_overview a:first-of-type {
	margin-left: 0px;
}
.account_overview a:last-of-type {
	margin-right: 0px;
}
.account_overview .account_label {
	font-size: 12px;
	display: block;
	font-weight: 400;
}*/
.page-template-page-account #main section {
	margin: 25px auto 150px;
	max-width: 750px;
}

.page-template-page-account section h2 {
	margin-bottom: 20px;
	padding: 50px 0px 0px;
	color: #34485E;
}

.page-template-page-account section h2 .fas {
	margin-right: 10px;
}

.rundschreiben,
.abrechnungen,
.vertrag {
	display: inline-block;
	vertical-align: top;
	width: calc(31% - 2px);
	margin: 11px;
	border: 1px solid #D5D5D5;
	padding: 0px 0px 0px;
	border-radius: 10px;
	overflow: hidden;
}

.rundschreiben {
	margin-left: 0px;
}

.vertrag {
	margin-right: 0px;
}

.rundschreiben p,
.abrechnungen p,
.vertrag p {
	padding: 0px 10px;
	line-height: 20px;
	font-size: 15px;
	margin-bottom: 10px;
}

.rundschreiben h3,
.abrechnungen h3,
.vertrag h3 {
	padding: 0px 10px;
	margin: 10px 0px 20px;
}

#downloads .files {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#downloads .files li {
	display: block;
	padding: 10px;
	width: calc(100% - 20px);
}

#downloads .files li:nth-child(2n+1),
#mieter .letter_wrapper:nth-child(2n+1) .mieter_row .mieter_wrapper,
#mietinteressenten .mieter_row:nth-child(2n+1) .mieter_wrapper,
#ehemalige-mieter .mieter_row:nth-child(2n+1) .mieter_wrapper,
#garagen .letter_wrapper:nth-child(2n+1) .mieter_row .mieter_wrapper,
.gewerbemieter .letter_wrapper:nth-child(2n+1) .mieter_row .mieter_wrapper,
#immobilien .immobilie_row:nth-child(2n+1),
#gewerbeobjekte .immobilie_row:nth-child(2n+1),
.firmen .mieter_row:nth-child(2n+1) .mieter_wrapper {
	background: #F8F8F8;
}

#downloads .filelist_seperator {
	border-top: 5px double #D5D5D5;
}

#downloads .mietverhaeltnis_zeitraum {
	padding: 5px 10px;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
}

#daten ul,
#login ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#daten ul li,
#login ul li {
	margin-bottom: 15px;
}

#daten .acf-fields>.acf-field {
	border: 0px;
	padding: 10px 0px;
}

#daten .acf-field .acf-label {
	margin: 0px;
}

#daten .acf-field p.description {
	font-size: 14px;
}

#daten input,
#login input,
.wpcf7-form-control-wrap {
	display: block;
	margin-top: 5px;
}

.login-submit input,
#daten .form-submit input,
#login .form-submit input,
#kontakt .wpcf7-submit,
#daten .acf-button {
	width: 100% !important;
	margin: 0px auto;
	cursor: pointer;
	color: var(--buttontextcolor);
	background: var(--buttonbgcolor);
	border: 1px solid var(--buttontextcolor) !important;
	transition: all 0.25s ease-in-out;
}

.login-submit input:hover,
#daten .form-submit input:hover,
.page-template-page-account #login .form-submit:hover input,
#kontakt .wpcf7-submit:hover,
#daten .acf-button:hover {
	background: var(--buttontextcolor);
	color: var(--buttonbgcolor);
}

.page-template-page-account #login .form-submit {
	position: relative;
	cursor: pointer;
	padding: 0px;
}

.page-template-page-account #login .form-submit input {
	position: relative;
	font-size: 0px !important;
	line-height: 24px !important;
}

.page-template-page-account #login .form-submit::after {
	content: "Aktualisieren";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	color: var(--buttonbgcolor);
	width: 100%;
	text-align: center;
	font-family: "Roboto Condensed", sans-serif;
	padding: 10px 0px !important;
	font-size: 20px !important;
	border-radius: 0px;
	font-weight: 300;
	transition: all 0.25s ease-in-out;
}

.page-template-page-account #login .form-submit:hover::after {
	color: var(--buttontextcolor);
}

.page-template-page-account input:not([type="checkbox"]), 
.page-template-page-account textarea,
.page-template-page-account select {
	font: inherit;
	width: calc(100% - 1rem - 2px);
	min-width: calc(100% - 1rem - 2px);
	max-width: calc(100% - 1rem - 2px);
	display: block;
	padding: .5rem !important;
	border-radius: .25rem;
	border: 1px solid #D1D1D1;
	box-shadow: none;
}

.login-submit input,
#daten .form-submit input,
#login .form-submit input,
#kontakt .wpcf7-submit,
#daten .acf-button {
	border: 1px solid var(--buttontextcolor);
}

.login-remember input {
	display: inline-block;
	width: auto;
	transform: translatey(1px);
}

.page-template-page-account select {
	width: 100%;
}

#formulare .files {
	list-style: none;
	padding: 0px;
	display: grid;
	grid-template-columns: 1fr 1fr;
}

#formulare .files li {
	margin: 10px 0px;
}

#formulare .files li i {
	margin: 0px 14px 0px 0px;
}

.page-template-page-account .add_mieter {
	position: relative;
	font-size: 14px;
	margin: -41px 0px 0px 0px;
	color: #34485E;
	float: right;
}

.page-template-page-account .add_mieter a {
	color: #34485E;
}

.page-template-page-account .add_mieter a i {
	margin-right: 6px;
}

#mieter .mietzahlungen {
	position: relative;
	color: #34485E;
	font-size: 14px;
	line-height: 2;
	margin: 0 0 -50px 20px;
	max-width: 500px;
}

#mieter .mietzahlungen i {
	margin: 0 5px 0 0;
}

#mieter .mietzahlungen a {
	color: #34485E;
}

.openallprocesses {
	cursor: pointer;
	font-size: 12px;
	text-align: right;
	width: fit-content;
	margin: 0 0 0 auto;
}

.openallprocesses .zu,
.openallprocesses.active .auf {
	display: none;
}

.openallprocesses.active .zu {
	display: block;
}

/*
.filter_bar {
	display: block;
	margin: 70px 0px 50px;
	padding-left: 40px;
	z-index: 6;
	position: relative;
}
.zahlungsliste .filter_bar {
	padding-left: 0;
	margin: 50px 0 10px;
}
#abrechnungen_erstellen .filter_bar {
	margin: -30px 0px 20px;
	padding-left: 0;
}

.filter_bar .filter_icon {
	color: #34485E;
	float: left;
	margin: 10px 0px 0px -40px;
	cursor: pointer;
}
.filter_sammlung {
	overflow: hidden;
	height: 0px;
	opacity: 0;
	transition: all 0.25s ease-in-out;
}
.filter_sammlung.active {
	height: 270px;
	opacity: 1;
}
.filter_bar .filter_item {
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
	margin: 5px 10px 5px 0px;
	color: #34485EBA;
}
.filter_bar .filter_item .filter_aktivieren, 
.filter_bar .filter_item .filter_aufheben, 
.filter_bar .filter_item.remove_monatsfilter {
	background: #F8F8F8;
	padding: 5px 10px;
	border-radius: 5px;	
	transition: all 0.25s ease-in-out;
}*/
.filter_item .filter_aktivieren,
.filter_item.active .filter_aufheben {
	display: block;
}

.filter_item.active .filter_aktivieren,
.filter_item .filter_aufheben {
	display: none;
}

.filter_item:hover {
	color: var(--buttontextcolor);
}

.filter_item.active .filter_aktivieren,
.filter_item.active .filter_aufheben {
	background: var(--buttonbgcolor);
	color: var(--buttontextcolor);
}

/*
.filter_bar .clear {
	border-top: 1px dotted #D5D5D5;
	margin: 5px 0px;
}
.filter_bar .filter_art {
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	color: #34485E;
	width: 75px;
	vertical-align: top;
	padding-top: 12px;
}
.filter_bar .filter_optionen {
	display: inline-block;
	max-width: 625px;
}*/
.letter_navbar {
	display: block;
	text-align: left;
	margin: 0px 0px -75px;
	padding: 2px 0px 0px;
	z-index: 6;
	position: sticky;
	top: 45px;
	background: #FFF;
}

.letter_navbar .letter_list {
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.letter_navbar .letter_list li {
	display: inline-block;
	padding: 0px 3px;
}

.letter_navbar .letter_list li a {
	padding: 0px 4px;
	color: #34485E;
}

.mieter_row {
	position: relative;
	padding: 80px 0px 0px;
	margin: 10px auto -75px;
}

.mieter_row.hide,
.mieter_row.status_hide,
.mieter_row.afa_hide,
.mieter_row.betreuer_hide,
.mieter_row.house_hide,
.mieter_row.block_hide,
.betriebskostenabrechnung .hide {
	display: none;
}

#garagen h2,
#gewerbe h2 {
	margin-bottom: -75px;
}

/*#mieter .mieter_row:first-of-type, 
#ehemalige-mieter .mieter_row:first-of-type, 
#gewerbe .mieter_row:first-of-type {
	padding-top: 0px;
}
#garagen .mieter_row:first-of-type, 
#gewerbe .mieter_row:first-of-type, 
#ehemalige-mieter .mieter_row:first-of-type {
	padding-top: 0px;
}*/
.mieter_wrapper,
.immobilie_row {
	/*position: relative;*/
	border: 1px solid transparent;
	padding: 10px 20px;
	min-height: 52px;
	z-index: 5;
}

.mieter_row .mieter_wrapper.active,
.mieter_row .mieter_wrapper:hover,
.immobilie_row.active,
.immobilie_row:hover {
	border-color: #34485E;
}

.mieter_row.alert .mieter_wrapper {
	background: #FE9797 !important;
}

.mieter_row.alert .mieter_wrapper div:not(.mieter_id),
.mieter_row.alert .mieter_wrapper .etage,
.mieter_row.alert .mieter_wrapper .mieterdetails,
.mieter_row.alert .mieter_wrapper .communication a {
	color: #000 !important;
}

.mieter_row .mieter_id {
	position: absolute;
	top: 0;
	left: 0;
	margin: 8px 0 0 -50px;
	font-size: 1.25rem;
	color: #cfcfcf;
	text-align: right;
	width: 40px;
}

.mieter_row .mieter_id a {
	color: #cfcfcf;
	font-weight: 600;
	font-style: italic;
}

.mieter_row:hover .mieter_id a {
	color: #34485E;
}

.mieter_row .mieter_bearbeiten {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0px;
	padding: 5px 5px 5px 7px;
	background: #34485E;
	color: #FCD542;
	border-radius: 0px 0px 0px 9px;
	font-size: 12px;
	opacity: 0;
	transition: all 0.25s ease-in-out;
}

.mieter_row:hover .mieter_bearbeiten {
	opacity: 1;
}

.mieter_row .mieterdetails,
.immobilie_row .immobiliendetails {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0px 20px 14px 0px;
	font-size: 12px;
	font-weight: 600;
	color: #777;
	transition: all 0.25s ease-in-out;
	z-index: 5;
}

.mieter_row .mieterdetails i {
	font-size: 10px;
	transform: translatey(-1px);
	margin-right: 1px;
}

.mieter_row .mieterdetails:hover {
	color: #000;
}

.mieter_kontostand {
	float: left;
	margin-top: 5px;
}

.mieter_row .kontostand {
	position: relative;
	display: inline-block;
	margin-left: -5px;
}
.kontostand .konto_balance {
	width: 22px;
	height: 22px;
	display: inline-block;
	transform: translatey(-2px);
}
.kontostand .konto_balance.plus {
	transform: translatey(2px);
}
.kontostand .konto_balance.gleich {
	transform: translatey(3px);
}
.kontostand .konto_balance i {
	display: block;
	transform: rotate(90deg);
}
.kontostand .konto_balance.plus i {
	color: var(--colorplus);
	transform: rotate(45deg);
	display: block;
}
.kontostand .konto_balance.minus i {
	color: var(--colorminus);
	transform: rotate(-45deg);
	display: block;
}
.kontostand .konto_balance.gleich i {
	color: var(--buttontextcolor);
}
.kontostand .konto_balance.leer i {
	color: var(--buttonbgcolor);
	transform: rotate(0deg) translatex(2px) translatey(2px);
	display: block;
}
.kontostand .konto_balance.leer i::after {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	width: 18.5px;
	height: 18.5px;
	border-radius: 50%;
	background: var(--buttontextcolor);
	z-index: -1;
}
.kontostand .kontostand_tooltip {
	position: absolute;
	width: 140px;
	background: var(--buttonbgcolor);
	border: 1px solid var(--buttontextcolor);
	color: var(--buttontextcolor);
	padding: 5px;
	border-radius: 10px;
	top: -9999px;
	left: -9999px;
	margin: -5px 0px 0px 20px;
	text-align: center;
	z-index: 2;
}
.kontostand:hover .kontostand_tooltip {
	top: 0;
	left: 0;
}
.kontostand .kontostand_tooltip .konto_info {
	display: block;
	font-size: 14px;
	font-weight: 400;
}
.kontostand .kontostand_tooltip .konto_betrag {
	font-size: 20px;
	font-weight: 600;
}
.kontostand .kontostand_tooltip .konto_betrag.plus {
	color: var(--colorplus);
}
.kontostand .kontostand_tooltip .konto_betrag.minus {
	color: var(--colorminus);
}

.mieter_row .haushalt,
.mieter_row .mieter_name,
.mieter_row .mieter_wohnung,
.mieter_row .mieter_status {
	display: inline-block;
	padding: 5px 0px;
	margin-right: 20px;
	vertical-align: top;
}

.mieter_row .mieter_name {
	color: var(--textcolor);
	font-weight: 600;
	width: 200px;
	cursor: pointer;
	margin-left: 5px;
}

.kontakt_row .agentur_fuer_arbeit {
	margin: 0 .5rem;
}

.kontakt_row .agentur_fuer_arbeit img {
	display: block;
	max-height: .9rem;
	border-radius: 50%;
}
.kontakt_row .hat-betreuer {
	position: relative;
	margin: 0 .5rem;
}
.kontakt_row .hat-betreuer i {
	color: #34485E;
}
.betreuer_tooltip {
	position: absolute;
	top: -5px;
	left: calc(100% + 10px);
	width: 200px;
	padding: .5rem;
	background: #FCD542;
	border: 1px solid #34485E;
	border-radius: .5rem;
	opacity: 0;
	visibility: hidden;
	transition: all .25s ease-in-out;
}
.betreuer_tooltip::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	margin: .35rem 0 0 -.5rem;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.5rem .5rem .5rem 0;
	border-color: transparent #34485E transparent transparent;
	transform: rotate(0deg);
}
.hat-betreuer:hover .betreuer_tooltip {
	opacity: 1;
	visibility: visible;
}
.betreuer_tooltip p {
	line-height: 1.1;
	margin: .5rem 0;
}
.betreuer_tooltip > *:first-child {
	margin-top: 0;
}
.betreuer_tooltip > *:last-child {
	margin-bottom: 0;
}

.mieter_row .mieter_wohnung .etage {
	margin-left: 6px;
	font-size: 12px;
	font-weight: 600;
	color: #777;
}

#garagen .mieter_row .mieter_wohnung .etage {
	margin-left: 0px;
	font-size: 14px;
}

.mieter_row .personenzahl {
	font-size: 10px;
	color: #C1C1C1;
	padding-top: 4px;
	position: absolute;
	top: 0;
	left: 0;
	margin: 36px 0px 0px 100px;
	cursor: help;
}

.mieter_row .toggle_comment {
	font-size: 13px;
	padding-top: 5px;
	position: absolute;
	top: 0;
	left: 0;
	margin: 35px 0px 0px 20px;
	cursor: pointer;
	font-weight: 600;
}

.mieter_row .kontaktnotizen {
	transition: all .25s ease-in-out;
}

.kontaktnotizen textarea {
	font: inherit;
	font-size: 1rem !important;
	width: calc(100% - 1rem - 2px);
	border: 1px solid #E1E1E1;
	border-radius: .25rem;
	padding: .5rem !important;
	height: 200px;
}

.kontaktnotizen input[type="submit"] {
	width: fit-content;
	font-size: 14px !important;
	padding: 5px 10px !important;
	margin: 0 auto;
	background: #fcd540;
	border: 1px solid #34485e;
	color: #34485e;
	cursor: pointer;
	transition: all .25s ease-in-out;
	border-radius: .25rem;
}

.kontaktnotizen input[type="submit"]:hover {
	background: #34485e;
	color: #fcd540;
}

.mieter_row .personenzahl .fa-user {
	margin-right: 2px;
}

.mieter_row .mieter_wohnung {
	min-width: 210px;
}

.mieter_row .mieter_status {
	position: relative;
	overflow: hidden;
	width: 214px;
}

.mieter_row .mieter_status .auszug_eintragen {
	position: absolute;
	top: 0;
	right: 0;
	margin: 6px 0px 0px;
	cursor: pointer;
	color: #34485E;
}

.toggle_auszug:hover i {
	animation: truckdrive 1s;
	animation-iteration-count: infinite;
}

@keyframes truckdrive {
	0% {
		transform: translate(1px, 1px) rotate(0deg);
	}

	20% {
		transform: translate(0px, 0px) rotate(1deg);
	}

	40% {
		transform: translate(0px, -1px) rotate(1deg);
	}

	60% {
		transform: translate(1px, 0px) rotate(0deg);
	}

	80% {
		transform: translate(0px, -1px) rotate(1deg);
	}

	100% {
		transform: translate(1px, 0px) rotate(-1deg);
	}
}

.mieter_row .mieter_status .auszugsdatum_eintragen {
	position: absolute;
	top: -80px;
	left: 0;
	margin: 24px 0px 0px;
	background: #FFF;
}

.mieter_row:nth-child(2n+1) .mieter_status .auszugsdatum_eintragen {
	background: #F8F8F8;
}

.mieter_row .mieter_status.auszug {
	height: 68px;
}

.mieter_row .mieter_status.auszug .einzug_auszug_update {
	height: 50px;
}

.mieter_row .mieter_status.auszug .auszugsdatum_eintragen {
	top: 0;
}

.mieter_row .mieter_status.auszug .auszugsdatum_eintragen #acf-form {
	width: 80px;
}

.mieter_row .mieter_status.auszug .auszugsdatum_eintragen .acf-date-picker {
	border-bottom: 1px solid #000;
}

.mieter_row .mieter_status .aktiv,
.page-template-page-mieter #main .content .value.aktiv {
	color: #1a7812;
	font-weight: 600;
}

.mieter_row .mieter_status .inaktiv,
.page-template-page-mieter #main .content .value.inaktiv {
	color: #c40000;
	font-weight: 600;
}

.mieter_row .mieter_status .pending,
.page-template-page-mieter #main .content .value.pending {
	color: #34485E;
	font-weight: 600;
}

/*
.interessiert {
	color: #e48d07;
	font-weight: 600;
}

.zugesagt {
	color: #1A7812;
	font-weight: 600;
}

.abgesagt {
	color: #ff4500;
	font-weight: 600;
}

.abgelehnt {
	color: #C40000;
	font-weight: 600;
}
*/
.page-template-page-mieter #main .content .mieterrolle {
	position: relative;
	margin-right: 7px;
}

.page-template-page-mieter #main .content .mieterrolle:first-of-type::after {
	content: ", ";
	position: absolute;
	top: 0;
	right: 0;
	margin: 0px -3px 0px 0px;
}

.page-template-page-mieter #main .content .mieterrolle:last-of-type::after {
	content: "";
}

.mieter_row .mieter_status .einzug_auszug_datum {
	display: block;
	font-size: 13px;
	margin-top: 3px;
}

.mieter_row .mieter_status .einzug_auszug_datum .neueinzug {
	margin-left: 1px;
}

.mieter_row .mieter_status .einzug_auszug_update {
	height: 20px;
	width: auto;
	overflow: hidden;
	transition: all 0.25s ease-in-out;
}

.mieter_row .mieter_status.active .einzug_auszug_update {
	height: 50px;
}

.mieter_row .mieter_status .einzug_auszug_update .einzug_auszug_datum {
	display: inline-block;
	margin-top: 2px;
	vertical-align: top;
}

.mieter_row .mieter_status .einzug_auszug_update #acf-form {
	display: inline-block;
	margin-top: 1px;
}

.mieter_row .mieter_status .einzug_auszug_update #message {
	display: none;
}

.mieter_row .mieter_status .einzug_auszug_update .acf-field .acf-label {
	display: none;
}

.mieter_row .mieter_status .einzug_auszug_update .acf-field {
	padding: 0px;
}

.mieter_row .mieter_status .einzug_auszug_update .acf-field input {
	padding: 0px !important;
	width: auto;
	font-size: 13px !important;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 300;
	background: transparent;
	border-radius: 0;
	box-shadow: none;
	cursor: pointer;
	border: 0px !important;
	line-height: 13px !important;
	margin: 2px 0px 0px !important;
}

.mieter_row .mieter_status .einzug_auszug_update .acf-button {
	width: auto;
	font-size: 12px !important;
	border-radius: 0;
	padding: 2px 4px !important;
	margin-top: 5px;
	cursor: pointer;
}

.acf-ui-datepicker .ui-widget select {
	display: inline-block;
	padding: 0px !important;
	font-size: 14px !important;
}

.mieter_wrapper .communication {
	border-top: 1px dashed #b9b9b9;
	padding: 2px 0px;
	transition: all 0.25s ease-in-out;
}

.mieter_row.alert .mieter_wrapper .communication {
	border-color: #000;
}

.mieter_wrapper .communication.second_person {
	height: 0px;
	padding: 0px;
	border-top: 0px dotted #b9b9b9;
	overflow: hidden;
}

.mieter_wrapper.p2 .communication.second_person {
	height: unset;
	padding-top: 1px;
	border-top: 1px dotted #b9b9b9;
	margin-top: 2px;
}

.mieter_wrapper .communication .second_name {
	display: block;
	width: 100%;
	font-size: 14px;
	color: #808080;
	font-weight: 600;
	padding-top: 2px;
}

.mieter_wrapper .communication .phone,
.mieter_wrapper .communication .mobile,
.mieter_wrapper .communication .mail {
	display: inline-block;
	min-width: 230px;
	font-size: 13px;
	color: #808080;
}

.mieter_wrapper .communication .mobile {
	min-width: 230px;
}

/*.mieter_row .communication .mobile {
	min-width: 240px;
}*/
.mieter_wrapper .communication i {
	min-width: 15px;
}

.mieter_wrapper .communication a {
	color: #808080;
}

.prozess,
.immo_mieter {
	position: relative;
	overflow: hidden;
	height: 0px;
	transition: all 0.25s ease-in-out;
	margin-left: -10px;
}

.immo_mieter {
	height: auto;
	/*max-height: 0px;*/
	margin-left: 0px;
	-webkit-transform: scaleX(-1) translatex(-2px);
	transform: scaleX(-1) translatex(-2px);
	padding-top: 20px;
}

.immo_prozesse {
	height: auto;
	max-height: 0px;
	margin-bottom: 25px;
	overflow: hidden;
	transition: all 0.25s ease-in-out;
	padding: 10px;
	width: calc(100% + 20px);
	margin-left: -10px;
}

.immobilien_prozess {
	height: auto;
	/*max-height: 0px;
	overflow: hidden;*/
}

.active .prozess {
	height: 150px;
	margin-top: 20px;
	overflow: auto;
}

#mieter .prozess .container,
#mietinteressenten .prozess .container {
	width: 1040px;
}

.active .immo_mieter {
	height: auto;
	margin-top: 0px;
}

.steps {
	font-size: .75rem;
	font-weight: 400;
	min-width: 90px;
	width: 90px;
	height: 80px;
	padding: .5rem .5rem .75rem;
	background: var(--buttonbgcolor);
	color: var(--buttontextcolor);
	text-align: center;
	border-radius: .5rem;
	position: relative;
	margin: 0;
	transition: all .25s ease-in-out;
	line-height: 1.15;
}

.immobilien_prozess .steps {
	margin: 0px 18px 0px 0px;
}

.steps a {
	color: var(--buttontextcolor);
}

.steps:not(.stacked):hover {
	filter: drop-shadow(0 1px 4px var(--buttontextcolor));
	z-index: 9;
}

.steps .far,
.steps .fas, 
.steps :is(.toggle_kuendigungsschreiben, .toggle_wohnraummietvertrag, .toggle_parkraummietvertrag) > .fa-solid, 
.steps a > .fa-solid {
	font-size: 1.75rem;
	display: block;
	margin-bottom: 10px;
	width: 100%;
}

.steps.highlight {
	color: var(--buttonbgcolor);
	background: var(--buttontextcolor);
}

.steps.highlight a,
.steps.highlight:hover a {
	color: var(--buttonbgcolor);
}

.steps.erledigt {
	color: #000;
	background: #45B23C;
}

.steps.erledigt:hover {
	filter: drop-shadow(0 1px 4px #45B23C);
}

.steps.erledigt a,
.steps.erledigt:hover a {
	color: #000;
}

.steps.erledigt::after {
	position: absolute;
	bottom: 0;
	right: 0;
	content: "\f058";
	font-family: "Font Awesome 5 Free";
	font-size: 26px;
	width: 31px;
	height: 31px;
	background: #10530b;
	color: #FFF;
	border-radius: 50%;
	margin: 0px -10px -10px 0px;
	line-height: 31px;
}

/*.steps.erledigt + .steps::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin: -3px 0px 0px -20px;
	width: 20px;
	height: 6px;
background: #fcd542;
background: -moz-linear-gradient(left, #fcd542 0%, #dbdbdb 100%);
background: -webkit-linear-gradient(left, #fcd542 0%,#dbdbdb 100%);
background: linear-gradient(to right, #fcd542 0%,#dbdbdb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd542', endColorstr='#dbdbdb',GradientType=1 );
}
.steps.zu_erledigen + .steps.erledigt::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin: -3px 0px 0px -20px;
	width: 20px;
	height: 6px;
background: #dbdbdb;
background: -moz-linear-gradient(left, #dbdbdb 0%, #fcd542 100%);
background: -webkit-linear-gradient(left, #dbdbdb 0%,#fcd542 100%);
background: linear-gradient(to right, #dbdbdb 0%,#fcd542 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#fcd542',GradientType=1 );
}
.steps.erledigt + .steps.erledigt::before {	
	background: #fcd542;
}
.steps:first-of-type.zu_erledigen, 
.steps:first-of-type.zu_erledigen a, 
.steps.erledigt + .steps.zu_erledigen, 
.steps.erledigt + .steps.zu_erledigen a {
	color: #000;
}*/
.steps .kueb-archiv,
.steps .nk-archiv,
.steps .vertrags-archiv,
.steps .wgb-archiv {
	position: absolute;
	top: 0;
	right: 0;
	width: 0px;
	height: 106px;
	padding: 0px;
	background: #34485E;
	color: #FFF;
	transition: all 0.25s ease-in-out;
	z-index: 8;
}

.steps .kueb-archiv {
	right: auto;
	left: 0;
}

.steps .kueb-archiv::before,
.steps .nk-archiv::before,
.steps .vertrags-archiv::before,
.steps .wgb-archiv::before {
	content: "\f100";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0px 0px 0px -20px;
	z-index: 99;
	width: 20px;
	height: 18px;
	padding: 2px 0px 0px;
	font-size: 14px;
	background: #34485E;
	color: #FFF;
}

.steps .kueb-archiv::before {
	margin-left: 0;
	transform: rotateY(180deg);
}

.steps.erledigt .kueb-archiv,
.steps.erledigt .kueb-archiv::before,
.steps.erledigt .nk-archiv,
.steps.erledigt .nk-archiv::before,
.steps.erledigt .vertrags-archiv,
.steps.erledigt .vertrags-archiv::before,
.steps.erledigt .wgb-archiv,
.steps.erledigt .wgb-archiv::before {
	background: #10530b;
}

.steps .kueb-archiv:hover {
	width: 300px;
}

.steps .nk-archiv:hover {
	width: 95px;
}

.steps .vertrags-archiv:hover {
	width: 325px;
}

.steps .wgb-archiv:hover {
	width: 200px;
}

.steps .kueb-archiv .inside,
.steps .nk-archiv .inside,
.steps .vertrags-archiv .inside,
.steps .wgb-archiv .inside {
	overflow: hidden;
}

.steps .kueb-archiv .inside ul,
.steps .nk-archiv .inside ul,
.steps .vertrags-archiv .inside ul,
.steps .wgb-archiv .inside ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	text-align: center;
	height: 106px;
	overflow-y: scroll;
	scrollbar-width: thin;
}

.steps .kueb-archiv .inside ul {
	padding: 0px 0px 0px 30px;
	text-align: left;
}

.steps .vertrags-archiv .inside ul,
.steps .wgb-archiv .inside ul {
	padding: 0px 0px 0px 10px;
	text-align: left;
}

.steps .kueb-archiv .inside ul li,
.steps .nk-archiv .inside ul li,
.steps .vertrags-archiv .inside ul li,
.steps .wgb-archiv .inside ul li {
	margin: 7px 0px;
}

.steps .kueb-archiv .inside ul li a,
.steps .nk-archiv .inside ul li a,
.steps .vertrags-archiv .inside ul li a,
.steps .wgb-archiv .inside ul li a,
.steps.erledigt+.steps.zu_erledigen .nk-archiv .inside ul li a {
	color: #FFF;
}

.steps button {
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	width: 100%;
	cursor: pointer;
}

#ehemalige-mieter .fas.fa-users {
	position: relative;
}

#ehemalige-mieter .fas.fa-users::after {
	content: "\f057";
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0px -5px -5px 0px;
	font-size: 14px;
	color: #c40000;
	background: #FFF;
	padding: 2px;
	border-radius: 50%;
}

#ehemalige-mieter h2 {
	margin-bottom: -75px;
}

/* .immobilie_row {
	
}*/
.immobilie_row .immobilien_name {
	font-weight: 600;
	font-size: 16px;
	color: #34485E;
	cursor: pointer;
}

.immobilien_name i {
	margin-right: 5px;
	font-size: 12px;
	transform: rotate(-90deg) translatex(1px);
	transition: all 0.25s ease-in-out;
}

.immobilien_name.active i {
	transform: translatex(1px);
}

.immobilie_row .immo_etage {
	display: inline-block;
	width: 350px;
	vertical-align: top;
	margin-bottom: 20px;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

#erich-klausener-str-85 .immo_etage,
#hochemmericher-str-04 .immo_etage,
#hochemmericher-str-15 .immo_etage,
#mergelskull-19 .immo_etage {
	display: block;
	width: 100%;
}

.immobilie_row .immo_etage .etage_head {
	margin: 0px;
	font-size: 16px;
}

.immobilie_row .immo_etage .etage_head span {
	font-size: 14px;
	font-weight: 300;
	margin-left: 5px;
}

.immobilie_row .mieterliste {
	display: block;
}

.immobilie_row .update_mieterliste {
	display: inline-block;
	width: 100%;
	vertical-align: top;
}

.immobilie_row .update_mieterliste .acf-fields>.acf-field {
	padding: 0px;
	border-top: 0px;
}

.immobilie_row .update_mieterliste .select2-selection--multiple {
	border: 1px solid #34485E;
	border-radius: 0px;
}

.immobilie_row .update_mieterliste .acf-form-submit input {
	margin-top: 0px;
	width: 100%;
	font-size: 14px;
	padding: 5px 10px;
	border: 0px;
	border-radius: 0px;
	box-shadow: none;
	background: #34485E;
	color: #FCD542;
}

.immobilie_row .mieterliste ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.immobilie_row .mieterliste ul li {
	margin-bottom: 10px;
	width: 45%;
	display: inline-block;
	vertical-align: top;
}

.immobilie_row .mieterliste ul li:first-of-type {
	margin-right: 5%;
}

.immobilie_row .mieterliste .mieter_info,
.immobilie_row .mieterliste .etage,
.immobilie_row .mieterliste .terminhinweis {
	display: inline-block;
}

.immobilie_row .mieterliste .mieter_info {
	font-size: 15px;
	font-weight: 300;
	margin: 2px 0px;
}

.immobilie_row .mieterliste .terminhinweis {
	display: block;
	font-size: 12px;
	font-weight: 600;
	margin-left: 0px;
}

.immobilie_row .mieterliste .terminhinweis.einzug {
	color: #1a7812;
}

.immobilie_row .mieterliste .terminhinweis.auszug {
	color: #c40000;
}


/* KORRESPONDENZ */

.page-template-page-korrespondenz .letter_navbar {
	text-align: center;
	margin: 20px 0px 0px;
	padding: 4px 0px 0px;
	position: sticky;
	top: 9px;
}

.page-template-page-korrespondenz .mieter_row {
	padding: 40px 0px 0px;
	margin: 10px auto -50px;
}

.page-template-page-korrespondenz .mieter_wrapper {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	border-top: 2px solid #34485E;
	min-height: 0px;
}

.page-template-page-korrespondenz .mieter_wrapper.auszug>div {
	opacity: 0.5;
}

.page-template-page-korrespondenz .mieter_wrapper.active {
	border: 2px solid #34485E;
}

.page-template-page-korrespondenz .mieter_wrapper.auszug:hover>div,
.page-template-page-korrespondenz .mieter_wrapper.active>div {
	opacity: 1;
}

.page-template-page-korrespondenz .mieter_wrapper .mieter_korrespondenz {
	color: #34485E;
	font-weight: 600;
	cursor: pointer;
	margin: 0px;
	padding: 20px 10px;
	transition: all 0.25s ease-in-out;
}

.page-template-page-korrespondenz .mieter_wrapper .mieter_korrespondenz:hover {
	background: #FCD542;
}

.page-template-page-korrespondenz .mieter_wrapper.active .mieter_korrespondenz {
	background: #FCD542;
	font-size: 20px;
}

.page-template-page-korrespondenz .mieter_wrapper .mieter_korrespondenz .auszug_erfolgt {
	font-size: 13px;
	font-weight: 400;
	margin-left: 20px;
	display: inline-block;
	transition: all 0.25s ease-in-out;
}

.page-template-page-korrespondenz .mieter_wrapper.active .mieter_korrespondenz .auszug_erfolgt {
	-moz-transform: translatey(-1px);
	-webkit-transform: translatey(-1px);
	-o-transform: translatey(-1px);
	-ms-transform: translatey(-1px);
	transform: translatey(-1px);
}

.page-template-page-korrespondenz .mieter_wrapper .count_mieterdocs {
	position: absolute;
	top: 0;
	right: 0;
	margin: 23px 10px 0px;
	color: #34485E;
	font-size: 13px;
	font-weight: 400;
	transition: all 0.25s ease-in-out;
}

.page-template-page-korrespondenz .mieter_wrapper.active .count_mieterdocs {
	margin-top: 25px;
}

.page-template-page-korrespondenz .prozess {
	height: auto;
	max-height: 0px;
	margin-top: 0px;
	margin-left: 0px;
	overflow: hidden;
	width: 700px;
}

.page-template-page-korrespondenz .prozess .doc_group_title {
	margin: 0px 0px;
	display: none;
	font-size: 15px;
	font-weight: 600;
	width: calc(100% - 20px);
	padding: 10px;
	background: #34485E;
	color: #FCD542;
}

.page-template-page-korrespondenz .prozess .doc_group_title .subgroup {
	font-size: 12px;
	margin-left: 20px;
	font-weight: 400;
}

.page-template-page-korrespondenz .prozess .doc_group_title:first-of-type {
	display: inline-block;
}

.page-template-page-korrespondenz .prozess .doc_group:first-of-type .doc_group_title {
	margin-top: 0px;
}

.file_row {
	width: 100%;
	margin: 0px;
	padding: 15px 10px;
	transition: all 0.25s ease-in-out;
}

.file_row:first-of-type {
	margin-top: 0px;
}

.file_row:nth-of-type(2n+1) {
	background: #F8F8F8;
}

.file_row:hover {
	background: #FCD542;
}

.file_date {
	display: inline-block;
	width: 62px;
	padding: 5px 10px;
	color: #34485E;
	font-size: 13px;
	font-weight: 600;
	margin: 0px 10px 0px -10px;
}

.file_title {
	display: inline-block;
}

.file_privacy {
	display: inline-block;
	width: 30px;
}

.file_name {
	display: inline-block;
	width: 470px;
}

.file_meta {
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px dotted #000;
}

.file_meta>div {
	display: inline-block;
	width: 33%;
	font-size: 13px;
}

.file_meta .file_label {
	font-weight: 400;
	margin-right: 10px;
	font-size: 13px;
}

.mieter_wrapper.korrespondenz .prozess p.nodocs {
	margin: 0px 0px 0px;
	padding: 20px 10px;
	font-size: 14px;
}


/* MIETER ANLEGEN */

.mieter_anlegen,
.mieter_bearbeiten {
	max-width: 700px;
	margin: 50px auto;
	text-align: center;
}

.mieter_anlegen .mieter_bearbeiten,
.mieter_bearbeiten .mieter_to_immo {
	padding: 50px 0px;
}

.mieter_anlegen .mieter_bearbeiten a,
.mieter_bearbeiten .mieter_to_immo a {
	background: #34485E;
	color: #FCD542;
	padding: 20px;
	position: relative;
}

/*.mieter_anlegen .zugewiesene_rolle {
	display: none;
}*/
.mieter_bearbeiten h1 {
	padding-top: 50px;
}

.mieter_bearbeiten .acf-fields>.acf-field {
	position: relative;
	margin: 0;
	padding: 0px;
	border-top: 0px;
}

.acf-fields .acf-field:first-of-type select {
	background: #FCD542;
	border: 2px solid #34485E;
}

.mieter_bearbeiten .acf-field .acf-label {
	margin: 10px 0px -10px;
}

.mieter_bearbeiten .acf-field-relationship .acf-label {
	margin-bottom: 5px;
}

.mieter_anlegen input,
.mieter_anlegen select {
	width: 400px;
	padding: 15px;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 16px;
	margin: 10px 0px;
}

.mieter_anlegen select {
	width: 430px;
}

.mieter_bearbeiten input,
.mieter_bearbeiten select {
	width: 400px !important;
	padding: 15px !important;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 16px !important;
	margin: 10px 0px !important;
}

.mieter_bearbeiten .acf-relationship .list {
	height: auto;
}

.mieter_anlegen .submit,
.mieter_bearbeiten .submit {
	width: 431px;
	margin: 50px auto 0px;
	display: block;
	background: #34485E;
	color: #FCD542;
	border: 0px;
	font-size: 24px;
	cursor: pointer;
}


/* MIETANPASSUNG EINTRAGEN */


.mietanpassung .mietposten {
	position: relative;
	width: 340px;
	display: inline-block;
}

.mietanpassung .mietposten::after {
	content: "€";
	position: ;
	margin: -10px 43px 0px 0px;
	z-index: 2;
	position: absolute;
	top: 50%;
	right: 0;
	font-weight: 400;
}

.mietanpassung .mietposten.datum::after,
.mietanpassung .mietposten.vertragsdatum::after {
	content: "";
}

.mietanpassung label {
	width: 150px;
	display: inline-block;
}

.mietanpassung .abrechnungszeitraum label {
	transform: translatey(8px);
}


.mietanpassung .datum input,
.mietanpassung .vertragsdatum input {
	padding: 15px 0px 15px 5px;
	width: 145px;
}

.mietanpassung select {
	width: 153px;
	padding: 15px 20px 15px 15px;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 16px;
	margin: 10px 0px;
	text-align: left;
}

.mietanpassung .submit_button input {
	width: 300px;
	padding: 15px;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 16px;
	margin: 50px auto 0px;
	text-align: center;
	display: block;
	background: #34485E;
	color: #FCD542;
	border: 1px solid #34485E;
	font-size: 24px;
	cursor: pointer;
	transition: all 0.25s ease-in-out;
}

.mietanpassung .submit_button input:hover {
	color: #34485E;
	background: #FCD542;
}

.mietanpassung hr {
	border-top: 1px solid #D5D5D5;
	border-bottom: 0px;
}


/* MIETER-PROFIL */

.vorheriger_mieter {
	position: fixed;
	top: 50%;
	left: 50%;
	margin: 0px 0px 0px -600px;
	font-size: 32px;
	color: #34485E;
	z-index: 9;
}

.naechster_mieter {
	position: fixed;
	top: 50%;
	right: 50%;
	margin: 0px -600px 0px 0px;
	font-size: 32px;
	color: #34485E;
	z-index: 9;
}

.vorheriger_mieter .mieter_info,
.naechster_mieter .mieter_info {
	position: absolute;
	top: 0;
	left: 0;
	margin: -7px 0px 0px 30px;
	padding: 5px 10px;
	width: fit-content;
	visibility: hidden;
	opacity: 0;
	font-size: 16px;
	transition: all 0.25s ease-in-out;
	background: #FFF;
	border: 2px solid #32495f;
	border-radius: 5px;
}

.vorheriger_mieter .mieter_info>div,
.naechster_mieter .mieter_info>div {
	white-space: nowrap;
}

.naechster_mieter .mieter_info {
	left: auto;
	right: 0;
	margin: -7px 30px 0px 0px;
	text-align: right;
}

.vorheriger_mieter:hover .mieter_info,
.naechster_mieter:hover .mieter_info {
	visibility: visible;
	opacity: 1;
}

.page-template-page-mieter #main .content .mieter_name_address,
.page-template-page-mieter #main .content .mieter_kontaktdaten {
	width: 45%;
	display: inline-block;
	vertical-align: top;
	margin-top: 50px;
}

.page-template-page-mieter #main .content .mieter_name_address .mieter_vorname {
	font-size: 28px;
	font-weight: 300;
	margin: 2px 0px;
}

.page-template-page-mieter #main .content .mieter_name_address .mieter_nachname {
	max-width: 275px;
	font-size: 36px;
	line-height: 30px;
	font-weight: 400;
	margin: 10px 0px 20px;
	text-transform: uppercase;
}

.page-template-page-mieter #main .content .mieter_name_address .adresse {
	margin: 0px;
	font-size: 16px;
	line-height: 18px;
}

.page-template-page-mieter #main .content .mieter_kontaktdaten div {
	margin: 5px 0px;
}

.page-template-page-mieter #main .content .mieter_kontaktdaten a {
	font-weight: 600;
}

.page-template-page-mieter #main .content .boxlabel,
.page-template-page-mieter #main .content .value {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	min-height: 22px;
	max-width: 150px;
}

.page-template-page-mieter #main .content .mieter_kontaktdaten .mieter_email .value {
	min-width: 230px;
	max-width: 230px;
}

.page-template-page-mieter #main .content .bankverbindung_kaution .value {
	width: 400px;
	max-width: 400px;
}

.page-template-page-mieter #main .content .bankverbindung .value,
.page-template-page-mieter #main .content .bankverbindung_alternativ .value {
	max-width: 215px;
	word-break: break-word;
}

.page-template-page-mieter #main .content .value,
.single-immobilien #main .content .gesamt {
	font-weight: 600;
}

.page-template-page-mieter #main .content .value.miete {
	text-align: right;
	min-width: 70px;
}

.page-template-page-mieter #main .content .value.green,
.single-immobilien #main .content .value.green {
	color: #1a7812;
}

.page-template-page-mieter #main .content .boxlabel {
	width: 80px;
	color: #444;
	font-size: 14px;
	font-weight: 400;
	padding-top: 0px;
}

.page-template-page-mieter #main .content .wohnung_gesamtmiete .boxlabel {
	font-weight: 600;
}

.page-template-page-mieter #main .content .tab_container {
	width: 700px;
	height: auto;
	position: relative;
	margin: 50px auto;
	overflow-x: hidden;
}

.page-template-page-mieter #main .content .tab_container .tab_bar,
.single-immobilien #main .content .tab_container .tab_bar {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #34485E;
}

.page-template-page-mieter #main .content .tab_container .tab_bar .tab_label,
.single-immobilien #main .content .tab_container .tab_bar .tab_label {
	display: inline-block;
	padding: 5px 15px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	color: #34485E;
	cursor: pointer;
	transition: all 0.25s ease-in-out;
}

.page-template-page-mieter #main .content .tab_container .tab_bar .tab_label.active,
.single-immobilien #main .content .tab_container .tab_bar .tab_label.active {
	color: #FCD542;
	background: #34485E;
	border-radius: 10px 10px 0px 0px;
}

.page-template-page-mieter #main .content .tab_container .content_bar,
.single-immobilien #main .content .tab_container .content_bar {
	padding-top: 1px;
	width: 4230px;
	transition: all 0.25s ease-in-out;
}

.page-template-page-mieter #main .content .tab_container .content_bar.persoenlich {
	margin-left: 0px;
}

.page-template-page-mieter #main .content .tab_container .content_bar.wohnung {
	margin-left: -704px;
}

.page-template-page-mieter #main .content .tab_container .content_bar.mietvertrag {
	margin-left: -1408px;
}

.page-template-page-mieter #main .content .tab_container .content_bar.konto {
	margin-left: -2112px;
}

.page-template-page-mieter #main .content .tab_container .content_bar.nkabrechnungen {
	margin-left: -2816px;
}

.page-template-page-mieter #main .content .tab_container .content_bar.korrespondenz {
	margin-left: -3520px;
}

.page-template-page-mieter #main .content .tab_container .tab_content {
	background: #FFF;
	width: 660px;
	padding: 20px;
	margin: 30px 0px;
	transition: all 0.25s ease-in-out;
	display: inline-block;
	vertical-align: top;
}

.page-template-page-mieter #main .content .tab_container .tab_content.mietvertrag .vertragsdaten {
	display: inline-block;
	width: 45%;
}

.page-template-page-mieter #main .content .tab_container .tab_content.mietvertrag .mietposten {
	margin: 0% 0% 0% 10%;
	width: 40%;
}

.page-template-page-mieter #main .content .tab_container .tab_content.konto {
	position: relative;
}

.page-template-page-mieter #main .content .tab_container .tab_content h3,
.single-immobilien #main .content .tab_container .tab_content h3 {
	margin: 0px 0px 20px;
}

.page-template-page-mieter #main .content .tab_container .tab_content .boxlabel {
	min-width: 140px;
}

.page-template-page-mieter #main .content .tab_container .tab_content.konto .boxlabel {
	min-width: 60px;
}

.page-template-page-mieter #main .content .tab_container .tab_content.mietvertrag .mietposten .boxlabel,
.page-template-page-mieter #main .content .tab_container .tab_content.konto .mietposten .boxlabel {
	min-width: 155px;
}

.page-template-page-mieter #main .content .tab_container .tab_content .abrechnung .boxlabel,
.single-immobilien #main .content .tab_container .tab_content .abrechnung .boxlabel {
	min-width: 230px;
}

.page-template-page-mieter #main .content .tab_container .tab_content.active {
	left: 0;
}

.page-template-page-mieter #main .content .tab_container .tab_content .files {
	list-style: none;
	padding: 0px;
}

.page-template-page-mieter #main .content .tab_container .tab_content .files li {
	margin: 5px 0px;
}

.page-template-page-mieter #main .content .tab_container .tab_content .mietobjekt_garage,
.page-template-page-mieter #main .content .tab_container .tab_content .mietobjekt_parkplatz,
.page-template-page-mieter #main .content .tab_container .tab_content .wohnungsdetails,
.page-template-page-mieter #main .content .tab_container .tab_content .wohnungsschluessel,
.page-template-page-mieter #main .content .tab_container .tab_content .personendaten,
.page-template-page-mieter #main .content .tab_container .tab_content .bankdaten,
.page-template-page-mieter #main .content .tab_container .tab_content .mietposten {
	display: inline-block;
	vertical-align: top;
	width: 45%;
}

.page-template-page-mieter #main .content .tab_container .tab_content :not(.vorherige_wohnungen) .wohnungsschluessel h4 {
	margin-top: 3px;
	margin-bottom: 20px;
}

.page-template-page-mieter #main .content .tab_container .tab_content .vorherige_wohnungen {
	margin-top: 70px;
	border-top: 2px dotted #34485E;
	padding-top: 20px;
}

.page-template-page-mieter #main .content .tab_container .tab_content .vorherige_wohnungen .vorherige_wohnung {
	border-top: 1px solid #E5E5E5;
}

.page-template-page-mieter #main .content .tab_container .tab_content .vorherige_wohnungen .vorherige_wohnung:first-of-type {
	border-top: 0px;
}

.page-template-page-mieter #main .content .tab_container .tab_content .vorherige_wohnungen .vorherige_wohnung h4 {
	cursor: pointer;
}

.page-template-page-mieter #main .content .tab_container .tab_content .vorherige_wohnungen .vorherige_wohnung .alte_wohnung i {
	margin-right: 5px;
	font-size: 12px;
	transform: rotate(-90deg) translatex(1px);
	transition: all 0.25s ease-in-out;
}

.page-template-page-mieter #main .content .tab_container .tab_content .vorherige_wohnungen .vorherige_wohnung .alte_wohnung.active i {
	transform: translatey(-2px);
}

.page-template-page-mieter #main .content .tab_container .tab_content .vorherige_wohnungen .vorherige_wohnung .va_wohnung {
	max-height: 0;
	overflow: hidden;
	transition: all 0.25s ease-in-out;
}

.page-template-page-mieter #main .content .tab_container .tab_content .vorherige_wohnungen .vorherige_wohnung .alte_wohnung.active+.va_wohnung {
	margin-bottom: 20px;
}

.page-template-page-mieter #main .content .tab_container .tab_content .abrechnungen_container {
	width: 345px;
	display: inline-block;
	vertical-align: top;
}

.page-template-page-mieter #main .content .tab_container .tab_content .archiv_zaehlerstaende {
	display: inline-block;
	margin-left: 50px;
	width: 265px;
	text-align: right;
}

.page-template-page-mieter #main .content .tab_container .tab_content .archiv_zaehlerstaende .abrechnungsarchiv {
	display: inline-block;
	text-align: right;
}

.page-template-page-mieter #main .content .tab_container .tab_content .abrechnungsarchiv p {
	font-size: 14px;
	margin: -21px 0px 0px;
}

.page-template-page-mieter #main .content .tab_container .tab_content .abrechnungsarchiv .files {
	margin-top: 41px;
}

.page-template-page-mieter #main .content .tab_container .tab_content .abrechnungsarchiv .files li {
	padding: 6px 10px;
	margin: 0px;
}

.page-template-page-mieter #main .content .tab_container .tab_content .abrechnungsarchiv .files li:nth-child(2n+1) {
	background: #F8F8F8;
}

.page-template-page-mieter #main .content .tab_container .tab_content .archiv_zaehlerstaende .zaehlerstaende {
	margin: 50px 0px 20px;
}

.page-template-page-mieter #main .content .tab_container .tab_content .archiv_zaehlerstaende .zaehlerstaende .zaehlerwerte {
	max-height: 0px;
	overflow: hidden;
	transition: all 0.25s ease-in-out;
	margin-right: -10px;
}

.page-template-page-mieter #main .content .tab_container .tab_content .archiv_zaehlerstaende .zaehlerstaende .zaehler_einzug .zaehlerwerte {
	max-height: 9999px;
}

.page-template-page-mieter #main .content .tab_container .tab_content .archiv_zaehlerstaende .zaehlerstaende .zaehlerwerte table {
	width: 240px;
	margin: 0px 0px 0px auto;
	text-align: left;
	border-collapse: collapse;
}

.page-template-page-mieter #main .content .tab_container .tab_content .archiv_zaehlerstaende .zaehlerstaende .zaehlerwerte table tbody tr:nth-of-type(2n+1) {
	background: #F8F8F8;
}

.page-template-page-mieter #main .content .tab_container .tab_content .archiv_zaehlerstaende .zaehlerstaende .zaehlerwerte table td,
.page-template-page-mieter #main .content .tab_container .tab_content .archiv_zaehlerstaende .zaehlerstaende .zaehlerwerte table th {
	padding: 5px 10px;
}

.page-template-page-mieter #main .content .tab_container .tab_content .archiv_zaehlerstaende .zaehlerstaende .zaehlerwerte table th {
	font-size: 15px;
	font-weight: 400;
}

.page-template-page-mieter #main .content .tab_container .tab_content .archiv_zaehlerstaende .zaehlerstaende .zaehlerwerte table td:last-of-type,
.page-template-page-mieter #main .content .tab_container .tab_content .archiv_zaehlerstaende .zaehlerstaende .zaehlerwerte table th:last-of-type {
	text-align: right;
}

.page-template-page-mieter #main .content .tab_container .tab_content .archiv_zaehlerstaende .zaehlerstaende .zaehlerwerte table td.zaehlername {
	color: #444;
	font-size: 14px;
	font-weight: 400;
	padding-top: 7px;
}

.page-template-page-mieter #main .content .tab_container .tab_content .nebenkosten {
	margin: 0px 0px 20px;
}

.page-template-page-mieter #main .content .tab_container .tab_content .nebenkosten:first-of-type {
	margin-bottom: 50px;
}

.page-template-page-mieter #main .content .tab_container .tab_content .nebenkosten p.abrechnungsobjekt {
	font-size: 14px;
	line-height: 17px;
	margin: 4px 0px 0px;
	font-weight: 400;
}

.page-template-page-mieter #main .content .tab_container .tab_content .nebenkosten p.abrechnungsobjekt a {
	text-decoration: underline;
}

.page-template-page-mieter #main .content .tab_container .tab_content .nebenkosten p.zeitraum {
	font-size: 13px;
	line-height: 17px;
	margin: 4px 0px 20px;
}

.page-template-page-mieter #main .content .tab_container .tab_content .nebenkosten .abrechnungsjahr,
.single-immobilien #main .content .tab_container .tab_content .nebenkosten .abrechnungsjahr {
	margin-bottom: 0px;
	cursor: pointer;
}

.page-template-page-mieter #main .content .tab_container .tab_content .nebenkosten:first-of-type .abrechnungsjahr,
.single-immobilien #main .content .tab_container .tab_content .nebenkosten:first-of-type .abrechnungsjahr {
	cursor: default;
}

.page-template-page-mieter #main .content .tab_container .tab_content .nebenkosten .abrechnungsjahr i,
.single-immobilien #main .content .tab_container .tab_content .nebenkosten .abrechnungsjahr i {
	margin-right: 5px;
	font-size: 12px;
	transform: translatey(-2px);
	transition: all 0.25s ease-in-out;
}

.page-template-page-mieter #main .content .tab_container .tab_content .nebenkosten:first-of-type .abrechnungsjahr i,
.page-template-page-mieter #main .content .tab_container .tab_content .nebenkosten .abrechnungsjahr.active i,
.single-immobilien #main .content .tab_container .tab_content .nebenkosten:first-of-type .abrechnungsjahr i,
.single-immobilien #main .content .tab_container .tab_content .nebenkosten .abrechnungsjahr.active i {
	transform: rotate(-90deg) translatex(2px);
}

.page-template-page-mieter #main .content .tab_container .tab_content .nebenkosten .abrechnung,
.single-immobilien #main .content .tab_container .tab_content .nebenkosten .abrechnung {
	max-height: 0;
	overflow: hidden;
	transition: all 0.25s ease-in-out;
	margin-top: 0px;
}

.page-template-page-mieter #main .content .tab_container .tab_content .nebenkosten:first-of-type .abrechnung,
.single-immobilien #main .content .tab_container .tab_content .nebenkosten:first-of-type .abrechnung {
	max-height: 999999px;
}

.single-immobilien #main .content .tab_container .tab_content .nebenkosten .abrechnung table {
	margin: 20px 0px 50px;
}

.page-template-page-mieter #main .content .tab_container .tab_content .nebenkosten .abrechnung ul,
.single-immobilien #main .content .tab_container .tab_content .nebenkosten .abrechnung ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.page-template-page-mieter #main .content .tab_container .tab_content .nebenkosten .abrechnung ul li,
.single-immobilien #main .content .tab_container .tab_content .nebenkosten .abrechnung ul li {
	padding: 7px 5px 3px;
}

.page-template-page-mieter #main .content .tab_container .tab_content .nebenkosten .abrechnung ul li:nth-child(2n+1),
.single-immobilien #main .content .tab_container .tab_content .nebenkosten .abrechnung ul li:nth-child(2n+1) {
	background: #F8F8F8;
}

.page-template-page-mieter #main .content .tab_container .tab_content .nebenkosten .abrechnung ul li.kosten_gesamt,
.single-immobilien #main .content .tab_container .tab_content .nebenkosten .abrechnung ul li.kosten_gesamt {
	background: transparent !important;
	border-top: 3px double #000;
	margin-top: 10px;
}

.page-template-page-mieter #main .content .tab_container .tab_content .nebenkosten .abrechnung ul li .summe,
.single-immobilien #main .content .tab_container .tab_content .nebenkosten .abrechnung ul li .summe {
	font-weight: 600;
	font-size: 16px;
}

.page-template-page-mieter #main .content .tab_container .tab_content .nebenkosten .abrechnung ul li.kosten,
.single-immobilien #main .content .tab_container .tab_content .nebenkosten .abrechnung ul li.kosten {
	background: transparent !important;
}

.page-template-page-mieter #main .content .tab_container .tab_content .nebenkosten .abrechnung ul li .value,
.single-immobilien #main .content .tab_container .tab_content .nebenkosten .abrechnung ul li .value {
	text-align: right;
	width: 90px;
}

.page-template-page-mieter #main .content .tab_container .tab_content .nebenkosten .abrechnung ul li .value.plus,
.single-immobilien #main .content .tab_container .tab_content .nebenkosten .abrechnung ul li .value.plus {
	color: #21A107;
}

.page-template-page-mieter #main .content .tab_container .tab_content .nebenkosten .abrechnung ul li .value.minus,
.single-immobilien #main .content .tab_container .tab_content .nebenkosten .abrechnung ul li .value.minus {
	color: #F82B2B;
}

.page-template-page-mieter #main .content .tab_container .tab_content .nebenkosten .abrechnung .abrechnung_erstellen {
	background: #34485E;
	padding: 8px 16px;
	font-size: 14px;
	color: #FCD542;
	border-radius: 10px;
	margin: 30px auto 50px;
	display: block;
	width: 130px;
	text-align: center;
}

.page-template-page-mieter #main .content section div .icon {
	padding: 20px 20px 10px;
	background: #8E8E8E;
	margin: 0px 0px 20px;
	border-radius: 10px 10px 0px 0px;
}

.page-template-page-mieter #main .content section div i {
	font-size: 36px;
	line-height: 28px;
}

.page-template-page-mieter #main .content section div .boxlabel {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 5px 0px 0px;
}

.page-template-page-mieter #main .content section .einzug p.mietereinzugsdatum {
	font-size: 44px;
	font-weight: 600;
	letter-spacing: -4px;
	line-height: 38px;
	font-style: italic;
	margin: 0px;
}

.page-template-page-mieter #main .content section .einzug p.mietereinzugsdatum .day {
	color: #8E8E8E;
}

.page-template-page-mieter #main .content section .einzug p.mietereinzugsdatum .month {
	color: #555;
}

.page-template-page-mieter #main .content section .einzug p.mietereinzugsdatum .year {
	display: block;
	font-size: 54px;
	margin-left: -14px;
}

.page-template-page-mieter #main .content section div .nummer {
	font-size: 44px;
	font-weight: 600;
	letter-spacing: -4px;
	color: #8E8E8E;
	font-style: italic;
	margin: 0px;
	line-height: 44px;
	position: relative;
	display: inline-block;
}

.page-template-page-mieter #main .content section div .nummer::after {
	content: "Nr.";
	position: absolute;
	font-size: 20px;
	letter-spacing: 0px;
	color: #B7B7B7;
	bottom: 0;
	left: 0;
	margin: 0px 0px -8px -22px;
}

.page-template-page-mieter #main .content .parkplatz .fa-car {
	border-bottom: 3px solid #000;
	padding: 13px 4px 0px;
}

.page-template-page-mieter #main .content .garage .fa-car {
	border: 3px solid #000;
	border-bottom: 0px;
	padding: 10px 4px 0px;
}

/*
.page-template-page-mieter #main .content .telefon, 
.page-template-page-mieter #main .content .mobil, 
.page-template-page-mieter #main .content .email, 
.page-template-page-mieter #main .content .einzug, 
.page-template-page-mieter #main .content .wohndauer, 
.page-template-page-mieter #main .content .miete, 
.page-template-page-mieter #main .content .garage, 
.page-template-page-mieter #main .content .parkplatz {
	width: 180px;
	background: #E8E8E8;
	border-radius: 10px;
	padding: 0px 0px 20px;
	text-align: center;
	display: inline-block;
	margin: 20px;
	vertical-align: top;
}*/
.page-template-page-mieter .wohndauer .jahreszahl {
	width: auto;
	display: inline-block;
}

.page-template-page-mieter #main .content section div .jahreszahl .nummer {
	font-size: 36px;
	letter-spacing: 0px;
}

.page-template-page-mieter #main .content section div .jahreszahl .nummer::after {
	display: none;
}

.page-template-page-mieter .wohndauer .jahreszahl .yearprogress {
	width: 100%;
	height: 6px;
	background: #8E8E8E;
}

.page-template-page-mieter .wohndauer .jahreszahl .yearprogress .graph {
	background: #000;
	height: 6px;
}

.page-template-page-mieter .wohndauer .jahreszahl .months {
	font-weight: 600;
	color: #8E8E8E;
	margin-top: 3px;
	display: block;
	text-transform: uppercase;
}

.page-template-page-mieter #main .content .tab_container .tab_content.konto .agentur_fuer_arbeit {
	float: right;
}

.page-template-page-mieter #main .content .tab_container .tab_content.konto .kaution {
	border-bottom: 1px solid #D5D5D5;
	padding-bottom: 1rem;
}

.page-template-page-mieter #main .content .tab_container .tab_content.konto .kontostand {
	position: absolute;
	top: 0;
	right: 0;
	width: 256px;
	text-align: left;
	margin: 363px 46px 0px 0px;
	border: 1px solid #D5D5D5;
	padding: 5px 10px 0px;
}

.page-template-page-mieter #main .content .tab_container .tab_content.konto.gewerbe .kontostand {
	margin-top: 293px;
}

.page-template-page-mieter #main .content .tab_container .tab_content.konto .kontostand h4 {
	margin: 0px 0px 10px;
}

.page-template-page-mieter #main .content .tab_container .tab_content.konto .kontostand .gesamt_miete {
	display: block;
	width: 256px;
	font-weight: 600;
}

.page-template-page-mieter #main .content .tab_container .tab_content.konto .kontostand .gesamt_miete.differenz {
	border-top: 3px double #000;
	padding-top: 5px;
}

.page-template-page-mieter #main .content .tab_container .tab_content.konto .kontostand .gesamt_miete .konto_label {
	color: #444;
	font-size: 14px;
	font-weight: 400;
	display: inline-block;
	width: 164px;
	vertical-align: top;
	min-height: 22px;
}

.page-template-page-mieter #main .content .tab_container .tab_content.konto .kontostand .gesamt_miete .value.miete {
	text-align: right;
	min-width: 90px;
}

.page-template-page-mieter #main .content .tab_container .tab_content .mietposten {
	margin: 0px;
	text-align: left;
	width: 50%;
	min-height: 340px;
}

.page-template-page-mieter #main .content .tab_container .tab_content.gewerbe .mietposten {
	min-height: 260px;
}

.page-template-page-mieter #main .content .tab_container .tab_content .mietposten_liste .mietposten_labels {
	width: 160px;
	display: inline-block;
	vertical-align: top;
}

.page-template-page-mieter #main .content .tab_container .tab_content .mietposten_liste .mietposten_aktuell {
	display: inline-block;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.page-template-page-mieter #main .content .tab_container .tab_content .mietposten_liste .mietposten_labels .boxlabel {
	min-width: 160px;
}

.page-template-page-mieter #main .content .tab_container .tab_content.gewerbe .mietposten_liste .mietposten_labels {
	width: 140px;
}

.page-template-page-mieter #main .content .tab_container .tab_content.gewerbe .mietposten_liste .mietposten_labels .boxlabel {
	min-width: 140px;
}

.page-template-page-mieter #main .content .tab_container .tab_content.gewerbe .miethistorie .mietposten_liste .mietposten_labels {
	width: 120px;
}

.page-template-page-mieter #main .content .tab_container .tab_content.gewerbe .miethistorie .mietposten_liste .mietposten_labels .boxlabel {
	min-width: 120px;
}

.page-template-page-mieter #main .content .tab_container .tab_content .mietposten_liste .mietposten_spalte {
	width: 70px;
	display: inline-block;
	vertical-align: top;
	text-align: right;
}

.page-template-page-mieter #main .content .tab_container .tab_content .mietposten .mietposten_liste .mietposten_aktuell .mietposten_spalte {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.page-template-page-mieter #main .content .tab_container .tab_content .mietposten_liste .mietposten_spalte.anp1,
.page-template-page-mieter #main .content .tab_container .tab_content .mietposten_liste .mietposten_spalte.anp1 .gesamtmiete {
	width: 90px;
}

.page-template-page-mieter #main .content .tab_container .tab_content.gewerbe .miethistorie .mietposten_liste .mietposten_spalte,
.page-template-page-mieter #main .content .tab_container .tab_content.gewerbe .miethistorie .mietposten_liste .mietposten_spalte .value.miete,
.page-template-page-mieter #main .content .tab_container .tab_content.gewerbe .miethistorie .mietposten_liste .mietposten_spalte .gesamtmiete {
	width: 90px;
}

.page-template-page-mieter #main .content .tab_container .tab_content .mietposten_liste .mietposten_labels .info,
.page-template-page-mieter #main .content .tab_container .tab_content .mietposten_liste .mietposten_spalte .info {
	font-size: 12px;
	display: block;
	margin-bottom: 5px;
	padding-bottom: 4px;
	border-bottom: 1px solid #000;
}

.page-template-page-mieter #main .content .tab_container .tab_content .mietposten_liste .mietposten_spalte .value.miete,
.page-template-page-mieter #main .content .tab_container .tab_content .mietposten_liste .mietposten_spalte .gesamtmiete {
	width: 70px;
}

.page-template-page-mieter #main .content .tab_container .tab_content .mietposten_liste .mietposten_labels .gesamtmiete,
.page-template-page-mieter #main .content .tab_container .tab_content .mietposten_liste .mietposten_spalte .gesamtmiete {
	border-top: 3px double #000;
	padding-top: 4px;
}

.page-template-page-mieter .mietposten .betrag {
	float: right;
}

.page-template-page-mieter #main .content .tab_container .tab_content .mietposten .wohnung_gesamtmiete {
	border-top: 3px double #000;
	padding-top: 5px;
	width: 226px;
}

.page-template-page-mieter #main .content .tab_container .tab_content .kontoinformationen {
	display: inline-block;
	vertical-align: top;
	width: 300px;
	margin-left: 30px;
}

.page-template-page-mieter .miethistorie {
	border-top: 1px solid #D5D5D5;
	margin-top: 15px;
}

.page-template-page-mieter .miethistorie .miethistorie_head {
	display: block;
	margin-bottom: 0px;
	font-weight: 400;
	cursor: pointer;
}

.page-template-page-mieter .miethistorie .miethistorie_head i {
	margin-right: 5px;
	font-size: 12px;
	transform: rotate(-90deg) translatex(1px);
	transition: all 0.25s ease-in-out;
}

.page-template-page-mieter .miethistorie .miethistorie_head.active i {
	transform: translatey(-2px);
}

.page-template-page-mieter .miethistorie .miethistorie_content {
	max-height: 0px;
	overflow: hidden;
	opacity: 0;
	transition: all 0.25s ease-in-out;
}

.page-template-page-mieter .miethistorie .miethistorie_head.active+.miethistorie_content {
	overflow: visible;
	opacity: 1;
	overflow-x: scroll;
	padding-bottom: 20px;
}

.page-template-page-mieter .miethistorie .mietposten_liste .mietposten_labels {
	position: sticky;
	top: 0;
	left: 0;
	background: #FFF;
}

.page-template-page-mieter .mietzahlungen {
	border-top: 1px solid #D5D5D5;
	margin-top: 15px;
}

.page-template-page-mieter .mietzahlungen .zahlungsjahr {
	position: relative;
	padding-top: 50px;
}

.page-template-page-mieter .mietzahlungen .zahlungsjahr:first-of-type {
	padding-top: 0px;
}

.page-template-page-mieter .mietzahlungen .zahlungsjahr .zahlungsjahr_head {
	display: block;
	margin-bottom: 10px;
	font-weight: 400;
	cursor: pointer;
}

.page-template-page-mieter .mietzahlungen .zahlungsjahr .zahlungsjahr_head i {
	margin-right: 5px;
	font-size: 12px;
	transform: rotate(-90deg) translatex(1px);
	transition: all 0.25s ease-in-out;
}

/*.page-template-page-mieter .mietzahlungen .zahlungsjahr:first-of-type .zahlungsjahr_head i, */
.page-template-page-mieter .mietzahlungen .zahlungsjahr .zahlungsjahr_head.active i {
	transform: translatey(-2px);
}

.page-template-page-mieter .mietzahlungen .zahlungsjahr .kontoauszug_erstellen {
	position: absolute;
	top: 0;
	left: 70px;
	margin-top: 50px;
}

.page-template-page-mieter .mietzahlungen .zahlungsjahr:first-of-type .kontoauszug_erstellen {
	margin-top: 0px;
}

.page-template-page-mieter .mietzahlungen .zahlungsjahr .zahlungsliste:not(.expand) {
	max-height: 0px;
	overflow: hidden;
	transition: all 0.25s ease-in-out;
}

.page-template-page-mieter .mietzahlungen .zahlungsjahr .zahlungsliste.padded {
	padding-top: 36px;
	transition: all 0s ease-in-out;
}

/*.page-template-page-mieter .mietzahlungen .zahlungsjahr:first-of-type .zahlungsliste, */
.page-template-page-mieter .mietzahlungen .zahlungsjahr .zahlungsjahr_head.active+.zahlungsliste {
	overflow: visible;
}

.page-template-page-mieter .mietzahlungen .zahlungsjahr .zahlungsjahr_head.first.active+.zahlungsliste {
	max-height: 999999px !important;
}

.page-template-page-mieter .mietzahlungen .zahlungsjahr .zahlungsjahr_head.first+.zahlungsliste {
	max-height: 0px !important;
}

/*.page-template-page-mieter .mietzahlungen .zahlungsjahr:first-of-type .zahlungsliste {
	max-height: 999999px;
}*/
.page-template-page-mieter .mietzahlungen .zahlung_row {
	padding: 5px 0px 5px 5px;
	margin-left: -5px;
}

/*.page-template-page-mieter .mietzahlungen .zahlung_row:nth-of-type(2n+1) {
    background: #F5F5F5;
}*/
.page-template-page-mieter .mietzahlungen .zahlung_row:hover,
.page-template-page-mieter .mietzahlungen .zahlung_row:active {
	background: #FCD542;
	position: relative;
	z-index: 99999;
}

.page-template-page-mieter .mietzahlungen .zahlung_row>div {
	display: inline-block;
	font-size: 14px;
	line-height: 18px;
	vertical-align: top;
}

.page-template-page-mieter .mietzahlungen .zahlung_row .zahlungsdatum {
	width: 170px;
}

.page-template-page-mieter .mietzahlungen .zahlung_row .zahlungsart {
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 5px;
	line-height: 10px;
	font-size: 10px;
	letter-spacing: 1px;
	color: #777;
}

.page-template-page-mieter .mietzahlungen .zahlung_row .zahlungstags {
	/* position: relative; */
	font-size: 9px;
	/*letter-spacing: 1px;*/
	color: #34485E;
	display: inline-block;
	/* padding: 0px 4px; */
	/* color: #FCD542; */
	font-weight: 600;
	margin: 5px 0px 5px 0px;
	text-transform: uppercase;
	/* box-shadow: 4px 3px 4px -2px #00000060; */
	line-height: 13px;
}

.page-template-page-mieter .mietzahlungen .zahlung_row .verwendungszweck {
	width: 245px;
}

.page-template-page-mieter .mietzahlungen .zahlung_row .verwendungszweck .verwendungszweck_line {
	width: 90%;
}

.page-template-page-mieter .mietzahlungen .zahlung_row .verwendungszweck .edit_zahlung {
	float: right;
	font-size: 10px;
	color: #34485E;
	cursor: pointer;
}

.page-template-page-mieter .mietzahlungen .zahlung_row .verwendungszweck .update_verwendungszweck {
	height: 0px;
	overflow: hidden;
	transition: all 0.25s ease-in-out;
}

.page-template-page-mieter .mietzahlungen .zahlung_row .verwendungszweck.edit .update_verwendungszweck {
	height: 520px;
	padding-top: 10px;
}

.page-template-page-mieter .mietzahlungen .zahlung_row .verwendungszweck .update_verwendungszweck .edit_label {
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 600;
	color: #34485E;
	margin-top: 10px;
}

.page-template-page-mieter .mietzahlungen .zahlung_row .verwendungszweck .update_verwendungszweck input {
	width: calc(100% - 14px);
	padding: 6px;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 14px;
	font-weight: 300;
}

.page-template-page-mieter .mietzahlungen .zahlung_row .verwendungszweck .update_verwendungszweck textarea {
	width: calc(100% - 12px);
	padding: 5px;
	height: 100px;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 14px;
	font-weight: 300;
}

.page-template-page-mieter .mietzahlungen .zahlung_row .verwendungszweck .update_verwendungszweck .zahlungstags_textarea {
	height: 50px !important;
}

.page-template-page-mieter .mietzahlungen .zahlung_row .verwendungszweck .update_verwendungszweck .zahlungsart_textfeld {
	height: 18px;
	margin-bottom: 2px;
}

.page-template-page-mieter .mietzahlungen .zahlung_row .verwendungszweck .update_verwendungszweck form .zahlung_aktualisieren {
	width: 100%;
	margin-top: 10px;
	border: 1px solid #34485E;
	padding: 5px 10px;
	color: #FCD542;
	background: #34485E;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	cursor: pointer;
	transition: all 0.25s ease-in-out;
}

.page-template-page-mieter .mietzahlungen .zahlung_row .verwendungszweck .update_verwendungszweck form .zahlung_aktualisieren:hover {
	color: #34485E;
	background: #FCD542;
}

.page-template-page-mieter .mietzahlungen .zahlung_row .zahlungsbetrag {
	width: 80px;
	text-align: right;
	margin: 0px;
}

.page-template-page-mieter .mietzahlungen .zahlung_row .zahlungsbetrag.ist.minus,
.page-template-page-mieter .mietzahlungen .zahlung_row .zahlungsbetrag.soll.minus {
	color: var(--colorminus);
}

.page-template-page-mieter #main .content .tab_container .tab_content.konto .kontostand .gesamt_miete.differenz.plus,
.page-template-page-mieter .mietzahlungen .zahlung_row .zahlungsbetrag.differenz.plus {
	color: #0D9408;
	font-weight: 400;
}

.page-template-page-mieter #main .content .tab_container .tab_content.konto .kontostand .gesamt_miete.differenz.minus,
.page-template-page-mieter .mietzahlungen .zahlung_row .zahlungsbetrag.differenz.minus {
	color: var(--colorminus);
	font-weight: 400;
}

.page-template-page-mieter .mietzahlungen .zahlung_row.gesamt {
	font-weight: 600;
	background: transparent;
	border-top: 3px double #000;
	margin-top: 6px;
}

.page-template-page-mieter #main .content .tab_container .tab_content.konto .kontostand .gesamt_miete.differenz.plus,
.page-template-page-mieter #main .content .tab_container .tab_content.konto .kontostand .gesamt_miete.differenz.minus,
.page-template-page-mieter .mietzahlungen .zahlung_row.gesamt .zahlungsbetrag.differenz.plus,
.page-template-page-mieter .mietzahlungen .zahlung_row.gesamt .zahlungsbetrag.differenz.minus {
	font-weight: 600;
}

.page-template-page-mieter .mietzahlungen .zahlung_row.gesamt .verwendungszweck {
	text-align: right;
	font-size: 13px;
	padding-top: 1px;
}

.page-template-page-mieter .mietzahlungen .zahlungsjahr .jahresdifferenz {
	position: absolute;
	top: 0;
	right: 0;
	font-weight: 400;
	margin-top: 50px;
}

.page-template-page-mieter .mietzahlungen .zahlungsjahr:first-of-type .jahresdifferenz {
	margin-top: 0px;
}

.page-template-page-mieter .mietzahlungen .zahlungsjahr .jahresdifferenz.plus {
	color: #0D9408;
}

.page-template-page-mieter .mietzahlungen .zahlungsjahr .jahresdifferenz.minus {
	color: var(--colorminus);
}

.universal_zahlungshead {
	display: none;
	position: fixed;
	top: 0;
	left: 50%;
	width: 660px;
	margin: 7px 0px 0px -337px;
	background: #FFF;
	padding: 6px 6px 2px;
	border-bottom: 1px solid #000;
	z-index: 8;
}

.universal_zahlungshead.active {
	display: block;
}

.page-template-page-mieter .universal_zahlungshead .zahlungsdatum {
	width: 170px;
}

.page-template-page-mieter .universal_zahlungshead .verwendungszweck {
	width: 243px;
}

.page-template-page-mieter .universal_zahlungshead .zahlungsbetrag {
	width: 80px;
	text-align: right;
	margin: 0px;
}

.page-template-page-mieter .mietzahlungen .zahlung_row.head {
	background: transparent;
	border-bottom: 1px solid #000;
}

.page-template-page-mieter .mietzahlungen .zahlung_row.head.affix {
	position: fixed;
	top: 9px;
	width: 660px;
	background: #FFF;
	border-bottom: 1px dotted #000;
}

.page-template-page-mieter .mietzahlungen .zahlung_row.head>div {
	color: #444;
	font-weight: 400;
	font-size: 13px;
}

.page-template-page-mieter .universal_zahlungshead>div,
.page-template-page-mieter .rechnungen .rechnungen_row>div {
	display: inline-block;
	font-size: 14px;
	line-height: 18px;
	vertical-align: top;
}

.page-template-page-mieter .universal_zahlungshead>div,
.page-template-page-mieter .rechnungen .rechnungen_row.head>div {
	color: #444;
	font-weight: 400;
	font-size: 13px;
}

.page-template-page-mieter .rechnungen .rechnungen_row.head .status {
	float: right;
	margin-right: 10px;
}

.page-template-page-rechnungen .rechnungen .rechnungsjahr,
.page-template-page-lc-invoices .rechnungen .rechnungsjahr,
.page-template-page-mieter .rechnungen .rechnungsjahr {
	margin-bottom: 30px;
}

.page-template-page-rechnungen .rechnungen .rechnungsjahr .rechnungsjahr_head,
.page-template-page-lc-invoices .rechnungen .rechnungsjahr .rechnungsjahr_head,
.page-template-page-mieter .rechnungen .rechnungsjahr .rechnungsjahr_head {
	display: block;
	margin-bottom: 10px;
	font-weight: 400;
	cursor: pointer;
}

.page-template-page-mieter .rechnungen .rechnungsjahr:first-of-type .rechnungsjahr_head,
.page-template-page-lc-invoices .rechnungen .rechnungsjahr:first-of-type .rechnungsjahr_head {
	cursor: default;
}

.page-template-page-rechnungen .rechnungen .rechnungsjahr .rechnungsjahr_head i,
.page-template-page-lc-invoices .rechnungen .rechnungsjahr .rechnungsjahr_head i,
.page-template-page-mieter .rechnungen .rechnungsjahr .rechnungsjahr_head i {
	margin-right: 5px;
	font-size: 12px;
	transform: rotate(-90deg) translatex(1px);
	transition: all 0.25s ease-in-out;
}

.page-template-page-mieter .rechnungen .rechnungsjahr:first-of-type .rechnungsjahr_head i,
.page-template-page-mieter .rechnungen .rechnungsjahr .rechnungsjahr_head.active i {
	transform: translatey(-2px);
}

.page-template-page-mieter .rechnungen .rechnungsjahr .rechnungsliste {
	max-height: 0px;
	overflow: hidden;
	transition: all 0.25s ease-in-out;
}

.page-template-page-mieter .rechnungen .rechnungsjahr:first-of-type .rechnungsliste,
.page-template-page-mieter .rechnungen .rechnungsjahr .rechnungsjahr_head.active+.rechnungsliste {
	overflow: visible;
}

.page-template-page-mieter .rechnungen .rechnungsjahr:first-of-type .rechnungsliste {
	max-height: 999999px;
}

.page-template-page-account .rechnungsuebersicht {
	float: right;
	margin-top: -43px;
	font-size: 14px;
	color: #34485E;
}

.page-template-page-rechnungen .rechnungen,
.page-template-page-lc-invoices .rechnungen {
	margin: 0px auto;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row,
.page-template-page-lc-invoices .rechnungen .rechnungen_row,
.page-template-page-account .rechnungen .rechnungen_row,
.page-template-page-mieter .rechnungen .rechnungen_row {
	position: relative;
	padding: 5px 0px 5px 5px;
	margin-left: -5px;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row.head,
.page-template-page-lc-invoices .rechnungen .rechnungen_row.head,
.page-template-page-account .rechnungen .rechnungen_row.head {
	border-bottom: 1px solid #34485E;
	position: sticky;
	top: 45px;
	z-index: 5;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row.head,
.page-template-page-lc-invoices .rechnungen .rechnungen_row.head {
	top: 9px;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row.head>div,
.page-template-page-lc-invoices .rechnungen .rechnungen_row.head>div,
.page-template-page-account .rechnungen .rechnungen_row.head>div,
.page-template-page-mieter .rechnungen .rechnungen_row.head>div {
	font-weight: 400;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row:nth-of-type(2n+1),
.page-template-page-lc-invoices .rechnungen .rechnungen_row:nth-of-type(2n+1),
.page-template-page-account .rechnungen .rechnungen_row:nth-of-type(2n+1),
.page-template-page-mieter .rechnungen .rechnungen_row:nth-of-type(2n+1) {
	background: #F5F5F5;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row:hover,
.page-template-page-rechnungen .rechnungen .rechnungen_row:active,
.page-template-page-lc-invoices .rechnungen .rechnungen_row:hover,
.page-template-page-lc-invoices .rechnungen .rechnungen_row:active,
.page-template-page-account .rechnungen .rechnungen_row:hover,
.page-template-page-account .rechnungen .rechnungen_row:active,
.page-template-page-mieter .rechnungen .rechnungen_row:hover,
.page-template-page-mieter .rechnungen .rechnungen_row:active {
	background: #FCD542;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row>div,
.page-template-page-lc-invoices .rechnungen .rechnungen_row>div,
.page-template-page-account .rechnungen .rechnungen_row>div,
.page-template-page-mieter .rechnungen .rechnungen_row>div {
	display: inline-block;
	font-size: 14px;
	line-height: 18px;
	vertical-align: top;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row .rechnungsdatum,
.page-template-page-rechnungen .rechnungen .rechnungen_row .rechnungsbetrag,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnungsdatum,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnungsbetrag,
.page-template-page-mieter .rechnungen .rechnungen_row .rechnungsdatum,
.page-template-page-mieter .rechnungen .rechnungen_row .rechnungsnummer,
.page-template-page-mieter .rechnungen .rechnungen_row .rechnungsbetrag {
	width: 130px;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row .rechnungsempfaenger,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnungsempfaenger {
	width: 230px;
	padding-right: 10px;
}

.page-template-page-account .rechnungen .rechnungen_row .rechnungsempfaenger {
	width: 180px;
	padding-right: 10px;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row .rechnungsnummer,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnungsnummer {
	width: 120px;
}

.page-template-page-account .rechnungen .rechnungen_row .rechnungsnummer {
	width: 95px;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row .rechnungsbetrag,
.page-template-page-rechnungen .rechnungen .rechnungen_row .rechnung_faellig,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnungsbetrag,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnung_faellig,
.page-template-page-account .rechnungen .rechnungen_row .rechnungsbetrag,
.page-template-page-account .rechnungen .rechnungen_row .rechnung_faellig {
	width: 80px;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row .xml_download,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .xml_download,
.page-template-page-account .rechnungen .rechnungen_row .xml_download {
	width: 40px;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row .pdf_download,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .pdf_download,
.page-template-page-account .rechnungen .rechnungen_row .pdf_download {
	width: 30px;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row .rechnungskopie,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnungskopie,
.page-template-page-account .rechnungen .rechnungen_row .rechnungskopie {
	width: 40px;
	text-align: center;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row .rechnungskopie a,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnungskopie a,
.page-template-page-account .rechnungen .rechnungen_row .rechnungskopie a {
	color: #c40000;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row .rechnungsbetrag,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnungsbetrag,
.page-template-page-account .rechnungen .rechnungen_row .rechnungsbetrag {
	text-align: right;
	padding-right: 15px;
	width: 70px !important;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row .rechnungsbetrag,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnungsbetrag,
.page-template-page-mieter .rechnungen .rechnungen_row .rechnungsbetrag {
	width: 100px;
	text-align: right;
	padding-right: 30px;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row .rechnungsdatum,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnungsdatum {
	width: 90px;
}

.page-template-page-account .rechnungen .rechnungen_row .rechnungsdatum,
.page-template-page-mieter .rechnungen .rechnungen_row .rechnung_faellig,
.page-template-page-mieter .rechnungen .rechnungen_row .pdf_download {
	width: 75px;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row.head .status,
.page-template-page-lc-invoices .rechnungen .rechnungen_row.head .status,
.page-template-page-account .rechnungen .rechnungen_row.head .status {
	width: 90px;
	text-align: right;
}

.page-template-page-mieter .rechnungen .rechnungen_row .pdf_download a,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .pdf_download a {
	display: inline-block;
	transform: translatey(-1px);
	font-size: 12px;
	color: #555;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_wrapper,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_wrapper,
.page-template-page-account .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_wrapper,
.page-template-page-mieter .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_wrapper {
	max-height: 0px;
	overflow: hidden;
	transition: all 0.25s ease-in-out;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_inside,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_inside,
.page-template-page-account .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_inside,
.page-template-page-mieter .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_inside {
	width: 653px;
	padding: 0px;
	margin: 0px auto 10px;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_inside,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_inside {
	width: 850px;
}

.page-template-page-account .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_inside {
	width: 740px;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_inside .zahlungsvorgang_head,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_inside .zahlungsvorgang_head,
.page-template-page-account .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_inside .zahlungsvorgang_head,
.page-template-page-mieter .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_inside .zahlungsvorgang_head {
	margin-top: 5px;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_inside .zahlungsvorgang_head>div,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_inside .zahlungsvorgang_head>div,
.page-template-page-account .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_inside .zahlungsvorgang_head>div,
.page-template-page-mieter .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_inside .zahlungsvorgang_head>div {
	display: inline-block;
	width: 90px;
	font-size: 12px;
	font-weight: 400;
	color: #555;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_inside .zahlungsvorgang_head>div,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_inside .zahlungsvorgang_head>div,
.page-template-page-mieter .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_inside .zahlungsvorgang_head>div {
	width: 120px;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_inside .zahlungsvorgang_head .zahlungsdatum,
.page-template-page-rechnungen .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_inside .zahlungsdatum,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_inside .zahlungsvorgang_head .zahlungsdatum,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_inside .zahlungsdatum {
	width: 90px;
}

.page-template-page-account .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_inside .zahlungsvorgang_head .zahlungsdatum,
.page-template-page-account .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_inside .zahlungsdatum {
	width: 80px;
}

.page-template-page-mieter .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_inside .zahlungsvorgang_head .zahlungsbetrag,
.page-template-page-mieter .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_inside .zahlungsbetrag {
	width: 140px;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_inside .zahlungsvorgang_head .verwendungszweck,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_inside .zahlungsvorgang_head .verwendungszweck,
.page-template-page-account .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_inside .zahlungsvorgang_head .verwendungszweck,
.page-template-page-mieter .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_inside .zahlungsvorgang_head .verwendungszweck {
	width: auto;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row .rechnungs_zahlungen,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnungs_zahlungen,
.page-template-page-account .rechnungen .rechnungen_row .rechnungs_zahlungen,
.page-template-page-mieter .rechnungen .rechnungen_row .rechnungs_zahlungen {
	display: inline-block;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row .rechnungs_zahlungen .invoice_payments,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnungs_zahlungen .invoice_payments,
.page-template-page-account .rechnungen .rechnungen_row .rechnungs_zahlungen .invoice_payments,
.page-template-page-mieter .rechnungen .rechnungen_row .rechnungs_zahlungen .invoice_payments {
	margin: 5px 0px 0px;
	font-size: 12px;
	font-weight: 400;
	cursor: pointer;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row .rechnungs_zahlungen .invoice_payments i,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnungs_zahlungen .invoice_payments i,
.page-template-page-account .rechnungen .rechnungen_row .rechnungs_zahlungen .invoice_payments i,
.page-template-page-mieter .rechnungen .rechnungen_row .rechnungs_zahlungen .invoice_payments i {
	font-size: 9px;
	margin-right: 3px;
	transform: rotate(-90deg) translatex(1px);
	transition: all 0.25s ease-in-out;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row .rechnungs_zahlungen .invoice_payments.active i,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnungs_zahlungen .invoice_payments.active i,
.page-template-page-account .rechnungen .rechnungen_row .rechnungs_zahlungen .invoice_payments.active i,
.page-template-page-mieter .rechnungen .rechnungen_row .rechnungs_zahlungen .invoice_payments.active i {
	transform: rotate(0deg) translatey(-1px);
}

.page-template-page-rechnungen .rechnungen .rechnungen_row .rechnungs_zahlungen .zahlungsvorgang,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnungs_zahlungen .zahlungsvorgang,
.page-template-page-account .rechnungen .rechnungen_row .rechnungs_zahlungen .zahlungsvorgang,
.page-template-page-mieter .rechnungen .rechnungen_row .rechnungs_zahlungen .zahlungsvorgang {
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #000;
	padding: 3px 0px 2px;
	font-size: 12px;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row .rechnungs_zahlungen .zahlungsvorgang>div,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnungs_zahlungen .zahlungsvorgang>div,
.page-template-page-account .rechnungen .rechnungen_row .rechnungs_zahlungen .zahlungsvorgang>div,
.page-template-page-mieter .rechnungen .rechnungen_row .rechnungs_zahlungen .zahlungsvorgang>div {
	display: inline-block;
	width: 90px;
	vertical-align: top;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row .rechnungs_zahlungen .zahlungsvorgang .zahlungsbetrag,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnungs_zahlungen .zahlungsvorgang .zahlungsbetrag,
.page-template-page-mieter .rechnungen .rechnungen_row .rechnungs_zahlungen .zahlungsvorgang>div {
	width: 120px;
}

.page-template-page-account .rechnungen .rechnungen_row .rechnungs_zahlungen .rechnungs_zahlungen_inside .zahlungsbetrag {
	width: 90px !important;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row .rechnungs_zahlungen .zahlungsvorgang .verwendungszweck,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnungs_zahlungen .zahlungsvorgang .verwendungszweck,
.page-template-page-account .rechnungen .rechnungen_row .rechnungs_zahlungen .zahlungsvorgang .verwendungszweck {
	width: auto;
	max-width: 550px;
}

.page-template-page-mieter .rechnungen .rechnungen_row .rechnungs_zahlungen .zahlungsvorgang .verwendungszweck,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnungs_zahlungen .zahlungsvorgang .verwendungszweck {
	width: auto;
	max-width: 380px;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row .rechnungsstatus,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnungsstatus,
.page-template-page-account .rechnungen .rechnungen_row .rechnungsstatus,
.page-template-page-mieter .rechnungen .rechnungen_row .rechnungsstatus {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	margin: 5px 10px 0px 0px;
	font-weight: 400;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row .rechnungsstatus .rechnung_bezahlt,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnungsstatus .rechnung_bezahlt,
.page-template-page-account .rechnungen .rechnungen_row .rechnungsstatus .rechnung_bezahlt,
.page-template-page-mieter .rechnungen .rechnungen_row .rechnungsstatus .rechnung_bezahlt {
	color: #1a7812;
}

.page-template-page-rechnungen .rechnungen .rechnungen_row .rechnungsstatus .rechnung_offen,
.page-template-page-lc-invoices .rechnungen .rechnungen_row .rechnungsstatus .rechnung_offen,
.page-template-page-account .rechnungen .rechnungen_row .rechnungsstatus .rechnung_offen,
.page-template-page-mieter .rechnungen .rechnungen_row .rechnungsstatus .rechnung_offen {
	color: #c40000;
}

.page-template-page-mieter .korrespondenz .doc_group {
	margin-top: 0px;
	padding-bottom: 15px;
}

.page-template-page-mieter .korrespondenz .doc_group_title:first-of-type {
	display: inline-block;
}

.page-template-page-mieter .korrespondenz .doc_group_title {
	margin: 0px 0px;
	display: none;
	font-size: 15px;
	font-weight: 600;
	width: calc(100% - 20px);
	padding: 10px;
	color: #34485E;
}

.page-template-page-mieter .korrespondenz .doc_group_title .subgroup {
	font-size: 12px;
	margin-left: 10px;
	font-weight: 400;
}

.page-template-page-mieter .korrespondenz .file_row {
	width: 640px;
}



/* KONTOÜBERSICHT */

.page-template-page-kontouebersicht .konten {
	display: block;
	margin-bottom: 50px;
}

.page-template-page-kontouebersicht .konten .konto {
	display: inline-block;
	width: 19%;
}

.page-template-page-kontouebersicht .konten .konto .kontoname {
	display: block;
	font-weight: 400;
	text-transform: uppercase;
	margin-top: 5px;
	line-height: 10px;
	font-size: 10px;
	letter-spacing: 1px;
	color: #777;
}

.page-template-page-kontouebersicht .filter_bar {
	margin-bottom: 80px;
}

.page-template-page-kontouebersicht .filter_bar .filter_optionen {
	max-width: 960px;
}

.page-template-page-kontouebersicht .filter_sammlung.active {
	height: 240px;
}

.page-template-page-kontouebersicht .filter_buttons {
	display: block;
	padding: 5px 0px;
}

.page-template-page-kontouebersicht .filter_buttons>div {
	display: inline-block;
	margin-right: 10px;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
	color: #34485EBA;
	background: #F8F8F8;
	padding: 5px 10px;
	border-radius: 5px;
	transition: all 0.25s ease-in-out;
}

.page-template-page-kontouebersicht .filter_buttons>div.active {
	background: #FCD542;
	color: #34485E;
}

.page-template-page-kontouebersicht .monatsfilter .filter_aufheben,
.page-template-page-kontouebersicht .monatsfilter.active .filter_aktivieren,
.page-template-page-kontouebersicht .mieterfilter .filter_aufheben,
.page-template-page-kontouebersicht .mieterfilter.active .filter_aktivieren {
	display: none;
}

.page-template-page-kontouebersicht .monatsfilter.active .filter_aufheben,
.page-template-page-kontouebersicht .mieterfilter.active .filter_aufheben {
	display: block;
}

.page-template-page-kontouebersicht .suchfeld {
	float: right;
	width: 780px;
	text-align: right;
	margin: 2px 0px 0px;
}

.page-template-page-kontouebersicht .suchfeld .suchergebnisse {
	display: inline-block;
	width: fit-content;
	line-height: 22px;
}

.page-template-page-kontouebersicht .suchfeld .suchergebnisse .searchphrase {
	display: inline-block;
	font-weight: 400;
	font-size: 22px;
	line-height: 22px;
	color: #34485E;
	margin-left: 5px;
	transform: translateY(1px);
}

.page-template-page-kontouebersicht .suchfeld a.suche_aufheben {
	display: inline-block;
	margin-left: 10px;
	color: #34485E;
	border-radius: 50%;
	height: 17px;
	overflow: hidden;
	width: 16px;
	transform: translateY(1px);
}

.page-template-page-kontouebersicht .suchfeld a.suche_aufheben:hover {
	background: #FCD542;
}

.page-template-page-kontouebersicht .suchfeld a.suche_aufheben i {
	transform: translateY(-1px);
}

.page-template-page-kontouebersicht .suchfeld .suchformular {
	display: inline-block;
	margin: 0px;
	width: 300px;
	text-align: right;
}

.page-template-page-kontouebersicht .suchfeld .suchformular input {
	border: 2px solid #34485E;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 300;
	padding: 4px;
	transform: translatey(-2px);
	font-size: 16px;
}

.page-template-page-kontouebersicht .suchfeld .suchformular input.suchen {
	margin-left: -1px;
	background: #34485E;
	color: #FCD542;
	font-weight: 400;
	padding-left: 8px;
	padding-right: 8px;
	cursor: pointer;
	transition: all 0.25s ease-in-out;
}

.page-template-page-kontouebersicht .suchfeld .suchformular input.suchen:hover {
	color: #34485E;
	background: #FCD542;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlungsjahr {
	position: relative;
	margin-bottom: 30px;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlungsjahr .zahlungsjahr_head {
	display: block;
	margin-bottom: 30px;
	font-weight: 400;
	font-size: 24px;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlungsjahr .zahlungsjahr_head i {
	margin-right: 5px;
	font-size: 12px;
	transform: rotate(-90deg) translatex(1px);
	transition: all 0.25s ease-in-out;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlungsjahr:first-of-type .zahlungsjahr_head i,
.page-template-page-kontouebersicht .mietzahlungen .zahlungsjahr .zahlungsjahr_head.active i {
	transform: translatey(-2px);
}

.page-template-page-kontouebersicht .mietzahlungen .zahlungsjahr .kontoauszug_erstellen {
	position: absolute;
	top: 0;
	left: 90px;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlungsjahr .zahlungsliste {
	max-height: 0px;
	overflow: hidden;
	transition: all 0.25s ease-in-out;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlungsjahr .zahlungsliste.padded {
	padding-top: 36px;
	transition: all 0s ease-in-out;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlungsjahr:first-of-type .zahlungsliste,
.page-template-page-kontouebersicht .mietzahlungen .zahlungsjahr .zahlungsjahr_head.active+.zahlungsliste {
	overflow: visible;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlungsjahr:first-of-type .zahlungsliste {
	max-height: 999999px;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlung_row {
	padding: 5px 0px 5px 5px;
	margin-left: -5px;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlung_row.hide-month,
.page-template-page-kontouebersicht .mietzahlungen .zahlung_row.hide-mieter,
.page-template-page-kontouebersicht .mietzahlungen .zahlung_row.hide-konto,
.page-template-page-kontouebersicht .mietzahlungen .zahlung_row.hide-kosten,
.page-template-page-kontouebersicht .mietzahlungen .zahlung_row.hide-beleg {
	display: none;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlung_row.head.hide-month,
.page-template-page-kontouebersicht .mietzahlungen .zahlung_row.active-month,
.page-template-page-kontouebersicht .mietzahlungen .zahlung_row.head.hide-mieter,
.page-template-page-kontouebersicht .mietzahlungen .zahlung_row.active-mieter,
.page-template-page-kontouebersicht .mietzahlungen .zahlung_row.head.hide-konto,
.page-template-page-kontouebersicht .mietzahlungen .zahlung_row.active-konto,
.page-template-page-kontouebersicht .mietzahlungen .zahlung_row.head.hide-kosten,
.page-template-page-kontouebersicht .mietzahlungen .zahlung_row.active-kosten {
	display: block;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlung_row:nth-of-type(2n+1) {
	background: #F5F5F5;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlung_row:hover,
.page-template-page-kontouebersicht .mietzahlungen .zahlung_row:active {
	background: #FCD542;
}

.zahlung_row > div {
	display: inline-block;
	font-size: 14px;
	line-height: 18px;
	vertical-align: top;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlung_row .zahlungstyp,
.page-template-page-kontouebersicht .universal_zahlungshead .zahlungstyp {
	width: 30px;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlung_row .beleg_download .beleglink,
.page-template-page-kontouebersicht .universal_zahlungshead .beleglink {
	font-size: 11px;
	margin-right: 5px;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlung_row .beleg_download a.beleglink:hover {
	color: #34485E;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlung_row .buchungsnr {
	width: 90px;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlung_row .zahlungskonto,
.page-template-page-kontouebersicht .universal_zahlungshead .zahlungskonto {
	width: 180px;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlung_row .mieter_link,
.page-template-page-kontouebersicht .universal_zahlungshead .mieter_link {
	width: 25px;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlung_row .mieter_link a {
	color: #777;
	transition: all 0.25s ease-in-out;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlung_row .mieter_link a:hover {
	color: #000;
}
.page-template-page-kontouebersicht .mietzahlungen .zahlung_row .zahlungsdatum, .page-template-page-kontouebersicht .universal_zahlungshead .zahlungsdatum {
	width: 110px;
	line-height: 14px;
	padding-top: 2px;
}
.page-template-page-kontouebersicht .mietzahlungen .zahlung_row .zahlungsart,
.page-template-page-kontouebersicht .universal_zahlungshead .zahlungsart {
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 5px;
	line-height: 10px;
	font-size: 10px;
	letter-spacing: 1px;
	color: #777;
	hyphens: auto;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlung_row .zahlungstags {
	font-size: 9px;
	color: #34485E;
	display: inline-block;
	font-weight: 600;
	margin: 0;
	text-transform: uppercase;
	line-height: ´10px;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlung_row .verwendungszweck,
.page-template-page-kontouebersicht .universal_zahlungshead .verwendungszweck {
	width: 415px;
}

.zahlung_row .verwendungszweck .verwendungszweck_line {
	width: 90%;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlung_row .verwendungszweck .edit_zahlung {
	float: right;
	font-size: 10px;
	color: #34485E;
	cursor: pointer;
}

.zahlung_row .duplicate_zahlung, 
.zahlung_row .split_zahlung {
	cursor: pointer;
	padding: 5px;
}

.zahlung_row .verwendungszweck .update_verwendungszweck,
.zahlung_row .buchungsduplikat_anlegen {
	width: 940px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: calc(-300px - 1rem) 0 0 calc(-406px - 1rem);
	height: 550px;
	transition: all .25s ease-in-out;
	opacity: 0;
	transform: scale(0);
	visibility: hidden;
	z-index: 22;
}

.zahlung_row .verwendungszweck .update_verwendungszweck.show_element {
	visibility: visible;
	opacity: 1;
	transform: scale(1);
}

.update_verwendungszweck::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 200vw;
	height: 200vh;
	background: #34485EBD;
	z-index: -1;
	left: 50%;
	margin: -100vh 0 0 -100vw;
	opacity: 0;
	transition: all .25s ease-in-out;
}

.update_verwendungszweck.show_element::after {
	opacity: 1;
}

.update_verwendungszweck form {
	position: relative;
	background: #FFF;
	border: 1px solid #E1E1E1;
	border-radius: .5rem;
	padding: 1rem;
	z-index: 8;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlung_row .buchungsduplikat_anlegen.show_element {
	visibility: visible;
	opacity: 1;
	transform: scale(1);
}

.page-template-page-kontouebersicht .mietzahlungen .zahlung_row .buchungsduplikat_anlegen form {
	display: flex;
	flex-direction: column;
	padding: 1rem;
	border: 1px solid #000;
	gap: 1rem;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlung_row .buchungsduplikat_anlegen form .duplicate_row {
	display: flex;
	gap: 1rem;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlung_row .buchungsduplikat_anlegen form :is(input, select, textarea) {
	font: inherit;
}

.input_euro_sign {
	position: relative;
}

.input_euro_sign::after {
	content: "€";
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0 .5rem .6rem 0;
	color: #000;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlung_row .verwendungszweck .update_verwendungszweck .edit_label {
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 600;
	color: #34485E;
	margin-top: 10px;
}

.buchungsduplikat_anlegen :is(input, select, textarea),
.zahlung_row .verwendungszweck .update_verwendungszweck :is(input, select, textarea) {
	width: calc(100% - 14px);
	padding: 6px;
	font: inherit;
	border-radius: .5rem;
	background: #EEE;
	border: 1px solid #E1E1E1;
}

.buchungsduplikat_anlegen textarea,
.zahlung_row .verwendungszweck .update_verwendungszweck textarea {
	width: calc(100% - 12px);
	padding: 5px;
	height: 50px;
	font: inherit;
	border: 1px solid #E1E1E1;
	border-radius: .5rem;
}

.buchungsduplikat_anlegen .zahlungstags_textarea,
.zahlung_row .verwendungszweck .update_verwendungszweck .zahlungstags_textarea {
	height: 50px !important;
}

.buchungsduplikat_anlegen .zahlungsart_textfeld,
.zahlung_row .verwendungszweck .update_verwendungszweck .zahlungsart_textfeld {
	height: 18px;
	margin-bottom: 2px;
}

.buchungsduplikat_anlegen button,
.zahlung_row .verwendungszweck .update_verwendungszweck form :is(.zahlung_aktualisieren, .zahlung_loeschen) {
	width: fit-content;
	font: inherit;
	font-weight: inherit;
	font-weight: 400;
	cursor: pointer;
	background: var(--buttonbgcolor);
	border: 0;
	padding: .5rem .75rem;
	border-radius: .25rem;
	color: var(--buttontextcolor);
	transition: all .25s ease-in-out;
}

.zahlung_row .verwendungszweck .update_verwendungszweck form :is(.zahlung_loeschen) {
	background: #c51f1f;
	color: #FFF;
}

.zahlung_row .verwendungszweck .update_verwendungszweck form .zahlung_aktualisieren:hover {
	color: var(--buttonbgcolor);
	background: var(--buttontextcolor);
}

.zahlung_row .verwendungszweck .update_verwendungszweck form .zahlung_loeschen:hover {
	background: #7a0b0b;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlung_row .zahlungsbetrag,
.page-template-page-kontouebersicht .universal_zahlungshead .zahlungsbetrag {
	width: 80px;
	text-align: right;
	margin: 0px 30px 0px 0px;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlung_row .zahlungsbetrag.ist.minus,
.page-template-page-kontouebersicht .mietzahlungen .zahlung_row .zahlungsbetrag.soll.minus {
	color: var(--colorminus);
}

.page-template-page-kontouebersicht #main .content .tab_container .tab_content.konto .kontostand .gesamt_miete.differenz.plus,
.page-template-page-kontouebersicht .mietzahlungen .zahlung_row .zahlungsbetrag.differenz.plus {
	color: #0D9408;
	font-weight: 400;
}

.page-template-page-kontouebersicht #main .content .tab_container .tab_content.konto .kontostand .gesamt_miete.differenz.minus,
.page-template-page-kontouebersicht .mietzahlungen .zahlung_row .zahlungsbetrag.differenz.minus {
	color: var(--colorminus);
	font-weight: 400;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlung_row.gesamt {
	font-weight: 600;
	background: transparent;
	border-top: 3px double #000;
	margin-top: 6px;
}

.page-template-page-kontouebersicht #main .content .tab_container .tab_content.konto .kontostand .gesamt_miete.differenz.plus,
.page-template-page-kontouebersicht #main .content .tab_container .tab_content.konto .kontostand .gesamt_miete.differenz.minus,
.page-template-page-kontouebersicht .mietzahlungen .zahlung_row.gesamt .zahlungsbetrag.differenz.plus,
.page-template-page-kontouebersicht .mietzahlungen .zahlung_row.gesamt .zahlungsbetrag.differenz.minus {
	font-weight: 600;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlung_row.gesamt .verwendungszweck {
	text-align: right;
	font-size: 13px;
	padding-top: 1px;
}
.page-template-page-kontouebersicht .mietzahlungen .zahlung_row.head {
	background: #FFF;
	border-bottom: 1px solid #000;
	border-radius: .25rem .25rem 0 0;
	position: sticky;
	top: 75px;
	z-index: 1;
}
.page-template-page-kontouebersicht .mietzahlungen .zahlung_row.head.affix {
	position: fixed;
	top: 9px;
	width: 660px;
	background: #FFF;
	border-bottom: 1px dotted #000;
}

.page-template-page-kontouebersicht .mietzahlungen .zahlung_row.head > div {
	color: #444;
	font-weight: 400;
	font-size: 13px;
}

.page-template-page-kontouebersicht .universal_zahlungshead {
	display: none;
	position: fixed;
	top: 0;
	left: 50%;
	width: 1000px;
	margin: 7px 0px 0px -506px;
	background: #FFF;
	padding: 6px 6px 2px;
	border-bottom: 1px solid #000;
	z-index: 8;
}

.page-template-page-kontouebersicht .universal_zahlungshead.active {
	display: block;
}

.page-template-page-kontouebersicht .universal_zahlungshead>div {
	display: inline-block;
	font-size: 14px;
	line-height: 18px;
	vertical-align: top;
}

.page-template-page-kontouebersicht .universal_zahlungshead>div {
	color: #444;
	font-weight: 400;
	font-size: 13px;
}





/* ANSCHREIBEN ERSTELLEN */

.anschreiben_hidden_fields {
	display: none;
}

.anschreiben_erstellen {
	width: 700px;
	margin: 0px auto;
}

.anschreiben_erstellen.zeichen_nachrichtvom {
	margin: 30px auto;
	padding: 20px 0px 30px;
	border-top: 1px solid #D5D5D5;
	border-bottom: 1px solid #D5D5D5;
}

.anschreiben_erstellen input {
	padding: 10px;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 16px;
	font-weight: 300;
	width: calc(100% - 22px);
}

.anschreiben_erstellen .zeichen input,
.anschreiben_erstellen .nachrichtvom input {
	width: 150px;
}

.anschreiben_erstellen .dynamictext-betreff input {
	font-weight: 400;
}

.anschreiben_fliesstext {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 300;
	padding: 10px;
	resize: none;
	width: 670px;
	height: 390px;
}

.anschreiben_erstellen .privatbox {
	padding: 40px 0px;
	font-weight: 400;
}

.anschreiben_erstellen .privatbox span {
	display: inline-block;
}

.anschreiben_erstellen .privatbox .wpcf7-list-item {
	margin: 0px;
}

.anschreiben_erstellen .privatbox .wpcf7-list-item-label {
	margin-left: 5px;
}

.anschreiben_erstellen .privatbox select {
	padding: 10px;
}

.anschreiben_erstellen .privatbox .privat_hinweis {
	margin: 0px 10px 0px 0px;
	font-style: italic;
}

.anschreiben_erstellen .wpcf7-submit {
	margin: 50px auto 0px;
	display: block;
	background: #34485E;
	color: #FCD542;
	border: 1px solid transparent;
	font-size: 24px;
	cursor: pointer;
	width: auto;
	font-weight: 400;
	text-align: center;
	padding: 10px 20px;
	transition: all 0.25s ease-in-out;
}

.anschreiben_erstellen .wpcf7-submit:hover {
	color: #34485E;
	background: #FCD542;
	border-color: #34485E;
}


/* RECHNUNG ERSTELLEN */

.page-template-page-rechnung-erstellen .rechnungsposten .menge,
.page-template-page-rechnung-erstellen .rechnungsposten .einheit,
.page-template-page-rechnung-erstellen .rechnungsposten .betragsfeld,
.page-template-page-rechnung-erstellen .rechnungsposten .steuersatz {
	position: relative;
	display: inline-block;
	margin-right: 20px;
}

.page-template-page-rechnung-erstellen .rechnungsposten .steuersatz {
	margin-right: 30px;
}

.page-template-page-rechnung-erstellen .rechnungsposten .betragsfeld::after {
	position: absolute;
	content: "€";
	top: 0;
	right: 0;
	font-size: 16px;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	padding: 9px 8px 0px 0px;
}

.page-template-page-rechnung-erstellen .rechnungsposten .steuersatz::after {
	position: absolute;
	content: "%";
	top: 0;
	right: 0;
	font-size: 16px;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	padding: 9px 8px 0px 0px;
}

.page-template-page-rechnung-erstellen .rechnung_erstellen .rechnungserstellung.datum,
.page-template-page-rechnung-erstellen .rechnung_erstellen .rechnungsposten {
	display: inline-block;
	vertical-align: top;
}

.page-template-page-rechnung-erstellen .rechnung_erstellen .hidden {
	display: none;
}

.page-template-page-rechnung-erstellen .rechnung_erstellen label {
	padding: 8px 0px 0px;
	display: block;
}

.page-template-page-rechnung-erstellen .rechnung_erstellen textarea,
.page-template-page-rechnung-erstellen .rechnung_erstellen input {
	width: 80px;
	margin-bottom: 10px;
	padding: 8px;
	font-size: 16px;
	font-family: "Roboto Condensed", sans-serif;
	text-align: right;
}

.page-template-page-rechnung-erstellen .rechnungsposten .menge input,
.page-template-page-rechnung-erstellen .rechnungsposten .einheit input,
.page-template-page-rechnung-erstellen .rechnungsposten .steuersatz input {
	text-align: left;
}

.page-template-page-rechnung-erstellen .rechnungsposten .steuersatz input {
	width: 30px;
}

.page-template-page-rechnung-erstellen .rechnung_erstellen textarea {
	width: 500px;
	height: 40px;
	margin-right: 20px;
	text-align: left;
}

.page-template-page-rechnung-erstellen .rechnung_erstellen .rechnungsposten .betragsfeld input {
	padding: 8px 20px 8px 8px;
	width: 80px;
}

.page-template-page-rechnung-erstellen .rechnung_erstellen .datum input {
	width: 120px;
	text-align: left;
	margin-right: 20px;
}

.page-template-page-rechnung-erstellen .rechnung_erstellen .submit_button input {
	margin: 50px auto 0px;
	display: block;
	background: #34485E;
	color: #FCD542;
	border: 0px;
	font-size: 24px;
	cursor: pointer;
	width: auto;
	text-align: center;
	padding: 10px 20px;
}

.page-template-page-rechnung-erstellen .rechnung_erstellen .rechnungspdf {
	font-size: 2rem;
	border: 3px solid #34485E;
	padding: 10px 20px;
	color: #34485E;
	width: 350px;
	display: block;
	margin: 170px auto 100px;
	text-align: center;
	background: #FCD542;
}

.rechnungsdaten {
	width: 1000px;
	margin: 0px auto;
}

.rechnungsdaten .hidden_fields {
	display: none;
}

.rechnungsdaten input {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 16px;
	padding: 5px;
	font-weight: 400;
}

.rechnungsdaten input:focus {
	background: #FCD54285;
	border: 1px solid #000;
}

.rechnungsdaten .adresszeile,
.rechnungsdaten .adresszeile input {
	width: 500px;
	border: 0px;
}

.rechnungsdaten .adresszeile {
	padding-right: 200px;
}

.rechnungsdaten .rechnungsdetails,
.rechnungsdaten .rechnungsdetails input {
	text-align: right;
	width: 120px;
	border: 0px;
}

.rechnungsdaten .rechnungslabel {
	padding-top: 6px;
}

.rechnungsdaten .dynamictext-anrede,
.rechnungsdaten .dynamictext-anrede input {
	display: inline-block;
	width: auto;
	border: 0px;
	padding: 0px;
	font-size: 17px;
	font-weight: 300;
}

.rechnungsdaten .dynamictext-vertragsdatum,
.rechnungsdaten .dynamictext-vertragsdatum input,
.rechnungsdaten .dynamictext-schreiben,
.rechnungsdaten .dynamictext-schreiben input,
.rechnungsdaten .dynamictext-zahlungsziel,
.rechnungsdaten .dynamictext-zahlungsziel input {
	display: inline-block;
	border: 0px;
	padding: 0px;
	text-align: center;
	width: 90px;
}

.rechnungsdaten .dynamictext-vertragsdatum input,
.rechnungsdaten .dynamictext-schreiben input,
.dynamictext-zahlungsziel input {
	padding: 5px;
}

.rechnungsdaten .dynamictext-schreiben,
.rechnungsdaten .dynamictext-schreiben input {
	width: 220px;
	text-align: left;
}

.rechnungsdaten th {
	text-align: left;
}

.rechnungsdaten th.einzelpreis,
.rechnungsdaten th.gesamtnetto {
	text-align: right;
}

.rechnungsdaten td.position {
	font-weight: 600;
	padding-top: 6px;
}

.rechnungsdaten td.menge,
.rechnungsdaten td.menge input {
	width: 40px;
}

.rechnungsdaten td.leistung,
.rechnungsdaten td.leistung input {
	width: 700px;
}

.rechnungsdaten td.einzelpreis,
.rechnungsdaten td.gesamtnetto,
.rechnungsdaten td.einzelpreis input,
.rechnungsdaten td.gesamtnetto input {
	width: 80px;
	text-align: right;
}

.rechnungsdaten th.gesamt,
.rechnungsdaten td.gesamt,
.rechnungsdaten th.gesamt input,
.rechnungsdaten td.gesamt input {
	width: 150px;
	margin-right: 41px;
	text-align: left;
}

.rechnungsdaten th.gesamt.last,
.rechnungsdaten td.gesamt.last,
.rechnungsdaten th.gesamt.last input,
.rechnungsdaten td.gesamt.last input {
	margin-right: 0px;
}

.rechnungsdaten input.wpcf7-submit {
	margin: 50px auto 0px;
	display: block;
	background: #34485E;
	color: #FCD542;
	border: 0px;
	font-size: 24px;
	cursor: pointer;
	width: auto;
	text-align: center;
	padding: 10px 20px;
}


/* NEBENKOSTENABRECHNUNG ERSTELLEN */

.nebenkostenabrechnung_pdf_erstellen {
	width: 700px;
	margin: 0px auto;
}

.nebenkostenabrechnung_pdf_erstellen tr.letzter_posten td {
	padding-bottom: 10px;
}

.nebenkostenabrechnung_pdf_erstellen tr.summe td {
	border-top: 2px solid #000;
	padding-top: 10px;
}

.nebenkostenabrechnung_pdf_erstellen tr:hover {
	background: #FCD542;
}

.nebenkostenabrechnung_pdf_erstellen tr.nohover:hover {
	background: transparent;
}

.nebenkostenabrechnung_pdf_erstellen td {
	width: 35px;
	padding: 5px 0px;
}

.nebenkostenabrechnung_pdf_erstellen .wpcf7-form-control-wrap {
	margin-top: 0px;
}

.nebenkostenabrechnung_pdf_erstellen input {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 300;
	padding: 5px;
	font-size: 14px;
	background: #FFFFFF90;
	border: 1px solid #000;
}

.nebenkostenabrechnung_pdf_erstellen .half input {
	width: 150px;
	margin-left: 10px;
}

.nebenkostenabrechnung_pdf_erstellen tr:hover input {
	font-weight: 400;
}

.nebenkostenabrechnung_pdf_erstellen .vorname,
.nebenkostenabrechnung_pdf_erstellen .nachname {
	display: inline-block;
	width: 49%;
}

.nebenkostenabrechnung_pdf_erstellen .vorname input,
.nebenkostenabrechnung_pdf_erstellen .nachname input {
	display: inline-block;
	width: 90%;
}

.nebenkostenabrechnung_pdf_erstellen .abrechnung_label {
	font-weight: 400;
}

.nebenkostenabrechnung_pdf_erstellen .abrechnung_value:not(.zeitraum) input {
	width: 195px;
}

.nebenkostenabrechnung_pdf_erstellen .abrechnung_value.mieter {
	text-align: right;
}

.nebenkostenabrechnung_pdf_erstellen .zeitraum .zeit_start_ges,
.nebenkostenabrechnung_pdf_erstellen .zeitraum .zeit_stop_ges,
.nebenkostenabrechnung_pdf_erstellen .zeitraum .zeit_start_ges input,
.nebenkostenabrechnung_pdf_erstellen .zeitraum .zeit_stop_ges input,
.nebenkostenabrechnung_pdf_erstellen .zeitraum .zeit_start_ant,
.nebenkostenabrechnung_pdf_erstellen .zeitraum .zeit_stop_ant,
.nebenkostenabrechnung_pdf_erstellen .zeitraum .zeit_start_ant input,
.nebenkostenabrechnung_pdf_erstellen .zeitraum .zeit_stop_ant input {
	width: 70px;
	display: inline;
}

.nebenkostenabrechnung_pdf_erstellen .zeitraum .zeit_start_ges input,
.nebenkostenabrechnung_pdf_erstellen .zeitraum .zeit_stop_ges input,
.nebenkostenabrechnung_pdf_erstellen .zeitraum .zeit_start_ant input,
.nebenkostenabrechnung_pdf_erstellen .zeitraum .zeit_stop_ant input {
	text-align: center;
}

.nebenkostenabrechnung_pdf_erstellen .abrechnung_value.zeitraum.trenner {
	text-align: center;
	width: 43px;
}

.nebenkostenabrechnung_pdf_erstellen .kostenart {
	width: 300px;
	font-weight: 400;
}

.nebenkostenabrechnung_pdf_erstellen .gesamtkosten input,
.nebenkostenabrechnung_pdf_erstellen .ihr_anteil input {
	width: 100px;
	text-align: right;
}

.nebenkostenabrechnung_pdf_erstellen .verteilerschluessel,
.nebenkostenabrechnung_pdf_erstellen .verteilerschluessel input,
.nebenkostenabrechnung_pdf_erstellen .ergebnis_label,
.nebenkostenabrechnung_pdf_erstellen .ergebnis_label input {
	width: 120px;
}

.nebenkostenabrechnung_pdf_erstellen .verteilerschluessel,
.nebenkostenabrechnung_pdf_erstellen .ergebnis_label {
	padding: 5px 30px;
}

.nebenkostenabrechnung_pdf_erstellen .ergebnis_label input {
	font-weight: 400;
	font-size: 16px;
	padding: 0px;
	border: 0px;
}

.nebenkostenabrechnung_pdf_erstellen .ihr_anteil {
	text-align: right;
}

.nebenkostenabrechnung_pdf_erstellen input.wpcf7-submit {
	margin: 50px auto 0px;
	display: block;
	background: #34485E;
	color: #FCD542;
	border: 0px;
	font-size: 24px;
	cursor: pointer;
	width: auto;
	text-align: center;
	padding: 10px 20px;
	border: 2px solid #34485E;
	transition: all 0.25s ease-in-out;
}

.nebenkostenabrechnung_pdf_erstellen input.wpcf7-submit:hover {
	color: #34485E;
	background: #FCD542;
}



/* KONTOAUSZUG ERSTELLEN */

.page-template-page-kontoauszug-erstellen h2 {
	width: 944px;
	margin: 40px auto 0px;
	font-size: 20px;
	font-weight: 400;
}

.page-template-page-kontoauszug-erstellen .adresse,
.page-template-page-kontoauszug-erstellen .datum,
.page-template-page-kontoauszug-erstellen .zeitraum,
.page-template-page-kontoauszug-erstellen .textbausteine,
.page-template-page-kontoauszug-erstellen .buchungen,
.page-template-page-kontoauszug-erstellen .kontostand {
	width: 950px;
	display: block;
	margin: 0px auto;
}

.page-template-page-kontoauszug-erstellen td input {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 300;
	padding: 5px;
	border: 1px solid #34485E;
}

.page-template-page-kontoauszug-erstellen .textbausteine td input {
	width: 922px;
}

.page-template-page-kontoauszug-erstellen .textbausteine .anrede {
	display: none;
}

.page-template-page-kontoauszug-erstellen .buchungen tr {
	margin-bottom: 20px;
	display: block;
	border-bottom: 2px solid #34485E;
	padding-bottom: 30px;
}

.page-template-page-kontoauszug-erstellen .buchungen td {
	width: 150px;
	display: inline-block;
	margin-left: 109px;
	position: relative;
	margin-top: 10px;
}

.page-template-page-kontoauszug-erstellen .buchungen td::after {
	content: "Datum";
	position: absolute;
	top: 0;
	left: 0;
	font-size: 13px;
	font-weight: 400;
	color: #34485E;
	margin: -10px 0px 0px;
}

.page-template-page-kontoauszug-erstellen .buchungen td.buchungsist::after {
	content: "Ist";
}

.page-template-page-kontoauszug-erstellen .buchungen td.buchungssoll::after {
	content: "Soll";
}

.page-template-page-kontoauszug-erstellen .buchungen td.buchungsdiff::after {
	content: "Differenz";
}

.page-template-page-kontoauszug-erstellen .buchungen td.buchungszweck::after {
	content: "Verwendungszweck";
}

.page-template-page-kontoauszug-erstellen .buchungen td.gesamt::after {
	content: "";
}

.page-template-page-kontoauszug-erstellen .buchungen td.gesamt {
	margin: 0px;
	color: #34485E;
	font-weight: 600;
}

.page-template-page-kontoauszug-erstellen .buchungen td.buchungsdatum,
.page-template-page-kontoauszug-erstellen .buchungen td.buchungszweck {
	margin-left: 0px;
}

.page-template-page-kontoauszug-erstellen .buchungen td.buchungszweck {
	margin-top: 20px;
}

.page-template-page-kontoauszug-erstellen .buchungen td input {
	margin: 0px;
	width: 128px;
}

.page-template-page-kontoauszug-erstellen .buchungen td.buchungszweck input {
	width: 922px;
	font-style: italic;
}

.page-template-page-kontoauszug-erstellen input.wpcf7-submit {
	margin: 50px auto 0px;
	display: block;
	background: #34485E;
	color: #FCD542;
	border: 0px;
	font-size: 24px;
	cursor: pointer;
	width: auto;
	text-align: center;
	padding: 10px 20px;
	border: 2px solid #34485E;
	transition: all 0.25s ease-in-out;
}

.page-template-page-kontoauszug-erstellen input.wpcf7-submit:hover {
	color: #34485E;
	background: #FCD542;
}






.page-template-page-mieter .mieter_tabelle {
	width: 700px;
	margin: 0px auto;
	display: block;
}


/* MIETZAHLUNGEN UEBERSICHT */

.vorheriges_mietjahr {
	position: fixed;
	top: 50%;
	left: 0%;
	margin: 0px 0px 0px 10px;
	font-size: 32px;
	color: #34485E;
}

.naechstes_mietjahr {
	position: fixed;
	top: 50%;
	right: 0;
	margin: 0px 10px 0px 0px;
	font-size: 32px;
	color: #34485E;
}

.vorheriges_mietjahr .mietjahr_info,
.naechstes_mietjahr .mietjahr_info {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0px 0px 0px 30px;
	padding: 9px 0px 0px 0px;
	width: 200px;
	visibility: hidden;
	opacity: 0;
	font-size: 16px;
	transition: all 0.25s ease-in-out;
}

.naechstes_mietjahr .mietjahr_info {
	left: auto;
	right: 0;
	margin: 0px 30px 0px 0px;
	text-align: right;
}

.vorheriges_mietjahr:hover .mietjahr_info,
.naechstes_mietjahr:hover .mietjahr_info {
	visibility: visible;
	opacity: 1;
}

.page-template-page-mietzahlungen .uebersicht_mietzahlungen {
	width: 100%;
	overflow: hidden;
	margin: -35px auto 0px;
}

.page-template-page-mietzahlungen .mietzahlungen {
	border-collapse: collapse;
	margin: 0px auto;
}

.page-template-page-mietzahlungen .tableheader {
	position: sticky;
	top: 75px;
	font-size: 14px;
	border-bottom: 2px dotted #34485E;
	border-collapse: collapse;
	margin: 0px auto;
	background: #FFF;
	z-index: 3;
}

.page-template-page-mietzahlungen .mietzahlungen thead th {
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	padding: 10px 5px;
	width: 74px;
	border-right: 1px solid #555;
}

.page-template-page-mietzahlungen .mietzahlungen thead th.aktuell {
	background: #FCD542;
}

.page-template-page-mietzahlungen .mietzahlungen thead th:first-child {
	left: 0;
	z-index: 2;
	text-align: left;
	padding: 10px 5px;
	width: 80px;
}

.page-template-page-mietzahlungen .tableheader th {
	padding-top: 30px;
}

/*.page-template-page-mietzahlungen .mietzahlungen tbody tr:nth-of-type(2n+1) {
    background: #F5F5F5;
}*/
.page-template-page-mietzahlungen .mietzahlungen:hover tbody tr:nth-of-type(2n+1) {
	background: none;
}

.page-template-page-mietzahlungen .mietzahlungen {
	border-bottom: 1px solid #000;
}

.page-template-page-mietzahlungen .mietzahlungen tbody th {
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	text-align: left;
	z-index: 1;
}

.page-template-page-mietzahlungen .mietzahlungen tbody th.mietername.first_col {
	padding: 15px 5px;
	width: 75px;
	vertical-align: top;
	font-size: 14px;
}

.page-template-page-mietzahlungen .mietzahlungen th.col_last {
	border-left: 2px solid #34485E;
}

.page-template-page-mietzahlungen .mietzahlungen tbody th.mietername.gewerbe {
	padding: 15px 5px 5px;
	font-size: 12px;
}

.page-template-page-mietzahlungen .mietzahlungen tbody th.mietername a {
	word-break: break-word;
}

.page-template-page-mietzahlungen .mietzahlungen tbody td {
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	width: 85px;
	padding: 0px;
	text-align: right;
	vertical-align: top;
}

.page-template-page-mietzahlungen .mietzahlungen tbody td.mietername {
	text-align: left;
	padding: 15px 5px;
	font-size: 14px;
	width: 80px;
}

.page-template-page-mietzahlungen .mietzahlungen tbody tr.gewerbemieter td.mietername {
	font-size: 12px;
}

.page-template-page-mietzahlungen .mietzahlungen tbody td.mietsumme {
	border-left: 2px solid #34485E;
	padding: 15px 5px;
	width: 75px;
	font-size: 14px;
	font-weight: 400;
}

.page-template-page-mietzahlungen .mietzahlungen tbody td.mietsumme i {
	font-size: 14px;
	margin: 5px 12px 0 0;
}

.page-template-page-mietzahlungen .mietzahlungen tbody td .monat_inside {
	width: 80px;
	min-height: 51px;
	padding: 15px 5px 15px 0px;
}

.page-template-page-mietzahlungen .mietzahlungen td,
.page-template-page-mietzahlungen .mietzahlungen th {
	position: relative;
}

.page-template-page-mietzahlungen .mietzahlungen tbody td.table_divider {
	font-size: 16px;
	text-align: left;
	padding: 20px 0px 10px;
	font-weight: 600;
}

.page-template-page-mietzahlungen .mietzahlungen tbody td.mietzahlung_gruen::after,
.page-template-page-mietzahlungen .mietzahlungen tbody td.mietzahlung_blau::after,
.page-template-page-mietzahlungen .mietzahlungen tbody td.mietzahlung_orange::after,
.page-template-page-mietzahlungen .mietzahlungen tbody td.mietzahlung_rot::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.page-template-page-mietzahlungen .mietzahlungen tbody td.mietzahlung_gruen::after {
	background: #bcddbc;
}

.page-template-page-mietzahlungen .mietzahlungen tbody td.mietzahlung_blau::after {
	background: #c9e2fe;
}

.page-template-page-mietzahlungen .mietzahlungen tbody td.mietzahlung_orange::after {
	background: #ffc485;
}

.page-template-page-mietzahlungen .mietzahlungen tbody td.mietzahlung_rot::after {
	background: #e8aeae;
}

/*
.col_label:nth-of-type(5), 
.monat:nth-of-type(4) {
	background-color: #FCD542;
}
.col_label:nth-of-type(5)::before, 
.monat:nth-of-type(4)::before {
	position: absolute;
	content: "";
	border-left: 2px solid #34485E;
	width: 0px;
	height: 100%;
	top: 0;
	left: 0;
}
.col_label:nth-of-type(5)::after, 
.monat:nth-of-type(4)::after {
	position: absolute;
	content: "";
	border-right: 3px solid #34485E;
	width: 0px;
	height: 100%;
	top: 0;
	right: -3px;
}*/
.page-template-page-mietzahlungen .mietzahlungen tbody tr:hover,
.page-template-page-mietzahlungen .mietzahlungen:hover tbody tr:hover {
	background: #FCD542;
}

.page-template-page-mietzahlungen .mietzahlungen td:hover .monat_inside {
	font-weight: 600;
	box-shadow: 0px 0px 3px 2px #34485E;
}

.page-template-page-mietzahlungen .mietzahlungen .monat_inside .start_stop {
	text-align: center;
	display: block;
	margin: 0px 0px 0px 15px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.05rem;
	color: #34485E;
}

.page-template-page-mietzahlungen .mietzahlungen:not(.tableheader) td:hover::after,
.page-template-page-mietzahlungen .mietzahlungen:not(.tableheader) th:hover::after {
	content: "";
	position: absolute;
	background-color: #FCD542;
	left: 0;
	top: -5000px;
	height: 10000px;
	width: 100%;
	z-index: -1;
}

.page-template-page-mietzahlungen .mietzahlungen:not(.tableheader) td:first-of-type:hover::after,
.page-template-page-mietzahlungen .mietzahlungen:not(.tableheader) th:first-of-type:hover::after {
	background: transparent;
}

.page-template-page-mietzahlungen .mietzahlungen .buchung {
	display: block;
	margin-bottom: 10px;
}

.page-template-page-mietzahlungen .mietzahlungen .buchung .buchungswert {
	display: inline-block;
	margin-right: 2px;
}

.page-template-page-mietzahlungen .mietzahlungen .differenz {
	display: block;
	font-size: 12px;
}

.page-template-page-mietzahlungen .mietzahlungen .differenz i {
	font-size: 9px;
}

.page-template-page-mietzahlungen .mietzahlungen .differenz.plus {
	color: #0D9408;
}

.page-template-page-mietzahlungen .mietzahlungen .differenz.minus {
	color: var(--colorminus);
}

.page-template-page-mietzahlungen .mietzahlungen .buchungsdetails {
	position: relative;
	width: 14px;
	height: 14px;
	float: right;
}

.page-template-page-mietzahlungen .mietzahlungen .buchung .buchungsdetails i {
	color: #34485E;
}

.page-template-page-mietzahlungen .mietzahlungen .buchungsdetails .tooltip {
	position: absolute;
	top: 0;
	left: 0;
	margin: -9990px -9990px 0px 0px;
	padding: 5px;
	background: #FFF;
	color: #34485E;
	border: 2px solid #34485E;
	border-radius: 5px;
	z-index: 20;
	text-align: left;
	font-weight: 400;
	width: 350px;
	overflow: hidden;
}

.page-template-page-mietzahlungen .mietzahlungen .buchungsdetails:hover .tooltip {
	margin: 0px 0px 0px 14px;
}

.page-template-page-mietzahlungen .mietzahlungen .monat:nth-of-type(9) .buchungsdetails:hover .tooltip,
.page-template-page-mietzahlungen .mietzahlungen .monat:nth-of-type(10) .buchungsdetails:hover .tooltip,
.page-template-page-mietzahlungen .mietzahlungen .monat:nth-of-type(11) .buchungsdetails:hover .tooltip,
.page-template-page-mietzahlungen .mietzahlungen .monat:nth-of-type(12) .buchungsdetails:hover .tooltip,
.page-template-page-mietzahlungen .mietzahlungen .monat:nth-of-type(13) .buchungsdetails:hover .tooltip {
	margin-left: -360px;
}

.page-template-page-mietzahlungen .mietzahlungen tr:nth-last-of-type(2) .buchungsdetails:hover .tooltip,
.page-template-page-mietzahlungen .mietzahlungen tr:last-of-type .buchungsdetails:hover .tooltip {
	margin-top: -100px;
}

.page-template-page-mietzahlungen .mietzahlungen .buchungsdetails .tooltip .buchung_headline {
	background: #34485E;
	color: #FCD542;
	padding: 5px;
	margin: -6px 0px 5px -6px;
	width: 354px;
}

.page-template-page-mietzahlungen .mietzahlungen .buchungsdetails .tooltip .buchung_betrag {
	font-size: 200%;
	display: inline-block;
	width: auto;
}

.page-template-page-mietzahlungen .mietzahlungen .buchungsdetails .tooltip .buchung_label {
	color: #444;
	font-size: 12px;
	font-weight: 400;
}

.page-template-page-mietzahlungen .mietzahlungen .buchungsdetails .tooltip .buchung_datum {
	float: right;
	width: 165px;
}

.page-template-page-mietzahlungen .mietzahlungen .buchungsdetails .tooltip .buchung_datum .buchung_label {
	display: inline-block;
	width: 100px;
}

.page-template-page-mietzahlungen .mietzahlungen .buchungsdetails .tooltip .buchung_betreff .buchung_label {
	display: block;
}

.page-template-page-mietzahlungen .mietzahlungen .buchungsdetails .tooltip .buchung_betreff {
	border-top: 1px dotted #34485E;
	padding-top: 5px;
	margin-top: 5px;
	font-size: 14px;
}


/* STELLPLATZ-ÜBERSICHT */

.stellplaetze {
	margin-top: 50px;
}

.stellplaetze h1 {
	font-weight: 300;
	font-size: 32px;
	margin-top: 50px;
	display: inline-block;
}

.stellplaetze .stellplatz_row {
	padding: 10px;
	border-bottom: 2px solid #34485E;
}

.stellplaetze .stellplatz_row:first-of-type {
	border-top: 2px solid #34485E;
}

.stellplaetze .stellplatz_row:nth-of-type(2n+1) {
	background: #F8F8F8;
}

.stellplaetze .stellplatzmieter_wrapper {
	display: inline-block;
	width: 350px;
	vertical-align: top;
}

.stellplaetze .stellplatzmieter_wrapper .stellplatzmieter {
	display: inline-block;
	padding: 10px 0px;
}

.stellplaetze .stellplatzmieter_wrapper .stellplatzmieter+.stellplatzmieter {
	border-top: 1px solid #34485E;
}

.stellplaetze .stellplatzmieter_wrapper .stellplatzmieter .stellplatzmieter_name {
	display: inline-block;
	width: 180px;
}

.stellplaetze .stellplatzmieter_wrapper .stellplatzmieter .stellplatzmieter_haus {
	width: 150px;
	display: inline-block;
	font-size: 13px;
}

.stellplaetze .type_stellplatz,
.stellplaetze .type_garage {
	width: 100px;
	display: inline-block;
	padding-top: 10px;
	vertical-align: top;
	font-style: italic;
	font-weight: 900;
	color: #34485E;
}

.stellplaetze .type_stellplatz {
	text-align: right;
}

.stellplaetze .stellplatznummer {
	width: 70px;
	display: inline-block;
	text-align: center;
	font-size: 32px;
	font-weight: 900;
	font-style: italic;
	color: #34485E;
	vertical-align: top;
}


/* IMMOBILIEN-UEBERSICHT */

/*.single-immobilien .haus {
	display: block;
	width: 640px;
	margin: 0px auto 50px;
	padding-top: 30px;
}
.single-immobilien .haus .dach {
	width: 540px;
	height: 0;
	border-bottom: solid 70px #000;
	border-left: solid 50px transparent;
	border-right: solid 50px transparent;
	position: relative;
	margin: 25px 0 0 0px;
}
.single-immobilien .haus .dach::before {
	content: "";
	width: 538px;
	height: 0;
	border-bottom: solid 67px #fff;
	border-left: solid 48px transparent;
	border-right: solid 48px transparent;
	position: absolute;
	right: -47px;
	top: 2px;
}
.single-immobilien .haus .dach .immo_title {
	position: relative;
	text-align: center;
	font-size: 26px;
	display: inline-block;
	width: 100%;
	line-height: 38px;
}*/
.single-immobilien .haus .etagen {
	position: relative;
	/*	border: 3px solid #000;
	border-top: 2px solid #000;*/
	text-align: center;
}

/*.single-immobilien .haus .etagen::after {
	content: "";
	position: absolute;
	width: 30px;
	height: 40px;
	border: 1px solid #000;
	bottom: 0;
	left: 50%;
	margin: 0px 0px 0px -16px;
	border-bottom: 0px;
}*/
.single-immobilien .haus .dritter_stock,
.single-immobilien .haus .zweiter_stock,
.single-immobilien .haus .erster_stock,
.single-immobilien .haus .erdgeschoss {
	position: relative;
	margin: 0px 0px -1px;
	padding: 0px;
	border: 1px solid #000;
	text-align: center;
}

.single-immobilien .haus .dritter_stock::after,
.single-immobilien .haus .zweiter_stock::after,
.single-immobilien .haus .erster_stock::after,
.single-immobilien .haus .erdgeschoss::after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	background: #000;
	height: 100%;
}

.single-immobilien .haus .eg,
.single-immobilien .haus .egl,
.single-immobilien .haus .egr,
.single-immobilien .haus .og1,
.single-immobilien .haus .og1l,
.single-immobilien .haus .og1r,
.single-immobilien .haus .og2,
.single-immobilien .haus .og2l,
.single-immobilien .haus .og2r,
.single-immobilien .haus .og3,
.single-immobilien .haus .og3l,
.single-immobilien .haus .og3r {
	display: inline-block;
	text-align: left;
	padding: 5px 20px 0px;
	min-height: 80px;
	border-top: 1px dashed #0005;
}

.single-immobilien .haus .eg,
.single-immobilien .haus .og1,
.single-immobilien .haus .og2,
.single-immobilien .haus .og3 {
	text-align: center;
}

.single-immobilien .ewpe>div:first-of-type {
	border-top: 0 !important;
}

.single-immobilien .erich-klausener-str-85 .eg,
.single-immobilien .mergelskull-19 .eg,
.single-immobilien .rheinstr-11 .eg,
.single-immobilien .haus .og3,
.single-immobilien .haus .og3l,
.single-immobilien .haus .og3r {
	border-top: 0px;
}

/*
.haus .egl, 
.haus .og1l, 
.haus .og2l, 
.haus .og3l {
	text-align: right;
}*/
.single-immobilien .haus .egr,
.single-immobilien .haus .og1r,
.single-immobilien .haus .og2r,
.single-immobilien .haus .og3r {
	/*float: right;*/
	text-align: right;
}

.single-immobilien .haus .mieterbox {
	display: inline-block;
	text-align: left;
	font-size: 13px;
	vertical-align: top;
	background: #FFF;
	padding: 5px 10px;
	width: auto;
	margin: 10px;
	border-radius: 5px;
	border: 2px solid #000;
	box-shadow: 0 0 3px #000;
}

.single-immobilien .haus .egr .mieterbox,
.single-immobilien .haus .og1r .mieterbox,
.single-immobilien .haus .og2r .mieterbox,
.single-immobilien .haus .og3r .mieterbox {
	text-align: right;
}

.single-immobilien .haus .einzug i,
.single-immobilien .haus .auszug i {
	font-size: 11px;
	transform: translatey(-1px);
	margin-right: 3px;
}

.single-immobilien .haus .einzug i {
	color: #1a7812;
	font-weight: 600;
}

.single-immobilien .haus .auszug i {
	color: #c40000;
	font-weight: 600;
}

.betriebskostenabrechnung .vorheriger_mieter {
	left: 10px;
	margin: 0px;
}

.betriebskostenabrechnung .naechster_mieter {
	right: 10px;
	margin: 0px;
}

.betriebskostenabrechnung .vorheriger_mieter .mieter_info,
.betriebskostenabrechnung .naechster_mieter .mieter_info {
	background: #FFF;
}

.side_nav {
	position: fixed;
	bottom: 0;
	height: 310px;
	margin: 0px 0px 0px -740px;
	left: 50%;
	width: 150px;
	padding-bottom: 20vh;
	border-right: 1px solid #5A5A5A;
	z-index: 8;
}

.side_nav .akt_immobilie {
	background: #FFF;
	padding: 0px 10px 20px 0px;
	text-align: right;
	font-size: 14px;
	font-weight: 500;
	width: 100%;
}

#side_menu {
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-align: right;
}

#side_menu li {
	position: relative;
	padding: 0px 10px;
	margin: 17px -2px 17px 0px;
	transition: all 0.25s ease-in-out;
}

#side_menu li::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 4px;
	height: 21px;
	background: #34485E;
	border-radius: 5px;
	opacity: 0;
	transition: all 0.25s ease-in-out;
}

#side_menu li.active::after,
#side_menu li:hover::after {
	opacity: 1;
}

#side_menu li:first-of-type {
	margin-top: 0px;
}

#side_menu li a {
	font-weight: 300;
	font-size: 13px;
	transition: all 0.25s ease-in-out;
}

#side_menu li.active a,
#side_menu li:hover a {
	font-weight: 600;
	color: #34485E;
}

#side_menu li.active+li.active a {
	font-weight: 300;
	color: #000;
}

#side_menu li.active+li.active::after {
	opacity: 0;
}

.immo_bar a {
	display: block;
	margin: .5rem 0;
	white-space: nowrap;
}

.betriebskostenabrechnung .immo_title {
	margin-top: 50px;
	display: inline-block;
}

.betriebskostenabrechnung .immo_title img {
	margin-right: 20px;
	width: 70px;
	height: auto;
	float: left;
}

.betriebskostenabrechnung .immo_title h1 {
	font-size: 40px;
	font-weight: 300;
	display: block;
	margin: 0px;
	width: 600px;
}

.betriebskostenabrechnung .immo_title h2 {
	font-size: 16px;
	font-weight: 300;
	display: block;
	margin: 0px;
}

.betriebskostenabrechnung h3 {
	margin-top: 0;
}

.betriebskostenabrechnung section {
	position: relative;
	padding-top: .5rem;
	margin-top: 5rem;
}

.betriebskostenabrechnung section#abrechnungen_erstellen {
	position: unset;
}

.betriebskostenabrechnung section#mieterliste {
	padding-top: 75px;
	margin-top: 0px;
}

.betriebskostenabrechnung .bk_id_block_wrapper {
	margin-bottom: 30px;
}

.betriebskostenabrechnung .bk_id_block_wrapper>div {
	display: inline-block;
	margin-right: 25px;
}

.betriebskostenabrechnung .bk_id_block_wrapper>div b {
	display: block;
}

.betriebskostenabrechnung .bk_id_block_wrapper>.nochkeindatensatz {
	margin: 40px auto 0px;
	text-align: center;
	width: 600px;
	box-shadow: 0px 0px 5px 0px #00000050;
	padding: 5px 10px;
	border-radius: 7px;
	display: block;
}

.betriebskostenabrechnung .faktor_wrapper {
	min-height: 42px;
	position: relative;
}

.betriebskostenabrechnung .alle_faktoren_auswaehlen,
.betriebskostenabrechnung .faktor_checkbox,
.betriebskostenabrechnung .bkmieter_checkbox {
	display: inline-block;
	width: 30px;
}

.betriebskostenabrechnung .alle_faktoren_auswaehlen i,
.betriebskostenabrechnung .faktor_checkbox i,
.betriebskostenabrechnung .bkmieter_checkbox i {
	color: #32495F;
	cursor: pointer;
}

.betriebskostenabrechnung .alle_faktoren_auswaehlen i.fa-check-square,
.betriebskostenabrechnung .faktor_checkbox i.fa-check-square,
.betriebskostenabrechnung .bkmieter_checkbox i.fa-check-square {}

.betriebskostenabrechnung .alle_faktoren_auswaehlen .fa-square,
.betriebskostenabrechnung .faktor_checkbox .fa-square,
.betriebskostenabrechnung .bkmieter_checkbox .fa-square,
.betriebskostenabrechnung .printable .alle_faktoren_auswaehlen .fa-check-square,
.betriebskostenabrechnung .printable .faktor_checkbox .fa-check-square,
.betriebskostenabrechnung .printable .bkmieter_checkbox .fa-check-square {
	display: block;
}

.betriebskostenabrechnung .printable .alle_faktoren_auswaehlen .fa-square,
.betriebskostenabrechnung .alle_faktoren_auswaehlen .fa-check-square,
.betriebskostenabrechnung .printable .faktor_checkbox .fa-square,
.betriebskostenabrechnung .faktor_checkbox .fa-check-square,
.betriebskostenabrechnung .printable .bkmieter_checkbox .fa-square,
.betriebskostenabrechnung .bkmieter_checkbox .fa-check-square {
	display: none;
}

.betriebskostenabrechnung .faktorliste_head {
	font-size: 18px;
	font-weight: 400;
	margin: 0px;
	padding: 10px 0px;
	cursor: pointer;
	transition: all 0.15s ease-in-out;
	border-bottom: 1px solid #34485E;
	display: inline-block;
	width: calc(100% - 35px);
}

.betriebskostenabrechnung #archiv .faktorliste_head {
	border-bottom: 0px;
}

.betriebskostenabrechnung .empty .faktorliste_head {
	color: #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
}

.betriebskostenabrechnung .faktorliste_head.active {
	border-bottom: 1px solid transparent;
}

.betriebskostenabrechnung .faktorliste_head:hover {
	background: var(--buttonbgcolor);
	color: var(--buttontextcolor);
}

.betriebskostenabrechnung #archiv .faktorliste_head:hover {
	background: #FFF;
}

.betriebskostenabrechnung .faktorliste_head .buchungszahl {
	font-size: 14px;
	margin-left: 10px;
}

.betriebskostenabrechnung .faktorliste_head i {
	margin-right: 5px;
	font-size: 12px;
	transform: rotate(-90deg) translatex(2px);
	transition: all 0.25s ease-in-out;
}

.betriebskostenabrechnung .faktorliste_head.active i {
	transform: translatey(-1px);
}

.betriebskostenabrechnung .faktorliste {
	max-height: 0px;
	padding-left: 32px;
	overflow: hidden;
	transition: all 0.25s ease-in-out;
}

.betriebskostenabrechnung .faktorliste_head.active+.faktorliste {
	padding-bottom: 50px;
}

.betriebskostenabrechnung .faktorliste .betriebskostenfaktor.gesamtsumme {
	position: absolute;
	top: 0;
	right: 0;
	margin: 10px 5px 0px 0px;
	font-weight: 400;
}

.betriebskostenabrechnung .betriebskostengesamt {
	position: absolute;
	top: 0;
	right: 0;
	margin: 60px 1.25rem 0 0;
	font-size: 28px;
	font-weight: 300;
}

.betriebskostenabrechnung .zahlung_row {
	width: 100%;
	padding: 5px 0px;
	border-bottom: 1px solid #34485E;
	transition: all 0.15s ease-in-out;
}

.betriebskostenabrechnung .zahlung_row:nth-of-type(2n+1) {
	background: #F2F3F4;
}

.betriebskostenabrechnung .zahlung_row:hover {
	background: #FCD542;
}

.betriebskostenabrechnung .zahlung_row.head,
.betriebskostenabrechnung .zahlung_row.head:hover {
	font-weight: 500;
	position: sticky;
	top: 8px;
	background: #FFF;
}

.betriebskostenabrechnung .faktorliste .zahlung_row.head {
	position: relative;
	top: 0px;
}

.betriebskostenabrechnung .zahlung_row>div {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 18px;
}

.betriebskostenabrechnung .zahlung_row .zahlungsdatum {
	width: 80px;
}

.betriebskostenabrechnung .zahlung_row .zahlungsart {
	width: 160px;
}

.betriebskostenabrechnung .zahlung_row .zahlungsart .zahlungstags {
	font-size: 12px;
	display: block;
	margin-top: 2px;
}

.betriebskostenabrechnung .zahlung_row .zahlungsobjekt {
	width: 150px;
}

.betriebskostenabrechnung .zahlung_row .zahlungsobjekt .objektart {
	font-size: 11px;
	font-weight: 600;
	color: #34485E90;
	display: block;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.betriebskostenabrechnung .zahlung_row .verwendungszweck {
	width: 420px;
}

.betriebskostenabrechnung .zahlung_row .zahlungsbetrag,
.betriebskostenabrechnung .zahlung_row .zahlungsanteil {
	width: 80px;
	text-align: right;
}

.betriebskostenabrechnung .zahlung_row .beleg_download {
	width: 135px;
	text-align: right;
}

.betriebskostenabrechnung #footer {
	width: calc(100% - 2rem);
	padding: 0px 10px;
	min-height: 0px;
	margin-bottom: 0px;
}
.betriebskostenabrechnung #footer .colophone {
	margin: 0;
	max-width: unset;
	width: 100%;
}

.betriebskostenabrechnung .section_title img {
	width: 40px;
	display: inline-block;
	transform: translatey(10px);
	margin-right: 10px;
}

.betriebskostenabrechnung .section_title h2 {
	display: inline-block;
	font-weight: 300;
}

.betriebskostenabrechnung .footnotes {
	font-size: 12px;
}

.betriebskostenabrechnung .wohnung {
	border-bottom: 2px solid #34485E8F;
	padding: 10px 5px;
	font-size: 15px;
}

.betriebskostenabrechnung .wohnung.head {
	font-size: 13px;
	font-weight: 400;
}

.betriebskostenabrechnung .wohnung>div,
.betriebskostenabrechnung .mieterbox>div {
	display: inline-block;
	vertical-align: top;
}

.betriebskostenabrechnung .mieterbox .einzug,
.betriebskostenabrechnung .mieterbox .einzug {
	width: 150px;
}

.betriebskostenabrechnung .wohnung .etage {
	width: 90px;
}

.betriebskostenabrechnung #abrechnungen_erstellen .wohnung .etage {
	width: 130px;
}

.betriebskostenabrechnung .mieterbox .mieter_name {
	width: 200px
}

.single-immobilien .tabelle_wrapper,
.betriebskostenabrechnung .tabelle_wrapper {
	min-width: 800px;
	width: auto;
	display: inline-block;
	overflow: hidden;
}

.betriebskostenabrechnung #archiv .tabelle_wrapper {
	position: relative;
	max-height: 0px;
	transition: all 0.25s ease-in-out;
}

.single-immobilien .key_monate,
.betriebskostenabrechnung .key_monate {
	width: 85px;
	display: inline-block;
	vertical-align: top;
}

.betriebskostenabrechnung .key_kostenschluessel {
	width: 25px;
	display: inline-block;
	vertical-align: top;
}

.betriebskostenabrechnung .key_kostenarten {
	width: 145px;
	display: inline-block;
	vertical-align: top;
}

.betriebskostenabrechnung .key_kosten {
	width: 80px;
	display: inline-block;
	vertical-align: top;
}

.single-immobilien .key_monatsname,
.betriebskostenabrechnung .key_monatsname,
.betriebskostenabrechnung .key_keytype,
.betriebskostenabrechnung .key_kostenart,
.betriebskostenabrechnung .key_kostenvalue,
.betriebskostenabrechnung .key_bottomlabel {
	position: relative;
	display: block;
	width: 80px;
	padding: 10px 0px 10px 5px;
	text-align: left;
	font-size: 13px;
	line-height: 15px;
	border-bottom: 2px solid #ABB4BD;
	font-weight: 400;
}

.betriebskostenabrechnung .mietanteil {
	color: #777;
}

.betriebskostenabrechnung .key_keytype {
	width: 20px;
	color: #AAA;
	transition: all 0.25s ease-in-out;
	cursor: help;
}

.betriebskostenabrechnung .key_keytype:hover {
	color: #000;
}

.betriebskostenabrechnung .key_kostenvalue {
	width: 75px;
	padding-right: 5px;
	text-align: right;
}

.betriebskostenabrechnung .key_kostenarten .key_kostenart,
.betriebskostenabrechnung .key_kostenarten .key_bottomlabel {
	width: 140px;
}

.betriebskostenabrechnung .key_kostenarten .key_kostenart.zweizeilig {
	height: 29px;
	padding: 3px 0px 3px 5px;
}

.betriebskostenabrechnung .key_kostenarten .key_kostenart.last,
.betriebskostenabrechnung .key_kosten .key_kostenvalue.last,
.betriebskostenabrechnung .key_mieteranteil.dachrinnenreiningung {
	border-bottom: 2px solid #34485E;
}

.betriebskostenabrechnung .key_bottomlabel sup {
	line-height: 5px;
}

/*.single-immobilien .key_monatsname:nth-of-type(2n+2), 
.single-immobilien .key_mietertage:nth-of-type(2n+1), 
.single-immobilien .key_label:nth-of-type(2n+2), 
.single-immobilien .key_value:nth-of-type(2n+1) {
	background: #F5F5F5;
}*/
.etagenlabel {
	background: var(--buttonbgcolor);
	padding: 1px 3px 0px;
	border-radius: 3px;
	color: var(--buttontextcolor);
}

.single-immobilien .key_mieter,
.betriebskostenabrechnung .key_mieter {
	width: 70px;
	display: inline-block;
	font-size: 13px;
	line-height: 15px;
	vertical-align: top;
}

.single-immobilien .key_mietername,
.betriebskostenabrechnung .key_mietername {
	width: 70px;
	height: 50px;
	text-align: center;
	font-weight: 400;
	font-size: 13px;
	padding-top: 10px;
}

/*.betriebskostenabrechnung .key_mieter > .key_mietername {
	display: flex;
	align-items: last baseline;
	padding: 0 5px 5px;
	justify-content: right;
	text-align: right;
	width: 70px;
}*/

/*.single-immobilien .monatsblock, 
.betriebskostenabrechnung .monatsblock, 
.betriebskostenabrechnung .keyblock {
	min-height: 175px;
}*/
.single-immobilien .key_mietertage,
.betriebskostenabrechnung .key_mietertage,
.betriebskostenabrechnung .key_value,
.betriebskostenabrechnung .key_vorauszahlungen,
.betriebskostenabrechnung .key_mieteranteil {
	display: block;
	width: 70px;
	padding: 10px 0px;
	text-align: center;
	border-bottom: 2px solid #ABB4BD;
	position: relative;
	line-height: 15px;
}

.betriebskostenabrechnung .key_monatsname:nth-of-type(2n+2),
.betriebskostenabrechnung .key_mietertage:nth-of-type(2n+1),
.betriebskostenabrechnung .key_value:nth-of-type(2n+1),
.betriebskostenabrechnung .key_bottomlabel:nth-of-type(2n+2),
.betriebskostenabrechnung .key_vorauszahlungen:nth-of-type(2n+1),
.betriebskostenabrechnung .key_keytype:nth-of-type(2n+2),
.betriebskostenabrechnung .key_kostenart:nth-of-type(2n+2),
.betriebskostenabrechnung .key_kostenvalue:nth-of-type(2n+2),
.betriebskostenabrechnung .key_mieteranteil:nth-of-type(2n+1) {
	background: #F5F5F5;
}

.betriebskostenabrechnung .key_kostenvalue.mietsalden {
	background: unset;
}

.export_pdf {
	max-width: fit-content;
	margin: 1rem auto;
}

.pdf_export_result .button,
.export_pdf input {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 16px;
	background: var(--buttonbgcolor);
	color: var(--buttontextcolor);
	padding: 5px;
	border: 2px solid var(--buttontextcolor);
	cursor: pointer;
	opacity: 1;
	max-width: fit-content;
	margin: 1rem auto;
}
.export_pdf input {
	margin: 0;
}
.pdf_export_result .button:hover,
.export_pdf input:hover {
	background: var(--buttontextcolor);
	color: var(--buttonbgcolor);
}

input:disabled {
	cursor: no-drop;
	opacity: 0.5;
}

.pdf_export_result {
	background: #FFF;
	padding: 1rem 0;
	text-align: center;
}

.pdf_export_result .button a {
	color: #32495f;
}

.pdf_export_result .button:hover a {
	color: #fcd540;
}

#pdf_result {
	transform: translateY(-50vh);
}

#individuelle-betriebskosten .key_vorauszahlung_item {
	position: relative;
}

#individuelle-betriebskosten .key_vorauszahlung_item .zahlungs_tooltip {
	position: absolute;
	top: -9999px;
	left: -9999px;
	width: 250px;
	background: #FFF;
	font-weight: 300;
	font-size: 14px;
	line-height: 18px;
	padding: 5px;
	border-radius: 5px;
	border: 2px solid #34485E;
}

#individuelle-betriebskosten .key_vorauszahlung_item:hover .zahlungs_tooltip {
	top: 0;
	right: 0;
	left: 0;
	margin: -5px 0px 0px 85px;
	z-index: 1;
}

#individuelle-betriebskosten .key_mieter.og3r .key_vorauszahlung_item:hover .zahlungs_tooltip {
	margin-left: -265px;
}

#individuelle-betriebskosten .tt_right .key_vorauszahlung_item:hover .zahlungs_tooltip {
	left: auto;
	margin: -5px 85px 0px 0px;
}

#individuelle-betriebskosten .key_vorauszahlung_item .zahlungs_tooltip::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 14px 8px 0;
	border-color: transparent #34485E transparent transparent;
	margin: 3px 0px 0px -15px;
}

#individuelle-betriebskosten .key_mieter.og3r .key_vorauszahlung_item .zahlungs_tooltip::after,
#individuelle-betriebskosten .tt_right .key_vorauszahlung_item .zahlungs_tooltip::after {
	left: auto;
	right: 0;
	border-width: 8px 0 8px 14px;
	border-color: transparent transparent transparent #34485E;
	margin: 3px -15px 0px 0px;
}

#individuelle-betriebskosten .key_vorauszahlung_item .zahlungs_tooltip .bkmieter_buchungsdatum {
	display: block;
	font-weight: 700;
	margin-bottom: 5px;
}

#individuelle-betriebskosten .key_monatsname:nth-of-type(13) {
	border-bottom: 3px solid #34485E;
}

.betriebskostenabrechnung .key_vorauszahlungen .zahlungsalert {
	background: #C40000;
	padding: 3px 5px;
	border-radius: 10px;
	color: #FFF;
	font-weight: 600;
	box-shadow: 0 0 0 0 #C40000;
	animation: alert 1.25s infinite cubic-bezier(.66, 0, 0, 1);
}

@keyframes alert {
	to {
		box-shadow: 0 0 0 10px rgba(196, 0, 0, 0)
	}
}

.betriebskostenabrechnung .key_keytype.last,
.betriebskostenabrechnung .key_mieteranteil.last {
	border-bottom: 2px solid #34485E;
}

.betriebskostenabrechnung #mietzahlungen .key_monate .key_monatsname:nth-of-type(13),
.betriebskostenabrechnung .monatsblock .key_vorauszahlungen:last-of-type,
.betriebskostenabrechnung .monatsblock .key_mieteranteil:last-of-type {
	border-bottom: 3px solid #34485E;
}

.betriebskostenabrechnung .key_keytype.gesamt:last-of-type,
.betriebskostenabrechnung .key_vorauszahlungen.gesamt:last-of-type,
.betriebskostenabrechnung .key_kostenschluessel.gesamt:last-of-type,
.betriebskostenabrechnung .key_kostenarten.gesamt:last-of-type {
	border-bottom: 0px;
}

.single-immobilien .key_mietertage:hover,
.betriebskostenabrechnung .key_mietertage:hover,
.betriebskostenabrechnung .key_value:hover,
.betriebskostenabrechnung .key_vorauszahlungen:hover,
.betriebskostenabrechnung .key_mieteranteil:hover {
	font-weight: 600;
	color: #34485E;
	font-size: 15px;
	line-height: 15px;
}

/*
.single-immobilien .key_mietertage:hover::before, 
.betriebskostenabrechnung .key_mietertage:hover::before, 
.betriebskostenabrechnung .key_value:hover::before, 
.betriebskostenabrechnung .key_vorauszahlungen:hover::before, 
.betriebskostenabrechnung .key_kostenvalue:hover::before, 
.betriebskostenabrechnung .key_mieteranteil:hover::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 81px;
	height: 3000px;
	background: #FCD542;
	margin: -1000px 0px 0px;
	z-index: -1;
}
.betriebskostenabrechnung .key_kostenvalue:hover::before {
width: 85px;
}
.single-immobilien .key_mietertage:hover::after, 
.betriebskostenabrechnung .key_mietertage:hover::after , 
.betriebskostenabrechnung .key_value:hover::after, 
.betriebskostenabrechnung .key_vorauszahlungen:hover::after, 
.betriebskostenabrechnung .key_kostenvalue:hover::after, 
.betriebskostenabrechnung .key_mieteranteil:hover::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 4000px;
	height: 35px;
	background: #FCD542;
	margin: 0px 0px 0px -1750px;
	z-index: -1;
}*/
.betriebskostenabrechnung .key_value.zweizeilig:hover::after {
	height: 50px;
}

.betriebskostenabrechnung .gesamt {
	font-weight: 700;
}

.betriebskostenabrechnung .gesamt.soll {
	font-weight: 500;
}

.betriebskostenabrechnung .key_kostenvalue.vorauszahlungen {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0 0 189px 186px;
	padding-bottom: 9px;
}

.betriebskostenabrechnung .key_kostenvalue.mietsalden {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0 0 154px 186px;
	border-bottom: 1px;
}

.betriebskostenabrechnung .key_kostenvalue.gesamt_differenzen {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0 0 116px 185px;
	border-bottom: 2px solid #abb4bd !important;
	padding-bottom: 10px;
}

.betriebskostenabrechnung #archiv .key_kostenvalue.vorauszahlungen {
	margin-bottom: 133px;
}

.betriebskostenabrechnung #archiv .key_kostenvalue.mietsalden {
	margin-bottom: 96px;
}

.betriebskostenabrechnung #archiv .key_kostenvalue.gesamt_differenzen {
	margin-bottom: 60px;
}

.betriebskostenabrechnung .key_kostenvalue.vorauszahlungen:hover::before,
.betriebskostenabrechnung .key_kostenvalue.mietsalden:hover::before,
.betriebskostenabrechnung .key_kostenvalue.gesamt_differenzen:hover::before,
.betriebskostenabrechnung .key_kostenvalue.vorauszahlungen:hover::after,
.betriebskostenabrechnung .key_kostenvalue.mietsalden:hover::after,
.betriebskostenabrechnung .key_kostenvalue.gesamt_differenzen:hover::after {
	display: none;
}

.betriebskostenabrechnung .plus,
.betriebskostenabrechnung .plus:hover {
	color: #1A7812;
}

.betriebskostenabrechnung .minus,
.betriebskostenabrechnung .minus:hover {
	color: #C40000;
}

.single-immobilien .key_mietertage.gesamt,
.betriebskostenabrechnung .key_mietertage.gesamt {
	font-weight: 500;
	background: transparent;
	border: 0px;
}

.betriebskostenabrechnung .key_mieteranteil.gesamt {
	position: relative;
}

.betriebskostenabrechnung .key_mieteranteil.differenz {
	font-size: 14px;
	font-weight: 700;
}

/*.betriebskostenabrechnung .key_kostenart.gesamt:last-of-type, 
.betriebskostenabrechnung .key_kostenvalue.gesamt:last-of-type, 
.betriebskostenabrechnung .key_mieteranteil.gesamt:last-of-type {
	border-bottom: 0px;
}*/
.single-immobilien .key_summe,
.betriebskostenabrechnung .key_summe {
	width: 70px;
	display: inline-block;
	font-size: 12px;
	vertical-align: top;
}

.single-immobilien .key_summetag,
.betriebskostenabrechnung .key_summetag {
	width: 70px;
	height: 50px;
	padding-top: 10px;
	text-align: center;
	font-weight: 400;
	font-size: 14px;
	line-height: 15px;
}

.single-immobilien .summeblock,
.betriebskostenabrechnung .summeblock {
	min-height: 460px;
	border-bottom: 2px solid #34485E69;
	background: #FFF;
}

.single-immobilien .key_summetage,
.betriebskostenabrechnung .key_summetage {
	display: block;
	width: 60px;
	padding: 10px 5px;
	text-align: center;
	font-weight: 600;
	font-size: 13px;
}

.betriebskostenabrechnung .key_leersumme {
	display: block;
	width: 80px;
	padding: 10px 0px 10px 5px;
	text-align: left;
	font-size: 13px;
	line-height: 15px;
	border-bottom: 2px solid transparent;
	font-weight: 400;
	background: #FFF;
}

.betriebskostenabrechnung .key_leersumme.last {
	border-bottom: 2px solid #34485E69;
}

.betriebskostenabrechnung .zahlung .value_type {
	display: inline-block;
	padding: 2px 0px;
}

.betriebskostenabrechnung #abrechnungen_erstellen .wohnung:not(.head) {
	padding: 15px 5px;
	transition: all 0.15s ease-in-out;
}

.betriebskostenabrechnung #abrechnungen_erstellen .wohnung:not(.head):nth-of-type(2n+1) {
	background: #EDEDED;
}

.betriebskostenabrechnung #abrechnungen_erstellen .wohnung:not(.head):hover {
	background: var(--buttonbgcolor);
}

.betriebskostenabrechnung #abrechnungen_erstellen .betrag,
.betriebskostenabrechnung #abrechnungen_erstellen .soll,
.betriebskostenabrechnung #abrechnungen_erstellen .ist {
	width: 80px;
	font-weight: 400;
	padding-right: 20px;
	text-align: right;
}

.betriebskostenabrechnung #abrechnungen_erstellen .ergebnis {
	width: 100px;
	font-weight: 400;
	padding-left: 10px;
}

.betriebskostenabrechnung #abrechnungen_erstellen .qrcode {
	width: 80px;
}

.qrcode .code_icon {
	width: 40px;
	margin: -11px 0 -15px 0;
	position: relative;
	display: inline-block;
}

.code_box {
	position: fixed;
	top: 100px;
	left: 50%;
	width: 200px;
	height: 200px;
	margin: 0 0 0 -250px;
	display: grid;
	align-items: center;
	justify-content: center;
	visibility: hidden;
	box-shadow: 0px 0px 0px 100vw #FFF9;
	opacity: 0;
	z-index: 9;
	transition: all .25s ease-in-out;
}

.qrcode:hover>.code_box {
	visibility: visible;
	opacity: 1;
}

.code_box .rueckzahlung_empfaenger {
	background: #FFF;
	text-align: center;
	font-weight: 400;
	padding-top: 10px;
}

.code_box img {
	position: relative;
	z-index: 2;
}

.betriebskostenabrechnung #abrechnungen_erstellen .button_group {
	width: 180px;
	margin: -5px 0 -15px;
}

.betriebskostenabrechnung #abrechnungen_erstellen .abrechnung_download {
	display: inline-block;
	background: var(--buttontextcolor);
	color: var(--buttonbgcolor);
	padding: 5px 10px;
	border: 1px solid var(--buttontextcolor);
	transition: all 0.15s ease-in-out;
	margin: 0 10px 0 0;
}

.betriebskostenabrechnung #abrechnungen_erstellen .button_group>.abrechnung_download:first-of-type {
	margin-right: 10px;
}

.betriebskostenabrechnung .divide_org_korr {
	display: inline-block;
	border-right: 2px dotted var(--buttontextcolor);
	margin: 0 10px 0 0;
	height: 20px;
	transform: translateY(5px);
}

.betriebskostenabrechnung #abrechnungen_erstellen .create_hausabrechnungen,
.betriebskostenabrechnung #abrechnungen_erstellen .create_pdfmappe, 
.betriebskostenabrechnung button {
	cursor: pointer;
	background: var(--buttonbgcolor);
	color: var(--buttontextcolor);
	border: 1px solid var(--buttontextcolor);
	font: inherit;
	font-weight: 400;
	margin: 0 20px 0 0;
	padding: 5px 10px;
	transition: all 0.15s ease-in-out;
}

.betriebskostenabrechnung input[type="date"] {
	cursor: pointer;
	color: var(--buttontextcolor);
	border: 1px solid var(--buttontextcolor);
	font: inherit;
	font-weight: 400;
	margin: 0 20px 0 0;
	padding: 5px;
}

.betriebskostenabrechnung #abrechnungen_erstellen .create_hausabrechnungen:hover,
.betriebskostenabrechnung #abrechnungen_erstellen .create_pdfmappe:hover {
	background: var(--buttontextcolor);
	color: var(--buttonbgcolor);
}

.betriebskostenabrechnung #abrechnungen_erstellen .button {
	display: inline-block;
	margin-bottom: 5px;
}

.betriebskostenabrechnung #abrechnungen_erstellen .button a {
	display: inline-block;
	background: var(--buttonbgcolor);
	padding: 5px 10px;
	color: var(--buttontextcolor);
	border: 1px solid var(--buttontextcolor);
	transition: all 0.15s ease-in-out;
	margin-right: 10px;
}

.betriebskostenabrechnung #abrechnungen_erstellen .wohnung:hover .button a,
.betriebskostenabrechnung #abrechnungen_erstellen .button a:hover {
	background: var(--buttontextcolor);
	color: var(--buttonbgcolor);
}

@media print {

	.betriebskostenabrechnung .immo_bar,
	.betriebskostenabrechnung .side_nav,
	.betriebskostenabrechnung .vorheriger_mieter,
	.betriebskostenabrechnung .naechster_mieter,
	.betriebskostenabrechnung .filter_bar,
	.betriebskostenabrechnung .grid-card:not(.show_to_print) h3,
	.betriebskostenabrechnung .wohnung.head,
	.betriebskostenabrechnung .wohnung.ausgeglichen,
	.betriebskostenabrechnung .wohnung.nachzahlung,
	.betriebskostenabrechnung .wohnung.leerstand,
	.betriebskostenabrechnung .wohnung.haus_gesamt, 
	.betriebskostenabrechnung .wohnung .etage,
	.betriebskostenabrechnung #abrechnungen_erstellen .soll,
	.betriebskostenabrechnung #abrechnungen_erstellen .ist,
	.betriebskostenabrechnung #abrechnungen_erstellen .ergebnis,
	.betriebskostenabrechnung .qrcode .code_icon,
	.betriebskostenabrechnung #abrechnungen_erstellen .button_group,
	.betriebskostenabrechnung #abrechnungen_erstellen .button,
	.betriebskostenabrechnung .abrechnung_vorhanden,
	.betriebskostenabrechnung .code_box .rueckzahlung_empfaenger,
	.betriebskostenabrechnung .grid-card:not(.show_to_print),
	.betriebskostenabrechnung #differenztoleranz,
	.betriebskostenabrechnung #query-monitor-main {
		display: none !important;
	}
	
	.key_monatsname, .key_keytype, .key_kostenart, .key_kostenvalue, .key_bottomlabel, .key_mietertage, .key_value, .key_vorauszahlungen, .key_mieteranteil {
		padding: 6px 0px !important;
	}
	
	.grid-card {
		border: 0 !important;
		border-radius: 0 !important;
		padding: 0 !important;
	}

	.betriebskostenabrechnung #main .content {
		width: 100%;
		max-width: 100%;
	}
	.betriebskostenabrechnung section {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}

	.betriebskostenabrechnung #main,
	.betriebskostenabrechnung .immo_title,
	.betriebskostenabrechnung section {
		padding-top: 0px !important;
		margin-top: 0px !important;
	}

	.betriebskostenabrechnung .immo_title h1 {
		font-size: 20px;
	}

	.betriebskostenabrechnung #abrechnungen_erstellen .wohnung {
		display: inline-block;
		width: 44vw;
		margin: 1vw 4vw 1vw 0;
		padding-bottom: 2vw !important;
	}

	.mieter_name {
		grid-area: mietername;
		width: auto !important;
	}

	.betrag {
		grid-area: betrag;
	}

	.qrcode {
		grid-area: qrcode;
		width: unset !important;
	}

	.mieterbox {
		display: grid !important;
		grid-template-areas: "mietername qrcode qrcode" "betrag qrcode qrcode";
		align-items: center;
	}

	.code_box {
		position: relative;
		top: 0;
		left: 0;
		width: auto;
		height: auto;
		margin: 0;
		visibility: visible;
		box-shadow: none;
		opacity: 1;
	}

	.code_box img {
		width: 4cm !important;
	}
}

.post-password-required {
	max-width: 700px;
	margin: 150px auto 50px;
	display: block;
}

.post-password-required input {
	padding: 4px;
	margin: 0px 0px 0px 10px;
	border: 2px solid #34485E;
}

.post-password-required input[type="submit"] {
	background: #34485E;
	color: #FCD542;
	cursor: pointer;
	margin: 0px;
	padding: 4px 10px;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 14px;
	transition: all 0.15s ease-in-out;
}

.post-password-required input[type="submit"]:hover {
	color: #34485E;
	background: #FCD542;
}

/*
.single-immobilien .key_labels, 
.betriebskostenabrechnung .key_labels {
	width: 85px;
	display: inline-block;
	font-size: 12px;
	vertical-align: top;
	border-right: 1px solid #999;
	border-bottom: 1px solid #000;
}
.single-immobilien .keyblock, 
.betriebskostenabrechnung .keyblock {
	border-bottom: 1px solid #000;
}
.single-immobilien .key_label, 
.betriebskostenabrechnung .key_label {
	display: block;
	width: 80px;
	padding: 5px 0px 5px 5px;
	text-align: left;
}
.single-immobilien .key_value, 
.betriebskostenabrechnung .key_value {
	display: block;
	width: 60px;
	padding: 5px;
	text-align: center;
}*/
.single-immobilien table {
	border-spacing: 0px;
	border-collapse: separate;
	overflow: hidden;
}

.single-immobilien table tbody tr:nth-of-type(2n+1) {
	background: #F5F5F5;
}
.single-immobilien form table tbody tr:nth-of-type(2n+1) {
	background: transparent;
}

.single-immobilien table:hover tbody tr:nth-of-type(2n+1) {
	background: none;
}

.single-immobilien table tbody tr:hover,
.single-immobilien table:hover tbody tr:hover {
	background: #FCD542;
}

.single-immobilien table td,
.single-immobilien table th {
	position: relative;
}

.single-immobilien table td:hover::after,
.single-immobilien table th:hover::after {
	content: "";
	position: absolute;
	background-color: #FCD542;
	left: 0;
	top: -5000px;
	height: 10000px;
	width: 100%;
	z-index: -1;
}

.single-immobilien table td:first-of-type:hover::after,
.single-immobilien table th:first-of-type:hover::after {
	background: transparent;
}

.single-immobilien table td {
	padding: 5px 10px;
	text-align: right;
	font-size: 14px;
}

.single-immobilien table td.etage {
	text-align: left;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #666;
}

.single-immobilien table td:hover {
	font-weight: 600;
}

.immobilie .abrechnung td.posten,
.immobilie .abrechnung td.gesamt {
	font-size: 14px;
	min-height: 22px;
}

.immobilie .abrechnung td.posten {
	color: #444;
	font-weight: 400;
	text-align: left;
}

.immobilie .abrechnung th {
	vertical-align: bottom;
}

.immobilie .abrechnung th.posten {
	text-align: left;
	padding-left: 10px;
}

.immobilie .abrechnung tr.bottomline td {
	padding: 0px;
	border-bottom: 3px double #000;
}

.immobilie .abrechnung tr.gesamtsumme td {
	font-weight: 600;
}

.single-immobilien #main .content .zaehler_etage h3 {
	margin-bottom: 0px;
	cursor: pointer;
}

.single-immobilien #main .content .immo_etage {
	max-height: 0;
	overflow: hidden;
	transition: all 0.25s ease-in-out;
	margin-top: 0px;
}

.single-immobilien #main .content .zaehler_etage:first-of-type .immo_etage {
	max-height: 999999px;
}

.single-immobilien #main .content .zaehler_etage .immo_etage td.posten {
	color: #444;
	font-weight: 400;
	text-align: left;
	font-size: 14px;
	min-height: 22px;
}



/* FORMULARE */

#main .content.uebergabeprotokoll {
	width: 100%;
}

#main .content.uebergabeprotokoll h1 {
	margin: 80px auto 0px;
	text-align: center;
}

#main .content.uebergabeprotokoll .radio-anlass {
	text-align: left;
}

#main .content.uebergabeprotokoll .radio-anlass .wpcf7-list-item.first {
	margin: 0px;
}

#main .content.uebergabeprotokoll table {
	width: 100%;
	padding: 0% 5%;
	margin: 5% 0% 10%;
}

#main .content.uebergabeprotokoll table.zustand {
	margin: 0% 0% 5%;
}

#main .content.uebergabeprotokoll table.zustand tr {
	vertical-align: top;
}

#main .content.uebergabeprotokoll table.zaehler {
	margin-top: 0px;
}

#main .content.uebergabeprotokoll table .left_col,
#main .content.uebergabeprotokoll table .right_col {
	width: 44%;
	display: inline-block;
	padding: 0px 0px 30px 0px;
}

#main .content.uebergabeprotokoll table .left_col {
	margin-right: 10%;
}

#main .content.uebergabeprotokoll input,
#main .content.uebergabeprotokoll select {
	padding: 15px;
	font-size: 16px;
	font-family: "Roboto Condensed", sans-serif;
	width: 90%;
}

#main .content.uebergabeprotokoll .anwesende .wpcf7-list-item {
	margin: 0px 50px 40px 0px;
}

#main .content.uebergabeprotokoll .anwesende .wpcf7-checkbox input {
	display: inline-block;
	width: auto !important;
}

#main .content.uebergabeprotokoll input.maengel {
	padding: 10px;
	margin: 0px 0px -5px;
	border: 0px;
	border-bottom: 1px solid #000;
}

#main .content.uebergabeprotokoll select {
	width: 100%;
}

#main .content.uebergabeprotokoll .radio-anlass input,
#main .content.uebergabeprotokoll .radio-renovierung input,
#main .content.uebergabeprotokoll .maengel_false input {
	width: auto;
}

#main .content.uebergabeprotokoll .radio-renovierung .wpcf7-list-item.first {
	margin: 0px;
}

#main .content.uebergabeprotokoll .maengel_false .wpcf7-form-control-wrap {
	margin-top: 0px;
}

#main .content.uebergabeprotokoll .maengel_false span.wpcf7-list-item {
	margin-left: 0px;
}

#main .content.uebergabeprotokoll .maengel_true textarea {
	height: 75px;
	width: 96%;
	padding: 2%;
	font-size: 16px;
	font-family: "Roboto Condensed", sans-serif;
}

#main .content.uebergabeprotokoll table.zaehler td h3 {
	padding: 0px;
}

#main .content.uebergabeprotokoll table.zaehler td.zaehlwert {
	min-width: 180px;
}

#main .content.uebergabeprotokoll table.zaehler td input {
	width: 80%;
	margin-bottom: 0px;
	padding: 5px 10px;
	font-size: 24px;
}

#main .content.uebergabeprotokoll table.schluessel {
	margin-top: 0px;
}

#main .content.uebergabeprotokoll table.schluessel td {
	text-align: center;
}

#main .content.uebergabeprotokoll table.schluessel td input {
	width: 50px;
	padding: 10px;
	margin: 0px 0px 6px;
	text-align: center;
	font-size: 20px;
}

#main .content.uebergabeprotokoll .fotos {
	margin: 0% 0% 10%;
}

#main .content.uebergabeprotokoll .fotos input {
	padding: 0px !important;
}

#main .content.uebergabeprotokoll table.ausstellungsinfo {
	width: 400px;
	display: block;
	margin: 0px auto;
}

#main .content.uebergabeprotokoll table.ausstellungsinfo .ausstellungsort,
#main .content.uebergabeprotokoll table.ausstellungsinfo .ausstellungsdatum {
	width: 120px;
}

#main .content.uebergabeprotokoll table.ausstellungsinfo input {
	display: inline-block;
	padding: 0px 0px 5px;
	font-weight: 300;
	border: 0px;
	border-bottom: 1px solid #000;
	text-align: center;
}

#main .content.uebergabeprotokoll .signatures td {
	text-align: center;
}

#main .content.uebergabeprotokoll .wpcf7-form-control-signature-wrap {
	display: block;
	margin: 0px auto;
}

.wpcf7-form-control-signature-wrap {
	border: 1px solid #000;
}

#main .content.uebergabeprotokoll #wpcf7_signature-vermieter_clear,
#main .content.uebergabeprotokoll #wpcf7_signature-mieter_clear {
	max-width: 302px !important;
	background: #34485E;
	color: #FCD542;
	font-size: 18px;
	text-transform: uppercase;
	border: 0px;
}

#main .content.uebergabeprotokoll .wpcf7-submit {
	width: 50%;
	margin: 0px auto;
	display: block;
	background: #34485E;
	color: #FCD542;
	border: 0px;
	font-size: 24px;
	cursor: pointer;
}

#main .content.uebergabeprotokoll div.wpcf7-response-output {
	margin: 0% 5%;
}

/* KÜNDIGUNGSSBESTÄTIGUNG */

.wpcf7-form-control-wrap.ausstellungsdatum input,
.wpcf7-form-control-wrap.date-731 input {
	background: #fbd540;
	border: 1px solid #34485E;
	font-family: "Roboto Condensed", sans-serif;
}


/* FORMULAR SELBSTAUSKUNFT */

.mieterselbstauskunft,
.wohnungsgeberbestaetigung,
.wpcf7 .mietvertrag {
	width: 700px;
	margin: 50px auto;
}

.mieterselbstauskunft table {
	width: 700px;
	margin: 20px auto;
}

.mieterselbstauskunft table.mietobjekt {
	margin-top: -20px;
}

.mieterselbstauskunft table thead th {
	position: sticky;
	top: 9px;
	z-index: 8;
	background: #FFF;
}

.mieterselbstauskunft table.termin td {
	text-align: center;
}

.mieterselbstauskunft input,
.mieterselbstauskunft select,
.wohnungsgeberbestaetigung input,
.wohnungsgeberbestaetigung select,
.mietvertrag input,
.mietvertrag select {
	padding: 8px;
	font-size: 16px;
	font-family: "Roboto Condensed", sans-serif;
	width: 185px;
}

.wohnungsgeberbestaetigung select {
	width: 268px;
}

.mietvertrag .fullwidth select {
	width: 100%;
}

.mieterselbstauskunft select {
	width: 202px;
}

.mieterselbstauskunft .wpcf7-list-item.first {
	margin-left: 0px;
}

.mieterselbstauskunft .wpcf7-list-item input {
	width: auto;
}

.mieterselbstauskunft input.wpcf7-date {
	width: 120px;
	text-transform: uppercase;
}

.mieterselbstauskunft .menu-adressen select {
	width: 320px;
}

.mieterselbstauskunft .mitbewohner td,
.mieterselbstauskunft .fragebogen td {
	vertical-align: top;
}

.mieterselbstauskunft .fragebogen tbody td {
	border-bottom: 1px dashed #8E8E8E;
	padding: 5px 5px 20px 5px;
}

.mieterselbstauskunft .dateien input.wpcf7-file {
	padding-top: 0px;
	width: 350px;
}

.mieterselbstauskunft .wpcf7-form-control-signature-wrap {
	display: block;
	border: 1px solid #000;
	max-width: 291px;
}

.mieterselbstauskunft #wpcf7_signature-mieter_clear,
.mieterselbstauskunft #wpcf7_signature-mitmieter_clear {
	max-width: 302px !important;
	background: #34485E;
	color: #FCD542;
	font-size: 18px;
	text-transform: uppercase;
	border: 0px;
}

.mieterselbstauskunft .wpcf7-submit,
.wohnungsgeberbestaetigung .wpcf7-submit {
	width: 50%;
	margin: 0px auto;
	display: block;
	background: #34485E;
	color: #FCD542;
	border: 0px;
	font-size: 24px;
	cursor: pointer;
}

#main .content.mieterselbstauskunft div.wpcf7-response-output {
	padding: 20px 20px;
	max-width: 640px;
	margin: 0px auto;
	text-align: center;
}

.wohnungsgeberbestaetigung .hidden_fields {
	display: none;
}

.wohnungsgeberbestaetigung .first {
	font-weight: 600;
	margin: 5px 10px 0px 0px;
	display: block;
}

.wohnungsgeberbestaetigung table {
	margin: 50px auto;
}

.wohnungsgeberbestaetigung .dynamictext-mietermail input,
.wohnungsgeberbestaetigung .email-empfaenger input {
	width: 250px;
}

.wohnungsgeberbestaetigung .wpcf7-submit {
	width: auto;
	padding: 10px 20px;
}

.wpcf7 .mietvertrag table {
	width: 100%;
}

.wpcf7 .mietvertrag .hidden_fields {
	display: none !important;
}

.wpcf7 .mietvertrag input {
	width: 204px
}

.wpcf7 .mietvertrag .mietobjekt_infos>div,
.wpcf7 .mietvertrag .mieter_infos>div,
.wpcf7 .mietvertrag .wohnungs_infos>div,
.wpcf7 .mietvertrag .mitbenutzung_infos>div,
.wpcf7 .mietvertrag .mitmieter_infos>div,
.wpcf7 .mietvertrag .wohnungsuebergabe>div,
.wpcf7 .mietvertrag .schluessel>div,
.wpcf7 .mietvertrag .mietanpassungen>div {
	display: inline-block;
	width: 49%;
	margin: 15px 0px;
	vertical-align: top;
}

.wpcf7 .mietvertrag .wohnungs_infos>div,
.wpcf7 .mietvertrag .wohnungsuebergabe>div {
	width: 30%;
}

.wpcf7 .mietvertrag .wohnungs_infos>div input {
	width: 100px;
}

.wpcf7 .mietvertrag .mitbenutzung_infos .full_width_col,
.wpcf7 .mietvertrag .mitmieter_infos .full_width_col,
.wpcf7 .mietvertrag .wohnungsuebergabe .full_width_col,
.wpcf7 .mietvertrag .mietanpassungen .full_width_col {
	width: 95% !important;
}

.wpcf7 .mietvertrag .mitmieter_infos .full_width_col>div>div {
	width: 49% !important;
	display: inline-block;
}

.wpcf7 .mietvertrag .mitmieter_infos .full_width_col>div>.sigline {
	margin-top: 10px;
}

.wpcf7 .mietvertrag .mitmieter_infos .full_width_col>div>.sigline select {
	width: 400px;
}

.wpcf7 .mietvertrag .wohnungsuebergabe .besdat input {
	width: 120px;
}

.wpcf7 .mietvertrag .wohnungsuebergabe .full_width_col select {
	width: 90%;
}

.wpcf7 .mietvertrag .mitbenutzung_infos .full_width_col .wpcf7-form-control-wrap {
	display: inline-block;
}

.wpcf7 .mietvertrag .mitbenutzung_infos .full_width_col .mitbensonst-detail input {
	width: 100%;
}

.wpcf7 .mietvertrag .schluessel>div {
	width: 23% !important;
}

.wpcf7 .mietvertrag .schluessel>div input {
	width: 75px !important;
}

.wpcf7 .mietvertrag .vertrags_daten>div {
	display: inline-block;
	width: 30%;
	margin-top: 10px;
}

.wpcf7 .mietvertrag .vertrags_daten>div input {
	width: 75px;
}

.wpcf7 .mietvertrag .vertrags_daten .kautwort input {
	width: 200px;
}

.wpcf7 .mietvertrag .mietanpassungen .checkbox span {
	display: inline-block;
}

.wpcf7 .mietvertrag .mietanpassungen .checkbox select {
	width: 50px;
}

.wpcf7 .mietvertrag .mietanpassungen table td {
	vertical-align: top;
}

.wpcf7 .mietvertrag .mietanpassungen table td span {
	display: inline-block;
}

.wpcf7 .mietvertrag .mietanpassungen table td input {
	width: 110px;
	margin: 0px 10px;
}

.wpcf7 .mietvertrag .betriebskosten select {
	width: 100%;
}

.wpcf7 .mietvertrag .betriebskosten input {
	width: 95%;
}

.wpcf7 .mietvertrag .umlage_heizung .inline_col,
.wpcf7 .mietvertrag .umlage_heizung .full_width_col {
	margin-bottom: 20px;
}

.wpcf7 .mietvertrag .umlage_heizung .inline_col span {
	display: inline;
}

.wpcf7 .mietvertrag .umlage_heizung .inline_col span input {
	width: 30px;
}

.wpcf7 .mietvertrag .umlage_heizung .full_width_col input {
	width: 95%;
}

.wpcf7 .mietvertrag .sonstige_vereinbarungen input {
	width: 95% !important;
}

.wpcf7 .mietvertrag .dynamictext-vertragsort,
.wpcf7 .mietvertrag .vertragsdatum {
	display: inline-block;
	margin: 0px 5px;
}

.wpcf7 .mietvertrag .action_required {
	border: 2px solid #34485E;
	background: #FCD542;
}

.wpcf7 .mietvertrag .divider {
	border: 0px;
	border-bottom: 2px solid #D5D5D5;
	width: 100%;
	margin: 25px 0px;
}

.wpcf7 .mietvertrag .ort+.divider {
	margin-bottom: -25px;
}

.wpcf7 .mietvertrag .slim_divider {
	border: 0px;
	border-bottom: 1px solid #D5D5D5;
	width: 568px;
	margin: 35px 0px 25px;
}

.wpcf7 .mietvertrag .slim_divider.full {
	width: 100%;
}

.wpcf7 .mietvertrag .mietobjekt_infos .garage_infos,
.wpcf7 .mietvertrag .mietobjekt_infos .stellplatz_infos {
	margin-top: 25px;
}

.wpcf7 .mietvertrag .garage_infos .zahl,
.wpcf7 .mietvertrag .garage_infos .darstellung,
.wpcf7 .mietvertrag .garage_infos .nummer,
.wpcf7 .mietvertrag .stellplatz_infos .zahl,
.wpcf7 .mietvertrag .stellplatz_infos .darstellung,
.wpcf7 .mietvertrag .stellplatz_infos .nummer {
	display: inline-block;
	font-size: 14px;
}

.wpcf7 .mietvertrag .garage_infos .zahl,
.wpcf7 .mietvertrag .stellplatz_infos .zahl {
	width: 50px;
	vertical-align: top;
}

.wpcf7 .mietvertrag .garage_infos .darstellung,
.wpcf7 .mietvertrag .stellplatz_infos .darstellung {
	width: 125px;
	vertical-align: top;
	padding-top: 17px;
	font-size: 16px;
}

.wpcf7 .mietvertrag .garage_infos .nummer,
.wpcf7 .mietvertrag .stellplatz_infos .nummer {
	width: 70px;
	vertical-align: top;
}

.wpcf7 .mietvertrag .garage_infos .zahl input,
.wpcf7 .mietvertrag .garage_infos .nummer input,
.wpcf7 .mietvertrag .garage_infos .schluessel input,
.wpcf7 .mietvertrag .stellplatz_infos .zahl input,
.wpcf7 .mietvertrag .stellplatz_infos .nummer input {
	width: 20px;
	text-align: center;
}

.wpcf7 .mietvertrag .garage_infos .darstellung .wpcf7-list-item,
.wpcf7 .mietvertrag .stellplatz_infos .darstellung .wpcf7-list-item,
.wpcf7 .mietvertrag .gesamtmiete .wpcf7-list-item {
	margin: 0px;
}

.wpcf7 .mietvertrag .garage_infos .darstellung input[type="checkbox"],
.wpcf7 .mietvertrag .stellplatz_infos .darstellung input[type="checkbox"],
.wpcf7 .mietvertrag .gesamtmiete input[type="checkbox"] {
	width: 20px;
	margin: 0px;
}

.wpcf7 .mietvertrag .schluessel,
.wpcf7 .mietvertrag .ueberdacht {
	margin: 30px 0px;
}

.wpcf7 .mietvertrag .middle_spe {
	width: 150px;
	max-width: 150px;
}

.wpcf7 .mietvertrag .personenzahl_label {
	width: 100px;
}

.wpcf7 .mietvertrag .personenzahl,
.wpcf7 .mietvertrag .personenzahl input {
	width: 50px;
	margin-right: 87px;
}

.wpcf7 .mietvertrag .form_infoline {
	font-size: 11px;
	font-style: italic;
	display: block;
	height: 15px;
	margin: 4px 0px 0px;
}

.wpcf7 .mietvertrag .sigline select {
	width: 400px;
	background: #FCD542;
	border: 1px solid #000;
}

.wpcf7 .mietvertrag .mitmietervorname_label {
	width: 100px;
}

.wpcf7 .mietvertrag .wohnungs_infos td {
	width: 100px;
}

.wpcf7 .mietvertrag .wohnungs_infos input {
	width: 50px;
}

.wpcf7 .mietvertrag .mitbenspei {
	width: 397px;
}

.wpcf7 .mietvertrag .mitbengart select {
	width: 220px;
}

.wpcf7 .mietvertrag .mitbensonst .sonstiges_label {
	width: 200px;
}

.wpcf7 .mietvertrag .mitbensonst-detail input {
	width: 400px;
}

.wpcf7 .mietvertrag .schluessel input {
	width: 30px;
}

.wpcf7 .mietvertrag .ueberdacht select {
	width: 220px;
}

.wpcf7 .mietvertrag .mietposten td {
	max-width: 100px;
}

.wpcf7 .mietvertrag .mietposten .wpcf7-form-control-wrap {
	position: relative;
	width: 90px;
	margin-top: 0px;
}

.wpcf7 .mietvertrag .kaution .kautionsbetrag .wpcf7-form-control-wrap {
	position: relative;
	margin-top: 0px;
	width: 90px;
}

.wpcf7 .mietvertrag .kaution .kautionsworte .wpcf7-form-control-wrap {
	margin-top: 0px;
}

.wpcf7 .mietvertrag .mietposten .wpcf7-form-control-wrap::after {
	position: absolute;
	content: "€";
	top: 0;
	right: 0;
	margin: 9px 10px 0px 0px;
	font-weight: 400;
}

.wpcf7 .mietvertrag .kaution .kautionsbetrag .wpcf7-form-control-wrap::after {
	position: absolute;
	content: "€";
	top: 0;
	right: 0;
	margin: 9px 10px 0px 0px;
	font-weight: 400;
}

.wpcf7 .mietvertrag .mietposten input {
	width: 60px;
	text-align: right;
	padding-right: 20px;
}

.wpcf7 .mietvertrag .mietposten .gesamtmiete_label,
.wpcf7 .mietvertrag .mietposten .dynamictext-gesamtmiete input,
.wpcf7 .mietvertrag .mietposten .dynamictext-gesamtmiete::after {
	font-weight: 600;
}

.wpcf7 .mietvertrag .mietanpassung {
	margin: 0px auto;
}

.wpcf7 .mietvertrag .mietanpassung table {
	width: auto;
}

.wpcf7 .mietvertrag .mietanpassung .mietanp_label {
	width: 80px;
}

.wpcf7 .mietvertrag .mietanpassung select {
	width: 60px;
}

.wpcf7 .mietvertrag .sonstige_betriebskosten select {
	width: 60px;
}

.wpcf7 .mietvertrag .sonstige_betriebskosten input {
	width: 500px;
}

.wpcf7 .mietvertrag .umlagemassstab p {
	margin: 0px;
}

.wpcf7 .mietvertrag .heizverbr,
.wpcf7 .mietvertrag .heizwohnfl {
	position: relative;
	width: 63px;
}

.wpcf7 .mietvertrag .heizverbr::after,
.wpcf7 .mietvertrag .heizwohnfl::after {
	position: absolute;
	content: "%";
	top: 0;
	right: 0;
	margin: 9px 10px 0px 0px;
	font-weight: 400;
}

.wpcf7 .mietvertrag .heizverbr input,
.wpcf7 .mietvertrag .heizwohnfl input {
	width: 30px;
	padding-right: 20px;
	text-align: right;
}

.wpcf7 .mietvertrag .umlagefolkos1 input,
.wpcf7 .mietvertrag .umlagefolkos2 input {
	width: 95%;
}

.wpcf7 .mietvertrag .kautionsbetrag input {
	width: 60px;
	text-align: right;
	padding-right: 20px;
}

.wpcf7 .mietvertrag .ort_datum .wpcf7-form-control-wrap {
	margin-top: 0px;
}

.wpcf7 .mietvertrag .besichtigungsdatum input,
.wpcf7 .mietvertrag .vertragsdatum input {
	background: #FCD542;
	border: 1px solid #000;
}

.wpcf7 .mietvertrag .miete,
.wpcf7 .mietvertrag .gesamtmiete {
	position: relative;
	display: block;
	margin: 0px;
	width: 222px;
}

.wpcf7 .mietvertrag .miete {
	display: inline-block;
}

.wpcf7 .miete.garagenk {
	margin-left: 120px;
}

.wpcf7 .mietvertrag .gesamtmiete {
	margin-top: 25px;
}

.wpcf7 .mietvertrag .miete input,
.wpcf7 .mietvertrag .gesamtmiete input {
	text-align: right;
	padding-right: 20px;
	width: 190px;
}

.wpcf7 .mietvertrag .miete::after,
.wpcf7 .mietvertrag .gesamtmiete::after {
	content: "€";
	margin: 2px 10px 0px 0px;
	z-index: 2;
	position: absolute;
	top: 50%;
	right: 0;
	font-weight: 400;
}

.wpcf7 .mietvertrag .stellplatz_infos .miete::after {
	margin-top: 2px;
}

.wpcf7 .mietvertrag .gesamtmiete::after {
	margin-top: -28px;
}

.wpcf7 .mietvertrag .bestimmungen input {
	width: 550px;
	border: 0px;
	border-bottom: 1px solid #000;
}

.wpcf7 .mietvertrag .wpcf7-submit {
	width: 50%;
	margin: 50px auto 0px;
	display: block;
	background: #34485E;
	color: #FCD542;
	border: 1px solid #34485E;
	font-size: 24px;
	cursor: pointer;
	transition: all 0.25s ease-in-out;
}

.wpcf7 .mietvertrag .wpcf7-submit:hover {
	background: #FCD542;
	color: #34485E;
}

/* GARAGEN-MIETVERTRAG */

.wpcf7 .mietvertrag .text_garagenzahl,
.wpcf7 .mietvertrag .dynamictext-garagenschluessel,
.wpcf7 .mietvertrag .text_stellplatzzahl {
	display: inline-block;
}

.wpcf7 .mietvertrag .text_garagenzahl input,
.wpcf7 .mietvertrag .dynamictext-garagenschluessel input,
.wpcf7 .mietvertrag .text_stellplatzzahl input {
	width: 24px;
	margin-right: 5px;
	text-align: center;
}

.wpcf7 .mietvertrag .dynamictext-garagenschluessel input {
	margin-left: 5px;
}

.wpcf7 .mietvertrag .menu-ueberdacht select,
.wpcf7 .mietvertrag .menu-mwst select {
	width: 300px;
	background: #FCD542;
	border: 1px solid #34485E;
}

.wpcf7 .mietvertrag .wpcf7-form-control-wrap.menu-mwst::after {
	content: "";
}



/* MIETERSELBSTAUSKUNFT RESPONSIVE */

@media screen and (max-width: 400px) {
	.mieterselbstauskunft {
		width: 100%;
		margin: 50px auto;
	}

	.mieterselbstauskunft table {
		width: 100%;
		margin: 20px auto;
	}

	.mieterselbstauskunft table thead,
	.mieterselbstauskunft table tr td {
		width: 100%;
		display: block;
	}

	table.persoenliche_daten thead {
		display: none;
	}

	.mieterselbstauskunft table tr.spacer {
		display: none;
	}

	.mieterselbstauskunft table tr td {
		margin: 25px 0px 0px;
	}

	.mieterselbstauskunft table tr.subhead .second_col,
	.mieterselbstauskunft table tr.subhead .third_col {
		display: none;
	}

	.mieterselbstauskunft table tr td h4 {
		margin-bottom: -20px;
		text-align: center;
		font-size: 24px;
	}

	.mieterselbstauskunft table.fragebogen h3 {
		text-align: center;
		font-size: 24px;
		margin-bottom: -20px;
	}

	.mieterselbstauskunft .fragebogen tbody td {
		padding: 5px 0px 20px;
	}

	.mieterselbstauskunft table td .wpcf7-form-control-wrap {
		position: relative;
		display: block;
		margin-top: 5px;
	}

	.mieterselbstauskunft table td.first_col,
	.mieterselbstauskunft table.mitbewohner td {
		font-weight: 600;
	}

	.mieterselbstauskunft table td.second_col span::before {
		content: "Mieter";
		position: absolute;
		top: 0;
		left: 0;
		margin: -20px 0px 0px 0px;
	}

	.mieterselbstauskunft table td.third_col span::before {
		content: "Mitmieter";
		position: absolute;
		top: 0;
		left: 0;
		margin: -20px 0px 0px 0px;
	}

	.mieterselbstauskunft input,
	.mieterselbstauskunft select,
	.wohnungsgeberbestaetigung input,
	.wohnungsgeberbestaetigung select {
		width: 300px;
	}

	.mieterselbstauskunft table.fragebogen thead th {
		position: relative;
		width: 100%;
		text-align: center;
		display: block;
	}

	.mieterselbstauskunft table.fragebogen thead tr {
		width: 100%;
		display: block;
	}

	.mieterselbstauskunft table.fragebogen thead th.second_col,
	.mieterselbstauskunft table.fragebogen thead th.third_col {
		display: none;
	}

	.mieterselbstauskunft table.fragebogen td.second_col span::before,
	.mieterselbstauskunft table.fragebogen td.third_col span::before {
		;
		margin-top: -25px;
	}

	.mieterselbstauskunft table.fragebogen td .wpcf7-form-control-wrap:last-of-type::before,
	.mieterselbstauskunft table.dateien td .wpcf7-form-control-wrap::before,
	.mieterselbstauskunft table.mitbewohner td .wpcf7-form-control-wrap::before {
		display: none;
	}

	.mieterselbstauskunft .wpcf7-submit {
		width: 100%;
		font-size: 20px;
		padding: 15px 0px;
	}
}

/* FORMULAR VERSENDET */

.message_sent {
	max-width: 700px;
	text-align: center;
	margin: 200px auto 200px;
	color: #34485E;
}

.message_sent i {
	font-size: 4em;
}

.message_sent a {
	background: #FCD542;
	color: #34485E;
	padding: 10px;
	border-radius: 10px;
	border: 2px solid #34485E;
	margin: 20px 20px 0;
	display: inline-block;
	transition: all 0.25s ease-in-out;
}

.message_sent a:hover {
	background: #34485E;
	color: #FCD542;
}


/* PROFILE */

.profile {
	max-width: 600px;
	margin: 5vh auto;
}

.profile .left {
	width: 100%;
	max-width: 200px;
	margin-right: 50px;
	text-align: right;
	display: inline-block;
	vertical-align: top;
}

.profile .right {
	display: inline-block;
	width: 100%;
	max-width: calc(100% - 255px);
	vertical-align: top;
}

.profile .left h1 {
	font-size: 1.3rem;
	line-height: 1.3rem;
	margin: 5px 0px;
}

.profile .left .position {
	font-weight: 500;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 0.85rem;
	line-height: 0.85rem;
	color: #666;
}

.profile .right p:first-of-type {
	margin-top: 0px;
}

.wp-block-group.network {
	font-size: 18px;
	margin: 10vh auto;
}

.wp-block-group.network strong {
	border-top: 1px solid #000;
	padding: 5px 10px 0px 0px;
}

.wp-block-group.network p {
	margin: 0px 0px 10px 0px;
}

.wp-block-group.network p.whatsapp,
.wp-block-group.network p.telegram,
.wp-block-group.network p.signal,
.wp-block-group.network p.linkedin,
.wp-block-group.network p.xing,
.wp-block-group.network p.facebook,
.wp-block-group.network p.instagram,
.wp-block-group.network p.xtwitter,
.wp-block-group.network p.twitter,
.wp-block-group.network p.youtube,
.wp-block-group.network p.tiktok,
.wp-block-group.network p.twitch {
	position: relative;
	padding-left: 30px;
}

.wp-block-group.network p.whatsapp::before,
.wp-block-group.network p.telegram::before,
.wp-block-group.network p.signal::before,
.wp-block-group.network p.linkedin::before,
.wp-block-group.network p.xing::before,
.wp-block-group.network p.facebook::before,
.wp-block-group.network p.instagram::before,
.wp-block-group.network p.xtwitter::before,
.wp-block-group.network p.twitter::before,
.wp-block-group.network p.youtube::before,
.wp-block-group.network p.tiktok::before,
.wp-block-group.network p.twitch::before {
	position: absolute;
	font-family: "Font Awesome 5 Brands";
	top: 0;
	left: 0;
	font-weight: 400;
	font-size: 16px;
	margin: 2px 0px 0px;
}

.wp-block-group.network p.whatsapp::before {
	content: "\f232";
}

.wp-block-group.network p.telegram::before {
	content: "\f2c6";
}

.wp-block-group.network p.signal::before {
	content: "\e663";
}

.wp-block-group.network p.linkedin::before {
	content: "\f0e1";
}

.wp-block-group.network p.xing::before {
	content: "\f168";
}

.wp-block-group.network p.facebook::before {
	content: "\f39e";
}

.wp-block-group.network p.instagram::before {
	content: "\f16d";
}

.wp-block-group.network p.xtwitter::before {
	content: "\e61b";
}

.wp-block-group.network p.twitter::before {
	content: "\f099";
}

.wp-block-group.network p.youtube::before {
	content: "\f167";
}

.wp-block-group.network p.tiktok::before {
	content: "\e07b";
}

.wp-block-group.network p.twitch::before {
	content: "\f1e8";
}

.wp-block-group.network p a {
	font-weight: 300;
	font-size: 18px;
}

/* REFERENZEN */

.reference {
	position: relative;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.5;
	transition: all 0.25s ease-in-out;
	text-align: center;
}

.reference:hover {
	-webkit-filter: none;
	filter: none;
	opacity: 1;
}

.reference figcaption {
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin: 0px 0px -40px -58px;
	background: #FFF;
	padding: 5px 10px;
	border-radius: 5px;
	color: #000;
	opacity: 0;
	transition: all 0.25s ease-in-out;
	box-shadow: 0px 5px 7px 0px #00000060;
	border: 1px solid #999;
	width: 100px;
}

.reference figcaption::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	margin: -8px 0px 0px -4px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 8px 6px;
	border-color: transparent transparent #999 transparent;
}

.reference figcaption::after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	margin: -6px 0px 0px -3px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 7px 4px;
	border-color: transparent transparent #FFF transparent;
}

.reference:hover figcaption {
	opacity: 1;
	margin-bottom: -20px;
}


/* FOOTER */

#footer {
	position: relative;
	width: 100%;
	z-index: 1;
	border-top: 2px solid #34485E;
}

.colophone {
	width: min(90%, 1200px);
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 500;
	transition: all 0.5s ease-in-out;
	margin: 0 auto;
	display: block;
	padding: min(1rem, 3vh) 0;
}

.colophone p {
	display: inline-block;
	margin: 0px;
	font-size: .9rem;
}

.colophone .footer-widget {
	display: inline-block;
	float: right;
}

.colophone ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.colophone ul li {
	display: inline-block;
	margin: 0px 0px 0px 10px;
}

.colophone ul li a {
	color: #34485E;
	font-size: .825rem;
	line-height: 1rem;
	text-transform: uppercase;
}




/* REDESIGN */

body:is(.privat, .page-template-page-account.logged-in) .content, 
body:is(.privat, .page-template-page-account.logged-in) .colophone {
	margin-left: 100px;
	max-width: calc(100% - 130px);
	transition: all .25s ease-in-out;
}
body:is(.privat, .page-template-page-account.logged-in) .account_overview:hover + .content,
body:is(.privat, .page-template-page-account.logged-in) .account_overview.expand + .content {
	margin-left: 220px;
	max-width: calc(100% - 250px);
}

body:is(.privat, .page-template-page-account.logged-in):has(.section-sidebar) :is(.content, .colophone) {
	/*max-width: 1000px;
	margin-left: max(calc(50vw - 500px), calc(9rem + 175px));*/
	max-width: calc(100% - 290px);
	margin: 0 auto 0 275px;
}

body:is(.page-template-page-mieterselbstauskunft) .content {
	width: min(90%, 1200px);
	margin: 0 auto;
}

.wp-block-group {
	margin: 0 auto;
	padding: min(3rem, 6vh) 0;
	width: 100%;
}

div:is(.wp-block-group__inner-container, .wp-block-group-is-layout-grid)>.wp-block-group {
	padding: 0 !important;
}

.wp-block-group__inner-container.is-layout-constrained {
	width: min(90%, 1200px);
	margin: 0 auto;
}

.no-margin .wp-block-group__inner-container.is-layout-constrained {
	margin: 0;
}

.wp-container-core-cover-is-layout-1> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: 1200px;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: 80px;
}

/* MEGA MENU */

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-flyout ul.mega-sub-menu {
	width: auto !important;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
	padding: 0 1.5rem 0 .75rem !important;
	white-space: nowrap !important;
}

/* BUTTONS */

:where(.wp-block-buttons.is-layout-flex) {
	gap: 3rem;
}

:root :where(.wp-element-button, .wp-block-button__link) {
	background-color: transparent;
	border-width: 0;
	color: var(--wp--preset--color--accent-3);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--medium);
	font-style: normal;
	font-weight: 400;
	line-height: inherit;
	padding-top: 1rem;
	padding-right: 2.25rem;
	padding-bottom: 1rem;
	padding-left: 2.25rem;
	text-decoration: none;
}

:root :where(.wp-block-button .wp-block-button__link) {
	position: relative;
	border-radius: 0;
	padding: 0 0 0 2.5rem !important;
}

:root :where(.wp-block-button.is-style-outline--3 .wp-block-button__link) {
	border-width: 0 !important;
	padding-top: unset !important;
	padding-right: unset !important;
	padding-bottom: unset !important;
}

:root :where(.wp-element-button:hover, .wp-block-button__link:hover) {
	background-color: unset;
	border-color: unset;
	color: unset;
}

:root :where(.wp-block-button .wp-block-button__link)::after {
	content: "›";
	font-size: 2rem;
	line-height: .6;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -0.82rem;
	width: 1.5rem;
	height: 1.5rem;
	border: 1px solid currentColor;
	border-radius: 50%;
	transition: all .25s ease-in-out;
}

:root :where(.wp-block-button .wp-block-button__link):hover::after {
	left: .25rem;
}

/* COLUMNS */

:where(.wp-block-columns) {
	margin-bottom: 0 !important;
}

:where(.wp-block-columns.is-layout-flex) {
	gap: 3rem;
}

.wp-block-columns>.wp-block-column>.wp-block-group {
	padding: 0;
}

/* GRID */

body .is-layout-grid {
	gap: 3rem 5rem;
}

.logos-referenzen {
	align-items: center;
}

/* MEDIA TEXT BLOCK */

.wp-block-media-text.is-image-fill-element>.wp-block-media-text__media {
	min-height: clamp(40vh, 20vh + 1rem, 45vw);
}

.wp-block-media-text>.wp-block-media-text__content {
	padding: 0 5% 3vh;
}

.wp-block-media-text>.wp-block-media-text__media {
	position: relative;
}

.wp-block-media-text>.wp-block-media-text__media::after {
	content: "";
	/* background: rgb(0,212,255); */
	background: radial-gradient(circle, rgba(0, 212, 255, 0) 0%, var(--maincolor) 70%);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* CAROUSEL SLIDER */

.wp-block-cb-carousel .slick-slide {
	padding-left: 0;
	padding-right: 0;
}

.slick-prev,
.slick-next {
	z-index: 9;
}

.slick-prev {
	left: 2rem !important;
}

.slick-prev:before {
	content: "‹" !important;
}

.slick-next {
	right: 2rem !important;
}

.slick-next:before {
	content: "›" !important;
}

.slick-next::before,
.slick-prev::before {
	color: #FFF !important;
	font-size: 5rem !important;
	line-height: 0 !important;
}


/* SINGLE POSTS */

.post-navigation {
	width: 100%;
}

.post-navigation .nav-links {
	display: flex;
	gap: 3rem;
	justify-content: space-between;
	width: 100%;
}

.wp-block-avatar {
	border-radius: 50%;
	overflow: clip;
}

.wp-block-avatar img {
	object-fit: cover;
}

.wp-block-post-terms a {
	font-size: .9rem;
	font-weight: 300;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) {
	background-color: #0002;
}


.wp-block-column> :first-child {
	margin-top: 0;
	padding-top: 0;
}

.no-margin {
	margin: 0 !important;
}

.no-horizontal-margin {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.no-vertical-margin {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.no-padding {
	padding: 0 !important;
}

.no-horizontal-padding {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.no-vertical-padding {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}



/* RESPONSIVE */

@media screen and (max-width: 400px) {

	:where(.wp-block-columns.is-layout-flex),
	body .is-layout-grid {
		gap: 2rem;
	}

	.wp-block-group-is-layout-grid {
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}
}

@media screen and (min-width: 401px) and (max-width: 767px) {
	.home_slider .slick-arrow {
		display: none;
	}

	:where(.wp-block-columns.is-layout-flex),
	body .is-layout-grid {
		gap: 3rem;
	}

	.wp-block-group-is-layout-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media screen and (max-width: 800px) {
	header {
		height: 60px;
	}

	header.fixed {
		margin-top: 0px;
	}

	.branding.center {
		margin: 0px auto;
		width: 100px;
		padding-left: 52px;
	}

	.branding .lucassen {
		font-size: 22px;
		line-height: 18px;
		transform: translatey(3px);
	}

	.branding .consulting {
		font-size: 12px;
	}

	.branding .hausverwaltung {
		font-size: 13px;
	}

	.login {
		position: absolute;
		top: 0;
		left: 0;
		margin: 4px 0px 0px 10px;
	}

	.login a {
		height: 22px;
		transform: translatey(8px);
		width: 22px;
	}

	.login .fas {
		position: relative;
		z-index: 4;
		transform: translatex(-3px) translatey(-6px);
		font-size: 20px;
	}

	.page-template-page-account .immo_nav_wrapper.fixed {
		display: none;
	}

	.slick-next,
	.slick-prev {
		top: 20vh !important;
	}

	.page-template-page-home-mainpage .heroes {
		position: relative;
		width: 100vw;
		height: 100vh;
	}

	.page-template-page-home-mainpage .heroes .hero_left,
	.page-template-page-home-mainpage .heroes .hero_right {
		position: relative;
		width: 100vw;
		height: 50vh;
		display: block;
	}

	.page-template-page-home-mainpage .heroes .hero_left img,
	.page-template-page-home-mainpage .heroes .hero_right img {
		height: 100%;
		width: auto;
	}

	.page-template-page-home-mainpage .heroes .hero_left .hero_consulting,
	.page-template-page-home-mainpage .heroes .hero_right .hero_hausverwaltung {
		font-size: 4vh;
		padding: 3vh;
	}

	#main {
		width: 100%;
		margin: 60px auto 0px;
	}

	.wp-block-cover {
		min-height: 300px !important;
		background-size: contain;
		background-position: 5% 0% !important;
	}

	.home_slider .wp-block-cover {
		min-height: 70vh !important;
	}

	.wp-block-cover.centered {
		background-position: -50% 0% !important;
	}

	.colophone {
		width: 100%;
		margin: 0px auto;
	}

	.home article {
		display: block;
		margin: 0vh auto 5vh;
	}

	.home article:nth-of-type(1) {
		margin-left: auto;
	}

	.home article:nth-of-type(3) {
		margin-right: auto;
	}

	.home #main .content article .post_info p {
		padding: 0px;
	}

	.post_content {
		column-count: 1;
		column-gap: 0;
	}

	.profile .left,
	.profile .right {
		display: block;
		margin: 0px auto;
		max-width: 100%;
	}

	.profile .left {
		text-align: center;
		margin-bottom: 5vh;
	}

	#main .content .wp-block-group.home_slider .wp-block-cover p {
		padding: unset;
	}

	#main .content.boxed article>p.slogan {
		font-size: 32px !important;
	}

	.wp-block-group.network p {
		padding: 0px !important;
		font-size: 22px;
	}

	.wp-block-group.network p.linkedin,
	.wp-block-group.network p.xing,
	.wp-block-group.network p.facebook,
	.wp-block-group.network p.instagram,
	.wp-block-group.network p.x-twitter,
	.wp-block-group.network p.twitter {
		padding-left: 20px !important;
	}

	#main .content article>.wp-block-image {
		width: 100%;
		margin: 0px !important;
	}

	.floorplan,
	.floorplan.active {
		height: auto;
	}

	.floorplan img {
		position: relative;
	}

	.hero {
		position: relative;
	}

	.hero img {
		position: absolute;
		left: -25%;
	}

	.immo_nav_wrapper {
		overflow-x: scroll;
	}

	.immo_nav {
		display: block;
		width: calc(6*130px);
		margin: 0px;
	}

	.immo_nav .wp-block-column {
		flex-basis: auto !important;
		display: inline-block;
		width: 125px;
	}

	/*.account_overview {
		margin: 10vh 0vh;
		overflow-x: scroll;
		text-align: left;
	}
	.account_overview .account_buttons {
		width: 620px;
	}
	.account_overview .account_buttons.mieter {
		width: 780px;
	}
	.account_overview a:first-of-type, .account_overview a, .account_overview a:last-of-type {
		margin: 5px;
	}
	.account_overview a {
		padding: 10px;
	}*/
	.rundschreiben,
	.abrechnungen,
	.vertrag {
		display: block;
		width: 100%;
		margin: 0vh 0vh 5vh;
	}

	.rundschreiben h3,
	.abrechnungen h3,
	.vertrag h3 {
		padding: 0px 10px !important;
	}

	.letter_navbar {
		overflow-x: scroll;
		top: 64px;
	}

	.letter_navbar .letter_list {
		width: 730px;
	}

	.mieter_row.p2 .communication.second_person {
		height: auto;
	}

	.mieter_row .mieter_wrapper.active .prozess {
		overflow-x: auto;
		padding-bottom: 0px;
	}

	.mieter_row .container {
		width: 750px;
	}

	.mieter_row .mieter_wohnung {
		margin-top: 15px;
	}

	#footer {
		width: 90%;
		margin: 5vh auto 0vh;
		padding: 2vh 0vh;
	}

	.breadcrumbs {
		display: none;
	}

	.colophone .footer-widget {
		display: block;
		float: none;
	}

	.colophone ul {
		margin: 10px 0px 0px;
	}

	.colophone ul li {
		margin: 0px 20px 0px 0px;
	}
}

@media screen and (min-width: 368px) and (max-width: 1200px) and (orientation: landscape) {

	.page-template-page-home-mainpage .heroes .hero_left,
	.page-template-page-home-mainpage .heroes .hero_right {
		width: 50vw;
		height: 100vh;
		display: inline-block;
	}

	.page-template-page-home-mainpage .heroes .hero_right {
		float: right;
	}

	.page-template-page-home-mainpage .heroes .hero_left img,
	.page-template-page-home-mainpage .heroes .hero_right img {
		height: 100%;
		width: auto;
	}

	.page-template-page-home-mainpage .heroes .hero_left .hero_consulting,
	.page-template-page-home-mainpage .heroes .hero_right .hero_hausverwaltung {
		bottom: 20vh;
		font-size: 8vh;
	}
}

@media screen and (max-width: 1200px) {
	.nav-toggle {
		display: block;
		margin: 15px 20px 0px 0px;
		float: none;
		position: absolute;
		top: 0;
		right: 0;
	}

	.main-navigation {
		visibility: hidden;
		display: block;
		padding-top: 0px;
		background: #FFF;
		height: 0px;
		transition: all 0.25s ease-in-out;
		overflow: hidden;
		width: 90%;
		margin: 65px 0 0;
		padding: 0 5%;
		overflow-y: scroll;
		position: absolute;
		top: 0;
		left: 0;
	}

	.main-navigation.active {
		visibility: visible;
		height: calc(100vh - 65px);
	}

	.main-navigation>ul {
		margin: 0px 0px 70px;
	}

	.main-navigation ul li,
	.main-navigation ul li ul li,
	.main-navigation ul li ul li ul li {
		display: block;
		position: relative;
	}

	.main-navigation ul li::after,
	.main-navigation ul li ul::before {
		content: none;
	}

	.main-navigation ul li a {
		padding: 10px;
		margin: 12px 0;
	}

	.main-navigation ul li.menu-item-has-children>a {
		margin-bottom: 0px !important;
		padding-bottom: 0px;
	}

	.main-navigation ul li ul,
	.main-navigation ul li ul li ul {
		position: relative;
		visibility: visible;
		margin-top: 0px;
		box-shadow: none;
		opacity: 1;
		padding-left: 25px;
		left: 0;
	}

	.main-navigation ul li ul li:hover,
	.main-navigation ul li ul li.current-menu-item,
	.main-navigation ul li ul li.current-page-ancestor {
		background: #FFF;
	}

	.main-navigation ul li ul li:hover a,
	.main-navigation ul li ul li.current-menu-item a,
	.main-navigation ul li ul li.current-page-ancestor a {
		color: #34485E;
	}

	.main-navigation ul li ul li:hover ul {
		left: 0px;
	}

	.main-navigation ul>li>ul>li.menu-item-has-children>a::after {
		display: none;
	}

	.main-navigation ul li::before,
	.main-navigation ul li ul li::before,
	.main-navigation ul li ul li ul li::before {
		content: "" !important;
		border-top: 1px solid #34485E;
		width: 150px;
		position: absolute;
		z-index: 3;
		top: 0;
		left: 0;
		margin: 17px 0px 0px -155px;
		display: block;
	}

	.main-navigation ul li ul li::before,
	.main-navigation ul li ul li ul li::before {
		margin-top: 21px;
	}

	.main-navigation ul li ul li a {
		padding-left: 10px;
	}

	.main-navigation ul li ul li ul li a {
		padding-left: 0;
	}

	#mega-menu-wrap-top-menu #mega-menu-top-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-3-columns>ul.mega-sub-menu>li.mega-menu-item {
		float: unset;
		width: unset;
	}
}


@media screen and (min-width: 1025px) {
	#main.active {
		margin-left: calc(50% - 150px);
	}

	.colophone.active {
		margin-left: calc(50% - 150px);
	}
}

@media screen and (min-width: 1200px) {
	header .inside {
		width: 1200px;
	}
}


@media print {

	header,
	.wp-block-cover,
	.vorheriges_mietjahr,
	.vorheriges_mietjahr,
	.naechstes_mietjahr,
	.page-template-page-kontouebersicht .universal_zahlungshead,
	.page-template-page-kontouebersicht .konten,
	.page-template-page-kontouebersicht .suchfeld,
	.page-template-page-kontouebersicht .mietzahlungen .zahlung_row .zahlungstyp,
	.page-template-page-kontouebersicht .mietzahlungen .zahlung_row .zahlungsart,
	.page-template-page-kontouebersicht .mietzahlungen .zahlung_row .zahlungskonto,
	.page-template-page-kontouebersicht .mietzahlungen .zahlung_row .mieter_link,
	.page-template-page-kontouebersicht .mietzahlungen .zahlung_row .verwendungszweck .edit_zahlung,
	.page-template-page-kontouebersicht .mietzahlungen .zahlung_row .buchungsnr,
	.page-template-page-kontouebersicht .mietzahlungen .zahlung_row .beleg_download {
		display: none;
	}

	.page-template-page-kontouebersicht .mietzahlungen .zahlung_row .verwendungszweck,
	.page-template-page-kontouebersicht .universal_zahlungshead .verwendungszweck {
		width: 420px;
	}
}