/*
 * Theme Name: Richter Rechtsanwaelte
 * Author: Corporare Creation / Felicitas Horn
 * Version: 999
 * */
@import url("./fonts-and-vars.css");


.transition-fade {
  transition: 0.4s;
  opacity: 1;
}
html.talents-animate-out .transition-fade,
html.is-animating .transition-fade {
  opacity: 0;
	pointer-events:none;
}



html, body {
  margin:0;
  padding:0;
  background:#fff;
}
html, body,
#wrapper,
button, input[type="submit"],
select, option,
input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
  -webkit-text-size-adjust: 100%;
  color: #000;
  font-family: Garet, sans-serif;
  font-size: var(--font-fliesstext);
  font-weight: 300;
  line-height: var(--lh-fliesstext);
}
#wrapper {
	max-width: 100vw;
	overflow:clip; /* hidden geht nicht wegen position sticky vom hero. wenn clip auch nicht geht, muessen halt die einzelnen sections hidden machen.  */
	/* padding-top: 72px; sticky nav */
}
#container {
	min-height: calc( 100vh  - 147px );
	min-height: calc( var(--doc-height)  - 147px );
}
.admin-bar #container {
	min-height: calc( 100vh  - 147px - 32px );
	min-height: calc( var(--doc-height)  - 147px - 32px );
}
select, option,
input[type="text"],
input[type="email"],
textarea {
  font-family: Garet, sans-serif !important;
}

* {
  box-sizing: border-box;
  outline:0;
}
ul, ul li {
  list-style-type: none;
  margin: 0;
  padding:0;
}
button, input[type="submit"], select {
  -webkit-appearance: none;
  border-radius:0; margin:0;border:0;
}
button::-moz-focus-inner {
  border: 0;
}

blockquote,
figure,
iframe,
svg,
img {
    display: block;
    max-width:100%;
	width:100%;
    height: auto;
	margin:0;padding:0;
	text-indent:0;
}
iframe {
  border:0;
}
iframe,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin:0;padding:0;
}
a, a:hover, a:focus {
	position:relative;
	text-decoration: none;
	color:#000;
}


/* FORMULARE */

input[type="text"],
input[type="tel"],
input[type="email"] {
    border-radius:0;
}
label,
select, option,
input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
	background: transparent;
	box-shadow: none;
	display: block;
	width: 100%;
}
select,
input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
	color: #000;
	font-size:20px;
	border: 0;
	border-radius: 0;
	padding: 3px 10px 4px 20px;
	margin-top: 0;
	background: var(--color_grey);
}
textarea {
	padding: 10px 10px 10px 20px;
	height: 166px;
}
input[type="submit"] {
	font-weight:normal;
	background:transparent;
	padding: 10px 0;
	text-decoration: line-through solid #000 1px;
	transition:text-decoration 200ms ease;
	cursor: pointer;
}
input[type="submit"]:hover {
	text-decoration: line-through solid transparent 1px;
}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
textarea:focus {
  background:#000;
	color:#fff;
}





/* COOKIE */
:root{
	--cc-bg:#fff;
	--cc-text:#000;

	--cc-btn-primary-bg:transparent;
	--cc-btn-primary-text:#000;
	--cc-btn-primary-hover-bg:transparent;
	--cc-btn-secondary-bg:transparent;
	--cc-btn-secondary-text:#000;
	--cc-btn-secondary-hover-bg:transparent;

	--cc-toggle-bg-off:#fff;
	--cc-toggle-bg-on:#000;
	--cc-toggle-bg-readonly:#000;
	--cc-toggle-knob-bg:#fff;
	--cc-toggle-knob-icon-color:#000;

	--cc-block-text:var(--cc-text);

	--cc-cookie-category-block-bg:#f0f4f7;
	--cc-cookie-category-block-bg-hover:#e9eff4;
	--cc-section-border:transparent;
	--cc-cookie-table-border:#000;

	--cc-overlay-bg:rgba(0,0,0,0);

	--cc-webkit-scrollbar-bg:#cfd5db;
	--cc-webkit-scrollbar-bg-hover:#9199a0
}
.show--consent body:after {
    right:0;bottom:0;
}
body:after {
	position: fixed;
	content:"";
	display: block;
	top:0;left:0;
	background: rgba(18, 17, 17, 0.6);
	z-index: 1010;
	transition: all 200ms ease;
}
#s-bl .b-acc .p {
  font-size: 0.7em;
	padding: 0.5em 1em;
}
#s-bl td, #s-bl th {
  font-size: .7em;
  padding: .6em .625em .6em 1.2em;
}
#s-bl tbody tr:hover {
	background: transparent;
}
.cc_div .b-tg .c-tg::after {
	box-shadow: none;
}
.cc_div .b-tg input ~ .c-tg::after {
	background:#000;
}
.cc_div .b-tg .c-tgl:checked ~ .c-tg::after {
  transform: translateX(56px);
	background:#fff;
}
.cc_div .on-i::before {
	border-color: #fff;
	border-width: 0 1px 1px 0;
}
.cc_div .off-i::after, .cc_div .off-i::before {
	width: 1px;
}
	.cc_div .off-i::after, .cc_div .off-i::before {
		top: 4px;
	}
	.cc_div .on-i::before {
		top: 3px;
	}
	.cc_div .b-tg .c-tg::after {
		height: 21px;
		width: 21px;
		top: 2px;
	}
