CSS Child Theme

/* 
Theme Name: Schwarz+Matt Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Schwarz+Matt Child is a child theme of Hello Elementor, created by the Elementor team and modified by Schwart+Matt.
Author: Schwarz+Matt Team
Author URI: https://www.schwarz-matt.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: schwarz+matt-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

html, body {
	max-width: 100% !important;
	overflow-x: hidden !important;
	scroll-behavior: smooth;
}

:root {
  /* Spacing */
  --spacing-s: 24px;
  --spacing-m: 32px;
  --spacing-l: 48px;
  --spacing-xl: 72px;
  --spacing-xxl: 96px;

 /* Farben */
  --color-primary: #7C0A2B;
  --color-secondary: #E9C65A;
  --color-black: #000;
  --color-white: #fff;
  
  /* Schriftart */
  --font-primary: "din-2014", sans-serif;
}

.wrapper {
  padding-left: var(--spacing-s);
  padding-right: var(--spacing-s);
}

.pt-s { padding-top: var(--spacing-s); }
.pt-m { padding-top: var(--spacing-m); }
.pt-l { padding-top: var(--spacing-l); }
.pt-xl { padding-top: var(--spacing-xl); }
.pt-xxl { padding-top: var(--spacing-xxl); }

.pb-s { padding-bottom: var(--spacing-s); }
.pb-m { padding-bottom: var(--spacing-m); }
.pb-l { padding-bottom: var(--spacing-l); }
.pb-xl { padding-bottom: var(--spacing-xl); }
.pb-xxl { padding-bottom: var(--spacing-xxl); }

.p-m { padding: var(--spacing-m); }
.p-l { padding: var(--spacing-l); }

.mt-m { margin-top: calc(var(--spacing-l) * -1); }
.mt-l { margin-top: calc(var(--spacing-xl) * -1); }

.mb-l { margin-bottom: var(--spacing-xl); }

@media (min-width: 768px) {
  :root {
	--spacing-m: 32px;
	--spacing-l: 48px;
	--spacing-xl: 72px;
	--spacing-xxl: 96px;
  }

  .wrapper {
	padding-left: var(--spacing-s);
	padding-right: var(--spacing-s);
  }
}

@media (min-width: 1024px) {
  :root {
	--spacing-m: 48px;
	--spacing-l: 72px;
	--spacing-xl: 96px;
	--spacing-xxl: 120px;
  }

  .wrapper {
	padding-left: var(--spacing-s);
	padding-right: var(--spacing-s);
  }
}

.slider-visible .slick-list {
	overflow: visible;
}

form.post-password-form {
    padding: 120px 24px 72px 24px;
}

[type=button], [type=submit], button {
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #71192c;
    border: 1px solid #71192c;
    padding: .5rem 1rem;
    font-size: 1rem;
    border-radius: 3px;
    transition: all .3s;
}

.aspect-1-1 img {
	aspect-ratio: 1/1 !important;
	object-fit: cover !important;
	object-position: center center !important;
}

.aspect-16-9 img {
	aspect-ratio: 16/9 !important;
	object-fit: cover !important;
	object-position: center center !important;
}

.full-height.elementor-widget-image {
	height: auto;
}

.full-img-height .elementor-widget.elementor-widget-image {
	height: 100%;
}

/* Basis-Button-Stile */
.elementor-button {
  display: inline-block;
  font-family: var(--font-primary);
  font-weight: 600;
  line-height: 120%;
  text-align: center;
  border-radius: 32px;
  padding: 12px 24px;
  transition: all 0.3s ease;
  border: solid 1px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transform-origin: center center;
}

.elementor-button svg {
  transition: fill 0.3s ease;
}

/* Primary Button */
.btn-primary .elementor-button {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
  color: var(--color-black);
}

.btn-primary .elementor-button:hover,
.btn-primary .elementor-button:focus {
  background-color: var(--color-black);
  border-color: var(--color-black);
  color: var(--color-white);
}

.btn-primary .elementor-button svg path {
  fill: var(--color-black);
}

.btn-primary .elementor-button:hover svg path,
.btn-primary .elementor-button:focus svg path {
  fill: var(--color-white);
}

/* Secondary Button */
.btn-secondary .elementor-button {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-white);
}

.btn-secondary .elementor-button:hover,
.btn-secondary .elementor-button:focus {
  background-color: var(--color-black);
  border-color: var(--color-black);
  color: var(--color-white);
}

.btn-secondary .elementor-button svg path {
  fill: var(--color-white);
}

.btn-secondary .elementor-button:hover svg path,
.btn-secondary .elementor-button:focus svg path {
  fill: var(--color-white);
}

