@font-face {
	font-family: 'Roboto Slab';
	src: url('../fonts/RobotoSlab-Medium.woff2') format('woff2'),
	url('../fonts/RobotoSlab-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

body {
	font-family: Arial, sans-serif;
	line-height: 1.5;
}

h1, h2 {
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 500;
	line-height: 1.15;
}

h2 {
	font-size: 2.4rem;
}

h3 {
	font-size: 1.8rem;
	font-weight: normal;

	> * {
		font-size: inherit;
		font-weight: inherit;

		> * {
			font-size: inherit;
			font-weight: inherit;
		}
	}
}

#menu-desktop {
	position: absolute;
	left: 45%;
	width: 150px;
}

#menu-desktop li {
	display: inline-block;
}

#user-interface #language-menu li a.color-1,
#user-interface #language-menu li a:hover {
	color: rgb(29,73,120) !important;
}

.content-element.login {
	padding: 0 17px 50px;
}

.tx-felogin-pi1 legend {
	display: none;
}

.article-group article .related {
	margin-bottom: 50px;
}

.tx-felogin-pi1 input,
.easyform input,
.easyform textarea {
	display: block;
	border: solid 1px #ccc;
	margin: 5px 0 0;
	padding: 5px;
	font-family: Arial, sans-serif;
}

.easyform textarea,
.tx-sppmform textarea {
	min-width: 250px;
	min-height: 100px;
}

.tx-felogin-pi1 input[type="submit"],
.easyform [type="submit"],
#perl input[type="submit"],
.tx-sppmform button {
	background-color: rgb(29,73,120);
	cursor: pointer;
	color: white;
	border: none;
	padding: 5px 15px;
}

.easyform [type="submit"] {
	margin-top: 5px;
}

.tx-felogin-pi1 div {
	margin: 0 0 10px;
}

.easyform {
	padding-bottom: 40px;
}

.easyform input[type="checkbox"] {
	position: relative;
	top: 1.5px;
	margin-right: 8px;
	display: inline-block;
}

.easyform .errors li {
	color: red;
	margin: 0 0 5px;
	list-style: none;
}

.easyform .error {
	margin: 0 0 30px;
	color: red;
}

#sitemap ul ul {
	padding-left: 25px;
}

#sitemap .top {

	font-weight: bold;

}

#sitemap li:not(.sub) {

	padding-bottom: 25px;

}

/**

 * DBG Registierung

 * 2017-06

 */

.dbg-register .easyform-field-wrap {

	margin-bottom: 20px;

}

.dbg-register label,

.dbg-register .description,

.dbg-register legend {

	display: block;

	margin: 0 0 10px;

}

.dbg-register label,
.dbg-register legend {

	font-weight: bold;

}

.dbg-register legend {
	color: rgb(152,205,1);
}

.dbg-register select {

	border: solid 1px #ccc;

	padding: 5px;

}

.dbg-register .description
{
	color: rgb(120,120,120);
	margin-top: .5rem;
}

.dbg-register input[type="text"],

.dbg-register select {

	min-width: 300px;

}

#easyform-field-wrap-38 label,

#easyform-field-wrap-39 label {

	color: rgb(152,205,1) !important;

}

#easyform-field-wrap-39 {

	border: solid 3px rgb(152,205,1);

	padding: 22px;

	margin-left: -25px;

}

@media screen and (max-width: 720px) {

	#c9322 {

		padding: 0 17px;

	}

	.dbg-register [type="submit"] {

		width: 100%;

		height: 45px;

	}

	#easyform-field-wrap-39 {

		margin-left: 0;

	}

}

/**

 * 2018-05-22

 * Erweiterungen Kontaktformulare wg. DSGVO

 */
.easyform .errors {
    padding-left: 0;
}
.easyform .errors li {
    color: red !important;
    list-style: none;
}

#easyform-field-wrap-66 ul.errors li,

#easyform-field-wrap-69 ul.errors li {

	display: none;

}

#easyform-field-wrap-66,

#easyform-field-wrap-69 {

	position: relative;

	margin: 15px 0;

}

/*#easyform-field-wrap-66 .checkbox-wrap,

#easyform-field-wrap-69 .checkbox-wrap {

	position: absolute;

	z-index: 3;

	left: 0;

	top: -4px;

	width: 15px;

	height: 20px;

	overflow: hidden;

}

#easyform-field-wrap-66 .description,

#easyform-field-wrap-69 .description {

	position: relative;

	z-index: 2;

	padding-left: 20px;

}*/

#easyform-easyform-9120-submit,

#easyform-easyform-9322-submit {

	position: relative;

}

#easyform-easyform-9120-submit:before,

#easyform-easyform-9322-submit:before {

	content: '*';

	display: block;

	margin-top: 1rem;

	color: red;

	position: absolute;

	left: 0;

	top: 30px;

}

#easyform-easyform-9120-submit:after,

#easyform-easyform-9322-submit:after {

	content: 'Pflichtfeld';

	display: block;

	margin-top: 1rem;

	margin-left: 1rem;

}

#easyform-easyform-9322-submit:after {

	content: 'Required';

}

/**
 * 2019-04-08
 * Neue Funktionen des Anmelde-Formulars
 */
.easyform-status a[href*="print"]
{
    display: inline-block;
    background-color: rgb(29,73,120) !important;
    color: white !important;
    margin-top: 50px;
    padding: 10px;
}
#registration-data table
{
    margin: 30px 0;
    max-width: 500px;
}

/**
 * 2020-05-23
 * Article groups need some space in between on mobile devices
 */
@media screen and (max-width: 768px) {
	.article-group + .article-group {
		margin-top: 25px;
	}
}

