@font-face {
	font-family: 'firaSans-book';
	src: url(../fonts/FiraSans-Book.otf) format('opentype');
}

@font-face {
	font-family: 'firaSans-medium';
	src: url(../fonts/FiraSans-Medium.otf) format('opentype');
}

@font-face {
	font-family: 'firaSans-bold';
	src: url(../fonts/FiraSans-Bold.otf) format('opentype');
}

.clickable {
	cursor: pointer;
}

#main .noHoverBorder:hover {
	text-decoration: none;
	border: none;
}

button[type="submit"],
input[type="text"],
input[type="search"],
input[type="password"],
input[type="submit"],
select {
	-webkit-appearance: none;
	outline: none;
	border-radius: unset;
}

body {
	max-width: 1920px;
}

body.nologin .greeting {
	min-height: 8.4rem;
}

body.nologin .headerTop p {
	border-right: none;
}

#top #main .livint_search,
.livint_search h3 {
	margin-bottom: 1.5rem;
	padding-bottom: 0;
}

.livint_search h3 {}

.livint_search h3:before {
	display: inline-block;
	content: "❯";
	margin-right: .3em;
	font-size: .9rem;
	width: 1rem;
	position: relative;
	float: left;
	top: .5rem;
}

.livint_search h3:after {
	clear: both;
	display: block;
	height: 1px;
	content: '';
	visibility: hidden;
}

#main .livint_search h3 a:hover {
	border: none;
	text-decoration: none;
}

#main .livint_search h3 a span {
	font-family: inherit;
	font-size: 20px;
}

#main .livint_search h3 a:hover span {
	border-bottom: 2px solid rgb(68, 68, 68);
}

.livint_search h3 a {
	font-family: 'FiraSans-Medium', sans-serif;
	font-weight: normal;
	padding-bottom: 0;
	margin-bottom: 0;
	float: left;
	width: calc(100% - 3rem);
}

.presselink {
	display: block;
	padding: 1em;
	width: 80%;
	margin: 4em auto;
	float: none;
	min-width: 300px;
	max-width: 485px;
}

body.tarifsammlung #main .presselink p {
	padding: 0;
	text-align: center;
}

body.tarifsammlung #main .presselink a {
	font-family: 'FiraSans-Medium', sans-serif;
}

body.tarifsammlung #main .presselink a:hover {
	border-bottom: 2px solid white;
}

#backToTop {
	display: none;
	position: fixed;
	right: 0;
	bottom: 30%;
	width: 2.5em;
	height: 2.5em;
}

#backToTop>img {
	width: auto;
}

.authorWithSpaces {
	letter-spacing: 5px;
}


.jsOnly {
	display: none;
}

.floatClear {
	clear: both;
}

.clickable {
	cursor: pointer;
}

* {
	font-family: 'firaSans-book';
	padding: 0;
	margin: 0;
}

body {
	font-size: 100.01%;
}

legend {
	font-size: 0.9375rem;
}

div.empty {
	font-size: 0.9375rem;
	color: #444;
}

strong em {
	font-family: inherit;
}

body .lastOfMobileGroup {
	padding-bottom: 2rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid black;
}

body:not(.tarifsammlung) #main ul,
body:not(.tarifsammlung) #main ol {
	margin-left: 1rem;
}

strong,
b {
	font-family: 'FiraSans-Bold';
	font-weight: normal;
}

hr.floatClear {
	margin: 2rem 0;
}


h1 {
	font-size: 2rem;
}

body.tarifsammlung #main h1 {
	font-size: 1.875rem;
	text-transform: uppercase;
	text-align: center;
}

body.tarifsammlung h2.hasSectionNumbering {
	font-size: 1.625rem;
	letter-spacing: 0.075rem;
	color: #fff;
	margin-top: 6rem;
}

body.tarifsammlung h3 {
	font-size: 1.5625rem;
	margin-top: 5rem;
}

body.tarifsammlung h4 {
	font-size: 1.25rem;
	margin-top: 4rem;
}

body.tarifsammlung h5 {
	font-size: 0.9375rem;
	margin-top: 2rem;
}


/* IPhone fix */
.greeting p,
.greeting p strong {
	font-size: 16px !important;
}

body:not(.greeting p).tarifsammlung p {
	font-size: 0.9375rem;
}

body.tarifsammlung #left li {
	font-size: 0.9375rem;
}


body.tarifsammlung h2.hasSectionNumbering,
h2 {
	font-size: 1.5rem;
}

h3 {
	font-size: 1.125rem;
}


@media all and (max-width: 939px) {
	h1 {
		font-size: 1.5rem;
	}

	h2 {
		font-size: 1.25rem;
	}

	h3 {
		font-size: 1.25rem;
	}
}

body.tarifsammlung h2.hasSectionNumbering {}

body.tarifsammlung #wrapper #main .hideOnMobile,
.hideOnMobile {
	display: none;
}

#suche p.url {
	display: none;
}

#suche .mod_search>div {
	margin-bottom: 3rem;
}

@media all and (max-width: 939px) {

	.mobileThLabel,
	#main .mobileThLabel {
		width: calc(30% - 1em);
		padding-right: 1em;
		display: inline-block;
		font-family: 'FiraSans-Bold', sans-serif;
		float: left;
	}

	.mobileThLabelContent {
		width: 70%;
		float: left;
	}

	.hasMobileThLabel:after {
		content: '';
		display: block;
		visibility: hidden;
		height: 0;
		clear: both;
	}
}

@media all and (min-width: 600px) and (max-width: 939px) {

	.mobileThLabel,
	#main .mobileThLabel {
		width: calc(20% - 1em);
	}

	.mobileThLabelContent {
		width: 80%;
	}
}

.hasMobileGroups img {
	margin-bottom: 1rem;
}

.hasMobileGroups>div {
	margin-bottom: 3em;
}

@media all and (min-width: 940px),
print {
	.hasMobileGroups>div {
		margin-bottom: 0em;
	}


	.hasMobileGroups img {
		margin-bottom: 0;
	}


	body .lastOfMobileGroup {
		border: none;
		padding: 0;
		margin: 0;
	}

	body.tarifsammlung #wrapper #main thead.hideOnMobile {
		display: table-header-group;
	}

	.hideOnMobile,
	body.tarifsammlung #wrapper #main .hideOnMobile {
		display: block;
	}

	.hideOnDesktop,
	body.tarifsammlung #wrapper #main .hideOnDesktop {
		display: none;
	}

	.hideHeadlinesOnDesktop h1,
	.hideHeadlinesOnDesktop h2,
	.hideHeadlinesOnDesktop h3,
	.hideHeadlinesOnDesktop h4,
	.hideHeadlinesOnDesktop h5 {
		display: none;
	}

	/*@TODO 1200 §2, 6*/
	.tarifsammlung #main thead tr td {
		display: inline-block;
		border-bottom: 1px solid rgb(68, 68, 68);
		margin-bottom: 2em;
	}
}

/*
@media print {
	body.tarifsammlung #wrapper #main .hideOnMobile,
	.hideOnMobile {
		display: none;
	}

	body.tarifsammlung #wrapper #main thead.hideOnMobile {
		display: table-header-group;
	}

	body.tarifsammlung td { 
	}
}
*/



h1,
h2,
h3,
h4,
h5,
h6,
p,
td,
li,
label,
span.captcha_text,
a {
	color: rgba(68, 68, 68, 1);
	line-height: 1.4em;
	margin-top: 0;
	padding: 0;
	margin-bottom: 1.5em;
	margin-top: 0.5em;
	font-weight: normal;
	font-family: 'firaSans-medium', sans-serif;
}

p,
a,
li {
	font-family: 'firaSans-book', sans-serif;
	line-height: 1.4em;
}

#main a {
	text-decoration: none;
}

#main a:hover {
	border-bottom: 2px solid rgba(68, 68, 68, 1.00);
}

h5,
h6 {
	font-family: 'firaSans-bold', sans-serif;
}

h2.content-headline,
.ce_livint_collapsible_h1 .ce_livint_collapsible_trigger h1,
.ce_livint_h1 h1 {
	background-color: rgb(68, 68, 68);
	color: white;
	padding: .5em 1em 2em .75em;
}

.ce_livint_collapsible_h1 .ce_livint_collapsible_trigger h1,
.ce_livint_h1 h1 {
	font-size: 1.5rem;
	padding-right: .5em;
}

.ce_livint_collapsible_trigger h2 {
	font-size: 1.125rem;
	padding-bottom: 0;
	margin-bottom: 0.5rem;
	color: white;
}

.ehrenamt .mod_article.first,
.innunggf .mod_article.first {
	margin-top: 1.75rem;
}

.ehrenamtChangeRole:after,
.ce_livint_collapsible_trigger h1:after,
.ce_livint_collapsible_trigger h2:after {
	display: block;
	content: '';
	clear: both;
	visibility: hidden;
	height: 1px;
}

.collapsible_sign_h1:after,
.collapsible_sign_h2:after {
	display: inline-block;
	float: right;
	transition: all .25s;
}

.ce_livint_collapsible_start[data-livint-collapsible-state='collapsed'] .collapsible_sign_h1:after {
	font-size: 2em;
	content: '+';
}

.ce_livint_collapsible_start[data-livint-collapsible-state='expanded'] .collapsible_sign_h1:after {
	font-size: 2em;
	content: '-';
}

.ce_livint_collapsible_h2[data-livint-collapsible-state='collapsed'] .collapsible_sign_h2:after {
	content: '▶';
	transform: rotate(90deg);
	color: white;
}

.ce_livint_collapsible_h2[data-livint-collapsible-state='expanded'] .collapsible_sign_h2:after {
	content: '▶';
	transform: rotate(-90deg);
	transform-origin: 20% 55%;
	color: white;
}

.livintTable~.ce_livint_collapsible_start .ce_livint_collapsible_trigger {
	margin-top: 1rem;
	margin-bottom: 2.25rem;
}

.ce_livint_collapsible_h2 .ce_livint_collapsible_trigger {
	background-color: #9C9C9C;
	color: white;
	padding: .5rem 1rem .5rem .75rem;
	margin-bottom: 1.5rem;
	margin-top: 1.5rem;
}

.ce_livint_collapsible_content .livintTable,
.ce_livint_h1+.livintTable,
.ce_livint_h1+.livintTable .livintTable {
	border: none;
	padding-bottom: 0;

}

.ehrenamtChangeRole {
	float: right;
	position: relative;
	top: -2.2em;
	right: -1em;
}

@media all and (max-width: 940px) {
	.ehrenamtChangeRole {
		right: 3em;
	}
}

.ehrenamtChangeRole a {
	display: inline-block;
	padding: .5em;
}

/*
body:not(.ehrenamt):not(.innungfg) .ehrenamtChangeRole a:last-child, 
body.ehrenamt .ehrenamtChangeRole a:first-child {
	background-color: rgb(68,68,68);
	color: white;
} */

body.ehrenamt .ehrenamtChangeRole a[href="ehrenamt.html"],
body.innunggf .ehrenamtChangeRole a[href="innung-gf.html"],
body:not(.innunggf):not(.ehrenamt) .ehrenamtChangeRole a[href="startseite.html"] {
	background-color: rgb(68, 68, 68);
	color: white;
}



h2.content-headline span.livint-count {
	font-family: 'FiraSans-Medium';
}

.mod_article.first {
	margin-top: 5rem;
}

.mod_article {
	margin-right: 0;
}

/*@media only all and (min-width: 940px) {
	.mod_article {
		margin-right: 3.25rem;
	}
}*/

body:not(.tarifsammlung) #left .tarifsammlungNav,
body:not(.tarifsammlung) #mobileMenuOverlay .tarifsammlungNav {
	display: none;
}

#mobileMenuMeta {
	border-top: 1px solid white;
	padding-top: .5em;
	margin-top: 1em;
	padding-left: 1.5rem;
}

#mobileMenuMeta p {
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
}

#mobileMenuMeta .formbody {
	background-color: white;
}

#top #mobileMenuMeta a {
	display: inline-block;
	font-family: 'FiraSans-bold', sans-serif;
	margin-bottom: .25em;
	margin-left: 0;
	border-bottom: 2px solid transparent;
	text-decoration: none;
	color: white;
}

#top #mobileMenuMeta a:hover {
	border-bottom: 2px solid white;
}

.mod_navigation li {
	list-style: none;
	font-family: "FiraSans-Medium";
}

.mod_navigation a,
header a {
	font-family: "FiraSans-Medium";
	text-decoration: none;
}

.mod_navigation ul.level_3 {
	display: none;
}

.mod_navigation ul.level_2 li.active:before {
	content: '❯';
	display: inline-block;
	float: left;
	padding: .3em .5em .5em .5em;
}

.mod_navigation ul.level_2 span.active {
	background: transparent;
	color: rgb(68, 68, 68);
}

.mod_navigation ul.level_2 li {
	border: none;
	margin-left: 1em;
}

#mobileMenuOverlay .mod_navigation ul.level_2 li:first-child,
body:not(.tarifsammlung) .mod_navigation ul.level_2 li:first-child {
	margin-top: 1em;
}

#mobileMenuOverlay .mod_navigation ul.level_2 li:last-child,
body:not(.tarifsammlung) .mod_navigation ul.level_2 li:last-child {
	margin-bottom: 1em;
}

.mod_navigation ul.level_2 li a:hover {
	background: transparent;
	color: rgb(68, 68, 68);
}

a:active,
a:focus {
	outline: none;
}

.mod_navigation span {
	font-family: "FiraSans-Medium";
}

