/* @override 
	https://staging.automuseum-maybach.de/typo3conf/ext/buerowilhelm/Resources/Public/Css/layout.css?* */

:root {
	--color-black: rgba(78, 78, 78, 1);
	--color-white: rgba(255, 255, 255, 1);
	--color-I: rgba(174, 118, 69, 1);
	--color-II: rgba(214, 186, 161, 1);
	--color-III: rgba(202, 202, 202, 1);
	--color-boxshadow: rgba(60, 60, 60, 1);

	--framespace-large: 120px;
	--contentframe: 40px;
	
	--font-h: "Josefin Sans", Arial, Helvetica, Geneva, sans-serif;
	--font-p: "Jost", Arial, Helvetica, Geneva, sans-serif;
	--font-nav: "Josefin Sans", Arial, Helvetica, Geneva, sans-serif;
	--lineheight-h: 120%;
	--lineheight-p: 140%;
	--lineheight-nav: 100%;

	--font-hI: 500 normal 40px/var(--lineheight-h) var(--font-h);
	--font-hII: 500 normal 20px/var(--lineheight-h) var(--font-h);
	
	--font-p-large: 400 normal 40px/var(--lineheight-p) var(--font-p);
	--font-p-regular: 400 normal 28px/var(--lineheight-p) var(--font-p);
	--font-p-small: 400 normal 20px/var(--lineheight-p) var(--font-p);
	--font-p-extrasmall: 400 normal 14px/var(--lineheight-p) var(--font-p);
	
	--font-mainnav: 500 normal 20px/var(--lineheight-nav) var(--font-nav);
	--font-subnav: 500 normal 20px/var(--lineheight-nav) var(--font-nav);
	--font-footernav: 400 normal 20px/var(--lineheight-nav) var(--font-p);
	--font-mobilenav: 500 normal 40px/var(--lineheight-nav) var(--font-nav);
	--font-mobilesubnav: 500 normal 28px/var(--lineheight-nav) var(--font-nav);
	
	--letterspacing-s: .03em;
	--letterspacing-m: .1em;
	--letterspacing-l: .2em;
}

/* @group Reset */

p,
.container p,
.ce-bodytext p,
figure.image,
h1, h2, h3, h4, h5,
.ce-bodytext ul,
ul,
figure.video,
.frame-type-textmedia div.ce-gallery {
	margin: 0;
	padding: 0;
}

button, input[type="submit"], input[type="reset"] {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}

* {
	box-sizing: border-box;
}

/* @end */

/* @group General */

html, body {
	height: 100%;
}

/* @group Sticky Footer */

#page {
  height: 100%;
  display: grid;
  grid-template-rows: 1fr auto;
}

/* @end */

html, body, .ce-bodytext p,
ul.tinyaccordion li.acc-li div.ce-bodytext p a {
	color: var(--color-black);
	font: var(--font-p-regular);
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

/* @group Bugfix Browser Font display */

html {
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale;
}

/* @end */

p, h1, h2, h3, h4, h5, h6 {
	padding: 0;
}

.ce-bodytext p {
	padding-bottom: 30px;
}

.ce-bodytext p:last-child {
	padding-bottom: 0;
}

#intro div.ce-bodytext p {
	padding-bottom: 60px;
}

#intro div.ce-bodytext p:last-child {
	padding-bottom: 120px;
}

.ce-bodytext p em {
}

.ce-bodytext p strong {
}

.ce-bodytext p strong em,
.ce-bodytext p em strong {
}

.ce-bodytext ul {
	padding-left: 40px;
	padding-bottom: 20px;
}
.ce-bodytext ul li {
	padding-left: 10px;
	list-style-image: url(/typo3conf/ext/buerowilhelm/Resources/Public/Images/ul-bullet.gif);
	list-style-position: inside;
}

figcaption.image-caption {
	text-align: center;
	padding-top: 10px;
	font: var(--font-p-small);
}

span.smallfont {
	font: var(--font-p-small);
	font-style: italic;
}

a,
p a,
.ce-bodytext a,
.ce-bodytext p a,
.ce-bodytext ul li a {
	color: var(--color-black);
}

.ce-bodytext a:hover {
	color: var(--color-link);
}

.ce-bodytext p a.shortlink {
	color: var(--color-I);
	text-decoration: none;
	text-transform: uppercase;
}

.ce-bodytext p a.shortlink:hover {
	color: var(--color-black);
}

