/***** GLOBAL *****/
@import url("barlow/barlow.css");
html{
	font-size:16px;
}
*{
	font-family: 'Barlow',sans-serif;
	box-sizing: border-box;
}

a{
	text-decoration:none;
	color:#000000;
	transition: all .5s;
}

hr{
	border:1px solid #cfd3d6;
	margin:1.5rem 0;
	line-height: 0!important;
}

.a_line{
	border-bottom: 1px dotted #7a003f;
}

.a_line:hover{
	background-color: #7A003F;
	color:#ffffff;
}

input[type="text"], input[type="password"], input[type="number"], input[type="date"], input[type="email"], select, textarea {
	border: 1px solid #E0E2E3;
	background-color: #F8F8F8;
	padding: 0.25rem;
	margin: 0.125rem 0;
	border-radius: 0.2rem;
	width: 20vw;
	font-size:0.9rem;
}


input[type="radio"]{
	border: 1px solid #E0E2E3;
        background-color: #F8F8F8;
	cursor:pointer;
}

input[type="text"]:hover, input[type="password"]:hover, input[type="number"]:hover, input[type="date"]:hover, input[type="email"]:hover, select:hover, textarea:hover,
input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="email"]:focus, select:focus, textarea:focus,
input[type="text"]:active, input[type="password"]:active, input[type="number"]:active, input[type="date"]:active, input[type="email"]:active, select:active, textarea:active{
	background-color: #e7e9ea;
}

input[type="radio"]:hover, input[type="radio"]:focus, input[type="radio"]:active{
        background-color: #e7e9ea;
}

input[type="button"], input[type="submit"], input[type="reset"], .bttn {
	border: 1px solid #C0C2C3;
	background-color: rgb(244, 244, 244);
	background-image: linear-gradient(rgb(244, 244, 244) 0%, rgb(222, 222, 222) 100%);
	padding: 0.25rem;
	margin: 0.25rem 0;
	border-radius: 0.2rem;
}

input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .bttn:hover,
input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus, .bttn:focus,
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, .bttn:active{
	border: 1px solid #B0B2B3;
        background-color: rgb(200, 200, 200);
        background-image: linear-gradient(rgb(233, 233, 233) 0%, rgb(211, 211, 211) 100%);
	cursor: pointer;
}

/***** STRUKTUR *****/

body{
	max-width:980px;
	line-height: 1.125rem;
	margin:0.8rem auto 0 auto;
	display:grid;
	grid-template-areas:
		"header header"
		"nav nav"
		"info info"
		"main aside"
		"info2 aside"
		"footer footer";
	grid-template-columns: auto 25%;
}

.more_body{
	max-width:1200px;
	grid-template-columns: auto 22%;
}

header{
	grid-area:header;
	display:grid;
	grid-template: auto / 230px 1fr;
}

nav{
	grid-area:nav;
	background-color:#000000;
	border-radius:0.2rem;
	height:1.5rem;
}

nav a{
	color: #ffffff;
	padding: 0.5rem;
	line-height: 1.5rem;
}

nav a:first-child{
	padding:0 0 0 0.75rem;
}

nav a:hover{
	color: #96999C;
}

main{
	grid-area:main;
	margin:0.75rem 0 0 0;
	border:1px solid #cfd3d6;
	border-radius:0.2rem;
	padding:1.25rem 0.95rem 0.75rem;
}

aside{
	padding: 0.75rem 0 0;
}

footer{
	grid-area:footer;
	margin:0.5rem 0 0 0;
	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(33.3% - 0.5rem), 1fr));
    background-color: #f4f4f4;
    border-radius: 0.3rem;
}

footer a {
    padding: 0.5rem;
    text-align: center;
    font-weight: 500;
}

footer a:hover, footer a:focus, footer a:active {
    background-color: #cfd3d6;
}

footer a:first-child {
    border-radius: 0.3rem 0 0 0.3rem;
}

footer a:last-child {
    border-radius: 0 0.3rem 0.3rem 0;
}

/***** SPECIAL *****/
.header_logo{
	height: 80px;
    width: 230px;	
}
.ovgu_default_logo .logo1 {
    fill: #7a003f;
}
.ovgu_default_logo .logo2 {
    fill: #ffffff;
}
.header_title_txt {
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 500;
    align-items: center;
    font-size: 1.05rem;
    line-height: 1;
    letter-spacing: 0.035rem;
	display: grid;
    grid-template-rows: 1.269rem 1.269rem 1.269rem 1.194rem;
    height: 100%;
    padding: 0 0.5rem;
}
.header_title_txt > :first-child {
    align-self: end;
}
.header_title_txt > :last-child {
    align-self: start;
}