.cc_div .b-tg, .cc_div .b-tg .c-tg, .cc_div .b-tg .c-tgl, .cc_div span.t-lb {
  height: 25px;
  width: 82px;
}
.cc_div .b-tg, .cc_div .b-tg * {
  line-height:1;
}
#s-inr {
  box-shadow: none;
	border-radius: 0;
	padding-top:170px;
	padding-bottom: 120px;
	max-width: 840px;

  /* padding-bottom: 4.75em;
  padding-top: 4.75em;*/
}
#c-s-in {
  max-height: 34em;
}

#cm {
	border-radius: 0;
	box-shadow: none;
	max-width: 840px;
	padding: 86px 80px 65px 80px;
}
#s-cnt .p,
.cc_div {
	color: #000;
	font-family: Garet, sans-serif;
	font-size: var(--font-fliesstext);
	font-weight: 300;
	line-height: var(--lh-fliesstext);
}
.cc_div a:hover,
.cc_div a,
.cc_div .b-tl,
.cc_div .cc-link {
	font-weight: inherit;
	text-decoration: underline;
}
.cc_div a:hover,
.cc_div .c-bn:hover,
.cc_div .cc-link:hover {
	color: var(--color-red);
}
.cc_div a {
	border: none !important;
}
.cc_div .c-bn {
  font-size: var(--font-vita);
  line-height: 1 !important;
  letter-spacing: var(--ls-vita);
  text-transform: uppercase;
  font-weight: 300;
	color: var(--color-red) !important;

	flex: 0 0 auto;
	border: 0;
	border-radius:0;
  border-top: 2px solid #000;
	border-bottom: 2px solid #000;
  padding: 9px 19px 7px 19px;
}
.cc_div .c-bn:hover {
  font-weight: 400;
	padding-bottom: 6px;
	border-bottom-width: 3px;
}
#s-inr #s-bns .c-bn {
	font-size: 14px;
}
#c-bns button:first-child {
	line-height:1;
}
#c-txt {
  font-size: inherit;
}
.cc_div .cc-link {
  color: #000;
}
#s-cnt .p,
#c-txt, .cc_div, .cc_div *, .cc_div ::after, .cc_div ::before, .cc_div :hover {
  line-height: 1.3;
}
.cc_div .act .b-bn .exp::before, .cc_div .b-bn .exp::before {
  border-color: #000;
	display: none;
}
#s-bl .c-bl.b-ex {
	background: var(--color-beige);
	border-radius: 0;
	margin-bottom: 16px;
	position: relative;
}
#s-bl .c-bl.b-ex:after {
	background: var(--color-beige);
	content:"";
	display: block;
	position: absolute;
	left:100%;
	top:0;bottom:0;
	width: 100px;
}
#s-cnt .b-bn .b-tl:active, #s-cnt .b-bn .b-tl:hover {
	background: var(--color-beige);
}

#s-cnt .b-bn .b-tl {
  padding: 0.7em 6.4em 0.6em 1em;

	font-size: var(--font-aufzaehlung);
	line-height: var(--lh-aufzaehlung);
	letter-spacing: var(--ls-aufzaehlung);
	text-transform: uppercase;
	font-weight: 300;
	
	text-decoration: none;
	min-height: 37px;
	line-height: 1;
}

