/* style2.css */


/* DIRECT EDITOR */

#directEditorPanel
{
    display: block;
    background-color: #fff;
    border: 1px solid grey;
    position: fixed;
    bottom: 0px;
    left: 0px;
	z-index: 1000;
}
#directEditorPanel > span.toggler
{
    display: block;
    padding: 5px 5px 3px 5px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}
#directEditorPanel .info
{
    padding: 5px;
}
#directEditorPanel input[type=text]
{
    margin-top: 5px;
    padding: 3px 5px;
    width: 300px !important;
}
/*------------------------------*/

/* figma.css */

body {
	background: #2D3D2B;
	padding: 0;
	margin: 0;
}
p {
	margin: 0 0 10px 0;
	font-family: Kanit;
	font-size: 15px;
	font-weight: 300;
	line-height: 23px;
	letter-spacing: 0.02em;
}
div {
	box-sizing: border-box;
}
h1 {
	margin: 0;
}
h2 {
	font-family: Sofia Sans Condensed;
	font-size: 70px;
	font-weight: 300;
	letter-spacing: 0.03em;
	text-align: center;
}
.flex {
	display: flex;
}
.kanit20px300 {
	font-family: Kanit;
	font-size: 20px;
	font-weight: 300;
	line-height: 30px;
	letter-spacing: 0.01em;
}
.kanit20px500 {
	font-family: Kanit;
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	letter-spacing: 0.01em;
}
.spacer100 {
	width: 100%;
	height: 100px;
}
.spacer50 {
	width: 100%;
	height: 50px;
}

footer {
	position: relative;
	display: flex;
	overflow: hidden;
	padding: 0;
	justify-content: center;
	height: 260px;
	width: 100%;
	gap: 80px;
	background: #2D3D2B;
	z-index: 3;
}
.footer-lines {
	translate: -80px 0;
}
.footer-address {
	display: flex;
	flex-direction: row;
	padding: 80px 0 80px 66px;
	gap: 60px;
	z-index: 7;
}
.footer-address-content {
	display: flex;
	flex-direction: row;
	gap: 20px;
}
.footer-separator {
	margin: 80px 0;
	height: 100px;
	width: 3px;
	background-image: linear-gradient(#E9F0F2 10%, #2D3D2B 0%);
	background-position: right;
	background-size: 1px 10px;
	background-repeat: repeat-y;
}

.footer-buttons {
	width: 309px;
	padding: 80px 0;
	z-index: 7;
}
.violet {
 color: #3F4DFE;
}
.icons {
	max-width: 460px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 10px;
	font-family: Kanit;
	font-size: 15px;
	font-weight: 300;
	line-height: 23px;
	letter-spacing: 0.02em;
	text-align: left;
	margin: 0 0 30px 0;
}
#vector {
	width: 100%;
	min-height: 980px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	position: absolute;
}
#vector img {
	position: absolute;
	width: 1919px;
	height: 105%;
	margin-left: auto;
	margin-right: auto;
	translate: -20px -10px;
}
.backgrd {
	position: absolute;
	width: 100%;
	height: 920px;
	background-color: #CDDBE0;
}

#sec1, #sec2 {
	background: white;
	box-sizing: border-box;
	min-height: 950px;
	color: #2D3D2B;
	width: 100%;
}
#sec1-not-found, #x {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	min-height: calc( 100vh - 260px );;
	padding: 20px;
	background: #CDDBE0;
}