/**
 * 2021-07-20
 * Form framework replaces easyforms contact form
 */
[id*=kontaktformular] .form-group > label {
	display: none;
}
[id*=kontaktformular] .form-group input:not([type="checkbox"]),
[id*=kontaktformular] .form-group textarea {
	display: block;
	border: solid 1px #ccc;
	margin: 5px 0 0;
	padding: 5px;
	font-family: Arial, sans-serif;
}
[id*=kontaktformular] .form-group input[type="checkbox"] {
	display: inline-block;
	margin-right: 1rem;
}
[id*=kontaktformular] .form-group textarea {
	min-width: 250px;
	min-height: 100px;
}
[id*=kontaktformular] .form-group .checkbox {
	margin: 15px 0;
}
[id*=kontaktformular] .actions {
	margin-bottom: 5rem;
}
[id*=kontaktformular] .actions button {
	background-color: rgb(29,73,120);
	cursor: pointer;
	color: white;
	border: none;
	padding: 5px 15px;
	margin: 15px 0 0;
}

/**
 * 2022-06-17
 * Underline links within bodytext
 */
article p a,
article li a {
	text-decoration: underline;
}
/**
 * 2022-12-08
 * Style Anpassungen Logo Relaunch
 */
body[data-root="1"] #logo {
	height: 80px;
	margin-top: 10px;
}
@media screen and (max-width: 767px) {
	body[data-root="1"] #logo {
		height: 50px;
		margin-top: 5px;
	}
}
body[data-root="1"] #page-header-images h1 {
	border-radius: 35px;
	padding-left: 25px;
	padding-right: 25px;
}
@media screen and (max-width: 767px) {
	body[data-root="1"] #page-header-images h1 {
		margin-bottom: 10px;
		margin-right: 10px;
	}
}
@media screen and (min-width: 768px) {
	body[data-root="1"] #page-header-images h1 {
		margin-left: -25px;
		margin-bottom: 25px;
	}
}
body[data-root="1"] article > div {
	margin-top: 10px;
}
body[data-root="1"] .button,
body[data-root="1"] .article-group-header,
body[data-root="1"] .share-button {
	border-radius: 25px;
}
body[data-root="1"] .article-group-header {
	padding-top: 10px;
}
body[data-root="1"] .article-group-slider .slideshow-control {
	top: 0;
	transform: scale(.85);
}

@media screen and (max-width: 767px) {

	article#detailview {
		padding: 20px 10px 0;
	}

	article#detailview .image__caption {
		margin-top: 10px;
	}

	article#detailview .image + .image {
		border-left: none;
		margin-top: 10px;
	}

	article#detailview .image img {
		max-width: 100%;
		height: auto;
	}
}

form .captcha {
	margin-top: 1em;
}

form .captcha + input + span {
	display: block;
	color: #AAAAAA;
	margin-top: 1em;
}

form[id*="laborbesuche"] legend,
form[id*="reisestipendium"] legend {
	display: block;
	border-bottom: solid 1px lightgray;
	width: 100%;
	padding-top: 3em;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
}

form[id*="laborbesuche"] label,
form[id*="reisestipendium"] label {
	display: block;
	font-weight: bold;
	margin: 1em 0;
}

form[id*="laborbesuche"] input,
form[id*="reisestipendium"] input {
	border: solid 1px lightgray;
	padding: 5px 10px;

}
form[id*="laborbesuche"] select,
form[id*="reisestipendium"] select {
	border: solid 1px lightgray;
	padding: 5px 10px;
}

form[id*="laborbesuche"] button,
form[id*="reisestipendium"] button {
	background: #98cd01;
	color: white;
	border-radius: 20px;
	padding: 10px 30px;
	margin-bottom: 30px;
}

form[id*="laborbesuche"] input#dbglaborbesucheDE-19983-tx_dbglabvisit_privacy_confirm,
form[id*="reisestipendium"] input#dbglaborbesucheDE-19983-tx_dbglabvisit_privacy_confirm {
	margin-right: 0.5em;
}

form[id*="laborbesuche"] input#dbglaborbesucheDE-19983-tx_dbglabvisit_mention_confirm,
form[id*="reisestipendium"] input#dbglaborbesucheDE-19983-tx_dbglabvisit_mention_confirm {
	margin-right: 0.5em;
}

form[id*="laborbesuche"] span:not(.required),
form[id*="reisestipendium"] span:not(.required) {
	font-weight: normal;
	margin-left: 0.5em;
}

form[id*="laborbesuche"] span.required,
form[id*="reisestipendium"] span.required {
	color: red;
}

form[id*="laborbesuche"] textarea,
form[id*="reisestipendium"] textarea {
	border: solid 1px lightgray;
	padding: 5px;
	width: 100%;
	min-height: 150px;
}

#bsky {
	position: absolute;
	display: block;
	bottom: 0;
	right: 0;
	z-index: 3;
	margin: 0 16px 21px 0;
	opacity: .9;

	svg {
		width: 21px;
		height: 21px;
	}
}

#bsky:hover {
	opacity: .5;
}

@media (width >= 640px) {

	body[data-root="1"] #footer-socials {
		padding-right: 100px;
	}

	#bsky {
		right: 5%;
		margin: 0 50px 21px 0;
	}
}

@media (width >= 1000px) {

	body[data-root="1"] #footer-socials {
		padding-right: 110px;
	}

	#bsky {
		margin: 0 70px 32px 0;
	}
}

#page-footer {
	z-index: 1; /* this has been fixed in TYPO3 12 wwpreset, but this fixes the 11 version temporarily */
}