Direkt zum InhaltDirekt zur SucheDirekt zur Navigation
▼ Zielgruppen ▼

Humboldt-Universität zu Berlin - Sprach- und literaturwissenschaftliche Fakultät - Nordeuropa-Institut

custom.css

This file was downloaded 26 times.

CSS stylesheet icon custom.css — CSS stylesheet, 43 KB (44124 bytes)

Dateiinhalt

/*2020.05.20 neu: Forschungsbereiche*/
/* Korrektur, HU-Design allgemein*/
body {
background-color: whitesmoke;
}
#portal-breadcrumbs {display:none;}
#logo{
height:115px;
width:auto;
display: inline-block;
}

.s_hellblau {
display: block;
width:100%;
height: 1.82em;
background: #CCD6E0;
}

.s_dunkelblau {
display: block;
width: 100%;
height: 1.8em;
background: #003366;}


.ebene a{
display: block;
text-decoration: none;
color: #003366;
font-size: 0.95em;
margin-top: 8px;
margin-left:20px;
margin-bottom: 8px
}

.ebene a:hover {
font-weight: bold;
    letter-spacing: -1px;
}

.owaia {
display: block;
text-decoration: none;
color: #003366;
font-size: 0.95em;
}

@media all and (max-width: 499px){
#logo {display: none;}
.s_dunkelblau {display: none!important;}
.s_hellblau {display: none!important;}
.ebene {display: none!important;}
.menu-mobile-sub {background-color: #CCD6E0!important;}
.schnellzugang {display:none}
}

#visual-portal-wrapper {
background-color: white;
border-left: 1px solid #CCD6E0;
border-right: 1px solid #CCD6E0;
}

dl.portlet ul.navTreeLevel0 > .navTreeItem {
background-color: #CCD6E0;
}
dl.portlet ul.navTreeLevel1 > .navTreeItem {
background-color: #EEEEEE;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
h1 { font-size: 150%; }
h2 { font-size: 145%; }
h3 { font-size: 140%; border-bottom: none; }
h4 { font-size: 130%; border-bottom: none; }
h5 { font-size: 120%; border-bottom: none; }
h6 { font-size: 100%; border-bottom: none; }
h1, h2, h3, h4, h5, h6, .title {
font-weight: normal;
margin-top: 0.7em;
margin-bottom: 0.3em;
padding: 0;
}

@media all and (max-width: 499px){
#visual-portal-wrapper .navigation #portal-column-one .portletNavigationTree {display: none;}
#visual-portal-wrapper #menu-bars {display:none;}
#visual-portal-wrapper .search-bar {margin-bottom: 1.5em;}
#visual-portal-wrapper #menu-bars {display: none;}
}



#frontpageslider #sliderbox .slidebody {
display: block;
position: relative;
left: 0;
right: 0;
bottom: 0;
padding-left: 3%;
padding-right: 3%;
padding-top: 1%;
padding-bottom: 0.5em;
}

#frontpageslider #sliderbox .slidebody {
background-color: #999999;
}

#frontpageslider #sliderbox .slidebody h1 {
margin: 0px;
padding-top: 0.1em;
font-weight: normal;
color: #FFFFFF!important;
font-size: 200%;
}

#frontpageslider.smallslider #sliderbox {
padding-left: 0;
padding-right: 0;
margin-bottom: 1em;
width: 100%;
top: -2em;
}

#frontpageslider.smallslider #sliderbox .slidebody h1 {
font-size: 110%;
margin-bottom: 0.5em;
color: #FFFFFF!important;
}

#frontpageslider.smallslider #sliderbox .slidebody h3 {
font-size: 90%;
color: #FFFFFF!important;
margin-top: -0.5em;
}

#frontpageslider #sliderbox #titlearrows {
font-size: 70%;
vertical-align: 10%;
color: white!important;
white-space: nowrap;
}



#frontpageslider #sliderbox .slidebody .ownership {
font-size: 75%;
color: #ffffff!important;
display: block;
width: 25%;
margin-top: -5px;
float: right;
margin-top: -2em;
text-align: right;
}

#frontpageslider #sliderbox a:hover {
color: white;
}

.bx-wrapper .bx-pager .bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
background: #666666;
}

#frontpageslider #sliderbox .slider-imagebox .slideimage {
position: absolute;
bottom: 0;
height: 100%;
width: 99.9%;
}

@media screen and (max-width: 499px) {
.bxslider { 
width: auto;
position: relative;
left: -1.3em;
}

#visual-portal-wrapper .content {
padding-left: 0;
padding-right: 0;
margin-top: 0;
clear: both;
}

#frontpageslider {
margin-bottom: 1em;
margin-left: -0.8em;
}


#frontpageslider #sliderbox .bx-wrapper .slidebody {
padding-left: 1em;
padding-right: 1em;
display: block;
width: auto;
}   

#frontpageslider #sliderbox .bx-wrapper .slider-imagebox {
width: 100%;
position: relative;
}
    
#frontpageslider.smallslider #sliderbox .slidebody h1 {
font-size: 100%!important;
}

#frontpageslider #sliderbox .slidebody .ownership{
display: none;
}
}
/*20200526
#viewlet-below-content {
    clear: both;
    display: block;
    width: 96.5%;
}
*/
#viewlet-below-content {
    width: 96.5%;
}

@media all and (max-width: 499px) { #viewlet-below-content {
    clear: both;
    display: block;
    width: 120%;
    margin-left: -3em;
    margin-top: 0em;
}
}


@media screen and (max-width: 499px) {
h1, h2, h3, h4, h5, h6, .title {
padding-left: 10px;
padding-right: 5px;
}
    
p {padding-left: 10px;
padding-right: 5px;}

#content .documentDescription, #content #description {padding-left: 10px;
padding-right: 5px;}

.newspaper5 {padding-left:10px}
.newspaper2 {padding-left:10px; padding-right: 15px}
.newspaper1 {padding-left:10px; padding-right: 15px}
#archiv h2 {padding-left:10px}
.hintergrund {margin:10px}
.back a {margin-right: 10px;}
/*20200526
#grau {display:block;width:90%; margin: 0;}*/
#faq {margin-left: 10px;}

.struktur {
display: block;
width: auto;
margin-left: 10px;
margin-right: 10px;
}
#sprechzeiten {
display: block;
width: auto;
margin-left: 10px;
margin-right: 10px;}
#sprechzeiten h2 {text-align: left}