.not-found-txt {
	font-family: Kanit;
	font-size: 20px;
	font-weight: 300;
	line-height: 30px;
	letter-spacing: 0.01em;
	text-align: center;
	padding: 30px 0 60px 0;
}
#sec1-priv-pol, #unsubscrb {
	background: white;
	box-sizing: border-box;
	color: black;
	width: 100%;
	padding: 90px 30px 0 30px;
}
#sec-your-orders {
	background: white;
	box-sizing: border-box;
	color: black;
	width: 100%;
	padding: 110px 30px 0 30px;
}
.priv-pol-txt {
	font-family: Kanit;
	font-size: 20px;
	font-weight: 300;
	line-height: 30px;
	letter-spacing: 0.01em;
	text-align: left;
}
.priv-pol-txt h3 {
	display: inline-block;
	color: #2D3D2B;
	width: 100%;
	font-family: Sofia Sans Condensed;
	font-size: 32px;
	font-weight: 300;
	line-height: 42px;
	letter-spacing: 0.03em;
	text-align: center;
	padding: 25px 0 15px 0;
	margin: 0;
}
.home {
	width: 100%;
	padding: 40px 0 80px 0;
	text-align: center;
}
.to-home-page {
	width: 198px;
	height: 60px;
	padding: 15px 35px 15px 35px;
	border: 0px solid white;
	border-radius: 20px;
	background: #3F4DFE;
	color: #E9F0F2;
	font-family: Kanit;
	font-size: 20px;
	font-weight: 300;
	line-height: 30px;
	letter-spacing: 0.01em;
	text-align: center;
	text-decoration: none;
}
.to-home-page:hover {
	background: #2D3D2B;
	cursor: pointer;
}
.conteinr {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1062px;
	padding-bottom: 30px;
}
.frame14, frame12 {
	width: 100%;
}
.bell, .danke-star {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 80px 0 0 0;
}
.bell-txt, .danke-txt {
	display: flex;
	font-family: Kanit;
	font-size: 20px;
	font-weight: 300;
	line-height: 30px;
	letter-spacing: 0.01em;
	text-align: left;
	padding-top: 30px;
}
.bell-txt {
	gap: 80px;
}
.bell-txt p {
	font-family: Kanit;
	font-size: 20px;
	font-weight: 300;
	line-height: 30px;
	letter-spacing: 0.01em;
	text-align: left;
}
.bell-txt-txt {
	padding: 0 0 0 62px;
}
.bell .hinweis {
	width:92px; 
	height:76px; 
}
.danke-schon {
	width:90px; 
	height:90px;
}
.danke-txt {
	padding-left: 80px;
	padding-right: 80px;
}
.lang-select {
	width: 100%;
	text-align: center;
	color: #2D3D2B;
	font-family: Kanit;
	font-weight: 300;
	font-size: 20px;
	text-transform: uppercase;
	text-decoration: none;
}
.lang-select:hover {
 	cursor:pointer;
 	text-decoration: none;
}
.footer-menu {
	width: 100%;
	padding: 20px 30px;
	display: none;
	gap: 10px;
	background: #2D3D2B;
	border-top: 3px solid rgba(40, 37, 40, 0.5);
	z-index: 3;
}


.footer-lang {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 48px;
	height: 48px;
	background-color: #CDDBE0;
	border-radius: 48px;
	font-family: Kanit;
	font-size: 20px;
	font-weight: 300;
}
.footer-lang:hover {
	background: #95A693;
 	cursor: pointer;
 	text-decoration: none;
}

.title {
	font-family: Sofia Sans Condensed;
	font-size: 100px;
	font-weight: 300;
	line-height: 130px;
	letter-spacing: 0.03em;
	text-align: center;
	padding: 130px 0 30px 0;
}
.title-priv-pol {
	color: #2D3D2B;
	font-family: Sofia Sans Condensed;
	font-size: 70px;
	font-weight: 300;
	line-height: 90px;
	letter-spacing: 0.03em;
	text-align: center;
	padding: 40px 0 0 0;
}

.order {
	padding: 30px 0 0 0;
	display: flex;
	justify-content: space-between;
	font-family: Kanit;
	font-size: 20px;
	font-weight: 300;
	line-height: 30px;
	letter-spacing: 0.01em;
	text-align: left;
}
.order-info {
	display: flex;
	flex-direction: column;
	width: 50%;
	padding: 0 60px 0 0;
}
.l-input {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	padding: 13px 0 13px 0;
	font-family: Sofia Sans Condensed;
	font-weight: 300;
	font-size: 26px;
	width: 100%;
	max-width: 380px;
	height: 60px;
	margin: 40px 0 40px 0;
	border-radius: 33px;
	background: linear-gradient(180deg, #FCFCFC 0%, #F6FDFF 86.98%, #E6F6FF 100%),
	linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9));
	box-shadow: 0px 15px 20px 0px rgba(12, 27, 6, 0.15);
}
.login-form {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: nowrap;
	width: 100%;
}
.inp {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	width: 47px;
	height: 47px;
	border: 0px solid white;
	border-radius: 50%;
	background: #3f4dfe;
	margin: 0 7px 0 0;
}
.inp:hover {
	background: rgba(45, 61, 43, 1);
	cursor: pointer;
}