.mod_navigation ul.level_2 {
	border-top: 2px solid rgb(68, 68, 68);
}

body:not(.tarifsammlung) .mod_navigation ul.level_2 {
	display: none;
}

.mod_navigation li.trail ul.level_2 {
	display: block;
}

.mod_navigation li {
	padding: 0;
	margin: 0;
	border-bottom: 2px solid rgb(68, 68, 68);
}

.mod_navigation li.first {
	border-top: 2px solid rgb(68, 68, 68);
}

.mod_navigation a,
.mod_navigation strong,
.mod_navigation span {
	display: block;
	padding: .3em 1.5em .25em;
	margin: 0;
	transition: all .25s;
	text-transform: uppercase;
}

.mod_navigation a,
.mod_navigation strong {
	padding-right: .5em;
}



.mod_navigation ul.level_2 a,
.mod_navigation ul.level_2 span {
	text-transform: none;
}


.mod_navigation a:hover,
.mod_navigation a.trail,
.mod_navigation strong.trail,
.mod_navigation span {
	background-color: rgb(68, 68, 68);
	color: white;
	font-family: 'FiraSans-Medium';
}

/*a:hover {
	text-decoration: underline;
}*/

.invisible {
	display: none !important;
}

#mobileMenuOverlay .mod_navigation li {
	background-color: rgb(68, 68, 68);
	color: white;
}

#mobileMenuOverlay .greeting {
	margin-bottom: 2em;
}

#mobileMenuOverlay .greeting p {
	padding-left: 1.5em;
}

#mobileMenuOverlayNav .mod_navigation ul.level_2 {
	margin-left: 1rem;
}

body.tarifsammlung #mobileMenuOverlayNav .mod_navigation li.active span.active {
	background-color: white;
	color: rgb(68, 68, 68);
}

#mobileMenuOverlayNav .mod_navigation ul.level_1 li a:hover:before {
	color: rgb(68, 68, 68);
}

#mobileMenuOverlayNav .mod_navigation ul.level_1 li a:before {
	color: white;
	padding-left: .5em;
}



#mobileMenuOverlayNav .mod_navigation ul.level_2 li.active,
#mobileMenuOverlayNav .mod_navigation ul.level_2 li.active span {
	background: transparent;
	color: white;
}

#mobileMenuOverlayNav .mod_navigation ul.level_2 a {
	background: transparent;
	color: white;
}

#mobileMenuOverlayNav .mod_navigation ul.level_2 a:hover {
	background-color: white;
	color: rgb(68, 68, 68);

}

/* header */
header .formbody {
	margin-left: 1em;
}

#mainLogo {
	width: 30%;
	max-width: 4em;
	float: left;
	margin-right: 1.5em;
	z-index: 99;
}

@media all and (min-width: 940px) {
	#mainLogo {
		max-width: 5em;
		margin-right: 2em;
	}
}



#mainHeader form,
#mainHeader .mod_login,
#suche form,
#mobileMenuOverlay form {
	display: inline-block;
}

#suche p.context .highlight {
	font-size: normal;
	font-family: 'firaSans-Bold', sans-serif;
}

#suche p.header {
	margin-top: 1rem;
	margin-bottom: 2rem;
}

.headerBottom {
	padding: 0 1em 0.625em 0;
	border-bottom: 8px solid rgb(68, 68, 68);
}

@media all and (min-width: 940px) {
	.headerBottom {
		height: 93px;
		overflow: hidden;
	}
}

.headerBottom:after {
	clear: both;
	display: block;
	visibility: hidden;
}

.headerBottom h1 {
	z-index: -1;
	text-transform: uppercase;
	position: relative;
	bottom: -1.95em;
	margin-top: 0;
	margin-right: 2rem;
	/* space for mobile menu icon */
}

@media all and (min-width: 940px) {
	.headerBottom h1 {
		text-transform: uppercase;
		position: relative;
		bottom: -1.75em;
	}
}

@media all and (max-width: 539px),
(min-width: 940px) and (max-width: 999px) {
	body.tarifsammlung .headerBottom {
		padding-bottom: 0;
	}

	body.tarifsammlung .headerBottom h1 {
		position: static;
		padding-top: 1.15em;
		margin-bottom: 0;
		float: left;
		max-width: 8em;
		line-height: 1em;
		margin-right: 0;
	}

	body.tarifsammlung .headerBottom:after {
		content: '';
		display: block;
		clear: both;
		visibility: hidden;
		height: 1px;
	}
}

@media all and (min-width: 940px) and (max-width: 999px) {
	body.tarifsammlung .headerBottom h1 {
		padding-top: .9em;
		line-height: 1.05em;
	}

	body.tarifsammlung .headerBottom {
		padding-bottom: 0.4em;
	}


}

.headerTop {
	text-align: right;
}

.headerTop p {
	display: inline-block;
	padding-right: 1em;
	margin-bottom: 0;
	border-right: 2px solid rgb(68, 68, 68);
}

.headerTop form#tl_logout {
	padding-left: .5em;
}

.headerTop .mod_search {
	display: inline-block;
}

header .formbody,
#suche .formbody,
#mobileMenuOverlay .formbody {
	border: 1px solid rgb(68, 68, 68);
	padding: .25em;
}

header input,
.mod_search .submit,
header button,
#suche input,
#mobileMenuOverlay input {
	border: none;
	background-color: white;
	font-size: inherit;
	-webkit-appearance: none;
}

.tarifsammlung .mod_search .formbody,
.ehrenamt .mod_search .formbody,
.innunggf .mod_search .formbody,
.livintern .mod_search .formbody,
.livintern header .mod_search .formbody {
	display: grid;
	grid-template-columns: 1fr auto;
	border: 1px solid black;
}

.mod_search .widget-submit {
	line-height: 0;
}

header input.submit,
header button.submit,
#suche input.submit,
.mod_search .submit,
#mobileMenuOverlay input.submit {
	background-image: url(../images/search.svg);
	width: 18px;
	height: 18px;
	background-size: cover;
}


aside#left {
	display: none;
}


#wrapper {
	padding: 1rem;
}

.headerTop {
	display: none;
}

.closeMenu:after {
	display: inline-block;
	float: right;
	content: '✕';
	font-size: 3.25rem;
	color: white;
	cursor: hand;
	z-index: 200;
	cursor: pointer;
}

.mobileMenuIcon {
	float: right;
	font-size: 3rem;
	margin-top: 1.4rem;
	z-index: 100;
	position: relative;
	bottom: -.275rem;
}

.mobileMenuIcon img {
	width: 2.5rem;
}


#mobileMenuOverlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 1rem;
	background-color: rgb(68, 68, 68);
	z-index: 200;
	display: none;
}

#mobileMenuOverlay .mod_navigation {
	width: 100%;
}

#mobileMenuOverlay a {
	color: white;
}

.tarifsammlung sup {
	position: absolute;
	/* fixes line height */
	margin-top: -0.25em;
}

.tarifsammlung #mobileMenuOverlay a {
	color: inherit;
}

#mobileMenuOverlay .mod_navigation a:hover,
#mobileMenuOverlay .mod_navigation .trail a,
.mobileMenuOverlay .mod_navigation span {
	color: rgb(68, 68, 68);
	background-color: white;

}

#mobileMenuOverlay .mod_navigation a:hover,
#mobileMenuOverlay .mod_navigation .trail a,
#mobileMenuOverlay .mod_navigation span {
	color: rgb(68, 68, 68);
	background-color: white;
}

#mobileMenuOverlay .mod_navigation ul.level_2 li {
	margin-left: 0;
}

@media all and (min-width: 1200px) {

	#header,
	#main {
		width: 75%;
	}

	#left {
		width: 17%;
	}
}

@media all and (min-width: 940px) {
	.mobileMenuIcon {
		display: none;
	}

	#header {
		float: left;
		width: 67%;
	}

	.headerTop {
		display: block;
	}


	#wrapper {
		margin: 0 auto;
		padding-top: 1rem;
	}

	aside#left {
		display: block;
		float: left;
		width: 25%;
		margin-right: 8%;
		max-width: 22.5rem;
	}

	#main {
		float: left;
		width: 67%;
		margin-bottom: 5rem;
		/* max-width: 63rem; */
	}

	.tarifsammlung aside#left {
		width: 25%;
		margin-right: 8%;
	}

	.tarifsammlung #header {
		width: 67%;
	}

	.tarifsammlung #main {
		width: 67%;
	}
}

/* footer */
footer {
	padding-top: 2rem;
}

footer nav>ul {
	float: right;
}

footer nav:after {
	content: '';
	display: block;
	visibility: hidden;
	height: 1px;
	clear: both;
}

footer li {
	display: inline-block;
	padding-left: .5rem;
}




/* login */
@media all and (max-width: 600px) {
	#login td {
		display: block;
		margin-bottom: 0;
	}

	#login td label {
		margin-bottom: 0;
	}

	#login tr.row_2 .col_0,
	#login tr.row_3 .col_0 {
		display: none;
	}

	body #login.mod_article table td input,
	body #login.mod_article input {
		width: auto;
		min-width: 165px;
	}
}

#login.mod_article table tr {
	height: 3em;
}

#login.mod_article table td.col_0.col_first {
	width: 12em;
}

#login.mod_article input,
#login.mod_article table td input {
	min-width: 4em;
	border: 1px solid rgb(68, 68, 68);
	background-color: white;
	color: rgb(68, 68, 68);
	font-size: inherit;
	padding: .25em .375em;
}

#login.mod_article input.submit,
#login.mod_article .submit,
#login.mod_article table td input.submit {
	min-width: 15em;
	background-color: rgb(68, 68, 68);
	border: 1px solid rgb(68, 68, 68);
	color: white;
	padding: .5em .375em;
}

#login>.mod_login {
	margin-top: 3em;
	max-width: 800px;
}

@media all and (min-width: 800px) {
	#login>.mod_login {
		width: 70%;
	}
}

#login.mod_article>.mod_login .widget {
	display: grid;
	grid-template-columns: 0.3fr 0.7fr;
	align-items: center;
	margin-bottom: 1em;
}

#login.mod_article>.mod_login .widget label {
	margin: 0;
}

#login.mod_article>.mod_login .widget>*:last-child {}

#login.mod_article>.mod_login .widget.widget-submit>button,
#login.mod_article>.mod_login .widget.widget-checkbox>fieldset {
	grid-column: 2 / span 1;
	justify-self: start;
}

#login.mod_article>.mod_login .widget.widget-checkbox>fieldset {
	border: none;
}

#login.mod_article .checkbox_container input[type="checkbox"],
#login.mod_article table td .checkbox_container input[type="checkbox"] {
	margin-right: .5em;
	min-width: 0;
}


/*.content-text_2col */
.block3Col1,
.block3Col2,
.block3Col3,
.block3ColN {
	border: none;
}

.tarifsammlung .block2Col1 {
	margin-top: 4em;
	margin-bottom: 2em;
}

.tarifsammlung .block2Col2 {
	margin-bottom: 4em;
}

@media all and (min-width: 940px) {

	.block3Col1,
	.block3Col2,
	.block3Col3,
	.block3ColN {
		width: 32%;
		float: left;
		margin-right: 1.33333%;
	}

	.tarifsammlung .block2Col1 {
		width: 45%;
		float: left;
		margin-left: 5%;
		margin-top: 2em;
		margin-bottom: 2em;
	}

	.tarifsammlung .block2Col2 {
		width: 45%;
		float: left;
		margin-right: 5%;
		margin-top: 2em;
		margin-bottom: 2em;
	}

	.tarifsammlung .block2Col1 p,
	.tarifsammlung .block2Col2 p {
		padding: 0;
	}

	.tarifsammlung .block2Col2:after {
		display: block;
		clear: both;
		visibility: hidden;
		height: 1px;
	}
}

.content-text_2col .left h3 {
	text-transform: uppercase;
}

.content-text_2col {
	padding-bottom: 2em;
	border-bottom: 1px solid rgb(68, 68, 68);
	margin-bottom: 2em;
}

.content-text_2col:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 1px;
}

@media all and (min-width: 940px) {
	.content-text_2col .right {
		float: right;
		width: 65%;
		margin-left: 5%;
	}

	.content-text_2col .left {
		float: left;
		width: 30%;
	}
}

#main ul li {
	margin-bottom: 0.75em;
}

/* logos, holzbaureport*/
#logos img,
#holzbau-report-2 img {
	width: 100%;
	height: auto;
	margin-bottom: 1.5em;
}

#holzbau-report-2 img {
	border: 1px solid rgb(68, 68, 68);
}

#logos p {
	font-family: 'FiraSans-Book';
	text-align: center;
}

#logos p a,
#holzbau-report-2 p a {
	font-family: 'FiraSans-Medium';
	text-decoration: none;
}

#holzbau-report-2 p a:before {
	content: '❯';
	float: left;
	padding-right: .25em;
}

@media all and (min-width: 940px) {

	#logos .block3Col1,
	#logos .block3Col2,
	#logos .block3Col3,
	#holzbau-report-2 .block3Col1,
	#holzbau-report-2 .block3Col2,
	#holzbau-report-2 .block3Col3 {
		width: 30%;
		float: left;
		margin-right: 5%;
		margin-bottom: 2em;
	}

	#logos .block3Col3,
	#holzbau-report-2 .block3Col3 {
		margin-right: 0;
	}
}


/* tarifsammlung */
#mobileMenuOverlay .mod_navigation .backLink p a {
	color: white;
}