h1 {
	font: var(--font-hI);
	color: var(--color-I);
	text-transform: uppercase;
	padding-bottom: 60px;
}

h2 {
	font: var(--font-hII);
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
	min-width: 100px;
}

.frame-space-before-small {
	margin-top: var(--framespace-small);
}

.frame-space-after-small {
	margin-bottom: var(--framespace-small);
}

.frame-space-before-medium {
	margin-top: var(--framespace-medium);
}

.frame-space-after-medium {
	margin-bottom: var(--framespace-medium);
}

.frame-space-before-large {
	margin-top: var(--framespace-large);
}

.frame-space-after-large {
	margin-bottom: var(--framespace-large);
}

/* @end */

/* @group Images */


.frame-type-textmedia div.ce-outer,
.frame-type-textmedia div.ce-inner,
.frame-type-textmedia div.ce-column,
.frame-type-textmedia figure.image,
.frame-type-textmedia img,
.news img {
	width: 100%;
	height: auto;
}

/* @end */

/* @group Links */

a,
#headerlangnav,
li#iconreplace17 a::after,
li#iconreplace18 a::after {
	text-decoration: none;
	-webkit-transition:
		opacity 0.3s ease,
		text-decoration 0.3s ease,
		background-color 0.3s ease,
		background-image 0.3s ease,
		display 0.3s ease,
		visibility 0.3s ease,
		color 0.3s ease;	
	-moz-transition:
		opacity 0.3s ease,
		text-decoration 0.3s ease,
		background-color 0.3s ease,
		background-image 0.3s ease,
		display 0.3s ease,
		visibility 0.3s ease,
		color 0.3s ease;
	-ms-transition:	
		opacity 0.3s ease,
		text-decoration 0.3s ease,
		background-color 0.3s ease,
		background-image 0.3s ease,
		display 0.3s ease,
		visibility 0.3s ease,
		color 0.3s ease;
	-o-transition:
		opacity 0.3s ease,
		text-decoration 0.3s ease,
		background-color 0.3s ease,
		background-image 0.3s ease,
		display 0.3s ease,
		visibility 0.3s ease,
		color 0.3s ease;
	transition:
		opacity 0.3s ease,
		text-decoration 0.3s ease,
		background-color 0.3s ease,
		background-image 0.3s ease,
		display 0.3s ease,
		visibility 0.3s ease,
		color 0.3s ease;
}

.ce-bodytext p a,
.ce-bodytext ul li a {
	text-decoration: underline;
}
.ce-bodytext p a:hover,
.ce-bodytext ul li a:hover {
	text-decoration: none;
}

span.shortlink a {
	font: var(--font-p-small);
	color: var(--color-black);
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: var(--letterspacing-s);
	display: inline-block;
	background-color: var(--color-link);
	border-radius: 50px;
}

span.shortlink a:hover {
	background-color: var(--color-black);
	color: var(--color-white);
}

#shortcut div.ce-bodytext p a {
	display: block;
	background-color: var(--color-II);
	padding-left: var(--contentframe);
	padding-right: var(--contentframe);
	padding-top: 20px;
	padding-bottom: 20px;
	font: var(--font-p-large);
	color: var(--color-white);
	text-decoration: none;
}

#shortcut div.ce-bodytext p a:hover {
	background-color: var(--color-I);
}


/* @end */

/* @group Main Structure */

/* @group Header */

header {
	z-index: 4;
	width: 100%;
	top: 0px;
}

/* @group Headernav */

#headernav  {
	position: fixed;
	z-index: 6;
	width: 100%;
	top: 0px;
	padding: 30px var(--contentframe);
	background-color: var(--color-white);
}

#headernavgrid {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-column-gap: 40px;
}

#headernav ul {
	list-style: none;
}

#headernav ul.level1 {
	margin-top: 25px;
	text-align: right;
}

#headernav ul.level2 {
	margin-top: 35px;
	text-align: left;
}

#headernav.headerscroll ul.level2 {
	margin-top: 10px;
}

/* @group Superfish */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	/*float: left;*/
	display: inline-block;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}
