@charset "utf-8";
@import url("normalize.css");
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:ital,wght@0,400..700;1,400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Chiron+Hei+HK:ital,wght@0,200..900;1,200..900&display=swap');

html {font-size: 100%; scroll-behavior: smooth;}
body {margin: 0; font-family: 'Heebo', sans-serif; color: #111; background-color: #fff; box-sizing: border-box; font-size: 1rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased;}
ul {margin: 0; padding: 0; list-style: none;}
dl {margin: 0;}
img {width: 100%; height: auto; display: block; border-radius: 0.625rem;}

*, ::before, ::after {box-sizing: inherit;}

h1 {font-family: 'Chiron Hei HK', sans-serif; font-weight: 475; font-size: 2rem; margin: 1.25rem 0; line-height: 1.5; letter-spacing: -0.02rem}
h2 {font-family: 'Chiron Hei HK', sans-serif; color: #191f22; font-weight: 475; font-size: 1.6875rem; line-height: 1.5; margin: 6rem 0 2rem 0; letter-spacing: -0.03rem; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
h3 {font-weight: 525; font-size: 1.375rem; line-height: 1.375; margin: 1rem 0;}
h4 {font-family: 'Chiron Hei HK', sans-serif; color: #191f22; font-weight: 475; font-size: 1.75rem; line-height: 1.5; margin: 0; letter-spacing: 0.01rem}
h5 {font-weight: 525; font-size: 1.375rem; line-height: 1.375; margin: 1rem 0;}

p {font-family: 'Archivo', sans-serif; font-size: 1.125rem; font-weight: 350; line-height: 1.75; hyphens: auto; margin: 1.25rem 0;}
p strong {font-weight: 525;}
a {color: #191f22;}
sup {font-weight: 275}
figure {margin: 0;}

.ressorts {margin: 5rem auto 8rem auto; display: flex; gap: 5rem;}
.ressorts ul {flex: 62% 1 0; font-family: 'Chiron Hei HK', sans-serif; font-weight: 425; font-size: 1.375rem; line-height: 1.5; letter-spacing: -0.02rem}
.ressorts ul li {margin-bottom: 0.5rem;}
.ressorts a {text-decoration: none; display: block; background-color: transparent; padding: 0.25rem 1rem; border-radius: 0.5rem; display: flex; justify-content: space-between; align-items: center; transition: all 0.25s ease-in-out;}
.ressorts a:hover {background-color: #fff;}
.ressorts a:after {font-family: 'Material Symbols Outlined'; -webkit-font-feature-settings: 'liga' 1; -moz-font-feature-settings: 'liga' 1; font-feature-settings: 'liga' 1; content: "\e5cc"; font-size: 1.75rem; font-weight: 300;}
.ressorts div {display: none;padding-left: 5rem; border-left: 2px #000 solid; font-size: 0.9375rem;}

.material-symbols-outlined {font-family: 'Material Symbols Outlined'; font-variation-settings: 'FILL' 1, 'GRAD' -25, 'opsz' 48; font-size: 1.375rem; line-height: 1; color: #a8aaac; font-weight: 300; display: inline-block; vertical-align: middle; text-transform: none; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga';}
.fill {font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' -25, 'opsz' 48; color: #191c1f;}
.frag { position: relative;}
.frag::after {content: "\e838";	fill: 1; color: #191c1f; position: absolute; top: 0; left: 0; display: block; acontent: ttr(data-content); overflow: hidden;}
.frag33::after {width: 33%;}
.frag50::after {width: 50%;}
.frag66::after {width: 66%;}

header {margin: 0 auto; max-width: 1768px; padding: 1.25rem 1.5rem; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
main > article {margin: 0 auto; max-width: 1768px; padding: 0 1.5rem;}

.logo {display: inline-block; font-size: 1.3125rem; text-transform: uppercase; padding: 0.5rem 0.9375rem; font-family: 'Chiron Hei HK', sans-serif; font-weight: 525; white-space: nowrap;}
.logo {background: linear-gradient(to right, transparent 0.125rem, transparent 0.125rem) 0 0, linear-gradient(to right, #191f22 0.125rem, transparent 0.1875rem) 0 100%, linear-gradient(to left, #191f22 0.125rem, transparent 0.1875rem) 100% 0, linear-gradient(to left, transparent 0.125rem, transparent 0.125rem) 100% 100%, linear-gradient(to bottom, transparent 0.125rem, transparent 0.125rem) 0 0, linear-gradient(to bottom, #191f22 0.125rem, transparent 0.1875rem) 100% 0, linear-gradient(to top, #191f22 0.125rem, transparent 0.1875rem) 0 100%, linear-gradient(to top, transparent 0.125rem, transparent 0.1875rem) 100% 100%; background-repeat: no-repeat; background-size: 35% 45%;}
.logo a {text-decoration: none;}

.button-black {family: "Heebo", sans-serif; font-weight: 525; text-transform: uppercase; font-size: 0.75rem; text-decoration: none; letter-spacing: 0.1rem; padding: 0.75rem 1.5rem; color: #fff; background-color: #191f22; font-weight: 425; border-radius: 0.25rem;}

header ul {display: flex; align-items: center; gap: 1.25rem; font-family: "Heebo", sans-serif; font-weight: 525; text-transform: uppercase; font-size: 0.75rem; letter-spacing: 0.075rem;}
header li a {display: block; text-decoration: none; white-space: nowrap; position: relative; line-height: 2.75;}
header .icon-menu {display: none; font-weight: 450; font-size: 1.875rem; color: #191f22;}
header .button-rate {margin-left: 0.75rem;}
header .button-rate a {padding: 0.375rem 1.5rem; color: #fff; background-color: #191f22; font-weight: 425; border-radius: 0.25rem;}

.nav ul a::after {content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); opacity: 0; transition: opacity 0.6s ease 0s; width: 2rem; height: 0.125rem; background-color: #191f22;}
.nav ul a:hover::after {opacity: 1;}
.nav ul .active::after {opacity: 1;}

.menu {background-color: #eeeff1;}
.menu .about div + ul {display: none;}

.wrapper-small {margin: 0 auto;	max-width: 900px; text-align: left;}
.wrapper-content {margin: 0 auto; max-width: 1360px; text-align: left;}
.wrapper-content p {margin-left: auto; margin-right: auto; max-width: 900px;}
.wrapper-content h2 {text-align: center; font-size: 1.75rem; margin: 3rem 0;}

.reviews { max-width: 1580px; margin: 5rem auto; display: flex; flex-wrap: wrap; gap: 1.875rem; font-family: 'Archivo', sans-serif; font-size: 0.875rem; font-weight: 350; line-height: 1.625; text-align: left;}
.reviews a {flex: calc(33.3333% - 1.25rem) 0 0; display: flex; flex-direction: column; text-decoration: none; border-radius: 0.625rem; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);}
.reviews a:hover {box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.4); transition: all 0.25s ease-in-out;}
.reviews a > figure {flex: calc(50% - 0.75rem) 0 0;}
.reviews a > figure img {border-radius: 0.625rem 0.625rem 0 0;}
.reviews a > div {flex: auto 1 1; display: flex; justify-content: space-between; flex-direction: column;}
.reviews h2 {margin: 0 0 1rem 0; font-size: 1.125rem; font-weight: 550;}
.reviews ul strong {font-weight: 550; padding-right: 0.25rem;}
.reviews ul li {display: flex; align-items: center;}
.reviews ul li::before {line-height: 1; font-family: 'Material Symbols Outlined'; -webkit-font-feature-settings: 'liga' 1; -moz-font-feature-settings: 'liga' 1; font-feature-settings: 'liga' 1; font-size: 1.125rem; font-weight: 300; margin-right: 0.5rem; display: inline-block; content: "\e56d";}
.reviews ul li:first-child::before {content: "\f8af";}
.reviews .reviewcar {flex: auto 1 1; padding: 1.5rem 1.5rem 3rem 1.5rem; display: flex; flex-direction: column; justify-content: center;}
.reviews .reviewdetails {padding: 1rem 1.5rem; border-top: 1px solid #959899;}
.reviews .reviewstars {display: flex; align-items: center; justify-content: space-between; gap: 0.75rem;}
.reviews .reviewstars > div {display: flex; align-items: center; gap: 0.75rem;}
.reviews .reviewstars strong {font-family: 'Heebo', sans-serif; background-color: #191f22; border-radius: 50%; width: 2.125rem; height: 2.125rem; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 0.875rem; font-weight: 525;}
.reviews .reviewdetails em {color: #535457; text-align: right;}
.reviews .reviewdetails em::before {content: "Bewertung von";}

.modelintro {margin: 0.5rem auto 5rem auto; display: flex; justify-content: space-between; align-items: center; background-color: #eeeff1; border-radius: 0.75rem;}
.modelintro img {border-radius: 0.75rem 0 0 0.75rem;}
.modelintro figure {flex: 50% 0 0;}
.modelintro figure + div {text-align: center; padding: 2rem 4rem; width: 100%;}
.modelintro figure + div a {font-family: Heebo, sans-serif; color: #535457; text-decoration: none; font-weight: 550; text-transform: uppercase; font-size: 1rem; letter-spacing: 0.1275rem;}

.totalpoints {font-family: 'Heebo', sans-serif; background-color: #191f22; border-radius: 50%; width: 5.25rem; height: 5.25rem; display: flex; justify-content: center; align-items: center; margin: 2.5rem auto 1.5rem auto;}
.totalpoints strong {font-size: 1.875rem; font-weight: 600; color: #fff; margin: 0;}

.rating-stars {white-space: nowrap;}
.rating-stars span {font-size: 1.375rem; margin: 0 -0.1875rem;}
.modelintro .rating-stars span {font-size: 2rem;}

.review {margin: 0 auto; max-width: 900px;}
.review h2 {margin-top: 5rem;}
.review h3 {text-align: center; margin: 4rem 0 2.5rem 0; font-size: 1.125rem; text-transform: uppercase; letter-spacing: 0.02rem;}

.authorbox {margin: 0 auto 3.5rem auto; color: #6b6d70; font-weight: 450; font-size: 1rem;}
.authorbox address {display: inline; margin: 0}
.authorbox a { text-decoration: none; color: #6b6d70; font-weight: 525;}

.authorbox + p {font-weight: 450;}
.authorbox + p::first-letter {font-size: 5.5rem; float: left; letter-spacing: 0.875rem; font-weight: 600; line-height: 1;}

.rating {display: flex; flex-wrap: wrap; gap: 1rem; margin: 3rem auto 4.75rem auto;}
.rating li {flex: calc(20% - 0.8rem) 0 0; padding: 1.25rem 1rem 0.875rem 1.125rem; background-color: #191f22; border-radius: 0.5rem; line-height: 1; text-align: left;}
.rating li span {font-family: 'Archivo', sans-serif; font-weight: 300; font-size: 1rem; color: #CBCCCD;}
.rating strong {font-size: 1.25rem; color: #fff; font-weight: 550; display: flex; align-items: center; gap: 0.5rem; margin: 0.75rem 0 0 0;}
.rating strong::before {font-family: 'Material Symbols Outlined'; -webkit-font-feature-settings: 'liga' 1; -moz-font-feature-settings: 'liga' 1; font-feature-settings: 'liga' 1; ; font-size: 2.125rem; font-weight: 100; color: #CBCCCD; transform: translateY(-1px); line-height: 1;}
.icon-range strong::before  {content:  "\e87a";}
.icon-charge strong::before  {content:  "\e56d";}
.icon-comfort strong::before  {content:  "\efed";}
.icon-fun strong::before  {content:  "\e69f";}
.icon-connectivity strong::before  {content:  "\f323";}
.icon-safety strong::before  {content:  "\e9e0";}
.icon-reliability strong::before  {content:  "\e52d";}
.icon-design strong::before  {content:  "\f10a";}
.icon-battery strong::before  {content:  "\ea0b";}
.icon-maintenance strong::before  {content:  "\e926";}
.icon-quality strong::before  {content:  "\e031";}
.icon-service strong::before  {content:  "\e869";}
.icon-price strong::before  {content:  "\f4e3";}


.data {background-color: #eeeff1; text-align: center; margin: 0 auto -5rem auto; padding: 5rem 1.5rem;}
.data > div {max-width: 900px; margin: 0 auto;}
.data h2 {margin-top: 0;}

.datadetails {display: flex; flex-flow: row wrap; overflow: visible; margin: 4rem 0 5rem 0; text-align: left;}
.datadetails dt {flex: 38% 0 0; border-top: 1px solid #c4c4c4; padding: 1.75rem 0; 'Chiron Hei HK'; font-size: 1.3125rem; font-weight: 500;}
.datadetails dd {flex: 62% 1 1; border-top: 1px solid #c4c4c4; padding: 1.5rem 0 1.75rem 0; margin: 0;}
.datadetails dt:last-of-type {border-bottom: 1px solid #c4c4c4;}
.datadetails dt:last-of-type + dd {border-bottom: 1px solid #c4c4c4;}
.datadetails p {margin: 0; font-size: 1.0625rem; line-height: 1.75; color: #535457; font-weight: 350;}
.datadetails + h2 {font-size: 1.75rem;}

.whitebox {margin: 5rem 0;}
.graybox {background-color: #eeeff1; margin: 4rem 0; padding: 2rem 1.5rem; border-radius: 0.75rem;}
.graybox h2 {font-size: 1.75rem; margin-top: 0}
.graybox .fussnote { margin-bottom: 0;}

.chargingtime {display: flex; flex-wrap: wrap; justify-content: center; gap: 0.75rem;}
.chargingtime > div {flex: auto 1 1; background-color: #010205; border-radius: 0.75rem; padding: 1.375rem; text-align: center;}
.chargingtime dl {display: flex; flex-direction: column; line-height: 1.4}
.chargingtime dt {font-family: 'Archivo', sans-serif; font-weight: 300; font-size: 0.9375rem; color: #CBCCCD;}
.chargingtime dt strong {font-family: 'Chiron Hei HK', sans-serif; color: #fff; font-size: 1.125rem; font-weight: 400; display: block; margin-bottom: 0.5rem;}
.chargingtime dd {font-family: 'Archivo', sans-serif; font-size: 1.3125rem; font-weight: 550; color: #fff; margin: 0.875rem 0 0 0;}
.chargingtime sup {color: #CBCCCD; font-size: 0.875rem; font-weight: 350;}

.warrenty {display: flex; flex-wrap: wrap; justify-content: center; gap: 0.75rem; margin: 3rem 0 0 0;}
.warrenty > div {flex: 12rem 1 0; background-color: #191f22; border-radius: 0.75rem; padding: 1.375rem;}
.warrenty dl {display: flex; flex-direction: column; line-height: 1.5625; font-family: 'Archivo', sans-serif; font-weight: 275; font-size: 1rem; color: #CBCCCD;}
.warrenty dd {margin: 0;}
.warrenty dd strong {color: #fff; font-size: 1.75rem; font-weight: 525; display: block; margin: 0.75rem 0;}

.handyscreen {margin: 5rem 0; display: flex; justify-content: center; gap: 1.5rem; padding: 0 0.75rem;}
.handyscreen li {flex: 260px 0 1;}
.handyscreen img {border: 0.3175rem #191f22 solid; border-radius: 1.5rem; box-shadow: rgba(0, 0, 0, 0.5) 0px 7px 14px -3px, rgba(0, 0, 0, 0.3) 0px 4px 8px -4px;}

.accordion {list-style: none; text-align: left; perspective: 900; margin: 4rem auto 5.5rem auto; -webkit-tap-highlight-color: transparent;}
.accordion li i:before, .accordion > li i:after, .accordion > li > div {transition: all 0.25s ease-in-out;}
.accordion > li > div {
  position: relative;
  overflow: hidden;
  opacity: 1;
  transform: translate(0, 0);
  z-index: 2;
  margin: 0 0 1rem 0;
}
.accordion > li {position: relative; padding: 0.25rem 0; border-bottom: 1px solid #959899; margin-bottom: 0.5rem;}
.accordion > li > h2 {font-family: 'Archivo', sans-serif; font-size: 1.3125rem; font-weight: 450; text-align: left; padding-right: 3rem; margin: 0.5rem 0 1rem 0;}
.accordion > li > h2 + span {display: block; margin: -0.5rem 0 0.5rem 0; color: #6b6d70;}

.accordion > li:nth-of-type(1) {
  animation-delay: 0.5s;
}
.accordion > li:nth-of-type(2) {
  animation-delay: 0.75s;
}
.accordion > li:nth-of-type(3) {
  animation-delay: 1s;
}
.accordion > li i {
  position: absolute;
  transform: translate(0, -4px);
  right: 1rem; top: 1.75rem;
}
.accordion > li i:before, ul li i:after {
  content: "";
  position: absolute;
  background-color: #4f5053;
  width: 2px;
  height: 9px;
}
.accordion > li i:before {
  transform: translate(-3px, 0) rotate(45deg);
}
.accordion > li i:after {
  transform: translate(3px, 0) rotate(-45deg);
}
.accordion > li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
.accordion > li input[type=checkbox]:checked ~ div {
  margin: 0; 
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
}
.accordion > li input[type=checkbox]:checked ~ i:before {
  transform: translate(3px, 0) rotate(45deg);
}
.accordion > li input[type=checkbox]:checked ~ i:after {
  transform: translate(-3px, 0) rotate(-45deg);
}

.fussnote {margin: 2rem 0; background-color: #eeeff1; border-radius: 0.5rem; padding: 1rem;}
.fussnote p {font-size: 0.875rem; color: #6b6d70; margin: 0;}

.resumee {display: flex; gap: 1.5rem 4rem; justify-content: center; align-items: flex-start; max-width: 1280px; margin: 7rem auto 5rem auto;}
.driver {position: sticky; top: 0; padding: 4rem 0; display: flex; gap: 4rem;}
.driver > div {background-color: #eeeff1; border-radius: 50%; width: 7rem; height: 7rem; display: flex; justify-content: center; align-items: center; font-size: 2.125rem; font-weight: 650; color: #535457;}
.resumeetext {flex: 600px 1 1;}
.resumee h1 {font-family: 'Heebo', sans-serif; color: #191f22; font-size: 2.125rem; font-weight: 600; margin-left: -2rem;}
.resumee h1 > span {display: block; font-family: 'Archivo', sans-serif; font-size: 1.0625rem; font-weight: 350; color: #535457;}

.cargallery {background-color: #191f22; text-align: center; padding: 4rem 1.5rem 3rem 1.5rem; margin: 0 auto;}
.cargallery h2 {margin-top: 0; color: #fff; font-weight: 425;}
.cargallery .wrapper-content div {margin: 3rem 0; display: flex; gap: 1.5rem;}

footer {margin-top: 5rem; font-weight: 275; font-size: 1.0625rem; color: #CBCCCD; padding-bottom: 1.5rem; background: #191f22 url('data:image/svg+xml,\<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" fill-opacity="1" fill="%232d3033" >\<rect x="200" width="200" height="200" />\<rect y="200" width="200" height="200" />\</svg>'); background-size: 1.5rem 1.5rem; background-position: bottom; background-attachment: fixed;}
.footer-wrap {max-width: 1768px; margin: 0 auto; padding: 6rem 1.5rem 1.875rem 1.5rem;}
.footer-bg-color {background-color: #191f22}
footer p {font-size: 1.0625rem; font-weight: 275; color: #959899; margin: 1rem 0;}
footer strong {font-family: 'Heebo', sans-serif; font-size: 1.125rem; font-weight: 275; color: #eeeff1;}
footer a {color: #959899; text-decoration: none;}
footer a:hover {color: #eeeff1; text-decoration: underline; text-underline-offset: 0.2em; text-decoration-thickness: 1px;}

footer ul {white-space: nowrap; font-family: 'Heebo', sans-serif; font-size: 1.0625rem; font-weight: 250; margin: 1.125rem 0 0 5rem; line-height: 1.875;}
footer ul li:first-child {margin-bottom: 0.375rem;}
footer ul li:first-child a:hover {color: #fff; text-decoration: none;}

.about {display: flex; margin-bottom: 7rem; border-bottom: 0px solid #959899;}
.legal {display: flex; flex-wrap: wrap; gap: 1rem; font-size: 0.9375rem; color: #959899;}


/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

@media screen and (max-width: 1280px) {
	.reviews {max-width: 1140px; margin-left: auto; margin-right: auto;}
	.reviews a {flex: calc(50% - 0.9375rem) 0 0; }
}

@media screen and (max-width: 1180px) {
	header ul ul {display: none;}
	header .icon-menu {display: block;}
	.menu header .icon-menu {display: none;}

	.modelintro {flex-direction: column; background-color: #; margin-left: -1.5rem; margin-right: -1.5rem; border-radius: 0;}
	.modelintro img {border-radius: 0;}
	.modelintro figure {margin: 0;}
	.modelintro figure + div {padding: 3rem 2rem;}

	.totalpoints {width: 6rem; height: 6rem;}
	.totalpoints strong {font-size: 2.125rem; font-weight: 600; color: #fff; margin: 0;}
	.inline-album {flex-direction: column; max-width: 900px; margin-left: auto; margin-right: auto;}
	.inline-album img {border-radius: 0.75rem 0.75rem 0 0;}
	.inline-album h4 {padding: 2rem; font-size: 1.25rem;}
}

@media screen and (max-width: 1020px) {
	.reviews {max-width: 880px;}
	.reviews a {flex: 100% 1 1; max-width: 100%; flex-direction: row;}
	.reviews a > figure img {border-radius: 0.625rem 0 0 0.625rem;}
	.reviews .reviewcar {padding-bottom: 1rem;}
	.reviews .reviewdetails {border-top: none;}

	.resumee { flex-direction: column}
	.driver {position: inherit; padding: 0 0 0 5%;}

	.about {flex-direction: column;}
	footer ul {margin: 2rem 0; line-height: 2}
	footer ul + ul {display: none;}
	footer ul li:first-child {display: none; border-bottom: 1px solid #959899;}
	footer ul li a {display: flex; justify-content: space-between; align-items: center;font-family: 'Heebo', sans-serif; font-size: 1.0625rem; font-weight: 325;  border-bottom: 1px solid #959899;}
	footer ul li a:hover {text-decoration: none; color: #eeeff1;}
	footer ul li a:after {font-family: 'Material Symbols Outlined'; -webkit-font-feature-settings: 'liga' 1; -moz-font-feature-settings: 'liga' 1; font-feature-settings: 'liga' 1; content: "\e5cc"; font-size: 1.75rem; font-weight: 250;}
}

@media screen and (max-width: 920px) {
	.rating li {flex: calc(25% - 0.75rem) 0 0;}
	.chargingtime > div {flex: calc(50% - 0.375rem) 0 0;}
	.cargallery .wrapper-content div {flex-wrap: wrap-reverse; gap: 1.25rem;}
	.cargallery figure {flex: calc(50% - 0.75rem) 1 1;}
	.data {flex-direction: column;}
	.data dt {flex: 100% 1 1; padding-bottom: 1.5rem;}
	.data dd {flex: 100% 1 1; border-top: none; padding-top: 0;}
	.data dt:last-of-type {border-bottom: none;}
}
@media screen and (max-width: 820px) {
	.ressorts {flex-direction: column;}
	.ressorts div {padding-left: 0; border-left: none;}
	
	.reviews { max-width: 600px;}
	.reviews a {flex: 100% 1 1; flex-direction: column;}
	.reviews a > figure img {border-radius: 0.625rem 0.625rem 0 0;}
	.reviews .reviewcar {padding-bottom: 3rem;}
	.reviews .reviewdetails {border-top: 1px solid #959899;}
}

@media screen and (max-width: 760px) {
	.rating {max-width: 500px;}
	.rating li {flex: calc(50% - 0.5rem) 0 0;}
	.handyscreen li {display: none;}
	.handyscreen li:first-child {display: block;}
	.handyscreen li:nth-child(2) {display: block;}
	.handyscreen li:nth-child(3) {display: block;}
	.handyscreen img {border: 0.1875rem #191f22 solid; border-radius: 1.125rem;}
}
@media screen and (max-width: 620px) {
	.logo {padding: 0.4375rem 1rem;} 
	.logo span {display: none;}
	header .button-rate a {padding: 0.25rem 1.25rem;}
	header .button-rate span {display: none;}
	header .button-rate a span + span {display: flex; align-items: center;}
	header .button-rate a span + span::before {font-family: 'Material Symbols Outlined'; -webkit-font-feature-settings: 'liga' 1; -moz-font-feature-settings: 'liga' 1; font-feature-settings: 'liga' 1; line-height: 1; content:  "\eb1c"; font-weight: 300; font-size: 1rem; margin-right: 0.5rem; color: #fff;}
	.reviews .reviewdetails em::before {content: "";}
}

}