/*20200520 ist noch woanders eingetragen kommas eingefügt waren keine, kann das weg oder nicht*/
#mitarbeiterinnen .foto-container-left-25, .foto-container-right-25, .foto-container-left-35, .foto-container-right-35 {
display: block;
width: 40%;
float: left;
}
.eventDetails {margin-left: 10px}
.veranstaltung {width: 124%;}
.grauerlink {width:130%;}

#content .eventDetails table {
margin: 0;
border: none;
display: block;
width: 410%;
}
.sprache {
text-align: left;
}
.eventText {
word-wrap: break-word;
padding-left: 10px;
}
article.vevent {
margin: 10px;
}
.event_listing nav {
border: 0.3em solid whitesmoke;
background-color: whitesmoke;
box-shadow: 1px 1px 1px 1px lightgray;
margin-bottom: 50px;
padding-bottom: 3em;
display: block;
width: auto;
}
.veranstaltung h3 {
margin-left: -10px;
}
.vevent div.cal_date {
min-width: 95%;
margin-bottom: 1.5em;
}

.vevent div.cal_info {margin: -10px;}
article.vevent .documentByLine {padding-left: 10px;}
#content .vevent ul.horizontal li {
margin-left: 10px;
}
}
/*ENDE korrektur menu-mobile 201806*/

.event_listing nav{
border: 0.3em solid whitesmoke;
background-color: whitesmoke;
box-shadow: 1px 1px 1px 1px lightgray;
margin-bottom: 25px;
}

.event_listing nav > ul{
border: 0.3em solid whitesmoke;
border-bottom: none;
background: whitesmoke}

article.vevent {
background: whitesmoke;
box-shadow: 1px 1px 1px lightgray;
border-radius: 1em;
margin-top: 1em;
padding: 1em;
}

.vevent div.cal_date {
box-shadow: 1px 3px 2px gray;
width:7em;
}

.vevent div.cal_info
{margin: 0;}

.vevent .cal_info .summary {
font-size: 0.9em;
}

article .vevent .documentByLine{
color: #333!important;
margin-bottom: 20px;
}

.vevent ul.horizontal li{
line-height: 0.9em;
font-size: 0.8em;
}

.event_listing p {
margin: 0;
padding-top: 1em;
}

#folder_image {
display: none!important;
}

@media all {
#folder_image { 
display: none;
}
#folder_image img
{display: none}

#portal-top #folder_image
{display: none;
}
}

.acc-heading::before {
content: "► ";
color: black;
padding-bottom: 0.5em;
}
.acc-bellows {
    padding:10px;}

#archiv ul {margin-left: 5px;}


.documentFirstHeading{font-size: 1.4em;
color: #666666!important;
padding-top:1em;
padding-bottom: 0.3em;
padding-right: 1em;
padding-left:-1em;}

.template-event_view .documentFirstHeading{font-size: 1.4em;
color: #003366 !important;
padding-top:1em;
padding-bottom: 0.3em;
padding-right: 1em;
padding-left:-1em;}
/*Ende der Korrektur, HU-Design allgemein*/


/*Styles MA-Seiten*/
.funktion {
color: #232323!important;
font-size: 0.85em;
text-align: left;
display: block;
margin-top: 2px;
margin-bottom: 2px;
}
.back {
width: 100%;
font-size: 0.9em;
}

/*clear:both;*/
.back a {
float: right;
text-decoration: none;
color: #003366!important;
padding-left:5px;
padding-right: 5px;
margin-bottom: 15px;
    clear:both;
}
.back a:hover {
font-weight: bold;
}

/*20200520
.fachteile {
width: 100%;
font-size: 0.95em;
margin-bottom: 20px;
display: block;
margin-top: 3px;
margin-bottom: 5px;
margin-right: 15px;
text-align: right;
}
.fachteile a {
float:right;
width:75%;
text-decoration: none;
margin-bottom: 15px;
padding-bottom: 2px;
padding-right: 20px;
color: #003366 !important;
border-bottom: 1px solid #003366;
clear:both;
}
.pfeil {
float:right;
margin: 0px 5px 0px 5px;
}
.text {
font-size: 0.95em;
}
.text a {
text-decoration: none;
color: #2a2a2a!important;
font-size: 0.95em;
font-weight: bold;
}

20200520 Anfang Struktur des Institutes

.struktur {
display: block;
width:95%;
margin-top: 25px;
background: linear-gradient(10deg, #e5eaef, #F5F5F5);
margin-bottom:5px;
padding:15px;
font-size: 0.95em;
box-shadow: 1px 1px 1px 1px lightgray;
border-radius: 15px;
}


.box1 {
display: inline-block;
width:40%;
padding: 3px 10px;
margin: 3px 10px 3px 40px;
text-align: right;
color: #003366!important;
}

.box1leer {
display: inline-block;
width:40%;
padding: 3px 10px;
margin: 3px 10px 3px 40px;
text-align: right;
color: #003366!important;

}
.box2 {
display: inline-block;
width:40%;
}

.box3 {
-webkit-column-count: 2; 
-moz-column-count: 2; 
column-count: 2;
-webkit-column-width: 199px; 
-moz-column-width: 199px;
column-width: 199px;
margin-bottom: 3px;
}

.box3 a {
text-decoration: none;
color: black !important;
font-weight:500;
display: inline-block;
width: 85%;
border: 1px solid #ffffff!important;
box-shadow: 1px 1px lightgray;
padding: 2px 15px;
border-radius: 15px;
margin-bottom: 3px;
}
.box3 a:hover{
background: #ffffff !important;    
}

@media all and (max-width: 400px){
.box1 {width: 91%;margin-left: 0;text-align: left;}
.box1leer {display: none;}
.box2 {width: 89%;margin-right: 0;}
.struktur {display: block; width: 90%;}
}

.box2 a {
text-decoration: none;
color: black !important;
font-weight:500;
display: inline-block;
width: 100%;
border: 1px solid #ffffff!important;
box-shadow: 1px 1px lightgray;
padding: 2px 15px;
border-radius: 15px;
margin-bottom: 3px;
}
.box2 a:hover{
background: #ffffff !important;    
}

.oben2 {
font-size: 1.1em;
color: #003366 !important;
border-top: 1px solid #003366;
border-bottom: 1px solid #003366;
box-shadow: 1px 1px 1px lightgray;
margin: 7px 0 13px 0;
padding: 3px 15px;
background: linear-gradient(10deg, #e5eaef, #F5F5F5);
text-align: right;
}

.spalten{
margin-bottom: 0;
}
.rahmen-struktur {
font-size: 1em;
}
.rahmen-struktur a {
color: black !important;
font-weight:500;
display: block;
clear: right;
text-decoration: none;
border: 1px solid #ffffff!important;
border-bottom-right-radius: 10px;
box-shadow: 1px 1px lightgray;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 10px;
margin-left:20px;
margin-right: 15px;
margin-bottom: 8px;
border-radius: 15px;
}
.rahmen-struktur a:hover{
border-radius: 10px;
background:  #fff;
}
.rahmen-struktur a:last-child {
margin-bottom: 1.5em;
}
.oben {
width: 100%;
font-size: 1.05em;
margin-top:10px;
margin-bottom: 20px;
text-align: left;
}
.oben a {
text-decoration: none;
font-weight: bold;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 25px;
color: #003366 !important;
border-bottom: 2px solid #003366;
display: block;
clear:both;
}

.oben a:active {
color: #fff !important;
background: #003366;
border: 1px solid #003366;
border-radius: 10px;
}

.hintergrund {
background: linear-gradient(10deg, #e5eaef, #F5F5F5);
margin-top: 25px;
margin-bottom:5px;
padding-top: 5px;
padding-left: 10px;
padding-bottom 15px;
padding-right: 10px;
padding-bottom: 10px;
font-size: 0.95em;
box-shadow: 1px 1px 1px 1px lightgray;
border-radius: 15px;
clear:both
}
Ende Struktur des Institutes*/



