/*#region [rgba(255, 255, 255, 0.1)] GeneralClasses*/
@import url('http://fonts.cdnfonts.com/css/metrosant');
@import url('http://fonts.cdnfonts.com/css/Poppins');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
html { 	scroll-behavior: smooth; }
:root { --green-button-bgcolor: rgb(34, 67, 227); --main-font-family: 'Poppins regular', sans-serif; --title-div-font-family: 'Metrosant', sans-serif; --green-hover: rgb(5, 127, 219); --marquee-width: 80vw; --marquee-height: 20vh; --marquee-elements: 9; --marquee-elements-displayed: 4; --marquee-element-width: calc(var(--marquee-width)/var(--marquee-elements-displayed)); --marquee-animation-duration: calc(var(--marquee-elements)*2s); }
	@media(max-width:600px) {html { font-size: 12px;} :root {--marquee-width: 100vh; --marquee-height: 16vh; --marquee-elements-displayed: 3;} .marquee:before, .marquee:after { width: 5rem; }}
.bg-lightgrey { background-color: rgb(236, 237, 246); width:100vw; }
.bg-darkblue { background-color: rgb(7, 25, 38); color: white; } 
.container { padding-left:5px;	padding-right:5px;	margin-left:auto; margin-right:auto; }		   
.container1920 { max-width:1920px; margin-left:auto; margin-right:auto; }    
.container-int { width: 80%; margin-left:auto; margin-right:auto; }		   
@media screen and (max-width: 576px) { .container-int { width:92%; } }
.telmail {/*appears for header, footer - icons of phone, emails, etc.*/ padding-left: 0px; padding-right: 0px; max-height:19px; vertical-align:top; }
.paragraphs { font-family: var(--main-font-family);  font-weight:700; /*letter-spacing: 2px;*/ word-spacing: 3px; padding: 10px 0; color:rgb(20, 11, 59); font-size: clamp (1rem, 18px, 1,25rem); line-height:27px; text-align:center; }
    /* @media screen and (min-width: 310px) and (max-width: 576px) { .paragraphs { font-size: calc(16px + 0.5vh); font-weight: normal; } }  */
    /* @media screen and (max-width: 309px) { .paragraphs { font-size: 1vh; font-weight: normal; } } */
.title-of-pages {/*appears for Services, ShopwarePlugins, Contact*/ text-align: center; color: var(--green-button-bgcolor); font-size: calc(37px + 6 * ((100vw - 320px) / 680)); font-family: var(--title-div-font-family);  font-weight: 800; letter-spacing: 2px; padding-top: 90px; padding-bottom: 50px; /*line-height: 0.759;*/ line-height:1.2; }
    @media screen and (min-width: 310px) and (max-width: 576px) { .title-of-pages { padding-top: 24px; padding-bottom: 24px;  font-size: 27px; font-weight:bolder; } }
    @media screen and (max-width: 309px) { .title-of-pages { margin-left: auto; margin-right: auto; /*font-size: calc(30px + 6 * ((100vw - 320px) / 680));*/ font-size: 1rem; letter-spacing:0px; } }
/*#endregion GeneralClasses*/

/*#region [rgba(0, 205, 30, 0.25)] header*/
/* .container-int-header { max-width:100%; } */
.telemail { display: flex; flex-direction: row;	 justify-content: flex-end; align-items: center; align-content:space-around; flex-wrap: no-wrap; height: 50px; width: min (100vw, 280px); white-space:nowrap; padding: 15px 208px 15px 0px; }
	@media screen and (min-width: 577px) and (max-width: 1399px) { .telemail { padding: 15px 50px 15px 0px; } }
	@media screen and (max-width: 576px) { .telemail { padding:0; } }
.header-tel-only { padding-left: 20px; padding-right: 0px; text-align: start; font-size:14px; white-space:nowrap; }
	@media screen and (max-width: 576px) { .header-phone-only { padding-left: 5px; } }
.header-email-only { padding-left: 20px; padding-right: 0px; text-align: start;	font-size:14px;	}
	@media screen and (max-width: 576px) { .header-email-only { padding-left: 5px; } }