.login-input {
	height: 47px;
	width: 100%;
	border: none;
	background: none;
	font-family: Sofia Sans Condensed;
  	font-weight: 300;
 	font-size: 26px;
 	text-align: center;
}
.login-input:focus {
    outline: none;
}
.top-conteiner {
	position: absolute;
	width: 100%;
	z-index: 11;
	padding: 0 30px;
}
.menu {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1062px;
}
.login-user {
	font-family: Kanit;
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	letter-spacing: 0.03em;
	margin: 0 5px;
	color: #2D3D2B;
}

.circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  background-color: #CDDBE0;
  border-radius: 50%;
}


.tooltip {
	font-size: 18px;
	line-height: 18px;
}
.bestellnummer {
	display: flex;
	width: 160px;
	padding: 1px 0 0 0;
	margin-left: auto;
	margin-right: auto;
}
.btn--arrow, .btn--arrow:active {
	display: flex;
	width: 47px;
	height: 47px;
	align-items: center;
	justify-content: center;
	border: none;
	background: none;
	/* box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.25); */
}
.btn--arrow:hover {
	cursor: pointer;
}

.order-pic {
	width: 50%;
	max-width: 515px;
	padding: 7px 0 0 0;
}
.order-pic img {
	width: 100%;
	object-fit: cover;
}
.bell-happy	{
	padding: 8px 30px 0 0;
}
.happy-wom {
	width: 350px;
	height: 253px;
}
.footer-lines {
	position: absolute;
}
.footer-lines-mob {
	position: absolute;
	display: none;
	translate: 30px -40px;
}
.mob-390 {
	display: none;
}
.your-orders {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 30px;
	width: 100%;
}
.status-mob {
	width: 100%;
	max-width: 340px;
}
.aeropl {
	padding: 0 0 0 157px;
}
.orders {
	width: 100%;
	max-width: 630px;
	padding: 100px 0 0 0;
}
.selector {
	display: flex;
	flex-direction: row;
	align-items: center;
	font-family: Kanit;
	font-size: 20px;
	font-weight: 300;
	line-height: 25px;
	position: relative;
	width: 100%;
	gap: 25px;
	translate: -9px 0;
	padding: 0 0 20px 0;
	z-index: 11;
}
.selector p {
	font-family: Kanit;
	font-size: 20px;
	font-weight: 300;
	line-height: 25px;
}
.selector .line {
	width: 12px;
	height: 110%;
	position: absolute;
	border-right: 3px solid #CDDBE0;
	margin: 15px 0 0 0;
	z-index: 1;
}
.selector .line-x {
	width: 12px;
	height: 110%;
	position: absolute;
	border-right: 3px solid #CDDBE0;
	margin: 0;
	z-index: 1;
}

.select {
	text-align: center;
	width: 29px;
	height: 29px;
	background: #CDDBE0;
	border-radius: 50px;
}
.select:hover {
	cursor: pointer;
	background: #95A693;
}
.arrow {
	border: solid #2D3D2B;
	border-width: 0 1px 1px 0;
	display: inline-block;
	padding: 4px;
}
.arrow-sm {
	border: solid #2D3D2B;
	border-width: 0 1px 1px 0;
	display: inline-block;
	padding: 3px;
}

