@media all {
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, ol, ul, li, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
* {font-family: Arial; font-size: 15px; line-height: 30px; color: #3E4847;}
@font-face {
font-family: 'Pathway Gothic One';
font-style: normal;
font-weight: 400;
src: url('/fonts/pathway-gothic-one-v6-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Pathway Gothic One Regular'), local('PathwayGothicOne-Regular'),
url('/fonts/pathway-gothic-one-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/pathway-gothic-one-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('/fonts/pathway-gothic-one-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
url('/fonts/pathway-gothic-one-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('/fonts/pathway-gothic-one-v6-latin-regular.svg#PathwayGothicOne') format('svg'); /* Legacy iOS */
}
p,li,ol,h1,h2,h3,h4,h5,h6,a,table,label,strong {font-size: 15px;}
/* EINFACHE TEXTFORMATIERUNG */
.format3 {padding: 10px 0px;}
.format3 p {padding: 10px 50px;}
.format3 h1 {padding: 10px 50px;}
.format3 h2 {padding: 0px 20px;}
.format3 h3 {padding: 10px 50px;}
.format3 table {margin:10px;}
.format3 form {width: 107%; padding: 5px 1% 50px 5%;}
.animated {opacity:0;}
/* Basic Schrift Formate */
p {max-width: 1100px; line-height: 2;}
h1, h2, h3, h4, h5, h6 {color:#3E4847; max-width:960px;}
h1 {font-size: 1.5em; line-height: 44px; font-weight: bold; text-transform: uppercase; margin: 15px 0px 15px 0px;}
h2 {font-size: 1.4em; line-height: 36px; font-weight:bold; text-transform: uppercase; margin: 30px 0px 15px 0px;}
h3 {font-size: 1.3em; line-height: 32px; margin: 20px 0px 0px 0px; font-weight:bold;}
h4 {font-size: 18px; line-height: 28px; color: white; width: 320px; background-color: #e31134; text-transform: uppercase; padding: 2px 5px; position: relative; top:25px; left:15px; font-weight:normal; font-family: Pathway Gothic One; }
h5 {font-size: 12px; line-height: 24px; text-decoration: underline;}
.ueberschrift_h2 {color:white!important;font-size: 1.4em; line-height: 36px; font-weight:bold; margin: 15px 0px 15px 15px;}
.ueberschrift_h3 {color:white!important;font-size: 1.3em; line-height: 32px; margin: 20px 0px 0px 0px; font-weight:bold;}
.h3 {font-size: 1.3em; line-height: 32px; margin: 20px 0px 0px 0px; font-weight:bold;}
strong {color:#3E4847;}
ul {list-style-type: disc; }
ol {list-style-type: decimal;}
hr {opacity: 0.20;}
a:link {color: #e31134;text-decoration:none;}
a:focus {color: #e31134;}
a:visited {color: #e31134;}
a:active {color: #e31134;}
a:hover {color: #e31134;text-decoration: underline;}
/* für Formatierung innerhalb des Links z.B. für span Sprachangabe */
a:link > span {color: #e31134;text-decoration:none;}
a:focus > span {color: #e31134;}
a:visited > span {color: #e31134;}
a:active > span {color: #e31134;}
a:hover > span {color: #e31134;text-decoration: underline;}
blockquote {font-size:15px;}
/* Formatierung im Content */
:is(.content, #mbmcookie, .cookie-banner) p a::before {content: ''; margin-right: 0.3em; font-family: 'FontAwesome'; font-size: smaller; }
.link::before {content: ''; margin-right: 0.3em; font-family: 'FontAwesome'; font-size: smaller; }
.content :is(.info_person,.info_person_kurz, .slider_article) a::before {content: unset !important; }
.content p a[href^="mailto:"]::before { content: '🖂' !important; font-weight: bold; }
.content p a.btn::before {content: unset !important; }
.sidebox_content p a::before {content: ''; margin-right: 0.3em; font-family: 'FontAwesome'; }
.sidebox_content :is(.subNavigation,.info_person,.info_person_kurz) a::before {content: unset; }
.content ul {margin-left:15px;}
.content ol {margin-left:15px;}
.content > ul > li {margin: 0px 0px 10px 15px; max-width: 960px;}
.content > ul > li > ul {margin: 0px 0px 10px 30px; }
.content > ul > li > ul > li{margin: 0px 0px 10px 30px; }
.content > ul > li > ul > li > ul > li{margin: 0px 0px 10px 30px; }
.content > ul > li > ul > li > ul > li > ul > li{margin: 0px 0px 10px 30px; }
.content > ol > li {margin: 0px 0px 10px 15px;}
.content > ol > li > ul {margin: 10px 0px 0px 20px;}
.content > ol > li {margin: 0px 0px 10px 15px;}
.content > ol > li > ol {margin: 10px 0px 0px 20px;}
.content > ol > li > ol > li > ul {margin: 5px 0px 0px 20px;}
.content > h2:first-child {margin-top:0px;}
.hinweis > ul > li {margin-left: 15px;}
.hinweis > ol {margin-left:15px;}
.hinweis_grey > h2:first-child {margin-top:0px;}
.hinweis_grey > ul {margin-left:15px;}
.hinweis_grey > ol {margin-left:15px;}
.hinweis_red {margin: 20px 0px; padding: 10px; border: 2px solid #e31134;}
.hinweis_green {margin: 20px 0px; padding: 10px; border: 2px solid #00b900;}
.hinweis_grey h2 {margin-bottom: 0px;}
/* Content in Sidebox */
.sidebox_content > h2 {font-size:16px; padding: 15px 10px 5px 0px; margin-top: 20px;}
.sidebox_content > h3 {font-size:16px; padding: 15px 10px 5px 10px; margin-top: 20px;}
.sidebox_content > p {font-size:14px; padding: 5px 10px;}
.sidebox_content ul {margin-left: 15px;}
.sidebox_content ol {margin-left: 15px;}
.sidebox_content strong {}
.sidebox_content img {width:100%;}
.sidebox_content .table_1 {font-size: 14px;}
.sidebox_content .table_1 > tbody > tr > td:first-child {padding: 0px 10px 0px 10px;}
.sidebox_content .table_1 > tbody > tr > td:last-child {padding: 0px 5px 0px 20px;}
.sidebox_content .info_person h2 {font-size:15px;}
.sidebox_content .hinweis_grey {padding: 10px 0px 10px 20px; background-size: 35px; margin-left:-20px; border-left: 20px solid rgb(246,246,246); border-left: 20px solid rgb(62,72,71,0.1);}
.sidebox_content .url {background-image: none;}
.sidebox_content .adresse {background-image: none;}
.sidebox_content .button_link {margin-left: 10px; display: block; max-width: 80%;}
.video_box {width: 100%; height: auto; }
/* Bilder-Formate */
.img-fit-cover {object-fit: cover; width: 100%; height:100%!important;}
/* Formatierung in Hinweis */
.hinweis_grey ol {margin: 10px 0px 10px 15px;}
.bg-red {background-color: #e31134; color: white;}
.bg-red * {color:white;}
.bg-grey {background-color: #F6F6F6;}
/* Basic Boxen */
.card-line {border: 1px solid rgba(0,0,0,.125);border-radius: .25rem;}
.hinweis_box {background-color: #F6F6F6;margin-bottom: 20px; padding: 1px 0px 5px 10px;}
.bildrahmen {overflow: hidden;padding:0px;position:relative;}
.add_box {margin-left:12%;}
.two_columns {column-count:2;}
.video_box {width:100%;}
.content_pic {width: 500px; height: 333px; position: relative; overflow: hidden; margin: 0px auto 10px auto;padding: 0px 0px 0px 0px;}
.content_pic > img {height: 100%;width: 100%;min-width: 500px;}
.content_pic > h2 {font-family: Pathway Gothic One;font-size: 20px;font-weight: 400;color: white;line-height: 24px;letter-spacing: 1px;display: block;position: absolute;left: 0;bottom: 50px;background-color: #e31134;width: 30%;min-width: 300px;padding: 15px 0px 15px 10px;}
.scroll_content {
overflow-y: scroll;
scrollbar-color: #e31134 transparent;
scrollbar-width: thin;
height: 330px;
}
.scroll_content::-webkit-scrollbar {
width: 5px;
}
.scroll_content::-webkit-scrollbar-track {
background: transparent;
border: none;
box-shadow: none;
}
.scroll_content::-webkit-scrollbar-thumb {
background-color: #e31134;
}
/* Sprungmarken */
.anchor-target { scroll-margin-top: 120px; }
/* Responsive Content */
.subnav_mobil {display:none;}
#responsive_nav {display: none;}
#responsive_icon {display:none;}
.toggle_down {display:block;margin: 0px auto;width: 35px;}
.not_visible {display:none;}
.mobil_only {display:none;}
#show_content {display:none; float:left;}
.flex-wrap {flex-wrap: wrap;}
/* Hinweis Boxen */
.hinweis {padding:10px; background-color: white; margin: 20px 0px 20px 0px;}
.hinweis_grey {background-color: white; background-size: 35px;background-repeat: no-repeat;background-position: -45px 50%;
padding: 20px 0px 20px 20px; margin: 20px 0px 20px 0px;
border-left: 50px solid transparent;border-left: 50px solid rgb(62,72,71, 0.1);
-webkit-border-left: 50px solid #F6F6F6;-webkit-border-left: 50px solid #F6F6F6;}
/* .hinweis_grey {background-color: #F6F6F6; background-size: 35px;background-repeat: no-repeat;background-position: -45px 50%;
padding: 20px 0px 20px 20px; margin: 20px 0px 20px 0px; margin-left: -50px;
border-left: 50px solid rgb(230,230,230);border-left: 50px solid rgb(62,72,71, 0.1);
-webkit-border-left: 50px solid #F6F6F6;-webkit-border-left: 50px solid #F6F6F6;} */
.info {background-image: url(/icons/info.png);}
.url {background-image: url(/icons/url.png);}
.termin {background-image: url(/icons/termin.png);}
.adresse {background-image: url(/icons/pin.png);}
.mail {background-image: url(/icons/email.png);}
.check {background-image: url(/icons/checkliste.png);}
.achtung {background-image: url(/icons/achtung.png);}
.document {background-image: url(/icons/document.png);}
.download {background-image: url(/icons/download.png);}
.hilfe {background-image: url(/icons/hilfe.png);}
.idee {background-image: url(/icons/hinweis.png);}
.home {background-image: url(/icons/home.png);}
.neu {background-image: url(/icons/neu.png);}
.new {background-image: url(/icons/new.png);}
.profil {background-image: url(/icons/profil.png);}
.lupe {background-image: url(/icons/lupe.png);}
.telefon {background-image: url(/icons/telefon.png);}
.kalender {background-image: url(/icons/kalender.png);}
.sprache {background-image: url(/icons/sprache.png);}
.abschluss {background-image: url(/icons/abschluss.png);}
.vor {background-image: url(/icons/vor.png);}
.video {background-image: url(/icons/video.png);}
.stern {background-image: url(/icons/stern.png);}
.anzahlpersonen {background-image: url(/icons/anzahlpersonen.png);}
/* Background-Images für Bootstrap Boxen */
.col-vor {
background-image: url(https://www.hdm-stuttgart.de/icons/vor.png);
background-size: 80%;
background-repeat: no-repeat;
background-position: center;
}
/* Style Klassen */
.red {color:#e31134; cursor:pointer;}
.hr {display:none;}
.font_smaller {font-size: 90%;}
.font_bigger {font-size: 110%;}
.rechts {float: right;}
.links {float: left;}
.mitte {display:block; margin: 0px auto;}
.link_center {display:inline-block; width:100%; text-align: center;}
.clear {clear: both; display:block;}
.inline {display: inline-block;}
.fett {font-weight: bold;}
.kursiv {font-style: italic;}
.unterstrichen {text-decoration: underline;}
.line {border-top: 1px solid #F6F6F6; margin: 20px;}
.klein {font-size: display:block; font-size: 12px; }
.hellgrau {color:#999;}
.headline {font-size: 18px; line-height: 36px; font-weight: bold; text-transform: uppercase; margin: 30px 0px 15px 0px;}
th .etikett {font-weight: 400;}
.etikett {max-width: 20%; font-size: 18px; background-color: #e31134; color: white; text-transform: uppercase;
padding: 2px 5px; position: relative;z-index: 5000; min-width:185px; display: inline-block;
font-family: Pathway Gothic One;}
.etikett > a {font-size: 18px; background-color: #e31134; color: white; text-transform: uppercase;
padding: 2px 5px; z-index: 5000; display: inline-block;
font-family: Pathway Gothic One;}
.bild_label {background-color: #e31134; color:white; position:absolute; bottom: 20px; padding: 1px 7px;}
.img_hover:hover img {opacity:0.9;}
.float_left {float:left;}
.float_right {float:right;}
.float_pic_left {float:left; margin-right: 50px;}
.float_pic_right {float:right; margin-left: 50px;}
.text_long {max-width:100%;}
.hidden {display: none;}
.button {font-family: Pathway Gothic One; font-size: 18px;letter-spacing: 1px;color: white;background-color: #e31134;text-transform: uppercase; color: white;
position:absolute; bottom:-44px; left:60%; min-width: 150px; max-width:fit-content; white-space: normal; padding: 2px 5px; text-align:center;border-style:hidden;
}
.button_link {cursor: pointer; display:block;font-family: Pathway Gothic One; font-size: 18px;letter-spacing: 1px;background-color: #e31134;text-transform: uppercase; color: white!important;
min-width: 150px; max-width: fit-content; white-space: normal; padding: 4px 8px; text-align:center;border-style:hidden; margin: 10px 0px;
box-shadow: 1px 1px 2px #3E4847; -webkit-box-shadow: 1px 1px 2px #3E4847;}
.button_link_grey {cursor: pointer; display:block;font-family: Pathway Gothic One; font-size: 18px;letter-spacing: 1px;background-color: #3E4847;text-transform: uppercase; color: white!important;
min-width: 150px; max-width:20%; white-space: normal; padding: 4px 8px; text-align:center;border-style:hidden; margin: 10px 0px;
box-shadow: 1px 1px 2px #3E4847; -webkit-box-shadow: 1px 1px 2px #3E4847;}
.button_lg {display:block;font-family: Pathway Gothic One; font-size: 18px;letter-spacing: 1px;background-color: #e31134;text-transform: uppercase; color: white!important;
min-width: 150px; max-width:100%; white-space: normal; padding: 4px 8px; text-align:center;border-style:hidden; margin: 10px 0px;
box-shadow: 1px 1px 2px #3E4847; -webkit-box-shadow: 1px 1px 2px #3E4847;}
.mehr {color: white;
position: absolute;
bottom: -15px;
text-align: center;
padding: 1px 15px;
left: 50%;
transform: translateX(-50%);}
.button > * {font-family: Pathway Gothic One; font-size: 18px;letter-spacing: 1px;color: white;}
.green {background-color: #28b463;}
.button:hover {opacity:0.9;}
.button_small {float: right; background-color: #e31134;text-transform: uppercase; color: white; max-width:200px; white-space: pre-line; padding: 2px 5px; text-align:center;border-style:hidden;
box-shadow: 1px 1px 2px #3E4847;-webkit-box-shadow: 1px 1px 2px #3E4847;}
.button_long {background-color: #e31134;text-transform: uppercase; color: white; padding: 2px 10px; text-align:center;border-style:hidden;display:inline-block; margin: 20px auto 30px auto;
box-shadow: 1px 1px 2px #3E4847; -webkit-box-shadow: 1px 1px 2px #3E4847;}
.button_white {border: 1px solid white;text-transform: uppercase;padding: 1%;font-size: 16px;color: #3e4847 !important;background: white;}
.zusatz {color: #666;}
.icon_xsmall {width: 20px; vertical-align: middle; padding: 0px 2px 0px 0px; margin: 0px 10px 0px 0px;}
.icon_small {width: 30px; vertical-align: middle; padding: 0px 2px 0px 0px; margin: 0px 10px 0px 0px;}
.icon_medium {width: 40px; vertical-align: middle; padding: 0px 2px 0px 0px; margin: 0px -25px 0px 15px;}
.icon_pic {width:auto !important; border-right:none !important;}
.icon_auflistung {background-image: url(icons/vor.png);}
.icon_inline {width: 25px; height: 25px; background-size: 100%; background-repeat: no-repeat;display:inline-block; margin-right: 10px; background-position: bottom;}
.icon_weiter {display:none;}
.icon_weiter {width: 30px !important; vertical-align: middle; padding: 0px 5px 0px 0px; margin-right: 10px; float:right;}
.icon_checkliste {}
.icon_fav {position:absolute; top:5px; left: 5px; width:50px; height: 50px; border-radius:50%; box-shadow: 1px 1px 3px #3E4847;
background-color: white; background-image: url(icons/stern.png);background-size: 75%; background-position: 50% 50%; background-repeat:no-repeat;}
.icon_liste {display: inline-block; width:30px; height: 26px;
background-color: white; background-image: url(icons/checkliste.png);background-size: 75%; background-position: 50% 150%; background-repeat:no-repeat;}
.sgang_neu {float:left; margin: -5px 5px 30px -5px; width: 60px;}
.anker_link {text-transform: uppercase;}
.jetzt_anmelden {display: block; width: 50%; margin:0px auto 50px auto; padding: 10px; text-align: center;}
.jetzt_anmelden > p {color:white;}
.before_pfeil > p::before {content: " > "; color: #e31134;font-weight: bold; margin-right: 4px;}
.infokasten {}
.arrow_down {margin-left: 10px; width: 14px;}
.angabe_klein {font-size: 10px; color: #3E4847;}
.duenn {font-weight: 200; text-transform: none;}
.fixiert {}
.mehr {color: #e31134;}
div.hr {width: 100%;display: block;height: 10px;clear: both;
background-image: url(stylesheets_bilder/line2.gif);background-repeat: repeat-x;background-position: center center; margin: .5em 0 .5em 0;}
.arrow_submit {background-image: url(icons/vor.png);background-repeat: no-repeat; background-size:100%; background-position: 50% 50%;}
.dots_list > li {list-style-image: url('icons/aufzaehlung_small.png'); margin-left: 40px;}
a.button {color:white;}
a.button_long {color:white;}
a.button_link {color:white;}
.hinweis_infos {}
.hinweis_infos > p {color: #3e4847;font-size: 10px;}
.hinweis_infos > ul {font-size: 10px;}
.hinweis_infos > ul > li {color: #3e4847; margin-left: 15px;font-size: 10px;}
/* BILDER */
.little_pic {max-width: 200px;}
.flags {max-width: 50px; margin-right: 10px;}
/* KACHELN */
.kacheln {}
.kacheln > ul {margin:0px auto;}
.kacheln > ul > li {float:left; margin: 10px 10px 0px 0px;display:block; border: 1px solid #F6F6F6; min-width: 275px; padding:10px;}
.kacheln > ul > li:last-child {margin-bottom:100px;}
.kacheln > ul > li > a > p {}
.kacheln > ul > li > a > div {width:275px; height: 200px; overflow: hidden;}
.kacheln > ul > li > a > div > img {width: 275px;}
.kacheln > ul > li > a > h2 {text-align:center;}
/* STRUKTUR */
.seitenrand{padding: 1px 0px 0px 15px; box-shadow: -4px -6px 5px #F6F6F6}
/* STUDIENGÄNGE */
.startseite_infotext {text-align: justify; padding: 0px 10px;}
/* Bootstrap Korrekturen */
.btn-tertiary {
color: #3E4847 !important;
background-color: #c5c5c5;
border-color: white;
}
.btn:hover {
background-color: #e31134!important;
}
.alert-primary {background-color: rgba(227, 17, 52, 0.3);}
.no_form {margin:0px;border-left:0px; box-shadow:none; padding:0px;}
.no_form input[type="submit"]{position:initial;}
.schnellsuche form {border-left: none;margin: 0px; margin-bottom: 20px;}
.schnellsuche form fieldset {margin-bottom:0px;}
.button_grey {background: #e31134; padding: 10px; font-family: Pathway Gothic One; font-size: 25px; margin-right: 10px; margin-bottom:10px; color:white!important; float:left;}
.cleaner {clear:both;}
.infokasten ol{margin-left: 15px;}
.bite-red-button {font-family: Pathway Gothic One; font-size: 20px!important; min-width: 100px!important; margin-left: 5px; padding: 0px!important; text-transform: unset!important;}
.joboffers-table {margin-top: 20px;}
:root {
/* HdM colors */
--h-hdm-red: #e31134;
--h-hdm-darkgrey: #3E4847;
--h-hdm-lightgrey: #F6F6F6;
--h-hdm-white: #ffffff;
--h-hdm-black: #000000;
}
/* BASIC STRUKTUR */
body {position: relative; background: linear-gradient(white 200px, #F6F6F6 450px);}
.wrapper {position: relative; overflow:hidden;}
/* Hack: Mischmasch an Hintergrundfarben auf der Startseite fixen */
/*.content :is(.single_post_content, .single_sidebar) { background-color: white; }*/
#top_box_nav, #content_wrapper, .mast_box, .footer_nav {max-width:1685px; margin:0px auto;}
/* HEADBEREICH TOP */
#fixed_head {position: sticky; width: 100%; top: 0px; left: 0px;z-index:9999;background:white;}
#head_top {position:static;background:white; height:40px;transition: 0.2s ease-in;}
#head_top.totop {top:-14px;}
#top_box_nav {position:relative; display:block;height:100%; text-align: right; padding-top: 12px;}
#top_box_nav a {font-size:14px!important;}
#top_box_nav > a:hover {color:#e31134;}
#top_box_nav span {font-size:14px!important; text-decoration: underline;}
/* SLOGAN */
.slogan {display:inline-block; height:100%;text-transform:uppercase;}
.slogan a {color: #3E4847;}
/* SPRACHENWAHL */
#switch_language {position:relative; z-index:1000; width:5vw; display:inline-block;}
#switch_language > a {font-size:13px; color: #e31134;}
#switch_language > a:hover {color: #e31134;}
#switch_language > span {font-size:13px;}
@keyframes switch_top {from {top: 0px;} to {top: 0px;}}
/* LOGO */
#logo_nav {position: relative;;z-index: 66666;top: -30px; width: 137px; float:left;transition: 0.2s ease-in; }
#logo_nav.kleiner {top:-26px; left: 0px; width:122px; margin-right:16px;}
/* GRAUER BALKEN */
#masthead {margin-top: 0px;transition: 0.2s ease-in;position: static; width: 100%; background:#3E4847; z-index: 55555; margin-left: 0px; height:85px;}
#masthead.small {margin-top: 0px; padding-top: 0px; padding-bottom:0px; height: 85px;}
.mast_box {max-width:1685px; margin:0px auto; position:relative; height:100%;}
/* CONTENT */
.side_wrapper {}
.content {max-width:1685px;min-height:500px; margin:10px auto 40px auto; padding-left:0px!important;
}
.content {width: 65%!important; float:left; min-height:500px;}
.content > img {max-width:750px;}
.sidebox_content {overflow:hidden; width:30%; margin-left: 70%; margin-top:30px;}
.sidebox_content .icon_small{width:30px;}
.container {width:100%; margin: 20px 0px;}
/* UNTERSEITEN LOGO */
#unterseiten_logo {text-align: right; margin-top:10px;}
#unterseiten_logo > a > img {max-height:100px; padding: 10px;}
/* Titelbild bzw. Seitenueberschrift */
.seiten_titel {max-width:90%;padding: 0px 0px 0px 0px; padding-left: 0px!important; height:75px; }
.seiten_titel > h4 {font-family: Pathway Gothic One; font-size:22px; font-weight:normal; text-transform: uppercase; padding: 2px 5px;
position: relative; background-color: #e31134;color: white; width: auto; min-width: 300px; display:inline-block; max-width:350px; left: 0px; z-index: 5000;}
.seiten_titel > h1 {font-family: Pathway Gothic One; font-weight:normal; line-height: 26px; text-transform: uppercase; padding: 2px 5px;
position: relative; background-color: #e31134;color: white; width: auto; min-width: 300px; display:inline-block; max-width:350px; left: 0px; z-index: 5000;}
.title_pic {position:relative; overflow: hidden; max-width:1685px; max-height: 450px; margin:0px auto 10px auto; padding: 0px 0px 0px 0px; height: 100%;}
.title_pic > img {width:100%; object-fit: cover; }
.title_pic > h2 {font-family: Pathway Gothic One;font-size: 20px; font-weight: 400;color: white;line-height: 24px;letter-spacing: 1px;
display:block; position: absolute; left:0; bottom: 50px; background-color: #e31134;
width: fit-content; min-width: 300px;padding:15px 0px 15px 10px;}
.title_pic > h1 {font-family: Pathway Gothic One;font-size: 20px; font-weight: 400;color: white;line-height: 24px;letter-spacing: 1px;
display:block; position: absolute; left:0; bottom: 50px; background-color: #e31134;
width: 30%; min-width: 300px;padding:15px 0px 15px 10px;}
.title_pic_big {position:relative; overflow: hidden; max-width:1680px; margin:0px auto 10px auto; padding: 0px 0px 0px 0px; max-height: 450px;}
.title_pic_big > img {width:100%;}
.title_pic_big > h2 {position: absolute; font-family: Pathway Gothic One;font-size: 20px; font-weight: 400;color: white;line-height: 24px;letter-spacing: 1px;
display:block; left:15px; bottom: 50px; background-color: #e31134;
width: 30%; min-width: 300px;padding:15px 0px 15px 5px;}
/* BREADCRUMB */
.breadcrumb {position:relative; border-bottom: 1px solid #F6F6F6; width: 100%; padding: 5px 0px; overflow: hidden;}
.breadcrumb :is(a,button) {font-size: 12px; color: #3E4847; text-decoration: none;}
.breadcrumb :-moz-any(a,button) {font-size: 12px; color: #3E4847; text-decoration: none;}
.breadcrumb a:hover {color: #e31134;}
.breadcrumb-nav {position: relative; left:0px; display:inline-block; width:80%;}
.breadcrumb li {font-size: 12px;text-transform: uppercase;color: #3E4847;text-decoration: none;margin-right: 5px; display:inline-block; height: 30px; list-style-type: none; padding: 0px 0px 0px 0px; font-weight:bold; opacity: 0.8;}
.breadcrumb-nav li:last-child {color: #e31134;}
.breadcrumb-nav a { margin-right: 5px;}
.bread {color: #000; margin:0px 0px 0px 5px;}
/* SOCIAL MEDIA */
.breadcrumb-socialnav {position: absolute; right:0px; display:inline-block; text-align: right; }
.social-links {height:100%; text-align:right;display:inline-block;position:relativ; right:0px;}
.social-links a {padding-right:5px;}
[class*=" icofont-"], [class^="icofont-"] {font-size:20px;}
.ico-sm {padding:5px;}
.sm_logo {width: 45px; background-color: white; border-radius: 25px;}
a#intranet {display:inline-block; width:5vw;}
.breadcrumb .show-chatbot {margin-right: 10px;}
/* FOOTER GRUNDSTRUKTUR */
footer {clear:both; background: white;}
footer .footer_wrapper {background-color: #3E4847; padding-bottom: 15px;}
footer .footer_nav {max-width: 1685px; margin: 0px auto; }
/* COOKIES */
#mbmcookie {position: fixed; z-index: 5555; bottom: 0; left: 0; right: 0; background: white; padding: 5px;}
#mbmcookie a.button {position: relative; top: 0px; left: 0px;cursor: pointer; background: #3E4847; padding: 8px 20px; margin-left: 10px; border-radius: 5px; font-weight: bold; float: right;}
#mbmcookie a.button:hover {background-color: #e31134; color: white;}
#mbmcookie p.cookiemessage {display: block; padding: 0; margin: 10px 0px 0px 10px; max-width: 100%;}
@media (max-width:1700px) {
#top_box_nav, #content_wrapper, .mast_box, .footer_nav {max-width:99%;}
#switch_language, a#intranet {width: 8vw;}
}
@media (max-width:1024px) {
.content {width:100%!important;}
.sidebox_content {width:100%; margin-left: 0px; box-shadow: none; }
.seiteninhalte {width:100%; float:left;}
.footer_nav > div {display:inline-block;}
}
@media (max-width:900px) {
#switch_language {width: auto; margin-left:10px;}
.breadcrumb-nav {width: 70%;}
}
@media (max-width:600px) {
#top_box_nav, #content_wrapper, .mast_box, .footer_nav > div {max-width:100%;}
#content {margin: 0px 5px;}
/*.d-flex {display:block !important;}*/
}
@media (max-width:500px) {
#masthead {height: 70px;}
}
@media (max-width:414px) {
.content {width:100%; padding: 0px 2px; margin: 35px auto;}
.title_pic > h2 {font-size: 18px; padding: 10px 0px 10px 5px; bottom: -15px;}
#masthead {height: 55px;}
.breadcrumb-nav {width: 100%;}
.breadcrumb-socialnav {position:relative; width: 100%; margin-top:10px;}
.breadcrumb-socialnav li {display: flex;justify-content: space-between;}
[class*=" icofont-"], [class^="icofont-"] {font-size:30pt;}
a#intranet {width:auto;}
.slogan {display:none;}
}
@media (max-width:360px)
{
.title_pic > img{display: block;}
.title_pic > h2 {position: relative;max-width: 90%;bottom:0; padding: 2px 5px;}
main {margin: 100px 0px 0px 0px;}
}
@media (max-width:319px)
{#breadcrumb {display:none;}}
.able { box-shadow: none; margin: 0; }
.able-left-controls, .able-right-controls {}
button svg {
display: inline-block;
width: 3em!important;
height: 1em;
fill: white!important;}
.able-controller {background-color: unset!important; }
.able-white-controls .able-seekbar {
border: 2px solid #3e4847!important; }
.able-right-controls > span > img {display: none;}
.able-status-bar {background-color: white; height:3.5em;}
.able-prefs-form * {color:white !important;}
.able-prefs-form > ul > li {color:white;}
.able-modal-dialog { background-color: #3E4847 !important; }
.able-prefs-form button { color: #e31134 !important; font-weight: bold; }
.able-prefs-form .modal-button { margin-top: 20px; }
.able-modal-dialog h1 { color: white !important; }
.able-status-bar span {color:white!important;}
div.able-descriptions* {font-family: Arial!important;}
.accordion-item:not(:first-of-type) {border-top: 1px solid rgba(0,0,0,.125);}
.accordion-item > h2,
.accordion-item > p {max-width: 100%;}
.accordion-button {color: #3E4847; font-size: 15px!important;}
.accordion-button:not(.collapsed) {}
.accordion-button:not(.collapsed)::after {background-image: url("https://www.hdm-stuttgart.de/icons/unten.png"); }
.accordion-body {padding: 2rem 1.25rem;}
.archiv_teaser_container {
list-style: none;
}
.archiv_teaser_container li {
margin-bottom: 10px;
}
.at_content_wrapper {
position: relative;
height: 150px;
display: flex;
flex-direction: row;
background: rgba( 0,0,0,0.05 );
box-sizing: border-box;
}
.at_image_container {
position: relative;
height: 100%;
width: 35%;
overflow: hidden;
}
.at_image_container img {
position: absolute;
min-width: 100%;
min-height: 100%;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
transition: transform .2s ease-in-out;
-webkit-transition: transform .2s ease-in-out;
object-fit: cover;
}
.at_content_wrapper h2 {
position: relative;
height: 150px;
width: 65%;
padding: 10px 0px 10px 20px;
margin: 0px;
box-sizing: border-box;
font-size: 15px;
text-transform: none;
line-height: 1.5em;
}
/* Interactive */
.at_content_wrapper:hover .at_image_container img {
transform: translateX(-50%) translateY(-50%) scale(1.05);
}
/*--------------------- GALERIE ------------------------ */
.picture_galerie {column-count: 4; overflow:hidden;}
.picture_galerie .bildkasten {overflow: hidden;}
@media (max-width:1400px) {
.picture_galerie {column-count: 3}
}
@media (max-width:600px) {
.picture_galerie {column-count: 2}
}
@media (max-width:420px) {
.picture_galerie {column-count: 1}
}
/*------------------------------BILDER----------------------*/
/*a img {border:none;}
.zoom {position:absolute; z-index:2;}
.bildkasten {float:left; margin: .2em 0 .3em 0;}
img.bildkasten {margin:.5em 1em 1em 0;}
.bildkasten_rechts {float:right; margin-bottom:.3em;}
img.bildkasten_rechts {margin:.5em 0 1em 1em;}
.bildkasten_grau {width: 95%; border: 1px solid #ccc; background-color:#fafafa; padding-bottom: .5em;}
.bildkasten img,
.bildkasten a img {padding:0; margin-right:1.5em; border: 1px solid #D9E0E6; margin-top:.4em; margin-bottom:.5em;}
.bildkasten_rechts img {padding:0; margin-left:1em; margin-bottom:.3em; border: 1px solid #D9E0E6; border-bottom-color:#C8CDD2;
border-right-color:#C8CDD2; margin-top:.4em;}
.bildkasten_rechts .bildunterschrift
{margin-left:1em; margin-bottom:1em; color:#000; font-size:90%; line-height:1.3em;}
.bildunterschrift {margin-left:.5em; margin-bottom:1em; color:#000; font-size:90%; line-height:1.3em;}
.rahmen {border: 1px solid #D9E0E6; border-bottom-color:#C8CDD2; border-right-color:#C8CDD2;}
.teaseruebersicht {padding:.5em;}
.bild img,.teaseruebersicht img {margin-right:1em; margin-bottom:.5em; border: 1px solid #D9E0E6; border-bottom-color:#C8CDD2;
border-right-color:#C8CDD2; float:left; margin-top:.4em;}
.teaseruebersicht h3 {margin-bottom:0;}
.teaseruebersicht ul.arrow {padding:1em; padding-left:20px; margin:0; list-style-type:none; list-style-image: none; background-image:none;}
.teaseruebersicht ul.arrow li {background-image:url(stylesheets_bilder/intranetpfeil.gif); background-repeat:no-repeat; background-position: 0 0.6em;}
.fotostrecke_container {background-color:#fafafa; margin: 2em 0 2em 0; padding:1em 0 1em 1em; border:1px dotted #cccccc;}
.fotostrecke {width:33%; float:left; text-align:center;}
.fotostrecke .foto {overflow:hidden; margin:auto auto; width:10em; height:7em; border: 1px solid #D9E0E6;
border-bottom-color:#C8CDD2; border-right-color:#C8CDD2;}
.fotostrecke .spacer {overflow:hidden; margin:auto auto; width:10em; height:7em; border:0;}
.zoom a img {border:0px;}
.bildkasten .bild {border: 1px solid #BDB9B9;} */
/*
Bootstrap 3 Slider
https://getbootstrap.com/docs/3.4/javascript/#carousel
*/
.bs3-slider {
border: 1px solid transparent;
}
.bs3-slider .carousel-control {
display: flex;
align-items: center;
text-shadow: unset;
opacity: 0.9;
transition: opacity 0.2s ease-in;
}
.bs3-slider .carousel-control:hover {
opacity: 1;
}
/* vor-/zurück buttons am Rand des Sliders ausrichten */
.bs3-slider .carousel-control.left {
justify-content: flex-start;
}
.bs3-slider .carousel-control.right {
justify-content: flex-end;
}
/*
Die vor-zurück Icons sollen vertical zentriert werden.
Da die Icons inline im weißen Container sind müssen sie über den display: table Hack zentriert werden.
*/
.bs3-slider .carousel-control-icon {
color: #e31134;
font-size: larger;
background-color: white;
height: 80px;
padding: 0 10px;
display: table;
vertical-align: middle;
}
.bs3-slider .carousel-control-icon .fa {
color: inherit;
display: table-cell;
vertical-align: middle;
}
.bs3-slider .carousel-inner {
margin-bottom: 50px;
}
.bs3-slider .carousel-indicators {
gap: 5px;
bottom: 15px;
margin-bottom: 0;
}
.bs3-slider .carousel-indicators button {
display: block;
height: 20px;
width: 20px;
border-radius: 50%;
border: 1px solid #e31134;
background-color: transparent;
margin: 0 5px;
}
.bs3-slider .carousel-indicators button.active {
background-color: #e31134;
}
/* Kaputte BS gutter im slider fixen */
.bs3-slider .row > * {
padding-left: var(--bs-gutter-x);
padding-right: var(--bs-gutter-x);
}
/* Caption */
.bs3-slider .carousel-caption {
left: 0;
right: unset;
bottom: 20px;
background-color: #e31134;
color: white;
width: 85%;
text-align: right;
text-shadow: unset;
padding-right: 15px;
}
.bs3-slider .carousel-caption * {
color: inherit;
}
.bs3-slider .carousel-caption p {
max-width: unset;
}
/*
Einheitliche Höhe für Content, damit der Content nicht rumspringt. Gut für CLS
Da der HTML-Content beliebig hoch werden kann wird hier nur gesichert das er nicht zu klein wird
*/
.bs3-slider .item {
min-height: 450px;
}
.bs3-slider .item > img {
width: 100%;
height: 450px !important;
object-fit: cover;
object-position: left center;
}
.bigbox{border: 2px solid red;float:left;min-width: 650px; width:100%;}
.bigbox2{display: flex;align-items: center; justify-content: center; border: 2px solid red;float:left;min-width: 650px; width:100%;}
main {}
.box1 {border:2px solid pink;width:300px; min-height: 200px; float:left;}
.box2 {border:2px solid yellow;}
.box3 {border:2px solid green;}
.box4 {border:2px solid blue;width:300px; min-height: 200px;float:left;}
.box5 {border:2px solid orange;width:400px; min-height: 200px;float:left;}
.box6 {border:2px solid violet;width:400px; min-height: 200px;float:left;}
.box7 {border:2px solid grey;width:300px; min-height: 500px;float: right; margin-left: 20px;}
.box8 {clear:both;border:2px solid black;width:275px; float:left;}
/* BX SLIDER */
.bx-wrapper{width:84%; margin: 0px 0px 0px 0px;}
.bx-slider {}
.list_pic{background-color: #2E2E2E;transition: background 1s; height: 300px; }
.list_pic > img {opacity: 0.3; position: relative; width: 100%;overflow: hidden; margin: auto 0px;}
.list_pic > li > h1 {color: white; position: absolute; top: 15%; left: 5%; z-index: 1000; font-weight: bold; font-size: 22px;}
.list_pic > li > p {color: white; position: absolute; top: 30%;left: 5%;z-index: 1000; width: 60%; line-height: 24px;}
.list_pic > li > a {color: white; position: absolute; top: 65%;left: 5%;z-index: 1000; font-weight: bold;}
.list_pic:hover {background: hsla(200,15%,18%,0.8); background-repeat: no-repeat;}
.button_white {border: 1px solid white; border-radius: 3%; text-transform: uppercase; padding: 1%; font-size: 16px;}
.button_white:hover {border: 1px solid #F2F2F2; border-radius: 3%; text-transform: uppercase; padding: 1%; font-size: 16px; text-decoration: none;background-color:#999999; color: #4d4d4d; }
.bx-wrapper ul li {max-width: 100%;display: block;margin-left: 1%;padding: 0;}
.bx-wrapper .bx-pager {padding-top:0px;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{position: absolute; bottom: 10px; width: 100%;}
/* Visitenkarte Mitarbeiter */
.info_person {background: white; padding: 20px 15px;}
.info_person > table {margin: 0px;}
.info_person:nth-child(2n) {}
.info_person thead {margin-top:0px; padding-top:0px; background: white;}
.info_person thead > tr{}
.info_person thead > tr > th:first-child {}
.info_person thead > tr > th {margin-top:0px; padding-top:0px;}
.info_person thead > tr > th > h2 {margin-top:0px; margin-bottom: 0px; padding:0px;}
.info_person thead > tr > th > .info_person_name {font-size: 18px; margin-top:0px; margin-bottom: 0px; padding:0px;}
.info_person thead > tr > th > ul {list-style-type: none; font-size: 14px;}
.info_person tbody {background: white;}
.person_fotobox {
width: 150px;
height: 200px;
overflow: hidden;
}
.person_foto { max-height: 100%;
min-width: 100%;
height: 100%;
object-fit: cover;
transform: translateX(-50%);
left: 50%;
position: relative;
}}
.bildbox {height:180px; overflow:hidden;float:left; width:150px;margin: 25px 5% 0px 1%;}
.no_profilbild {padding:15px 0px;}
/* Visitenkarte Mitarbeiter kurz - Bsp: News */
.info_person_kurz {padding: 0px 0px 10px 20px; margin: 10px 0px 10px -35px; border-left: 20px solid rgb(246,246,246); border-left: 20px solid rgb(62,72,71, 0.1); }
.info_person_kurz a {color: #e31134;}
/* Visitenkarte mit Lebenslauf-Details */
.info_person .person_tabcontent {width: 95%;}
.info_person .person_tabcontent > div {display: none;width: 95%;padding: 2em;}
.adr_tableiste {height:2.1em; margin-left: -20px; border-bottom: 3px solid #F6F6F6; padding-left: 30px;}
.adr_tableiste span {font-weight:bold; font-size: 14px; text-transform: uppercase; color:#e31134;padding:.5em .4em .6em .4em;margin-bottom:0px; width:100%;height:2em;
cursor: pointer; transition: 0.1s ease-in;}
.adr_tableiste span a {color:#e31134; }
.adr_tableiste span:hover a {color:#e31134;text-decoration:none;}
.adr_tableiste span:hover {color: white; border-bottom: 2px solid #e31134; background: rgb(227,16,52,0.8);}
.adr_tableiste span.active a {color:#e31134;text-decoration:none;}
.adr_tableiste span.active {color: white; border-bottom: 2px solid #e31134; background: rgb(227,16,52,0.8);}
/* Visitenkarten in Nav-Elementen */
.nav_element .info_person_kurz {margin: 10px 0px;}
@font-face {
font-family: 'musterschrift_regular';
src: url('musterschrift-xy.eot');
src: url('musterschrift-xy.eot?#iefix')
format('embedded-opentype'),
url('musterschrift-xy.woff')
format('woff'),
url('musterschrift-xy.ttf')
format('truetype');
font-weight: normal;
font-style: normal;
}
/*!
* Bootstrap v3.3.1 (http://getbootstrap.com)
* Copyright 2011-2014 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*//*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
mark{color:#000;background:#ff0}small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button{overflow:visible}
button,select{text-transform:none}button,html input[type=button],input[type=reset],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}fieldset{padding:.35em .625em .75em;margin:0 2px;}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse;margin: 25px 0px;}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print{*,:before,:after{color:#000!important;text-shadow:none!important;background:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important}
a,a:visited{text-decoration:underline}
abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before,.glyphicon-eur:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}figure{margin:0}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:400;line-height:1;color:#777}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:20px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}
.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}
@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}mark,.mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}
@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:16px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}
/* FORMULARE */
/* STANDARD FORMULAR */
form {background: white; position:relative; margin: 50px 0px 50px 0px; line-height: 28px;
box-shadow: 1px 1px 5px #F6F6F6;-moz-box-shadow: 1px 1px 5px #F6F6F6; -webkit-box-shadow: 1px 1px 5px #dddddd; -ms-box-shadow: 1px 1px 5px #F6F6F6;
padding: 20px auto;
padding: 5px 5% 50px 5%;
}
form.bg-grey {box-shadow: unset;-moz-box-shadow: unset; -webkit-box-shadow: unset; -ms-box-shadow: unset;}
form fieldset {position: relative; padding-top:20px; background:white; margin-bottom: 50px;}
form fieldset >* {font-size: 14px; color: #3E4847;}
form fieldset > legend {left: 0px;}
form legend {font-family: Pathway Gothic One; font-size: 20px; box-shadow: -1px 0px 2px #3E4847;margin: 10px 10px 10px -50px;background-color: #e31134; color: white;
text-transform: uppercase;padding: 5px 5px;width: auto; z-index: 5000; }
form label {font-weight: bold; margin:0px 0px 0px 0px; width:30%;}
.form_label {font-weight: bold; margin:25px 0px 0px 0px; width:30%;}
.label_text {text-transform: unset;}
/* Ausnahme für Datenschutzeinwilligung */
label[for=einwilligung] {text-transform: unset; font-weight: normal; margin:25px 0px 0px 0px; width:100%;}
label[for=einwilligung_newsletter] {text-transform: unset; font-weight: normal; margin:25px 0px 0px 0px; width:100%;}
label[for=accept] {text-transform: unset; font-weight: normal; margin:25px 0px 0px 0px; width:100%;}
.label_einwilligung {text-transform: unset; font-weight: normal; margin:25px 0px 0px 0px; width:100%;}
.einwilligung_checkbox {float: left; margin: 20px 10px 190px 0px; width: 10px !important;}
.einwilligung_datenschutz {font-size:14px; margin-top: 10px;}
.einwilligung_datenschutz > a {font-size:14px;}
/* Ausnahme für Coronaeinwilligung */
label[for=einwilligung_corona_pruefung] {text-transform: unset; font-weight: normal; margin:25px 0px 0px 0px; width:100%;}
label[for=accept] {text-transform: unset; font-weight: normal; margin:25px 0px 0px 0px; width:100%;}
.label_einwilligung {text-transform: unset; font-weight: normal; margin:25px 0px 0px 0px; width:100%;}
form label ol {margin-left: 15px;}
form textarea {width: 100%; margin: 0px 0px 25px 0px; min-height: 200px; font-family: Verdana; font-size: 14px; border:1px solid #bbc4c3;}
form select {width: 100%; padding: 5px 5px; color: #3E4847; -moz-appearance: scrollbar-vertical; transition: 0.2s ease-in;}
form select > option {border-bottom: 1px solid #F6F6F6; padding: 5px 5px; color: #6E6E6E;}
form input {padding: 10px; display:block; border: 1px solid #bbc4c3;}
form input:hover {border: 1px solid #92a09f;}
form input:focus {}
form input[type="submit"] {min-width: 150px; position:absolute; bottom:-15px; right:15px; cursor:pointer; box-shadow: 1px 1px 2px #3E4847;
font-family: Pathway Gothic One; font-size: 18px;
background-color: #e31134;text-transform: uppercase; color: white;
max-width:20%; white-space: pre-line; padding: 5px 5px; text-align:center; border-style:hidden;}
form input[type="submit"]:hover {opacity:0.8;}
form input[type="text"] {width:100%;}
form input[type="file"] {width:100%;white-space: pre-line; padding: 2px 5px; font-weight:bold;}
form input[type="checkbox"] {display:inline-block; margin-right: 15px;}
form input[type="radio"] {display:inline-block;}
form input[type="telefon"] {width:100%;}
form input[type="number"] {width:100%;}
form input[type="range"] {width:99%;}
form input[type="color"] {max-width:200px; margin-left:20px;height:30px;}
form input[type="image"] {width:100%;}
form input[type="password"] {width:100%;}
form input[type="date"] {width:100%;}
form input[type="datetime-local"]{width:100%;}
form input[type="week"] {width:100%;}
form input[type="month"] {width:100%;}
form input[type="time"] {width:100%;}
form input[type="url"] {width:100%;}
form input[type="email"] {width:100%;}
form input[type="button"] {max-width:300px;}
form input[disabled] {background-color: #c0c0c0; cursor: not-allowed;}
/* BOOTSTRAP - Korrektur */
.form-select, .form-control {font-size: 14px; color: #3E4847; padding: 5px 5px; border-radius: 4px;}
.form-check-label {margin-top: 0px; margin-left: 10px; margin-right: 30px;}
/* DATENSCHUTZHINWEIS */
.form-check > p {margin-left: 20px;}
/* FORMULAR SUCHE */
.form_suche {border-left: 50px solid rgb(62,72,71, 0.1); background-image: url(icons/suche.png);background-size: 40px;
background-repeat: no-repeat;background-position: -45px 50%;}
/* spezielle Klassen für Formulare */
.short_input {width:45% !important; margin: 0px 20px 20px 20px; display: inline-block;}
.xshort_input {width:20% !important; margin: 0px 20px 20px 20px; display: inline-block;}
.short_label {}
.long_label {width: 50%;}
.xlong_label {width: 100%;}
/* größeres Formular */
.formular_1 {font-family: Verdana; font-size: 12px;margin: 20px 0px; line-height: 36px;margin: 10px; width:100%; }
.formular_1 > fieldset {box-shadow: 2px 2px 10px #a6a6a6; width:100%;}
.formular_1 > fieldset > legend {margin-top: 20px; font-weight:bold; padding: 5px 0px 5px 10px; font-size: 14px; letter-spacing: 8px; background-color: white;box-shadow: 1px 1px 5px #a6a6a6; }
.formular_1 > fieldset > label {display: inline-block; width: 300px; padding: 10px 0px 10px 10px; }
.formular_1 > fieldset > input {display: inline-block; width: 325px; margin-right: 50px;}
.formular_1 > fieldset > input:hover {display: inline-block; width: 325px; margin-right: 50px; background-color: #f2f2f2; }
.formular_1 > fieldset > input:focus{display: inline-block; width: 325px; margin-right: 50px; background-color: #f2f2f2;}
.formular_1 > fieldset > textarea {display: inline-block; width: 600px; height: 300px;}
.formular_1 > fieldset > textarea:hover {display: inline-block; width: 600px; height: 300px;}
.formular_1 > fieldset > select { width: 450px;}
.formular_1 > fieldset > select:hover { width: 450px;background-color: #f2f2f2;}
.formular_1 > fieldset > ul {line-height: 24px; padding: 10px;}
.formular_1 > fieldset > ul > li {}
/* kleineres Formular */
.formular_2 {font-family: Verdana; font-size: 12px;margin: 20px 0px; line-height: 36px;margin: 10px; width:100%;}
.formular_2 > fieldset {box-shadow: 2px 2px 10px #a6a6a6; width: 100%;}
.formular_2 > fieldset > legend {margin-top: 20px; font-weight:bold; padding: 5px 0px 5px 10px; font-size: 14px; letter-spacing: 8px; background-color: white;box-shadow: 1px 1px 5px #a6a6a6; }
.formular_2 > fieldset > label {display: inline-block; width: 300px; padding: 10px 0px 10px 10px; float: left; margin-top: 20px; }
.formular_2 > fieldset > input {display: inline-block; width: 200px; margin-right: 0px;}
.formular_2 > fieldset > input:hover {display: inline-block; width: 200px; margin-right: 0px; background-color: #f2f2f2; }
.formular_2 > fieldset > input:focus{display: inline-block; width: 200px; margin-right: 0px; background-color: #f2f2f2;}
.formular_2 > fieldset > textarea {display: inline-block; width: 500px; height: 75px; margin-top: 20px;}
.formular_2 > fieldset > select { width: 450px;}
.formular_2 > fieldset > select:hover { width: 450px;background-color: #f2f2f2;}
.formular_2 > fieldset > ul {line-height: 24px; padding: 10px;}
.formular_2 > fieldset > ul > li {}
/* einfaches kleines Formular - zentriert*/
.formular_3 {font-family: Verdana; font-size: 12px;line-height: 36px; width:75%;}
.formular_3 > fieldset {box-shadow: 1px 1px 5px #a6a6a6; width: 75%;}
.formular_3 > fieldset > legend {margin-top: 20px; font-weight:bold; padding: 5px 0px 5px 10px; font-size: 14px; letter-spacing: 8px; background-color: white;box-shadow: 1px 1px 5px #a6a6a6; }
.formular_3 > fieldset > label {display: inline-block; width: 300px; padding: 10px 0px 10px 10px; margin-top: 20px;}
.formular_3 > fieldset > input {display: inline-block; width: 200px; margin-right: 0px;}
.formular_3 > fieldset > input:hover {display: inline-block; width: 200px; margin-right: 0px; background-color: #f2f2f2; }
.formular_3 > fieldset > input:focus{display: inline-block; width: 200px; margin-right: 0px; background-color: #f2f2f2;}
.formular_3 > fieldset > textarea {display: inline-block; width: 500px; height: 75px; margin-top: 20px;}
.formular_3 > fieldset > textarea:hover {display: inline-block; width: 500px; height: 75px; margin-top: 20px;}
.formular_3 > fieldset > select { width: 450px;}
.formular_3 > fieldset > select:hover { width: 450px;background-color: #f2f2f2;}
.formular_3 > fieldset > ul {line-height: 24px; padding: 10px;}
.formular_3 > fieldset > ul > li {}
/* komprimiertes Formular */
form.formular_compressed {border:0px;margin:0;padding:0;}
/* Ohne Formatierung */
.ohneform {position:relative; margin: 0px; line-height: 28px;
box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none;
border-left: none; border-left: none; padding: 0px;
padding: 0px;
}
.ohneform fieldset {position: relative; padding-top:0px; background:transparent; margin-bottom: 0px;}
.ohneform fieldset >* {font-size: 14px; color: #3E4847;}
.ohneform fieldset > legend {left:0px;}
.ohneform input[type="submit"] {position: relative; left: 0; right:0; bottom:0; min-width: unset; cursor:pointer; box-shadow: 1px 1px 2px #3E4847;
font-family: Pathway Gothic One; font-size: 18px;
background-color: #e31134;text-transform: uppercase; color: white;
max-width:100%; white-space: pre-line; padding: 5px 5px; text-align:center; border-style:hidden;}
/* Fifo Formatierung */
#fifo_form :required:valid {background-color: white!important;}
#fifo_form :required:invalid {background-color: rgba(200, 55, 0, 0.1);}
.slick_slider {}
.single_iteam {height:260px;}
.slider_meldung {margin: 0px 10%;}
.slider_meldung h2 {margin-top:15px; margin-right: 10px; padding-right: 75px;}
.slider_meldung_link {max-width:100%; display: inline-block; float; left;}
.slider_mehr {width:50px; display: inline-block;}
.meldung_datum {float:right;}
#insta {
list-style: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
#insta > li {
position: relative;
width: 25%;
}
#insta > li::before {
content: '';
display: block;
padding-top: 100%;
}
#insta li a {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: 1px;
overflow: hidden;
}
.insta_likes::before {
position: absolute;
content: '';
background-image: url('https://www.hdm-stuttgart.de/icons/like_white_filled.png');
background-size: 20px auto;
display: inline-block;
width: 20px;
height: 20px;
top: 1px;
margin-left: -24px;
}
.insta_comments {
padding-left: 20px;
}
.insta_comments::before {
position: absolute;
content: '';
background-image: url('https://www.hdm-stuttgart.de/icons/sprache_white_filled.png');
background-size: 20px auto;
display: inline-block;
width: 20px;
height: 20px;
top: 2px;
left: -4px;
margin-left: -20px;
}
.insta_carousel {
margin-left: -6px !important;
}
.insta_carousel::before {
position: absolute;
content: '';
background-image: url('https://www.hdm-stuttgart.de/icons/ico_instagram.png');
background-size: 20px auto;
display: inline-block;
width: 20px;
height: 20px;
top: 2px;
left:-4;
margin-left: -24px;
}
#insta li a .hoverlay {
position: absolute;
height: 100%;
width: 100%;
background-color: rgba(0,0,0,.0);
transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-webkit-transition: all .1s ease-in-out;
}
#insta li a .hoverlay ul {
position: relative;
width: 100%;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
list-style: none;
display: none;
transition-delay: all .1s ease-in-out;
}
#insta li a .hoverlay ul li {
position: relative;
line-height: 15px;
padding: 5px 0px;
left: 50%;
margin-left: 6px;
color: #fff;
font-weight: bold;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
-ms-box-sizing: border-box !important;
box-sizing: border-box;
}
#insta li a:hover > .hoverlay ul {
display: block;
}
#insta li a:hover > .hoverlay {
background-color: rgba(0,0,0,.4);
}
#insta li a img,
#insta li a video {
width: 100%;
vertical-align: middle;
}
#insta li a video {
height: 100%;
vertical-align: middle;
object-fit: cover;
}
@media only screen and (max-device-width: 600px) {
#insta li {
padding: 1px;
}
.hoverlay {
display: none;
}
#insta li a:hover > .hoverlay ul {
display: none;
}
#insta li a:hover > .hoverlay {
background-color: rgba(0,0,0,0);
}
}
/* Standard Link Formatierung */
.modulplan {}
.modulplan * {font-size: 11px;}
.modulname {}
.modul {background-color: #f6f6f6; border: 1px solid white; float:left;}
.semester_modul {background-color: white; border-bottom: 1px solid white; clear: left;}
/* STUDIENINHALTE - ALLES ANZEIGEN */
.alle_module{background: #F6F6F6;width: 75%;}
.mast_box .nav {display: inline-block;position: relative;cursor: default;z-index: 500;
animation-name: switch_top;
animation-duration: 4s;
animation-delay: 2s;
animation-timing-function: ease-in; margin-left: 2%;}
/* HAUPTNAVIGATION 1. EBENE */
.mast_box .nav a {text-decoration: none; }
.mast_box .nav > li {list-style-type: none;display: block;float: left;width: auto;height: 85px; cursor: pointer;}
.nav > li:focus {outline-color: #e31134; outline-style:solid; outline-width: thin;}
.nav > li:focus > div {opacity: 1;visibility: visible;overflow: visible;}
.nav > li:focus > a {border-right: 0px; border-left: 0px;}
.nav > li:hover {background-color: white;}
.nav > li:hover .nav-column a {border-right:none;}
.nav > li:hover a {background-color: white; border-right:2px solid white;}
.nav > li:hover a > p {color: #3E4847;}
.nav > li:hover span a {border-right:none;}
.nav > li:hover span a p {color:white;}
.nav > li:hover > div {opacity: 1;visibility: visible;overflow: visible;}
.nav > li:first-child > a {border-radius: 0px 0 0 0px; border-left: none;}
.mast_box .nav > li > a {position: relative; display: block; z-index: 510;height: 54px;padding: 0 30px; text-shadow: 0 0 1px rgba(0,0,0,.35); border-right: 2px solid #3E4040; margin-top: 30px;}
.nav > li > a:hover .nav {background-color: #e31134;}
.nav > li > a:last-child {border-right: none;}
.nav > li > a > p {color:white; text-transform:uppercase;font-family: Pathway Gothic One, 'Arial';letter-spacing: 1px; font-size: 20px; font-weight: 200; border:none;}
.nav > li > div {position: absolute;display: block; min-width: 900px;left: 0;opacity: 0;visibility: hidden;overflow: hidden;background: #ffffff;border: none;top: 84px;
-webkit-transition: all .2s ease .15s; -moz-transition: all .2s ease .15s; -o-transition: all .2s ease .15s; -ms-transition: all .2s ease .15s;transition: all .2s ease .15s;box-shadow: 1px 1px 10px #3E4847;-moz-box-shadow: 1px 1px 10px #3E4847;-webkit-box-shadow: 1px 1px 10px #3E4847;}
.nav > li > div:focus {opacity: 1;visibility: visible;overflow: visible;}
/* NAV SPALTEN 2.+3. EBENE*/
.nav-column {float: left; width: 19%; padding:10px 20px 20px 20px;}
.nav-column h3 {margin: 20px 0 20px 0; line-height: 18px; font-weight: bold; font-size: 18px; text-transform: uppercase; font-family: Pathway Gothic One, 'Arial';
letter-spacing:2px; color: #3E4847; height:30px;}
.nav-column li {list-style-type: none; padding: 2px 1px;}
.nav-column li:focus {outline-color: #e31134; outline-style: solid; outline-width: thin;}
.nav-column li a:focus {outline-color: #e31134; outline-style: solid; outline-width: thin;}
.nav-column li a:link {display: block; line-height: 30px; font-weight: bold; font-size: 13px; color: #3E4847; transition: all 0.5s ease-out;}
.nav-column li a:visited p {color: #3E4847; }
.nav-column li a:hover p {color: #e31134; }
.nav-column li a span {color: #3E4847; line-height: 20px; font-weight:200; font-family: Pathway Gothic One, 'Arial'; font-size:18px; margin-bottom: 10px;}
.nav-column li a p {line-height: 20px; font-weight:200; font-family: Pathway Gothic One, 'Arial'; font-size:18px; margin-bottom: 10px;}
.nav-column .nav_headline {display:block; margin: 20px 0 20px 0; line-height: 18px; font-weight: bold; font-size: 18px; text-transform: uppercase; font-family: Pathway Gothic One, 'Arial'; letter-spacing: 1px; color: #3E4847; height:40px;}
.nav-column > li {font-family: 'Pathway Gothic One'; font-size: 18px; font-weight:bold;letter-spacing: 0px; line-height:18px;}
.nav-column > li > ul {margin-top:20px;}
.nav-column > li > ul > li {margin: 0px 0px 10px 0px;}
.nav-column > li > ul > li > a:link {font-family: 'Pathway Gothic One', 'Arial'; font-size: 18px; font-weight:200;letter-spacing: 0px; text-transform: initial; color: #3E4847;}
.nav-column > li > ul > li > a:hover > span {color: #e31134;}
.nav-column > li > ul > li > a > span {display: block; line-height: 20px; font-weight:200; font-family: Pathway Gothic One, 'Arial'; font-size:18px; color: #3E4847;}
/* QUICKLINKS */
.quicklinks {padding: 10px 0px 0px 0px; float:right;}
.quicklinks > li {margin: 3px 0px;}
.quicklinks > li > a > span {display:block; font-weight: normal; color: white; background-color: #e31134; font-family: Pathway Gothic One, 'Arial'; font-size: 18px;text-transform: uppercase;padding: 2px 5px; }
.quicklink {display: block;float: right; margin-top: 10px;}
.quicklink > a > p {color: white; background-color: #e31134; font-family: Pathway Gothic One, 'Arial'; font-size: 18px;text-transform: uppercase;padding: 2px 5px; }
.quicklink > a > span {display:block; color: white; background-color: #e31134; font-family: Pathway Gothic One, 'Arial'; font-size: 18px;text-transform: uppercase;padding: 2px 5px; }
.quicklink:last-child {margin-bottom: 10px;}
.quicklink > a > p:hover {opacity: 0.8;}
/* ANDERES */
.nav > li.nav-search > form {position: relative;width: inherit;height: 54px;z-index: 510;border-left: 1px solid #4b4441;}
.nav > li.nav-search input[type="text"] {display: block;float: left;width: 1px;height: 24px;padding: 15px 0; line-height: 24px;
font-family: Arial, sans-serif;font-weight: bold;font-size: 13px;color: #999999;text-shadow: 0 0 1px rgba(0,0,0,.35); background: #372f2b;
-webkit-transition: all .2s ease 1s;
-moz-transition: all .2s ease 1s;
-o-transition: all .2s ease 1s;
-ms-transition: all .2s ease 1s;
transition: all .2s ease 1s;
}
.nav > li.nav-search input[type="text"]:focus { color: #fcfcfc; }
.nav > li.nav-search input[type="text"]:focus,
.nav > li.nav-search:hover input[type="text"] {width: 110px;padding: 15px 20px;
-webkit-transition: all .2s ease .1s;
-moz-transition: all .2s ease .1s;
-o-transition: all .2s ease .1s;
-ms-transition: all .2s ease .1s;
transition: all .2s ease .1s;
}
.nav > li.nav-search input[type="submit"] {
display: block;
float: left;
width: 20px;
height: 54px;
padding: 0 25px;
cursor: pointer;
background: #372f2b url(../img/search-icon.png) no-repeat center center;
border-radius: 0 3px 3px 0;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
-ms-transition: all .2s ease;
transition: all .2s ease;
}
.nav > li.nav-search input[type="submit"]:hover { background-color: #4b4441; }
/* SUCHE */
#suche {display: inline-block;position: relative;cursor: default;z-index: 500;}
#suche > li {position: relative;display: block;float: left;margin-bottom: 4px;height: 54px;padding: 0 20px;display: block;z-index: 510;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
-ms-transition: all .2s ease;
transition: all .2s ease;}
#suchformular {display:none;margin-top: 124px;position: fixed; width: 100%; max-width:1920px;z-index:100; }
#suchformular > form {max-width:33%;margin:0px 5% 0px auto; border-top:none; padding:10px 0px 1px 10px; background:white; }
#suchformular > form > input {margin-bottom: 8px; width:90%; }
#suchformular > form .arrow_submit {}
#suchformular.topper {margin-top:106px;}
.icon_suche {width: 44px; vertical-align: middle; padding: 0px 5px 0px 0px;}
#responsive_suche {display:none;}
/* SOCIAL MEDIA */
#socialmedia {display:inline-block; position: absolute; top:25px; right:0px;}
#socialmedia > li {display:inline-block; padding: 0px 5px;}
#socialmedia > li:nth-child(1) {}
#socialmedia > li:nth-child(2) {}
#socialmedia > li:nth-child(3) {}
#socialmedia > li:nth-child(4) {display: inline-block;}
#socialmedia > li > a > img {width: 45px; background-color: white; border-radius:25px;}
#socialmedia > li:nth-child(1) > a > img{padding: 3px;}
#socialmedia > li:nth-child(2) > a > img{padding: 3px;}
#socialmedia > li:nth-child(3) > a > img{padding: 3px;}
#socialmedia > li:nth-child(4) > a > img{padding: 3px;}
#socialmedia > li > a > img:hover {opacity: 0.8;}
.socialmedia {display:inline-block; position: absolute; top:25px; right:0px;}
.socialmedia > li {display:inline-block; padding: 0px 5px;}
.socialmedia > li:nth-child(1) {}
.socialmedia > li:nth-child(2) {}
.socialmedia > li:nth-child(3) {}
.socialmedia > li:nth-child(4) {display: inline-block;}
.socialmedia > li > a > img {width: 45px; background-color: white; border-radius:25px;}
.socialmedia > li:nth-child(1) > a > img{padding: 3px;}
.socialmedia > li:nth-child(2) > a > img{padding: 3px;}
.socialmedia > li:nth-child(3) > a > img{padding: 3px;}
.socialmedia > li:nth-child(4) > a > img{padding: 3px;}
.socialmedia > li > a > img:hover {opacity: 0.8;}
/* BESONDERE FORMATIERUNGEN */
.quick_links {margin: 20px 0px 0px 0px;}
/* NAV SMALL */
.small_nav .nav > li > div {
position: absolute;
width: 100%;
min-width: 480px;
clear: both;
overflow: hidden;
}
.small_nav .nav .nav-column {
width: 100% !important;
height: 50px;
position: relative;
float: none;
padding: 0px !important;
}
.small_nav .nav .nav-column:first-child {
margin-top:20px;
}
.small_nav .nav .nav-column:last-child {
margin-bottom:20px;
}
.small_nav .nav .nav-column .nav_headline {
position: relative;
height: 50px !important;
margin: 0px;
line-height: 50px;
font-weight: normal;
transition: all 0.15s ease-in-out;
}
.small_nav .nav-column a {
position: absolute;
width: 95%;
height: 50px !important;
display: inline-block;
color: #3E4847;
margin: 0px;
overflow: hidden;
box-sizing: border-box;
padding: 0px 20px 0px 40px;
font-family: 'Pathway Gothic One', Arial, sans-serif;
font-size: 18px;
font-weight: normal;
letter-spacing: 2px;
text-transform: uppercase;
}
.small_nav .nav .nav-column a .nav_headline{
position: absolute;
width: 95%;
height: 50px !important;
display: inline-block;
color: #3E4847;
margin: 0px;
overflow: hidden;
box-sizing: border-box;
padding: 0px 20px 0px 40px;
font-family: 'Pathway Gothic One', Arial, sans-serif;
font-size: 18px;
font-weight: normal;
letter-spacing: 2px;
text-transform: uppercase;
font-size: 18px;
line-height: 50px;
font-weight: normal;
padding: 0px;
}
.small_nav .nav-column a::before {
content: '';
display: block;
position: absolute;
left: 20px;
top: 30px;
height: 1px;
width: 15px;
background-color: gray;
}
.small_nav .nav-column a > span::after {
content: '';
display: block;
position: relative;
left: 100%;
margin-left: 5px;
top: -19px;
width: 2000%;
height: 1px;
background-color: gray;
}
.small_nav .nav .nav-column .nav_headline:hover {
color: #e31134;
}
@media all and (max-width: 1600px) {
.nav > li > a {padding: 0px 25px;}
#socialmedia > li {padding:0px 5px;}
.socialmedia > li {padding:0px 5px;}
.photograph_nav li {margin-left:5px;}
}
@media (max-width:1400px) {
.nav {margin-left: 1%;}
.nav > li > a {padding: 0px 20px;}
#suche > li {padding: 0 10px;}
#socialmedia > li {padding:0px 2px;}
.socialmedia > li {padding:0px 2px;}
}
@media (max-width:1280px) {
.nav > li > div {width: 150%; min-width: 800px;}
.nav > li > a > p {font-size: 1.2em; }
.nav .nav-column li a p {font-size: 1.2em;}
}
@media (max-width:1230px) {
.nav > li > a {padding:0px 10px;}
}
@media (max-width:1125px) {
.icon_suche {width: 40px; margin-top:2px;}
}
@media (max-width:1024px) {
#logo_nav {top:-26px; width:122px;}
.nav {display:none!important;}
#main-nav {background-color: #3E4847; width: 101%;margin-top:103px; margin-left: -5px;
border-left: 10px solid #323C3B; border-right: 10px solid #323C3B; border-bottom: 6px solid #323C3B;}
#suchformular {display:none;}
#suche {float:left; top:26px; }
.icon_suche {width: 47px; vertical-align: middle; padding: 0px 5px 0px 0px;}
#socialmedia {float:left; position: relative; top:25px; left:7%;}
#socialmedia > li {padding:0px 2px;}
#socialmedia > li > a > img {width:45px;}
#socialmedia_mobil {display:none;}
.socialmedia {float:left; position: relative; top:25px; left:7%;}
.socialmedia > li {padding:0px 2px;}
.socialmedia > li > a > img {width:45px;}
.socialmedia_mobil {display:none;}
#responsive_suche {display: inline-block; float:left; margin: 9px 2% 0px 3%; width: 40%;}
#responsive_suche > form {background-color: transparent;border:none;box-shadow: none;margin: 18px 0px;background-color: #F6F6F6;padding: 0px;}
#responsive_suche > form > input {padding: 10px;margin:0px; width: 100%; border: none;background-image: none;background-size: none;background-repeat: none;background-position: none;}
#responsive_suche > form > input:focus {padding: 10px;margin:0px; width: 100%; border: none;background-image: none;background-size: none;background-repeat: none;background-position: none;}
#responsive_nav {display:inline-block;position: absolute; right:0%;top:30px;cursor: default; z-index: 500; }
#responsive_icon {display:inline-block;list-style-type: none; width: auto;}
#responsive_icon > a {font-size: 50px; display: block; z-index: 510; text-shadow: 0 0 1px rgba(0,0,0,.35); border-right: none;}
}
@media (max-width:900px)
{
#responsive_suche {width: 35%; margin: 9px 0% 0px 3%;}
}
@media (max-width:768px)
{
.social_nav { border: none!important; padding-top: 10px!important; padding-right: 25px!important; height:80px; }
.social_nav > li {margin:0px 10px;}
.social_nav > li > a {margin: 0; padding:0; border:none!important;}
.social_nav .sm_logo {display:block;width: 40px; background-color: white; border-radius: 25px; margin-top: 5px;}
#responsive_suche {width:50%;}
#suche {margin-left:20px;}
#socialmedia {display:none;}
.socialmedia {display:none;}
#socialmedia_mobil {display:block; margin: 20px 0% 0px 0%; position:relative; height: 50px; width:100%;}
#socialmedia_mobil div {display:inline-block; position:absolute; right: 0px; min-width:60px;}
#socialmedia_mobil li {display:inline-block; padding: 0px 5px;}
#socialmedia_mobil li > a:link {display:inline-block; height: 40px; width: 40px; border-bottom: none;}
#socialmedia_mobil li > a > img {width: 40px; background-color: white;border-radius: 25px; margin-top: 5px;}
#socialmedia_mobil > li > a > img:hover {opacity: 0.8;}
}
@media (max-width:600px)
{
#suche .icon_small {margin: 7px 0px 0px 0px;}
}
@media (max-width:500px)
{
#logo_nav {width:100px; top:-21px;}
#logo_nav.kleiner {width:100px;}
#masthead.small {height:68px;}
#responsive_suche {margin: 0px 0px 0px 3%;}
#responsive_nav {top:18px;}
#responsive_icon > a {font-size:54px;}
}
@media (max-width:414px)
{
#logo_nav.kleiner {width:93px; top:-18px;margin-right:0px;}
.stellarnav.mobile li.has-sub a p.nav_parent {font-size: 1.4em;}
.stellarnav.mobile ul ul h3 {font-size: 22px;}
.stellarnav.mobile li.has-sub a p.nav_child {font-size: 1.3em;}
.stellarnav li li {padding-top:8px;}
.colums_ul {width:100%;}
.colums_ul:nth-child(2) {float:none;}
.colums_ul:nth-child(3) {float:none;}
.colums_ul:nth-child(4) {float:none;}
.colums_ul:nth-child(5) {float:none;}
.colums_ul:nth-child(6) {float:none;}
.quickLink_mobil {width:100%;}
.quickLink_mobil:nth-child(1) {padding-top:10px;}
#suche {top:8px;}
}
@media (max-width:360px)
{
#logo_nav {width:80px; top:-17px;}
#logo_nav.kleiner {width:70px; top:-13px;margin-right:0px;}
#masthead.small {height:52px;margin-top:23px;}
nav {height: 56px; margin-top:30px;}
#head_top {height:30px;}
#head_top > a {height:30px;}
#head_top > a > p {letter-spacing: 1px;}
#responsive_suche {width:50%;}
#responsive_nav {top:15px;}
#responsive_icon > a {font-size:48px;}
#main-nav {margin-top:80px; margin-left: -3px;}
#responsive_suche > form {margin: 12px 0px;}
#top_box_nav p#slogan{top: 7px;width: 80%;text-align:right; font-size:85%; margin-right:20%;}
}
@media (max-width:320px)
{
#head_top > a > p {font-size: 9px; right: 58px;}
.stellarnav.mobile li.has-sub a p.nav_parent {font-size: 1.4em;}
}
@media (max-width:319px)
{
.stellarnav.mobile li.has-sub a p {font-size:1em;}
}
/*FOOTER */
footer .footer_box {padding-right: 5%; font-family: Pathway Gothic One; color: white; font-size: 18px; }
footer .footer_box ul {position: relative; margin: 10px 0px 0px 0px;}
footer .footer_box ul li {list-style-type: none;}
footer .footer_box a {font-family: Pathway Gothic One; color: white; font-size: 18px;}
footer .footer_box h2 {font-family: Pathway Gothic One; color: white; font-size: 20px; font-weight: normal; letter-spacing: 1px; }
footer .footer_box_content {box-shadow: 1px 1px 3px #3E4040; padding: 10px 30px 10px 10px; border-left: 15px solid #616161; border-left: 15px solid rgb(246,246,246, 0.1);}
footer .footer_box_list > li {margin-bottom: 3px; box-shadow: 1px 1px 3px #3E4040; border-left: 15px solid #616161; border-left: 15px solid rgb(246,246,246, 0.1);}
footer .footer_box_list > li:hover {opacity: 0.8; box-shadow: 1px 1px 3px #3E4040; border-left: 15px solid #616161; border-left: 15px solid rgb(246,246,246, 0.3);}
footer .footer_box_list > li > a:hover {text-decoration: none;}
footer .footer_box_list > li > a {display: inline-block; width: 100%; padding: 10px 20px 10px 10px;}
footer .footer_box_list > li > a > i {color:white; font-size: 25px;}
footer #footer_social ul li {display:inline-block;}
footer .footer_small_wrapper {background:white; max-width:1685px; margin:10px auto 0px auto;}
footer .footer_small_wrapper* {color: #3E4847;}
footer #footer_logos {margin-top:0px;}
footer #footer_logos > ul {display:flex; width: 100%; justify-content: space-between;}
footer #footer_logos > ul > li {display:inline-block;}
footer #footer_logos > ul > li > a > img {height:50px;}
footer #footer_hdm {text-align:right;}
footer #footer_bottom {font-size:14px; color: #3E4847;}
footer #footer_bottom ul {list-style-type:none;}
footer #footer_bottom ul li {display: inline-block; font-size:14px; color: #3E4847; text-decoration: underline;}
footer #footer_bottom ul li::after {content: " | ";}
footer #footer_bottom ul li:last-child::after {content: " ";}
footer #footer_bottom ul li a {font-size:14px; color: #3E4847!important;}
footer address {font-family: Pathway Gothic One!important; color:white!important;}
#manage_icon {display: inline-block; width: 9px; height: 9px;background: #3E4847;border-radius: 50%; margin-left: 8px;}
@media (max-width:1023px) {}
@media (max-width:999px) {}
@media (max-width: 980px) {}
@media (max-width:900px){}
@media (max-width:800px){}
@media (max-width:600px){}
@media (max-width:414px){}
.nav-link {display:inline-block;}
.corona_hinweise ul {margin-left: 20px;}
.corona_hinweise ol {margin-left: 20px;}
.corona_hinweise li {margin-top: 5px; margin-bottom:10px;}
.corona_hinweise h2 {margin-top: 0px;}
.anchor-target { scroll-margin-top: 120px; }
/* News Formatierung */
.box_news_container {width:100%; margin-bottom:20px; box-shadow: 10px 20px 30px #FAFAFA; contain: content; }
.box_news_container > h2 {line-height: 24px;max-width:100%;background:none repeat scroll 0 0 #3E4847; font-weight:400; margin-bottom:10px; margin-left:0; margin-top:5px; padding:0; position:relative; text-align:center; text-transform:uppercase; margin-bottom:20px}
.box_news_container > h2 span {background:none repeat scroll 0 0 #e31134; font-family: Pathway Gothic One;padding:8px 10px; color: white; font-weight:400; font-size: 20px; color:#fff; letter-spacing: 1px;}
.box_news_container > h3 {min-height:65px;}
.box_news_container > p {min-height: 125px;}
.box_news_first > a {display: block; width: 100%;}
.box_news_first > a img {object-fit: cover; height: 333px; width: 100%; vertical-align: middle; border: 1px solid #F6F6F6; left: 50%; transform: translateX(-50%); position: relative;}
.box_news_image {overflow: hidden; max-height:333px;}
.box_news_image img {height: 333px;}
.box_news_image_link {display:block; overflow:hidden; max-width:500px; width: 100%; position:relative;}
.box_news_headline {margin-top:25px; margin-bottom:20px; padding-left: 5px; height: 45px;}
.box_news_headline > a {font-size: 16px; display: block;}
.box_news_teaser {}
.box_news_more_container {float: left; width: 100%;overflow: hidden;clear: both;margin-top: 2%;}
.box_news_more {padding: 10px; box-sizing: border-box; cursor: pointer;min-height: 120px;}
.box_news_more_image_small_container > img {height:100%;border: 1px solid #F6F6F6;}
.box_news_more_image_small {}
.box_news_more_headline {color: #e31134; float: left; width: 55%;}
@media (max-width: 980px)
{
.sidebox_content {width:100%;}
.single_post_content_right {width: 38%;}
}
/* NEWS CONTENT */
.news_view {background: white;}
.pic_fotostrecke {max-height: 100px;}
.break {margin: 30px 0px 10px 0px;}
.newscontent {float: left; width: 62%; margin: 0px 0px 50px 0px;padding-left:1%;}
.newscontent p {max-width:62em; margin: 1.5em 0;}
.newscontent_teaser {padding: 2% 1% 0% 1%; width:100%;margin: 0px 0px 50px 0px; max-width:1654px;}
.newscontent_teaser > p {width: 100%;}
.newscontent_teaser .teaser_box {width:63%;margin-right:5%;padding-bottom:10px;}
.newscontent > ul > li {font-size: 15px; margin-left: 20px;}
.newscontent > strong {margin-top: 12px; margin-bottom:12px;}
.news_bildbox{display:inline-block;position: relative; width:31%; margin: -2% 0% 1% 0%;}
.news_bildbox > img {width:100%; max-width:500px;}
.fotostrecke_box {background-color: #F6F6F6; padding-top: 100px;margin: -100px 0px 0px 0px;}
.bildkasten {float:left; margin: 20px 30px 20px 0px;}
.bildunterschrift {font-size:12px; line-height: 16px;}
.bildunterschrift > p {font-size:12px;line-height:20px; margin: 5px 0px;}
.mehr_artikel {width:80px; float: left; border:1px solid #F6F6F6; margin: 10px 10px 10px 0px;}
.mehr_beitraege {list-style-type: none; }
.mehr_beitraege > li {min-height:100px;}
.mehr_beitraege > li > p {font-size: 80%;}
.mehr_beitraege > li > a {font-size:14px;}
.zoom {position: absolute; z-index: 2;}
.lupe {width:25px;box-shadow: 1px 1px 5px #3E4847; transition: 0.1s ease-in;}
.bildkasten:hover .lupe {width:30px; cursor:default;}
.infokasten_top > h4 {background-color: #F6F6F6; background-color: #e31134; color: white; text-transform: uppercase; padding: 2px 5px; position: relative;top: 33px;left: 15px; width: 35%;}
.infokasten {background-color:#F6F6F6; padding: 3% 0% 0% 1%; margin:20px 0px;}
div.infokasten div {padding-bottom:1em;}
.newskommentar_top > h4 {background-color: #F6F6F6; background-color: #e31134; color: white; text-transform: uppercase; padding: 2px 5px; width: auto; width: 300px; position: relative;top: 25px;left: 15px;}
.newskommentar {background-color: #F6F6F6; padding: 3% 0% 0% 1%;}
.newskommentar > p{}
.newskommentar .hinweis {font-style: italic; font-size: 12px;}
/* RECHTE SPALTE */
.seiteninhalte {margin-left:auto; width:30%;}
.zusatzinhalt {padding: 1px 0px 0px 15px; box-shadow: -4px -6px 5px #F6F6F6}
.zusatzinhalt > div {margin-bottom: 20px;}
.zusatzinhalt > p {max-width: 35em;}
/*ARTIKEL BILDER */
.artikel_bilder {}
.container {width: 100%;}
/* KOMMENTAR FUNKTION UNTER BEITRAG */
.kommentar_box {clear:both;}
.kommentar_box > form {padding: 0px 20px 0px 50px; box-shadow: 1px 1px 1px 2px #F6F6F6; width: 58%; float: left;position: relative;margin: 50px auto;box-sizing: unset;}
.kommentar_box > form > fieldset {margin: 10px auto;}
.kommentar_ausgabe{background-color: white; width: 45%; box-shadow: 1px 1px 1px 2px #F6F6F6; padding: 20px 0px 20px 20px;float: left;position: relative;margin: 10px auto;box-sizing: unset;}
/* NEWS */
.newsArticle_big {float: left;padding: 1% 0% 1% 0%; width: 49%; margin: 35px 15px 20px 0px;
-webkit-box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.3);
-moz-box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.3);
box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.3);}
.newsArticle_big:hover {float: left;padding: 1% 0% 1% 0%; width: 49%; margin: 35px 15px 20px 0px; background-color: #F2F2F2;
-webkit-box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.3);
box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.3);}
.newsArticle_small{float: left;padding: 1% 1% 1% 2%; width: 46%; height: 100px; margin: 35px 15px 20px 0px;
-webkit-box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.3);
-moz-box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.3);
box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.3);}
.newsArticle_small:hover{float: left;padding: 1% 1% 1% 2%; width: 46%; height: 100px; margin: 35px 15px 20px 0px; background-color: #F2F2F2;
-webkit-box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.3);
box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.3);}
.newsArticle_big > div > span > a > img {margin: 35px 0px;
-webkit-box-shadow: 1px 2px 3px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 1px 2px 3px 2px rgba(0,0,0,0.3);
box-shadow: 1px 2px 3px 2px rgba(0,0,0,0.3);}
.newsTextVorschau {width: 90%;}
.contentBox {margin-left: 28%;padding: 2% 2% 2% 2%; border-left: 2px solid #dde2e4;}
.contentBox > a > h2 {display: block; min-width:200px; max-width: 400px;line-height: 24px; margin: 0px 0px 0px 0px;}
.contentBox > h5 {}
.contentBox > p {width: 90%; height: 150px;margin-top: 20px;}
.contentBox > h3 { width: 90%;}
.contentBox > span {}
.verwandteArtikel {height: 50px;}
.verwandteArtikel > li {font-size:10px; line-height: 12px;}
.verwandteArtikel > li > a {float:none; font-size:10px; line-height: 12px;}
/* SOCIAL MEDIA */
ul.shareOptions { background-color: #2E2E2E;}
.shareOptions > li{list-style-type: none; display: block;}
/* NEWSLETTER */
.box {width: 40%; margin: 1% 59%; text-align: center;padding: 20px;}
.overlay { position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.7);transition: opacity 500ms;visibility: hidden;opacity: 0;}
.overlay:target {visibility: visible;opacity: 1;}
.popup {margin: 70px auto;padding: 20px;background: #fff;border-radius: 5px;width: 30%;position: relative;transition: all 5s ease-in-out;}
.popup h2 {margin-top: 0;color: #333;font-family: Arial, sans-serif;}
.popup .close {position: absolute;top: 20px;right: 30px;transition: all 200ms;font-size: 30px;font-weight: bold;text-decoration: none;color: #333;}
.popup .close:hover {color: #06D85F;}
.popup .content {max-height: 30%;overflow: auto;}
/* INTRANET */
.firstnews {margin-bottom: 20px;}
.dachzeile {text-decoration: underline;}
/* INFOKÄSTEN */
.infokasten_top {background: url(stylesheets_bilder/info.gif); background-color: rgba(0, 0, 0, 0);background-position-x: 0%;background-position-y: 0%;background-repeat: repeat; background-position: bottom left;background-repeat: no-repeat;background-color: #fff;margin-bottom: -28px;
height: 16px; margin-top: 2em; clear: both;}
.infokasten_box{background-color: #F6F6F6;padding: 0px 10px;}
.infokasten_box > ul {list-style-type:none;}
.infokasten_box > ul > li {margin: 15px 10px;}
@media screen and (max-width: 700px){
.box{
width: 70%;
}
.popup{
width: 70%;
}
}
/* neues Organigramm */
.center {margin: 0px auto!important; width: fit-content;}
.row-gap-1 {row-gap: 10px;}
.row-gap-2 {row-gap: 20px;}
.row-gap-3 {row-gap: 30px;}
.row-gap-4 {row-gap: 40px;}
.row-gap-5 {row-gap: 50px;}
.btn-primary {color:white!important;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {background-color: #e31134;}
.btn-check:focus + .btn-primary, .btn-primary:focus{box-shadow: #3E4847!important;}
.organigramm {}
.organigramm .accordion-button {background-color: #F6F6F6;}
.organigramm .accordion-button:hover {color: #e31134;}
.organigramm .info_person thead > tr > th > .info_person_name {font-size:16px;}
.organigramm-head {font-size: 18px; padding: 10px; border: 1px solid #F6F6F6; font-weight: bold;}
.organigramm-sub-head {padding: 10px; border: 1px solid #F6F6F6; font-weight: bold;}
.orga_box {height: 100%;
margin-bottom: 30px;
display: flex;
justify-content: center;
margin-top:20px;}
.orga_box .nav_element {
margin: 0px;
padding: 5px;
max-width:700px;
}
.orgaBox{
padding: 1px 3px 1px 3px;
margin: 0px 4px;
}
.connectorBoxLeft{
border-left: 1px solid black;
border-top: 1px solid black;
border-right: 1px solid black;
}
.connectorBoxRight{
border-top: 1px solid black;
border-right: 1px solid black;
}
.singleLine{
border-right: 1px solid black;
}
.div1{width:200px; height: 100px; background-color: green; position: absolute; left: 0%;}
.div2{width:200px; height: 100px; background-color: yellow; position: absolute; left: 26%;}
.div3{width:200px; height: 100px; background-color: blue; position: absolute; right: 26%;}
.div4{width:200px; height: 100px; background-color: orange; position: absolute; right: 0%;}
.div5{width:200px; height: 100px; background-color: green; position: absolute; left: 0%; top: 30%}
.div6{width:200px; height: 100px; background-color: yellow; position: absolute; left: 26%;top: 30%}
.div7{width:200px; height: 100px; background-color: blue; position: absolute; right: 26%;top: 30%}
.div8{width:200px; height: 100px; background-color: orange; position: absolute; right: 0%;top: 30%}
div.pp_overlay {z-index: 9999!important;}
.pp_top {height: 40px!important;}
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(images/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(images/prettyPhoto/hdmtheme/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(images/prettyPhoto/light_rounded/sprite2.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000; padding-top: 10px;}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:90px;height:30px;background:url(images/prettyPhoto/hdmtheme/btnClose.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(images/prettyPhoto/hdmtheme/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(images/prettyPhoto/hdmtheme/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%; margin-top:20px;}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(images/prettyPhoto/hdmtheme/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(images/prettyPhoto/hdmtheme/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:60px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:40px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:40px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:40px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
/* STUDIENGANG BA/MA UEBERSICHT */
.steckbrief_img {width: 100%; height: fit-content!important;}
.seitenrand .info_person {border:none;}
.zusatzinhalt .info_person {border:none;}
.sgang_mit_vertiefung {margin:0px 0px 0px 10px;}
.sgang_zusatz {margin: -25px 0px 0px 10px;}
.uebersichtSgangKlein {position: relative; width: 350px;overflow:hidden;}
.uebersichtSgangKlein > h3 {position: absolute; bottom: 75%;color: white; margin-left: 10%; width: 320px; }
.uebersichtSgangKlein > h2 {font-weight: bold; font-size: 16px; position: absolute; top: 30%;color: white; margin-left: 10%; width: 310px;}
.linkZumStudium {position: relative; display: inline-block; font-size: 10px; width: 370px; margin: 2em 3em 1em 1em;}
.linkZumStudium:hover {position: relative; display: inline-block; width: 320px;}
.linkZumStudium:hover h2 {font-weight: bold; font-size: 16px; position: absolute; top: 30%;color: white; margin-left: 10%; width: 310px;}
.linkZumStudium:hover .overlay_border {border: 15px solid grey; opacity: 0.7; width: 320px; box-shadow: 3px 3px 3px 3px black;-moz-box-shadow: 3px 3px 3px 3px #3e4847;}
.bewerbungslink {color: white; position: absolute; left: 120px; bottom: 40px; font-size: 16px; font-weight: bold;text-decoration:underline;}
.bewerbungslink:hover {color:#E41C3B ; position: absolute; left: 120px; bottom: 40px; font-size: 16px; font-weight: bold;text-decoration:underline;}
.overlay_box {background-color: #2e2e2e; width: 350px; }
.overlay_border {border: 15px solid #3e4847; opacity: 0.7; width: 320px; height:165px;}
.overlay_border > img {opacity: 0.5; }
.overlay_bewerbung {position: relative; display: inline-block; font-size: 10px; width:350px;}
.infobox {margin-top: 110px;width:15%;float:right; border-left: 2px solid #dde2e4; -webkit-box-shadow: 3px 2px 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 3px 2px 1px 2px rgba(0,0,0,0.3);
box-shadow: 3px 2px 1px 2px rgba(0,0,0,0.3);}}
.infobox > aside {padding: 2%; }
.infobox > aside > a {padding: 2%; color:#ffffff; line-height: 30px;}
.infobox > aside > p {padding: 2% 3%;}
aside.side_adress { border-left: 2px solid #dde2e4; border-top: 2px solid #dde2e4;background-color:#2E2E2E; color: #dde2e4;-webkit-box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.3);
box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.3);}
aside.side_adress > span > img {margin: 10px 2px;}
aside.side_adress > p > a {padding: 2%; color:#ffffff; line-height: 30px;}
aside.side_info {}
aside.side_info > h3{color: #2E2E2E;}
aside.side_info > h5{color: #2E2E2E;}
aside.side_info > span > img {width: 80px; height: 80px; align:middle;}
aside.spotlight_box > #spotlights {border-bottom: 2px solid #dde2e4;}
aside.spotlight_box > #spotlights > h2 {background: none repeat scroll 0 0 #3F4847;color: #fff;font-family: "Verdana",sans-serif;font-size: 18px;font-weight: 400;margin-bottom: 10px;margin-left: 0;margin-top: 5px;padding: 0;position: relative;text-align: center;text-transform: uppercase;}
aside.spotlight_box > #spotlights > h2 > span {padding: 4px 10px;background: none repeat scroll 0 0 #e51433;}
aside.spotlight_box > #spotlights > div {border-bottom: 1px solid #dde2e4; padding: 5px 0px;}
aside.spotlight_box > #spotlights > div:last-child {border-bottom: none; padding: 5px 0px;}
aside.spotlight_box > #spotlights > div > a {}
aside.spotlight_box > #spotlights > div > p > a{}
/* Site Overview "start" und "start_simple" */
/* ul Standard überschreiben */
.nav_overview {margin-left: 0!important;}
.nav_overview li {margin-left: 0!important; max-width: 80%!important;}
/* Standarformatierung für Site Overview */
.nav_overview li a {color: white; font-size: 20px;}
/* li Formatierung wenn Kindelemente vorhanden */
li.is_parent {min-height: 50px;}
li.is_parent > ul {list-style-type:none; margin-left: 0px!important; margin-top: 65px!important;margin-bottom: 20px!important;}
li.is_parent > ul > li {margin: 0px 0px 10px 0px;}
li.is_parent > ul > li > a:before {content: " > "; color: #e31134; font-weight:bold;margin-right: 4px;}
li.is_parent > ul > li > a {
font-family: Pathway Gothic One;
font-size: 18px;
padding-left: 10px;
display: block;
border-bottom: 1px solid #F6F6F6;
}
li.is_parent > ul > li > a:link {color: #3E4847;}
li.is_parent > ul > li > a:visited {color: #3E4847;}
li.is_parent > ul > li > a:focus {color: #e31134;}
li.is_parent > ul > li > a:hover {color: #e31134; border-bottom: 1px solid rgb(62,72,71,0.2);}
/* a Kindelement Formatierung */
a.has_child {
font-family: Pathway Gothic One;
font-size: 18px;
display:block;
background-color: #e31134;
color:white;
padding: 2px 10px;
text-transform: uppercase;
width: 80%;
}
a.has_nochild {position:relative; display:block; width:80%; background-color: #e31134; padding: 20px 10px;
font-family: Pathway Gothic One; font-size: 20px; text-transform: uppercase; color:white; }
a.has_nochild:hover {background-color: rgb(227,17,52,0.9);}
/* li Formatierung wenn keine Kindelemente vorhanden oder wenn Quicklink */
li.quicklink a {
display: block;
position: relative;
min-height: 60px;
font-family: Pathway Gothic One;
color: white;
font-size: 20px;
padding: 20px 10px;
width: 91%;
text-transform: uppercase;
}
li.quicklink a::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: calc(100% - 60px);
z-index: -1;
background-color: #e31134;
}
li.quicklink a::after {
content: '';
display: block;
width: 40px;
height: 100%;
position: absolute;
bottom: 0%;
right: 0px;
background-color: #F6F6F6;
background-image: url(/icons/vor.png);
background-size: 50px;
background-repeat: no-repeat;
background-position: center;
}
.sitemap {}
/* ERSTE EBENE */
.sitemap > li {list-style-type:none; font-size: 18px;}
/* ZWEITE EBENE */
.sitemap > li > ul {margin-left: 30px; }
.sitemap > li > ul > li {list-style-type:none;}
/* DRITTE EBENE */
.sitemap > li > ul > li > ul{margin-left: 30px;}
.sitemap > li > ul > li > ul > li{list-style-type: square;}
/* Spotlight Slider */
.spotslider .spot_teaser {width: 100%; position: absolute; bottom: 20px; left:0px; background-color: #e31134; padding: 10px 0px 10px 15px;}
.spotslider .slick-dots {margin: 5px 0px 5px 0px;}
.spotslider .single_iteam {height:333px;}
.spotslider .slick-prev {height: 50px; top:37%;}
.spotslider .slick-next {height: 50px; top:37%;}
.spot_teaser > h2 {color:white; margin:0px 10px 0px 0px; text-align: right;}
.spot_teaser > h3 {color:white; margin:0px 10px 0px 0px; text-align: right;}
/* .single_iteam {overflow:hidden!important;} */
html[lang=de] .slick_slider button *[lang=en] { display: none; }
html[lang=en] .slick_slider button *[lang=de] { display: none; }
/* NEWSVERWALTUNG IPD */
.bilder_news_preview {float: left; width: 300px; margin-right: 10px; min-height: 500px;}
.bilder_news_preview > img {width: 300px; height: auto; }
.box_img {object-fit: cover; height: 100%; width:100%;}
/* DATEPICKER */
#ui-datepicker-div {width: 400px!important;}
.ui-datepicker-month {color:white!important; font-size: 16px;}
.ui-datepicker-year {color:white!important; font-size: 16px;}
.ui-datepicker th {font-size: 16px;}
/* KARRIEREMARKTPLATZ */
.km_aussteller_list {list-style-type:none;}
.km_aussteller_list > li {background-color: #F6F6F6; padding: 5px 10px; margin-bottom: 10px;}
.km_aussteller_list > li:hover {background-color: #d9d9d9;}
.km_aussteller_list > li > a {display: block; width:100%;}
/* SPO ARCHIV */
.spo_archiv {}
.spo_archiv > ul {margin-left: 15px; margin-bottom: 30px;}
/* BEWERBER FAQ */
#faq {}
#faq > dl {width:80%; margin:0px auto;}
#faq > dl > dt {font-weight: bold; cursor: help;padding: 10px 15px; background: #e31134;color: white; margin-top: 10px;}
#faq > dl > dt > a {font-size:30px;}
#faq > dl > dd {background-color: #F6F6F6; padding: 10px;}
#faq .closed:after {content:'+'; color: white;font-size:24px; float:right;}
#faq .open:after {content:'-'; color: white;font-size:24px; float:right;}
/* ADVENTSKALENDER */
.glyphe {display:inline-block; margin:21px 20px; background-color: white;
border: 33px solid transparent;
-webkit-border: 33px solid transparent;
border-image-source: url(pattern.png);
-webkit-border-image-source: url(pattern.png);
border-image-slice: 91%;
-webkit-border-image-slice: 91%;
border-image-width: 39px;
-webkit-border-image-width: 39px;
border-image-outset: 0;
-webkit-border-image-outset: 0;
border-image-repeat: no-repeat;
-webkit-border-image-repeat: no-repeat;}
.glyphe:hover{ border:5px dotted #C7B299; margin:15px 48px; cursor: pointer;}
.advents_border { background-color: white;
border: 33px solid transparent;
border-image-source: url(pattern.png);
border-image-slice: 91%;
border-image-width: 39px;
border-image-outset: 0;
border-image-repeat: no-repeat;
margin: 0px auto 50px auto; padding: 5px; }
.adventskalender_pics {}
/*
#bild01:hover {transform: perspective(600px) rotateY(-110deg);
position: relative;
transform-style: preserve-3d;
transform-origin: left center 0;
border:1px solid #C7B299;}
*/
/*
.glyphe:hover {transform: rotate(720deg)scale(0.5,0.5);transition: 5s;}
*/
.overdrop {background-image: url('pattern2.png');}
#adventskalender {
/* background-image: url(pattern2.png); */
background-repeat: repeat;
background-size: 21px;
width: 100%;
text-align: center;
}
/* BIB Kataloge */
.sidebox_content .bib_kataloge {width: auto;}
/* Deutschlandstipendium Logos */
.dsti_logos .bildkasten {
padding: 20px;
border: 2px solid #ccc;
width: 200px;
height: 200px;
transition: all 0.15s ease-in-out;
}
.dsti_logos .bildkasten:hover {
border: 2px solid #999;
}
.dsti_logos .bildkasten img {
width: 100%;
}
/* CHATBOT */
#show-chatbot-side { display: none; position: fixed; right: 0; top: 50%; transform: translateY(-50%); width: 80px; border: none; text-align: center; z-index: 9; color: white; align-items: center; }
#show-chatbot-side span { color: inherit; line-height: 1.5em; }
.show-chatbot { background-color: #e31134; cursor: pointer;}
.show-chatbot > img { width: 100%; height: 100%; object-fit: cover; }
/* The hover effect should only be visible on the big button */
#show-chatbot-side img:hover { transform: scale(1.1); }
.breadcrumb .show-chatbot { width: 20px; height: 20px; border: none; background-size: cover !important; background-color: #e31134; padding: 0; }
/* Vicky logo font */
@font-face { font-family: 'Gochi Hand'; font-style: normal; font-weight: 400; font-display: swap; src: url("/chatbot/assets/Gochi_Hand/GochiHand-Regular.woff2") format("woff2"), url(/chatbot/assets/Gochi_Hand/GochiHand-Regular.ttf) format("ttf"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; }
/* Regular text font */
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/Montserrat/Montserrat-Regular.woff2") format('woff2'), url("assets/Montserrat/Montserrat-Regular.ttf") format("ttf"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
.container {width:100%;max-width:100%;}
/* Tab-Content */
.tab-content {margin-top:10px}
.nav-tabs {background:none repeat scroll 0 0 white; border-bottom:none; text-align:left;}
.nav-tabs > li {display:block; float:none; width:100%; margin-bottom:0; background-color: #f6f6f6; border-bottom: 1px solid #c6c6c6;}
.nav-tabs > li > a {font-size: 16px; padding: 10px; width: 100%; margin-right:0; color:#3E4847; font-size:15px; border-radius:0; border:none;-webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus{color:#fff !important;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border-width:0; border-color:#ddd #ddd transparent; color:#fff}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus{background-color:#e31134; width: 100%;}
.nav-item .active,
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active:hover, .nav-tabs .nav-item.show .nav-link:hover
{background-color:#e31134; color:white;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{background-color:#e31134;}
/* Soll ersetzt werden durch news css */
.bsbig_fig > a { display: block; width: 100%;}
.bsbig_fig > a img { object-fit: cover; height: 333px; width: 100%; vertical-align: middle; border: 1px solid #F6F6F6; left: 50%; transform: translateX(-50%); position: relative;}
.box_news > h3 {min-height:65px;}
.box_news > p {min-height: 125px;}
.bsbig_fig_bg {overflow: hidden; max-height:333px;}
.bsbig_fig_bg img {height: 333px;}
.single_post_content_left .bsbig_fig .featured_img {display:block; overflow:hidden; max-width:500px; width: 100%; height: 333px;}
.bsbig_fig p {padding: 0px 0px 15px 5px; display:block; min-height: 120px; text-align: justify; max-width:500px;}
.bsbig_fig figcaption{ margin-top:25px; margin-bottom:20px; padding-left: 5px; height: 45px;}
.bsbig_fig figcaption > a {font-size: 16px; display: block;}
.single_post_content{float:left; display:inline; width:100%; margin-bottom:20px;}
.single_post_content > h2{line-height: 24px;max-width:100%;background:none repeat scroll 0 0 #3E4847; font-weight:400; margin-bottom:10px; margin-left:0; margin-top:5px; padding:0; position:relative; text-align:center; text-transform:uppercase; margin-bottom:20px}
.single_post_content > h2 span{background:none repeat scroll 0 0 #e31134; font-family: Pathway Gothic One;padding:8px 10px; color: white; font-weight:400; font-size: 20px; color:#fff; letter-spacing: 1px;}
.featured_img{position:relative;}
.bsbig_fig {width:100%; }
.box_news,
.box_news_mehr {
float: left;
width: 100%;
overflow: hidden;
clear: both;
margin-top: 2%;
}
.box_news ul > li {
box-sizing: border-box;
padding-bottom: 25px;
margin-bottom: 25px;
border-bottom: 2px solid rgba(246,246,246,1);
float: none;
}
.box_news ul > li figcaption {
font-size: 15px;
color: #e31134;
}
.box_news ul > li figcaption,
.box_news ul > li p {
padding: 0px 15px;
}
.box_news ul > li:hover figcaption {
color: #be022d;
}
.featured_img_sm img,
.featured_img img {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition-delay: .1s;
-moz-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s;
}
.media-left > img {height:100%;border: 1px solid #F6F6F6;}
.featured_head {
color: #e31134;
float: left;
width: 55%;
}
.media {
padding: 10px;
box-sizing: border-box;
cursor: pointer;
min-height: 120px;
}
/* alles oberhalb wird in Zukunft in news css stehen mit anderen klassen */
/* Ende */
#start_studiengang {margin-bottom:25px;}
.startseite_text {margin: 10px 10px 10px 15px;}
.quick_spot {padding-top: 10px; list-style-type: none;}
.quick_spot > li {display: block; font-weight: bold; padding: 10px 10px; border-bottom: 1px solid #c6c6c6;}
.quick_spot > li:hover {background-color: #f6f6f6;}
.quick_spot > li:last-child {border-bottom: none;}
.beitrags_box .featured_img_sm {margin-right: 0;}
/* SPEZIELLE RUBRIKEN FORMATIERUNGEN */
#rubrik_studium {max-width:1070px; width:100%;}
/* SPOTLIGHTS */
.spotlight_box {display: block; width: 500px; height: 333px; overflow: hidden;}
.spotlight_img {width:100%;}
.spotlight_teaser {width:90%; min-height: 85px;position:absolute; bottom: 20px; background-color: #e31134;}
.spotlight_teaser > h2 {color:white;font-weight: bold; text-transform: unset; padding:0px 15px 0px 15px; text-align: right; margin-top: 5px; margin-bottom: 5px;}
.spotlight_teaser > h3 {color:white;font-weight: bold; padding:0px 15px 0px 15px; text-align: right; margin-top:5px; margin-bottom:5px; }
.spotlight_text {height: 100px; font-weight:200;}
.science_portal .media {min-height:0px; }
/* MOBILE ANSICHT NEWS WEITERE LINKS */
div.toggle_down {display:none;}
#start_studiengang > form {margin: 0px auto; width: 100%;}
.fotostrecke_img {}
.fotostrecke_img:hover {}
.photo_grid:hover .icon_over {display: block;}
.photo_grid:hover .fotostrecke_img {height:110%; opacity: 0.5;}
.icon_over {display: none; width: 60px;position: absolute;background-color: white;padding: 3px; margin: 15% 31%;}
.icon_over:hover {}
.pfeil_r {border:1px solid red;}
.top_content {max-width:800px;}
.not_visible {display:none;}
.yes_visible {display:block;}
.zoom {}
#portrait_pic {margin-right:10px;max-width: 250px;height: 300px; overflow:hidden; display:block;}
.newscontent > iframe {margin: 20px 0px 0px 0px; width:100%; height: 450px;}
.newscontent > img {max-width: 100%; height: auto;}
.newscontent > p > img {max-width: 100%; height: auto;}
.infokasten h3{font-weight: bold;}
.infokasten form > fieldset > label {
display: block;
text-transform: none;
font-weight: 200;}
.umfragelabel p {margin-left:30px;}
/* Beitragsarchiv */
.beitrags_box{width:150%; margin-bottom: 10px;}
.beitrag_bild {max-width:415px; float:left; margin-right:20px;}
.beitrag_bild > img {width:100%;}
.beitrags_text {}
.beitrags_text p {max-width: 1200px;}
.beitrags_text p a {color: #3E4847;}
@charset "UTF-8";
/* Slider */
.slick-slider{max-width:1070px;position:relative; display:block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent}
.slick-list{position:relative; overflow:hidden; display:block; margin:0; padding:0}
.slick-list:focus{outline:none}
.slick-loading .slick-list{background:#fff /*url("./ajax-loader.gif")*/ center center no-repeat}
.slick-list.dragging{cursor:pointer; cursor:hand}
.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
.slick-track{position:relative; left:0; top:0; display:block}
.slick-track:before, .slick-track:after{content:""; display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left; height:100%; min-height:1px; display:none}
[dir="rtl"] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block; height:auto; border:1px solid transparent}
/* Icons */
/*@font-face{font-family:"slick"; src:url("./fonts/slick.eot"); src:url("./fonts/slick.eot?#iefix") format("embedded-opentype"),url("./fonts/slick.woff") format("woff"),url("./fonts/slick.ttf") format("truetype"),url("./fonts/slick.svg#slick") format("svg"); font-weight:normal; font-style:normal}*/
/* Arrows */
.slick-prev, .slick-next{border:medium none; font-weight:bold; cursor:pointer; display:block; font-size:0; height:auto; line-height:0; outline:medium none; padding:10px; position:absolute; top:30%; width:auto}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{ outline:none}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity:1}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity:0.25}
.slick-prev:before, .slick-next:before{font-family:"slick"; font-size:20px; line-height:1; opacity:0.75; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
.slick-prev{left:0px}
[dir="rtl"] .slick-prev{left:auto; right:-25px}
.slick-prev:before{content:"<"}
[dir="rtl"] .slick-prev:before{content:">"}
.slick-next{right:0px}
[dir="rtl"] .slick-next{left:-25px; right:auto}
.slick-next:before{content:">"}
[dir="rtl"] .slick-next:before{content:"<"}
/* Dots */
.slick-dots{list-style:none; display:block; text-align:center; padding:0; width:100%; margin: 20px 0px 10px 0px;}
.slick-dots li{position:relative; display:inline-block; height:20px; width:20px; margin:0 5px; padding:0; cursor:pointer; }
.slick-dots li button{border:0; background:transparent; display:block; height:20px; width:20px; outline:none; line-height:0; font-size:0; color:transparent; padding:5px; cursor:pointer}
.slick-dots li button:hover, .slick-dots li button:focus{outline:none}
.slick-dots li button:hover:before, .slick-dots li button:focus:before{opacity:1}
.slick-dots li button:before{position:absolute; top:0; left:0; content:""; background-image: url(icons/aufzaehlung.png); background-size: 18%; background-repeat: no-repeat; width:100px; height:25px;opacity:0.25; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{opacity: 1;background-image: url(icons/aufzaehlung_full.png); background-size: 18%; background-repeat: no-repeat; width:100px; height:25px;}
/* Ende */
.img-center{display:block; margin-left:auto; margin-right:auto; text-align:center}
.img-right{display:block; margin-left:auto}
.img-left{display:block; margin-right:auto}
.yellow_bg{background-color:#ffd62c}
.btn-yellow{background-color:#ffd62c; color:#fff}
.btn-yellow:hover{background-color:#e1b70b; color:#fff}
.limeblue_bg{background-color:#7dc34d}
.blue_bg{background-color:#09c}
.transition{-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
#preloader{position:fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; z-index:99999}
#status2{width:200px; height:200px; position:absolute; left:50%; top:50%; background-image:url(images/status.gif); background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px}
.scrollToTop{bottom:100px; display:none; font-size:50px; font-weight:bold; height:50px; position:fixed; right:10px; text-align:center; text-decoration:none; width:50px; z-index:9; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.scrollToTop:hover, .scrollToTop:focus{text-decoration:none; outline:none}
#header{display:inline; float:left; width:100%; margin-top:20px}
.header_top{background-color:#2c2c2c; display:inline; float:left; padding:0 30px; width:100%}
.header_top_left{float:left; display:inline; width:50%}
.top_nav{text-align:left}
.top_nav li{display:inline-block}
.top_nav li a{display:inline-block; border-right:1px solid #333; color:#fff; font-size:11px; font-weight:bold; padding:20px 15px; text-transform:uppercase; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.top_nav li a:hover{background-color:#e31134;}
.header_top_right{float:left; display:inline; width:50%; text-align:right}
.header_top_right > p{color:#fff; display:inline-block; float:right; font:bold 12px sans-serif; margin-bottom:0; padding-bottom:20px; padding-right:8px; padding-top:20px}
.header_bottom{background-color:#fff; display:inline; float:left; padding:15px 30px 15px; width:100%}
.logo_area{display:inline; float:left; width:31%}
.logo{font-size:45px; font-weight:bold; }
.logo img{max-width:100%}
.logo img:hover{opacity:1}
.logo > span{ margin-left:-14px}
.add_banner{float:right; width:728px; height:90px}
.add_banner img{width:100%; height:100%}
#navArea{float:left; display:inline; width:100%; padding:0 30px; background-color:#fff}
.navbar{border:medium none; border-radius:0}
.navbar-inverse .navbar-nav > li > a{border-left:1px solid #383838; color:#ddd;display:inline-block; height:50px; line-height:50px; padding:0 14px; text-shadow:0 1px 1px #000; text-transform:uppercase; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.navbar-inverse .navbar-nav > li:first-child a{border:none}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{ color:#fff}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ color:#fff}
.main-nav ul li a{}
.navbar-collapse{ padding-left:0}
.mobile-show{display:none}
.desktop-home{display:block; font-size:30px; margin-top:10px}
.dropdown-menu{background-color:#222}
.dropdown-menu > li > a{clear:both; color:#ddd; background-color:#222; padding:10px 20px; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{color:#fff}
#newsSection{float:left; display:inline; width:100%; padding:0 30px; padding-bottom:20px}
.latest_newsarea{float:left; display:inline; width:100%; background-color:#000; position:relative}
.latest_newsarea span{ color:#fff; font-size:15px; left:0; line-height:1.8em; margin-right:20px; overflow:hidden; padding:2px 18px 1px 19px; position:absolute; z-index:15}
.social_area{ position:absolute; right:0; top:0; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; height:31px}
.social_nav{ text-align:right}
.social_nav li{ display:block; float:left}
.social_nav li a{ display:block; float:left; height:30px; text-indent:-9999px; width:30px; border-left:1px solid #ccc; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.social_nav li.facebook a{ background-image:url("images/socials.png"); background-position:0 -30px; background-size:270px 60px}
.social_nav li.facebook a:hover{ background-position:0 0px; background-size:270px 60px; background-color:#436eac}
.social_nav li.twitter a{ background-image:url("images/socials.png"); background-position:-30px -30px; background-size:270px 60px}
.social_nav li.twitter a:hover{ background-position:-30px 0px; background-size:270px 60px; background-color:#0598c9}
.social_nav li.flickr a{ background-image:url("images/socials.png"); background-position:-60px -30px; background-size:270px 60px}
.social_nav li.flickr a:hover{ background-position:-60px 0px; background-size:270px 60px; background-color:#e33b7e}
.social_nav li.pinterest a{ background-image:url("images/socials.png"); background-position:-90px -30px; background-size:270px 60px}
.social_nav li.pinterest a:hover{ background-position:-90px 0px; background-size:270px 60px; background-color:#cb2027}
.social_nav li.googleplus a{ background-image:url("images/socials.png"); background-position:-120px -30px; background-size:270px 60px}
.social_nav li.googleplus a:hover{ background-position:-120px 0px; background-size:270px 60px; background-color:#d64b2e}
.social_nav li.vimeo a{ background-image:url("images/socials.png"); background-position:-150px -30px; background-size:270px 60px}
.social_nav li.vimeo a:hover{ background-position:-150px 0px; background-size:270px 60px; background-color:#86ae24}
.social_nav li.youtube a{ background-image:url("images/socials.png"); background-position:-180px -30px; background-size:270px 60px; width:60px}
.social_nav li.youtube a:hover{ background-position:-180px 0px; background-size:270px 60px; background-color:#e32114}
.social_nav li.mail a{ background-image:url("images/socials.png"); background-position:-240px -30px; background-size:270px 60px; width:32px}
.social_nav li.mail a:hover{background-position:-240px 0px; background-size:270px 60px; background-color:#bc75d6}
#sliderSection{background-color:#fff; display:inline; width:90%; padding:0 0;}
.sliderSection{background-color:#fff; display:inline; width:90%; padding:0 0;}
.single_iteam{display:inline; float:left; position:relative; width:100%; height:450px}
.single_iteam img{width:100%; margin-top: 5px; height:100%; object-fit: cover;}
.single_iteam img:hover{opacity:1}
.slider_article{ bottom:20px; left:0; position:absolute; right:0; padding:0px 15px; width: 90%; background-color: #e31134;}
.slider_article:hover {opacity:0.9;}
.slider_article > h2 {margin-top: 0px; margin-bottom: 0px; margin-left: 25px; text-transform:unset;}
.slider_article > h2 a{ background:#e31134; color:#fff; font-size:18px; padding:10px 0px 0px 0px; display:inline-block; width:100%; margin:0px;}
.slider_article > a > p{ background:#e31134; color:#fff; padding:3px; display:inline-block; margin-left: 25px; line-height: 28px;}
.slick-prev:before{ content:""}
.slick-prev{ background-image:url(icons/zurueck.png); background-repeat:no-repeat; background-position:center; background-size: 100%; }
.slick-next:before{ content:""}
.slick-next{ background-image:url(icons/vor.png); background-repeat:no-repeat; background-position:center; background-size: 100%; }
.slick-prev, .slick-next{background-color:white; width:40px; height:100px}
.slick-prev:hover, .slick-next:hover{opacity:0.5; background-color:white; }
.latest_post{float:left; display:inline; width:100%}
.latest_post > h2{background:none repeat scroll 0 0 #151515; color:#fff; font-size:18px; margin-top:5px; font-weight:400; margin-bottom:10px; margin-left:0; padding:0; position:relative; text-align:center; text-transform:uppercase}
.latest_post > h2 span{padding:10px 10px}
.latest_postnav{height:auto !important; margin-top:20px}
.latest_postnav li{margin-bottom:10px; float:left; width:100%}
.latest_post_container{display:inline; float:left; height:430px; position:relative; width:100%}
.latest_post_container:hover #prev-button, .latest_post_container:hover #next-button{display:block}
#prev-button{cursor:pointer; font-size:20px; left:0; position:absolute; text-align:center; top:-10px; width:100%; display:none}
#next-button{cursor:pointer; display:none; font-size:20px; left:0; position:absolute; text-align:center; bottom:0; width:100%}
#contentSection{display:inline; width:90%; background-color:#fff; padding:0 0px}
.contentSection{display:inline; width:90%; background-color:#fff; padding:0 0px}
.left_content{float:left; display:inline; width:100%}
.single_post_content_big{float:left; display:inline; width:100%; margin-bottom:20px; box-shadow: 10px 20px 30px #FAFAFA;}
.single_post_content_big > h2{line-height: 24px;max-width:100%;background:none repeat scroll 0 0 #3E4847; font-weight:400; margin-bottom:10px; margin-left:0; margin-top:5px; padding:0; position:relative; text-align:center; text-transform:uppercase; margin-bottom:20px}
.single_post_content_big > h2 span{background:none repeat scroll 0 0 #e31134; font-family: Pathway Gothic One;padding:8px 10px; color: white; font-weight:400; font-size: 20px; color:#fff; letter-spacing: 1px;}
.single_post_content_left{float:left; display:inline; width:60%;}
.single_post_content_left > p {max-width: 500px;}
.business_catgnav{margin: 0px;}
.business_catgnav li{float:left; display:block; width:100%}
.bsbig_fig .middle_img {display:block;height:167px;overflow:hidden;max-width:250px;}
.middle_img {position: relative;}
.middle_img > img {}
.portrait {}
.portrait > a {}
.portrait > a > img {width:250px;}
.single_post_content_right{float:right; display:inline; width:40%}
.right_content{float:left; display:inline; width:100%; min-height:300px}
.spost_nav {}
.spost_nav li{float:left; display:block; width:100%; margin-bottom:0px}
.spost_nav li:hover {background-color: #F6F6F6;}
.spost_nav .media-left {height:100px; width: 150px; overflow:hidden; display: inline-block; float:left; margin-right: 10px;}
.single_sidebar .media-left {float:left;}
.spost_nav .media-body > a{}
.single_post_content > .business_catgnav > li > .bsbig_fig > .featured_img{position: relative; width: 450px; height: 300px; overflow: hidden;}
.overlay:hover{ background:none repeat scroll 0 0 rgba(0,0,0,0.4)}
.overlay{ bottom:0; display:block; left:0; position:absolute; width:100%; z-index:2; height:100%; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
/* Zwei kleine Posts in einer Reihe */
.reihe{display:inline; float:left; width:100%}
.links_post{float:left; display:inline; width:450px;}
.rechts_post{float:right; display:inline; width: 450px;}
/* Mediathek */
.photo_grid{position:relative; margin:0 auto; max-width:150px; list-style:none; text-align:center; overflow:hidden;}
.photo_grid > a {display:block; width: 150px; height: 100px; overflow: hidden; float: left; margin-bottom: 10px;}
.photo_grid > a:hover .zoom{border:1px solid red;}
.photo_grid .fotostrecke_img {height:100%; transition: all 0.5s ease-out;}
.photo_grid figure{position:relative; float:left; overflow:hidden; margin:10px 1%; margin-top:0; height:150px; width:100%; text-align:center; cursor:pointer}
.photo_grid figure img{display:block; min-height:100%; max-width:100%; width:100%; height:100% opacity:0.8}
.photo_grid figure figcaption{padding:2em; color:#fff; text-transform:uppercase; font-size:1.25em; -webkit-backface-visibility:hidden; backface-visibility:hidden}
.photo_grid figure figcaption::before, .photo_grid figure figcaption::after{pointer-events:none}
.photo_grid figure figcaption{position:absolute; bottom:0; left:0; width:100%; height:100%}
.photo_grid figure h2{word-spacing:-0.15em; font-weight:300}
.photo_grid figure h2 span{font-weight:800}
.photo_grid figure h2, .photo_grid figure a{margin:0}
.photo_grid figcaption a{color:#fff; font-size:68.5%; letter-spacing:1px; display:block; margin-top:7px}
.photograph_nav{display: flex;flex-wrap: wrap;justify-content: center; padding-right:10px;}
.photograph_nav li{width: 30%; display:block; float:left; margin-left:10px;}
figure.effect-layla {width: 150px; height: 100px; overflow:hidden; }
figure.effect-layla img{}
figure.effect-layla figcaption{padding:1.5em}
figure.effect-layla figcaption::before, figure.effect-layla figcaption::after{position:absolute; content:''; opacity:0}
figure.effect-layla figcaption::before{top:20px; right:15px; bottom:20px; left:15px; border-top:1px solid #fff; border-bottom:1px solid #fff; -webkit-transform:scale(0,1); transform:scale(0,1); -webkit-transform-origin:0 0; transform-origin:0 0}
figure.effect-layla figcaption::after{top:9px; right:25px; bottom:9px; left:25px; border-right:1px solid #fff; border-left:1px solid #fff; -webkit-transform:scale(1,0); transform:scale(1,0); -webkit-transform-origin:100% 0; transform-origin:100% 0}
figure.effect-layla h2{font-size:18px; padding-top:33%; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s}
figure.effect-layla a{ text-transform:none; -webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0)}
figure.effect-layla img, figure.effect-layla h2{-webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0)}
figure.effect-layla img, figure.effect-layla figcaption::before, figure.effect-layla figcaption::after, figure.effect-layla a{-webkit-transition:opacity 0.35s,-webkit-transform 0.35s; transition:opacity 0.35s,transform 0.35s}
figure.effect-layla:hover img{opacity:0.7; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
figure.effect-layla:hover figcaption::before, figure.effect-layla:hover figcaption::after{opacity:1; -webkit-transform:scale(1); transform:scale(1)}
figure.effect-layla:hover h2{padding-top:26%}
figure.effect-layla:hover h2, figure.effect-layla:hover a{opacity:1; -webkit-transform:translate3d(0,-35px,0); transform:translate3d(0,-35px,0)}
figure.effect-layla:hover figcaption::after, figure.effect-layla:hover h2, figure.effect-layla:hover a, figure.effect-layla:hover img{-webkit-transition-delay:0.15s; transition-delay:0.15s}
/* Content-Boxen */
.single_sidebar{float:left; display:inline; width:100%; margin-bottom:20px;box-shadow: 10px 20px 50px #FAFAFA;}
.single_sidebar > h2{line-height:24px;max-width:100%;background:none repeat scroll 0 0 #3E4847; color:#fff; margin-bottom:20px; margin-left:0; margin-top:5px; padding:0; position:relative; text-align:center; text-transform:uppercase}
.single_sidebar > h2 span{background:none repeat scroll 0 0 #e31134;font-family: Pathway Gothic One; padding:8px 10px; color: white; font-size: 20px; font-weight: 400; letter-spacing: 1px;}
.single_sidebar > h2 a span {background:none repeat scroll 0 0 #e31134;font-family: Pathway Gothic One; padding:8px 10px; color: white; font-size: 20px; font-weight: 400; letter-spacing: 1px;}
.cat-item a{background:none repeat scroll 0 0 #e4e4e4; color:#888; display:block; float:left; border-bottom:none !important; font-size:13px; line-height:12px; margin:0 2px 2px 0; padding:12px 17px; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.cat-item a:hover{color:#fff; text-decoration:none !important}
.vide_area{float:left; display:inline; width:100%}
.sideAdd{display:block; float:left; height:250px; width:100%; margin-top:10px}
.sideAdd > img{width:100%; height:100%}
.single_sidebar ul li a{display:block;}
.single_sidebar .spost_nav li a{border-bottom:none;overflow: hidden;}
#footer{display:inline; float:left; width:100%; margin-bottom:20px}
.footer_top{background-color:#252525; color:#ddd; display:inline; float:left; padding:10px 30px 48px; width:100%}
.footer_widget{display:inline; float:left; width:100%; min-height:310px}
.footer_widget > h2{border-bottom:3px solid #666;font-size:16px; padding:10px 0; text-transform:uppercase}
.tag_nav{}
.tag_nav li{}
.tag_nav li a{border-bottom:1px solid #ddd; color:#ccc; display:block; padding:6px 6px 6px 0; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.tag_nav li a:hover{padding-left:10px}
.footer_bottom{float:left; display:inline; width:100%; padding:10px 30px; background-color:#303030; color:#ccc}
.copyright{float:left; width:50%; padding-top:5px; text-align:left}
.copyright a{color:#ccc}
.developer{float:right; width:50%; text-align:right; padding-top:5px; color:#222}
.developer a{color:#222}
.catgArchive{border:medium none; color:#3E4847; display:inline; float:left; font-weight:bold; padding:10px 15px; width:100%; margin-top:15px}
.catgArchive option{background-color:#3E4847; font-weight:normal; padding:5px; color:white;}
.pagination > li > a, .pagination > li > span{background-color:#000; border:1px solid #000; color:#eee; margin-right:5px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.pagination > li > a:hover, .pagination > li > a:focus{background-color:#e31134; color:#fff; border-color:#e31134}
.pagination > li:first-child > a, .pagination > li:first-child > span{border-bottom-left-radius:0; border-top-left-radius:0}
.pagination > li:last-child > a, .pagination > li:last-child > span{border-bottom-right-radius:0; border-top-right-radius:0}
.single_page{float:left; display:inline; width:100%}
.single_page > h1{color:#333; font-size:30px; line-height:1.4em; margin:10px 0 -10px; padding:0 0 4px; text-transform:uppercase}
.post_commentbox{display:inline; float:left; width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:20px; padding:5px 0px}
.post_commentbox a, .post_commentbox span{color:#798992; font-size:11px; margin-right:5px}
.post_commentbox a > i, .post_commentbox span > i{margin-right:5px}
.single_page_content{display:inline; float:left; padding-top:20px; width:100%; border-bottom:1px solid #ddd; padding-bottom:20px}
.single_page_content > img{max-width:100%; width:320px; height:213px; margin-bottom:15px}
.single_page_content ul{position:relative; padding-left:25px}
.single_page_content ul li{line-height:25px}
.single_page_content ul li:before{content:""; height:5px; left:5px; position:absolute; width:9px; margin-top:8px}
.single_page_content ul li:hover{opacity:0.75}
.single_page_content h2{line-height:35px}
.single_page_content h3{line-height:30px}
.single_page_content h4{line-height:25px}
.single_page_content h4{line-height:20px}
.social_link{display:inline; float:left; margin-bottom:25px; margin-top:20px; width:100%}
.sociallink_nav{text-align:center}
.sociallink_nav li{display:inline-block}
.sociallink_nav li a{color:#fff; display:inline-block; font-size:17px; padding:8px 12px; margin:0 3px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.sociallink_nav li a:hover{-webkit-transform:rotate(50deg); -moz-transform:rotate(50deg); -ms-transform:rotate(50deg); -os-transform:rotate(50deg); transform:rotate(50deg)}
.sociallink_nav li a:hover i{-webkit-transform:rotate(-50deg); -moz-transform:rotate(-50deg); -ms-transform:rotate(-50deg); -os-transform:rotate(-50deg); transform:rotate(-50deg)}
.sociallink_nav li:nth-child(1) > a{background:none repeat scroll 0 0 #3b5998; padding:8px 15px}
.sociallink_nav li:nth-child(2) > a{background:none repeat scroll 0 0 #00acee}
.sociallink_nav li:nth-child(3) > a{background:none repeat scroll 0 0 #dd4b39}
.sociallink_nav li:nth-child(4) > a{background:none repeat scroll 0 0 #0e76a8}
.sociallink_nav li:nth-child(5) > a{background:none repeat scroll 0 0 #c92228}
.related_post{display:inline; float:left; margin-top:0; width:100%; margin-bottom:20px}
.related_post > h2{border-bottom:1px solid #e3e3e3; padding-bottom:5px}
.related_post > h2 i{font-size:25px}
.related_post .spost_nav li{width:32%; margin-right:10px}
.related_post .spost_nav li:last-child{margin-right:0}
.nav-slit a{position:fixed; top:50%; display:block; outline:none; text-align:left; z-index:1000; -webkit-transform:translateY(-50%); transform:translateY(-50%)}
.nav-slit a.prev{left:0}
.nav-slit a.next{right:0}
.nav-slit .icon-wrap{position:relative; display:block; padding:45px 5px}
.nav-slit .icon-wrap i{color:#fff; font-size:40px; display:inline-block}
.nav-slit div{position:absolute; top:0; width:200px; height:100%; background-color:#939a9f; -webkit-transition:-webkit-transform 0.3s 0.3s; transition:transform 0.3s 0.3s; -webkit-perspective:1000px; perspective:1000px}
.nav-slit a.prev div{left:0; -webkit-transform:translateX(-100%); transform:translateX(-100%)}
.nav-slit a.next div{right:0; text-align:right; -webkit-transform:translateX(100%); transform:translateX(100%)}
.nav-slit h3{position:absolute; top:100%; margin:0; padding:0 20px; height:30%; color:#fff; text-transform:uppercase; letter-spacing:1px; font-weight:500; font-size:0.75em; line-height:2.75; width:200px; text-align:left; overflow:hidden; padding-top:4px; -webkit-transition:-webkit-transform 0.3s; transition:transform 0.3s; -webkit-transform:rotateX(-90deg); transform:rotateX(-90deg); -webkit-transform-origin:50% 0; transform-origin:50% 0; -webki-backface-visibility:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden}
.nav-slit img{left:0; position:absolute; top:0; width:100%; width:200px; height:130px}
.nav-slit a:hover div{-webkit-transform:translateX(0); transform:translateX(0)}
.nav-slit a:hover h3{-webkit-transition-delay:0.6s; transition-delay:0.6s; -webkit-transform:rotateX(0deg); transform:rotateX(0deg)}
.error_page{float:left; display:inline; width:100%; text-align:center}
.error_page > h3{text-transform:uppercase}
.error_page > h1{font-size:110px}
.error_page > p{font-size:15px; margin:0 auto; width:80%; margin-bottom:40px}
.error_page > span{display:inline-block; height:2px; text-align:center; width:100px}
.error_page > a{color:#fff; display:inline-block; padding:5px 10px}
.error_page > a:hover{opacity:0.75}
.contact_area{float:left; display:inline; width:100%; margin-bottom:30px}
.contact_area > h2{color:#fff; display:inline-block; font-size:20px; padding:7px 10px 5px; text-transform:uppercase; margin-bottom:30px}
.contact_area > p{margin-bottom:20px}
.contact_form input[type="text"], .contact_form input[type="email"], .contact_form textarea{border-radius:0; margin-bottom:30px}
.contact_form input[type="submit"]{border:medium none; color:#fff; height:35px; padding:5px 10px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.contact_form input[type="submit"]:hover{border:1px solid #e31134}
/* HOVER */
.business_catgnav li:hover .featured_img img,
.box_news ul > li:hover .featured_img img {
transform: translateX(-50%) scale(1.03);
/*opacity: 0.7;*/
}
.spost_nav li:hover .featured_img_sm img {
transform: scale(1.07);
}
.featured_img_sm img,
.featured_img {
transform: scale(1.02);
}
.featured_img_sm {
height: 100px;
width: 150px;
overflow: hidden;
float: left;
margin-right: 15px;
}
.featured_img_sm img {
height: 100px!important;
object-fit: cover;
width: 100%;
}
.single_post_content_right .featured_head {width: 52%;}
.startseite_infografik > img {max-width:100%;}
.sidebox{border:1px solid red; width: 200px;}
.topbox {border:1px solid red;width: 100%;}
.topbox_1 {border:1px solid red; width: 50%}
.topbox_2 {border:1px solid red; width:50%;}
/* Tabelle mit Sgang-Infos */
.sganginfo {width: 100%; margin-top:0px;}
.sganginfo > tbody > tr > th {padding:5px 20px 0px 0px!important;}
.steckbrief_img {width: 100%; height: fit-content;}
.sgangeindruecke {padding-left: 20px; width: 30%; float:right; background-color: #F6F6F6; margin-bottom:20px;}
.sgang_text {margin: 20px 20px 20px 0px;}
.sgang_text > h2 {margin-top: 10px;}
.sgang_text li {margin: 10px 0px 10px 20px;}
.pic_sgang {padding-top:10px; width:40%; max-width:650px; float:left;}
.sgang_uebersicht > div > h2 {}
.sgang_video > iframe {width:100%;}
.sgangNav {bottom: 16px; max-width:350px;}
/* NAV LEISTE */
.redBar {font-family: Pathway Gothic One; font-size: 18px; display: block; background-color: #e31134;color: white;padding: 2px 10px;text-transform: uppercase;width: 80%;position: absolute;bottom: 0px;}
#my-thumbs-list{overflow: auto; width: 100%; margin:0px auto;}
.mTSThumbContainer {width:375px; height:200px; margin:0px 10px 0px 0px; }
.mTSThumbContainer:first-child {margin-left: 0px;}
.mTSThumbContainer > a {color: black; text-decoration: none;}
.mTSThumbContainer > a > img {height: 200px; object-fit: cover;}
.mTSThumbContainer > a > p{margin-top: 3px;}
/*
* Stellarnav.js 1.0.0
* jQuery responsive multi-level dropdown menu designed to do most of the heavy CSS work for you.
* Copyright (c) 2016 Vinny Moreira - http://vinnymoreira.com
* Released under the MIT license
*/
/* all nav */
#main-nav {display:none;}
.stellarnav {display:none;}
@media (max-width: 1024px){
/* FÜR MOBIL */
.colums_ul {font-family: Pathway Gothic One; color: white; padding: 15px 0px 0px 15px!important; font-size: 20px; line-height:30px;}
.nav_mobil_headline {font-family: Pathway Gothic One; color: white; padding: 15px 0px 0px 15px!important; font-size: 20px; line-height:30px;}
.no_childs {border-top: 1px solid rgba(255, 255, 255, .15);font-size: 20px; clear: both; background-color: #3E4847;}
.no_childs > a {color: white;padding-right: 50px;}
.no_childs > a > p {color: white;text-transform: uppercase;font-size: 22px; font-family: Pathway Gothic One; letter-spacing: 1px;}
.quickLink_mobil {padding-left: 15px;}
.quickLink_mobil > li > a {padding-left: 10px!important; background:white; color: #e31134!important;font-family: Pathway Gothic One!important; font-size: 20px!important;}
.stellarnav.mobile { position: static; }
.stellarnav.mobile.fixed { position: static; }
.stellarnav.mobile li a {border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.mobile ul { position: relative; display: none; text-align: left;}
.stellarnav.mobile > ul {border-top: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.mobile.light ul { background-color: #3E4847;}
.stellarnav.mobile.light li a.dd-toggle { border: 0; }
.stellarnav.mobile.light li a {color: white; }
.stellarnav.mobile.light > ul { border-top: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.mobile.active { padding-bottom: 0; }
.stellarnav.mobile.active > ul { display: block; background-color:#323C3B; }
.stellarnav.mobile > ul > li {display: block; }
.stellarnav.mobile > ul > li > a { padding: 15px; }
/* Überpunkte Navigation mit DROPDOWN Inhalt */
.stellarnav.mobile li.has-sub {font-family: Pathway Gothic One; font-size: 20px; clear:both; background-color: #3E4847;}
.stellarnav.mobile li.has-sub:hover {background-color: #323C3B;}
.stellarnav.mobile li.open {background-color: #323C3B;}
.stellarnav.mobile > ul > li > ul > li.has-sub {padding-top:15px;background-color: #323C3B;}
.stellarnav.mobile li.has-sub a {color: white; padding-right: 50px; }
.stellarnav.mobile li.open a#toggle{color: white}
.stellarnav.mobile li.has-sub a p {font-family: Pathway Gothic One; letter-spacing: 1px;}
.stellarnav.mobile li.has-sub a p.nav_parent {color:white; text-transform: uppercase; font-size: 1.3em;}
.stellarnav.mobile li.has-sub a p.nav_child {color:white; font-size: 1.1em;padding-left: 10px;}
.stellarnav.mobile li.open a p.nav_parent{border-left: 5px solid #e31134; padding-left: 10px;}
.stellarnav.mobile li.open a p.nav_child{}
/* ÜBERSCHRIFT THEMA */
.stellarnav.mobile ul ul h3 {font-family: Pathway Gothic One; font-size: 1.1em; color: white; letter-spacing: 1px; font-weight:200; margin-left: 25px; padding: 15px 0px 5px 0px; text-transform: uppercase;}
.stellarnav.mobile .columns_ul > h3 {opacity:0.8;}
.hoverTouch {opacity:0.8;}
/* EINE EBENE */
/* .stellarnav.mobile ul ul {width:50%; float:left; position: relative; opacity: 1; background: #323C3B; visibility: visible; display: none; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none; } */
.colums_ul {width:50%; position: relative; opacity: 1; background: #323C3B; visibility: visible; display: none; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none; float: left; }
.colums_ul:nth-child(2) {float:left;}
.colums_ul:nth-child(3) {float:left;}
.colums_ul:nth-child(4) {float:right;}
.colums_ul:nth-child(5) {float:left;}
.colums_ul:nth-child(6) {float:right;}
.colums_ul:nth-child(7) {float:left;}
.colums_ul:nth-child(8) {float:right;}
.quickLink_mobil {width:50%; clear:left;}
.quickLink_mobil:nth-child(1) {padding-top:10px;}
/* .stellarnav.mobile > ul > li > a > p {text-transform: uppercase;color:white;font-family: Pathway Gothic One; font-size: 18px; letter-spacing: 3px; } */
.stellarnav.mobile > ul > li > a > .nav_child {text-transform: none;color:white;font-family: Pathway Gothic One; font-size: 18px; letter-spacing: 1px; }
/* ZWEI EBENEN */
.stellarnav.mobile ul ul ul { left: auto; top: auto; }
.stellarnav.mobile li.drop-left ul ul { right: auto; }
.stellarnav.mobile li a.dd-toggle { border: 0; }
.stellarnav.mobile .menu-toggle, .stellarnav.mobile .dd-toggle, .stellarnav.mobile .close-menu, .stellarnav.mobile .call-btn-mobile, .stellarnav.mobile .location-btn-mobile { display: inline-block; }
.stellarnav.mobile li.call-btn-mobile { border-right: 1px solid rgba(255, 255, 255, .1); box-sizing: border-box; }
.stellarnav.mobile li.call-btn-mobile, .stellarnav.mobile li.location-btn-mobile { display: inline-block; width: 50%; text-transform: uppercase; text-align: center; }
.stellarnav.mobile li.call-btn-mobile.full, .stellarnav.mobile li.location-btn-mobile.full { display: block; width: 100%; text-transform: uppercase; border-right: 0; text-align: left; }
.stellarnav.mobile li.call-btn-mobile i, .stellarnav.mobile li.location-btn-mobile i { margin-right: 5px; }
.stellarnav.mobile.light li.call-btn-mobile { border-right: 1px solid rgba(0, 0, 0, .1); }
.stellarnav.mobile.top { position: absolute; width: 100%; top: 0; left: 0; z-index: 9999; }
.stellarnav.mobile li.has-sub > a:after, .stellarnav.mobile li li.has-sub > a:after, .stellarnav.mobile li.drop-left li.has-sub > a:after { display: none; }
.stellarnav {position: relative; width: 100%; z-index: 9900; line-height: normal; }
.stellarnav ul { margin: 0; padding: 0; text-align: center; }
.stellarnav li { list-style: none; display: block; margin: 0; padding: 0; position: relative; line-height: normal; vertical-align: middle; }
.stellarnav li a { padding: 1px; display: block; text-decoration: none; font-size: inherit; font-family: inherit; box-sizing: border-box; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; }
/* main level */
.stellarnav > ul > li { display: inline-block; }
.stellarnav > ul > li > a {padding: 20px 40px; }
/* first level dd */
/* .stellarnav ul ul { top: auto; width: 220px; position: absolute; z-index: 9900; text-align: left; display: none; background: #ddd; } */
.stellarnav li li { display: block; margin-left: 25px;}
.stellarnav li li:last-child {margin-bottom: 15px;}
/* second level dd */
.stellarnav ul ul ul { top: 0; /* dd animtion - change to auto to remove */ left: 220px; }
.stellarnav > ul > li:hover > ul > li:hover > ul { opacity: 1; visibility: visible; top: 0; }
/* light theme */
.stellarnav.light { }
.stellarnav.light ul ul {}
.stellarnav.light li a { color: white; }
.stellarnav.light .menu-toggle, .stellarnav.light .call-btn-mobile, .stellarnav.light .location-btn-mobile { color: white; }
/* sticky nav */
.stellarnav.fixed {position: fixed; width: 100%; top: 0; left: 0; z-index: 9999; }
/* only used when 'scrollbarFix' is set to true in the js. This fixes horizontal scrollbar caused by the dd menus that are very long.*/
body.stellarnav-noscroll-x { }
/* general styling */
.stellarnav li.has-sub > a:after { content: '\f0d7'; font-family: 'FontAwesome'; margin-left: 10px; }
.stellarnav li li.has-sub > a:after { content: '\f0da'; font-family: 'FontAwesome'; margin-left: 10px; }
.stellarnav li.drop-left li.has-sub > a:after { float: left; content: '\f0d9'; font-family: 'FontAwesome'; margin-right: 10px; }
.stellarnav.hide-arrows li.has-sub > a:after, .stellarnav.hide-arrows li li.has-sub > a:after, .stellarnav.hide-arrows li.drop-left li.has-sub > a:after { display: none; }
.stellarnav .menu-toggle, .stellarnav .close-menu, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile { display: none; text-transform: uppercase; text-decoration: none; }
.stellarnav .dd-toggle { display: none; position: absolute; top: 0; right: 0; padding: 0; width: 48px; height: 48px; text-align: center; z-index: 9999; border: 0; }
.stellarnav .dd-toggle i {color:white; position: absolute; margin: auto; top: 50%; left: 0; right: 0; -webkit-transition: transform .3s ease-out; -moz-transition: transform .3s ease-out; transition: transform .3s ease-out; }
.stellarnav .dd-toggle:hover i {color:#e31134; font-size:110%;}
.stellarnav.mobile > ul > li > a.dd-toggle { padding: 0; }
.stellarnav li.call-btn-mobile, .stellarnav li.location-btn-mobile { display: none; }
.stellarnav li.open > a.dd-toggle i { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
/* Fallback for slow javascript */
@media only screen and (max-width : 768px) {
.stellarnav { overflow: hidden; display: block; }
.stellarnav ul { position: relative; display: none; }
}
/* mobile nav */
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile { color: #777; padding: 15px; box-sizing: border-box; }
.stellarnav .full { width: 100%; }
.stellarnav .half { width: 50%; }
.stellarnav .third { width: 33%; text-align: center; }
.stellarnav .location-btn-mobile.third { text-align: center; }
.stellarnav .location-btn-mobile.half { text-align: right; }
.stellarnav.light .third, .stellarnav.light .half { border-left: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light .third:first-child, .stellarnav.light .half:first-child { border-left: 0; }
}
@media (max-width:703px)
{
.stellarnav.mobile.active > ul {padding-top:0px;}
}
@media (max-width:319px)
{
.stellarnav.mobile li.has-sub a p {font-size:16px;}
.stellarnav.mobile > ul > li > a > p {font-size:16px;}
}
.card {border: 1px solid #F6F6F6;}
.box-nav-ul li {list-style-type: none;}
.box-nav-ul li a {color: #3E4847; line-height: 34px; padding-right: 10px;}
.box-nav-ul li a::before {content: " > ";color: #e31134;font-weight: bold;margin-right: 4px; padding-left: 10px;}
li.current-nav-element {background-color: #e31134; padding: 3px 0px;}
li.current-nav-element > a {color:white!important; }
li.current-nav-element > a:before {color:white!important; }
a.start_nav_headline {
display: block;
text-align: center;
margin-top: 20px;
}
.p_pfeil::after {content: ""}
p.start_nav_headline {
font-size: 24px;
font-family: Pathway Gothic One;
}
.box_border {
box-shadow: 1px 1px 1px 2px #F6F6F6;
-webkit-box-shadow: 1px 1px 1px 2px #F6F6F6;
-ms-box-shadow: 1px 1px 1px 2px #F6F6F6;
margin-bottom: 15px;
}
.box_border p {}
.mehr_button {
color: white;
position: absolute;
bottom: -27px;
text-align: center;
padding: 1px 15px;
left: 50%;
transform: translateX(-50%);}
.accordion-button:focus {
z-index: 3;
border-color: #e31134;
outline: 0;
box-shadow: 0 0 0 .25rem rgba(227,17,52,.25);
}
.accordion-header {margin-top: 0px;}
.accordion-button::after {
background-image: url("https://www.hdm-stuttgart.de/icons/unten.png");
}
.accordion-button:not(.collapsed) {
color: #e31134;
background-color: #F6F6F6;
box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.accordion-button:hover {background-color: #F6F6F6;}
/* Seitliche Navigationsleiste */
.subNavigation {position:relative; padding: 0px 0px 20px 10px;}
.subNavigation > h2 {font-size:16px; margin-top: 15px;}
.subNavigation > ul {margin-left: 0px;}
.subNavigation > ul > li, #subNavigation > ul > ul > li {list-style-type: none; background-color: #e31134; margin: 5px 0px; padding: 0px 10px; max-width:70%;}
.subNavigation > ul > li:hover, #subNavigation > ul > ul > li:hover {opacity:0.9;}
.subNavigation > ul > li:first-child {margin-top:20px;}
.subNavigation > ul > li > a {}
.subNavigation > ul > li > a > p, #subNavigation > ul > ul > li > a > p {font-family: Pathway Gothic One; font-size: 18px; color:white;}
.subNavigation > ul > ul > li > a > p::before {
content: '';
position: absolute;
display: block;
height: 30px;
width: 2px;
background-color: #ccc;
left: 10px;
transition: all 0.1s ease-in-out;
}
.subNavigation > ul > ul > li {
list-style-type: none;
margin: 5px 0px;
padding: 0px 10px;
max-width:70%;
background-color: transparent;
}
.subNavigation > ul > ul > li > a > p {
font-family: Pathway Gothic One;
font-size: 18px;
color: #000;
}
.subNavigation > ul > ul > li:hover a > p::before {
width: 10px;
z-index: -1;
}
/* NAVIGATIONSELEMENTE IN SEITEN */
/* BUTTONS */
.see_more {cursor: pointer; width: 40px; height: 100%; position: absolute; bottom: 0%; right: 0px; background-color: #F6F6F6; background-image: url(icons/vor.png); background-size:50px; background-repeat: no-repeat; background-position: center;}
.see_more:hover {background-image: url(icons/vor_white.png);}
.has_child {font-family: Pathway Gothic One; font-size: 18px;display:block; background-color: #e31134; color:white; padding: 2px 10px;text-transform: uppercase;width:80%; top:5px;}
.has_nochild {position:relative; display:block; width:80%; background-color: #e31134; padding: 20px 10px;
font-family: Pathway Gothic One; font-size: 20px; text-transform: uppercase; color:white; }
.has_nochild:hover {background-color: rgb(227,17,52,0.9);}
a.has_child {color:white; font-size: 20px;}
a.has_nochild {color:white;}
.has_kacheltext {height: auto;}
.kacheltext {width: 80%; font-family: Pathway Gothic One; font-size: 20px; line-height: 34px; padding:10px;}
/* ÜBERGEORDNETE BOX */
.nav_box {height: auto; margin-bottom: 30px;
display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
-webkit-box-align: center; -ms-flex-align: center;
-webkit-box-pack: center; -ms-flex-pack: center;
-webkit-justify-content: center; justify-content: center;
flex-wrap:wrap; -webkit-flex-wrap:wrap;}
/* NAVIGATIONSELEMENT EINZELN */
.nav_element {position: relative; float:left; padding: 0px; margin: 10px auto;
box-shadow:1px 1px 1px 2px #F6F6F6; -webkit-box-shadow: 1px 1px 1px 2px #F6F6F6; -ms-box-shadow: 1px 1px 1px 2px #F6F6F6;}
.nav_element p {margin-left: 5px;}
.nav_element > ul > li {list-style-type: none;}
.nav_element .bild_link {max-height: 266px; display: inline-block; overflow:hidden; width:100%;}
.nav_element .bild_link .img-responsive {margin:0px auto;}
/* OVERVIEW SEITEN */
.overview_box .nav_element {width:45%; margin: 25px 2% 25px 0px; padding: 0px 10px; min-height:80px;background-color:white;}
.overview_box .nav_element > h2 {height: 80px;line-height: 26px; margin-bottom: 0px; margin-left: 10px;}
.overview_box .bildrahmen > a > img {width:400px;}
.eins {min-height: 60px;}
.eins .sub_element .bildrahmen {}
.eins .sub_element .bildrahmen > a > img {width: 100%;}
.zwei {min-height: 50px;}
.zwei > p {margin-top: 50px;}
.zwei > ul {list-style-type:none; margin-bottom: 20px;}
.zwei > ul > li {margin: 0px 0px 10px 0px;}
.zwei > ul > li > a:before {content: " > "; color: #e31134; font-weight:bold;margin-right: 4px;}
.zwei > ul > li > a {font-family: Pathway Gothic One; font-size:18px;padding-left: 10px; display: block; border-bottom: 1px solid #F6F6F6;}
.zwei > ul > li > a:link {color: #3E4847;}
.zwei > ul > li > a:visited {color: #3E4847;}
.zwei > ul > li > a:focus {color: #e31134;}
.zwei > ul > li > a:hover {color: #e31134; border-bottom: 1px solid rgb(62,72,71,0.2);}
/* PARTNERHOCHSCHULEN */
.nav_box .partnerhochschulen .has_nochild {width:65%; right:0px; height:100px;}
.partnerhochschulen img {height:100px;}
/* SUBNAVIGATION */
.navContent {margin-top:20px; margin-bottom: 50px; display:flex;}
.navContent .col-lg-2 {padding:10px; margin-bottom: 20px;}
.navContent .col-lg-3b {width: 29.1666665%; float: left;}
.navContent #row {margin-bottom: 30px;
display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
-webkit-box-align: center;-ms-flex-align: center;
-webkit-box-pack: center;-ms-flex-pack: center;
-webkit-justify-content: center;justify-content: center;
-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.sub_element {box-shadow:1px 1px 1px 2px #F6F6F6;}
.sub_element .bildrahmen {}
.sub_element .bildrahmen > a > img {width:100%;}
.sub_element > ul {list-style-type: none;}
.sub_element > ul > li {padding-left: 10px;}
.sub_element > a {position:absolute; bottom:-10px;display:block; width:80%; padding: 2px 10px;
font-family: Pathway Gothic One; font-size: 18px;background-color: #e31134; color:white; text-transform: uppercase; }
.bildrahmen > div > a {display:block; background-color: #e31134; color:white; padding: 2px 10px;text-transform: uppercase;width:80%; position:absolute; bottom:-10px;
font-family: Pathway Gothic One; font-size: 18px;}
.subnav {flex-wrap:nowrap; max-width:100%;}
.subnav .nav_element {min-width:16%; max-width:18%;}
.subnav .nav_element > h2 {word-wrap: break-word; font-size: 16px;}
/* LANGES ELEMENT */
.big {height:auto;}
.nav_element > p {padding: 10px 10px 40px 10px;}
/* STUDIENGÄNGE ÜBEERSICHT */
.sgang_box.bildrahmen {height: 266px; position:relative;}
.sgang_box .nav_element {max-width:400px; margin: 25px 2% 10px 0px; padding: 0px; min-height:350px; background-color: white;}
.sgang_box .nav_element:nth-child(3n) {border:1px solod grey;}
.sgang_box .nav_element > a > h2 {font-weight: lighter; height: 60px;line-height: 26px; margin-bottom: 0px; margin-left: 10px; letter-spacing:0px; margin-top:10px;}
.sgang_box .nav_element > a > h3 {line-height: 26px; margin-bottom: 0px; margin-left: 10px; font-weight:bold; margin-top:10px;}
.sgang_box .nav_element > a:hover > h2 {color: #e31134;}
.sgang_box .bildrahmen > a > img {width:400px;}
.sgang_box .bildrahmen > a > img:hover {opacity:0.8;}
.nav_element .bewerben {color:white; position: absolute;bottom:-15px; text-align: center; padding: 1px 15px; left: 50%; transform: translateX(-50%);}
.nav_element .mehr {left:29%; bottom:-15px;}
.nav_element .termin_text {font-size: 16px; text-transform: uppercase; margin: 15px 0px 0px 10px; font-weight: bold;}
.nav_element table {}
.nav_element table > tbody > tr > td{padding: 0px 20px;}
.nav_element table h2 {margin: 0px; line-height: 26px;}
.nav_element table h3 {text-transform: none; margin: 0px; line-height: 22px; font-size:18px; font-weight: normal;}
/* ANDERES */
.sub_nav {width: 100%;
margin-top:50px; margin-left: auto;
margin-right: auto;
// text-align: justify;
-ms-text-justify: distribute-all-lines;
text-justify: distribute-all-lines;
}
.sub_nav a {
vertical-align: top;
display: inline-block;
margin-top: 10px;
}
.stretch {
width: 100%;
display: inline-block;
font-size: 0;
line-height: 0
}
.sub_nav > a > div {float:left; position: relative; height: 200px; width:300px; background-color: grey;overflow: hidden; }
.sub_nav > a > div > img {height: 200px; width: auto;}
.sub_nav > a > div > li{border: 1px solid black;list-style-type: none; display:block;border-bottom:1px solid black;position: absolute; left:0; bottom: 0; background-color: #e31134; width: 100%;opacity: 0.8; }
.sub_nav > a > div > li > p {font-size: 14px;color: white;line-height: 24px;letter-spacing: 1px;font-weight: bold;padding:5px 0px 5px 5px;}
@media (max-width:1024px) {
.subNavigation {margin-left:0px;}
.subNavigation > h2 {font-size:18px;}
.subNavigation > ul > li {max-width: 40%; padding: 5px 10px;}
.subNavigation > ul > li > a > p {font-size:20px;}
}
.table_red_white {background-color: #e31134; width: 100%;}
.table_red_white thead {background-color: #e31134;}
.table_red_white td {color: white; border: 1px solid white; padding: 15px; text-align: center;}
.table_red_white th {color: white; border: 1px solid white; padding: 15px; text-align: center;}
.table_red_white > tbody > tr > td:first-child {padding: 15px!important;}
.table_red_white > tbody > tr > td:last-child {padding: 15px!important; }
---------- Basic Tabellenstyle Verticale Linie ----------------
table {color: #3E4847; margin: 20px 0px;}
table > thead {background-color: #F6F6F6;}
table > tbody > tr {}
table > tbody > tr:last-child {border-bottom:none;}
table > tbody > tr > td {color: #3E4847;padding: 5px 20px 5px 0px; vertical-align: middle;}
table > tbody > tr > td:first-child {padding: 5px 20px 5px 0px;}
table > tbody > tr > td:last-child {}
td,th {padding:10px 0px;}
th[scope=row] {
padding: 5px 20px 5px 0px;
}
---------- Basic Tabellenstyle Verticale Linie links fett ----------------
.table_1 {}
.table_1 > thead {}
.table_1 > thead > tr > th {color: #3E4847;}
.table_1 > tbody > tr{}
.table_1 > tbody > tr:last-child{border-bottom:none;}
.table_1 > tbody > tr > td:first-child{font-weight:400;}
.table_1 > tbody > tr > td{padding: 5px 20px 5px 0px!important; border-right: 2px solid #e31134;}
.table_1 > tbody > tr > td:last-child{padding: 5px 5px 5px 20px!important;border-right: none; vertical-align: top;}
---------- Basic Tabellenstyle Horizontale Linie ----------------
.table_2 {}
.table_2 > tbody > tr{border-bottom: 2px solid #e31134;}
.table_2 > tbody > tr:last-child{border-bottom:none;}
.table_2 > tbody > tr > td{padding: 5px 5px 5px 5px;}
.table_2 > tbody > tr > td:last-child{padding: 5px;vertical-align: top;}
---------- Basic Tabellenstyle Horizontale und vertikale graue Linie ----------------
.table_3 {}
.table_3 > thead > th{background-color: #f1f1f1;border-right: 2px solid #ccc;}
.table_3 > tbody > tr{border-bottom: 2px solid #ccc;}
.table_3 > tbody > tr:last-child{border-bottom:none; }
.table_3 > tbody > tr > td,
.table_3 > tbody > tr > td:first-child{padding: 5px 5px 5px 5px;}
.table_3 > tbody > tr > td{padding: 5px;vertical-align: top;border-right: 2px solid #ccc;}
.table_3 > tbody > tr > td:last-child{padding: 5px;vertical-align: top;}
---------- Basic Tabellenstyle OHNE Linie ----------------
.table1 {color: #3E4847; margin: 20px 0px;}
.table1 > thead {background-color: #F6F6F6;}
.table1 > tbody > tr {border-bottom: 1px solid #F6F6F6;}
.table1 > tbody > tr:last-child {border-bottom:none;}
.table1 > tbody > tr > td {color: #3E4847;padding: 5px 20px 5px 20px; border-right:none;}
.table1 > tbody > tr > td:first-child {padding: 5px 20px 5px 5px; vertical-align: top;}
.table1 > tbody > tr > td:last-child {padding: 5px 5px 5px 20px;border-right: none; vertical-align: top;}
td,th {padding:10px 0px;}
--------- Programm Tabellen -----------------
.table_programm {color: #3E4847; margin: 20px 0px;}
.table_programm > thead {background-color: #F6F6F6;}
.table_programm > tbody > tr {border-bottom: 1px solid #F6F6F6;}
.table_programm > tbody > tr:last-child {border-bottom:none;}
.table_programm > tbody > tr > td {color: #3E4847;padding: 5px 20px 5px 20px; border-right:none;}
.table_programm > tbody > tr > td:first-child {padding: 5px 20px 5px 5px; vertical-align: top;}
.table_programm > tbody > tr > td:last-child {padding: 5px 5px 5px 20px;border-right: none; vertical-align: top;}
--------- Rote Layouttabelle -----------------
---------- Tabellenstyle 1 ----------------
.tablestyle_1 {margin: 0px auto;box-shadow: 2px 2px 10px #a6a6a6; width: 100%; background-color: white; line-height: 30px;}
.tablestyle_1 > thead {font-weight: bold;background-color: #cccccc;}
.tablestyle_1 > thead > tr {}
.tablestyle_1 > thead > tr > th {padding: 10px;}
.tablestyle_1 > tbody {}
.tablestyle_1 > tbody > tr {border-bottom: 1px dashed grey;}
.tablestyle_1 > tbody > tr > td {padding: 5px 10px 5px 10px;}
---------- Tabellenstyle 2 ----------------
.tablestyle_2 {margin: 0px auto;width: 100%; background-color: white; line-height: 30px;}
.tablestyle_2 > thead {font-weight: bold;background-color: #a6a6a6;}
.tablestyle_2 > thead > tr {}
.tablestyle_2 > thead > tr > th {padding: 10px;}
.tablestyle_2 > tbody {}
.tablestyle_2 > tbody > tr {}
.tablestyle_2 > tbody > tr > td {padding: 5px 10px 5px 10px;}
---------- Tabellenstyle KLEIN ----------------
.table_klein {margin: 0px auto;border:none;}
.table_klein > th {}
.table_klein > tr{border-bottom:1px solid grey;}
.table_klein > tr > td{min-width: 1em;}
---------- Tabellenstyle Kurzinfo ----------------
.table_info {margin: 0px auto;}
.table_info > thead {}
.table_info > thead > tr > th{font-weight:bold; padding: 0px 20px 5px 0px;}
.table_info > tbody > tr{border-bottom: none;}
.table_info > tbody > tr:last-child{}
.table_info > tbody > tr > td{padding: 0px 0px 5px 20px;}
.table_info > tbody > tr > td:2nd-child{border-left: 1px solid #E31134;}
---------- Tabellenstyle OHNE RAND ----------------
.table_borderless {margin: 0px auto;}
.table_borderless > th {}
.table_borderless > tbody > tr{border-right: none;border-left: none;}
.table_borderless > tbody > tr > td {border-right: none;border-left: none;}
.table_borderless > tbody > tr > td:first-child {border-right: none;border-left: none;}
---------- Tabellenstyle MIT RAND ------------
.table_border {border-bottom: 1px solid #c1c1c1;}
.table_border th {padding: 5px 10px;}
.table_border th:first-child {padding: 5px 10px 5px 0px;}
.table_border > tbody > tr > td {
border-bottom: 1px solid #c1c1c1;
padding: 5px 10px;
}
---------- Tabellenstyle MIT KLEINERER SCHRIFT UND REDUZIERTEM PADDING u. LINE-HEIGHT (INTERNE ADMINTABELLEN) ------------
table.compressed {width:100%; max-width:none;}
table.compressed > tbody > tr > td:first-child, table.compressed > tbody > tr > td:last-child, table.compressed > tbody > tr > th:first-child{
padding: 5px 5px 5px 5px; vertical-align: top; line-height: 1.5em;
}
table.compressed > tbody > tr > th:last-child {border-right: 0px;}
table.compressed > tbody > tr > td, table.compressed td, table.compressed > tbody > tr > th, table.compressed th {vertical-align: top;
color: #3E4847; padding: 5px 5px 5px 5px; border-right: 2px solid #e31134; line-height: 1.5em;
}
table.compressed > tbody > tr > th, table.compressed th {color: #3E4847; padding: 5px 5px 5px 5px; border-right: 0px; line-height: 1.5em;}
table.tr_hover tr:hover {background-color: #f1f1f1;}
.header {color: #e31134; cursor: pointer;}
/*************
Default Theme Table Sorter
*************/
/* overall */
.tablesorter-default {
width: 100%;
background-color: #fff;
border-spacing: 0;
margin: 10px 0 15px;
text-align: left;
}
/* header */
.tablesorter-default th,
.tablesorter-default thead td {
font-weight: bold;
color: #e31134;
background-color: #fff;
border-collapse: collapse;
border-bottom: #ccc 2px solid;
padding: 0;
}
.tablesorter-default tfoot th,
.tablesorter-default tfoot td {
border: 0;
}
.tablesorter-default .header,
.tablesorter-default .tablesorter-header {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
background-position: center right;
background-repeat: no-repeat;
cursor: pointer;
white-space: normal;
padding: 4px 20px 4px 4px;
}
.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
border-bottom: #000 2px solid;
background-color:#f3f3f3;
}
.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
border-bottom: #000 2px solid;
background-color:#f3f3f3;
}
.tablesorter-default thead .sorter-false {
background-image: none;
cursor: default;
padding: 4px;
}
/* tfoot */
.tablesorter-default tfoot .tablesorter-headerSortUp,
.tablesorter-default tfoot .tablesorter-headerSortDown,
.tablesorter-default tfoot .tablesorter-headerAsc,
.tablesorter-default tfoot .tablesorter-headerDesc {
border-top: #000 2px solid;
}
/* tbody */
.tablesorter-default td {
background-color: #fff;
border-bottom: #ccc 1px solid;
padding: 4px;
vertical-align: top;
}
/* hovered row colors */
.tablesorter-default tbody > tr.hover > td,
.tablesorter-default tbody > tr:hover > td,
.tablesorter-default tbody > tr.even:hover > td,
.tablesorter-default tbody > tr.odd:hover > td {
background-color: #fff;
color: #000;
}
/* table processing indicator */
.tablesorter-default .tablesorter-processing {
background-position: center center !important;
background-repeat: no-repeat !important;
/* background-image: url(images/loading.gif) !important; */
background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;
}
/* Zebra Widget - row alternating colors */
.tablesorter-default tr.odd > td {
background-color: #dfdfdf;
}
.tablesorter-default tr.even > td {
background-color: #efefef;
}
/* Column Widget - column sort colors */
.tablesorter-default tr.odd td.primary {
background-color: #bfbfbf;
}
.tablesorter-default td.primary,
.tablesorter-default tr.even td.primary {
background-color: #d9d9d9;
}
.tablesorter-default tr.odd td.secondary {
background-color: #d9d9d9;
}
.tablesorter-default td.secondary,
.tablesorter-default tr.even td.secondary {
background-color: #e6e6e6;
}
.tablesorter-default tr.odd td.tertiary {
background-color: #e6e6e6;
}
.tablesorter-default td.tertiary,
.tablesorter-default tr.even td.tertiary {
background-color: #f2f2f2;
}
/* caption */
.tablesorter-default > caption {
background-color: #fff;
}
/* filter widget */
.tablesorter-default .tablesorter-filter-row {
background-color: #eee;
}
.tablesorter-default .tablesorter-filter-row td {
background-color: #eee;
border-bottom: #ccc 1px solid;
line-height: normal;
text-align: center; /* center the input */
-webkit-transition: line-height 0.1s ease;
-moz-transition: line-height 0.1s ease;
-o-transition: line-height 0.1s ease;
transition: line-height 0.1s ease;
}
/* optional disabled input styling */
.tablesorter-default .tablesorter-filter-row .disabled {
opacity: 0.5;
filter: alpha(opacity=50);
cursor: not-allowed;
}
/* hidden filter row */
.tablesorter-default .tablesorter-filter-row.hideme td {
/*** *********************************************** ***/
/*** change this padding to modify the thickness ***/
/*** of the closed filter row (height = padding x 2) ***/
padding: 2px;
/*** *********************************************** ***/
margin: 0;
line-height: 0;
cursor: pointer;
}
.tablesorter-default .tablesorter-filter-row.hideme * {
height: 1px;
min-height: 0;
border: 0;
padding: 0;
margin: 0;
/* don't use visibility: hidden because it disables tabbing */
opacity: 0;
filter: alpha(opacity=0);
}
/* filters */
.tablesorter-default input.tablesorter-filter,
.tablesorter-default select.tablesorter-filter {
width: 95%;
height: auto;
margin: 4px auto;
padding: 4px;
background-color: #fff;
border: 1px solid #bbb;
color: #333;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: height 0.1s ease;
-moz-transition: height 0.1s ease;
-o-transition: height 0.1s ease;
transition: height 0.1s ease;
}
/* rows hidden by filtering (needed for child rows) */
.tablesorter .filtered {
display: none;
}
/* ajax error row */
.tablesorter .tablesorter-errorRow td {
text-align: center;
cursor: pointer;
background-color: #e6bf99;
}
.tablesorter-header-inner {color:#e31134;}
.termine{min-height: 435px;}
.termine > a:link {color:#3E4847;}
.termine > a:visited {color:#3E4847;}
.termine > a:hover {color:#e31134;}
.termine > p> a:link {font-weight: bold;}
.termin_einzeln {min-height: 50px; display: inline-block; width: 100%; margin: 1px 0px; transition: all 0.5s ease-out; padding-top: 5px; padding-right: 2px;}
.termin_einzeln:last-child {border-bottom: none;}
.termin_einzeln:hover {background-color: #F6F6F6;}
.termin_text {margin-left: 10px; padding-left: 100px; min-height: 20px; }
.termin_datum {border-right: 2px solid #e31134; display: inline-block; min-height: 60px; width: 90px; float: left; text-align: center; padding: 0px 5px 0px 5px;}
.termin_zahl {font-size: 24px; margin: 0px 0px 0px 0px;}
.termin_monat {font-size: 14px; text-transform: uppercase;margin: 0px 0px 0px 0px;}
.mehr_button {padding: 5px; text-align:center; text-transform: uppercase; display:block; transition: all 0.5s ease-out;}
.mehr_button > p {color: #e31134;}
.mehr_button:hover {background-color: #e31134;}
.mehr_button:hover > p {color:white;}
.termin_info {margin: 0px auto 50px auto;}
.termin_info h1 {margin-bottom: 20px;}
.termin_info p {margin: 1.5em 0;}
.termin_ansicht_infos {margin:0px auto; padding: 0px 0px 10px 20px; background-color: #F6F6F6;}
.termin_ansicht_infos h2 {margin-bottom: 15px; padding: 0px;}
.welttage {min-height: 245px;}
.termin_info .bildkasten {max-width:960px;}
/*
== jquery thumbnail/image scroller ==
Plugin URI: http://manos.malihu.gr/jquery-thumbnail-scroller/
*/
/*
CONTENTS:
1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
2. SCROLLING BUTTONS STYLE - buttons size, background, color, positioning etc.
3. THUMBNAILS STYLE - basic thumbnails CSS.
4. THEMES - Scroller colors, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mThumbnailScroller{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }
.mThumbnailScroller.mTS_no_scroll, .mThumbnailScroller.mTS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
.mTSWrapper{
position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: none;
direction: ltr;
}
.mTSContainer{
margin: 0;
padding: 0;
overflow: hidden;
}
ul.mTSContainer, ol.mTSContainer{ list-style: none; }
.mTSThumb,
ul.mTSContainer > li img{ vertical-align: bottom; }
.mTS_vertical .mTSContainer{
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.mTS_horizontal .mTSContainer{
margin-left: 0 !important;
margin-right: 0 !important;
}
/*
------------------------------------------------------------------------------------------------------------------------
2. SCROLLING BUTTONS STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mTSButton{
/* button size (if changed, also change the buttons top and left margins below) */
width: 50px;
height: 60px;
line-height: 20px;
padding: 14px;
/* ---------- */
overflow: hidden;
text-align: center;
background-color: #000; /* button background */
color: #fff; /* non-svg button icon color */
display: inline-block;
position: absolute;
top: 0;
left: 0;
/* show button effect (fades-in button from zero size) */
opacity: 1;
-webkit-transition: height 0s ease-out 0s, width 0s ease-out 0s, padding 0s ease-out 0s, opacity .2s ease-out 0s;
-moz-transition: height 0s ease-out 0s, width 0s ease-out 0s, padding 0s ease-out 0s, opacity .2s ease-out 0s;
-o-transition: height 0s ease-out 0s, width 0s ease-out 0s, padding 0s ease-out 0s, opacity .2s ease-out 0s;
-ms-transition: height 0s ease-out 0s, width 0s ease-out 0s, padding 0s ease-out 0s, opacity .2s ease-out 0s;
transition: height 0s ease-out 0s, width 0s ease-out 0s, padding 0s ease-out 0s, opacity .2s ease-out 0s;
/* ---------- */
}
.mTSButton:hover {background-color: white;}
/* buttons positioning */
.mTSButtonDown{
top: auto;
bottom: 0;
}
.mTSButtonRight{
left: auto;
right: 0;
background-image: url("icons/vor.png");
}
.mTSButtonUp,
.mTSButtonDown{ /* margin is half the button size */
left: 50%;
margin-left: -24px;
}
.mTSButtonLeft {background-image: url("icons/zurueck.png");}
.mTSButtonLeft,
.mTSButtonRight{ /* margin is half the button size */
top: 50%;
margin-top: -44px;
background-size: 60px;
background-repeat: no-repeat;
background-position-y: 0px;
background-color: white;
}
.mTSButtonLeft:hover,
.mTSButtonRight:hover{
opacity: 0.9;
}
.mTSButtonIconContainer{
display:none;
}
.mTSButtonIcon{ /* SVG icon */
display: inline-block;
fill: #fff; /* button icon color */
position: absolute;
top: 0;
left: 0;
}
.mTSButton.mTS-hidden,
.mThumbnailScroller.mTS_no_scroll .mTSButton{
/* hide button effect (fades-out button to zero size) */
opacity: 0;
height: 0;
width: 0;
padding: 0;
-webkit-transition: height 0s ease-out .2s, width 0s ease-out .2s, padding 0s ease-out .2s, opacity .2s ease-out;
-moz-transition: height 0s ease-out .2s, width 0s ease-out .2s, padding 0s ease-out .2s, opacity .2s ease-out;
-o-transition: height 0s ease-out .2s, width 0s ease-out .2s, padding 0s ease-out .2s, opacity .2s ease-out;
-ms-transition: height 0s ease-out .2s, width 0s ease-out .2s, padding 0s ease-out .2s, opacity .2s ease-out;
transition: height 0s ease-out .2s, width 0s ease-out .2s, padding 0s ease-out .2s, opacity .2s ease-out;
/* ---------- */
}
/*
------------------------------------------------------------------------------------------------------------------------
3. THUMBNAILS STYLE
------------------------------------------------------------------------------------------------------------------------
*/
/* thumbnail container (default: li) */
.mTS_horizontal .mTSThumbContainer,
.mTS_horizontal ul.mTSContainer > li{ float: left; }
/*
------------------------------------------------------------------------------------------------------------------------
4. THEMES
------------------------------------------------------------------------------------------------------------------------
*/
/* theme: "buttons-in" */
.mTS-buttons-in{
padding: 14px;
background-color: #000;
}
.mTS-buttons-in .mTSButtonIcon{ fill: #fff; }
.mTS-buttons-in .mTSWrapper,
.mTS-buttons-in .mTSButton{ background-color: inherit; }
.mTS-buttons-in .mTSButtonLeft,
.mTS-buttons-in .mTSButtonRight{
width: 24px;
height: 48px;
padding: 24px 4px 0 4px;
margin-top: -36px;
}
.mTS-buttons-in .mTSButtonUp,
.mTS-buttons-in .mTSButtonDown{
width: 24px;
height: 24px;
padding: 4px 24px;
margin-left: -36px;
}
.mTS-buttons-in .mTSButton.mTS-hidden{
height: 0;
width: 0;
padding: 0;
}
.mTS-buttons-in .mTSButton:not(.mTS-hidden){ opacity: .4; }
.mTS-buttons-in:hover .mTSButton:not(.mTS-hidden){ opacity: 1; }
.mTS-buttons-in .mTS_vertical .mTSThumbContainer{ margin: 14px 0; }
.mTS-buttons-in .mTS_vertical .mTSThumbContainer:first-child{ margin-top: 0; }
.mTS-buttons-in .mTS_vertical .mTSThumbContainer:last-child{ margin-bottom: 0; }
.mTS-buttons-in .mTS_horizontal .mTSThumbContainer{ margin: 0 7px; }
.mTS-buttons-in .mTS_horizontal .mTSThumbContainer:first-child{ margin-left: 0; }
.mTS-buttons-in .mTS_horizontal .mTSThumbContainer:last-child{ margin-right: 0; }
/* ---------------------------------------- */
/* theme: "buttons-out" */
.mTS-buttons-out{
padding: 6px;
background: #000;
}
.mTS-buttons-out .mTSButtonIcon{ fill: #000; }
.mTS-buttons-out .mTSButton{
background-color: transparent;
width: 36px;
height: 36px;
line-height: 42px;
padding: 6px;
}
.mTS-buttons-out .mTSButton.mTS-hidden{
height: 0;
width: 0;
padding: 0;
}
.mTS-buttons-out .mTS_vertical .mTSThumbContainer{ margin: 6px 0; }
.mTS-buttons-out .mTS_vertical .mTSThumbContainer:first-child{ margin-top: 0; }
.mTS-buttons-out .mTS_vertical .mTSThumbContainer:last-child{ margin-bottom: 0; }
.mTS-buttons-out .mTS_horizontal .mTSThumbContainer{ margin: 0 3px; }
.mTS-buttons-out .mTS_horizontal .mTSThumbContainer:first-child{ margin-left: 0; }
.mTS-buttons-out .mTS_horizontal .mTSThumbContainer:last-child{ margin-right: 0; }
/* ---------------------------------------- */
/* theme: "hover-full" */
.mTS-hover-full{
padding: 8px;
background: rgba(0,0,0,.2);
}
.mTS-hover-full .mTS_vertical .mTSThumbContainer{ margin: 8px 0; }
.mTS-hover-full .mTS_vertical .mTSThumbContainer:first-child{ margin-top: 40px; }
.mTS-hover-full .mTS_vertical .mTSThumbContainer:last-child{ margin-bottom: 40px; }
.mTS-hover-full .mTS_horizontal .mTSThumbContainer{ margin: 0 4px; }
.mTS-hover-full .mTS_horizontal .mTSThumbContainer:first-child{ margin-left: 40px; }
.mTS-hover-full .mTS_horizontal .mTSThumbContainer:last-child{ margin-right: 40px; }
/* ---------------------------------------- */
/* TOGGLE SLIDE */
dt{}
dd {display:none; }
dd > p{display:inline-block;}
.closed {}
.open {}
/* FAQ */
.faq_frage {border-bottom: 1px solid #f6f6f6; margin-bottom: 10px; cursor: pointer; padding: 10px 0px 0px 10px;}
.faq_frage:hover {background-color: #f6f6f6;}
.faq_frage p {color: #e31134;}
.faq_antwort {margin-bottom: 15px; margin-left: 20px; max-width: 75%; background-color: #F6F6F6;
padding: 10px; margin-top: -10px;}
.faq_antwort:hover {color: #3E4847;}
.faq_antwort > ul {margin: 10px 20px; }
.faq_antwort > ul > li {margin-left: 10px;}
.acc_exp {}
.acc_exp::before {content: '';}
.veranstaltung_box {width: 80%; min-height: 200px;}
.veranstaltung_box > h2{margin-left: 10px;}
.veranstaltung_box > p {width: 850px; line-height: 24px;}
.veranstaltung_box > a{}
.veranstaltung_box > span > img {margin: 0px 30px 0px 10px;}
.veranstaltung_box_more {width: 300px; min-height: 100px; float: right;}
.veranstaltung_box_more > ul{margin: 0px 0px 0px 170px; width: 100%;}
.veranstaltung_box_more > ul > li{line-height: 24px;}
.veranstaltung_box_more > ul > li:first-child{line-height: 24px; border-bottom: 1px solid black;}
.veranstaltung_box_more > ul > li > a{}
.veranstaltung_box_more_hidden {width: 1000px; }
.veranstaltung_box_more_hidden > ul{margin: 0px 0px 0px 170px; width: 100%;}
.veranstaltung_box_more_hidden > ul > li{line-height:0px; }
.veranstaltung_box_more_hidden > ul > li:first-child{line-height: 0px;}
.veranstaltung_box_more_hidden > ul > li:last-child{line-height: 0px;}
.veranstaltung_box_more_hidden > ul > li > a{}
.show_content {width: 1000px; min-height: 100px;padding: 10px; line-height: 24px; border-bottom: 1px solid black;}
.show_content > ul > li {margin-left: 10px; margin-top:15px;}
.basic_content {}
.testimonial {}
@media print {
/* General styles definitions: */
div#responsive_suche, ul#responsive_nav, div.kommentar_box, nav.breadcrumb, div.footer_small_wrapper {display:none;}
h4 {left:0; position:relative; padding:0px;}
/* hide elements that don't need to be printed */
.dont_print, video, audio, object, embed {
display: none;
}
/* page margins, no support in FF */
@page {
margin: 0.5cm;
}
/*serifs for the better readability */
body {
font: 12pt Georgia, "Times New Roman", Times, serif;
line-height: 1.3;
}
/* some font sizes for the headings */
h1 {
font-size: 24pt;
}
h2 {
font-size: 14pt;
margin-top: 25px;
}
/* hide internal links */
a[href^="#"]:after {
display: none;
}
/*h2 > a:after {
display: none;
}*/
/* display external links in brackets and less intrusive for the better readability */
a[href^="http://"]:after, a[href^="https://"]:after {
content: " (" attr(href) ")";
font-size: 80%;
margin-left: 5px;
color: #000;
}
/* break long links */
a {
word-wrap: break-word;
}
/* begin every content section on a new page */
.contentSection {
break-before: page;
}
/* avoid page break inside images, figures and single posts */
img, figure, .single_post_content {
break-inside: avoid;
page-break-inside: avoid;
}
/* avoid page break right after the headings */
h2, h3 {
break-after: avoid-page;
page-break-after: avoid;
}
/* prevent single line at the end of the page or the single line on the next page */
p {
orphans: 2;
widows: 2;
}
/* don't display images in lists, it breaks a lot*/
ul img {
display: none;
}
/* specific styles: */
/* display logo */
nav#masthead {
position:absolute;
}
nav#masthead > .mast_box > a[href^="/index_html"]:after {
display:none;
}
#logo_nav {
display: block;
position: absolute;
margin-top: 35px;
margin-left:-5px;
width:110px;
}
#unterseiten_logo {display:none;}
.icon_small {display:none;}
.info_person_kurz {border:none; margin:0px; padding:0px;}
main {
margin: 0 1% 0 1%;
}
.single_sidebar, .col-lg-4, .col-lg-8, .single_post_content, .bsbig_fig p,
.seiten_titel, .single_post_content, p {
width:100% !important;
max-width: 100% !important;
margin-bottom: 0;
}
.box_news ul > li {
margin: 0;
}
.bsbig_fig figcaption {
padding: 0;
margin: 0;
}
.seiten_titel h4 {
margin: auto;
display: block;
text-align: center;
}
.single_post_content img,
.single_post_content_left .bsbig_fig .featured_img {
float:left;
width: 33%;
margin: 0 20px 0 0;
height: auto;
}
.box_news ul > li figcaption, .box_news ul > li p {
padding: 0;
height: auto;
}
.single_post_content > h2 {
margin-bottom: 0;
}
ul.spost_nav {
list-style-type:disc;
}
.spost_nav li {
height: auto;
min-height: auto;
border-bottom: 0;
}
.spost_nav li * {
display: inline;
}
.spost_nav li:before {
content: ">>"
}
.row {
margin: 0;
}
li .featured_head {
width: auto !important;
}
.media {
height:auto;
min-height:auto;
}
ul.spost_nav .media.clearfix:before {
content: "";
display: inline;
}
ul.spost_nav .featured_head {
float: none;
}
ul.spost_nav .media.clearfix:after {
content: "";
display: inline;
}
#termine a {
}
a.scrollToTop,
ul#insta,
.slick_slider,
#termine > .mehr_button,
#slideshowWrapper,
div#head_top,
nav#masthead > .mast_box > *:not(a),
ul.breadcrumb,
div.footer_nav,
a.featured_img {
display:none !important;
}
main .wow {
/*display: block !important;*/
}
/* NEWS ANSICHT */
.newscontent_teaser {padding: 2% 0% 0% 0%;}
}
/* YouTube privacy overlay */
.yt-overlay {background-color: rgb(62, 72, 61, 0.9)!important; border: none!important;}
.yt-overlay-text-box {display: table; width: 100%; height: 30%; background-color: rgba(246, 246, 246, 0.7); padding: 10%!important; }
.yt-overlay-text {display: table-cell; vertical-align: middle; text-align: center;}
.yt-overlay-text,.yt-overlay-text > a {font-size: 14px!important; }
.yt-video {
position: relative;
width: 100%;
margin: 0;
padding: 0;
}
.yt-video .yt-overlay {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 6000;
background: rgba(255, 255, 255, 0.9);
background-size: 100px 100px;
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: column;
cursor: pointer;
padding: 10px;
border: 1px solid #e31134;
}
.yt-video p {
font-size:12px;
}
.yt-video a {
font-size:12px;
}
@media (max-width:900px) {
.yt-video .yt-overlay {
padding: 0;
}
}
/*
@supports (backdrop-filter: blur(10px)) {
.yt-video .yt-overlay {
background-color: unset;
backdrop-filter: blur(10px);
}
}
*/
.yt-video .yt-overlay * {
text-align: center;
cursor: default;
}
.yt-video .yt-overlay>* {
margin: 0;
padding: 0.75em;
}
.yt-video .yt-overlay button {
background-color: transparent;
border: 1px solid #3E4847;
border-radius: 3px;
padding: 1px 3px 3px 3px;
cursor: pointer;
}
.yt-video iframe {
width: 100%;
height: 500px;
/*aspect-ratio: 16/9;*/
background-repeat: no-repeat;
background-size: cover;
}
@media all and (-ms-high-contrast:none) {
.container{} /* IE10 */
*::-ms-backdrop, .container{} /* IE11 */
}
.box_ie {width:49%; float: left;}
.box_ie_3 {width:33%; float: left;}
.box_ie_1 {width:100%; float: left;}
/* Hier eingetragene Stile wirken in allen Browsern älter als IE8 */
.lt-ie8 #logo_nav {background-image: url(https://www.hdm-stuttgart.de/spielwiese/centralImages/logo_web.jpg)}
/* Hier eingetragene Stile wirken in allen Browsern älter als IE9 */
.lt-ie9 .content {border: 1px solid yellow;}
/* Hier eingetragene Stile wirken in allen Browsern älter als IE10 */
.lt-ie10 .content {}
.lt-ie10 #sliderSection .col-xs-12 {width:50%;}
.lt-ie10 #contentSection .col-xs-12 {width:75%; margin-left: 11%;}
.lt-ie10 #contentSection2 .col-xs-12 {float:left; margin-left: 2%; width: 47%;}
.lt-ie10 #contentSection2 .col-xs-12 > .col-xs-12 { float:left; margin-left: 2%; width: 100%;}
.lt-ie10 #contentSection2 .single_post_content {margin-left: 9%;}
.lt-ie10 #contentSection2 .single_sidebar { margin-left: 53%;}
.lt-ie10 #contentSection3 .col-xs-12 {width:47%;margin-left: 2%;}
.lt-ie10 #contentSection3 .col-xs-12 > .col-xs-12 { float:left; margin-left: 2%; width: 100%;}
.lt-ie10 #contentSection3 .single_sidebar { margin-left: -63%;}
.lt-ie10 #contentSection4 .col-xs-12 {width:47%;margin-left: 2%;}
.lt-ie10 #contentSection4 .col-xs-12 > .col-xs-12 {float:left; margin-left: 2%; width: 100%;}
.lt-ie10 #contentSection4 .single_sidebar { margin-left: -4%;}
.lt-ie10 .container {width:80%; margin:0px auto;}
}