.icons-telemail { padding-left: 2px; padding-right: 2px; text-align: left; }
.header-icons-text { padding-left: 4px; padding-right:4px; vertical-align: super; font-family: var(--main-font-family); }
.header-email-icon { padding-left: 15px; }
/*#endregion header*/

/*#region [rgba(79, 44, 115, 0.2)] Technologies*/

.technologies-container { position: relative; width: 320px; height: 300px;  margin: 100px auto 0 auto; perspective: 1000px; transition: all .4s ease-in-out; }
@media screen and (min-width: 670px) and (max-width: 1076px) { .technologies-container { transform: scale(0.7); perspective: 2000px; transition: all .4s ease-in-out; } }  
@media screen and (min-width: 310px) and (max-width: 669px) { .technologies-container { transform: scale(0.5); perspective: 2000px; transition: all .4s ease-in-out; } }  
@media screen and (max-width: 309px) { .technologies-container { transform: scale(0.3); perspective: 2000px; transition: all .4s ease-in-out;  } }  
/* .diamond-container {position: absolute; width: 100%; height: 20hp; z-index: -1;margin-left: auto; margin-right: auto;} */
.technologies-carousel { position: absolute; z-index: 2;width: 100%; height: 100%; transform-style: preserve-3d;  animation: rotate360 60s infinite forwards linear; transition: all .4s ease-in-out; }
  @media screen and (min-width: 670px) and (max-width: 1076px) { .technologies-carousel { transform: scale(0.7); transition: all .4s ease-in-out;  } }  
  @media screen and (min-width: 310px) and (max-width: 669px) { .technologies-carousel { transform: scale(0.5); transition: all .4s ease-in-out;} }  
  @media screen and (max-width: 309px) { .technologies-carousel { transform: scale(0.3); transition: all .4s ease-in-out; } }  
.technologies-carousel { position: absolute; width: 100%; height: 100%; transform-style: preserve-3d;  animation: rotate360 60s infinite forwards linear; transition: all .4s ease-in-out; }
.carousel__face {  position: absolute; width: 300px; height: 187px; top: 20px; left: 10px; right: 10px; background-size: cover; box-shadow:inset 0 0 0 2000px rgba(0,0,0,0.5); display: flex; transition: all .4s ease-in-out; }
	  .carousel-span { margin: auto; font-size: 2rem; }	    
	  @media screen and (min-width: 670px) and (max-width: 1076px) { .carousel__face { transform: scale(0.7); transition: all .4s ease-in-out; } }  
	  @media screen and (min-width: 310px) and (max-width: 669px) { .carousel__face { transform: scale(0.5); transition: all .4s ease-in-out; } }  
	  @media screen and (max-width: 309px) { .carousel__face { transform: scale(0.3); transition: all .4s ease-in-out; } }  
.carousel__face:nth-child(1) {
  /* background-image: url("https://images.pexels.com/photos/1141853/pexels-photo-1141853.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"); */		
  transform: rotateY(  0deg) translateZ(430px); }
  /* @media screen and (min-width: 310px) and (max-width: 1076px) { .carousel__face:nth-child(1) { transform: scale(0.5); translateZ(215px); } }   */
.carousel__face:nth-child(2) { 
  /* background-image: url("https://images.pexels.com/photos/1258865/pexels-photo-1258865.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"); */
	transform: rotateY( 40deg) translateZ(430px); }
	/* @media screen and (min-width: 310px) and (max-width: 1076px) { .carousel__face:nth-child(2) { transform: scale(0.5); translateZ(215px); } }  */
.carousel__face:nth-child(3) {
  /* background-image: url("https://images.pexels.com/photos/808466/pexels-photo-808466.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"); */
  transform: rotateY( 80deg) translateZ(430px); }
.carousel__face:nth-child(4) {
  /* background-image: url("https://images.pexels.com/photos/1394841/pexels-photo-1394841.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"); */
  transform: rotateY(120deg) translateZ(430px); }
.carousel__face:nth-child(5) { 
  /* background-image: url("https://images.pexels.com/photos/969679/pexels-photo-969679.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"); */
 transform: rotateY(160deg) translateZ(430px); }