.info{
	grid-area:info;
}

.info2{
	grid-area:info2;
	margin:0.75rem 0 0 0;
        border:1px solid #cfd3d6;
        border-radius:0.2rem;
        padding:1.25rem 0.95rem 0.75rem;
}

.side{
	grid-area:aside;
	margin-left:0.75rem;
	text-align:right;
}

.side img{
	border-radius:0.2rem;
}

h1 ,h2, h3, h4, h5, h6 {
	font-family: 'Barlow Semi Condensed', sans-serif;
	letter-spacing: 0.02rem;
}

h1, .font-h1{
	font-size:1.3rem;
	line-height:1.4rem;
	font-weight:600;
	margin:0;
}

h2, .font-h2{
	font-size:1.1rem;
	font-weight:600;
	margin:1.0rem 0 0.5rem 0;
}

h3, .font-h3{
	font-weight:600;
	margin:1.0rem 0 0.5rem 0;
}


.dsgvo{
	border-radius:0.2rem;
	background-color:#F4F4F4;
	margin:0 0 0.5rem 0;
	padding:0.5rem;
	text-align:center;
	font-weight:600;
	width:100%;
	display:block;
}

.abstand{
	height:2.5rem;
	display:block;
}

.abstand_kl{
	height:0.5rem;
	display:block;
}

table{
	width:100%;
}

th{
	text-align: left;
}

.service_menu{
	text-align:right;
}

.service_menu a{
	display:inline-block;
	color:#686a6c;
	padding:0.1rem 0.25rem;
	font-size:0.8rem;
	line-height: 1.25rem;
	height:1.6rem;
}

.service_menu a:hover{
	background-color:#7a003f;
	color:#ffffff;
}

.secondary_content_news_box {
	background-color: #E0E2E3;
	display: block;
	overflow: hidden;
	position: relative;
	text-align: left;
	width: 100%;
	border-radius: 0.3rem;
	margin-bottom:1rem;
}

.secondary_content_news_box p {
	line-height: 1.025rem;
	margin:0;
}

.secondary_content_news_box .newbox-title {
	background-color: #E0E2E3;
	display: block;
	font-weight: bold;
	line-height: 1.1rem;
	padding: 0.3rem 0.75rem;
	text-decoration: none;
}

.secondary_content_news_box .newbox {
	background-color: #F4F4F4;
	padding: 0.8em 0.8em 0.9em 0.8em;
	padding: 0.75rem 0.75rem 0.75rem 0.75rem;
	overflow: hidden;
}

.box_gerahmt {
	background: linear-gradient(to bottom, rgb(255,255,255),rgb(230,230,230));
    	border: 1px solid #ddd;
   	border-radius: 0.2rem;
  	margin: 0.5rem 0!important;
    	padding: 0.75rem!important;
}

.box_gerahmt:hover {
	background: linear-gradient(to bottom, rgb(250,250,250),rgb(220,220,220));
	border: 1px solid #7a003f;
}

.register_bttn{
	display:block;
	width:100%;
	margin:1rem 0 0.25rem;
}

.logout{
	display:inline-block!important;
	margin-bottom:0!important;
}

.format_table th {
	background: #dddddd;
}

.format_table tr:nth-child(odd) {
	background: #f0f0f0;
}
.video-grid {
	display: grid;
	gap: 1rem;
}

.video-card video {
	width: 100%;
	background: #000;
}

.video-status {
	margin-top: 0.4rem;
	font-size: 0.9rem;
	color: #444;
}

/***** MOBILE *****/
@media screen and (max-width:980px){
	body{
		margin:0.5rem;
	}
}
@media screen and (orientation:portrait) {
	body{
		grid-template-areas:
			"header"
			"nav"
			"info"
			"main"
			" aside"
			"footer";
		grid-template-columns: auto;
	}
}

@media screen and (max-width: 749px) {
	header{
		grid-template: auto / 216px 1fr;
	}
    .header_logo {
        height: 67px;
        width: 216px;
    }
	.header_title_txt {
		grid-template-rows: 1.1rem 1.269rem 1.269rem 1fr;
	}
}

@media screen and (max-width: 599px) {
    header{
		grid-template: auto / 187px 1fr;
	}
	.header_logo {
        height: 65px;
        width: 187px;
    }
	.header_title_txt {
		font-size: 1rem;
		grid-template-rows: 0.75rem 1.269rem 1.269rem 1fr;
	}
}