/*Anfang Studium*/
.kurz {
font-size: 1em;
padding-left: 10px;
padding-right: 10px;
}

.kurz a {
text-decoration: none;
color: black!important;
font-size: 1em;
display: inline-block;
align-items:center;
border: 1px solid #ffffff!important;
border-radius: 10px;
box-shadow: 1px 1px lightgray;
padding-right: 15px;
padding-left:10px;
padding-top: 2px;
padding-bottom: 2px;
margin: 5px;
}
.kurz a:hover{
background: #ffffff !important;
}

.wichtige_infos {
display: block;
margin: auto;
border: 2px solid #003366;
margin-top: 20px;
margin-bottom: 10px;
border-radius:10px;
box-shadow: 1px 1px 1px gray;
padding: 15px
}
.ni-studium1 {
font-size: 1.4em;
color: rgb(102, 102, 102)!important;
padding-top: 1em; 
padding-bottom: 0.1em;
margin-top: -1.5em;
margin-left: 30px;
}
.ni-studium {
font-size: 1.4em;
color: rgb(102, 102, 102)!important;
padding-top: 1em; 
padding-bottom: 0.1em;
margin-left: 30px
}

@media all and (max-width: 600px){
.ni-studium1 {margin-left: 30px; padding-top: 2em;}
.ni-studium {margin-left: 30px}
}

#faq ul {
margin: 0;
padding: 0;
list-style: none;
display: block;
width: 95%;
}

#faq input[type=radio] {
display: none;
}

/* faq style */
.a-container {
width: 600px;
margin: 20px auto;
}

.a-container label {
display: block;
position: relative;
cursor: pointer;
font-size: 1em;
font-weight: normal;
padding: 5px 20px;
color: #666;
background-color: #eee;
border-bottom: 1px solid #ddd;

-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}

.a-container label:after {
content: "";
width: 0;
height: 0;
border-top: 8px solid #aaa;
border-right: 6px solid transparent;
border-bottom: 8px solid transparent;
border-left: 6px solid transparent;
position: absolute;
right: 10px;
top: 16px;
}

.a-container input:checked + label,
.a-container label:hover {
background-color: #ddd;
color: #222;
}

.a-container input:checked + label:after {
border-top: 8px solid transparent;
border-right: 6px solid transparent;
border-bottom: 8px solid #222;
border-left: 6px solid transparent;
top: 6px;
}

.a-content {
padding: 0 20px 20px;
display: none;
}

.a-container input:checked ~ .a-content {
display: block;
}
/*Ende Studium*/

/*Start Index*/
.flexed {
display: flex;
flex-direction: row;
justify-content:space-between;
align-items:left;
}
.flexitem> {
margin-right: 10px;}
@media screen and (max-width: 600px){
.flexed {display:inline;}
.flexitem {margin-bottom:0.2em;}
.kurz a {display:flex;}
}
.adresse {
margin-top: 1.5em;
padding-top: 0.5em;
border-top: 2px solid whitesmoke;
}
.startseite a {
text-decoration: none;
color: #2a2a2a!important;
font-size: 1.2em;
font-weight: bold;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.2em;
padding-bottom: 0.2em;
}
.startseite a:hover{
border: 1px solid #cccccc;
border-radius: 0.5em; 
}
.col-container {
display: table;
width: 100%;
}
.col-element {
margin-bottom: 0.3em;
}
.col {
display: table-cell;
width: 49%;
padding-left: 2em;
padding-bottom: 0.2em;
padding-top: 0.2em;
}
@media only screen and (max-width: 800px) {
.col { 
display: block;
width: 90%;
padding-left: 1em;
}
.col a {
font-size: 1.2em;;
}
}
.col a {
display: block;
text-decoration: none;
color: #333333!important;
border: 1px solid white;
font-size: 1.2em;
padding: 0.1em;
padding-left: 0.5em;
padding-right: 0.7em; 
}
.col a:hover {
border: 1px solid #cccccc;
border-radius: 0.5em;
}
.col2 {
display: block;
width: 100%;
padding-top: 0.5em;
border-top: 1px solid #666666;
margin-bottom: 25px;
}
.col2 a {
display: inline-block;
width: 31%;
text-decoration: none;
border: 1px solid white;
line-height: 0.9em;
color: #666666!important;
padding-left:5px;
padding-right: 5px;
padding-bottom: 3px;
padding-top: 3px;
font-size: 0.8em;
font-weight: bold;
}
.col2 a:hover {
border: 1px solid #cccccc;
border-radius: 10px;
}
@media all and (max-width: 1000px){
.col2 {padding-left: 1em;}
.col2 a {display:block;width: 90%; font-size: 0.8em}
}
.ni {
font-size: 2em;
font-weight: 600;
color: #666666!important;
text-align: left;
padding-top: 10px;
padding-left: 22px;
padding-bottom: 20px;
margin-top: -1.5em;
}
@media all and (max-width: 600px){
.ni {margin-top: 0;font-size: 1.5em}
}
.info {
display: inline-flex;
font-size: 0.8em;
color: #333333!important;
font-weight: bolder 800;
padding-top: 0.6em;
margin-left:1.5em; 
}
/*Ende Index*/