.up {
	transform: translate(0, 2px) rotate(-135deg);
	-webkit-transform: translate(0, 2px) rotate(-135deg);
}
.right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.down {
	pointer-events: none;
	transform: translate(0, -3px) rotate(45deg);
	-webkit-transform: translate(0, -3px) rotate(45deg);
} 
.blue-ok {
	position: relative;
	display: flex;
	flex: 0 0 22px;
	justify-content: center;
	color: #CDDBE0;
	text-align: center;
	width: 22px;
	height: 22px;
	background: #3F4DFE;
	border-radius: 50%;
	z-index: 7;
}
.blue-gray {
	display: flex;
	flex: 0 0 22px;
	color: #CDDBE0;
	justify-content: center;
	width: 22px;
	height: 22px;
	background: #CDDBE0;
	border-radius: 50%;
	z-index: 7;
}
.white {
	display: flex;
	flex: 0 0 22px;
	justify-content: center;
	width: 22px;
	height: 22px;
	background: white;
	border: 3px solid #CDDBE0;
	border-radius: 50%;
	z-index: 7;
}

.unterwegs-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 243px;
	padding: 20px;
	margin: 20px 0 0 0;
	border-radius: 20px;
	border: 1px solid #CDDBE0;
	background: #E9F0F2;
	font-family: Kanit;
	font-size: 15px;
	font-weight: 300;
	line-height: 23px;
	letter-spacing: 0.02em;
	text-align: left;
}
.unterwegs-content p {
	font-family: Kanit;
	font-size: 15px;
	font-weight: 300;
	line-height: 25px;
	margin: 0;
}

.button-secondary {
	color: black;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	width: 155px;
	height: 35px;
	margin: 10px 0 0 0;
	border-radius: 20px;
	border: 1px solid rgba(40, 37, 40, 0.5);
}
.button-secondary:hover {
	cursor: pointer;
	background: #95A693;
}
.orange {
	width: 100%;
	padding: 20px;
	border-radius: 20px;
	border: 2px solid #FF6231;
	gap: 10px;
	background: #FFF0E7;
	margin: 0 0 20px 0;
}

.orange-first,
.paid-first {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.target {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap-reverse;
	justify-content: space-between;
	align-items: center;
	gap: 5px;
}

.price {
	display: flex;
	flex-direction: row;
	align-items: center;
	font-family: Kanit;
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	letter-spacing: 0.03em;
	text-align: center;
}
.delayed {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 71px;
	height: 26px;
	padding: 3px 0 1px 0;
	border-radius: 20px;
	gap: 10px;
	background: #FF6231;
	color: white;
	font-family: Sofia Sans Condensed;
	font-size: 16px;
	font-weight: 400;
	line-height: 44px;
	letter-spacing: 0.02em;
}
.paid-info {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 26px;
	padding: 3px 10px 1px 10px;
	border-radius: 20px;
	gap: 10px;
	background: #558350;
	color: white;
	font-family: Sofia Sans Condensed;
	font-size: 16px;
	font-weight: 400;
	line-height: 44px;
	letter-spacing: 0.02em;
}
.not-paid-info {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 26px;
	padding: 3px 10px 1px 10px;
	border-radius: 20px;
	gap: 10px;
	background: #FF6231;
	color: white;
	font-family: Sofia Sans Condensed;
	font-size: 16px;
	font-weight: 400;
	line-height: 44px;
	letter-spacing: 0.02em;
}
.orange-second {
	font-family: Kanit;
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	letter-spacing: 0.03em;
	text-align: left;
	padding: 10px 0 0 0;
}
.grey-txt {
	font-family: Kanit;
	font-size: 15px;
	font-weight: 300;
	line-height: 23px;
	letter-spacing: 0.02em;
	text-align: left;
	color: rgba(40, 37, 40, 0.5);
	padding: 5px 0 0 0;
	margin: 0;
}
.info-txt {
	font-family: Kanit;
	font-size: 15px;
	font-weight: 300;
	line-height: 23px;
	letter-spacing: 0.02em;
	text-align: left;
	color: black;
	margin: 0;
}
.info-txt-unsubscribe {
	font-family: Kanit;
	font-size: 15px;
	font-weight: 300;
	line-height: 23px;
	letter-spacing: 0.02em;
	text-align: left;
	color: black;
	margin: 0;
}

.delivered {
	display: flex;
	align-items: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid rgba(40, 37, 40, 0.5);
	padding-left: 4px;
}
#delivered:hover > .delivered {
	background: #95A693;
	cursor: pointer;
}
.dotted {
	height: 2px;
	background-image: linear-gradient(to left, rgba(40, 37, 40, 0) 70%, rgba(40, 37, 40, 0.5) 0%);
	background-position: left;
	background-size: 10px 2px;
	background-repeat: repeat-x;
	margin: 20px 0 10px 0;
}
.table {
	display: flex;
	flex-direction: row;
	padding: 5px 0;
}	
.bezahlen {
	display: flex;
	flex: 0 1 100px;
	align-items: center;
	justify-content: center;
	padding: 6px 28px 6px 28px;
	border-radius: 36px;
	background: #3F4DFE;
	color: #E9F0F2;
	font-family: Kanit;
	font-size: 15px;
	font-weight: 300;
	line-height: 23px;
	letter-spacing: 0.02em;
	text-decoration: none;
	margin-right: auto;
	
}
.bezahlen:hover {	
	background: #2D3D2B;
	cursor: pointer;
}
.zum, .paid-details, .not-paid-details {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 6px 28px 6px 28px;
	border: 1px solid rgba(40, 37, 40, 0.5);
	border-radius: 36px;
	color: black;
	font-family: Kanit;
	font-size: 15px;
	font-weight: 300;
	line-height: 23px;
	letter-spacing: 0.02em;
	text-decoration: none;
}
.zum:hover, .paid-details:hover, .not-paid-details:hover {
	cursor: pointer;
	background: #95A693;
}
.details {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 6px 28px 6px 28px;
	border: 1px solid rgba(40, 37, 40, 0.5);
	border-radius: 36px;
	color: black;
	font-family: Kanit;
	font-size: 15px;
	font-weight: 300;
	line-height: 23px;
	letter-spacing: 0.02em;
	text-decoration: none;
}
.details:hover {
	cursor: pointer;
	background: #95A693;
}
.paid, .not-paid {
	width: 100%;
	padding: 20px;
	border-radius: 20px;
	gap: 10px;
	background: #E9F0F2;
	margin: 0 0 20px 0;
}
.bank {
	width: 100%;
	border-radius: 20px;
	gap: 10px;
	margin: 20px 0 20px 0;
	/* display: none; */
}


