/* Schriften */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: local(''), url('/shared/font/open-sans-v18-latin-300.woff2') format('woff2'), url('/shared/font/open-sans-v18-latin-300.woff') format('woff');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local(''), url('/shared/font/open-sans-v18-latin-regular.woff2') format('woff2'), url('/shared/font/open-sans-v18-latin-regular.woff') format('woff');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: local(''), url('/shared/font/open-sans-v18-latin-600.woff2') format('woff2'), url('/shared/font/open-sans-v18-latin-600.woff') format('woff');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local(''), url('/shared/font/open-sans-v18-latin-700.woff2') format('woff2'), url('/shared/font/open-sans-v18-latin-700.woff') format('woff');
}
:root {
	--color-pink: #e4007d;
	--color-orange: #eb6500;
	--color-black: #181716;
	--color-darkgrey: #6e6e6e;
	--color-lightgrey: #e6e6e6;
}
body {
	color: var(--color-black);
	font-family: 'Open Sans', var(--bs-font-sans-serif);
}
.bg-lightgrey{
  background-color:var(--color-lightgrey);
}

.text-orange{
  color:var(--color-orange);
}
h1{
 font-weight:700;
}

.social-card {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	text-align: center;
	border-radius: .50rem;
	border:0;
}

.social-icon {
	font-size: 3rem;
	margin-top: 20px;
}
.social-card a {
	text-decoration: none;
	color: var(--color-darkgrey);
}
.social-icon-link {
    position: relative;
    display: inline-block;
}

.social-icon-link .icon-hover {
    top: 0;
    left: 0;
    display: none; /* hide orange by default */
}

.social-icon-link:hover .icon-hover {
    display: inline-block; /* show orange on hover */
}

.social-icon-link:hover .icon-default {
    display: none; /* hide grey on hover */
}
.social-icon-link:hover p,.social-icon-link:focus p{
 color:var(--color-orange);
}
.social-icon-link p{
  font-weight:700;
	font-size:24px;
}
 a.nav-link {
	color: var(--color-orange);
	text-decoration: none;
	transition: color .2s;
}
a:hover, a:focus, a:active, a.nav-link:hover, a.nav-link:focus, a.nav-link:active {
	color: var(--color-pink);
}
footer {
	background: var(--color-lightgrey);
	margin-top: 6rem;
	margin-bottom: 4rem;
}
footer img {
	max-width: 200px;
}
footer h6 {
	line-height: 1.5;
	color: var(--color-darkgrey);
}
footer a.active {
	color: var(--color-pink);
}
@media (max-width: 768px) {
	.social-icon-link img{
	  width:100px !important;
		height:100px !important;
	
	}
	.social-icon-link p{
  font-weight:700;
	font-size:13px !important;
}
	
}