/*
20200520, vielleicht weg! Anfang Navi-Bar zuerst für die Lagepläne später für andere Seiten*/
#nawigacja {
position: relative;	
}
#nawigacja ul {
width: 100%;
list-style: none;
margin:0;
padding: 0;
overflow: hidden; 
}
#nawigacja li {
background: #ccc;
margin-left: 1%;
width:31%;
font-weight: bold;
color: white!important;
float: left;
border: 1px solid #999;
transition: 0.3s;
font-size: 1em;
}
@media all and (max-width:600px){
#nawigacja li 
{display: inline-block;
float:left;
width: 97%;
margin-bottom: 1.333%;
clear: both;
}
}
#nawigacja li a {
display: block;
font-size: 0.9em;
color: white;
text-align: center;
text-decoration: none;
padding:3px;
}
#nawigacja a:hover:not(.active) {
background: #999;
border: 1px solid #ccc;
font-size: 1em bold;
color: white!important;
}
#nawigacja li a.active {
background: #999;
border: 1px solid #ccc;
font-size: 1em;
font-weight: bold;
color: white!important;
}
/*Ende von Navi-Bar*/

/*Kontakte und Sprechzeiten Mitarbeiterinnen-Seiten*/
#sprechzeiten {
display: block;
width: auto;
}
#sprechzeiten h2 {
font-size: 1.5em;
text-align: right;
color: #3F3F3F!important;
}
/*Englische Version für Body-Content auf MA-Seiten*/
#websprache {
display: block;
float: right;
clear: right;
margin-top: 1em;
margin-bottom: 1em;
}

#websprache a {
font-size: 0.8em;
color: #333333!important;
background-color: whitesmoke;
padding: 0.12em 1.5em;
border: 1px solid #999;
border-radius: 15px;
}

#websprache a:hover {
font-weight: bolder;
}
.dreierreihe {
background-color: whitesmoke;
display: flex;
flex-direction: row;
align-items:left;
margin-bottom:1em;
padding-top:5px;
border-bottom: 1px solid #999999;
border-top: 1px solid #999999;
clear: both;
}
.dreierreiheitem {
margin-left:5px;
width: 33.333%;
}
.dreierreiheitem1 {
margin-left:5px;
width: 39%;
}
.dreierreiheitem2 {
margin-left:5px;
width: 40%;
}
.dreierreiheitem3 {
margin-left:5px;
width: 20%;
margin-right: 5px;
}
@media all and (max-width: 600px){
.dreierreihe {display:block;padding-left: 1em}
.dreierreiheitem {display: inline-block; width: 95%}
.dreierreiheitem1 {display: inline-block; width: 95%}
.dreierreiheitem2 {display: inline-block; width: 95%}   
.dreierreiheitem3 {display: inline-block; width: 95%}
#sprechzeiten h2 {font-size: 1.25em;text-align: left;}
}
.dreierreiheitem a {
padding-left:10px;
display: block;
text-decoration: none;
color: #333333!important;
font-size: 1em;
border: 1px solid #f5f5f5;
}
.dreierreiheitem a:hover{
box-shadow: 1px 1px 1px #999999;
border: 1px solid #ffffff;
border-radius:5px;
}
.dreierreiheitem1 a {
padding-left:10px;
display: block;
text-decoration: none;
color: #333333!important;
font-size: 1.2em;
position: relative;
top:5px;
border: 1px solid #f5f5f5;
}
.dreierreiheitem1 a:hover{
box-shadow: 1px 1px 1px #999999;
border: 1px solid #ffffff;
border-radius:5px;
}
.dreierreiheitem2 a {
padding-left:10px;
display: block;
text-decoration: none;
color: #333333!important;
font-size: 1em;
border: 1px solid #f5f5f5;
}
.dreierreiheitem2 a:last-child {
margin-bottom: 10px;
padding-top: 2px;
padding-bottom: 2px;
}
.dreierreiheitem2 a:hover{
box-shadow: 1px 1px 1px #999999;
border: 1px solid #ffffff;
border-radius:5px;
}
.zeit {
text-decoration: none;
color: #232323!important;
font-size: 0.9em;
font-weight: bold;
text-align: right;
padding-right: 10px;
display: block;
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid #f5f5f5;
}
.wiss-grad {
font-size: 0.8em;
font-weight: 300;
margin-right: 10px;
}

.stelle {
color: #232323!important;
font-size: 0.85em;
padding-left:10px;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.person {
font-size: 1.4em;
line-height: 1.2em;
font-weight: bold;
}
.obs {
position: relativ;
margin-top: -1em;
margin-bottom: 1em;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #999999;
background-color: whitesmoke;
}
.index-pfeil {
color:#d24440!important;
font-size: 0.8em;
padding-right: 10px; 
}
/*20200520
wozu ist das denn?femreihe
*/
.femreihe {
background: linear-gradient(100deg, #fff, #e5eaef);
display: flex;
flex-direction: row;
justify-content:space-between;
align-items:center;
margin: 3px;
padding-top:3px;
padding-bottom: 3px;
border-bottom: 1px solid #999999;
border-top: 1px solid #999999;
} 
.femreiheitem {
margin-left:10px;
width: 19.33333%;
}
@media all and (max-width: 600px){
.femreihe {display:block;padding-left: 1em}
.femreiheitem {display: inline;}
}
.femreiheitem a {
margin: 2px;
display: block;
text-decoration: none;
text-align: center;
color: #333333!important;
font-size: 1.2em;
}
.femreiheitem a:hover{
box-shadow: 1px 1px 1px #999999;
border: 1px solid #ffffff;
border-radius:1em;
}
.foto-ma {
position: relative;
}
#mitarbeiterinnen p {padding-left: 15px;}

#mitarbeiterinnen ul {
list-style: none;
}
#mitarbeiterinnen li {
color: #333333;
margin-left: 15px;
}
#mitarbeiterinnen li::before {
content: "•";
color: #666666;
display: inline-block;
width: 1.3em;
margin-left: -1.3em;
float: left;
}
.ni-ma {
position: relative;
clear:both;
font-size: 1em;
color: #333333!important;
background-color: whitesmoke;
border-bottom: 1px solid #999999;
border-top: 1px solid #999999;
padding: 0.3em 1em;
margin-bottom: 0.5em;
}
.newspaper {
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
-webkit-column-width: 199px; /* Chrome, Safari, Opera */
-moz-column-width: 199px; /* Firefox */  
column-width: 199px;
margin-bottom: 5px;
}
.newspaper a {
text-decoration: none;
color: black !important;
font-weight:500;
display: inline-block;
width: 85%;
border: 1px solid #ffffff!important;
box-shadow: 1px 1px lightgray;
padding: 2px 15px 2px 20px;
margin:0 15px 8px 0;
border-radius: 15px;
}
.newspaper a:hover{
background: #ffffff !important;    
}