table {
	font-family: Sofia Sans Condensed;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0.02em;
	text-align: left;
}
.cc {
	display: block;
	text-align: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
}
.green::after {
	position: absolute;
	width: 20px;
	height: 20px;
	text-align: center;
	transform: translate(-16px);
	background: #3F4DFE;
  	content: '\2713';
  	color: white;
	border-radius: 50%;
}

.bank-big-txt {
	font-family: Sofia Sans Condensed;
	font-size: 32px;
	font-weight: 300;
	line-height: 42px;
	letter-spacing: 0.03em;
	text-align: left;
}
.button-cont {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	gap: 10px;
}
.unsubscr-button-blue {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #3F4DFE;
	width: 100px;
	height: 60px;
	border-radius: 20px;
	border: 0px solid white;
	font-family: Kanit;
	font-size: 15px;
	font-weight: 300;
	line-height: 23px;
	letter-spacing: 0.02em;
	color:#FFF;
}
.unsubscr-button-blue:hover {
	cursor:pointer;
	background: #2D3D2B;
}
.goBack {
	font-family: Kanit;
	font-size: 15px;
	font-weight: 300;
	line-height: 23px;
	letter-spacing: 0.02em;
	color: gray;
	text-decoration: none;
}


.payPal-button-white {
	background: white;
	padding: 7px 0 0 0;
	width: 100px;
	height: 60px;
	border-radius: 20px;
	border: 1px solid #CDDBE0;
}
.payPal-button-white:hover {
	background: #CDDBE0;
	border: 1px solid #ACBFAA;
}
.bank .pp {
	box-shadow: none;
}
.bank .pp:hover {
	filter: contrast(100%);
}

.card-button-white {
	box-sizing: border-box;
	background: white;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 60px;
	border-radius: 20px;
	border: 1px solid #CDDBE0;
}
.card-button-white:hover {
	background: #CDDBE0;
	border: 1px solid #ACBFAA;
}
.card-button-blue {
	box-sizing: border-box;
	display: none;
	background: #3F4DFE;
	/* display: flex; */
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 60px;
	border-radius: 20px;
}
.card-button-form {
	width: 100%;
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
	display: none;
}