#s-hdr #s-ttl,
#c-ttl {
	font-size: var(--font-headline);
	line-height: var(--lh-headline);
	letter-spacing: var(--ls-headline);
	text-transform: uppercase;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 50px;
}
#s-hdr #s-ttl {
  font-size: var(--font-headline);
  margin-bottom: 0;
}
#s-hdr {
    padding: 80px 100px 0 100px;
	height:auto;
	border-bottom:0;
}
#s-hdr #s-c-bnc {
	display: none;
}
#s-bns {
  border-top: 0;
  height: auto;
  padding: 10px 80px 60px 80px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#s-bns > * {
	margin:0 !important;
}
#s-bl {
    padding: 0 100px 0 100px;
}
#s-bl .c-bl {
  border: 0px;
  padding: 0;
}
#s-bl .c-bl:not(.b-ex):hover {
  background: transparent;
}
#s-bl .c-bl:last-child {
  margin-bottom: 0;
}
#s-bl td::before, #s-ttl {
  font-weight: normal;
}
.cc_div #c-bns {
  margin-top: 50px;
}

#c-bns button + button, #s-c-bn, #s-cnt button + button {
  margin-left: 20px;
}
@media screen and (max-width: 930px) and (min-width: 769px) {
	#c-ttl, #s-hdr #s-ttl {
		font-size: 06.45vw;
	}
	#s-bns,
	#cm {
	  padding-left: 08.60vw;
		padding-right: 08.60vw;
	}
	#cm {
	  max-width: 90%;
	}
	#s-cnt .p, .cc_div {
	  font-size: 02.68vw;
	}
	.cc_div .c-bn {
      font-size: 03.22vw;
	}
	#s-hdr, #s-bl {
  		padding-left:10.75vw;
		padding-right:10.75vw;
	}
}
@media screen and (max-width: 768px) {
	#cm {
	  max-width: 90%;
	}
	/*.cc_div .b-tg .c-tgl:checked ~ .c-tg::after {
		transform: translateX(3.6em);
	}*/
	/*#s-cnt .b-bn .b-tl {
  		padding-top: 1.2em;
	}*/
	.cc_div .b-tg {
 		 right: 6px;
		font-size: 25px;
	}
	#s-inr #s-bns .c-bn {
	  font-size: 12px;
		margin-bottom: 1em !important;
		width: 100%;
	}
	#s-bl td, #s-bl th,
	#s-bl .b-acc .p {
	  font-size: 1em;
	}
	.cc_div .bns-t .c-bn:hover {
	  padding-bottom: 10px;
	}
	#s-hdr #s-ttl, #c-ttl {
	  margin-bottom: 30px;
	}
	.cc_div #c-bns {
	  margin-top: 20px;
	}
	#s-inr {
	  padding-top: 85px;
	}
	#cm, #cm.cloud, #cm.left, #cm.right {
	  padding: 10vw 7vw 7vw 7vw !important;
	}
	#s-hdr {
		padding: 7vw 7vw 0 7vw;
	}
	#s-bl {
	  padding: 9px 7vw 0 7vw;
	}
	#s-bns {
	  padding: 10px 7vw 2.5em 7vw;
	}
	#c-bns button + button, #s-cnt button + button {
	  margin-left: 0;
	}
	#c-s-in {
	  max-height: 100% !important;
  }
	#s-inr.bns-t {
	  padding-bottom: 14em;
	}
	.bns-t #s-bns {
		height: auto;
	    max-height: 14em;
		flex-direction: column;
	}
	.cc_div .bns-t .c-bn {
		font-size: 16px;
		padding: 9px 19px 11px 19px;
	}
	.cc_div .b-tg, .cc_div .b-tg .c-tg, .cc_div .b-tg .c-tgl, .cc_div span.t-lb {
	  width: 65px;
	}
	.cc_div .b-tg .c-tgl:checked ~ .c-tg::after {
		transform: translateX(39px);
	}
}
@media screen and (max-width: 688px) {
	#s-bl td {
	  border: none;
	  padding-left: 35%;
	  position: relative;
	}
}