/* White Button */
.btn-white .elementor-button {
  background-color: var(--color-white);
  border-color: var(--color-white);
  color: var(--color-black);
}

.btn-white .elementor-button:hover,
.btn-white .elementor-button:focus {
  background-color: black;
  border-color: var(--color-black);
  color: var(--color-white);
}

.btn-white .elementor-button svg path {
  fill: var(--color-black);
}

.btn-white .elementor-button:hover svg path,
.btn-white .elementor-button:focus svg path {
  fill: var(--color-white);
}

/* support color elementor-icon-widget
----------------------------------------*/

.elementor-widget-icon svg {
	fill: currentColor;
}

.elementor-widget-icon svg path {
	fill: currentColor;
}

svg path {
	fill: currentColor;
}

video {
    border-radius: 32px !important;
}

.navi-box:hover .navi-box-title span {
    color: #000 !important;
}

.navi-box:hover .navi-box-text span.elementor-heading-title.elementor-size-default {
    color: #000 !important;
}

/* Elementor Form Start
 -------------------------------- */

/*-- select field custom icon --*/

.elementor-field.elementor-select-wrapper .select-caret-down-wrapper svg {
	display: none;
}

.elementor-form input[type=date],
.elementor-form input[type=email],
.elementor-form input[type=number],
.elementor-form input[type=password],
.elementor-form input[type=search],
.elementor-form input[type=tel],
.elementor-form input[type=text],
.elementor-form input[type=url],
.elementor-form select,
.elementor-form textarea {
	padding: 13px 20px;
}

.elementor-field.elementor-select-wrapper .select-caret-down-wrapper:before {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 511.9 272' viewBox='0 0 511.9 272'%3E%3Cpath d='M256 272c-4.2 0-8.2-1.6-11.4-4.6l-240-240c-6.2-6.2-6.2-16.3 0-22.6s16.3-6.2 22.6 0L256 233.5 484.7 4.7c6.2-6.2 16.3-6.2 22.6 0 6.2 6.2 6.2 16.3 0 22.6l-240 240c-3.1 3.1-7.1 4.7-11.3 4.7z' style='fill:%23111'/%3E%3C/svg%3E");
	width: 15px;
	height: 8px;
	display: block;
	background-size: contain;
	position: absolute;
	right: 12px;
	top: 4px;
}

.eicon-caret-down:before {
	content: "" !important;
}

/*-- dse checkbox --*/

.elementor-form .elementor-field-type-acceptance .elementor-field-option {
	display: flex;
	gap: .5rem;
	cursor: pointer;
}

/* reset checkbox */
.elementor-form .elementor-field-type-acceptance input {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	position: relative;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-color: transparent !important;
}

.elementor-element.elementor-widget-form .elementor-form .elementor-field-type-acceptance label {
	font-size: 14px;
	line-height: 1.3;
	cursor: pointer;
}

.elementor-form .elementor-field-type-acceptance label a {
	color: var(--e-global-color-primary);
	text-decoration: underline;
}

.elementor-field-subgroup.elementor-subgroup-inline {
	gap: 32px;
}

body .elementor-19 .elementor-element.elementor-element-e1087f3 .elementor-labels-above .elementor-field-group > label {
	padding-top: 24px;
}

.elementor-field-type-acceptance.elementor-field-group.elementor-column.elementor-field-group-field_d22b590.elementor-col-100 {
	margin-top: 12px;
}

.elementor-field-type-acceptance.elementor-field-group.elementor-column.elementor-field-group-field_80c99cf.elementor-col-100 {
	margin-bottom: 48px;
}

/* check box */
.elementor-form .elementor-field-type-acceptance input:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 4px;
	border: 1px solid #2A1E2A;
	background-color: transparent;
}

/* checked icon */
.elementor-form .elementor-field-type-acceptance input:after {
	content: "";
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-right-width: 2px;
	border-color: #2A1E2A;
	display: inline-block;
	position: absolute;
	height: 10px;
	width: 5px;
	left: 8px;
	top: 4px;
	transform: rotate(45deg);
	opacity: 0;
	transition: .125s;
}

.elementor-form .elementor-field-type-acceptance input:checked:after {
	opacity: 1;
}