.sf-menu a {
	display: block;
	position: relative;
	font: var(--font-mainnav);
	text-transform: uppercase;
	letter-spacing: var(--letterspacing-m);
	color: var(--color-black);
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}
/*** DEMO SKIN ***/
.sf-menu {
	float: left;
}
.sf-menu ul {
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
	padding: 15px;
	text-decoration: none;
	zoom: 1; /* IE7 */
}
.sf-menu a {
	color: var(--color-black);
}
/*.sf-menu li:last-child a {
	padding-right: 0;
}*/
.sf-menu li {
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}
.sf-menu li a:hover,
.sf-menu li.sfHover a,
.sf-menu li.active a {
	color: var(--color-I);
}
.sf-menu li.active.sfHover ul li.active a {
	color: var(--color-I);
	font-weight: 500;
}
.sf-menu li ul li a {
	font: var(--font-subnav);
	text-transform: uppercase;
	letter-spacing: var(--letterspacing-s);
	padding-bottom: 13px;
	padding-top: 13px;
	padding-left: 15px;
	padding-right: 15px;
}
/*.sf-menu ul {
	margin-left: -15px;
}*/
.sf-menu li ul {
	background-color: var(--color-white);
}
.sf-menu.sf-js-enabled.sf-arrows li ul li a {
	color: var(--color-black);
}
.sf-menu.sf-js-enabled.sf-arrows li ul li a:hover {
	color: var(--color-I);
}


.sf-menu.level1.sf-js-enabled.sf-arrows li:last-child a {
	/*padding-right: 0;*/
}


/* @end */



/* @group Language Select */

#headerlangnav {
	position: relative;
}

.langnavhide {
	display: none;
}

div#headerlangnav ul {
	position: absolute;
	right: 0;
	top: 30px;
	background-color: var(--color-II);
	padding: 10px 20px 15px;
}

div#headerlangnav ul li {
	display: inline-block;
}

div#headerlangnav ul li a {
	display: block;
	text-transform: uppercase;
	color: var(--color-white);
	opacity: .5;
	font: var(--font-subnav);
}

div#headerlangnav ul li a:hover,
div#headerlangnav ul li.active a {
	opacity: 1;
}

div#headerlangnav ul li:last-child {
	margin-left: 15px;
}

/* @end */

/* @end */

/* @group Headerlogo */

div#headerlogo a#headerlogoimg {
	width: 525px;
	height: 80px;
	float: left;
	cursor: pointer;
}

div#headerlogo a#headerlogoimg-scroll {
	width: 525px;
	height: 45px;
	float: left;
	cursor: pointer;
	display: none;
}

div#headerlogo a#headerlogoimg a:hover,
div#headerlogo a#headerlogoimg-scroll a:hover {
	opacity: .7;
}

div#headerlogo a#headerlogoimg img,
div#headerlogo a#headerlogoimg-scroll img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 0 0;
}

/* @end */

/* @group Headerimage */

#headerimage .frame-type-textmedia {
	width: 100%;
	height: 100svh;
}

#headerimage .frame-type-textmedia div.ce-gallery {
	margin: 0;
}

#headerimage .frame-type-textmedia div.ce-outer,
#headerimage .frame-type-textmedia div.ce-inner,
#headerimage .frame-type-textmedia div.ce-row,
#headerimage .frame-type-textmedia div.ce-column {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

#headerimage .frame-type-textmedia figure.image {
	width: 100%;
	height: calc(100svh - 140px);
	margin-top: 140px;
}

#headerimage .frame-type-textmedia img {
	width: 100%;
	object-fit: cover;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

#headerimage .frame-type-textmedia figcaption {
	position: absolute;
	right: var(--contentframe);
	bottom: 20px;
	font: var(--font-p-small);
	color: var(--color-white);
	text-shadow: 0 0 5px var(--color-black);
}

#headerimage #flex-anchor {
	position: absolute;
	width: 28px;
	height: 50px;
	bottom: 20px;
	left: calc(50% - 14px);
	background-image: url(/typo3conf/ext/buerowilhelm/Resources/Public/Images/am-anchor.svg);
	background-size: 28px 50px;
	background-repeat: no-repeat;
	background-position-x: left;
	background-position-y: top;
	z-index: 1;
	animation-name: jumping;
	animation-duration: 2.5s;
	animation-iteration-count: infinite;
}

@keyframes jumping {
  from {
  	bottom: 20px;
  }
  50% {
  	bottom: 40px;
  }
  to {
  	bottom: 20px;
  }
}


/* @end */

/* @group Header Scroll */

.headerscroll div#headerlogo a#headerlogoimg {
	display: none;
}

.headerscroll div#headerlogo a#headerlogoimg-scroll {
	display: block;
}