#mobileMenuOverlay .mod_navigation .backLink p a:hover {
	color: rgb(68, 68, 68);
}

.tarifsammlung .mod_navigation .backLink p {
	padding: 0;
	margin: 1.275em 0;
}

.tarifsammlung #left .mod_navigation .backLink p a,
.tarifsammlung #left .mod_navigation .backLink p a {
	font-size: 1.125em;
	padding: .4em .5em .4em .5em;
}

.tarifsammlung #mobileMenuOverlay p,
.tarifsammlung #mobileMenuOverlay p a {
	font-size: 1em;
}


.mod_navigation.tarifsammlungNav .backLink p a:before,
.tarifsammlung .mod_navigation .backLink p a:before {
	content: '▸';
	display: inline-block;
	color: rgb(68, 68, 68);
	padding-left: .5em;
	transform: scaleX(-1) scale(1.25);
	position: relative;
	top: -.1em;
}

.tarifsammlung .mod_navigation .backLink p a:before {
	opacity: 1;
	transition: .25s all;
}

.tarifsammlung #mobileMenuOverlay .mod_navigation .backLink p a:before {
	opacity: 1;
	color: white;

}

.tarifsammlung #mobileMenuOverlay .mod_navigation .backLink p a:hover:before {
	color: rgb(68, 68, 68);
}

.tarifsammlung .mod_navigation .backLink p a:hover:before {
	opacity: 1;
}

.mod_navigation.tarifsammlungNav .backLink p a:before {
	color: rgb(68, 68, 68);
}


.mod_navigation.tarifsammlungNav .backLink p a:hover:before {
	color: rgb(68, 68, 68);
}

.tarifsammlung .mod_navigation .backLink p a:hover {
	background-color: transparent;
	color: rgb(68, 68, 68);
}

@media all and (max-width: 599px) {
	.tarifsammlung .mod_navigation .backLink {
		background-color: white;
	}

	.tarifsammlung .mod_navigation .backLink p a {
		padding-left: 1.5em;
	}
}

.tarifsammlung #left .mod_navigation a,
.tarifsammlung #left .mod_navigation ul.level_1 li.forward.trail span {
	padding: 0.3em .5em 1em 1.5em;
}

.tarifsammlung .mod_navigation ul.level_1 li.forward.trail:first-child {
	border-top: 2px solid rgb(68, 68, 68);
}

.tarifsammlung #left .mod_navigation ul.level_1 li a,
.tarifsammlung #left .mod_navigation ul.level_1 li span {
	font-size: 1.125em;
}

.tarifsammlung #left .mod_navigation ul.level_2 li a,
.tarifsammlung #left .mod_navigation ul.level_2 li span {
	font-size: 0.9375rem;
}

#mobileMenuOverlay ul.level_1 li.trail.forward.submenuOpened>span:before,
.tarifsammlung .mod_navigation ul.level_1 li.trail.forward.submenuOpened>span:before {
	content: "▾";
	display: inline-block;
	float: right;
	color: rgb(68, 68, 68);
	transform: scaleY(-1) scale(1.5);
	padding-left: .5em;
}

body:not(.tarifsammlung) .mod_navigation ul.level_1>li.submenu:not(.submenuOpened)>span:after,
#mobileMenuOverlay ul.level_1 li.trail.forward.submenuClosed>span:before,
.tarifsammlung .mod_navigation ul.level_1 li.trail.forward.submenuClosed>span:before {
	content: "▾";
	display: inline-block;
	float: right;
	color: rgb(68, 68, 68);
	transform: scale(1.5);
	padding-left: .5em;
}

body:not(.tarifsammlung) .mod_navigation ul.level_1>li.submenu>span {
	padding-right: .5em;
}

body:not(.tarifsammlung) .mod_navigation ul.level_1>li.submenuOpened.submenu>a:before,
body:not(.tarifsammlung) .mod_navigation ul.level_1>li.submenuOpened.submenu>span:before,
body:not(.tarifsammlung) .mod_navigation ul.level_1>li.submenuOpened.submenu>strong:before,
#mobileMenuOverlay ul.level_1>li.submenuOpened.submenu>a:before,
body.tarifsammlung .mod_navigation ul.level_1>li.submenuOpened.submenu>a:before {
	content: "▾";
	display: inline-block;
	float: right;
	color: rgb(68, 68, 68);
	transform: scaleY(-1) scale(1.5);
	position: relative;
	margin-top: -0rem;
	/* .25rem; */
}


.tarifsammlungNav ul.level_1>li.submenuClosed.submenu>a:before,
body:not(.tarifsammlung) ul.level_1>li.submenuClosed.submenu>a:before,
body.tarifsammlung .mod_navigation ul.level_1 li.submenuClosed.submenu>a:before {
	content: "▾";
	display: inline-block;
	float: right;
	color: rgb(68, 68, 68);
	transform: scale(1.5);
	margin-top: -0.1rem;
}


body:not(.tarifsammlung) .mod_navigation ul.level_1>li.submenu:not(.submenuOpened)>span:after,
body:not(.tarifsammlung) .mod_navigation ul.level_1>li.submenu:not(.submenuOpened)>strong:after {
	position: relative;
	left: -.11rem;
}

body:not(.tarifsammlung) .mod_navigation ul.level_1>li.submenu:not(.submenuOpened)>span:after,
body:not(.tarifsammlung) .mod_navigation ul.level_1>li.submenu:not(.submenuOpened)>strong:after,
body:not(.tarifsammlung) .mod_navigation ul.level_1 li.submenu.submenuOpened>a:hover::before,
body:not(.tarifsammlung) .mod_navigation ul.level_1 li.submenu.trail>a:hover::before,
.mod_navigation.tarifsammlungNav ul.level_1 li.submenu.submenuOpened a:hover::before,
.mod_navigation.tarifsammlungNav ul.level_1 li.submenu.trail a:hover::before,
.tarifsammlung .mod_navigation ul.level_1 li.submenu.submenuOpened a:hover::before,
.tarifsammlung .mod_navigation ul.level_1 li.submenu.trail a:hover::before {
	color: white;
}

body#top:not(.tarifsammlung) ul.level_2 li>a:before,
.mod_navigation.tarifsammlungNav ul.level_2 li.protected.sibling a:before,
.tarifsammlung .mod_navigation ul.level_2 li.protected.sibling a:before {
	display: none;
}

#mobileMenuOverlay ul.level_1 li.submenu>a:before,
.mod_navigation.tarifsammlungNav ul.level_1 a:before,
body:not(.tarifsammlung) ul.level_1 li.submenu a:before,
.tarifsammlung .mod_navigation ul.level_1 a:before {
	content: "▾";
	display: inline-block;
	float: right;
	color: rgb(68, 68, 68);
	transform: scale(1.5);
	margin-top: -.1rem;
}

.tarifsammlung #mobileMenuOverlay .backLink a {}

.tarifsammlung #mobileMenuOverlay .backLink,
.tarifsammlung #mobileMenuOverlay .backLink p {
	background: transparent;
	padding-left: 0;
	margin-left: 0;
}

#mobileMenuOverlay ul.level_1>li.submenuClosed.trail.submenu.submenuClosed>a::before,
#mobileMenuOverlay ul.level_1>li.submenuClosed.submenuOpened>a::before {
	color: rgb(68, 68, 68);

}

body:not(.tarifsammlung) .mod_navigation ul.level_1>li.submenuOpened.submenu>span:before,
body:not(.tarifsammlung) .mod_navigation ul.level_1>li.submenuOpened.submenu>strong:before,
#mobileMenuOverlay ul.level_1>li.submenuClosed.submenu>a::before,
#mobileMenuOverlay ul.level_1 li.submenu a:before {
	color: white;
}

#mobileMenuOverlay ul.level_1 li.submenu a:hover::before {
	color: rgb(68, 68, 68);
}

.mod_navigation.tarifsammlungNav ul.level_1 a:hover::before,
#top.tarifsammlung .mod_navigation ul.level_1 a:hover::before {
	/*	color: white; */
}

.mod_navigation.tarifsammlungNav ul.level_1 li.trail a,
.tarifsammlung .mod_navigation ul.level_1 li.trail a {
	background-color: white;
	color: rgb(68, 68, 68);
}

.tarifsammlung .mod_navigation ul.level_1 li.trail a:hover,
.mod_navigation.tarifsammlungNav ul.level_1 li.trail a:hover {
	background-color: rgb(68, 68, 68);
	color: white;
}

.mod_navigation.tarifsammlungNav ul.level_1,
.tarifsammlung .mod_navigation ul.level_1 {
	text-transform: uppercase;
}

.mod_navigation.tarifsammlungNav span,
.tarifsammlung .mod_navigation span {
	background-color: white;
	color: rgb(68, 68, 68);
	padding-bottom: 1em;
}

#mobileMenuOverlay .mod_navigation span {
	padding-bottom: .5em;
}

.mod_navigation.tarifsammlungNav ul.level_2 a:before,
.tarifsammlung .mod_navigation ul.level_2 a:before {
	display: none;
}

.mod_navigation.tarifsammlungNav ul.level_2 span.active,
.tarifsammlung .mod_navigation ul.level_2 span.active {
	background-color: rgb(68, 68, 68);
	color: white;
}

.mod_navigation.tarifsammlungNav ul.level_2 li,
.tarifsammlung .mod_navigation ul.level_2 li {
	margin-left: 0;
	border-bottom: 1px solid rgb(68, 68, 68);
}

.mod_navigation.tarifsammlungNav ul.level_2 li:last-child,
.tarifsammlung .mod_navigation ul.level_2 li:last-child {
	border-bottom: none;
}

.mod_navigation.tarifsammlungNav ul.level_2 strong,
.tarifsammlung .mod_navigation ul.level_2 strong {
	font-family: 'FiraSans-Medium';
	text-transform: none;
	font-weight: normal;
}

.mod_navigation.tarifsammlungNav ul.level_2 span.active,
.tarifsammlung .mod_navigation ul.level_2 span.active {
	text-transform: none;
}

.mod_navigation.tarifsammlungNav ul.level_2 .protected.hasSectionNumbering strong.content,
.tarifsammlung .mod_navigation ul.level_2 .protected.hasSectionNumbering strong.content {
	display: block;
	padding-left: 2.75em;
}

.mod_navigation.tarifsammlungNav ul.level_2 li.active:before,
.tarifsammlung .mod_navigation ul.level_2 li.active:before {
	display: none;
}

body#top #left ul li.submenu:not(.trail) a:before {
	color: rgb(68, 68, 68);
}

body#top #left ul li.submenu:not(.trail) a:hover:before,
body#top #left ul li.submenu.trail a:before {
	color: white;
}

body#top #mobileMenuOverlay ul li.submenu:not(.trail) a:not(:hover):before {
	color: white;
}

body.tarifsammlung #main ul {
	margin-left: 1.75rem;
}


body.tarifsammlung #main ul li {
	padding-left: 0.75rem;
}

body.tarifsammlung #main ul ul,
body.tarifsammlung #main ol ul,
body.tarifsammlung #main ul ol,
body.tarifsammlung #main ol ol {
	margin-left: 2rem;
}

body.tarifsammlung #main ul .content>ol,
body.tarifsammlung #main ol .content>ol,
body.tarifsammlung #main ul .content>ul,
body.tarifsammlung #main ol .content>ul {
	margin-left: 0;

}

body.tarifsammlung #main ul .content>ol>li,
body.tarifsammlung #main ol .content>ol>li,
body.tarifsammlung #main ul .content>ul>li,
body.tarifsammlung #main ol .content>ul>li {
	margin-left: 0;
}


.tarifsammlung-menu .top.right .selectBox {}

.tarifsammlung-menu {
	padding: .5em 1em;
	background-color: rgb(68, 68, 68);
}

.tarifsammlung-menu h4 {

	color: white;
}

@media all and (min-width: 940px) {

	.tarifsammlung-menu .top.left,
	.tarifsammlung-menu .bottom.left {
		width: 40%;
		float: left;
	}

	.tarifsammlung-menu .top.right,
	.tarifsammlung-menu .bottom.right {
		width: 50%;
		margin-left: 10%;
		float: left;
	}
}

/* download stuff */
#main h2.content-headline {
	margin-top: 4em;
	margin-bottom: 1.75em;
}

#main .mod_article.first h2.content-headline.first {
	margin-top: 0;
}

#main h2.content-headline:first-child {
	margin-top: inherit;
	margin-bottom: 1.75em;
}


.livint-filter-selectBox-dropdown-menu .hidden {
	display: none;
}

.livint-filter-selectBox-dropdown-menu {
	margin-left: -.25rem;
	margin-top: -2px;
}

@media all and (max-width: 600px) {
	h2.content-headline[data-livint-group] {
		margin-bottom: 0;
		padding-bottom: 0;
	}


	#top .livint-filter-selectBox-dropdown-menu a {
		text-align: left;
		padding: .25em 1em;
	}

	.livint-filter-selectBox-dropdown-menu {
		margin-left: -.95em;
		margin-top: -2px;
	}

	#main a.livint-filter {
		display: block !important;
		clear: both;
		float: none;
		margin-bottom: 0;
		padding-bottom: 0;
		border: none;
	}

	#main a.livint-filter:hover {
		border: none;
	}

	#top #main a.livint-filter span {

		width: auto !important;
	}

	#top #main a.livint-filter span.hidden {
		margin-right: 0;
		padding-right: 0;
		width: auto !important;
	}

	#main .selectBox-dropdown:before {
		display: none;
	}

	#main .selectBox-dropdown:after {
		content: "▾";
		color: rgb(255, 255, 255);
		display: inline-block;
		margin-left: 1em;
		position: relative;
		top: -.25rem;

	}



	#main .selectBox-dropdown.selectBox-menuShowing-bottom:after {
		content: "▾";
		color: rgb(255, 255, 255);
		display: inline-block;
		margin-left: 1em;
		position: relative;
		transform: scaleY(-1);
		top: 0;
	}



	#top #main a.livint-filter span {
		text-align: left;
		margin-bottom: 0;
		padding-bottom: 0;
		padding-left: 0;
	}
}