/* Making checkbox and radio button invisible */
input[type="radio"] {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden !important;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* For Radio button */
.elementor-field-type-radio > div label:before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 16px;
	border-radius: 100%;
	vertical-align: -1px;
	border: 2px solid #2A1E2A;
	/* border: 2px solid rgba(0,0,0,0.25); */
	padding: 0.13em;
	background-color: transparent;
	/* background-color: transparent; */
	/* background-clip: content-box; */
	transition: all 0.2s ease;
}
.elementor-field-type-radio > div label {
	margin-right: 1em;
}
.elementor-field-type-radio > div input:hover + label:before {
	border-color: #2A1E2A;
}
.elementor-field-type-radio > div input:checked + label:before {
	background-color: transparent;
	border-color: #2A1E2A;
}

/* Elementor Form End
 -------------------------------- */
 
 .jet-select__control {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.642' height='8' viewBox='0 0 13.642 8'%3E%3Cpath id='Pfad_4732' data-name='Pfad 4732' d='M1081.507,212.185a1.19,1.19,0,0,1-.847-.351l-5.61-5.625a1.2,1.2,0,0,1,0-1.689l5.61-5.626a1.2,1.2,0,1,1,1.693,1.689l-4.769,4.782,4.769,4.781a1.2,1.2,0,0,1-.847,2.04' transform='translate(-198.543 1082.703) rotate(-90)' fill='%23212121'/%3E%3C/svg%3E%0A");
   background-repeat: no-repeat;
   background-position-x: 92%;
   background-position-y: 21px;
 }


/* inverted border radius container
 -------------------------------- */

/* https://css-shape.com/inverted-radius/ */

:root {
    --r: 26px;
    --s: 26px;
    --x: 10px;
    --y: 10px;
    --border-radius-base: 26px;
}

@media (min-width: 768px) {
    :root {
        --r: 36px;
        --s: 36px;
        --x: 16px;
        --y: 16px;
        --border-radius-base: 36px;
    }
	
	 :root {
        --r-with-img: 42px;
        --s-with-img: 42px;
       --x-with-img: 56px;
        --y-with-img: 84px;
        --border-radius-base: 36px;
    }
}

/*-- icon base style --*/

.border-radius-inverted .elementor-widget-icon {
    background-color: var(--color-primary);
    width: calc((var(--border-radius-base)) * 2);
    height: calc((var(--border-radius-base)) * 2);
    border-radius: calc((var(--border-radius-base)) * 2);
    position: absolute;
    transition: .25s;
}

.border-radius-inverted .elementor-widget-icon.icon_primary {
	background-color: var(--color-primary);
}

.border-radius-inverted .elementor-widget-icon.icon_secondary {
	background-color: var(--color-secondary);
}

.border-radius-inverted:hover .elementor-widget-icon.icon_secondary svg path{
	fill:  var(--color-white);
}

.border-radius-inverted .elementor-widget-icon.icon_third {
	background-color: var(--color-white);
}

.border-radius-inverted:hover .elementor-widget-icon.icon_third svg path{
	fill:  var(--color-white);
}


.border-radius-inverted .elementor-widget-icon.icon_transparent{
	background-color: transparent;
}

.border-radius-inverted .elementor-widget-icon.icon_transparent svg path{
	fill:  var(--color-primary);
}


@media (min-width: 140px){
  	.border-radius-inverted:hover .elementor-widget-icon {
		background-color: var(--color-black);
	}
	
	.border-radius-inverted:hover .elementor-widget-icon.icon_transparent svg path {
		fill: #ffffff;
	}
}

.border-radius-inverted .elementor-icon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

/*-- icon position --*/

.border-radius-inverted.btn-bottom-left .elementor-widget-icon {
    left: 0;
    bottom: 0;
}

.border-radius-inverted.btn-bottom-right .elementor-widget-icon {
    right: 0;
    bottom: 0;
}

.border-radius-inverted.btn-top-right .elementor-widget-icon {
    right: 0;
    top: 0;
}

.border-radius-inverted.btn-top-left .elementor-widget-icon {
    left: 0;
    top: 0;
}

/*-- img base style --*/

.border-radius-inverted .elementor-widget-image {
    transition: .25s;
}

