@CHARSET "UTF-8";
@import "style-w3norm.css";
@import "style-fontface.css";

/* default 3/2022 */

:root {
	--wimax: 1000px;
	
	--pad: 3.5em;
	--padhalf: calc(--pad*0.5);
	--padthird: calc(--pad*0.333);
	
	--bgall-color: white;	/* zum Entwickeln grau machen */
	
	--bg-color: white;	
	--text-color: #666666;
	--texth-color: #8e7a44;
	--link-color: #666666;
	--btn-color: darkgray;	
	--btntext-color: white;
	--alarm-color: #842e84;
	--border-color: gray;
	--even-color: #f3f3f3;
	--odd-color: #eaeaea;
	
	--bg1-color: #666666;	
	--text1-color: white;	
	--texth1-color: white;		
	--link1-color: white;
	--btn1-color: darkgray;	
	--btntext1-color: white;
	--alarm1-color: #842e84;
	--border1-color: gray;
	--even1-color: #e4e4e4;
	--odd1-color: #eeeeee;

	--color2: #8e7a44; /*gold*/	
	--color4: #778da7; /*eicherblau*/
	--color5:#a69e9e; /*graubraun*/	
	--color6:#d2d2d2; /*hellgrau*/	

	--menubg-color: white;
	--menu-color: #8e7a44;
	--menuactive-color: #666666;
	

	--menubg1-color: #f3f3f3;	
	--menu1-color: #666666; 
	--menuactive1-color: gray;
	
	--feature1-color: black;
	--feature2-color: black;
	--feature3-color: black;
	--feature4-color: black;
	--featurebg1-color: yellow;
	--featurebg2-color: green;
	--featurebg3-color: blue;
	--featurebg4-color: orange;
	
	--logow: 100%;
	--headimg-h: 200px;
	
	--shiftx: calc((100vw - var(--wimax)) * -0.5);
	--shiftw: calc(var(--shiftx) * -1);
}

/*allgemeine Formate*/
body {
	font-family: 'Merriweather';
	font-size: 18px;
	line-height: 1.6em;
	overflow-x: hidden;
	color: var(--text-color);
	background-color: var(--bgall-color, red);
	hyphens: auto;
}
h1, h2, h3, h6 {
	font-family: 'Merriweather', sans-serif;
	font-weight: normal;
	color: var(--texth-color, red);
	text-align: center;
	line-height: 1em;
}
h1, h2 {
	color: #8e7a44;
	margin-bottom: -0.2em;
	margin-top: 2em;
	line-height: 1.2em;
}
h1::after, h2::after {
	content: ".";
	color: transparent;
	display: block;
	width: 100%;
	padding: 1em 0 0 0;
	text-align:center;
	background-image: url("/theme/pferdehof/img/star-gold.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 0.9em;
}
#foot h2::after {
	background-image: url("/theme/pferdehof/img/star-weiss.png");
}
h1 {
	/* font-size: 2.1em; */
	font-size: 1.7em;
}
h2 {
	font-size: 1.7em;
}
h3 {
	font-size: 1.3em;
	text-align: left;
	margin-top: 1.8em;
}
h4, h5, h6 {
	font-size: 1.1em;
	text-align: left;
}
h1 {
	padding-top: 50px;
	text-align: center;
}
h1::before {
  content: "";
  clear: both;
  display: table;
}

a, a:focus, a:visited {
	color: var(--link-color, red);
	text-decoration: underline;
}
a:hover {
	color: var(--link-color, red);
	text-decoration: underline;
}

img {
	max-width: 100%;
	height: auto !important;
}
a>img {
	padding: 1px;
	border: none;
}
img.mwinopen:HOVER, a:HOVER>img {
	opacity: 0.4;
}

/* spezieller Listensatz
#flixcontent ul {
	list-style: none;
	padding: 0;
}
#flixcontent ul li{
	padding-left: 1.3em;
}
#flixcontent ul li::before {
	//content: "\f0d9\f0da";	
	content: "\f0da";	
	font-family: "fontawesome";
	font-style: normal;
	font-weight: normal;
	font-size: inherit;
	display: inline-block;
	text-decoration: inherit;
	width: 1.3em; 
	margin-left: -1.3em; 
	color: var(--alarm-color, red);
}
*/