/* IPhone bs */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
	#main .selectBox-dropdown:after {
		top: 0
	}
}

@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio: 3),
only screen and (min-device-width : 414px) and (max-device-width : 736px) {

	#main .selectBox-dropdown:after {
		top: 0;
	}
}

#main .selectBox-dropdown {
	min-width: 150px;
	background-color: transparent;
	background: none;
	color: rgb(255, 255, 255);
	border: none;
	box-shadow: none;
	margin-top: 0;
	overflow: hidden;
}


body.tarifsammlung .selectBox-options li.hidden {
	display: none;
}


#main .selectBox-dropdown:before {
	content: "▾";
	float: right;
	color: rgb(255, 255, 255);
}

#main .selectBox-dropdown.selectBox-menuShowing:before {
	transform: scaleY(-1);
	position: relative;
	top: .15em;
}

#main .selectBox-dropdown span {
	font-family: "FiraSans-Medium";
	font-size: 0.9375rem;
	text-align: right;
}

#main .selectBox-dropdown .selectBox-label {
	padding: 8px 8px;
}

#main .selectBox-dropdown .selectBox-arrow {
	display: none;
}

ul.selectBox-dropdown-menu.selectBox-options.livint-filter-selectBox-dropdown-menu {
	min-width: 170px;
	text-align: right;
	padding-top: 15px;
	padding-bottom: 15px;
	border: 2px solid rgb(68, 68, 68);
	border-radius: 0;
}

ul.selectBox-dropdown-menu.selectBox-options li a {
	padding: 5px 30px 5px 5px;
	font-family: "FiraSans-Medium";
	font-size: 0.9375rem;
	color: rgb(68, 68, 68);
	text-transform: uppercase;
}

ul.selectBox-dropdown-menu.selectBox-options li a:hover {
	text-decoration: underline;
	background-color: white;
}

ul.selectBox-dropdown-menu.selectBox-options li a:active {
	background-color: white;
	text-decoration: underline;
}


body.tarifsammlung ul.selectBox-dropdown-menu.selectBox-options li a.abschnitt {
	font-family: 'firaSans-medium', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

#wrapper .ce_livint_dl .date,
#wrapper .ce_livint_link .date {
	font-family: 'Fira Mono', monospace;
}

.livintTable .new,
.livintTable .title,
.livintTable .date,
.livintTable .pages,
.livintTable .link,
.ce_livint_dl .new,
.ce_livint_dl .title,
.ce_livint_dl .date,
.ce_livint_dl .pages,
.ce_livint_dl .link,
.ce_livint_link .new,
.ce_livint_link .title,
.ce_livint_link .date,
.ce_livint_link .pages,
.ce_livint_link .link {
	float: left;
	width: 20%;
	min-height: 1px;
}

body .livintTable.table-3col .title,
body .livintTable.table-3col .date,
body .livintTable.table-3col .link,
body .livintTable.table-2col .title,
body .livintTable.table-2col .date,
body .livintTable.table-2col .link {
	font-family: 'FiraSans-Medium', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.livintTable {
	padding-bottom: 1.5em;
	border-bottom: 1px solid rgb(68, 68, 68);
}

.livintTable:after,
.ce_livint_dl:after,
.ce_livint_link:after {
	content: '';
	display: block;
	clear: both;
	height: 1px;
	visibility: hidden;
}

.ce_livint_dl {
	padding: 8px 0;
	border-bottom: 1px solid rgb(68, 68, 68);
}

.ce_livint_dl:first-child {
	border-top: 1px solid rgb(68, 68, 68);
}

/*.livintTable .new,
.ce_livint_dl .new,
.ce_livint_link .new {
	font-family: 'firaSans-book', sans-serif;
	width: 5%;
	line-height: 1.4em;
}

.ce_livint_dl .new.active:after, 
.ce_livint_link .new.active:after {
	font-family: 'firaSans-book', sans-serif;
	content: 'NEU';
	font-size: 12px;
	color: white;
	display: inline-block;
	padding: .02em .5em;
	background-color: rgb(68,68,68);
}

.livintTable .pages,
.ce_livint_dl .pages,
.ce_livint_link .pages {
	font-family: 'firaSans-book', sans-serif;
	width: 10%;
	line-height: 1.4em;
	text-align: center;
}*/

.livintTable.table-3col .title,
.ce_livint_dl:not(.table-2col) .title,
.ce_livint_link .title {
	font-family: 'firaSans-book', sans-serif;
	width: 78%;
	padding-right: 2%;
	line-height: 1.4em;
	color: rgb(68, 68, 68);
}

.livintTable.table-3col .date,
.ce_livint_dl:not(.table-2col) .date,
.ce_livint_link .date {
	font-family: 'firaSans-book', sans-serif;
	width: 13%;
	padding-right: 2%;
	line-height: 1.4em;
	color: rgb(68, 68, 68);
}

.livintTable.table-3col .link,
.ce_livint_dl:not(.table-2col) .link,
.ce_livint_link .link {
	font-family: 'firaSans-book', sans-serif;
	width: 5%;
	height: 0;
	line-height: 1.4em;
	text-align: right;
	color: rgb(68, 68, 68);
}

.livintTable.table-2col .title,
.ce_livint_dl .title,
.ce_livint_link .title {
	font-family: 'firaSans-book', sans-serif;
	width: 88%;
	padding-right: 2%;
	line-height: 1.4em;
	color: rgb(68, 68, 68);
}

.livintTable.table-2col .link,
.ce_livint_dl.table-2col .link,
.ce_livint_link .link {
	font-family: 'firaSans-book', sans-serif;
	width: 10%;
	height: 0;
	line-height: 1.4em;
	text-align: right;
	color: rgb(68, 68, 68);
}

.ce_livint_dl .title a {
	text-decoration: none;
}

.ce_livint_dl .link img {
	width: 24px;
	height: auto;
}

@media all and (max-width: 599px) {

	body .livintTable.table-3col .title,
	body .livintTable.table-3col .date,
	body .livintTable.table-3col .link,
	body .livintTable.table-2col .title,
	body .livintTable.table-2col .date,
	body .livintTable.table-2col .link {
		display: none;
	}

	.livintTable.table-3col .title,
	.ce_livint_dl:not(.table-2col) .title,
	.ce_livint_link .title {
		width: 100%;
		margin-bottom: 5px;
	}

	.livintTable.table-3col .date,
	.ce_livint_dl:not(.table-2col) .date,
	.ce_livint_link .date {
		width: 100%;
		margin-bottom: 8px;
	}

	.ce_livint_dl:not(.table-2col) .date:before {
		content: 'Stand: ';
		color: rgb(68, 68, 68);
	}

	.livintTable.table-3col .link,
	.ce_livint_dl:not(.table-2col) .link,
	.ce_livint_link .link {
		width: 100%;
		text-align: left;
		height: auto;
	}

	.livintTable.table-2col .title,
	.ce_livint_dl .title,
	.ce_livint_link .title {
		width: 100%;
		margin-bottom: 5px;
	}

	.livintTable.table-2col .link,
	.ce_livint_dl.table-2col .link,
	.ce_livint_link .link {
		width: 100%;
		text-align: left;
		height: auto;
	}
}


/*Holzbaureport*/
.ce_holzbaureport {
	width: 32%;
	float: left;
	margin-right: 1.33333%;
	margin-bottom: 50px;
}

.ce_holzbaureport img {
	width: 100%;
	border: 1px solid rgb(68, 68, 68);
}


h2 .livint-filter {
	float: right;
}


body.tarifsammlung .selectBox {
	width: 100% !important;
	box-sizing: border-box;
	border: 1px solid rgb(68, 68, 68);
	border-radius: 0;
	background-color: white;
}

/*body.tarifsammlung .selectBox-label {
	width: 100% !important;	
}*/

body.tarifsammlung h2.hasSectionNumbering {
	padding: 1rem 2.5rem;
	background-color: rgb(143, 143, 143);
	float: none;
	text-align: center;
}

ul.sectionNumberingContainer li:not(.hasSectionNumbering),
ol.sectionNumberingContainer li:not(.hasSectionNumbering) {
	list-style: none;
}

body.tarifsammlung h2.hasSectionNumbering span.sectionNumbering {
	display: inline-block;
	padding-right: 1em;

}

body.tarifsammlung #left .sectionNumbering {
	padding-left: 0;
	padding-right: 0;
}

body.tarifsammlung ol ol>li:first-child .content,
body.tarifsammlung ol ol>li:first-child .sectionNumbering {
	margin-top: 1.5em;
}

/* body.tarifsammlung #main .content-text.block ul li:last-child,
body.tarifsammlung #main .content-text.block ol li:last-child {
	margin-bottom: 0;

}

body.tarifsammlung #main .content-text.block ul,
body.tarifsammlung #main .content-text.block ol {
	margin-bottom: 3rem;
} */

body.tarifsammlung .mod_article .content-text.block li li p {
	padding-left: 0;
}

body.tarifsammlung li li.hasSectionNumbering {
	padding-left: 1em;
}

body.tarifsammlung li li .sectionNumbering {
	min-width: 2em;
}


body.tarifsammlung li .content li.hasSectionNumbering {
	padding-left: 0;
}



body.tarifsammlung p,
body.tarifsammlung h3,
body.tarifsammlung h4,
body.tarifsammlung h5,
body.tarifsammlung h6 {
	padding: 0rem 3rem;
}

body.tarifsammlung li p {
	padding-left: 0;
	padding-right: 0;
}

body.tarifsammlung p {
	padding-top: 0;
	padding-bottom: 0;
}

body .headerTop p {
	padding: 0 .75em 0 0;
}

body.tarifsammlung h2.content-headline .content {
	padding: 1rem 0;
	/* @TODO remove was 1rem 2.5rem */
	float: none;
	text-align: center;
	text-transform: uppercase;
}

body.tarifsammlung #main li p.hasSectionNumbering {
	padding-left: 0;
}

body.tarifsammlung h3.hasSectionNumbering,
body.tarifsammlung h4.hasSectionNumbering,
body.tarifsammlung h5.hasSectionNumbering,
body.tarifsammlung h6.hasSectionNumbering {
	padding-left: 0;
	clear: both;
}

body.tarifsammlung h2.content-headline .sectionNumbering {
	float: none;
}

body.tarifsammlung .sectionNumbering.sectionNumberingWide {
	min-width: 8.5rem;
	float: none;
}

body.tarifsammlung .content.contentNarrow {
	width: calc(100% - 8.5rem);
	float: none;
}


body.tarifsammlung .sectionNumbering,
#mobileMenuOverlayNav .sectionNumbering {
	display: inline-block;
	min-width: 3rem;
	float: left;
	background: transparent;
}


#mobileMenuOverlayNav .hasSectionNumbering a:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 1px;
}

#mobileMenuOverlayNav .hasSectionNumbering .content {
	width: calc(100% - 5rem);
	float: left;
	background: transparent;
	padding-left: 1rem;
}

body.tarifsammlung .hasSectionNumbering span.content {
	width: calc(100% - 3rem);
}

body.tarifsammlung .hasSectionNumbering span {
	font-family: inherit;
}

body.tarifsammlung .hasSectionNumbering:after {
	content: '';
	clear: both;
	visibility: hidden;
	height: 1px;
	display: block;
}

body.tarifsammlung span.content {
	float: left;
}

body.tarifsammlung #main li:not(.hasSectionNumbering) {
	margin-left: 3rem;
}


/* http://liv3.dev.htm-project.de/3384.html */
body.tarifsammlung #main .content-text>ol>li:not(.hasSectionNumbering),
body.tarifsammlung #main .content-text>ul>li:not(.hasSectionNumbering) {
	margin-left: 0;
}


body.tarifsammlung #main .content-text.block>table td {
	font-size: 15px !important;
}


body.tarifsammlung #main .content-text.block li>span>p {
	padding-left: 0;
}

body.tarifsammlung #main .content-text.block>ul {
	margin-left: 4.75rem;
}


body.tarifsammlung #main ul li {
	margin-bottom: 0.75em;
}

body.tarifsammlung #main ul li:last-child {
	margin-bottom: 1.5em;
}

tarifsammlung.tarifsammlungNav ul.level_2,
body.tarifsammlung ul.level_2 {
	display: none;
}

.tarifsammlungNav .trail ul.level_2,
body.tarifsammlung .trail ul.level_2,
.tarifsammlungNav .active ul.level_2,
body.tarifsammlung .active ul.level_2 {
	display: block;
}

tarifsammlung.tarifsammlungNav .mod_navigation li,
body.tarifsammlung .mod_navigation li {
	background: white;
	color: rgb(68, 68, 68);
}

.mod_navigation.tarifsammlungNav ul.level_1>li:first-child,
body.tarifsammlung .mod_navigation ul.level_1>li:first-child {
	border-top: 2px solid rgb(68, 68, 68);
}

body.tarifsammlung .mod_navigation li a:hover,
.tarifsammlungNav .mod_navigation li a:hover {
	background: rgb(68, 68, 68);
	color: white;
}

