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

@media only screen and (max-width: 1862px) {

div#headerlogo a#headerlogoimg {
	width: 110px;
}

div#headerlogo a#headerlogoimg-scroll {
	width: 65px;
}

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

#headerimage5050 {
	padding-top: 110px;
}

}


@media only screen and (max-width: 1454px) {

:root {
	--font-mainnav: 500 normal 18px/var(--lineheight-nav) var(--font-nav);
	--font-subnav: 500 normal 18px/var(--lineheight-nav) var(--font-nav);
}

.sf-menu a {
	padding: 10px;
	letter-spacing: var(--letterspacing-s);
}

/* @group Header Scroll */

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

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

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


/* @end */

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

}

@media only screen and (max-width: 1280px) {

:root {
	--font-footernav: 400 normal 16px/var(--lineheight-nav) var(--font-p);
	--font-hI: 500 normal 28px/var(--lineheight-h) var(--font-h);
	--font-p-large: 400 normal 28px/var(--lineheight-p) var(--font-p);	
}


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

}

@media only screen and (max-width: 1200px) {

:root {
	--framespace-large: 80px;
	--font-p-regular: 400 normal 20px/var(--lineheight-p) var(--font-p);
	--font-p-small: 400 normal 16px/var(--lineheight-p) var(--font-p);
	--font-p-extrasmall: 400 normal 12px/var(--lineheight-p) var(--font-p);
}

#headernavgrid {
	display: none;
}

div#headerlangnav ul {
	top: 75px;
	padding: 10px 15px 10px;
}

a#menu-icon,
a#logo-mobile {
	display: block;
}

/* @group Headerimage */

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

#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: relative;
}

#headerimage .frame-type-textmedia figure.image {
	height: auto;
	margin-top: 100px;
}

#headerimage .frame-type-textmedia img {
	object-fit: inherit;
	height: auto;
	position: relative;
}

#headerimage #flex-anchor {
	display: none;
}

/* @end */

/* @group Header Scroll */

#headerimage.headerscroll .frame-type-textmedia figure.image {
	height: auto;
	margin-top: 100px;
}

/* @end */

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

#headerimage5050 {
	padding-top: 100px;
}

#content {
	padding-top: 80px;
}


#shortcut {
	margin-top: 80px;
}

ul.tinyaccordion h4 {
	background-position-y: 18px;
}

ul.tinyaccordion h4.acc-selected {
	background-position-y: 18px;
}

h1 {
	padding-bottom: 30px;
}

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

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

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

}

@media only screen and (max-width: 1050px) {

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

#footerlogo a {
	max-width: 400px;
	width: 60%;
	margin-bottom: 20px;
}

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

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

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

#footertop .footerwrap {
	grid-gap: 30px;
}

}

@media only screen and (max-width: 768px) {

:root {
	--contentframe: 20px;
	--framespace-large: 60px;
	--font-hI: 500 normal 24px/var(--lineheight-h) var(--font-h);
	--font-p-large: 400 normal 24px/var(--lineheight-p) var(--font-p);
}

a#menu-icon {
	right: 0px;
}

#content {
	padding-top: 60px;
}

#shortcut {
	margin-top: 60px;
}

#intro {
	padding-bottom: 60px;
}

#mobilenavwrapper {
	padding-left: 20px;
	padding-right: 80px;
	padding-top: 80px;
	padding-bottom: 80px;
}

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

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

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

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


#intro .ce-bodytext,
#intro header {
	max-width: 100%;
}

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

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

div#flex-anchor {
	display: none;
}



.frame-layout-2 .ce-bodytext p,
.frame-layout-2 .ce-bodytext ul {
	padding-left: 0;
	padding-right: 0;
}

}


@media only screen and (max-width: 640px) {


div.container_2cols_5050 {
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 10px;
}

div.container_2cols_3366 {
	grid-template-columns: 1fr;
	grid-column-gap: 10px;
}

div.container_3cols_255025 {
	grid-template-columns: 1fr 2fr 1fr;
	grid-column-gap: 10px;
}

div.container_3cols {
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 10px;
}

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

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

div.container_2cols_grid {
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 10px;
}

div.container_2cols_grid div.left_grid,
div.container_2cols_grid div.right_grid {
	grid-gap: 10px;
}



footer {
	padding-top: 40px;
}

#footerlogo a {
	width: 75%;
	margin-bottom: 0px;
}

}


@media only screen and (max-width: 600px) {

:root {
	--font-mobilenav: 500 normal 28px/var(--lineheight-nav) var(--font-nav);
	--font-mobilesubnav: 500 normal 20px/var(--lineheight-nav) var(--font-nav);
}

#mobilenav ul#menu ul.level2 {
	padding-left: 25px;
}

#mobilenav ul#menu ul.level2 li {
	padding-top: 5px;
	padding-bottom: 5px;
}

div.container_2cols_5050 {
	grid-template-columns: repeat(2, 1fr);
}

div.container_3cols_255025 {
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-gap: 10px;
}

div.container_3cols_255025 .container_col:nth-child(1) {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}

div.container_3cols_255025 .container_col:nth-child(2) {
	grid-column: 1 / 3;
	grid-row: 2 / 3;
}

div.container_3cols_255025 .container_col:nth-child(3) {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
}

div.container_3cols {
	grid-template-columns: repeat(1, 1fr);
	grid-row-gap: 20px;
}

div.container_3cols .container_col {
	margin-bottom: 10px;
}

}


@media only screen and (max-width: 575px) {

a#logo-mobile img {
	height: 40px;
}

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



#headerimage5050 {
	padding-top: 80px;
}

a#menu-icon {
	top: 6px;
	right: 0px;
}

#headerimage .frame-type-textmedia figure.image {
	height: auto;
	margin-top: 80px;
}

div#headerlangnav ul {
	top: 60px;
}

#mobilenavwrapper {
	padding-top: 60px;
	padding-bottom: 60px;
}

footer {
	padding-bottom: 10px;
}

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

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




div.container_2cols_5050 {
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 20px;
}




}


@media only screen and (max-width: 440px) {

:root {
	--font-mobilenav: 500 normal 24px/var(--lineheight-nav) var(--font-nav);
	--font-mobilesubnav: 500 normal 18px/var(--lineheight-nav) var(--font-nav);
}

#mobilenav ul#menu ul.level2 {
	padding-top: 5px;
}

#mobilenav ul#menu ul.level2 li {
	padding-top: 5px;
	padding-bottom: 5px;
}

#mobilenav ul#menu li {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

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

.text-right {
	min-width: 70px;
}

ul.tinyaccordion li.acc-li,
ul.tinyaccordion li.acc-li h4,
ul.tinyaccordion li.acc-li div.ce-bodytext p {
	font-size: 18px;
	line-height: 140%;
}

ul.tinyaccordion h4,
ul.tinyaccordion h4.acc-selected {
	padding: 15px 20px 12px 0;
	background-position-y: 14px;
}

div#c173 div.ce-bodytext p { /* Nur zentriert auf Kontaktseite */
	text-align: center;
}

}

@media only screen and (max-width: 375px) {

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

.text-right {
	min-width: 60px;
}

ul.tinyaccordion li.acc-li,
ul.tinyaccordion li.acc-li h4,
ul.tinyaccordion li.acc-li div.ce-bodytext p {
	font-size: 15px;
}

}