table {
	border-collapse: collapse;
}
th, td {
	padding: 0.5em;
	border: solid 1px gray;
	/* border: none; */
}
tr:nth-child(odd) td {
	background-color: var(--odd-color, red);
}
tr:nth-child(even) td {
	background-color: var(--even-color, red);
}

figure, caption {
	border: solid 1px #ccc;
	border-radius: 2px;
}
figure, caption, .galery-wrp .gatitle {
	background-color: var(--bgall-color, red) !important;
}
figure {
	text-align: center;
	border: solid 1px #ccc;
	border-radius: 2px;
	padding: 0.2em;
	margin: 0px 0px;
	display: inline-block;
	max-width: 95%;
}
figure>figcaption {
	text-align: center;
}


/* utilities */
* {
	box-sizing: border-box;
}
.contentwide {	
}
.fullwidth {
	position: relative;
	width: 100vw;
	right: calc(50vw - 50%);
}
.nodisplay {
	display: none;
}
.clearafter::after {
  content: "";
  display: block;
  clear: both;
}
.center, .textcenter {
	text-align: center;
}
.textleft {
	text-align: left;
}
.posrel {
	position: relative;
}

@media only print {
	.noprint {
		display: none !important;
	}
	.printit {
		display: block !important;
	}
}

/* Positionenierung für Edit-Klassen*/
.align-left {
	float: left;
	margin-left: 0;
	margin-right: 1.5em;
	margin-top: 0.3em;
	margin-bottom: 0.5em;
}
.align-right {
	float: right;
	margin-right: 0;
	margin-left: 20px;
	margin-top: 0.3em;
	margin-bottom: 0.5em;
}
.align-center {
	text-align: center;
	margin-top: 0.3em;
	margin-bottom: 0.5em;
}

/*Boxes*/
header.top {
	background-color: white; 
	top: 0;
	right: 0;
	width: 100%;
}
#navbar {
	width: 100%;
	/* height: 80px; */
}
#logo {
	width: var(--logow);
	padding: 1em;
	text-align: center;
}
#logo img {
	display: inline-block;
	height: 10.5em !important;
}

/* mobile navigation */
#menubtn-wrp {
	width: 100%;
	height: 0px;
	text-align: center;
}
#menubtn {
	position: absolute;
	top: 0px;
	right: 0;
	display: inline-block;
	width: 60px;
	height: 60px;
	color: var(--color2);
	background-color: var(--menubg1-color, red);	
	font-size: 40px;
	font-weight: bold;
	text-decoration: none;
	padding: 0px;
	text-align: center;
	line-height: 1.4em;
}
#menubtn.on  {
	background-color: transparent;
}
#menubtn.on i.fa-bars::before {
	content: "\f00d";
}
nav {
	position: absolute;
	top: 0px;
	right: 0px;
	color: var(--menu1-color, red);
	background-color: var(--menubg1-color, red);	
	width: 100%;
	padding-top:100px;
	/* text-align: center; */
}
nav ul{
	list-style: none;
	padding-left: 0px;
}
nav li ul {
	display: none;
}
nav li.on ul {
	display: block;
}
nav li {
	position: relative;
	width: 100%;
	border-top: white solid 1px;
}
nav li .showbtn::before {
	display: inline-block;
	position: absolute;
	right: 5px;
	top: 8px;
	padding-right: 30px;
	padding-left: 30px;
	font-family: "Fontawesome";
	font-size: 25px;
	font-style: normal;
	content: "\f055";
}
nav li.on .showbtn::before {
	content: "\f056";
}
nav li .showbtn:hover {
	cursor: pointer;
}
nav a, nav a:focus, nav a:visited {
	/* position: absolute; */
	left: 0;
	top: 0;
	display: inline-block;
	text-decoration: none;
	padding: 8px 40px;	
	font-size: 18px;
	font-weight: normal;
	color: var(--menu1-color, red);
	/* background-color: var(--menubg1-color, red); */
	background-color: transparent;
	width: 100%;		
}
nav li li a {
	padding-left: 70px !important;
}
nav a.active{
	text-decoration: none;
	font-weight: bold;
}
nav a:hover {
	background-color: lightgray;
	text-decoration: none;
}
nav a.brdcrb {
	font-weight: bold;
}