.giroPay-button-white {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 60px;
	border-radius: 20px;
	background: white;
	border: 1px solid #CDDBE0;
}
.giroPay-button-white:hover {
	background: #CDDBE0;
	border: 1px solid #ACBFAA;
}
.giroPay-button-blue {
	display: none;
	box-sizing: border-box;
	/* display: flex; */
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 60px;
	border-radius: 20px;
	background: #3F4DFE;
}
.giro-pay-form {
	display: none;
	width: 100%;
	max-width: 320px;
	margin: 20px auto 30px auto;
}
.giro-name {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 60px;
	padding: 0 15px 0 15px;
	border-radius: 20px;
	border: 1px solid #CDDBE0;
	background: white;
	/*box-shadow: 0px 5px 5px 0px #0C1B0626;*/
	font-family: Sofia Sans Condensed;
	font-size: 20px;
	font-weight: 300;
	line-height: 26px;
	letter-spacing: 0.03em;
	text-align: left;
	color: rgba(40, 37, 40, 0.7);
	margin: 0 0 20px 0;
}
.giropayName {
	display: flex;
	min-width: 90px;
}
.giropayNameInput {
	display: flex;
}
#giropayName {
	width: 100%;
	border: 1px solid white;
	font-family: Sofia Sans Condensed;
	font-size: 20px;
	font-weight: 300;
	line-height: 26px;
	letter-spacing: 0.03em;
	text-align: left;
	background: rgba(222,222,222,.2);
}
.giro-button {
	width: 154px;
	height: 60px;
	padding: 15px 35px 15px 35px;
	border-radius: 20px;
	font-family: Kanit;
	font-size: 20px;
	font-weight: 300;
	line-height: 30px;
	letter-spacing: 0.01em;
	text-align: center;
	color: #E9F0F2;
	background: #3F4DFE;
}
.archiv-title, .archiv-close, .archiv-show {
	display: flex;
	align-items: center;
	font-family: Kanit;
	font-size: 15px;
	font-weight: 300;
	line-height: 23px;
	letter-spacing: 0.02em;
	color:rgba(40, 37, 40, 0.5);
	margin: 10px 0;
	gap: 5px;
	padding: 0 50px;
}
.archiv-close:hover, .archiv-show:hover {
	cursor: pointer;
	color: black;
}
.archiv-show {
	display: none;
}
.archiv-cont {
	box-sizing: border-box;
	width: 100%;
	display: flex;
	justify-content: space-between;	
	font-family: Kanit;
	font-size: 15px;
	font-weight: 300;
	line-height: 23px;
	letter-spacing: 0.02em;
	color:rgba(40, 37, 40, 0.5);
	margin: 10px 0;
	border-bottom: 1px dotted #CDDBE0;
	padding: 0 25px;
}
.padding-30px {
	padding: 0 25px;
}
.move-to {
 	width: 100%;
}
.download-pdf:hover {
	cursor: pointer;
}
.about-email {
	display: none;
	width: 100%;
	font-family: Sofia Sans Condensed;
	font-size: 20px;
	font-weight: 300;
	line-height: 26px;
	letter-spacing: 0.03em;
	color: #3F4DFE;
	text-align: right;
}
@media only screen and (max-width: 1170px) {
	.footer-lines {
		display: none;
	}
	.footer-lines-mob {
		display: flex;
	}
	footer {
		flex-direction: column;
		align-items: center;
  		height: auto;
  		width: 100%;
  		gap: 0px;
	}
	.footer-separator {
 		margin: 0;
  		height: 10px;
  		width: 90%;
  		background-image: linear-gradient(to left, #E9F0F2 10%, #2D3D2B 0%); 
  		background-position: left;
  		background-size: 10px 1px;
  		background-repeat: repeat-x;
	}
	.footer-address {
		padding: 30px;
		gap:20px;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.footer-address-content {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 10px;
	}
	.footer-buttons {
		width: 100%;
		text-align: center;
		padding: 20px 30px;
	}
	.footer-buttons p {
		margin: 0;
	}
	.footer-menu {
		display: flex;
		align-items: center;
  		gap: 15px;
  		margin-left: auto;
  		margin-right: auto;
		justify-content: flex-end;
	}

}
@media only screen and (max-width: 1111px) {
	#sec1,
	#sec2 {
		padding: 0 30px;
	}
	.danke-star {
		padding: 40px 0 0 0;
	}
}
@media only screen and (max-width: 924px) {
	.title {
		font-size: 80px;
	}
	.title-priv-pol {
		font-size: 60px;
		line-height: 70px;
		padding: 30px 0 0 0;
	}

	h2 {
		font-size: 50px;
	}
	.bell .hinweis {
		width:73px; 
		height:61px; 
	}
	.danke-schon {
		width:72px; 
		height:72px;
	}

	.order {
		flex-wrap: wrap;
		padding: 0;
	}
	.bell-txt {
		justify-content: center;
		flex-wrap: wrap;
		gap: 24px;
		max-width: 460px;
		padding: 10px 0 0 0;
	}
	.bell-txt-txt {
		padding: 0;
	}
	.danke-txt {
		padding: 10px 0 0 0;
	}
	.happy-wom {
		width: 100%;
		height: auto;
	}
	.bell-happy {
		padding: 10px 0 0 0;
	}
	.order-info {
		padding: 0;
		text-align: center;
		width: 100%;
		justify-content: center;
	}
	.order-pic {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.l-input, .icons {
		margin-left: auto;
		margin-right: auto;
	}
	.spacer100 {
		height: 50px;
	}
	.archiv-title, .archiv-close {
  		padding: 0 25px;
	}
	.padding-30px {
  		padding: 0;
	}
}

@media only screen and (max-width: 691px) {
	.title {
		font-size: 60px;
		padding: 60px 0 20px 0; 
	}
	.title-priv-pol {
		font-size: 50px;
		line-height: 60px;
		padding: 30px 0 0 0;
	}

	h2 {
		font-size: 40px;
	}
	.bell, .danke-star {
		padding: 60px 0 0 0;
	}
	.bell .hinweis {
		width:58px; 
		height:49px; 
	}
	.danke-schon {
		width:57px; 
		height:57px;
	}

	#vector img {
		width: 1200px;
	}
	.orders {
		padding: 0;
	}
	#sec-your-orders {
  		padding: 100px 20px 0 20px;
	}
	.top-conteiner {
		padding: 0 20px;
	}
	
	
	.your-orders {
		flex-direction: column;
		gap: 5px;
		padding: 30px 0 0 0;
	}
	.info-txt-unsubscribe {
		display: flex;
		text-align: center;
		justify-content: center;
		margin-left: auto;
		margin-right: auto;
	}
}
@media only screen and (max-width: 600px) {
  .card-button-form form,
  .giro-pay-form form {
    width: 100%;
  }
}
@media only screen and (max-width: 555px) {
	.title {
		font-size: 45px;
		padding: 60px 0 0 0;
	}
	#sec1-priv-pol {
  		padding: 70px 30px 0 30px;
	}
	#sec-your-orders {
   		padding: 30px 20px 0 20px;
	}
	
  	.title-priv-pol {
		font-size: 45px;
		line-height: 55px;
		padding: 30px 0 0 0;
	}

	h2 {
		font-size: 35px;
	}
	.bell {
		padding: 40px 0 0 0;
	}
	.danke-star {
		padding: 20px 0 0 0;
	}
	.bell .hinweis {
		width:46px; 
		height:38px; 
	}
	.danke-schon {
		width:43px; 
		height:43px;
	}
	.menu {
		display: none;
	}
	#vector img {
		width: 900px;
	}

}

@media only screen and (max-width: 399px) {
	.title {
		font-size: 35px;
		padding: 40px 0 0 0;
	}
	h2 {
		font-size: 32px;
	}

	#vector img {
		width: 700px;
	}
	.desktop-390 {
		display: none;
	}
	.mob-390 {
		display: flex;
	}

/*------------------------------*/