@media (prefers-color-scheme: dark) {
  :root {
  --green: #e7534b;
  --b: #222f3e;
  --w: #fff;
  --woff: rgb(245, 245, 245);
  --hover: #161e27;
  --submenu: #2b3c4f;
  --noimp: #486484;
  --link: #74b9ff;
  --bg-background: #111827;
  }
  html {
  color-scheme: dark !important;
  }
}


@media (prefers-color-scheme: light) {
  :root {
  --green: #e23128;
  --b: #fff;
  --w: #222f3e;
	--woff: #111827;
  --hover: #e7534b;
  --submenu: #f2f5f8;
  --noimp: #cad5e2;
  --link: #0984e3;
	--bg-background: rgb(245, 245, 245);
  }
  html {
  color-scheme: light !important;
  }
}

:root {
  --dgreen: #e23128;
  --blue: #b9cbd6;
  
  
  --clr-card: #1f2937;
  --clr-1: #6420aa;
  --clr-2: #ff3ea5;
  --clr-3: #ff7ed4;
}

body {
    background-color: var(--b);
    font-size:1.3em;
    line-height:135%;
    font-family: 'Poppins', system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: var(--w);
    margin:0 auto;
    font-weight: 300;
    max-width: 1920px;
    
}
*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}
h1,h2,h3,h4,h5,h6 {
    font-family:  'Poppins', system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 700;
    line-height:100%;
    /*color: var(--green);*/
}
h1 {
    font-size: 4em;
}
h2 {
    font-size: 2.5em;
}
h3 {
    font-size: 1.5em;
}
a {
	color:var(--link);
}
a:hover, a.focus {
	color:var(--hover);
	@media (prefers-color-scheme: dark) {
		color:var(--green);
	}
}
.ce_text p strong {
  font-weight: 700;
}
.ce_text ul {
  --icon-size: .8em;
  --gutter: .5em;
  padding: 0 0 0 var(--icon-size);
}
.framed {
	padding:1em;
}
.ce_text ul li {
  padding-left: var(--gutter);
}
.ce_text ul li::marker {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  font-size: var(--icon-size);
  color: var(--green);
}
.max-w-1200 {
    max-width: 1100px;
    margin-inline: auto;
}
.max-w-full {
    max-width: 100%;
}
#main .inside, #footer .inside {
    padding: 0;
}
.start-slider .swiper-slide {
	position:relative;
}
.start-slider .swiper-slide .text-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,0%);
  text-align: center;
  color:var(--b);
  opacity:0;
  transition:all ease 0.75s 0.5s;
}
.start-slider .swiper-slide.swiper-slide-active .text-wrap {
  opacity:1;
  transform: translate(-50%,-50%);
}
.start-slider .swiper-slide.bg-dark .text-wrap {
  color:var(--w);
}
.start-slider .swiper-slide .text-wrap h3{
  font-weight:300;
}
.start-slider .swiper-slide .text-wrap h2 strong{
  color:var(--green);
  font-weight:700;
}
.start-slider .swiper-slide .text-wrap a{
  padding: 20px 50px;
  margin-top:40px;
  display:inline-block;
  background:var(--green);
  color:var(--w);
  font-weight:500;
}
.start-slider .swiper-slide .text-wrap a:hover, .start-slider .swiper-slide .text-wrap a:focus{
  background:var(--dgreen);
}
@media (prefers-color-scheme: light) {
  .start-slider .swiper-slide .text-wrap {
  color:var(--w);
}
.start-slider .swiper-slide.bg-dark .text-wrap {
  color:var(--b);
}
.start-slider .swiper-slide .text-wrap a{
  color:var(--b);
 }
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	left:-20px;
	opacity:0;
	transition:all ease 0.3s;
}
.swiper-container:hover .swiper-button-prev, .swiper-container-rtl:hover .swiper-button-next, .swiper-container:focus-within .swiper-button-prev, .swiper-container-rtl:focus-within .swiper-button-next {
	left:0px;
	opacity:1;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	right:-20px;
	opacity:0;
	transition:all ease 0.3s;
}
.swiper-container:hover .swiper-button-next, .swiper-container-rtl:hover .swiper-button-prev, .swiper-container:focus-within .swiper-button-next, .swiper-container-rtl:focus-within .swiper-button-prev {
	right:0px;
	opacity:1;
}
.swiper-button-next::after, .swiper-button-prev::after {
	font-size: 2em;
	color: var(--w);
}
swiper-pagination {
	width: 120px;
}
.swiper-pagination-bullet {
	background:var(--w);
	opacity:0.4;
	width: 12px;
	height: 12px;
}
.swiper-pagination-bullet-active {
	background:var(--w);
	opacity:1;
}