/* to top button */
#totop {
	position: fixed;
	right: 20px;
	bottom: 80px;
	display: none;
	font-size: 22px;
	padding: 6px 10px 10px 10px;
	/* width: 60px; */
	color: white;
	background-color: rgba(0,0,0,0.6);
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}
#totop.on {
	display: block;
}
a#totop:hover, a#totop:focus, a#totop:visited  {
	/* color: green; */
}

/* desktop - navi*/
#menudt {
	position: relative;
	z-index: 1;
	text-align: center;
	padding: 0px;
	padding-top: 0.5em;
	background-color: var(--menubg-color, red);
	font-size: 1.15em;
	line-height: 2.2em;
}
#menudt ul {
	margin: 0;
	padding: 0;
}
#menudt ul li {
	 display: inline-block;
	 list-style: none;
	 position: relative;
}
#menudt a {
	 padding: 1em 0.5em 0em 0.5em;
	 display: inline-block;
	 color:  var(--menu-color, red);
	 text-decoration: none;
	 text-transform: uppercase;
}
#menudt #menudt a.active {
	 color:  var(--menuactive-color, red);
}
#menudt a:hover, #menudt a.active {
	 color:  var(--menuactive-color, red);
	 font-weight: bold;
	 text-decoration: none;
}

#menudt ul ul {
	display: none;
	position: absolute;
	/* top: 3.1em; */
	left: -0.5em;
	/* background-color: var(--color6); */
	background-color: #f3f3f3;
	text-align: left;
	padding: 0;	
	font-size: 0.75em;
	line-height: 2em;
	padding-bottom: 15px;
	padding-top: 15px;
}
#menudt ul ul li {
	/* border-top: var(--border-color) 1px solid; */
	min-width: 12em;
}
#menudt ul ul li:last-of-type {
	/* padding-bottom: 20px; */
}
#menudt ul ul a {
	display: inline-block;
	padding: 0em 1.2em;
	text-transform: none;
}
#menudt li:hover ul {
	display: block;
}


/* Headerbild & herotext*/
#headimg {
	height: var(--headimg-h);
	/* background-image: url(img/headimg-default.jpg); */
	background-position: center;
	background-size: cover;
	display: flex;
  	justify-content: center;
  	align-items: center;
}
#headimg.m-home {
	height: calc( var(--headimg-h) * 1.8);
}
#headimg .hero {
  	display: table-cell;
  	text-align: center;
  	vertical-align: middle;	
  	color: white;
  	background-color: rgba(250,250,250,0.3);
  	height: auto;
  	max-width: 60%;	
  	padding: 1em;
}
#headimg .hero span {
	display: block;
	font-size: 1.8em;
}
#headimg .hero .hero1 {
}
#headimg .hero .hero2 {
	padding-top: 0.2em;
	font-size: 1em;
}


/* content */
#flixcontent {
	position: relative;
	min-height: 200px;
}
h1.pgheader {
	margin-top: 0;
	padding-top: 0;
	padding: 0 var(--pad) 0 var(--pad);
}
.home h1.pgheader {
	/* display: none; */
}
.home .unibox {
	text-align: center;
}
.home #main p:first-of-type {
	/* padding: 0;
	margin: 0; */
}
#main {
	position: relative;
	/* padding-top: 100px; */
	max-width: var(--wimax);
	margin: auto;
	background-color: var(--bg-color, red);
}


/* foot & credits*/
#footimg {
	margin: 0;
}
#footerwrp {
	position: relative;
	width: 100%;
	margin: auto;
	/* background-color: var(--bg1-color, red);*/
	color: var(--text1-color, red);
}
#footerwrp a, #credits a {
	color: var(--link1-color, red);
}
#footerwrp h2, #footerwrp h3 {
	color: var(--texth1-color, red);
}
#foot, #foot2, #foot3 {
	width: 100%;
	text-align:center;
	margin: 0;
	padding: 1em;
}
#credits {
	width: 100%;
	margin: auto;
	text-align: center;
	padding: 1em;
	/* background-color: var(--bg1-color, red); */
	color: var(--text1-color, red);	
}
.ears.blue {
	background-color: var(--color4);
}