/*Archiv*/
#archiv h2{
font-size: 1.4em;
color: #666666!important;
padding-top:1em;
padding-bottom: 0.3em;
padding-right: 1em;
padding-left:-1em;
}
#archiv h4{
font-size: 1.2em;
line-height: 0.9em;
color: #333!important;
font-weight: bold;
padding-left: 10px;
}

#archiv p {padding-left: 10px;}

#archiv ul {
list-style: none;
}

#archiv li {
margin-left: 15px;
}
#archiv li::before {
content: "•";
color: #666666;
display: inline-block;
width: 1.3em;
margin-left: -1.3em
}

#archiv .newspaper1 {
margin-bottom: 5px;
    margin-left:15px;
}
/*20200520
margin-left:10px;
*/
#archiv .verlinkung a {
color: black !important;
display: inline-block;
text-decoration: none;
padding: 1px 15px 1px 10px;
border: 1px solid #999 !important;
border-radius: 10px;
margin-bottom: 5px;
margin-left:10px;
}

#archiv .verlinkung a::before
{text-decoration: none;
content: "►";
color:#d24440!important;
padding-left:5px;
padding-right: 10px;
font-size: 0.8em;}


#archiv .verlinkung a:hover{
border: 2px solid #ccc;
background: #F5F5F5!important;   
}

.ni-tag-oben img {
width: 96%;
display: block;
border: 3px solid gray;
border-radius: 10px;
margin: 20px 10px;
}

@media all and (max-width: 499px) {
.ni-tag-oben img {width:93%;}
}
/*20200520
kann .zuruck weg?, oder back, gibt es auch
ist auch weiter im text noch mal

.zuruck {
width: 100%;
font-size: 0.9em;
margin: 0 20px 10px;
clear: both;
float:right;
display: block;
}
.zuruck a {
float: right;
text-decoration: none;
color: #666!important;
padding-left:5px;
padding-right: 5px;   
}
.zuruck a:hover {
font-weight: bold;
}
*/


figure {
padding: 5px;
float: left;
border: 1px solid #cccccc;
border-radius: 5px;
}

figure img {
border-radius: 3px 3px 0 0;
}

figure figcaption {
font-size: 0.8em;
padding: 2px 4px 2px 4px;
background-color: #636363;
color: #cccccc;
border-radius: 0 0 3px 3px;
}

figure figcaption a {
color:white!important;
}

figure figcaption a:hover {
font-weight: bold;
}

.foto-unterschrift {
font-size: 0.8em;
color: #666666 !important;
padding-top:5px;
padding-left: 5px;
}

.foto-container-left-55
{display: block;
width: 55%;
float: left;
padding: 5px 20px 10px;}

.foto-container-right-55
{display: block;
width: 55%;
float: right;
padding: 8px 20px 10px;}

.foto-container-left-45
{display: block;
width: 45%;
float: left;
padding: 5px 20px 10px;}

.foto-container-right-45
{display: block;
width: 45%;
float: right;
padding: 8px 20px 10px;}

.foto-container-left-35
{display: block;
width: 35%;
float: left;
padding: 8px 20px 10px;}

.foto-container-right-35
{display: block;
width: 35%;
float: right;
padding: 8px 20px 10px;}

.foto-container-left-25
{display: block;
width: 25%;
float: left;
padding: 8px 10px 10px 10px;}

.foto-container-right-25
{display: block;
width: 25%;
float: right;
padding: 5px 10px 10px 10px;}

@media all and (max-width: 499px) {
.foto-container-left-55 {display: block; width:95%; float: left;padding-right: 20px;}
.foto-container-right-55 {display: block; width:95%; float: left;padding-right: 20px;}
.foto-container-left-45 {display: block; width:95%; float: left;padding-right: 20px;}
.foto-container-right-45 {display: block; width:95%; float: left;padding-right: 20px;}
.foto-container-left-35 {display: block; width:95%; float: left;padding-right: 20px;}
.foto-container-right-35 {display: block; width:95%; float: left;padding-right: 20px;}
.foto-container-left-25 {display: block; width:40%; float: left;padding-right: 20px;}
.foto-container-right-25 {display: block; width:40%; float: left;padding-right: 20px;}
}

@media all and (max-width: 600px) {.foto-unterschrift {padding-bottom: 5px;}}

.anleitung {
display: block;
width: 95%;
float: left;
margin-block-end: 15px;
}

/*20200520
foto-rechte?foto 2, ist das für dag und steffens? kann das weg?
*/
.foto-rechte {
font-size: 0.8em;
color: #666666 !important;
display: flex;
float: left;
clear: left;
padding-left:10px;
}
.foto-zwei {
position: relative;
width: 46%;
display: block;
float: left;
bottom:  2em;
margin-left: 3%;
margin-top: 1.5em;
}
.foto-eins {
width:30%;
float: left;
bottom:  2em;
margin-left: 3%;
margin-top: 1.5em;
}
.envelope {
font-size: 1.5em;
position: relative;
padding-right: 5px;
}
.phone {
font-size: 1.3em;
font-weight: 600;
position: relative;
padding-right: 5px;
}
.stelle2 {
color: #232323!important;
font-size: 0.85em;
padding-left:10px;
display: block;
margin-bottom: 8px;
}
.clock {
font-size:1.3em;
padding-right: 5px;
font-weight: 300;
}
.zeit:hover {
box-shadow: 1px 1px 1px #999999;
border: 1px solid #ffffff;
border-radius:5px;
}
.newspaper5 {
display: flex;
flex-grow: 0;
flex-wrap: wrap;
flex-direction: row;
justify-content: flex-start;
align-items: flex-end;
margin-block-end: 15px;
margin-block-start: 15px;
margin-left: 15px;
}

.newspaper5 a {
color: black !important;
width: 11%;
text-decoration: none;
text-align: center;
border: 1px solid #999!important;
border-radius: 10px;
box-shadow: 1px 1px lightgray;
border: 1px solid #999;
margin-bottom: 5px;
margin-right: 10px;
margin-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
}
.newspaper5 a:active {
border: 2px solid #ccc;
background: #F5F5F5 !important;
font-weight: bold;
}
.newspaper5 a:hover{
border: 2px solid #ccc;
background: #F5F5F5 !important; 
}
@media only screen and (max-width: 600px){
.newspaper5 a {width: 27%}
}

.newspaper175 {
display: flex;
flex-grow: 0;
flex-wrap: wrap;
flex-direction: row;
justify-content: flex-start;
align-items: flex-end;
margin-block-end: 15px;
margin-block-start: 15px;
margin-left: 15px;
}