@media (prefers-color-scheme: light) {
	.start-slider .swiper-pagination-bullet {
		background:var(--b);
	}
	.start-slider .swiper-pagination-bullet-active {
		background:var(--b);
	}
	.start-slider .swiper-button-next::after, .start-slider .swiper-button-prev::after {
		color: var(--b);
	}
}

.start-order, .start-offer, .start-target, .start-top5, .start-editor {
  padding-block: 150px 50px;
  display: flex;
  justify-content: center;
  padding-inline: 50px;
}
.start-view {
  padding-block: 50px 50px;
  display: flex;
  justify-content: center;
  padding-inline: 50px;
}
.start-order .ce_text {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row;
  gap: 50px;
  width: 90%;
  max-width: 1170px;
}
.start-order .ce_text .image_container, .start-order .ce_text .text-wrap {
  width: 50%;
}
.circle-img .image_container img {
  border-radius: 100%;
  overflow:hidden;
}
.start-order .ce_text .text-wrap a {
  padding: 20px 50px;
  margin-top:40px;
  display:inline-block;
  color:var(--w);
  font-weight:500;
  border:1px solid var(--w);
  transition:all ease 0.3s;
}
.start-order .ce_text .text-wrap a:hover, .start-order .ce_text .text-wrap a:focus {
  background:var(--green);
  border-color:var(--green);
}
@media (prefers-color-scheme: light) {
.start-order .ce_text .text-wrap a:hover, .start-order .ce_text .text-wrap a:focus {
  color:var(--b);
 }
}
.start-target .ce_text .text-wrap {
  display: flex;
  gap: 30px;
  justify-content: center;
  align-items: stretch;
  flex-flow: row wrap;
}
.start-target .ce_text h2 {
  text-align: center;
}
.start-target .ce_text .text-wrap ul {
  margin:50px 0 0 0;
  padding:0;
  list-style-type:none;
  display: flex;
  gap: 30px;
  justify-content: center;
  align-items: stretch;
  flex-flow: row wrap;
}
.start-target .ce_text .text-wrap ul li {
  background: var(--submenu);
  color: var(--w);
  width: calc(20% - 24px);
  margin: 0;
  padding: 0.5em 1.5em 2em 1.5em;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  hyphens: none;
  flex-flow:column;
}
.start-target .ce_text .text-wrap ul li::marker {
	content: none;
}
.start-target .ce_text .text-wrap li:hover {
  background: var(--green);
  color: var(--w);
}
@media (prefers-color-scheme: light) {
.start-target .ce_text .text-wrap li:hover {
  color: var(--b);
 }
}
.start-offer  {
  max-width: 1170px;
  margin: auto;
  align-items: center;
}
.start-offer .ce_text {
  max-width: calc(50% - 40px);
  margin-right: 130px;
}
.start-offer .image-wrap {
	position: relative;
}
.start-offer .image-wrap .img-magnified {
  position: absolute;
  top: 50%;
  left: -120px;
  transform: translateY(-50%);
}
.start-offer .image-wrap .img-magnified img {
	border: 10px solid var(--b);
}
.shop .products {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
}
.shop .products .product_item {
	width: calc(20% - 20px);
	position:relative;
}
.shop .products .product_item .image_container {
	background:var(--b);
	position: relative;
}
.shop .products .product_item .image_container img{
	transition:all ease 0.3s;
}
.shop .products .product_item .image_container a:hover img, .shop .products .product_item .image_container a:focus img {
	opacity:0.5;
}
.shop .products .product_item .image_container a{
  z-index: 1;
  position: relative;
}
.shop .products .product_item .headline h4 {
  text-align: center;
  margin-block:20px;
}
.shop .products .product_item .headline h4 a{
  color:var(--green);
}
.shop .products .product_item .headline h4 a:hover, .shop .products .product_item .headline h4 a:focus {
  color:var(--w);
}
.shop .products .product_item .image_container .cart-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 50px;
  fill: white;
  z-index: 0;
  transition:all ease 0.3s;
  pointer-events:none;
}
.shop .products .product_item .image_container:focus-within .cart-bg, .shop .products .product_item .image_container a:hover + .cart-bg {
  z-index: 1;
}
.product_price {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: var(--green);
  padding: 10px;
  border-radius: 0 0 15px 0px;
  font-weight: 500;
  font-size: 0.8em;
}
.price_info {
  text-align: center;
  font-size: 0.8em;
  margin-block: 50px;
  color: var(--w);
  opacity: 0.3;
}
.start-view h2 {
	text-align:center;
}
.ce_table {
  overflow-x:scroll;
}
table {
	text-align:left;
	vertical-align:top;
	border: none;
  border-collapse: collapse;
  overflow-x:scroll;
}
thead {
  border-bottom: 1px solid var(--w);
}
th, td {
  padding: 10px;
  vertical-align: top;
}
tbody tr:nth-child(odd) {
	background:var(--submenu);
}
tbody tr:hover {
	background:var(--hover);
}
@media (prefers-color-scheme: light) {
tbody tr:hover {
	color:var(--b);
 }
 tr:hover a {
 	color:var(--b);
 }
 td a:hover, td a:focus {
 	color:var(--w);
 }
}
.start-editor .ce_text {
  max-width: 970px;
  padding:20px 50px 50px 50px;
  background:var(--green);
}
.start-editor .ce_text h2, .start-editor .ce_text p:has(a) {
  text-align:center;
}
.start-editor .ce_text .text-wrap a{
  padding: 20px 50px;
  margin-top:40px;
  display:inline-block;
  color:var(--w);
  font-weight:500;
  border:1px solid var(--w);
  transition:all ease 0.3s;
}
.start-editor .ce_text .text-wrap a:hover, .start-editor .ce_text .text-wrap a:focus {
  background:var(--w);
  color:var(--green);
}
@media (prefers-color-scheme: light) {
.start-editor .ce_text h2, .start-editor .ce_text p {
  color:var(--b);
 }
 .start-editor .ce_text .text-wrap a:hover, .start-editor .ce_text .text-wrap a:focus {
  background:var(--b);
  
 }
.start-editor .ce_text .text-wrap a{
  color:var(--b);
  border:1px solid var(--b);
 }
}
.start-partner {
	padding-inline:50px;
}
.start-partner h2, .start-partner p{
	text-align:center;
}
.space-block {
  margin-block: 100px;
}
.space-top {
  margin-top: 100px;
}
.space-bottom {
  margin-bottom: 100px;
}
.flex-wrap {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
  justify-content: center;
  align-items: stretch;
  overflow: visible;
}  
.flex-wrap .ce_text {
  position: relative;
  padding: 20px 40px;
  width: calc(33.333% - 13.4px);
  border-radius: 2em;
  overflow: visible;
}
.flex-wrap .ce_text h4 {
  text-align: center;
}
.flex-wrap .ce_text .image_container img {
  margin:auto;
}
#header {
  position: sticky;
  top: 0px;
  z-index: 3;
  background: var(--b);
  border-bottom:1px solid var(--w);
}
#header .inside {
  padding: 30px;
  display: flex;
  align-items: center;
  gap: 50px;
  justify-content: center;
}
#header.sticky .inside {
  padding: 20px 50px 10px 50px;
}
#header .inside p {
  margin: 0;
}
#header .inside .content-image, #header .inside .logo {
  max-width: 75%;
  width: 600px;
  transition: all ease 0.2s;
}
#header.sticky .inside .content-image, #header.sticky .inside .logo {
  max-width: 40%;
  width: 400px;
}
.title-container {
  position: relative;
}
.title-text {
  position: absolute;
  bottom: 50px;
  right: 50px;
  max-width: 40%;
  z-index: 2;
  font-weight: 400;
  color: #fff;
}
.title-image {
  position: relative;
}
.title-image img{
  display: block;
}
.title-image::after {
  background: linear-gradient(90deg, white, #222f3e);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 70%;
  z-index: 1;
  content: "";
  mix-blend-mode: multiply;
}
a {
    text-decoration: none;
  }
.image_container img, .image_container a {
  display:block;
}
.two-col  {
  max-width:1280px;
  margin:auto;
}
.two-col ul {
	padding:0;
	text-align:center;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  justify-content: start;
  align-items: stretch;
  margin-block-end:3em;
}
.two-col .ce_text ul li::marker {
  content: "";
}
.g48-archive {
display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(min(350px, 100%), 1fr));
  justify-content: start;
  align-items: stretch;
}
#g48-archive, #view {
scroll-margin-top: 100px;
}
#g48-archive ul {
  list-style-type: none;
  padding: 0;
  margin-block: 1em;
  display: flex;
  flex-flow:row wrap;
  gap: 5px;
}
#g48-archive ul li a, #g48-archive ul li strong {
  display: block;
  padding: 10px 15px;
  background: var(--submenu);
  border-radius: 7px;
  font-weight:600;
}
#g48-archive ul li a:hover, #g48-archive ul li a:focus, #g48-archive ul li strong {
  background: var(--green);
  color: var(--w);
}
.g48-archive h2:first-of-type {
	display:none;
}
.g48-archive .layout_simple {
	background:var(--submenu);
	hyphens: auto;
	display: flex;
	flex-flow: column;
	&:hover, &:focus-within {
		background:var(--w);
	}
}
.g48-archive .layout_simple .text_container {
	padding-inline:20px;
}
.g48-archive .layout_simple .image_container {
	
}
.g48-archive .layout_simple p a {
	font-weight:600;
}
.pdf-preview {
	display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  justify-content: start;
  align-items: stretch;
  h4 {
  	grid-column: 1 / -1;
  }
  .download-element {
	margin:0;
	padding:1em;
	align-content: center;
	text-align: center;
	position: relative;
	min-height: 355px;
	a {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		align-content: center;
		padding:1em;
		background: var(--submenu);
		color:var(--w);
	}
	a:hover, a:focus {
		background: var(--green);
		color:var(--w);
	}
	span {
		display: block;
	}
  }
  .download-element a, .ext-pdf a {
  	background-image: none;
  }
}
.notes .text-wrap p {
	display:inline-block;
	font-size:0.8em;
	position:relative;
	padding:1em;
	background:var(--submenu);
	&:before {
		font: var(--fa-font-solid);
		-webkit-font-smoothing: antialiased;
		content:"\f05a";
		margin-right:7px;
	}
}
.discount ul {
	padding:0;
	margin:4em 0 1em 0;
	list-style-type: none;
	display: flex;
	gap:48px;
	text-align: center;
	justify-content: center;
	align-items: center;
}
.ce_text.discount li {
  background:red;
  list-style-type: none;
  padding:2em;
  position: relative;
  text-align: center;
  width: 250px;
  height: 250px;
  border-radius:50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
}
.discount li strong {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0%,-50%);
  background: var(--submenu);
  padding:0;
  width: 100px;
  height: 100px;
  font-weight: 600;
  border-radius:50%;
  justify-content: center;
  align-items: center;
  display: flex;
  border: 10px solid var(--b);
}
.discount li:nth-child(2) strong {
  width: 120px;
  height: 120px;
  font-size: 1.1em;
}
.discount li:nth-child(3) strong {
  font-size: 1.2em;
  width: 140px;
  height: 140px;
}
#ausblick {
scroll-margin-top: 50px;	
}
#rubriken, #schreibhilfe, #checkliste {
  scroll-margin-top: 100px;
}
.rubriken {
	max-width:1300px;
	margin-inline:auto;
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(auto-fit, minmax(min(350px, 100%), 1fr));
	justify-content: start;
	align-items: stretch;
	padding-block: 0 2em;
	.ce_text, .ce_download, .ce_hyperlink {
	background-color: rgba(43, 60, 79,0.8);
	padding:2em 1.5em 1.5em 1.5em;
	position:relative;
	border:1px solid rgba(255,255,255,0.1);
	border-radius:0.25em;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.25);
	@media (prefers-color-scheme: light){
		background-color: rgba(242,245,248,0.8);
		border:1px solid rgba(34, 47, 62,0.1);
	 }
	}
	.ce_download, .ce_hyperlink {
	text-align:center;
	font-weight:500;
	overflow: clip;
	}
	h3 {
	margin-top:0;
	}
	.ce_download::before {
		font: var(--fa-font-solid);
		-webkit-font-smoothing: antialiased;
		content:"\f1c1";
		font-size:2em;
	}
	.ce_hyperlink::before {
		font: var(--fa-font-solid);
		-webkit-font-smoothing: antialiased;
		content:"\f0c1";
		font-size:2em;
	}
	.ce_hyperlink a {
		display:block;
		margin-block:1em;
	}
	.ce_hyperlink.phone::before {
		content:"\f059";
	}
}
.rubriken-dl {
	grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
	.ce_hyperlink.tag::before {
		font: var(--fa-font-solid);
		-webkit-font-smoothing: antialiased;
		content:"\f02b";
		font-size:2em;
	}
	.ce_hyperlink.tags::before {
		font: var(--fa-font-solid);
		-webkit-font-smoothing: antialiased;
		content:"\f02c";
		font-size:2em;
	}
	.ce_hyperlink.card::before {
		font: var(--fa-font-regular);
		-webkit-font-smoothing: antialiased;
		content:"\f09d";
		font-size:2em;
	}
	.ce_image{
		position: relative;
		a {
			transition: all ease 0.3s;
			opacity:1;
		}
		a:hover, a:focus {
			opacity:0.5;
		}
		.image_container .caption {
			position: absolute;
			top: 50%;
			text-align: center;
			left: 20px;
			right: 20px;
			transform: translateY(-50%);
			pointer-events: none;
			.caption-content {
				font-weight: 500;
				color: var(--woff);
				background: var(--bg-background);
				display: inline;
				box-decoration-break: clone;
				padding: 0.25em 0.5em;
				line-height: 2;
				font-size: 0.85em;
				
			}
		}
	}
}