.tarifsammlung #main .selectBox-dropdown {
	min-width: 150px;
	background-color: white;
	background: none;
	border: 2px solid rgb(68, 68, 68);
	color: rgb(68, 68, 68);
	box-shadow: none;
	margin-top: 0;
	padding: .5em .5em .5em 1em;
	width: 100%;
	box-sizing: border-box;
}



.tarifsammlung #main .selectBox-menuShowing:before {
	transform: scaleY(-1);
}

.tarifsammlung #main .selectBox-dropdown:before {
	content: "▾";
	display: inline-block;
	float: right;
	color: rgb(68, 68, 68);
	transform: scale(1.5);
	padding: 0 .5em;
}

.tarifsammlung #main .selectBox.selectBox-dropdown.selectBox-menuShowing.selectBox-menuShowing-bottom:before {
	content: "▾";
	display: inline-block;
	float: right;
	color: rgb(68, 68, 68);
	transform: scaleY(-1) scale(1.5);
	padding: 0 .5em;
}

.tarifsammlung #main .selectBox-dropdown .selectBox-label {
	display: inline;
	padding-left: 0;
}

.tarifsammlung #main .selectBox-dropdown span {
	text-align: left;
}

.tarifsammlung ul.selectBox-dropdown-menu.selectBox-options.selectBox-options-bottom {
	border: 2px solid rgb(68, 68, 68);
	border-top: none;
	border-radius: 0;
	min-height: 40vh;
	box-shadow: none;
	padding-bottom: 1em;
	padding-top: .5em;
}

.tarifsammlung ul.selectBox-dropdown-menu.selectBox-options li {
	padding: .5em .5em .5em 1em;

}

.tarifsammlung ul.selectBox-dropdown-menu.selectBox-options li a {
	font-family: 'FiraSans-Medium', sans-serif;
	text-transform: none;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	max-width: 93%;
	white-space: normal;
}

.tarifsammlung ul.selectBox-dropdown-menu.selectBox-options li a:hover {
	font-family: 'FiraSans-Medium', sans-serif;
	border-bottom: 2px solid rgb(68, 68, 68);
}

.tarifsammlung ul.selectBox-dropdown-menu.selectBox-options li.notParagraphSection a {
	display: inline-block;
	padding: 0;
	margin: 0 .5em;
}

.tarifsammlung ul.selectBox-dropdown-menu.selectBox-options li.paragraphSection a {
	padding-top: 0;
	padding-bottom: 0;
}

.tarifsammlung ul.selectBox-dropdown-menu.selectBox-options li.paragraphSection a:hover {
	border-bottom: 2px solid transparent;
}

.tarifsammlung ul.selectBox-dropdown-menu.selectBox-options li.paragraphSection a .content span {
	border-bottom: 2px solid rgb(255, 255, 255, 0.1);
}

.tarifsammlung ul.selectBox-dropdown-menu.selectBox-options li.paragraphSection a:hover .content span {
	border-bottom: 2px solid rgb(68, 68, 68);
}

.tarifsammlung .selectBox-options li.selectBox-selected a {
	background-color: transparent;
}

.tarifsammlung .selectBox-options li a:hover {
	background-color: transparent;
	text-decoration: underline;
}

/* tarifsammlung table */




.tarifsammlung #main .content-text.block table>thead td {
	vertical-align: bottom;
}

.tarifsammlung #main div.content-text:not(.table-360) thead,
.tarifsammlung #main div.content-text:not(.table-360) table,
.tarifsammlung #main div.content-text:not(.table-360) thead,
.tarifsammlung #main div.content-text:not(.table-360) tbody,
.tarifsammlung #main div.content-text:not(.table-360) tr,
.tarifsammlung #main div.content-text:not(.table-360) td {
	display: block;
}

.tarifsammlung #main table {
	height: auto !important;
	width: 100%;
	margin-bottom: 1.5em;
	margin-left: 3rem;
	/* @FOO */
	box-sizing: border-box;
}


.tarifsammlung #main .content-text.block ol>ol {
	margin-left: 0;
}

@media all and (max-width: 939px) {
	.tarifsammlung #main .content-text.tableBorder1 table td {
		border: none !important;
	}
}

@media all and (min-width: 940px) {
	.tarifsammlung #main .content-text.borderAll table td {
		border: 1px solid rgb(68, 68, 68) !important;
		padding-left: .5em;
	}


	.tarifsammlung #main .content-text.tableBorder1 table {
		border: 2px solid rgb(68, 68, 68) !important;
	}

	.tarifsammlung #main .content-text.tableBorder1 table td {

		border-left: 1px solid rgb(68, 68, 68) !important;
		border-right: 1px solid rgb(68, 68, 68) !important;
	}
}

.tarifsammlung #main .content-text.borderAll table thead td {
	padding-top: .5em;
}

.tarifsammlung #main td {
	vertical-align: top;
	font-family: 'FiraSans-Book';
	font-size: inherit;
	margin-bottom: 0;
}

@media all and (max-width: 939px) {
	.tarifsammlung #main div.content-text:not(.table-360) td {
		margin-bottom: .5em;
		text-align: left !important;
	}

	.tarifsammlung #main .content-text:not(.table-360) tr {
		border-bottom: 1px solid rgb(68, 68, 68);
	}

	.tarifsammlung #main .content-text:not(.table-360) tr:first-child {
		border-top: 1px solid rgb(68, 68, 68);
	}
}

.tarifsammlung #main .table-360 table {
	max-width: 360px;
}

.tarifsammlung #main .table-360 td:last-child {
	width: 32%;
}


body.tarifsammlung #main .content-text.block li table {
	padding-left: 0;
	margin-left: 0;
}

body.tarifsammlung #main .content-text.block li li table {
	padding-left: 2em;
}

body.tarifsammlung #main .content-text.block table {
	border-collapse: collapse;
}

@media all and (min-width: 940px),
print {
	body.tarifsammlung #main .content-text.block table {
		display: table;
		max-width: 720px;
		width: 100%;
		padding: 0 0 0 3rem;
	}


	body.tarifsammlung #main .content-text.block thead {
		display: table-header-group;
	}

	body.tarifsammlung #main .content-text.block tbody {
		display: table-row-group;
	}

	body.tarifsammlung #main .content-text.block tr {
		display: table-row;
	}

	body.tarifsammlung #main .content-text.block td {
		display: table-cell;
		vertical-align: top;
		font-family: 'FiraSans-Book';
		font-size: inherit;
		padding-bottom: .75em;
		padding-top: .75em;
		padding-right: .5em;
		padding-left: 0;
		/* @FOO .5em */
		min-width: 5em;
	}

	body.tarifsammlung #main .content-text.block thead td {
		padding-bottom: .5em;
	}

	body.tarifsammlung #main .content-text.block tbody tr:first-child td {
		padding-top: .5em;
	}

	body.tarifsammlung #main .content-text.block>table {
		margin-left: 3rem;
	}
}

body.tarifsammlung #main .content-text.block table[width="360"],
body.tarifsammlung #main .content-text.block table[style*="width: 360"] {
	width: 90% !important;
	max-width: 360px;
}

body.tarifsammlung #main .content-text.block table[style*="width: 720"],
body.tarifsammlung #main .content-text.block table[width="720"] {
	width: 90% !important;
	max-width: 720px;

}

.greeting {
	width: 75%;
	margin-bottom: 5em;
}

body .greeting p {
	color: white;
	padding-left: 0;
	margin-bottom: 0;
}

@media all and (min-width: 940px) {
	.greeting {
		position: relative;
		width: 100%;
		min-height: 8.6rem;
		border-bottom: 8px solid rgb(68, 68, 68);
	}

	body .greeting p {
		color: rgb(68, 68, 68);
		margin-top: 0;
		margin-bottom: .5rem;
	}


	body .greetingContainer {
		position: absolute;
		bottom: 0;
		margin-bottom: .5em;
		text-align: left;
		padding-left: 0;
		font-size: 0.875rem;
		color: rgb(68, 68, 68);
		width: 100%;
	}

	body .greetingContainerInner {
		display: flex;
		flex-wrap: wrap;
		gap: 0 8px;
	}

	body .greetingContainerInner>p:first-child {
		flex-grow: 1;
		margin-top: 0;
		margin-bottom: .5em;
	}

	body .greetingContainerInner>.mhContainer>img {
		width: 100%;
		height: auto;
		max-width: 120px;
		min-width: 80px;
		margin-top: 0;
	}

	.tarifsammlung .greeting {
		margin-bottom: 0;
	}
}

@media all and (min-width: 1440px) {
	#wrapper {
		width: 1440px;
	}

	body .greetingContainerInner>.mhContainer>img {
		max-width: 150px;
	}
}

@media only print {
	.tarifsammlung #main {
		float: none;
		width: 90%;
		padding: 50px;
		padding-top: 0;
	}

	.tarifNavigation {
		display: none;
	}

	.mobileMenuIcon {
		display: none;
	}

	#backToTop {
		display: none;
	}

	footer {
		display: none;
	}

}

#mainHeader {
	position: relative;
}

#printButton a {
	color: white;
	margin-left: .25rem;
}

#printButton a:hover {
	border-bottom: 1px solid white;
}

#printButton {
	color: white;
	text-align: right;
	background-color: #444;
	position: absolute;
	right: 0;
	padding: .25rem .5rem;
	margin-top: -3.05rem;
}

#printButton {}

@media all and (max-width: 600px) {
	#mainHeader .ehrenamtChangeRole {
		right: auto;
	}

	#mainHeader .changeRole {
		margin-top: 6rem;
	}

	#mainHeader .headerBottom {
		margin-right: 0;
		padding-right: 0;
	}

}

#main::before {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 1px;
}

.ce_livint_dl:last-child {
	margin-bottom: 2.25rem;
}


.livintern .image_container img {
	width: auto;
	height: auto;
	max-width: 100%;
}

.ce_image img {
	width: auto;
	max-width: 100%;
	height: auto;
}

.content-text .image_container.float_left {
	float: left;
	margin-right: 1.25rem;
	margin-bottom: 1.25rem;
}

.content-text:after {
	content: '';
	display: block;
	clear: both;
	height: 1px;
	visibility: hidden;
}

.ce_livint_dl+.content-text,
.ce_livint_dl+.ce_image {
	margin-top: 2.5rem;
}

.dynamiccontentyoutube {
	margin-top: 2.5rem;
}

.dynamiccontentyoutube .aboveImage {
	display: none;
}

.dynamiccontentyoutubeContainer img.dynamiccontentYoutubePreviewImage {
	width: auto;
	height: auto;
	max-width: 99%;
}

.mod_article.first {
	margin-top: 1.75rem;
}

.tarifNavigation {
	margin-top: 5rem;
}

#vbzhintern-main .ce_livint_latest_dl h2 {
	margin-top: 5rem;
}

.mod_article.last p.back {
	display: none;
}

.content-text p a {
	font-weight: bold;
	text-decoration: none;
}


@media all and (max-width: 600px) {
	.content-text .image_container.float_left {
		float: none;
	}
}

#lockedMsg {
	margin: 2rem 0;
	border: 2px solid red;
	padding: .5em;
}

.ce_filter_holzbaureport .sort {
	float: right;
}

.ce_filter_holzbaureport .searchfield {
	display: inline-grid;
	grid-template-columns: 1fr auto;
	border: 1px solid rgb(68, 68, 68);
	padding: .25em;
	margin-left: 1em;
}

#container #main h2.content-headline#holzbaureportSuche {
	margin-top: 5rem;
	margin-bottom: 3.5rem;
}

#container #main h2.content-headline {
	margin-top: 3.5rem;
}

#top #main>.inside:first-child>.mod_article:first-child>h2.content-headline:first-child {
	margin-top: 5rem;
}

.ce_filter_holzbaureport strong {
	font-family: 'FiraSans-Medium';
	text-decoration: none;
	font-weight: bold;
	color: rgba(68, 68, 68, 1);
}

.ce_filter_holzbaureport form {
	margin-bottom: 3.5rem;
}

.ce_filter_holzbaureport input[type="text"] {
	-webkit-appearance: none;
	outline: none;
	border-radius: unset;
	border: none;
	background-color: white;
	font-size: inherit;
}

.ce_filter_holzbaureport input.submit {
	font-size: inherit;
	-webkit-appearance: none;
	outline: none;
	border-radius: unset;
	border: none;
	background: white;
	background-image: url("/files/themes/vbzhintern/images/search.svg");
	width: 22px;
	height: 22px;
	background-size: cover;
}

.ce_filter_holzbaureport .backLinkContainer {
	margin-top: 6rem;
}

.ce_filter_holzbaureport .holzbaureport-results {}

.arrowLink,
.ce_filter_holzbaureport .backLink {
	margin-top: 3.5rem;
	display: inline;
	font-weight: bold;
	font-family: 'FiraSans-Medium';
}

a.collapsibleControl,
a.collapsibleControl:visited,
a.collapsibleControl:link {
	font-weight: bold;
	font-family: 'FiraSans-Medium';
}

.arrowLink:before,
.ce_filter_holzbaureport .backLink:before {
	content: '❯';
	float: left;
	padding-right: .25em;
}

#main .ce_filter_holzbaureport .block3ColN {
	width: 100%;
	float: none;
	margin: 0;
	padding: 0;
}

#main .ce_filter_holzbaureport #holzbau-report-2:not(.holzbaureport-results) {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 1rem;
}