.newspaper175 a {
color: black !important;
width: 17.5%;
text-decoration: none;
text-align: center;
border: 1px solid #999!important;
border-radius: 10px;
box-shadow: 1px 1px lightgray;
border: 1px solid #999;
margin-bottom: 5px;
margin-right: 10px;
margin-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
}
.newspaper175 a:active {
border: 2px solid #ccc;
background: #F5F5F5 !important;
font-weight: bold;
}
.newspaper175 a:hover{
border: 2px solid #ccc;
background: #F5F5F5 !important; 
}
@media only screen and (max-width: 600px){
.newspaper175 a {width: 43.5%}
}

.newspaper165 {
display: flex;
flex-grow: 0;
flex-wrap: wrap;
flex-direction: row;
justify-content: flex-start;
align-items: flex-end;
margin-block-end: 15px;
margin-block-start: 10px;
margin-left: 10px;
}

.newspaper165 a {
background-color: white;
color: black !important;
width: 16.5%;
text-decoration: none;
text-align: center;
border: 1px solid #999!important;
border-radius: 10px;
box-shadow: 1px 1px lightgray;
border: 1px solid #999;
margin-bottom: 5px;
margin-right: 10px;
margin-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
}
.newspaper165 a:active {
border: 2px solid #ccc;
background: #F5F5F5 !important;
font-weight: bold;
}
.newspaper165 a:hover{
border: 2px solid #ccc;
background: #F5F5F5 !important; 
}
@media only screen and (max-width: 600px){
.newspaper165 a {width: 43.5%}
}

.kvv {
background:url(../studium/kvv/sonderz.gif);
background-repeat: repeat;
padding:25px;
border: 2px solid #666666; 
border-radius: 20px;}

.newspaper2 {
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
-webkit-column-width: 199px; /* Chrome, Safari, Opera */
-moz-column-width: 199px; /* Firefox */  
column-width: 199px;
margin-bottom: 15px;
margin-left: 15px;
}
.newspaper2 a {
color: black !important;
display: inline-block;
width: 90%;
text-decoration: none;
padding: 3px 3px 3px 15px;
border: 1px solid #999!important;
border-radius: 10px;
margin-bottom: 3px;
margin-right: 10px;
}
.newspaper2 a:hover{
border: 2px solid #ccc;
background: #F5F5F5 !important;   
}
/*20200520
ist das jetzt für publikationen?
*/
.unterstrichen {
font-size: 1em;
color: #666666!important;
border-bottom: 2px solid #999999;
padding: 0.3em 1.5em;
margin-bottom: 0.5em;
margin-right: 15px;
background: linear-gradient(10deg, #fff, #F5F5F5);
text-align: right;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
box-shadow: 1px 1px 1px 1px lightgray;
}
.abstand {
margin-bottom: 10px;
}
.band {
display: block;
width: 10%;
float: right;
text-align: center;
border-radius: 10px;
border: 1px solid #999;
box-shadow: 1px 1px lightgray;
background: white;
margin-bottom: 5px;
margin-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
}

.grau-rund {
background: #f1f1f1;
margin-top: 10px;
margin-bottom:5px;
font-size: 0.95em;
box-shadow: 1px 1px 1px 1px lightgray;
border-radius: 15px;
padding:5px 15px;
clear:both
}
.blockquote { 
page-break-inside: avoid;                 /*Firefox*/    
column-break-inside: avoid;              /*Chrome, Opera,Safari*/ 
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
padding-block-start: 10px;
}
.pfeil-rot-rechts {
display: inline-block;
color:#d24440!important;
padding-right: 5px;
}
.titel {
font-size: 0.9em;
text-align: left;
color: rgb(102, 102, 102)!important;
font-weight: bold;
border-bottom: 2px solid grey;
border-width: thin;
margin: 10px 20px 3px 0;
}
/*20200526
display: inline-block;
width: 95%;
margin: 5px 0px 3px 0px;*/
#grau {
background: #FCFCFC;
box-shadow: 1px 1px 1px lightgray;
border: 1px solid whitesmoke;
padding: 15px;

border-radius: 10px;
}

/*20200526
@media only screen and (max-width: 600px){
#grau {width: 90%}
.band {width: 100%}
}*/

@media only screen and (max-width: 600px){
.band {width: 100%}
#grau table {display:block; width:100%;}}

#grau h4 {color: #333333!important;font-weight: bold;}

/*20200527
weil MA in tabellen paragraph einfügen... grrr*/
#grau table p {padding:0;}



.projekttitel {
border-bottom: 1px solid #999999;
padding: 0px 15px;
text-align: right;
margin-bottom: 15px;
}
.projekttitel2{
background: linear-gradient(90deg, #fff, #EDEDED);
border-bottom: 1px solid #999999;
border-top: 1px solid #999;
padding: 10px 15px;
margin: 10px 0;
text-align: right;}


#grauerlink a {
color: #3f3f3f!important;
text-decoration: none;
}
#grauerlink a:hover {
font-weight: 600;
}
#grau .scroll{
overflow-x: auto;
white-space: nowrap;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;  
}

#grau .scroll a::before
{text-decoration: none;
content: "►";
color:#d24440!important;
font-size: 0.8em;
margin-right:10px;
}
#grau .scroll a {text-decoration: none;color: black!important;}
#grau .scroll a:hover {font-weight:bold;}

#grau table {
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #ddd;
font-size: 1em;
line-height: 1.1em;
}
#grau th {
border: none;
text-align: left;
padding: 5px;
}
#grau td {
border: none;
text-align: left;
padding: 5px;
padding-left: 10px;
}
#grau tr:nth-child(even){
background-color: #f2f2f2;
}

#grau button.sortbut {padding-left: 10px;}

#projektlink a {color: #333!important;}
#projektlink a::before {
text-decoration: none;
content: "►";
color:#003366!important;
font-size: 0.8em;
margin-right:10px;
}
#projektlink a:hover {color: #003366!important;}
/*20200520
im jahresbericht?
*/
.polaroid {
width: 93%;
background-color: white;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
margin-bottom: 25px;
margin-left: 20px;
}
.container-polaroid {
text-align: left;
font-size: 0.8em;
color: #666666 !important;
padding: 10px 20px;
}

/*Projekte*/
#ni-projekte {
box-sizing         : border-box;
-moz-box-sizing    : border-box;
-webkit-box-sizing : border-box;
}
#ni-projekte a {
text-decoration    : none;
font-size: 1em;
color              : #003366!important;
display: inline-block;
line-height: 1em;
margin-top: 0.7em;
margin-bottom: 0.7em;
padding-right: 10px;
-webkit-transition : color 0.2s;
-moz-transition    : color 0.2s;
-ms-transition     : color 0.2s;
-o-transition      : color 0.2s;
transition         : color 0.2s;
}

