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 19 times.

CSS stylesheet icon custom.css — CSS stylesheet, 40 KB (41457 bytes)

Dateiinhalt

/*25.10.2019, da nach dem Updete vom CMS vor ca. einer Woche sich die Styles der NI-Instanz auflösen, ist das der letzte Versuch noch mal die Styles inline in die Webseite zu integrieren, in der Hoffnung, dass die "gestylt" angezeigt wird!
Alle Styles Dateien custom.css, styles.css sind gleich nur  die event.css ist in der alten Version im Ordner de/css/ geblieben*/
/* Korrektur, HU-Design allgemein*/
body {
background-color: whitesmoke;
}

#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;
}

.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;
}

.ownership {
color: #ffffff!important;
line-height: 0.5em;
display: block;
width: 25%;
float: right;
margin-top: -2em;
text-align: right;
}

#frontpageslider #sliderbox .slidebody .ownership {
font-size: 75%;
color: #ffffff!important;
display: block;
width: 50%;
margin-top: -5px;
}

#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;
}
}

#viewlet-below-content {
clear: both;
display: block;
width: 95%;
margin-left: 0.6em;
margin-top: 1em;
} 

@media all and (max-width: 499px) { #viewlet-below-content {
clear: both;
display: block;
width: auto;
margin-left: -2.5em;
margin-top: 2em;
}
}


@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}
#archiv h2 {padding-left:10px}
.hintergrund {margin:10px}
.back a {margin-right: 10px;}

#grau {display:block; width: auto;
margin-left: 10px;
margin-right: 10px;
}
#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}


#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;
}

.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;
}
.back a {
float: right;
text-decoration: none;
color: #003366!important;
padding-left:5px;
padding-right: 5px;
margin-bottom: 15px;   
}
.back a:hover {
font-weight: bold;
}
.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;
}

/*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; /* 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: 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;
}

/* 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*/

/*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; 
}

.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 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;
}
#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; 
}

#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;
}

#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%;}
}

.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;
}


.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: 10px;
}

.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: 10px;
}

.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: 5px;
}
.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;   
}
.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;
}
#grau {
display: inline-block;
width: 95%;
background: #FCFCFC;
box-shadow: 1px 1px 1px lightgray;
border: 1px solid whitesmoke;
padding: 15px;
margin: 5px 0px 3px 0px;
border-radius: 10px;
}
@media only screen and (max-width: 600px){
#grau {width: 90%}
.band {width: 100%}
}
#grau h4 {color: #333333!important;font-weight: bold;}

.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 {
width: 100%;
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;}

.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);
}

/* Keyword */
#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;
padding: 5px;
}

#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%;
}

.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 {
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;
}

#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: 124%;}
.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*/