div#headernav.headerscroll {
	padding: 20px var(--contentframe) 10px;
}

div#headernav.headerscroll ul.level1 {
	margin-top: 0px;
	text-align: right;
}

#headerimage.headerscroll .frame-type-textmedia figure.image {
	height: calc(100svh - 80px);
	margin-top: 80px;
}

div#headernav.headerscroll div#headerlangnav ul {
	top: 10px;
}

/* @end */

/* @group Headerimage5050 */

#headerimage5050 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding-top: 140px;
}

#headerimage5050.headerscroll {
	padding-top: 120px;
}


/* @end */

/* @end */

/* @group Main / Content */

main {
	width: 100%;
}

/* @group Content */



#content {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 112px;
}

#content.imprintpadd {
	margin-top: 120px;
}

#intro {
	padding-bottom: 115px;
}

.contentframe,
#intro .ce-bodytext,
#intro header {
	padding-left: var(--contentframe);
	padding-right: var(--contentframe);
}

#intro .ce-bodytext,
#intro header {
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
}

#shortcut {
	margin-top: 120px;
}

/* @end */

/* @end */

/* @group Footer */

footer {
	background-color: var(--color-black);
	padding-top: 60px;
	padding-bottom: 20px;
}

#footertop .footerwrap {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-gap: 20px;
	padding-bottom: 20px;
}

#footertop .footerwrap .footercol:nth-child(1) {
	grid-column: 1 / 4;
}

#footerlogo a {
	display: block;
	cursor: pointer;
	opacity: .7;
}

#footerlogo a:hover {
	opacity: 1;
}

#footertop .footerwrap .footercol:nth-child(2) {
	grid-column: 5 / 8;
}

#footertop .footerwrap .footercol:nth-child(3) {
	grid-column: 8 / 10;
}

#footertop .footerwrap .footercol:nth-child(4) {
	grid-column: 10 / 12;
}

#footertop .footerwrap .footercol:nth-child(5) {
	grid-column: 12 / 13;
	grid-row: 1 / 2;
}

#footertop .footerwrap .footercol:nth-child(5) ul.ulsocialmedia {
	text-align: right;
}

#footertop .footerwrap .footercol:nth-child(5) ul.ulsocialmedia li {
	display: inline-block;
}

#footertop .footerwrap .footercol:nth-child(5) ul.ulsocialmedia li:last-child {
	margin-left: 40px;
}

#footerbottom div.footerwrap {
	text-align: right;
}

#footerbottom div.footerwrap a {
	display: inline-block;
}



footer .ce-bodytext p,
footer .ce-bodytext p a,
#footertop ul li a,
#footerbottom a {
	color: var(--color-III);
	text-decoration: none;
}

#footertop div.ce-bodytext p,
#footertop div.footerwrap div.footercol ul li {
	font: var(--font-footernav);
	line-height: 170%;
}

div#footerbottom div.footerwrap a {
	font: var(--font-p-extrasmall);
}

footer .ce-bodytext p a:hover,
#footertop div.footerwrap div.footercol ul li a:hover,
#footertop div.footerwrap div.footercol ul li.active a,
div#footerbottom div.footerwrap a:hover {
	color: var(--color-white);
}

#footertop div.footerwrap div.footercol ul li#iconreplace9.active a,
#footertop div.footerwrap div.footercol ul li#iconreplace10.active a,
#footertop div.footerwrap div.footercol ul li#iconreplace11.active a {
	color: var(--color-III);
}

#footertop div.footerwrap div.footercol ul li#iconreplace9.active a:hover,
#footertop div.footerwrap div.footercol ul li#iconreplace10.active a:hover,
#footertop div.footerwrap div.footercol ul li#iconreplace11.active a:hover {
	color: var(--color-white);
}


/* @end */

/* @end */



/* @group Back to Top */

.cd-top {
  display: inline-block;
  width: 15px;
  height: 30px;
  position: fixed;
  bottom: 134px;
  right: 30px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  
  background-image: url(/fileadmin/templates/ext/backtotop/cd-top-arrow.png);
  background-position: center 50%;
  background-repeat: no-repeat;
  background-size: 15px 30px;
  
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index: 3;
}