@media all and (max-width: 600px) {
	#main .ce_filter_holzbaureport #holzbau-report-2:not(.holzbaureport-results) {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 1rem;

	}
}

@media all and (max-width: 400px) {
	#main .ce_filter_holzbaureport #holzbau-report-2:not(.holzbaureport-results) {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 1rem;

	}
}

.backButtonInlineContainer {}

#intern-gf-startseite .content-text.first {
	margin-top: 5rem;
}

@media all and (min-width: 960px) {
	#top #main>.inside>*:first-child {
		margin-top: 5rem;
	}
}

@media print {

	body.tarifsammlung #main .content-text.block table[width="360"],
	body.tarifsammlung #main .content-text.block table[style*="width: 360"] {
		width: 100% !important;
		max-width: initial;
	}

	body.tarifsammlung h2 {

		page-break-after: avoid;
	}

	body.tarifsammlung .tarifGroup,
	body.tarifsammlung li {
		page-break-after: auto;
		page-break-inside: avoid;
	}

	body.tarifsammlung #main .content-text.block table[width="360"] tr,
	body.tarifsammlung #main .content-text.block table[style*="width: 360"] tr,
	body.tarifsammlung #main .content-text.block table[width="360"] thead,
	body.tarifsammlung #main .content-text.block table[style*="width: 360"] thead,
	body.tarifsammlung #main .content-text.block table[width="360"] tbody,
	body.tarifsammlung #main .content-text.block table[style*="width: 360"] tbody,
	body.tarifsammlung #main .content-text.block table[width="360"] td,
	body.tarifsammlung #main .content-text.block table[style*="width: 360"] td {}

	@page {
		size: A4;
		margin: 50px;
	}
}


.ce_livint_dl.highlighted {
	background: #e3e3e3;
}


.ce_livint_umfrage fieldset {
	margin-bottom: 3em;
	border: none;
}

.ce_livint_umfrage fieldset legend {
	color: rgba(68, 68, 68, 1);
	line-height: 1.4em;
	margin-top: 0;
	padding: 0;
	margin-bottom: 1.5em;
	margin-top: 0.5em;
	font-weight: normal;
	font-family: 'firaSans-medium', sans-serif;
	font-size: 1.25rem;
}

.ce_livint_umfrage .field_radio {
	display: grid;
	grid-template-columns: 1.5em 3em 1fr;
	align-items: center;
}

.ce_livint_umfrage fieldset legend span,
.ce_livint_umfrage .field_checkbox span,
.ce_livint_umfrage .field_radio span {
	display: inline-block;
	padding-left: 1em;
	min-width: 1.5em;
	font-family: 'firaSans-medium', sans-serif;
	font-weight: normal;
}

.ce_livint_umfrage .field_input {
	display: grid;
	grid-template-columns: 0.5fr 1fr;
	margin-bottom: 1em;
	align-items: baseline;
	color: rgb(68, 68, 68);
}

.ce_livint_umfrage p {
	margin: 0;
}

.ce_livint_umfrage .field_submit {
	text-align: right;
}

.ce_livint_umfrage .field_input label {
	margin: 0;
}

.ce_livint_umfrage input[type="submit"] {
	display: inline-block;
	margin-bottom: 0;
	text-align: left;
	vertical-align: middle;
	line-height: 1.4em;
	font-size: 1em;
	vertical-align: center;
	color: #fff;
	cursor: pointer;
	border: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: #444;
	background-image: none;
	padding: 4px 15px 4px 14px;
	vertical-align: middle;
}

.ce_livint_umfrage .field_input input {
	display: inline-block;
	padding: .1875em .375em;
	background: #fff;
	border: 1px solid #444;
	border: 1px solid #ccc;
	transition: all .15s linear;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: 0 0;
	-webkit-box-shadow: 0 0;
	box-shadow: 0 0;
	-moz-transition: 0;
	-webkit-transition: 0;
	-o-transition: 0;
	transition: 0;
	-moz-box-sizing: 0;
	-webkit-box-sizing: 0;
	box-sizing: border-box;
	width: 100%;
}


.ce_livint_umfrage fieldset>div {
	margin-left: 3.2em;
}

.ce_livint_umfrage #fieldset-1 .field_checkbox {
	margin-left: 4em;
}

.ce_livint_umfrage .field_checkbox,
#main .font-normal {
	font-family: 'firaSans-book', sans-serif;
	line-height: 1.4em;
	color: rgba(68, 68, 68, 1);
	font-size: 1rem;
	font-weight: normal;
}

.ce_livint_umfrage #fieldset-1 .field_group_exclusive legend {
	margin-left: 1.75em;
	margin-bottom: .25em;
}

.ce_livint_umfrage .field_group {
	max-width: 540px;
}

.ce_livint_umfrage .enumeration {
	display: grid;
	grid-template-columns: 2.5em 1fr;
}

.ce_livint_umfrage #livint_umfrage_energieeffizienz {
	margin-top: 4em;
}

.ce_livint_umfrage #fieldset-1 .field_group_exclusive legend span {
	padding-left: 2.25em;
}

.ce_livint_umfrage #fieldset-1 p {
	margin: .5em 0;
}

#fieldset-2 label {
	font-family: 'firaSans-book', sans-serif;
}

.ce_livint_umfrage .field-submit {
	max-width: 590px;
	text-align: right;
}

.ce_livint_umfrage .failed {
	color: #DD0000;
	grid-column: 1 / span 3;
	padding: .5em 0;
}

.livintern .headerTop .formbody,
#tl_logout_1539 .formbody {
	border: none;
	padding-left: 0;
	margin-left: 0.5rem;
}


#left .mod_navigation a,
#left .mod_navigation strong,
#left .mod_navigation span {
	text-transform: none;
}

#wrapper #main .content-text a {
	border-bottom: 2px solid rgba(68, 68, 68, 1.00);
}

/*
<512: 2.5em
<1024: 1em */

#co2calc {
	width: 252%;
	height: 252%;
	min-height: 200vh;
	border: none;
	-moz-transform: scale(0.4, 0.4);
	-webkit-transform: scale(0.4, 0.4);
	-o-transform: scale(0.4, 0.4);
	-ms-transform: scale(0.4, 0.4);
	transform: scale(0.4, 0.4);
	-moz-transform-origin: top left;
	-webkit-transform-origin: top left;
	-o-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	border: solid #ccc 1px;
}

@media all and (min-width: 542px) {
	#co2calc {
		width: 166%;
		height: 166%;
		min-height: 90vh;
		border: none;
		-moz-transform: scale(0.6, 0.6);
		-webkit-transform: scale(0.6, 0.6);
		-o-transform: scale(0.6, 0.6);
		-ms-transform: scale(0.6, 0.6);
		transform: scale(0.6, 0.6);
		-moz-transform-origin: top left;
		-webkit-transform-origin: top left;
		-o-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		border: solid #ccc 1px;
	}
}



@media all and (min-width: 936px) {
	#co2calc {
		width: 200%;
		height: 200%;
		min-width: 800px;
		min-height: 90vh;
		border: none;
		-moz-transform: scale(0.5, 0.5);
		-webkit-transform: scale(0.5, 0.5);
		-o-transform: scale(0.5, 0.5);
		-ms-transform: scale(0.5, 0.5);
		transform: scale(0.5, 0.5);
		-moz-transform-origin: top left;
		-webkit-transform-origin: top left;
		-o-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		border: solid #ccc 1px;
	}
}

@media all and (min-width: 1178px) {
	#co2calc {
		width: 133%;
		height: 133%;
		min-width: 800px;
		min-height: 90vh;
		border: none;
		-moz-transform: scale(0.75, 0.75);
		-webkit-transform: scale(0.75, 0.75);
		-o-transform: scale(0.75, 0.75);
		-ms-transform: scale(0.75, 0.75);
		transform: scale(0.75, 0.75);
		-moz-transform-origin: top left;
		-webkit-transform-origin: top left;
		-o-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		border: solid #ccc 1px;
	}
}

#co2banner {
	text-align: center;
	border: 6px solid #ccc;
	padding: 2em;

	max-width: 640px;
	margin: 0 auto;
}

#co2calc[data-src] {
	display: none;
}

#co2iframe {
	height: 100vh;
	min-height: 1400px;
}

#co2banner a {
	border-bottom: 2px solid rgba(68, 68, 68, 1);
}

#co2banner a:hover {
	border-bottom: none;
}

#co2banner img {
	padding: 0 2em;
	width: 80%;
	max-width: 100px;
	margin-bottom: 2em;
}

#wrapper .blueMenuItem {
	color: #0047AB;
}



#wrapper .greenMenuItem {
	color: #6a9601;
}

#wrapper .blueMenuItem:hover,
#wrapper .greenMenuItem:hover {
	color: white;
}


#wrapper .active.blueMenuItem:hover {
	color: #0047AB;
}

#wrapper .active.greenMenuItem:hover {
	color: #6a9601;
}

#mobileMenuMeta .mod_login .formbody {
	background: transparent;
	margin-left: 0;
}

@media all and (max-width: 940px) {
	#printButton {
		margin-top: 0;
	}

}

@media all and (min-width: 940px) {
	#mobileTarifsammlungMenu {
		display: none;
	}
}

#main #mobileTarifsammlungMenu ul {
	margin-left: 0;
	padding-left: 0;
}

#main #mobileTarifsammlungMenu li {
	border: none;
	margin-left: 0;
	padding-left: 0;
}

#mobileTarifsammlungMenu li a:hover {
	border: none;
}

#mobileTarifsammlungMenu li a:before {
	display: none;
}

#mobileTarifsammlungMenu {
	margin-top: 100px;
}

#mobileTarifsammlungMenu li:hover {
	border: none;
}

.ce_player video {
	max-width: 300px;
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
}

#main a.noBorder {
	border: none;
}














#register_or_not .attendees  {
margin-top: 2rem;
}

#register_veranstaltung form {
	margin-top: 2.4rem;
}


#register_veranstaltung .innungfg_betrieb_profil {
	max-width: 26em;
}

#register_veranstaltung .innungfg_betrieb_profil td:nth-child(1) {
vertical-align: baseline;
	min-width: 10em;
}

#register_or_not {
	margin: 1.25rem 0;
}

#register_or_not #register_as_nonmember,
#register_or_not>.select {
	display: none;
}


#main #register_or_not .attendees .info {
	margin-bottom: 2em;
}

#register_or_not div {
	font-size: 1.1rem;
}

#register_or_not .select {
	float: right;
}

#register_or_not a:not(.active) div {
	color: #ffffff;
}

#register_or_not a.active div {
	background-color: #e6e6e6;

}

a[data-login-mode="mitglied"] {
	margin-right: 2.4rem;

}

#register_as_nonmember:not(.active),
#register_as_member:not(.active) {
	display: none;
}

#main #veranstaltung-registrierung input.failed,
input.failed {
	border: 1px solid red;
}
.weiterbildung-registrierung label,
#veranstaltung-registrierung label {
	float: left;
	padding: 0;
	margin: 0;
	line-height: 1.3125rem;
	padding-bottom: .2em;
	font-size: .9375em;
}

.weiterbildung-registrierung .widget-checkbox label,
#veranstaltung-registrierung.widget-checkbox label {
	width: 90%;
	margin: 0;
	padding: 0;
	margin-left: 1em;
}
.weiterbildung-registrierung .checkbox,
#veranstaltung-registrierung .checkbox {
	float: left;
}

.weiterbildung-registrierung .checkbox_container>span ,
#veranstaltung-registrierung .checkbox_container>span {
	display: block;
	clear: both;
}
.weiterbildung-veranstaltung .widget legend,
#veranstaltung-registrierung .widget legend {
	width: 100%;
	color: rgba(68, 68, 68, 1);
	font-family: 'firaSans-bold';
	font-size: 0.9375rem;
	margin: 0;
	margin-top: 1.25rem;
	font-weight: normal;
	margin-bottom: 0.625rem;
}

#register-veranstaltung input {
	font-family: inherit;
	font-size: 99%;
	font-weight: inherit;
}


.radio_container span,
.radio_container label {
	width: auto;

}

.radio_container label {
	margin-right: 1.25rem;
	color: rgba(68, 68, 68, 1);
}

.radio_container input[type=radio] {
	float: left;
	margin-top: 0.5rem;
	margin-right: 1.25rem;
}



.failedInputMessage {
	float: right;
	padding: .25rem;
	font-family: 'firaSans-bold';
}

input[type="file"],
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input:not([type]),
textarea {
	width: 100%;
	display: inline-block;
	padding: 0.1875em 0.375em;
	background: #fff;
	/*! border:1px solid #444; */
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: 0;
	-webkit-box-shadow: 0;
	box-shadow: 0;
	-moz-transition: 0;
	-webkit-transition: 0;
	-o-transition: 0;
	transition: 0;
	-moz-box-sizing: 0;
	-webkit-box-sizing: 0;
	box-sizing: border-box;
	float: right;
}

input[type="submit"],
.button {
	margin-bottom: 0;
	text-align: left;
	vertical-align: middle;
	line-height: 1.4em;
	font-size: 1em;
	vertical-align: center;
	color: #fff;
	cursor: pointer;
	border: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: #444;
	background-image: none;
}


input[type="search"] {
	padding-right: 0 !important;
	margin-right: 0 !important;
}


.block .livcrm_veranstaltungssuche_list td:not(.ics) img {
	width: 1rem;
	margin: 0;
	visibility: hidden;
}

.block .livcrm_veranstaltungssuche_list td.ics a:hover {
	border: none;
}