.carousel__face:nth-child(6) { 
  /* background-image: url("https://images.pexels.com/photos/1834400/pexels-photo-1834400.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"); */
 transform: rotateY(200deg) translateZ(430px); }
.carousel__face:nth-child(7) { 
  /* background-image: url("https://images.pexels.com/photos/1415268/pexels-photo-1415268.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"); */
 transform: rotateY(240deg) translateZ(430px); }
.carousel__face:nth-child(8) {
  /* background-image: url("https://images.pexels.com/photos/135018/pexels-photo-135018.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"); */
  transform: rotateY(280deg) translateZ(430px); }
.carousel__face:nth-child(9) {
  /* background-image: url("https://images.pexels.com/photos/1175135/pexels-photo-1175135.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"); */
  transform: rotateY(320deg) translateZ(430px); }  
@keyframes rotate360 { from { transform: rotateY(0deg); } to { transform: rotateY(-360deg); } }

/*#endregion Technologies*/

/*#region [rgba(79, 44, 115, 0.2)] Technologies*/

.technologies-container2 { position: relative; width: 320px; height: 300px;  margin: 100px auto 0 auto; /*transform: scale(0.5);*/ perspective: 2000px; transition: all .4s ease-in-out; }
@media screen and (min-width: 670px) and (max-width: 1076px) { .technologies-container2 { transform: scale(0.7); perspective: 2000px; transition: all .4s ease-in-out; } }  
@media screen and (min-width: 310px) and (max-width: 669px) { .technologies-container2 { transform: scale(0.5); perspective: 2000px; transition: all .4s ease-in-out; } }  
@media screen and (max-width: 309px) { .technologies-container2 { transform: scale(0.3); perspective: 2000px; transition: all .4s ease-in-out;  } }  
/* .diamond-container {position: absolute; width: 100%; height: 20hp; z-index: -1;margin-left: auto; margin-right: auto;} */
.technologies-carousel2 { position: absolute; z-index: 2;width: 100%; height: 100%; transform-style: preserve-3d;  animation: rotate360 60s infinite forwards linear; transition: all .4s ease-in-out; }
  @media screen and (min-width: 670px) and (max-width: 1076px) { .technologies-carousel2 { transform: scale(0.7); transition: all .4s ease-in-out;  } }  
  @media screen and (min-width: 310px) and (max-width: 669px) { .technologies-carousel2 { transform: scale(0.5); transition: all .4s ease-in-out;} }  
  @media screen and (max-width: 309px) { .technologies-carousel2 { transform: scale(0.3); transition: all .4s ease-in-out; } }  
/* .technologies-carousel2 { position: absolute; width: 100%; height: 100%; transform-style: preserve-3d;  animation: rotate360 60s infinite forwards linear; transition: all .4s ease-in-out; } */
.carousel__face2 {  position: absolute; width: 300px; height: 187px; top: 20px; left: 10px; right: 10px; background-size: cover; box-shadow:inset 0 0 0 2000px rgba(0,0,0,0.5); display: flex; transition: all .4s ease-in-out; }
	  .carousel-span2 { margin: auto; font-size: 2rem; }	    
	  .carousel-span3 { background-color: white; margin: auto; font-size: 1rem; }
	  @media screen and (min-width: 670px) and (max-width: 1076px) { .carousel__face2 { transform: scale(0.7); transition: all .4s ease-in-out; } }  
	  @media screen and (min-width: 310px) and (max-width: 669px) { .carousel__face2 { transform: scale(0.5); transition: all .4s ease-in-out; } }  
	  @media screen and (max-width: 309px) { .carousel__face2 { transform: scale(0.3); transition: all .4s ease-in-out; } }  
.carousel__face2:nth-child(1) {
  /* background-image: url("https://images.pexels.com/photos/1141853/pexels-photo-1141853.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"); */		
  transform: rotateY(  0deg) translateZ(430px); }
  /* @media screen and (min-width: 310px) and (max-width: 1076px) { .carousel__face:nth-child(1) { transform: scale(0.5); translateZ(215px); } }   */