footer {
	background: var(--color-darkgrey);
	color: var(--color-white);
	padding: 61px 0 51px 0;
	font-weight:normal;
}
footer .cont {
	display: flex;
	justify-content: space-between;
	align-items:center;
}
footer nav ul {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
footer a {
	color: var(--color-white);
	font-size: var(--font-footer);
	line-height: var(--lh-footer);
	transition: color 150ms ease;
}
footer a:focus,
footer a:hover {
	color: var(--color-red);
}
.element .restrain,
header .cont,
footer .cont {
	max-width: 1360px;
	margin: 0 auto;
}

header {
	background: transparent;
	color: var(--color-white);
	transition: background 50ms ease;
}
header .sticky-line {
	height: 72px;
	position: relative;
}
header.auf-intro.auf-weiss,
header.auf-beige {
	background: var(--color-white);
}
header.auf-intro.auf-beige,
header.auf-weiss {
	background: var(--color-beige);
}
header.auf-intro.auf-blau {
	background: var(--color-blue);
}
header.auf-blau {
	background: var(--color-beige);
}
header.auf-gelb {
	background: var(--color-white);
}
header.auf-bild {
	background: transparent;
}
header.is-open {
	background: var(--color-blue) !important;
	color: var(--color-white);

}
header .sticky-line .toggle-menu {
	position: absolute;
	right:-15px;
	top: 50%;
	transform: translateY(-50%);
	height: 40px;
	width: 40px;
	display: block;
	cursor: pointer;
}
header .sticky-line .toggle-menu i {
	display: block;
	border-radius: 50%;
	background: var(--color-black);
	width:10px;
	height:10px;
	position: absolute;
	left:calc( 50% - 5px );
	top:0;
	transition: background 150ms ease;

}
header .sticky-line .toggle-menu i:nth-child(2) {
	top:calc(50% - 5px);
	transition-delay:50ms;
}
header .sticky-line .toggle-menu i:nth-child(3) {
	top:auto;
	bottom: 0;
	transition-delay:50ms;
}
header.auf-bild .sticky-line .toggle-menu i {
	background:#fff;
}
header.auf-bild .sticky-line .toggle-menu:focus i,
header.auf-bild .sticky-line .toggle-menu:hover i {
	background:var(--color-yellow);
}
header .sticky-line .toggle-menu:hover i {
	background:#fff;
}
header.auf-gelb .sticky-line .toggle-menu:focus i,
header.auf-beige .sticky-line .toggle-menu:focus i,
header.auf-blau .sticky-line .toggle-menu:focus i,
header.auf-weiss .sticky-line .toggle-menu:focus i ,
header.auf-gelb .sticky-line .toggle-menu:hover i,
header.auf-beige .sticky-line .toggle-menu:hover i,
header.auf-blau .sticky-line .toggle-menu:hover i,
header.auf-weiss .sticky-line .toggle-menu:hover i {
	background: var(--color-red);
}
header.is-open .sticky-line .toggle-menu i {
	background:#000 !important;
}
header.is-open .sticky-line .toggle-menu:focus i,
header.is-open .sticky-line .toggle-menu:hover i {
	background:#fff !important;
}
.element.intro .logos,
header .logos {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 30px;
	margin-bottom: 100px;
}
.home-wm {
	display: block;
	width: 44.78%;
	height: auto;
}
.home-logo {
	display: block;
	width: 13.97%;
	height: auto; /*190px;*/
}
header .home-wm .fillMe,
.intro.bg-blau .home-wm .fillMe,
.intro.bg-bild .home-wm .fillMe,
header .home-logo .fillMe,
.intro.bg-blau .home-logo .fillMe,
.intro.bg-bild .home-logo .fillMe {
  fill: #fff;
}
header {
	max-width:100vw;
	overflow:hidden;
	position: fixed;
	top:0;left:0;right:0;
	z-index:1000;
}

.admin-bar header {
	top:32px;
}
header .details {
	display: none;
}
header.is-open .details {
	display: block;
	height: calc( 100vh - 72px );
	height: calc( var(--doc-height) - 72px );
	overflow:auto;
	max-width: 100vw;
}
header .details .clip {
	overflow:clip;
	max-width:100vw;
}
header nav {
	width: 64.85%;
	margin-left:auto;
	padding-bottom: 140px;
}
header nav li {
	display: block;
	position: relative;
	z-index:1;
}
header nav a {
	display: block;
	position: relative;
	text-transform: uppercase;
	font-size: var(--font-bulletpoints);
	letter-spacing: var(--ls-bulletpoints);
	line-height: var(--lh-bulletpoints);
	transition: color 150ms ease;
	font-weight:300;
	padding: 0.5em 40px 0.42em 0;
}
header nav li a:before {
	display: block;
	position: absolute;
	content:"";
	left:0;
	/*bottom:-1px;top:-1px;
	height:auto;
	border-top: 2px solid var(--color-black);
	border-bottom: 2px solid var(--color-black);
	*/
	width:calc( 100% + ( 100vw - 100% ) / 2 );
    background: var(--color-black);
	height:2px;
	bottom:-1px;
	pointer-events:none;
	z-index:8;
}
header .menu-nav ul.menu > li.menu-item-has-children.is-open ul.sub-menu > li.pre-hover, header .menu-nav ul.menu > li.current-menu-ancestor.menu-item-has-children ul.sub-menu > li.pre-hover,
header nav li.pre-hover,
header nav li.pre-hover a {
	z-index: 16;
	position:relative;
}
header nav li.is-open.pre-hover ul.sub-menu > li:last-child > a:before,
header nav li.is-open ul.sub-menu > li:last-child > a:hover:before {
	height:0;
}
header nav li.pre-hover:not(.is-open) > a:before,
header nav li > a:hover:before {
	height:1px;
}
header nav li > a:hover:before {
	bottom:0;
}
header nav li a:after {
	display: block;
	position: absolute;
	content:"";
	bottom:0px;
	top:0px;
	left:-100vw;
	width:200vw;
	background:var(--color-yellow);
	z-index:5;
	opacity:0;
	transition: opacity 100ms ease;
}
/* header nav li a:focus:after,*/
header nav li a:hover:after {
    opacity:1;
}
header nav li a,
header nav li a span {
	position: relative;
	z-index:15;
}
header nav li a i.icon {
	display: block;
	position: absolute;
	content:"";
	width: 29px;height:29px;
	right:0;
	top:19px;
	transition: background 100ms ease;
	z-index:15;
	pointer-events: none;
}
header nav li a i.icon {
	transition: transform 150ms ease;
}
header nav li.is-open > a i.icon.arrow-rightdown {
	transform: rotate(180deg);
}
header nav li.menu-item-has-children .sub-menu {
	display: none;
	margin-left: 21.79%;
}
header nav li.menu-item-has-children.is-open .sub-menu/*,
header nav li.menu-item-has-children.current-menu-item .sub-menu,
header nav li.menu-item-has-children.current-menu-ancestor .sub-menu */ {
	display: block;
}
header nav li.menu-item-has-children.is-open .sub-menu:before/*,
header nav li.menu-item-has-children.current-menu-item:before,
header nav li.menu-item-has-children.current-menu-ancestor:before*/ {
	display: block;
	position: absolute;
	content:"";
	bottom:-1px;
	top:-1px;
	left:-100vw;
	width:200vw;
	background:var(--color-yellow);
	border-top:2px solid #000;
	border-bottom: 2px solid #000;
	z-index:5;
}
header nav li.menu-item-has-children.is-open.pre-hover .sub-menu:before {
	border-bottom-width: 1px;
}
header nav li.menu-item-has-children.is-open a:after/*,
header nav li.menu-item-has-children.current-menu-item a:after,
header nav li.menu-item-has-children.current-menu-ancestor a:after*/ {
	background:var(--color-beige);
}
header .sticky-wm {
	/*max-width: 28.23%;*/
	width: 384px;
	display: block;
	top: 22px;
	position: absolute;
	left:0;
	opacity:0;
	transition: opacity 100ms ease;
}
header.is-open .sticky-wm {
	opacity:0 !important;
	pointer-events:none !important;
}
.show-wortmarke-in-sticky header:not(.auf-bild) .sticky-wm {
	opacity:1;
}

.header-is-open, .header-is-open body {
	overflow:hidden;
}
.intro.lay-komplett.bg-bild .logos,
.intro.lay-komplett.bg-bild .text,
.intro.lay-komplett.bg-bild .intro-footer {
	opacity:1;
	transition: opacity 200ms ease;
}
.intro-scrolled-step2 .intro.lay-komplett.bg-bild .logos,
.intro-scrolled-step1 .intro.lay-komplett.bg-bild .text,
.intro-scrolled-step1 .intro.lay-komplett.bg-bild .intro-footer {
	opacity:0;
}

svg.overlay {
	position: fixed;
	top:0;left:0;
	width: 100%;
	height: 100%;
	z-index:0;
	transform: scale(-1);
	pointer-events:none;
	display: none;
}
.menu-is-animating svg.overlay {
	z-index:10005;
	display: block;
}
header .menu-nav ul.menu > li.menu-item-has-children.is-open ul.sub-menu > li,
header .menu-nav ul.menu > li.current-menu-ancestor.menu-item-has-children ul.sub-menu > li {
	z-index: 15;
}
#floating-buttons {
	display: none;
	position: sticky;
	height:0;
	overflow:visible;
	bottom: 57px;
	z-index:100;
	pointer-events:none;
}
#floating-buttons .restrain {
	display: flex;
	justify-content:flex-end;	
	max-width: 1360px;
	margin:0 auto;
	padding-bottom: 6px;
	transform: translateY(-100%);
	pointer-events:none;
}
#floating-buttons .restrain > * {
	flex: 0 0 auto;
}
.show-floating-buttons #floating-buttons {
	display: block;
}
#floating-buttons a[href^="tel:"] {
	width:87px;
	height:87px;
	display: block;
	pointer-events:auto;
}