.block .livcrm_veranstaltungssuche_list td.ics img {
	width: 24px;
	margin: 0;
}

.block .livcrm_veranstaltungssuche_list a {
	display: inline;
	max-width: 60%;
	margin: 0;
}

.block .livcrm_veranstaltungssuche_list td:after {
	content: '';
	display: block;
	clear: both;
	height: 1px;
	visibility: hidden;
}

.block .livcrm_veranstaltungssuche_list td span {
	display: block;
	position: absolute;
	margin-left: -.75em;
	margin-top: .1rem;
	margin-left: -0.9em;
	margin-top: 0;
}

@media all and (min-width: 781px) {

.block .livcrm_veranstaltungssuche_list tbody tr td {
	border-top: 1px solid #444;
}
}

.block .livcrm_veranstaltungssuche_list tbody td {
	padding: .1rem 0;
}

.block .livcrm_veranstaltungssuche_list thead td {
	font-size: 1.25rem;
}


.block .livcrm_veranstaltungssuche_list td {
	display: block;
}

.block .livcrm_veranstaltungssuche_list tbody td:nth-child(1):before {
	content: "Termin:";
	display: inline-block;
	width: 20%;
}

.block .livcrm_veranstaltungssuche_list tbody td:nth-child(2):before {
	content: "Ort:";
	display: inline-block;
	width: 20%;
}

.block .livcrm_veranstaltungssuche_list tbody td:nth-child(3):before {
	content: "Titel:";
	display: inline-block;
	width: 20%;
	float: left;
	min-width: 100px;
}

.block .livcrm_veranstaltungssuche_list tbody td:nth-child(4):before {
	content: "Sachgebiet:";
	display: inline-block;
	width: 20%;
}

.block .livcrm_veranstaltungssuche_list tbody td:nth-child(5):before {
	content: "Status:";
	display: inline-block;
	width: 20%;
}

.block .livcrm_veranstaltungssuche_list tbody td:before {
	float: left;
	min-width: 60px;
}

@media all and (max-width: 780px) {
	.block .livcrm_veranstaltungssuche_list tbody td p {
		float: left;
		width: 70%;
	}
}



#termbar {
	width: 100%;
	box-sizing: border-box;
	background-color: #444;
	padding: 0 1.5rem;
	color: white;
	margin-bottom: 2rem;
}

#termbar>div {
	padding: .75rem 0;
	color: white;
	display: inline-block;
}

#termbar>span {
	font-family: 'firaSans-bold';
}

#termbar>div:not([data-term=timespan]) {
	cursor: pointer;
	cursor: hand;
}



#termbar>div:after {
	content: '|';
	display: inline-block;
	padding: 0 .25rem;
}

#termbar>div:first-child {}

#termbar>div:last-child:after {
	display: none;
}

#termbar>div>span:first-child {
	padding: 0;
}

#termbar>div>span {
	font-family: 'firaSans-bold';
}

.zeitraum_von span,
.zeitraum_bis span {
	font-family: 'firaSans-bold';
}

.zeitraum .selectBox.selectBox-dropdown {
	width: 100% !important;
	max-width: 100%;
	position: relative;

}

#termbar img.remove {
	width: 12px;
	height: auto;
	padding-right: .25rem;
	padding-left: .25rem;
	position: relative;
	top: .05rem;
}

.veranstaltungenCount {
	height: 1rem;
	padding: .75rem 0;
	display: inline-block;
}

.livcrm_veranstaltungssuche_show .collapsibleHeadlineToggle {
	padding-top: 0;
	margin-top: .75rem;
	margin-bottom: 0;
	padding-bottom: 0;
}


.livcrm_veranstaltungssuche_show .zeitraum {
	padding: 0 2rem;
	padding-bottom: .25rem;
}

.block.livcrm_veranstaltungssuche_show {
	padding-left: 0;
	padding-right: 0;

}

.collapsibleHeadlineToggle p {
	text-align: right;
	font-family: 'firaSans-bold';
	margin-bottom: 0;
	padding-bottom: 0;
	margin-right: 2rem;
	padding-top: 0.75rem;
	padding-bottom: 0.25rem;
}

.filter {
	padding: 0 2rem;
}

.livcrm_veranstaltungssuche_show input[type="submit"] {
	margin-right: 0;
	margin-top: 0;
	margin-bottom: .75rem;
	line-height: 2em;
	position: relative;
	margin-top: 0rem;
	width: auto;
	background: transparent;
	color: white;
}

.zeitraum h3 {
	display: inline-block;
	width: 100%;
	max-width: 100%;
}

.livcrm_veranstaltungssuche_show input[type="submit"]:before {
	content: '❯';
	display: inline-block;
}


.zeitraum_von>span,
.zeitraum_bis>span {
	padding-bottom: .75rem;
}

@media all and (min-width: 36rem) {
	.livcrm_veranstaltungssuche_show input[type="submit"] {
		position: relative;
		margin-top: 0.75rem;
		margin-bottom: 1rem;
	}

	.zeitraum a.selectBox.selectBox-dropdown {
		max-width: 75% !important;
		float: right;
		margin-top: -.15rem;
	}

	.zeitraum_von span,
	.zeitraum_bis span {
		width: 20%;
		text-align: left;
		display: inline-block;
		padding-bottom: 0;
	}

}

@media all and (min-width: 70rem) {

	.block.livcrm_veranstaltungssuche_show {
		margin-top: .5rem;
		padding-top: .75rem;
	}

	.zeitraum a.selectBox.selectBox-dropdown {
		width: 80% !important;
		max-width: 80%;
		float: none;
	}

	div.zeitraum_von,
	div.zeitraum_bis {
		width: 30%;
	}

	.zeitraum_von>span,
	.zeitraum_bis>span {
		text-align: center;
	}

	.livcrm_veranstaltungssuche_show input[type="submit"] {
		position: relative;
		margin-top: 1rem;
		margin-bottom: 1rem;
	}

	.zeitraum h3 {
		float: left;
		display: block;
		width: auto;
	}
}

form.newVariant {
	margin-bottom: 0
}

.newVariant .livcrm_veranstaltungssuche_show {
	margin-bottom: 2px;
	padding: 0;
}

.newVariant .livcrm_veranstaltungssuche_show .collapsibleHeadlineContainer {
	border-top: none;
	margin: 0;
}

.newVariant .livcrm_veranstaltungssuche_show .collapsibleHeadlineToggle>div {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 50px;
}

.newVariant .livcrm_veranstaltungssuche_show .collapsibleHeadlineToggle>div>img:last-child {
	align-self: center;
	justify-self: end;
	display: block;
	width: 24px;
	height: auto;
	padding: 1.5rem;
	top: .2em;
}

.newVariant .livcrm_veranstaltungssuche_show .collapsibleHeadlineToggle h3 {
	padding: 1.5rem;
	min-height: initial;
	margin: 0;
}

.newVariant .livcrm_veranstaltungssuche_results th {
	background-color: #c7c7c7;
}

.newVariant .livcrm_veranstaltungssuche_results tr.noBorder+tr td,
.newVariant .livcrm_veranstaltungssuche_results tr.noBorder td{
	border: none;
}

.newVariant .livcrm_veranstaltungssuche_results th h2 {
	margin: 0;
	padding: .75rem 1.5rem;
text-align: left;
	font-size: 1.3rem;
}

.newVariant .livcrm_veranstaltungssuche_results {
border-collapse: collapse;
  border-spacing: 0;
}

.livcrm_veranstaltungssuche_show .collapsibleHeadlineContainer img {
	display: none;
}

.livcrm_veranstaltungssuche_show .filter .checkboxGroup:after {
	content: '.';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	margin: 0;
	padding: 0;
	line-height: 0;
}


.livcrm_veranstaltungssuche_show .zeitraum,
.block .livcrm_veranstaltungssuche_show {
	width: auto;
	background-color: #444444;
	padding: .5rem;
}



.block .livcrm_veranstaltungssuche_show label {
	color: white;
	margin-bottom: 1rem;
	float: none;
	margin-left: .5rem;
	max-width: 80%;
	display: inline-block;
}

.livcrm_veranstaltungssuche_show h3 {
	width: 100%;
	clear: both;
	color: white;
	margin: 0;
	margin: 1.5rem auto;
	font-family: firaSans-medium;
	font-size: 1.25rem;
}

.livcrm_veranstaltungssuche_show h3.hl {
	text-transform: uppercase;
}

div.zeitraum_von,
div.zeitraum_bis {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	margin-bottom: 1.5rem;
}


.livcrm_veranstaltungssuche_show .zeitraum>div {
	color: white;
}


.livcrm_veranstaltungssuche_show input {
	color: #444;
	background-color: #c7c7c7;
	margin: 0;
	float: right;
	margin: .5rem 1% 0 0;
}

.livcrm_veranstaltungssuche_show input[type="checkbox"] {
	float: left;
	margin-top: .1em;
}

.zeitraum .selectBox.selectBox-dropdown {
	margin: 0;
	max-width: 90%;
}

.zeitraum_von span:first-child,
.zeitraum_bis span:first-child {
	display: inline-block;
	min-width: 10%
}


.livcrm_veranstaltungssuche_show .collapsibleHeadlineContainer {
	border-top: solid 1px white;
	margin: 0;
	position: relative;
	margin-top: 1.25rem;
}

.livcrm_veranstaltungssuche_show .collapsibleHeadlineContainer p {
	color: white;
}

/*.innungen-fachgruppen-betriebe aside#right > .inside > div {
	margin-top: 5.25rem;
}
 */
.livcrm_veranstaltungssuche_results td a {
	line-height: 1.5rem;
}

.livcrm_veranstaltungssuche_results thead {
	display: none;
}


#weiterbildung-veranstaltung table td {
	display: block;
	margin-top: 0;
}

#weiterbildung-veranstaltung table td:nth-child(2n-1) {
	font-family: 'firaSans-bold';
	padding-right: .5rem;
	margin-bottom: 0;
}


#veranstaltung-registrierung .button,
#weiterbildung-veranstaltung .button {
	color: white;
}

#veranstaltung-registrierung #memoDialog a:hover {
	border: none;
}

#veranstaltung-registrierung .button:hover,
#weiterbildung-veranstaltung .button:hover {
	color: #AAA;
}

.status_buchbar,
.status_fast_ausgebucht,
.status_fast-ausgebucht {
	color: green;
}

.status_geplant {
	color: orange;
}

.status_storniert,
.status_ausgebucht {
	color: red;
}

.veranstaltung-registrierung #main .attendee input {
	margin-bottom: 1.25rem;
	border: 1px solid #444;
	padding: 0.48em;
}

.veranstaltung-registrierung #main input {
	border: 1px solid #444;
	padding: 0.48em;
}



.veranstaltung-registrierung #main .attendee .selectBox {
	width: 99.6% !important;
	margin-top: 0 !important;
	margin-bottom: 1.25rem !important;
	height: 29px;
	float: right !important;
	border: 1px solid #444;
	border-radius: 0;
}
@media (min-width: 42em) {
	.veranstaltung-registrierung .selectBox-dropdown,
	.veranstaltung-registrierung input[type="text"],
	.veranstaltung-registrierung input[type="file"],
	.veranstaltung-registrierung input[type="password"],
	.veranstaltung-registrierung input[type="date"],
	.veranstaltung-registrierung input[type="datetime"],
	.veranstaltung-registrierung input[type="email"],
	.veranstaltung-registrierung input[type="number"],
	.veranstaltung-registrierung input[type="search"],
	.veranstaltung-registrierung input[type="tel"],
	.veranstaltung-registrierung input[type="time"],
	.veranstaltung-registrierung input[type="url"],
	.veranstaltung-registrierung input:not([type]),
	.veranstaltung-registrierung textarea {
		width: 50%;
		float: right;
	}

	.veranstaltung-registrierung #main .attendee .selectBox {
		width: 50% !important;
	}
}


.veranstaltung-registrierung .inputPhone input {
	width: 30%;
	float: left;
	font-size: 90%;
}

.veranstaltung-registrierung .inputPhone {
	float: right;
	width: 50%;
}


.veranstaltung-registrierung .inputPhone input:nth-child(1) {
	width: 28%;
	margin-right: 2%;
}

.veranstaltung-registrierung .inputPhone input:nth-child(2) {
	width: 38%;
	margin-right: 2%;
}

.veranstaltung-registrierung .inputPhone input:nth-child(3) {
	width: 30%;
	margin-right: 0;
}


.veranstaltung-registrierung .inputBirthdate {
	float: right;
	width: auto;
}

.veranstaltung-registrierung .inputBirthdate input {
	float: left;
	margin-top: 0;
}

@media all and (max-width: 780px) {
	.veranstaltung-registrierung .inputPhone {
		float: none;
		width: 100%;
	}


	.veranstaltung-registrierung label[for*="phone-1"],
	.veranstaltung-registrierung label[for*="birthdate_d"] {
		float: none;
		padding-bottom: .625em;
	}

	.veranstaltung-registrierung .attendee h3 {
		padding-bottom: .625em;
	}
}



#veranstaltung-registrierung .button:not(.plusButton):before,
#weiterbildung-veranstaltung .button:not(.plusButton):before {
	content: "❯";
	margin-right: 0.3rem;
	display: inline-block;
}

.plusButton {
	font-size: 1.2rem;
	padding: 0 .4rem;
	background-color: #444;
	color: white;
	line-height: 1rem;
	cursor: pointer;
}

#weiterbildung-veranstaltung span.text,
#veranstaltung-registrierung span.text {
	display: inline-block;
	color: rgba(68, 68, 68, 1);
	padding: 0 .25rem;
	cursor: pointer;
}