/* Vorlagen Blocks & Box*/
.wr, .wri {
	background-color: inherit;
	margin: 0;
	padding: 0;	
	width: 100%;
}
.wri .wri {
	padding: 0;
	border: none;
}
.p1 {
	width: 100%;
	padding: 0 var(--pad) var(--pad) var(--pad);
}
.p55, .p333, .p2222 {
	display: flex;
	/* padding: 0 var(--pad) var(--pad) var(--pad); */
}
.p55 .wri {
	width: 50%;
	/* padding: 0 var(--pad) var(--pad) var(--pad); */
}
.p333 .wri {
	width: 33.333%;
	/* padding: 0 var(--pad) var(--pad) var(--pad); */
}
.p2222 .wri {
	width: 25%;
	/* padding: 0 var(--pad) var(--pad) var(--pad); */
}

.extra1 {
	background-color: var(--color6);
  	position: relative;
  	width: 100vw;
  	right: calc(50vw - 50%);
  	padding-left: calc((100vw - var(--wimax)) / 2);
  	padding-right: calc((100vw - var(--wimax)) / 2);
  	padding-top: 1px;
  	/* padding-bottom: 3em; */
  	margin-top: 3em;
}
.extra2 {
	text-align: center;
}
.extra1 .wri:nth-of-type(1) {
	background-color: var(--featurebg1-color, red);
	color: var(--feature1-color, black);
}
.extra1 .wri:nth-of-type(2) {
	background-color: var(--featurebg2-color, red);
	color: var(--feature2-color, black);
}
.extra1 .wri:nth-of-type(3) {
	background-color: var(--featurebg3-color, red);
	color: var(--feature3-color, black);
}
.extra1 .wri:nth-of-type(4) {
	background-color: var(--featurebg4-color, red);
	color: var(--feature4-color, black);
}

/* Vorlagen Spaltensatz */
.spaltensatz {
	column-gap: var(--pad);
	column-width: 400px;
	padding: 0 var(--pad) var(--pad) var(--pad);
}
.spaltensatz *:first-child {
	margin-top: 0;
}
.singlepostpage #flixcontent {
	/* padding: 0 var(--pad) 0 var(--pad); */
}


/* Vorlagen - feature */
.feature.wri {
	position: relative;
}
.feature img.feature {
	width: 100% !important;
	/*height: 150px !important;*/
	object-fit: cover;
	/* margin-bottom: 2em; */
}
.feature-button {
	position: absolute;
	top: 1em;
	width: 100%;
	text-align: center;
}
.feature a.feature {
	display: inline-block;
	text-align: center;

}
.feature.wri {
	width: 100%;
}
.feature img.feature {
	/* height: 200px !important;*/
}
.feature a, .feature a.feature {
	display: inline-block !important;
	text-decoration: none;
	padding: 0.4em 1.7em;
	width: initial;
	color: white;
	font-family: 'Merriweather Sans';
	font-size: 3em;
	font-weight: 300;
}
.feature h3 {
	display: none;
}


/* Vorlagen btn */
.buttonlink {
	text-decoration: none;
	padding: 0.4em 0.8em;
	display: inline-block;
	margin-bottom: 0.3em;
}
.buttonlink:hover, a.buttonlink:hover {
	text-decoration: none;	
}
.buttonlink, a.buttonlink {
	color: var(--btntext-color, white);
	background-color: var(--btn-color, red);
}
.buttonlink, a.buttonlink:hover {
	background-color: var(--btn-color, red);
}

/* Vorlagen imgs wide */
.imgwide.wri, .imgwide2.wri {
	margin: 0;
	padding: 0;
	line-height: 0;
	position: relative;
	width: 100vw;
	right: calc(50vw - 50%);
	text-align: center;
	border: none;
}
div.imgwide.wri img {
	display: block !important;
	width: 100% !important;
	height: calc(30vw) !important;
	object-fit: cover;
}
div.imgwide2.wri img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	max-width: none;
	object-fit: cover;
}