.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
  -webkit-transition: all 0.2s ease-in, all 0.2s ease-out; /* Safari / Chrome */
  -moz-transition: all 0.2s ease-in, all 0.2s ease-out; /* Firefox */
  -o-transition: all 0.2s ease-in, all 0.2s ease-out; /* Opera */
  transition: all 0.2s ease-in, all 0.2s ease-out; /* Standard */
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: .5;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  /*opacity: .7;*/
}
.no-touch .cd-top:hover {
  background-color: transparent;
  opacity: 1;
}
.cd-top.cd-is-visible:hover {
  background-color: transparent;
  opacity: 1;
}

/* @end */

/* @group Container / Frames Layouts*/

div.container_2cols_5050 {
	margin-left: auto;
	margin-right: auto;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 20px;
}

div.container_2cols_3366 {
	margin-left: auto;
	margin-right: auto;
	display: grid;
	grid-template-columns: calc(33.3333% - 15px) 2fr;
	grid-column-gap: 20px;
}

div.container_3cols_255025 {
	margin-left: auto;
	margin-right: auto;
	display: grid;
	grid-template-columns: 1fr 2fr 1fr;
	grid-column-gap: 20px;
}

div.container_3cols_255025 .container_col:nth-child(2) {
	position: relative;
}

div.container_3cols_255025 .container_col:nth-child(2) .frame-type-textmedia {
	width: 100%;
	height: auto;
}


div.container_3cols_255025 .container_col:nth-child(2) .frame-type-textmedia div.ce-gallery {
	margin: 0;
}

div.container_3cols_255025 .container_col:nth-child(2) .frame-type-textmedia div.ce-outer,
div.container_3cols_255025 .container_col:nth-child(2) .frame-type-textmedia div.ce-inner,
div.container_3cols_255025 .container_col:nth-child(2) .frame-type-textmedia div.ce-row,
div.container_3cols_255025 .container_col:nth-child(2) .frame-type-textmedia div.ce-column {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

div.container_3cols_255025 .container_col:nth-child(2) .frame-type-textmedia figure {
	width: 100%;
	height: 100%;
}

div.container_3cols_255025 .container_col:nth-child(2) .frame-type-textmedia figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}













div.container_3cols {
	margin-left: auto;
	margin-right: auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 20px;
}

div.container_3cols .ce-bodytext {
	padding-top: 20px;
}

.frame-type-3col-container,
.frame-type-2col-container-5050 {
	margin-bottom: 20px;
}

.frame-type-3col-container:last-child,
.frame-type-2col-container-5050:last-child {
	margin-bottom: 0px;
}

div.container_col.verticalcentered {
	display: flex;
	align-items: center;
	justify-content: center;
}

div.container_2cols_grid {
	margin-left: auto;
	margin-right: auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
}

div.container_2cols_grid div.left_grid,
div.container_2cols_grid div.right_grid {
	display: grid;
	grid-template-rows: auto auto;
	grid-gap: 20px;
}

/*.frame-layout-1 .ce-bodytext {
	padding-top: 115px;
	padding-bottom: 115px;
}*/

.frame-layout-1 .ce-bodytext p {
	font: var(--font-p-large);
}

.frame-layout-1 .ce-bodytext p.quotesource {
	font: var(--font-p-regular);
	color: var(--color-I);
}

.frame-layout-2 .ce-bodytext p,
.frame-layout-2 .ce-bodytext ul {
	padding-left: 10%;
	padding-right: 10%;
	font: var(--font-p-small);
	padding-bottom: 20px;
}

.frame-paddright {
	padding-right: 33.3333%;
}

.frame-paddleft {
	padding-left: 33.3333%;
}

/* @end */

/* @group Icon Replace */

/* @group Instagram */

li#iconreplace17 {
    width: 25px;
	height: 25px;
	line-height: inherit;
}

li#iconreplace17 a {
	visibility: hidden;
    position: relative;
	display: block;
    width: 25px;
	height: 25px;
}

li#iconreplace17 a::after {
	visibility: visible;
    position: absolute;
    top: 0px;
    left: 0px;
	
	background-image: url(/typo3conf/ext/buerowilhelm/Resources/Public/Images/am-instagram0.png);
	background-size: 25px 25px;
	background-repeat: no-repeat;
	background-position-x: left;
	background-position-y: top;	
	
    display: inline-block;
    width: 25px; 
    height: 25px;
    content:"";
	opacity: .7;
}

li#iconreplace17:hover > a::after {
	/*background-image: url(/typo3conf/ext/buerowilhelm/Resources/Public/Images/am-instagram1.png);*/
	opacity: 1;
}