.border-radius-inverted.btn-bottom-left .elementor-widget-image,
.border-radius-inverted.btn-bottom-left .elementor-widget-video{
    border-radius: var(--r);
    --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%);
    --_g: conic-gradient(from 180deg at var(--r) calc(100% - var(--r)), #0000 25%, #000 0);
    --_d: (var(--s) + var(--r));
    mask:
        calc(var(--_d) + var(--x)) 100% var(--_m),
        0 calc(100% - var(--_d) - var(--y)) var(--_m),
        radial-gradient(var(--s) at 0 100%, #0000 99%, #000 calc(100% + 1px)) calc(var(--r) + var(--x)) calc(-1*var(--r) - var(--y)),
        var(--_g) calc(var(--_d) + var(--x)) 0,
        var(--_g) 0 calc(-1*var(--_d) - var(--y));
    mask-repeat: no-repeat;
}

.border-radius-inverted.btn-bottom-right .elementor-widget-image,
.border-radius-inverted.btn-bottom-right .elementor-widget-video {
  border-radius: var(--r);
  --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
  --_g:conic-gradient(from 90deg at calc(100% - var(--r)) calc(100% - var(--r)),#0000 25%,#000 0);
  --_d:(var(--s) + var(--r));
  mask:
    calc(100% - var(--_d) - var(--x)) 100% var(--_m),
    100% calc(100% - var(--_d) - var(--y)) var(--_m),
    radial-gradient(var(--s) at 100% 100%,#0000 99%,#000 calc(100% + 1px)) 
     calc(-1*var(--r) - var(--x)) calc(-1*var(--r) - var(--y)),
    var(--_g) calc(-1*var(--_d) - var(--x)) 0,
    var(--_g) 0 calc(-1*var(--_d) - var(--y));
  mask-repeat: no-repeat;
}

.border-radius-inverted.btn-top-right .border-radius-inverted_container,
.border-radius-inverted.btn-top-right .elementor-widget-image,
.border-radius-inverted.btn-top-right .elementor-widget-video{
  border-radius: var(--r);
  --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
  --_g:conic-gradient(at calc(100% - var(--r)) var(--r),#0000 25%,#000 0);
  --_d:(var(--s) + var(--r));
  mask:
    calc(100% - var(--_d) - var(--x)) 0 var(--_m),
    100% calc(var(--_d) + var(--y)) var(--_m),
    radial-gradient(var(--s) at 100% 0,#0000 99%,#000 calc(100% + 1px)) 
     calc(-1*var(--r) - var(--x)) calc(var(--r) + var(--y)),
    var(--_g) calc(-1*var(--_d) - var(--x)) 0,
    var(--_g) 0 calc(var(--_d) + var(--y));
  mask-repeat: no-repeat;
}


.border-radius-inverted.btn-top-left .elementor-widget-image,
.border-radius-inverted.btn-top-left .elementor-widget-video{
  border-radius: var(--r);
  --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
  --_g:conic-gradient(at var(--r) var(--r),#000 75%,#0000 0);
  --_d:(var(--s) + var(--r));
  mask:
    calc(var(--_d) + var(--x)) 0 var(--_m),
    0 calc(var(--_d) + var(--y)) var(--_m),
    radial-gradient(var(--s) at 0 0,#0000 99%,#000 calc(100% + 1px)) 
     calc(var(--r) + var(--x)) calc(var(--r) + var(--y)),
    var(--_g) calc(var(--_d) + var(--x)) 0,
    var(--_g) 0 calc(var(--_d) + var(--y));
  mask-repeat: no-repeat;
}

.border-radius-inverted.img-goes-corner .elementor-widget-image{
	border-radius: 0;
    mask-repeat: unset;
}


.border-radius-inverted.btn-top-right.img-goes-corner .border-radius-inverted_container{
	 border-radius: var(--r-with-img);
  --_m:/calc(2*var(--r-with-img)) calc(2*var(--r-with-img)) radial-gradient(#000 70%,#0000 72%);
  --_g:conic-gradient(at calc(100% - var(--r-with-img)) var(--r-with-img),#0000 25%,#000 0);
  --_d:(var(--s-with-img) + var(--r-with-img));
  mask:
    calc(100% - var(--_d) - var(--x-with-img)) 0 var(--_m),
    100% calc(var(--_d) + var(--y-with-img)) var(--_m),
    radial-gradient(var(--s-with-img) at 100% 0,#0000 99%,#000 calc(100% + 1px)) 
     calc(-1*var(--r-with-img) - var(--x-with-img)) calc(var(--r-with-img) + var(--y-with-img)),
    var(--_g) calc(-1*var(--_d) - var(--x-with-img)) 0,
    var(--_g) 0 calc(var(--_d) + var(--y-with-img));
  mask-repeat: no-repeat;
}

.border-radius-inverted.btn-top-right.img-goes-corner .elementor-widget-image{
	position: absolute;
	right: 0;
	top: 0;
	height: calc((var(--border-radius-base)) * 3.75);
	width: calc((var(--border-radius-base)) * 3);
	border-radius: calc((var(--border-radius-base)) / 2);
}

/*-- reset border radius - um zweispaltige divs zu ermöglichen - sstartseite section *Mineralische Rohstoffgewinnung
im Faktencheck* --*/

/* border radius top left */
.border-radius-inverted.btn-top-right.reset_top-left .border-radius-inverted_container,
.border-radius-inverted.btn-top-right.reset_top-left .elementor-widget-image,
.border-radius-inverted.btn-top-right.reset_top-left .elementor-widget-video{
	border-top-left-radius: 0;
}

/* border radius top right */
.border-radius-inverted.btn-top-right.reset_top-right .border-radius-inverted_container,
.border-radius-inverted.btn-top-right.reset_top-right .elementor-widget-image,
.border-radius-inverted.btn-top-right.reset_top-right .elementor-widget-video{
	border-top-left-radius: 0;
}

/* border radius bottom left */
.border-radius-inverted.btn-top-right.reset_bottom-left .border-radius-inverted_container,
.border-radius-inverted.btn-top-right.reset_bottom-left .elementor-widget-image,
.border-radius-inverted.btn-top-right.reset_bottom-left .elementor-widget-video{
	border-bottom-left-radius: 0;
}

/* border radius bottom right */
.border-radius-inverted.btn-top-right.reset_bottom-right .border-radius-inverted_container,
.border-radius-inverted.btn-top-right.reset_bottom-right .elementor-widget-image,
.border-radius-inverted.btn-top-right.reset_bottom-right .elementor-widget-video{
	border-bottom-left-radius: 0;
}

/*-- hide effekt on mobile */
@media (max-width: 768px){
	.border-radius-inverted.border-radius-inverted_hide-mobile .elementor-widget-image,
	.border-radius-inverted.border-radius-inverted_hide-mobile .elementor-widget-video,
	.border-radius-inverted.border-radius-inverted_hide-mobile .border-radius-inverted_container{
		mask-repeat: unset;
		border-radius: 0;
	}
	
	.border-radius-inverted.border-radius-inverted_hide-mobile .elementor-widget-icon{
		display: none;
	}
}




/* inverted border radius container - image container
 -------------------------------- */

.image-accordion-v1 .jet-image-accordion__item img,
.image-accordion-v1 .jet-image-accordion__item:before,
.image-accordion-v1.elementor-element .jet-image-accordion__item .jet-image-accordion__content,
.image-accordion-v1.elementor-element .jet-image-accordion__item .jet-image-accordion__item:before{
	  --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
  --_g:conic-gradient(at calc(100% - var(--r)) var(--r),#0000 25%,#000 0);
  --_d:(var(--s) + var(--r));
  mask:
    calc(100% - var(--_d) - var(--x)) 0 var(--_m),
    100% calc(var(--_d) + var(--y)) var(--_m),
    radial-gradient(var(--s) at 100% 0,#0000 99%,#000 calc(100% + 1px)) 
     calc(-1*var(--r) - var(--x)) calc(var(--r) + var(--y)),
    var(--_g) calc(-1*var(--_d) - var(--x)) 0,
    var(--_g) 0 calc(var(--_d) + var(--y));
  mask-repeat: no-repeat;
}

.image-accordion-v1 .jet-image-accordion__item:after{
	content: "";
	background-color: var(--color-secondary);
    width: calc((var(--border-radius-base)) * 2);
    height: calc((var(--border-radius-base)) * 2);
    border-radius: calc((var(--border-radius-base)) * 2);
    position: absolute;
    transition: .25s;
	top: 0;
	right: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Ebene_1' data-name='Ebene 1' viewBox='0 0 24.14 24.75'%3E%3Cscript xmlns='' src='chrome-extension://mfidniedemcgceagapgdekdbmanojomk/js/elephant.js'/%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B mask: url(%23mask); %7D .cls-2 %7B fill: %23d9d9d9; %7D .cls-2, .cls-3 %7B stroke-width: 0px; %7D .cls-3 %7B fill: %23fff; %7D %3C/style%3E%3Cmask id='mask' x='-13.08' y='-11.07' width='48.29' height='48.29' maskUnits='userSpaceOnUse'%3E%3Cg id='mask0_266_936' data-name='mask0 266 936'%3E%3Crect class='cls-2' x='-6.01' y='-3.99' width='34.14' height='34.14' transform='translate(-6.01 11.66) rotate(-45)'/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Cg class='cls-1'%3E%3Cpath class='cls-3' d='m13.48,24.75h-2.82V5.43L2.01,14.08l-2.01-2.01L12.07,0l12.07,12.07-2.01,2.01L13.48,5.43v19.31Z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(45deg);
}

.image-accordion-v1 .jet-image-accordion__item.active-accordion:after{
	 transform: rotate(90deg);
	background-color: #000000;
	
}