.addAttendee {
	margin: 1.625rem 0;
}

#weiterbildung-veranstaltung textarea[name=message],
#veranstaltung-registrierung textarea[name=message] {
	width: 100%;
	min-height: 6rem;
	margin: 0.625rem 0;
}

#weiterbildung-veranstaltung .selectBox,
#veranstaltung-registrierung .selectBox {
	float: right !important;
	margin: 0.325rem 0 !important;
	padding: 0 !important;
	width: 3rem !important;
	min-width: 3rem !important;

}

table.room_reservation input[type=text] {
	width: 100% !important;
	float: left !important;
	margin: 0.325rem 0 !important;
}

table.room_reservation {
	width: 100%;
	max-width: 28rem;
}

table.room_reservation input[type="text"][name=room_reservation_to] {}


#main .jfilestyle input {
	float: none;
}

#main .file-failed .jfilestyle input[type="text"] {
	border-color: red;
}

#main .jfilestyle input[type="text"] {
	float: left;
	border: none;
	background: transparent;
	box-shadow: none;
}

#register_veranstaltung .jfilestyle,
#veranstaltung-registrierung .jfilestyle {
	float: right;
	margin: 0.725rem 0 0.625rem 0.25rem;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	width: 50%;
}

#register_veranstaltung .widget>label[for$="-sachkundenachweis"],
#veranstaltung-registrierung .widget>label[for$="-sachkundenachweis"] {
	margin-top: 1em;
}

#register_veranstaltung .jfilestyle label,
#veranstaltung-registrierung .jfilestyle label {
	padding: 0.25rem .5rem;
	line-height: 1.4rem;
	font-size: 1rem;
	border: 1px solid #444;
	background-color: #444;
}

#register_veranstaltung .jfilestyle label span,
#veranstaltung-registrierung .jfilestyle label span {
	color: white;
}

#register-veranstaltung .jfilestyle~p.info,
#veranstaltung-registrierung .jfilestyle~p.info {
	max-width: 100%;
	float: right;
}

.attendee-birthdate-d,
.attendee-birthdate-m,
.attendee-birthdate-y {
	max-width: 4em;
	margin: 0.625rem 0 0.625rem 0.25rem;
}

.attendee-birthdate-y {
	max-width: 6em;
	float: right;
}

#weiterbildung-veranstaltung input,
#veranstaltung-registrierung input,
#weiterbildung-veranstaltung textarea,
#veranstaltung-registrierung textarea,
#weiterbildung-veranstaltung .selectBox,
#veranstaltung-registrierung .selectBox {

	border: 1px solid #444;
}

#weiterbildung-veranstaltung .failed,
#veranstaltung-registrierung .failed {
	border: 1px solid red;
}



table.room_reservation td:nth-child(1),
table.room_reservation td:nth-child(2),
table.room_reservation td:nth-child(3),
table.room_reservation td:nth-child(4) {
	max-width: 4rem;
	width: 50%;
	padding: 0 1.25rem 0 0;
	vertical-align: middle;

}

table.room_reservation td:nth-child(3) {
	max-width: 2rem;
	text-align: center;
}

table.room_reservation td:nth-child(4) {
/*	width: 0;
	max-width: 0;
	min-width: 0; */
}

table.room_reservation td:nth-child(2),
table.room_reservation td:nth-child(4) {
	min-width: 8em;
}

.room_reservation .selectBox-dropdown {
	min-width: initial;
}

#main .room_reservation .selectBox-dropdown:hover {
	border-bottom-width: 1px;
}

#main .room_reservation .selectBox-dropdown .selectBox-label {
	min-width: initial;
	position: relative;
	top: .25em;
	padding-bottom: .1em;
}
#main .room_reservation .selectBox-dropdown:before {
	position: relative;
	top: .25em;

}

.pleaseCheckAGB {
	margin-left: 2.5rem;
	color: red;
}

@media all and (min-width: 42em) {

	#weiterbildung-veranstaltung table td ul li {
		margin-top: 0;
		padding-top: 0;
	}

	#weiterbildung-veranstaltung table td {
		display: table-cell;
		padding: 0em 0 1.25rem 0;
	}

	#weiterbildung-veranstaltung table td:nth-child(2n-1) {
		font-family: 'firaSans-bold';
		width: 34%;
	}

	.livcrm_veranstaltungssuche_results thead {
		display: table-header-group;
	}

	.block .livcrm_veranstaltungssuche_list thead td {
		padding-bottom: 1rem;
	}

	.block .livcrm_veranstaltungssuche_list tbody td {
		display: table-cell;
		width: 19%;
		padding: 1rem 0;
		padding-right: 1rem;
		vertical-align: baseline;
	}

	.block .livcrm_veranstaltungssuche_list tbody td.ics {
		width: 5%;
	}

	.block .livcrm_veranstaltungssuche_list td img {
		visibility: initial;
	}


	.block .livcrm_veranstaltungssuche_list a {
		max-width: 95%;
		font-family: 'firaSans-bold';
	}

	.block .livcrm_veranstaltungssuche_list tbody td:nth-child(3) {
		width: auto;
	}

	.block .livcrm_veranstaltungssuche_list tbody td:nth-child(1):before,
	.block .livcrm_veranstaltungssuche_list tbody td:nth-child(2):before,
	.block .livcrm_veranstaltungssuche_list tbody td:nth-child(3):before,
	.block .livcrm_veranstaltungssuche_list tbody td:nth-child(4):before,
	.block .livcrm_veranstaltungssuche_list tbody td:nth-child(5):before {
		content: "";
		display: table-cell;
		width: auto;
	}

	.block .livcrm_veranstaltungssuche_list thead td {
		display: table-cell;
		width: auto;
	}

	.block .livcrm_veranstaltungssuche_list td {
		padding-right: 1rem;
	}


	div.zeitraum_von,
	div.zeitraum_bis {
		width: 32%;
	}

	.livcrm_veranstaltungssuche_show .block_1,
	.livcrm_veranstaltungssuche_show .block_2,
	.livcrm_veranstaltungssuche_show .block_3,
	.livcrm_veranstaltungssuche_show .block_4 {
		width: 50%;
		float: left;

	}

}


@media all and (min-width: 800px) {
	body.weiterbildung-veranstaltung-detail #main>.inside {
		display: grid;
		grid-template-columns: 1fr 300px;

	}

	body.weiterbildung-veranstaltung-detail #main #veranstaltung-related {
		margin-top: 7rem;
	}
}


.weiterbildung-veranstaltung .button {
	padding: 0.48em;
	display: inline-block;
	font-size: 1rem;
}

.weiterbildung-veranstaltung #main .button:hover {
	border: none;
}




/* Dropdown control */
.weiterbildung-veranstaltung .selectBox {
	height: 1.6em;
	font-size: .9375rem;
}

/* Dropdown menu */
.weiterbildung-veranstaltung .selectBox-dropdown-menu {
	border: none;
	box-shadow: none;
	-moz-box-shadow: 0;
	-webkit-box-shadow: 0;

}

.weiterbildung-veranstaltung .selectBox-dropdown {
	min-width: 50% !important;
	width: 89% !important;
	position: relative;
	line-height: 1.5;
	outline: none;
	background: #fff;
	-moz-box-shadow: 0;
	-webkit-box-shadow: 0;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	display: inline-block;
	cursor: hand;
	cursor: pointer;
	margin: .8em 5% .5em 5%;
	border-top: none;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	border-bottom: none;

}

.veranstaltung-registrierung #main .selectBox-dropdown::before {
	margin-right: .5em;
color: #444;
}
.veranstaltung-registrierung #main .selectBox-label {
	color: #444;
	padding-top: 4px;
text-align: left;
min-width: 100px;
}

#top.veranstaltung-registrierung .selectBox-dropdown-menu li a {
	text-transform: initial;
}

.weiterbildung-veranstaltung .selectBox-dropdown .selectBox-arrow {
	border: none;
	margin-right: .2em;
	background: url(/files/themes/liv/images/icons/LIV_webicon_listenauswahl_pfeil.svg) 40% center no-repeat;
	background-size: 60% auto;
	background-position: center center;

}


.weiterbildung-veranstaltung .selectBox-options.selectBox-options-top {
	margin-top: 2px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border-bottom: none;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	border-top: 1px solid #444;
}

.weiterbildung-veranstaltung .selectBox-options.selectBox-options-top> :last-child {}

.weiterbildung-veranstaltung .selectBox-options li a {
	padding: 0.25rem 0.5rem;
	white-space: normal;
}

.weiterbildung-veranstaltung .selectBox-options .unselectable {
	display: none;
}

.weiterbildung-veranstaltung .selectBox .unselectable {
	color: rgb(161, 161, 161);
	display: block;
}

.weiterbildung-veranstaltung a.selectBox:link,
.weiterbildung-veranstaltung a.selectBox:hover {
	text-decoration: none;
	border: none;
}

.weiterbildung-veranstaltung .selectBox-options .selectBox-selected {
	display: none;
}

.weiterbildung-veranstaltung .selectBox-options.selectBox-options-bottom {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border-top: none;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	border-bottom: 1px solid #444;
	padding-top: 1.25rem;
}

/* Inline control */
.weiterbildung-veranstaltung .selectBox-inline {
	min-width: 220px;
	border-radius: 0;
	outline: none;
	border: none;
	background: #FFF;
	display: inline-block;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	overflow: auto;

}

.weiterbildung-veranstaltung .selectBox-options a {
	/*	color: rgba(68,68,68,1.00); */
	color: black;
	text-decoration: none;
	border: none;
	font-size: .9375rem;
}


body .icheckbox_minimal, body .iradio_minimal {
	background: url(/files/themes/liv/js/icheck_minimal/minimal.png) no-repeat;
}

body .iradio_minimal {
background-position: -100px 0;
}
.icheckbox_minimal, .iradio_minimal {
	display: inline-block;
	*display: inline;
	vertical-align: middle;
	margin: 0;
	  margin-top: 0px;
	  margin-right: 0px;
	padding: 0;
	width: 18px;
	height: 18px;
	background: url(minimal.png) no-repeat;
	border: 0;
	cursor: pointer;
  }
  .iradio_minimal {
	margin-right: .8625rem;
	margin-top: .3125rem;
  }
  
  .iradio_minimal.checked {
	background-position: -140px 0;
  }
  
  .icheckbox_minimal.checked {
	background-position: -40px 0;
  }


#livcrm_veranstaltung_show td {
	vertical-align: baseline;
}

#livcrm_veranstaltung_show tbody tr > td:nth-child(2) {
	font-family: 'firaSans-book', sans-serif;
	font-weight: normal;
}

#livcrm_veranstaltung_show_related .alternativeEvents p {
	margin-bottom: 0;
}

#livcrm_veranstaltung_show_related h2 {
	margin-bottom: 0;
}

#livcrm_veranstaltung_show_related {
	margin-top: 1.25rem;
	margin-left: 1rem;
}

#livcrm_veranstaltung_show_related a {
	font-family: 'firaSans-medium', sans-serif;
	font-weight: normal;
}

.ce_livint_h1 {
        position: relative;
}

#main .ce_livint_h1 .selectBox-dropdown {
        float: right;
        margin-right: .5em;
        min-width: 270px;
}

.ce_livint_h1 .selectBox-label {
        min-width: 240px;
}

#main .ce_livint_h1 .selectBox-dropdown:hover {
        border-bottom: none;
}

#main .ce_livint_h1 .selectBox-dropdown:after {
	display: none;
}

#main .ce_livint_h1 .selectBox-dropdown:before {
	display: inline-block;
}

.fancyPwContainer {
	position:relative;
  display: grid;
}
.fancyPwContainer{
  grid-template-columns: 1fr auto;
}

.fancyPwContainer input {
}

.fancyPwContainer .fancyPwBtn {
  margin: 0;
  padding-right: .5em;
  padding-top: .2em;
  padding-bottom: .125em;
  padding-left: .5em;
  font-family: 'firaSans-book', sans-serif;
  background: rgb(240,240,240);
  background: rgb(68, 68, 68);
  color: white;
  text-align: center;
  min-width: 104px;
  cursor: pointer;
}

@media all and (max-width: 600px) {
	#login.mod_article > .mod_login .widget-checkbox {
		grid-template-columns: 1fr;
	}
	#login.mod_article > .mod_login .widget.widget-submit > button, #login.mod_article > .mod_login .widget.widget-checkbox > fieldset {
		justify-self: end;
	}

	#login.mod_article > .mod_login .widget-password input {
		width: 100%;
	}

	#login.mod_article > .mod_login .widget-password,
	#login.mod_article > .mod_login .widget-text {
		grid-template-columns: 1fr;
	}
}
.attendee {
	clear: both;
	padding-top: 1em;
}

#roomReservationMember, #roomReservationNonMember {
	margin-bottom: 2em;
}

.ce_image .copyright,
.content-text .copyright  {
    text-align: right;
    font-size: 0.8125rem;
    margin-bottom: 0;
}

.ce_image figure {
	float: left;
}

.ce_image:after {
	content: '';
	clear: both;
	display: block;
}

.ui-datepicker-calendar .ui-state-default { margin: 0; }
.ui-datepicker-current { display: none; }
.ui-datepicker-calendar .highlightedDay a { background: #555; color: #fff; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { margin-top: 0; margin-bottom: 0; }

#register_veranstaltung[data-event-id="25SE50"] .roomResDate {
  display: none;
}