/*li#iconreplace17.active a::after {
	background-image: url(/typo3conf/ext/buerowilhelm/Resources/Public/Images/am-instagram1.png);
}*/

/* @end */

/* @group Facebook */

li#iconreplace18 {
    width: 12px;
	height: 25px;
	line-height: inherit;
}

li#iconreplace18 a {
	visibility: hidden;
    position: relative;
	display: block;
	width: 12px;
	height: 25px;
}

li#iconreplace18 a::after {
	visibility: visible;
    position: absolute;
    top: 0px;
    left: 0px;
	
	background-image: url(/typo3conf/ext/buerowilhelm/Resources/Public/Images/am-facebook0.png);
	background-size: 12px 25px;
	background-repeat: no-repeat;
	background-position-x: left;
	background-position-y: top;	
	
    display: inline-block;
    width: 12px; 
    height: 25px;
    content:"";
	opacity: .7;
}

li#iconreplace18:hover > a::after {
	/*background-image: url(/typo3conf/ext/buerowilhelm/Resources/Public/Images/am-facebook1.png);*/
	opacity: 1;
}

/*li#iconreplace18.active a::after {
	background-image: url(/typo3conf/ext/buerowilhelm/Resources/Public/Images/am-facebook1.png);
}*/

/* @end */

/* @end */

/* @group Mobile Navi / Burger */

/* @group Mobile Navi */

#mobilenav,
a#logo-mobile {
	display: none;
}

#mobilenav {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: var(--color-black);
	z-index: 7;
}

#mobilenavwrapper {
	width: 100%;
	height: 100%;
	padding-left: 60px;
	padding-right: 80px;
	padding-top: 120px;
	padding-bottom: 120px;
	overflow: auto;
}

#mobilenav ul#menu ul.level2 {
    display: none;
	padding-left: 45px;
	padding-top: 10px;
}

#mobilenav ul#menu li {
	padding-top: 10px;
	padding-bottom: 10px;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	hyphens: none;
    cursor: pointer;
}

#mobilenav ul#menu li a {
	color: var(--color-white);
	font: var(--font-mobilenav);
	text-transform: uppercase;
	letter-spacing: var(--letterspacing-m);
}

#mobilenav ul#menu li a:hover {
	color: var(--color-II);
}

#mobilenav ul#menu li ul.level2 li a {
	color: var(--color-white);
	font: var(--font-mobilesubnav);
	opacity: 0.5;
}

#mobilenav ul#menu li ul.level2 li a:hover {
	opacity: 1;
	color: var(--color-II);
}

#mobilenav ul#menu li.active a {
	color: var(--color-I);
}

#mobilenav ul#menu li.active ul.level2 li.active a {
	opacity: 1;
	color: var(--color-white);
}

a#logo-mobile img {
	height: 45px;
	width: auto;
	float: left;
}

/* @end */

/* @group Mobile Burger */

a#menu-icon {
	position: fixed;
	z-index: 999;
	top: 20px;
	right: 20px;
	padding: 20px;
	display: none;
}

a#menu-icon.headerscroll {
	top: 5px;
}

#hamburger {
	width: 40px;
	height: 32px;
	position: relative;
}

.menui {
	transition: 0.6s ease;
	transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
	position: absolute;
}

.top-menu-navi {
	top: 0px;
	width: 40px;
	height: 3px;
	border-radius: 0px;
	background: var(--color-black);
}

.mid-menu-navi {
	top: 13px;
	width: 40px;
	height: 3px;
	border-radius: 0px;
	background: var(--color-black);
}

.bottom-menu-navi {
	top: 26px;
	width: 40px;
	height: 3px;
	border-radius: 0px;
	background: var(--color-black);
}

.top-animate-navi {
	background: var(--color-white);
	top: 15px !important;
	-webkit-transform: rotate(45deg);
	/* Chrome, Safari, Opera */
	transform: rotate(45deg);
}

.mid-animate-navi {
	opacity: 0;
}

.bottom-animate-navi {
	background: var(--color-white);
	top: 15px !important;
	-webkit-transform: rotate(-450eg);
	/* Chrome, Safari, Opera */
	transform: rotate(-45deg);
}

/* @end */

/* @end */

/* @group Tiny accordion */

ul.tinyaccordion {
	list-style:none;
	border-top: 1px solid var(--color-black);
}