@media screen and (max-width: 1410px) and (min-width: 768px) {
	#floating-buttons .restrain,
	.element .restrain, header .cont, footer .cont {
	  max-width: calc( 100% - 50px );
	}
	#floating-buttons {
	}
	.kontakt-text .icon-link {
	  right: 25px;
	}
}

@media screen and (max-width: 767px) {
	header nav li a:focus:after,
	header nav li a:hover:after {
		opacity:1;
	}
	footer {
		padding: 22px 0 19px 0;
	}
	.element .restrain, header .cont, footer .cont {
	  max-width: calc( 100% - 50px );
	}
	.element.intro .logos, header .logos {
		flex-direction:column;
		justify-content: flex-start;
		align-items:  flex-start;
		padding-top: 9px;
	}
	.element.intro .logos .home-logo {
		order: 1;
	}
	.element.intro .logos .home-wm {
		order: 2;
	}

	.home-logo {
	  width: 110px;
	}
	header .home-logo {
		display: none;
	}
	.home-wm {
	  width: 320px;
		max-width:100%;
		margin-top: 40px;
	}
	header .home-wm {
	  width: 100%;
		margin-top: 0;
	}
	header .logos {
		padding-top:23px;
		margin-bottom: 36px;
	}
	header nav {
	  width: 100%;
	  margin-left: 0;
	  padding-bottom: 80px;
	}
	header nav li a::before {
	  bottom: 0;
	  height: 1px;
	  width: calc( 100vw - 25px );
	}
	header nav a {
	  padding: 0.56em 40px 0.36em 0;
	}
	header nav ul.menu ul.sub-menu a {
	  padding-right: 0;
	}
	header nav li a i.icon {
	  width: 15px;
	  height: 15px;
	  top: 10px;
	}
	header .sticky-line {
	  height: 51px;
	}
	header .sticky-line .toggle-menu {
	  height: 21px;
	}
	header .sticky-line .toggle-menu i {
	  width: 5px;
	  height: 5px;
	  left: calc( 50% - 2px );
	}
	header .sticky-line .toggle-menu i:nth-child(2) {
	  top: 50%;
		transform: translateY(-50%);
	}
	header.is-open .details {
	  height: calc( 100vh - 51px );
		height: calc( var(--doc-height) - 51px );
	}
	header nav li.menu-item-has-children.is-open .sub-menu::before {
	  border-top: 1px solid #000;
	  border-bottom: 1px solid #000;
	}
	header nav li a::after {
		bottom: 0px;
		top: 0px;
	}
	header nav ul.sub-menu li:last-child a::before {
      background: transparent;
	}
	#container {
	  min-height: calc( 100vh - 56px );
	  min-height: calc( var(--doc-height) - 56px );
	}
	header .sticky-wm {
	  width: 84%;
		max-width: 290px;
	  top: 48%;
		transform: translateY(-50%);
	}
	#floating-buttons {
		display: block;
		position: fixed;
		top:calc( var(--doc-height) - 58px );
		transform: translateY(-100%);
		bottom: auto;
		height:auto;
		right:25px;
		z-index:100;
	}
	#floating-buttons .restrain {
	  padding-bottom: 0px;
		transform: none;
	}
	#floating-buttons a[href^="tel:"] {
		width:67px;
		height:67px;
		display: block;
	}
}

/* Sticky Header Logo max. 40px*/
picture.site-logo img,
a.sticky-wm img {
    max-height: 40px !important;
    height: auto !important;
    width: auto !important;
}