.shoptet{
	max-width: 1000px;
	padding: 80px 0;
	}

.shoptet h3{
	text-align: center;
	font-size: 2.25rem;
	line-height: 120%;
	padding: 0;
	margin: 0;
	}

.shoptet h3 br{
	display: none;
	}

.shoptet h3 span{
	color: var(--color-accent);
	}

.shoptet-top{
	container-type: inline-size;
	}

.shoptet-top p{
	text-align: center;
	/*font-size: 1.15rem;*/
	color: rgb(148,163,184);
	line-height: 140%;
	padding: 0 10px 30px;
	font-size: clamp(0.75rem, 4.0cqw, 1.15rem);
	}

.shoptet h4{
	text-align: center;
	font-size: 1.45rem;
	line-height: 100%;
	padding: 0 0 25px;
	margin: 0;
	}

.shoptet-top-de h3{
	font-size: 2rem;
	}

.shoptet-cols{
	display: flex;
	}

.shoptet-col{
	width: 30%;
	border: 1px solid #334155;
	background: var(--color-projects-bg);
	transition: all 0.3s ease-in-out;
	margin: 0 auto;
	border-radius: 0.75rem;
	container-type: inline-size;
	}

.shoptet-col:hover{
	border-color: var(--color-accent);
	transform: translateY(-5px);
	}

.shoptet-col strong{
	display: flex;
	margin: auto;
	padding: 15px 10px 5px 20px;
	color: var(--color-accent);
	}

.shoptet-col strong svg{
	display: block;
	width: 24px;
	height: 24px;
	margin-right: 10px;
	margin-top: 5px;
	min-width: 24px;
	}

.shoptet-col strong span{
	display: block;
	flex-grow: 1;
	padding: 10px 0 0;
	line-height: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-size: 1.3rem;
	}

.shoptet-col-cz strong span{
	font-size: clamp(0.95rem, 6.5cqw, 1.3rem);
	}

.shoptet-col-en strong span{
	font-size: clamp(0.75rem, 5.4cqw, 1.05rem);
	}

.shoptet-col-de strong span{
	white-space: normal;
	line-height: 115%;
	font-size: clamp(0.9rem, 6.5cqw, 1.3rem);
	}

.shoptet-col ul{
	list-style-type: square;
	color: rgb(148,163,184);
	line-height: 140%;
	padding-left: 25px;
	font-size: 0.9rem;
	}

.shoptet-col-cz ul,
.shoptet-col-en ul,
.shoptet-col-de ul{
	font-size: clamp(0.7rem, 4.5cqw, 0.9rem);
	}

.shoptet-col li{
	padding-right: 10px;
	padding-bottom: 10px;
	}

.shoptet-bottom{
	color: rgb(148,163,184);
	text-align: center;
	padding: 20px 10px 30px;
	line-height: 140%;
	container-type: inline-size;
	}

.shoptet-bottom a{
	color: var(--color-accent);
	}

.shoptet-bottom p{
	font-size: clamp(0.9rem, 5.5cqw, 1rem);
	}

.shoptet-examples{
	border: 1px solid #334155;
	background: var(--color-projects-bg);
	transition: all 0.3s ease-in-out;
	margin: 0 auto;
	border-radius: 0.75rem;
	margin: 30px auto auto;
	max-width: 97%;
	color: rgb(148,163,184);
	container-type: inline-size;
	}

.shoptet-examples:hover{
	border-color: var(--color-accent);
	transform: translateY(-5px);
	}

.shoptet-examples p{
	padding: 5px 15px 0 15px;
	color: var(--color-accent);
	font-size: 1.3rem;
	font-weight: 600;
	white-space: nowrap;
	font-size: clamp(0.65rem, 4.5cqw, 1.3rem);
	}

.shoptet-examples-de p{
	font-size: clamp(0.65rem, 3.85cqw, 1.3rem);
	}

.shoptet-examples ul{
	font-size: clamp(0.7rem, 4.5cqw, 0.9rem);
	margin-right: 15px;
	padding-left: 25px;
	list-style-type: square;
	}

.shoptet-examples li{
	padding-bottom: 5px;
	line-height: 120%;
	}

.shoptet-examples p{
	display: flex;
	}

.shoptet-examples span{
	display: block;
	padding: 3px 0 0 10px;
	}

.shoptet-examples svg{
	display: block;
	width: 24px;
	height: 24px;
	min-width: 24px;
	}

.shoptet-examples i{
	color: var(--color-accent);
	font-weight: 400;
	font-size: 0.75rem;
	font-style: normal;
	}