.frame:last-child ul.tinyaccordion {
	margin-bottom: 0px;
}

ul.tinyaccordion div.ce-bodytext ul {
	padding-bottom: 20px;
}

ul.tinyaccordion h4 {
	padding: 20px 40px 20px 0;
	cursor:pointer;
	background: url('/typo3conf/ext/buerowilhelm/Resources/Public/Images/plus0.svg');
	background-size: 30px 30px;
	background-position-x: calc(100% - 0px);
	background-position-y: 25px;
	background-repeat: no-repeat;
}

ul.tinyaccordion h4.acc-selected {
	background: url('/typo3conf/ext/buerowilhelm/Resources/Public/Images/minus.svg');
	background-size: 30px 30px;
	background-position-x: calc(100% - 0px);
	background-position-y: 25px;
	background-repeat: no-repeat;
	background-color: var(--color-white); !important
	
}

/*ul.tinyaccordion h4:hover {
	background: url('/typo3conf/ext/buerowilhelm/Resources/Public/Images/plus1.svg');
	background-size: 30px 30px;
	background-position-x: calc(100% - 0px);
	background-position-y: 25px;
	background-repeat: no-repeat;
	background-color: var(--color-white); !important
}*/

ul.tinyaccordion .acc-section {
	overflow:hidden;
}

ul.tinyaccordion .csc-default,
ul.tinyaccordion ul.tinyaccordion,
ul.tinyaccordion ul.tinyaccordion .news-single-item {
	padding: 0;
}

ul.tinyaccordion li .csc-header:first-child {
	display:none;
}

ul.tinyaccordion h2 {
	display: none;
}

ul.tinyaccordion li.acc-li {
	border-bottom: 1px solid var(--color-black);
}

ul.tinyaccordion li.acc-li h4 {
	font: var(--font-p-regular);
	font-weight: 500;
	color: var(--color-black);
	text-transform: uppercase;
	letter-spacing: var(--letterspacing-m);
}

ul.tinyaccordion li.acc-li h4.acc-selected,
ul.tinyaccordion li.acc-li h4:hover {
	color: var(--color-I);
	text-decoration: none;
}

ul.tinyaccordion li.acc-li div.acc-section {
	background-color: transparent; !important
}

ul.tinyaccordion li.acc-li div.ce-bodytext p {
	padding: 0 0 30px;
}

ul.tinyaccordion li.acc-li div.ce-outer,
ul.tinyaccordion li.acc-li div.ce-inner {
	float: none;
	right: 0;
}

ul.tinyaccordion li.acc-li .ce-column {
	width: 100%;
	height: auto;
	float: left;
}

ul.tinyaccordion li.acc-li figure.video {
	width: 100%;
	position: relative;
	padding-bottom: 56%;
}

ul.tinyaccordion li.acc-li .video-embed {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

ul.tinyaccordion li.acc-li iframe.video-embed-item {
	width: 100%;
	height: 100%;
}

ul.tinyaccordion .frame-type-textmedia figure.image {
	padding-bottom: 40px;
}

/* @end */

/* @group Table */

.ce-bodytext table.contenttable {
	width: 100%;
	padding-bottom: 20px;
	border-spacing: 0;
}

.ce-bodytext table.contenttable tbody tr td {
	padding: 5px 0;
	border-bottom: 1px solid var(--color-III);
	vertical-align: top;
}

.ce-bodytext table.contenttable tbody tr td:nth-child(1) {
	padding-right: 40px;
}

/* @end */

/* @group Lightbox */

.frame-type-textmedia div.ce-gallery figure a.lightbox {
	display: block;
	background-color: var(--color-I);
	
	background-image: url(/typo3conf/ext/buerowilhelm/Resources/Public/Images/am-lightboxplus.svg);
	background-size: 33% 33%;
	background-repeat: no-repeat;
	background-position-x: 50%;
	background-position-y: 50%;	
}

.frame-type-textmedia div.ce-gallery figure img {
	-webkit-transition:
		opacity 0.3s ease;	
	-moz-transition:
		opacity 0.3s ease;
	-ms-transition:	
		opacity 0.3s ease;
	-o-transition:
		opacity 0.3s ease;
	transition:
		opacity 0.3s ease;
}

.frame-type-textmedia div.ce-gallery figure a.lightbox img:hover  {
	opacity: 0.5;
}

.lightbox-open {
	overflow: hidden;
}

/* @end */