.carousel__face2:nth-child(2) { 
  /* background-image: url("https://images.pexels.com/photos/1258865/pexels-photo-1258865.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"); */
	transform: rotateY( 40deg) translateZ(430px); }
	/* @media screen and (min-width: 310px) and (max-width: 1076px) { .carousel__face:nth-child(2) { transform: scale(0.5); translateZ(215px); } }  */
.carousel__face2:nth-child(3) {
  /* background-image: url("https://images.pexels.com/photos/808466/pexels-photo-808466.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"); */
  transform: rotateY( 80deg) translateZ(430px); }
.carousel__face2:nth-child(4) {
  /* background-image: url("https://images.pexels.com/photos/1394841/pexels-photo-1394841.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"); */
  transform: rotateY(120deg) translateZ(430px); }
.carousel__face2:nth-child(5) { 
  /* background-image: url("https://images.pexels.com/photos/969679/pexels-photo-969679.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"); */
 transform: rotateY(160deg) translateZ(430px); }
.carousel__face2:nth-child(6) { 
  /* background-image: url("https://images.pexels.com/photos/1834400/pexels-photo-1834400.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"); */
 transform: rotateY(200deg) translateZ(430px); }
.carousel__face2:nth-child(7) { 
  /* background-image: url("https://images.pexels.com/photos/1415268/pexels-photo-1415268.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"); */
 transform: rotateY(240deg) translateZ(430px); }
.carousel__face2:nth-child(8) {
  /* background-image: url("https://images.pexels.com/photos/135018/pexels-photo-135018.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"); */
  transform: rotateY(280deg) translateZ(430px); }
.carousel__face2:nth-child(9) {
  /* background-image: url("https://images.pexels.com/photos/1175135/pexels-photo-1175135.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"); */
  transform: rotateY(320deg) translateZ(430px); }  
@keyframes rotate360 { from { transform: rotateY(0deg); } to { transform: rotateY(-360deg); } }

/*#endregion Technologies*/

/*#region [rgba(0, 205, 30, 0.1)] Services*/

.service-title-paragraph { color:rgb(20, 11, 59); font-family: var(--main-font-family);  font-size:18px; font-weight:700; letter-spacing:2px; line-height:27px; text-align:center; padding-bottom: 5vh }

.row { margin: 5px auto; display:grid;  grid-template-columns: repeat(3, minmax(100px, 1fr)); grid-template-rows: repeat(2, autofit); grid-row-gap: 1px; grid-column-gap: 30px; padding: 10px 10px 50px 10px; max-width: 65%}
/* @media screen and (max-width: 5000px) { .row { grid-template-columns: repeat(3, minmax(100px, 1fr)); grid-template-rows: repeat(2, autofit); grid-row-gap: 30px;} } */
@media screen and (max-width: 1570px) { .row { grid-template-columns: repeat(2, minmax(90px, 1fr)); grid-template-rows: repeat(3, autofit); grid-row-gap: 1px; grid-column-gap: 30px;  max-width: 80%; } }
@media screen and (max-width: 855px) { .row { grid-template-columns: minmax(100px, 1fr); grid-template-rows: repeat(6, autofit);grid-row-gap: 1px; grid-column-gap: 30px;  max-width: 100%; } }
.text-center { display:flex; flex-direction: column; justify-content: flex-start; align-items: center; padding-bottom: 0px; margin-left: auto; margin-right: auto; font-family: var(--main-font-family); }	 
.rounded-circle { width: 90px; height: 90px; border-radius:50%;  margin: 30px auto;  text-align: center; }
.service-title { color: var(--green-button-bgcolor); height: 70px; text-align: center; font-size: 1.4rem; font-weight: bold; font-family: var(--main-font-family); }
@media screen and (max-width: 380px) {.service-title { height: 90px; } }
.service-p { font-size: 0.9rem; font-family: var(--main-font-family);  text-align: center; line-height: 1.833; }
	@media screen and  (max-width: 576px) { .service-p { min-width:50px; padding-bottom: 30px; line-height: 1.5; } }

/*#endregion Services*/

