custom.css
custom.css
— 40.3 KB
Dateiinhalt
body {
background-color: whitesmoke;
}
#logo{
height:115px;
width:auto;
display: inline-block;
}
#responsives-bild { width: 100%; height: auto; }
.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: #CCCC99;
}
dl.portlet ul.navTreeLevel1 > .navTreeItem {
background-color: #E0E0D1;
}
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: #003366 !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: #003366!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.1em;
}
.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: #E9EDF1;
display: flex;
flex-direction: row;
align-items:left;
margin-bottom:1em;
padding-top:5px;
border-bottom: 1px solid #bf1f1f00;
border-top: 1px solid #bf1f1f00;
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: #232323!important;
font-size: 1em;
border: 1px solid #f5f5f5;
}
.dreierreiheitem a:hover{
/* box-shadow: 1px 1px 1px #999999; */
border: 1px solid #ffffff;
border-radius:1px;
}
.dreierreiheitem1 a {
padding-left:10px;
display: block;
text-decoration: none;
color: #232323!important;
font-size: 1.2em;
position: relative;
top:5px;
border: 0px solid #f5f5f5;
}
.dreierreiheitem1 a:hover{
/* box-shadow: 1px 1px 1px #999999; */
border: 0px solid #E9EDF1;
background-color: #F5F5F5;
border-radius:1px;
}
.dreierreiheitem2 a {
padding-left:10px;
display: block;
text-decoration: none;
color: #232323!important;
font-size: 1em;
border: 0px 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: 0px solid #ffffff;
background-color: #F5F5F5;
border-radius:1px;
}
.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: 0px 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 #bf1f1f00;
border-top: 1px solid #bf1f1f00;
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: 0px solid #ffffff;
background-color: #F5F5F5;
border-radius:1px;
}
.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: #003366 !important;
background-color: #E9EDF1;
display: inline-block;
width: 80%;
text-decoration: none;
padding: 6px 6px 6px 15px;
border: 1px solid #bf1f1f00!important;
border-radius: 1px;
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: 1px;
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: 89%;
background: #FCFCFC;
box-shadow: 1px 1px 1px lightgray;
border: 1px solid whitesmoke;
padding: 15px;
margin: 5px 0px 3px 0px;
border-radius: 1px;
}
@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*/