#ni-projekte a:hover {
color: #333333!important;
}

#ni-projekte code, code * {
font-size   : 13px;
font-family : monospace;
}

#ni-projekte code {
display       : block;
margin-bottom : 10px;
padding       : 10px;
color         : rgb(172,172,172);
background    : rgb(46,46,46);
}

/*20200520
alte projekte mit java?

#ni-projekte code .value,
#ni-projekte code .keyword {
color: #f30084;
}

#ni-projekte code .tag,
#ni-projekte code .string {
color: #8BC9D5;
}

#ni-projekte code .attribute,
#ni-projekte code .params {
color: #fff;
}

#ni-projekte table {
width           : 100%;
margin-bottom   : 10px;
border-collapse : collapse;
background      : #fff;
box-shadow      : 0 2px 6px rgba(0,0,0,0.1);
}

#ni-projekte th {
font-weight        : 300;
color              : #fff;
background-image   : -webkit-linear-gradient(bottom,#003366, #cdd6e0 );
background-image   :    -moz-linear-gradient(bottom,#003366, #cdd6e0 );
background-image   :     -ms-linear-gradient(bottom,#003366, #cdd6e0 );
background-image   :         linear-gradient(bottom,#003366, #cdd6e0 );
-webkit-transition : all 0.3s;
-moz-transition    : all 0.3s;
-ms-transition     : all 0.3s;
-o-transition      : all 0.3s;
transition         : all 0.3s;
}

#ni-projekte td {
font-weight: 300;
}

#ni-projekte td,th {
padding     : 0 10px;
font-size   : 13px;
line-height : 32px;
}

#ni-projekte tbody tr:nth-child(even) {
background: rgb(240, 240, 240);
}


Table Sorting

#ni-projekte th.table-sort {
padding-right : 36px;
text-align    : left;
cursor        : pointer;
}

#ni-projekte th.table-sort:hover {
background-image : -webkit-linear-gradient(bottom,#cdd6e0, #003366 );
background-image :    -moz-linear-gradient(bottom,#cdd6e0, #003366 );
background-image :     -ms-linear-gradient(bottom,#cdd6e0, #003366 );
background-image :         linear-gradient(bottom,#cdd6e0, #003366 );
}

#ni-projekte .table-sort-field {
position: relative;
}

#ni-projekte .table-sort-control {
background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,0.1),rgba(0,0,0,0.0));
height    : 30px;
width     : 16px;
position  : absolute;
top       : 0;
right     : -36px;
}

#ni-projekte .table-sort-up,
#ni-projekte .table-sort-down {
border  : 3px solid transparent;
position: absolute;
right   : 6px;
}

#ni-projekte .table-sort-up {
border-bottom-color: rgba(255,255,255,0.3);
top                : 8px;
}

#ni-projekte .table-sort-down {
border-top-color: rgba(255,255,255,0.3);
top             : 19px;
}

#ni-projekte .table-sort-order-asc .table-sort-up {
border-bottom-color: rgba(255,255,255,1);
}

#ni-projekte .table-sort-order-des .table-sort-down {
border-top-color: rgba(255,255,255,1);
}


Table Sort Search

#ni-projekte .table-sort-search-container {
background-image : -webkit-linear-gradient(bottom,rgb(153,153,153),rgb(102,102,102));
background-image : -ms-linear-gradient(bottom,rgb(153,153,153),rgb(102,102,102));
background-image : -o-linear-gradient(bottom,rgb(153,153,153),rgb(102,102,102));
background-image : -moz-linear-gradient(bottom,rgb(153,153,153),rgb(102,102,102));
background-image : linear-gradient(bottom,rgb(153,153,153),rgb(102,102,102));
padding          : 3px 8px;
position         : relative;
width: 100%;
}

#ni-projekte .table-sort-search-input {
-webkit-appearance : none;
width              : 90%;
height             : 25px;
padding            : 0 10px;
border             : 1px solid rgb(50,50,50);
border-radius      : 6px;
font-size          : 13px;
line-height        : 25px;
background         : rgb(238,238,238);
-webkit-transition : all 0.2s;
-moz-transition    : all 0.2s;
-ms-transition     : all 0.2s;
transition         : all 0.2s;
}

#ni-projekte .table-sort-search-input:focus,.table-sort-search-input:hover {
outline    : none;
background : #fff;
}

#ni-projekte .table-sort-highlight {
color      : #fff;
background : #003366;
}

#ni-projekte .table-sort-search-count {
position         : absolute;
top              : 10px;
right            : 11px;
padding          : 0 7px;
border-radius    : 3px;
line-height      : 19px;
color            : #fff;
background-image : -webkit-linear-gradient(bottom,rgb(94,108,117), rgb(145,162,177) );
background-image : -moz-linear-gradient(bottom,rgb(94,108,117), rgb(145,162,177) );
background-image : -ms-linear-gradient(bottom,rgb(94,108,117), rgb(145,162,177) );
background-image : linear-gradient(bottom,rgb(94,108,117), rgb(145,162,177) );
}

Ende Projekte*/


/*alum-ni*/

#myInput {
background-image: url('../css/suche.png');
background-position: 10px 10px;
background-repeat: no-repeat;
font-size: 12px;
width: 92%;
padding: 10px 10px 12px 40px;
border: 1px solid #ddd;
margin-bottom: 12px;
}
@media only screen and (max-width: 600px){
#myInput {width: 79%}

#myTable {
border-spacing: 0;
border: 1px solid #ddd;
font-size: 1em;
line-height: 1.1em;
}

#myTable table {
overflow-x: auto;
white-space: nowrap;
overflow-y: hidden;
-webkit-overflow-scrolling: touch; 
}

#myTable th, #myTable td {
text-align: left;
}

#myTable tr {
border-bottom: 1px solid #ddd;
}
#myTable tr:nth-child(even){
background-color: #f2f2f2;
}

#myTable tr.header {
background-color: #666666;
color:#f2f2f2!important;
}

#myTable tr:hover {
background-color: #ccc;
color:#fff!important;
}
/*ende alum-ni*/


/*aus event.css */


#content .eventDetails table {
margin: 0;
border: none;
display: block;
width: 410%;
}
/*20200525
.eventDetails table.listing th {margin-bottom: -0.5em; margin-top: -0.7em;}*/