#footer {
padding:3em;
background:var(--hover);
border-top:1px solid var(--w);
@media (prefers-color-scheme: light) {
	background: var(--woff);
	color: var(--w);
	}
}
#footer .inside {
	max-width: 1300px;
	margin:auto;
	padding-block:2em;
	display: flex;
	gap:20px;
	justify-content: space-between;
	align-items: start;
	border-top:1px solid var(--submenu);
	@media (prefers-color-scheme: light) {
	border-top:1px solid var(--submenu);
	}
}
#footer .inside::before {
  content: "";
  background: var(--submenu);
  top: -2px;
  left: 0;
  width: 6em;
  height: 3px;
  position: absolute;
  @media (prefers-color-scheme: light) {
	background: var(--submenu);
	}
}
.mitwirken {
	background-image: url('/files/sys/img/mitwirken/Mitmachen_head.svg');
	background-repeat: no-repeat;
	background-position:bottom center;
	background-size: 100%;
	padding: 0 50px 250px 50px;
}
.ce_accordion {
	background: var(--submenu);
	border-bottom:1px solid var(--b);
	.toggler {
		font-weight:500;
		cursor:pointer;
		position:relative;
		padding:1em 1.5em;
		&:after {
			font: var(--fa-font-solid);
			-webkit-font-smoothing: antialiased;
			content:"\f078";
			position: absolute;
			right: 1.5em;
		}
		&.active:after {
			content:"\f077";
			
			@media (prefers-color-scheme: light) {
				background: #d7e0ea;
			}
		}
		&:hover, &:focus{
			background: rgba(255,255,255,0.1);
			@media (prefers-color-scheme: light) {
				background: #d7e0ea;
			}
		}
	}
}
.ce_accordion:first-of-type {
  border-radius:1em 1em 0 0;
}
.ce_accordion:last-of-type {
  border-radius:0 0 1em 1em;
}
.accordion {
padding-inline:1.5em;	
}
.ce_accordion:last-of-type  {
border-bottom:0px solid var(--b);
}
.mitwirken-text {
	background-image: url('/files/sys/img/mitwirken/show.svg');
	background-repeat: no-repeat;
	background-position:bottom right;
	background-size: 50%;
}
.ce_swiperStart .ce_gallery > ul, .ce_swiperStart .content-gallery > ul {
	overflow:visible;
	padding: 4em 0;
	align-items: center;
	img {
		margin:auto;
	}
	.image_container a {
		transition: all ease 0.3s;
		opacity:1;
	}
	.image_container a:hover, .image_container a:focus {
		opacity:0.5;
	}
}
#agb li {
	strong {
		line-height: 200%;
	}
	strong, &::marker {
	font-weight:700;
	}
}
.shop h2.ce_headline {
	text-align:center;
}
.ce_downloads.preview ul {
	padding:0;
	display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(min(250px, 500px), 0fr));
  justify-content: start;
  align-items: stretch;
  @media (width < 1372px) {
	grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
  h4 {
  	grid-column: 1 / -1;
  }
  .download-element {
	margin:0;
	padding:0;
	list-style-type:none;
	align-content: center;
	position: relative;
	min-height: 355px;
	figure + a {
		display:block;
		margin-block:1em;
		font-weight:700;
		span {
			font-weight:300;
		}
	}
	a {
	
	}
	a:hover, a:focus {
	
	}
	span {
		display: block;
	}
  }
  .download-element a, .ext-pdf a {
  	background-image: none;
  }
}
.redaktion {
  display: flex;
  gap: 2em;
  flex-flow: row wrap;
  padding-inline:1em;
  .ce_text {
  	width: calc(33% - 1.333em);
  	background: var(--bg-background);
    border-radius: 1em;
    border: 1px solid var(--submenu);
    display: flex;
    flex-flow: column;
    justify-content: start;
    .text-wrap {
		padding: 0 1em 1em 1em;
    	}
  	h3 {
  	strong {
  		font-weight:400;
  		font-size:0.5em;
  		text-transform:uppercase;
  		letter-spacing:0.75px;
  	}
  	}
  	.image_container{
  		border-radius:1em 1em 0 0;
  		overflow:hidden;
  	}
  	a {
		color: var(--w);
		transition: all ease 0.3s;
		border-bottom:1px solid var(--w);
		  &:hover, &:focus-within, &:focus {
    		color: var(--green);
    		border-bottom:1px solid var(--green);
    		}
  	}
  }
}


.red-intro a {
	padding: 20px 50px;
	margin-top: 40px;
	display: inline-block;
	color: var(--w);
	font-weight: 500;
	border: 1px solid var(--w);
	transition: all ease 0.3s;
	&:hover, &:focus-within, &:focus {
		background: var(--green);
		border-color: var(--green);	
		}
  	}