/*#region [rgba(79, 44, 115, 0.2)] ShopwarePlugins*/

#shopware-plugin-title {line-height: 1.4; }
.portfolio-row { display: flex; justify-content:space-evenly; flex-direction:row; flex-wrap: wrap; max-width: 1600px; margin-left: auto; margin-right:auto; }
	.portfolio-project { display: flex; justify-content: center; }
		/* .finished-project {	min-width: 50%; width: 100%; } */
	/* @media screen and (min-width: 310px) and (max-width: 576px) { .finished-project { width: 90%; } } */

/*#endregion ShopwarePlugins*/

/*#region [rgba(200, 5, 200, 0.1)] Partners*/
.body-marquee {font-family:'Montserrat', sans-serif; display:flex; justify-content:center; align-items: center;}
	.marquee { width: var(--marquee-width); height: var(--marquee-height); background-color:#111; color: #eee; overflow: hidden;position: relative;}
		.marquee:before, .marquee:after { position: absolute; top: 0; width: 10rem; height: 100%; content: "";	z-index: 1; }
		.marquee:before {left: 0; background: linear-gradient(to right, #111 0%, transparent 100%);}
		.marquee:after {right: 0; background: linear-gradient(to left, #111 0%, transparent 100%);}
			.marquee-content { list-style: none; height: 100%; display: flex; animation: scrolling var(--marquee-animation-duration) linear infinite;}
		@keyframes scrolling {
			0% { transform: translateX(0); } 
			100% { transform: translateX(calc(-1*var(--marquee-element-width)*var(--marquee-elements))); }
		}
		/* .marquee-content:hover {
			animation-play-state: paused;
		} */
		.marquee-content li {/*border: 3px solid teal;*/ width: var(--marquee-element-width); flex-shrink: 0; display:flex; justify-content:center; align-items: center; font-size: calc(var(--marquee-height)*2/3); white-space: nowrap;}
/*#endregion Partners*/

/*#region [rgba(0, 205, 30, 0.1)] Contact*/
.row-for-col-contact { display: flex; flex-direction: row; flex-wrap:wrap; justify-content:space-around; padding: 50px 0; }
.contact-person { display: flex; flex-direction: column; justify-content:left; align-items: center; }
.ceo-picture { align-items: center;	height: 200px; width: 200px; margin-bottom: 25px; }
.contact-name { align-self: flex-start; padding-bottom: 5px; color: var(--green-button-bgcolor); font-size: 28px; font-family: var(--main-font-family);  font-weight: bolder; letter-spacing: 1px; }
.contact-title { align-self: flex-start; padding-bottom: 30px; color: var(--green-button-bgcolor); font-size: 14px; font-family: var(--main-font-family);  font-weight: bolder; font-family: 'Poppins', sans-serif; letter-spacing: 1px; }
.contact-person-child {	margin-right: auto; }
.contact-telemailweb { display:flex; flex-direction:column; align-content: flex-start; vertical-align: middle; justify-content:center; justify-self: center; justify-items: center; font-size: 20px;
	font-family: var(--main-font-family);  font-weight:normal; letter-spacing: 1px; word-spacing: 25px; }	
	@media screen and (max-width: 950px) { .contact-telemailweb { padding-top: 7px; font-size: 17px; } }
.data-of-contact { align-content: center; vertical-align: middle; /*width:100%;*/ width: min(100%, 75vw); }
.contact-icons { vertical-align:sub; width:40px; height: 40px; margin-top:10px;	}
.contact-data { vertical-align: super; padding-left: 20px; font-family: var(--main-font-family);  word-spacing: 0.1em; }
	@media screen and (max-width: 950px) { .contact-data { padding-left: 15px; } }
.row-for-col-child { width:45%; text-align: start; }
	@media screen and (max-width: 950px) { .row-for-col-child { width:100%; padding-top: 25px; } }
.contact-form { max-width: 100%; padding: 5px 0px 30px 0px; }
form { outline:none; }
.input-form { display: inline-block; width: 100%; padding: 3px; border: none; border-bottom:2px solid var(--green-button-bgcolor); margin: 15px auto 0px auto; resize:both; color:black; font-size: 17px;
	letter-spacing: 1px; font-family: var(--main-font-family);  outline:none; 	}	
.input-form:focus + label, .input-form:valid + label { transform: translate(0, -25px) scale(0.8); }
form:first-child { margin-bottom: 0px; }
.contact-label { display: inline-block; position: relative; bottom: 25px; cursor: text; font-family: var(--main-font-family);  color:rgb(141, 135, 135); font-size: 17px; transform-origin: left bottom; transition-duration: .5s; }
.contact-label-ihre-nachricht { display: inline-block; position: relative; bottom: 105px; cursor: text; font-family: var(--main-font-family);  color:rgb(141, 135, 135); font-size: 17px; transform-origin: left bottom; transition-duration: .5s; }
.radio-contact { display: flex; align-items: flex-start; border-bottom: none; margin-bottom: 0px; }
.radio-contact > label { margin: 5px 10px 20px 0px; line-height: 20px; border: none; }
.radio-contact > input  { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 50%; width: 16px; height: 16px; border: 2px solid rgb(0,182,111);* transition: 0.2s all linear;
	margin-left: 0px; margin-right: 3; position: relative; top: 4px; }
.radio-contact > input:checked { border: 6px solid var(--green-button-bgcolor); }
textarea { font-family: var(--main-font-family);  outline:none; }
.contact-button { display: block; width: 270px; height: 80px; border-radius: 10px; border-color: var(--green-button-bgcolor); border: 1px solid  var(--green-button-bgcolor);	margin: 0 auto; background-color: var(--green-button-bgcolor);
	color:white; font-size: 22px; font-family: var(--main-font-family);  font-weight: normal; }
	@media screen and (max-width: 950px) { .contact-button { width: 200px; height: 60px; border-radius: 10px; border-color: lightseagreen; font-weight: normal; text-align: center; letter-spacing: 1px; } }
	.elem-form { margin-bottom: 30px; }
	.contact-button:hover { background-color: var(--green-hover: #00d469); color: white; }
.elem-form:focus{ outline-none; border-color: var(--green-hover: #00d469); }
.arrow-up { position: relative; left: calc(50% - 3vw); align-content: center; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 17px solid rgb(7, 25, 38); }
	@media screen and (min-width: 577px) and (max-width: 950px) { .arrow-up { left: calc(50% - 41px); } }	
	@media screen and (max-width: 576px) { .arrow-up {left: calc(50% - 8px);  } }
/*#endregion Contact*/

/*#region [rgba(79, 44, 115, 0.2)] Footer*/
.footer-centered { display:flex; flex-direction:column; justify-content: space-around; align-items: center; align-self: center; align-content: center; margin-right: auto;	background-color: rgb(7, 25, 38); color: white; font-family: var(--main-font-family); }
.footer-logo-ext { padding-right:0px; margin-left: auto; margin-right: auto; }
.footer-logo { align-content: center; width:200px; padding-top: 50px; padding-bottom: 10px; margin-left: auto; margin-right: auto; }
.icons-fb-tw-linkedin-instagram { display:flex; flex-direction: row; justify-content:space-between; align-items: center; align-content: space-around; padding-bottom: 10px; }
.icons-footer { width:29px; margin: 1vw; margin-top: 5px; margin-bottom:10px; } 
	.telmail-contact {width:35px; height: auto; }
.impresum { text-align: center; line-height: 20pt; }
.impresum-word { color: rgb(149, 143, 143); font-size: 20px; }
.copyright { padding: 0px; margin-top: 10px; margin-bottom: 0px; line-height: 1.667; color: rgb(149, 143, 143); font-size: 18px; font-family: var(--main-font-family); }
	@media screen and (min-width: 310px) and (max-width: 576px) { .copyright { color: rgb(149, 143, 143); text-align: center;	font-size: 16px; } }
.copy-sign { font-size: 40px; vertical-align: sub; }
	@media screen and (min-width: 310px) and (max-width: 576px) { .copy-sign { font-size: 30px; } }

/*#endregion Footer*/