.sprache {
text-align: left;
}
.eventText {
word-wrap: break-word;
padding-left: 10px;
}

.wochentag {
font-size: 2em;
}
}

.grauerlink a {
color: #3f3f3f!important;
text-decoration: none;
}
.grauerlink a:hover {
font-weight: 600;
}
.veranstaltung {
display:block;
border-radius: 10px;
padding: 2px 15px 15px 15px;
background: whitesmoke;
box-shadow: 1px 1px 1px lightgray;
}
.veranstaltung_v {
display:block;
background: whitesmoke;
border-radius: 10px;
padding: 2px 15px 15px 15px;
box-shadow: 1px 1px 1px lightgray;
margin-bottom:15px;
}
.veranstaltung h3 {
font-size: 1.2em;
}
.nameperson {
display: inline;
font-size: 0.9em;
color: #666666!important;
font-weight: bold;
}
.infoperson {
display: inline;
font-size: 0.9em;
color: #666666!important;
}
.sprache {
display: inline-block;
width: 100%;
font-size: 0.9em;
font-weight: 600;
text-align: right;
color: #666666;
padding-bottom: 1em;
padding-top: 0.5em;
padding-right: 10px;
}
.eventfoto {
clear: both;
padding-top 1em;
padding-bottom: 1em;
}
.eventfoto_k {
float: right;
display: block;
width: 55%;
clear:both;
margin-left:25px;
}
.datum {
float: left;
vertical-align: top;
margin: 1em 1.5em 0.5em 0;
padding: 0.7em 0.7em 0.5em;
background-color: white;
border: none;
border-radius: 0.5em;
box-shadow: 0.5em 0.5em 0.4em gray;
min-width: 6em;  
}
.wochentag {
display: block;
font-size: 2.3em;
font-weight: bold;
border-bottom: 2px solid black;
padding-bottom: 0.3em;
}
.tag {
font-size: 1.7em;
display: inline-block;
padding-top: 0.3em;
padding-right: 0.2em;
}
.monat {
font-size: 1.3em;
line-height: 1.3em;
display: inline-block;
padding-left: 0.2em
}
.text_v {
display: inline-block;
padding-top: 1em;
}
.foto-rechte {
position: absolute; 
font-size: 0.8em;
color: #666666!important;
margin-top:0.5em; 
margin-bottom:0.5em;
}
.foto-zwei {
position: relative;
width: 46%;
display: block;
float: left;
bottom:  2em;
margin-left: 3%;
margin-top: 1.5em;
}
.foto-eins {
position: relative;
width: 90%;
display: block;
float: left;
bottom:  2em;
margin-left: 3%;
margin-top: 1.5em;
}
.zuruck {
    display: inline-block;
width: 95%;
font-size: 0.9em;
margin:5px;
}
.zuruck a {
float: right;
text-decoration: none;
color: #666!important;
padding-left:5px;
padding-right:5px;   
}
.zuruck a:hover {
font-weight: bold;
}

#content .documentDescription, #content #description {
color: #333;
font-style: normal;
margin-bottom: 0;
}

figure {
padding: 5px;
float: left;
border: 1px solid #cccccc;
border-radius: 5px;
}

figure img {
border-radius: 3px 3px 0 0;
}

figure figcaption {
font-size: 0.8em;
padding: 2px 4px 2px 4px;
background-color: #636363;
color: #cccccc;
border-radius: 0 0 3px 3px;
}

.veranstaltung ul {
list-style: none;
}
.veranstaltung li {
list-style: none;
margin-left: 15px;
}
.veranstaltung li::before {
content: "•";
color: #666666;
display: inline-block;
width: 1.3em;
margin-left: -1.3em
}

@media screen and (max-width: 499px) {
.veranstaltung {width: 120%;}
.grauerlink {width:130%;}
#content .eventDetails li.category {line-height: 0.9;}
.text_v p {margin-left: -10px;}
.datum {display: block; width: 94%; margin: 1em 1.5em 2em 0;}
.veranstaltung_v h2 {padding-left: 0;}
}

/* Ende aus event.css*/

/*forschungsbereiche neu 2020 im Mai*/
#forschung p {
padding: 0 10px;
}
/*20200526
#forschung h3 {
font-variant: small-caps;
font-size:1.4em;
padding:0 25px;
margin:10px;
text-align: right;
   }
*/
#forschung h3 {
font-variant: small-caps;
font-size:1.4em;
padding:0 25px;
text-align: right;
   }
/*20200526
.forsch-bereich {
padding: 10px 0px 10px 10px;
text-align: justify;
}
*/
.forsch-bereich {
text-align: justify;
}

/*
.forsch-projekte {
padding: 10px 0px 10px 10px;
text-align: justify;
    margin-right:9px;
    margin-bottom: -15px;
}*/

@media all and (max-width: 499px){#forschung {padding:10px;}#forschung h3 {
    text-align: center;}
/*20200526
#forschung {padding:10px;display: block;
width: 96%;
margin-left: -10px;
margin-right: 10px;
}
    
    #forschung h3 {
text-align: center;
display: block;
width: 95%;
margin-left: -10px;  
}
    .forsch-projekte {
display: inline-block;
width: 100%;
padding-left: 4px;}
    */
#forschung .newspaper2 {padding-left:0;}




.forsch-text {
margin-left: -5px;
}
}



.forsch-text {
display: block;
margin-bottom: 15px;
padding: 20px 15px 5px 10px;
color: #333333 !important;
background-color: whitesmoke;
border-bottom: 1px solid #999999;
border-top: 1px solid #999999;
font-family: serif;
}

.forsch-mitarbeit {padding:10px 5px;margin-left:15px;}

#forschung .forsch-bereich a {color:#333!important;font-variant: small-caps;
font-size: 1.3em;
padding: 0 10px;
margin: 0 -5px;
text-decoration: underline;}
#forschung .forsch-bereich a:hover {background:#F5F5F5!important;border-radius: 15px;border: 1px solid #999 !important;text-decoration: none;}

#forschung ul {
list-style: none;
}
#forschung li {
color: #333333;
margin-left: 10px;
}
#forschung li::before {
content: "•";
color: #666666;
display: inline-block;
width: 1.3em;
margin-left: -1.3em;
float: left;
}

/*mobil*/


/*ende Forschungsbereiche*/

/*audience menu ist doof, korrektur
*/
.audience-menu-new-style ul ul li div.submenu .submenu-children {
background: whitesmoke;
color: #036!important;
margin-left: 5em;
margin-top: 0;
padding-left:1em;
padding-top: 0px;
padding-right:1em;
padding-bottom: 1em;
}