@import url(./main.css);
@import url(./font_face.css);


.placeholder-black {
	height: 100vh;
	margin-bottom: 500px;
	background-color:  #e6e6e6;
}

/* General CSS */
h1,h2,h3,h4,h5,h6,p,a {
	font-family: var(--schrift);
}

body {
	background-color: grey !important;
}

.row {
	margin-left: 30px;
	margin-right: 30px;
}

.row > * {
	padding-left: 0;
	padding-right: 0;
}

.container {
	background-color: white !important;
	max-width: 100% !important;
	padding:  0;
}


/* Navigation CSS */
.nav-row {
	height:  150px;
	background-color: #ffffff;
	margin-left: 0;
	margin-right: 0;
}

.nav-row div:nth-child(4n+2) {
	border-left: 2px solid #ffffff;
	border-right: 1px solid #ffffff;
}

.nav-row div:nth-child(4n+3) {
	border-left: 1px solid #ffffff;
	border-right: 2px solid #ffffff;
}

.nav-element {
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	text-decoration: none;
	color:  #000000;
}
.nav-element.active {
	font-weight: 700;
}
.lions-logo {
	height: 130px;
}


/* Club Row CSS */
.lion-button {
	color: var(--lions);
	background-color: #ffffff;
	border-width: 3px;
	border-style: solid;
	border-color: var(--lions);
	padding: 16px 40px;
	font-size: 22px;
	line-height: 22px;
	text-decoration: none;
	margin-top: 20px;
	font-weight: 600;
}

.lion-button:hover {
	color: var(--lions-2);
	background-color: var(--lions);
	border-color: var(--lions-2);
}


hr {
	border-width: 3px;
	border-color: var(--lions);
	opacity: 1;
}

.targets li::marker{
	color: var(--lions);
	font-weight: 600;
}

.lion-list li::marker {
	color: var(--lions);
}
li {
	margin-bottom: 8px;
}

.list-header {
	font-size:  18px;
	line-height: 18px;
	font-weight: 500;
	color: var(--lions);
}
/* DSGVO Row CSS */


.dsgvo-text {
	font-size: 20px;
	line-height: 20px;
	font-weight:  400;
}

a{
	color: var(--lions);
}