/* Vorlagen accordion */
.accordion-wrp {
	width: 100%;
}
.accordion {
	margin: 0;
	padding: 0.5em 0em 0.5em 1.3em;
	display: block;
	font-size: 1.1em;
	line-height: 1.5em;
	text-align: left;
	border: none;
	cursor: pointer;
	clear: both;
}
.accordion-wrp, .accordion:nth-of-type(odd), .accordion:nth-of-type(odd) + div {
	background-color: var(--odd-color, red) !important;
}
.accordion:nth-of-type(even), .accordion:nth-of-type(even) + div {
	background-color: var(--even-color, red) !important;
}
h6.accordion {
	font-family: inherit;
	font-weight: bold;
}
.accordion+div.wri {
	display: none;
	background-color: inherit;
	padding: 0.2em 1.3em 1.3em 1.3em !important;
	/* box-sizing: border-box;
	width: 100% !important;		
	border: none; */
}
.accordion:after {
	content: "\f0da";
	font-family: "FontAwesome"; 
	font-weight: 900;
	font-style: normal;	
	display: inline-block;
	margin-left: 15px;
}
.accordion.show:after {
	content: "\f0d7";
}
.accordion.show+div.wri {
	display: block;
}


/** Blockquote & wschild **/
blockquote {
	display: block;
	border: none;
	padding: 20px;
	margin: 0;	
}
blockquote a, blockquote a:focus, blockquote a:visited {
	color: var(--btntext-color, red) !important;
	text-decoration: underline;
}
blockquote {
	color: var(--btntext-color, red);
	background-color: var(--color2, red);
}
blockquote h2, blockquote h3, blockquote h4, blockquote a {
	color: var(--btntext-color, red);
}
blockquote.wschild {
	/* background-color: green; */
}


/* Vorlagen Iconlist */
.iconlist-wrp ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.iconlist-wrp ul li {
	padding-left: 1.5em;
}
.iconlist-wrp ul li:before {
	content: none !important;
}
.iconlist-wrp li span.fa {
	display: inline-block;
	width: 1.5em;
	margin-left: -1.5em;
}

/* Spezialsatz einzelner Objekte 
----------------------------------*/
#wappen {
	width: 8em;
	display: inline-block;
	position: relative;
	top: 6em;
	z-index: 10;
}
.wappen {
	height: 7em;
}



/* Plugins und Spezalsatz aus Funktionen
-----------------------------------------------*/

/* tabsatz */
.tabwrp button.active, .tabwrp button:hover  {
	cursor: pointer;
}
.tabwrp button {
	padding: 0.5em 1em;
}
.tabcontent {
	border: 1px solid gray;
}
.tabwrp .tabnav {
	text-align: center;
}
.tabwrp button, button.active, button:hover  {
	background-color: var(--btn-color, red);	
	color: var(--btn-color, red);	
}
.tabcontent {
	text-align: initial !important;
	border: none;
	columns: none;
}
.tabcontent h3 {
}


/* contactform */
#cfwrap label, #cfwrap span {
	display: inline-block;
	width: 80%;
}
#cfwrap input[type=text], #cftext {
	width: 80%;
}
#cfwrap.cfinfo.ok p::after {
	content: '. Wir melden uns bald möglichst.';
}
.required:after {
	content: ' *';
}
#cfwrap.ok {
	padding: 5px 15px 5px;		
}
#cfwrap.ko {
	padding: 5px 15px 5px;		
}
#cfwrap span {
	display: inline;
}
#cfcountry, label[for="cfcountry"] {
	display: none !important;
}
#cfwrap.ok {
	/* background-color: lightgray; */	
}
#cfwrap.ko {
	/* background-color: lightgray;	*/
	/* color: #993399; */
}


/* po, Beiträge (#po90 | .powrap90 markiert Beitrag 90) */
.singlepostpage #flixcontent {
	padding: 0 var(--pad) 3em var(--pad);
}
.newsimg img {
	width: 100%;
	float: none !important;	
}
.powrap {
	padding: 1.5em var(--pad) 2em var(--pad);
	background-color: var(--color5);
	color: white;	
	margin-bottom: 5em;
}
.powrap:after {
	content: ' ';
	display: block;
	clear: both;
}
.powrap.active .pomor, .powrap .pozu {
	display: none;
	clear: both;
}
.powrap.active .pozu {
	display: inline-block;
}
.powrap h2, .powrap h3 {
	color: white;
	text-transform: uppercase;
	/*font-family: 'Merriweather Sans'; */
	text-align: left;
	margin-top: 1em;
	margin-bottom: 1em;
}
.powrap h2:after {
	display: none;	
} 
.powrap .popferd {
	font-size: 1.2em;
	line-height: 1.5em;
	padding-bottom: 1em;
}
.popferd span {
	font-weight: bold;
}
.pomor, .pozu, .poslinks a {
	font-weight: bold;
	display: inline-block;
	clear: both;
	padding: 0 20px 0 20px;
	line-height: 2.5em;
	color: white;
	background-color: var(--color5);
}
.pomor {
	color: var(--color5);	
	background-color: white;
}
.poslinks a {
	display: inline-block;
	text-decoration: none;
	margin-right: 10px;
	margin: 10px 10px 0 0 ;
}
.pomor, .pomor:HOVER, .pozu:HOVER, .poslinks a:hover  {
	cursor: pointer;
	text-decoration: none;
}
span.pomor:after {
	content: 'mehr erfahren';
}
.pozu {
    width: 100%;
	text-align: right;
}
.poslinks .poback, .poslinks .ponext {
	display: none !important;
}
.pozu:after {
	content: "\f139";
	font-family: flixicon;
	font-size: 1.5em;
	clear: both;
}
.poslinks::before {
	display: block;
	content: '';
	clear: both;
}
.ponext:after {
	content: "vor";
}
.poback:after {
	content: "zurück";
}
.posummary:after {
	content: "Übersicht";
}

.pocontent p:first-child img {
	width: 100%;
	margin-right: 20px;
	margin-bottom: 20px;	
	float: left;
}



/* Galery */
.galery-wrp.flixwallpaper {
	background-color: white;
}
.flixwallpaper .imgs {
  	column-gap: 0.8em !important;
}
.flixwallpaper .imgs img {
	padding: 0;
	margin-bottom: 0.8em;
}
.galery-wrp.flixthumb.tbstart {
	max-width: none !important;
	background-color: inherit;
}
.galery-wrp.flixthumb.tbstart img{
	margin: 0;
	width: 1200px !important;

}
.galery-wrp.flixthumb.tbstart .imgs{
	position: relative;	
	--padding: 0;
	grid-gap: 0;
}
figure, caption, .galery-wrp .gatitle {
    background-color: var(--even-color, red) !important;
    font-weight: normal;
}
.flixgrid .imgs {
	padding: 0 !important;
}



@media (max-width:600px) {
	:root {
		--pad: 1.5em;
	}
	#main {
		padding-left: 0;
		padding-right: 0;
	}
	.wri {
		/* margin-bottom: 20px; */
	}
	body {
		font-size: 18px;
	}
	nav {
		max-width: inherit;
		width: 100%;
		right: 0;
	}
	.p55 .wri {
    	width: initial;
	}	
}

@media (min-width: 601px) {		
	* {
	}
}


@media (min-width:1001px) {
	:root {
		--pad: 5em;
		--headimg-h: 350px;
		--shift: calc((100vw - var(--wimax)) / 2 );
		--shiftl: calc(var(--shift) * -1);
	}
	#menubtn, #menubtn-wrp, #navbarmob {
		display: none !important;
	}
	#footerwrp {
		display: flex;	
	}	
	.ears {
		position: relative;
		background-color: var(--bg1-color, red);
		width: 100vw;
		padding: 0 var(--shift);
		left: var(--shiftl);
	}
}

@media (max-width:1000px) {
	* {
	}
	#menudt {
		display: none;
	}
	#headimg {
	}
	body {
		font-size: 16px;
	}
	#foot, #foot2, #foot3 {
		width: 100%;
	}
	#foot3 {
		top: 0;
	}
	.p55, .p333, .p2222 {
		display: block;
	}
	.p55 .wri, .p333 .wri, .p2222, .wri {
		width: 100% !important;
	}
	
}

@media ( max-width: 1152px) {
	h1.pgheader {
		/* padding: 1em 1em !important; */
	}
}

@media ( min-width: 1151px) 
{
	* {
		--padh: 50px;
		--shift: calc((100vw - var(--wimax)) / 2 );
		--shiftl: calc(var(--shift) * -1);
	}
	header.top	{
		right: calc((100vw - 1100px) / 2 - 8px);
	}
	#footerwrp {
	}

	/* .extra1 {
		position: relative;
		width: 100vw !important;
		padding: 0 var(--shift) !important;
		left: var(--shiftl) !important;		
	} */
}