/* HTML ****** */
html {background:rgb(247,249,250); min-height:100%; height:100%; overflow-y:scroll;}
body {font:12px/1.66em Verdana,Helvetica,sans-serif; color:rgb(51,51,51); min-height:100%; -webkit-text-size-adjust:100%; overflow-x:hidden;}

h1,h2,h3,h4,h5,h6 {line-height:1.25em; font-weight:normal;}
h1,h2,h3,h4 {font-family:'Gentium Book Basic',serif; font-size:1.45em;}
p {margin-bottom:1em;}
b {} 
a {text-decoration:none; color:rgb(35,141,203);}
a:hover {text-decoration:underline;}
ol, ul {}
li {}
label {font-style:italic;}
form {}
input,button,select,textarea {padding-left:.9em; padding-right:.9em; box-sizing:border-box; height:3em; background:rgb(255,255,255); border:1px solid rgb(187,187,187);}
[type=submit] {width:auto;cursor:pointer;}
[type=checkbox], [type=radio] {width:auto;}
textarea {padding-top:.9em; padding-bottom:.9em; font-family:inherit; line-height:inherit; overflow:auto; height:auto; width:100%;}
img,video,audio {font:1em/1em 'Arial Narrow',Arial,Helvetica,Verdana,sans-serif; color:rgb(153,153,153); font-size:0.9em; max-width:100%; height:auto;}
figure {margin-bottom:1em;}
figure img {display:block;}
figure div {position:relative;} /* position:relative für .copyright */
figure div img {width:100%;} /* Bild über komplette Breite wegen .copyright */
figcaption {margin-top:1em; color:rgb(153,153,153); font-size:0.9em; line-height:1.66em;}
span {}
acronym {cursor:help;}
blockquote {}
hr {border:none; border-top:1px solid rgb(231,237,239); margin:2em 0;}

[class*="kas-logo"] {width:85px; height:35px; max-width:none;}
svg.kas-logo-blue path {}
svg.kas-logo-white path {fill:rgb(255,255,255);}
svg.kas-logo-grey path {fill:rgb(102,102,102);}
svg.kas-logo-black path {fill:rgb(0,0,0);}


/* COLORS ****** */
.bg-white {background-color:rgb(255,255,255);}
.bg-black {background-color:rgb(0,0,0);}
.bg-blue {background-color:rgb(39,151,210);}
.bg-darkblue {background-color:rgb(0,67,129);}
.bg-lightblue {background-color:rgb(229,240,247);}
.bg-grey {background-color:rgb(243,243,241);}
.bg-coolgrey {background-color:rgb(231,237,239);}
.bg-coolgrey-light {background-color:rgb(236,240,241);}
.bg-warmgrey {background-color:rgb(237,237,235);}
.bg-beige {background-color:rgb(242,242,237);}

.border-grey {border-color:rgb(231,237,239) !important;}
.border-blue {border-color:rgb(39,151,210) !important;}

/* LAYOUT ****** */
#position {position:relative; margin:0 auto; max-width:1095px; width:100%;}
.container_35 {padding-left:15px; padding-right:15px;}
.centerContainer {margin:0 auto; position:relative;}

.print {display:none !important;}

.desktop {display:none !important;}
.tablet {display:none !important;}
.laptop {display:none !important;}
.mobile {display:inherit !important;}
.state-indicator {position:absolute; top:-999em; left:-999em;}
.state-indicator:before {content:'mobile';}

.text-left {text-align:left !important;}
.text-center {text-align:center !important;}
.text-right {text-align:right !important;}

/* HEADER ****** */
.search {}
.search [type=text] {padding-left:0; width:160px; color:rgb(136,136,136) !important;}
.search [type=submit] {padding:0; width:3em; background:rgb(255,255,255);}
.search [type=submit]:hover {background:rgb(255,255,255);}
.search [type=submit] [class*="fa"] {font-size:1.1em;}

.icons a {margin-left:.5em; display:inline-block; font-size:1.33em; text-align:center; line-height:34px; color:rgb(255,255,255); width:34px; background:rgb(39,151,210); -webkit-transition:background-color 500ms ease-out 0s; -moz-transition:background-color 500ms ease-out 0s; -o-transition:background-color 500ms ease-out 0s; transition:background-color 500ms ease-out 0s;}
.icons a:hover {background-color:rgb(0,67,129);}

#header {border-bottom:1px solid rgb(231,237,239);}
#header .centerContainer {overflow:hidden;} /* to ensure that searchfield is not breaking to new line */
#header .logo {float:right; margin-top:7.5px;}
#header .logo a {display:inline-block;}

html.subbrand #header .logo a {overflow:hidden; width:35px; height:35px;}
html.subbrand #header .visual {height:0; color:rgb(0,67,129); text-align:center;}
html.subbrand #header .visual a {color:rgb(0,67,129);}
html.subbrand #header .visual a.portallink {display:none;} /* zur Sicherheit ausblenden */
html.subbrand #header .visual div {position:relative; top:-33px; display:inline;}
html.subbrand #header .visual div h2 {display:inline; font-size:1.5em;}

#navigation {margin-top:22px; width:110%; height:35px; line-height:35px; text-transform:uppercase; overflow:hidden; display:block;}
#navigation ul {float:left;}
#navigation ul li {float:left; border-right:1px solid rgb(255,255,255);}
#navigation ul li:first-child a {padding:0 0 0 45px; float:left; width:45px; text-align:center;}
#navigation ul li:first-child a .icon-home {margin-bottom:-2px;}
#navigation ul li a {padding:0 2.5em; float:left; font-size:0.9em; color:rgb(255,255,255); text-decoration:none; background:rgb(39,151,210);}
#navigation ul li a:hover, #navigation ul li a.active {background-color:rgb(0,67,129);}

html.subbrand #navigation {margin-top:1px;}

#navigation input, #navigation button {background-color:transparent; color:rgb(255,255,255) !important; border:none;}
#navigation .search {float:left; background:transparent; -webkit-transition:background-color 500ms ease-out 0s; -moz-transition:background-color 500ms ease-out 0s; -o-transition:background-color 500ms ease-out 0s; transition:background-color 500ms ease-out 0s; overflow:hidden;}
#navigation .search:hover {background:rgb(0,67,129);}
#navigation .search [type=text] {width:200px;}


/* CONTENT ****** */
.breadcrumbs {padding:15px 0 5px; font-size:.9em; color:rgb(153,153,153);}
.breadcrumbs span {display:none;}
.breadcrumbs a {color:rgb(153,153,153); padding:0 5px; text-decoration:none;}
.breadcrumbs a:first-child {padding-left:0;}
.breadcrumbs a[href] {text-decoration:underline;}

.listview h2 {margin-bottom:1em; font-size:1.9em;}
.listview h2.longtext {font-size:1.6em; margin-bottom:1.4em;}
.listview h3 {font-size:1.4em; margin-bottom:0.05em;}
.listview h3 ~ h3 {padding-top:0.75em;}
.listview h4 {font-size:1.45em; margin:0.75em 0;}
.listview h4 a {color:rgb(51,51,51);}
.listview p {margin:0;}
.listview p a {color:rgb(51,51,51);}
.listview .topic {font-size:.85em; line-height:1.6em; text-transform:uppercase; margin-bottom:0.15em;}
.listview .subtitle {}
.listview .context {font-size:.9em; color:rgb(153,153,153);}
.listview .context a {color:rgb(153,153,153); text-decoration:underline;}
.listview .context a, .listview .context span {text-transform:uppercase;}
.listview p.button {margin-top:2em; text-align:left;}
.listview article ~ article {margin-top:2em;}
.listview article ~ h2 {margin-top:1em;}

aside.listview article {margin-top:0;}
aside.listview article + article {margin-top:1em; padding-top:1em; border-top:1px solid rgb(231,237,239);}
aside.listview article ~ h2 {margin-top:3em;}
aside.listview h2 {font-size:1.3em; text-transform:uppercase; letter-spacing:1px; font-weight: bold;}
aside.listview h3 {font-size:1.2em;}
aside.listview p.calendar {float:left; margin-right:2em; width:7.8em;}

.detailview {text-align:center;}
.detailview article .teaser {text-align:center; margin-bottom:1.4em;}
.detailview article .teaser img {border:1px solid rgb(238,238,238);}
.detailview article .topic {color:rgb(153,153,153); font-size:1em; text-transform:uppercase;}
.detailview article .topic a {color:rgb(153,153,153);}
.detailview article h1 {font-size:2.33em; margin-bottom:0.6em;}
.detailview article h4 {margin:-0.8em 0 1em; font-size:1.45em; line-height: 1.4em;}
.detailview article p:not([class]) {font-size:1.25em; line-height:1.9em; text-align:left;}
.detailview article .context {color:rgb(153,153,153);}
.detailview article .context a {color:rgb(153,153,153); text-decoration:underline;}
.detailview article .context a {text-transform:uppercase; white-space:nowrap;}
.detailview article .context a:not([href]) {text-decoration:none;}
.detailview article .context span {display:block;}
.detailview article .context span ~ span {margin-left:1em;}
.detailview article .context span ~ span a {text-transform:none;}
.detailview article p:last-child {margin-bottom:0;}
.detailview ~ div .context {font-size:.9em; color:rgb(153,153,153);}
.detailview ~ div .context a {color:rgb(153,153,153); text-transform:uppercase; text-decoration:underline; white-space:nowrap;}
.detailview ~ div .teaser {font-size:1.5em; line-height:1.85em; margin-bottom:0;}

.metainfo {font-size:.8em !important; color:rgb(153,153,153) !important;}
.metainfo a {color:rgb(102,102,102) !important; display:inline;}

.button {margin:2em 0; font-size:1.1em; line-height:3.1em;}
.button .fa {margin-right:.5em;}
.button a, [type=submit] {display:inline-block; border:none; padding:0 1em; color:rgb(255,255,255) !important; text-transform:uppercase; background:rgb(39,151,210); transition:all 500ms ease-out 0s;}
.button a:hover, [type=submit]:hover {text-decoration:none; background:rgb(0,67,129);}
.button a + a {margin-left:1em;}
.button.small {font-size:0.9em; line-height:2.2em;}
.button.small a {padding:0 1.5em;}
.button.bg-white a, .button a.bg-white {color:rgb(39,151,210) !important; background:rgb(255,255,255); border:1px solid rgb(231,237,239);}
.button.bg-white a:hover, .button a.bg-white:hover {background:rgb(255,255,255);}
.button.border-blue a, .button a.border-blue {border:2px solid; line-height:2.8em;}
.button.border-blue a:hover, .button a.border-blue:hover {color:rgb(0,67,129) !important; border-color:rgb(0,67,129) !important;}

.calendar {background:rgb(255,255,255); font-size:.75em; color:rgb(153,153,153); text-align:center; box-shadow:0 0 3px rgba(0, 0, 0, 0.15); -webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.15); -moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);}
.calendar span {display:block; text-align:center;}
.calendar span.top {margin-bottom:.2em; line-height:2em; color:rgb(255,255,255); background:rgb(39,151,210); font-weight:bold; text-transform:uppercase;}
.calendar span.top a {color:rgb(255,255,255);}
.calendar span.main {margin:.5em 0 0; font-size:2.75em; font-family:Helvetica, Arial, sans-serif; font-weight:bold; color:rgb(0,0,0);}
.calendar span.bottom {line-height:3em;}

.carousel {overflow:hidden;}
.carousel .flickity-viewport {transition:height 0.2s;}
.carousel[data-bullets="true"] {padding-bottom:40px;}
.carousel .carousel-cell {position:relative; display:inline-block; overflow:hidden;}
.carousel .carousel-content {overflow:hidden;}
.carousel .flickity-prev-next-button {display:none !important;}
.carousel .flickity-page-dots {bottom:14px;}
.carousel .flickity-page-dots .dot {width:8px; height:8px; margin:0 4px; opacity:1; background:rgb(210,220,230); border:1px solid rgb(102,102,102)}
.carousel .flickity-page-dots .dot.is-selected {background:rgb(140,150,160);}

.sharing ul li {font-size:.9em; line-height:2.7em;}
.sharing ul li a {color:rgb(153,153,153); display:block; padding:0 1.25em; white-space:nowrap;}
.sharing ul li .fa {margin-right:.25em;}
.sharing ul li .fa[class*=envelope] {color:rgb(153,153,153);}
.sharing ul li .fa[class*=facebook] {color:rgb(72,99,164);}
.sharing ul li .fa[class*=twitter] {color:rgb(86,173,238);}
.sharing ul li .fa[class*=print] {color:rgb(99,123,153);}
.sharing.mobile ul li a {width:2.7em; overflow:hidden; white-space:nowrap; color:white;}
.sharing.mobile ul li .fa-lg {font-size:2.7em; vertical-align:-30%;}

#content .separator {height:25px;} /* für Karten die einen Abstand zum Header benötigen */

#content .copyright {position:absolute; right:0; bottom:0; font-family:'Gentium Book Basic',serif; font-size:.916em; text-transform:uppercase; color:rgba(255,255,255,0.6); background:rgba(0,0,0,0.33); padding:.25em 1.25em;}

#content .card ~ .card  {border-top:1px solid rgb(255,255,255);} /* ab der zweiten Karte */
#content .card > div {padding-top:20px; padding-bottom:50px;}
#content .card header h1, #content .card header h3, #content .card header h4 {margin:.2em 0 0; color:rgb(68,68,68); text-transform:uppercase; letter-spacing:1px;}
#content .card header h1, #content .card header h3 {font-size:2em;}
#content .card header h4 {font-size:1.33em; font-weight:bold;}
#content .card header a {color:rgb(68,68,68); text-decoration:none;}
#content .card .grid_separator {height:40px; float:none; margin:0;}
#content .card .search input, #content .card .search button {border:none;}
#content .card .search [type=submit] {width:20%; color:rgb(153,153,153);}
#content .card .search [type=text] {width:80%;}
#content .card .section > .button {margin:0; text-align:center;}
#content .card .section > .button a {width:200px;}

#content main {font-size:1.15em; line-height:2.1em;}
#content main h2, #content main h3 {margin-top:1.6em; margin-bottom:1.6em;}
#content main > h2:first-child, #content main > h3:first-child {margin-top:0;}
#content main h2 {font-size:1.8em; line-height:1.4em;}
#content main h3 {font-size:1.3em; font-weight:bold;}
#content main img {margin:1em 0 0;}
#content main img[src*=".svg"] {width:100%;} /* IE 11 on Windows 7 */
#content main figure {margin-top:3em; margin-bottom:2em;}
#content main figcaption {padding-bottom:1em; border-bottom:1px solid rgb(231,237,239);}
#content main table {width:100%; margin-bottom:1em; margin-top:2em; border-bottom:1px solid rgb(231,237,239);}
#content main table {border-top:1px solid rgb(231,237,239);}
#content main table th {text-align:left; font-weight:bold; border-bottom:1px solid rgb(231,237,239);}
#content main table td {background:none; padding:0.25em 0;}
#content main table th ~ th, #content main table td ~ td {padding-left:2em;}
#content main table[border] td, #content main table.tabelle td {border-bottom:1px solid rgb(231,237,239);}
#content main table td.right {text-align:right;}
#content main ul, #content main ol {margin:0 0 1em 2em;}
#content main ul li, #content main ol li {padding-bottom:1em;}
#content main ul {list-style-type:circle;}
#content main ol {list-style-type:decimal;}

#content main .wikitabelletext {font-size:.85em;line-height:1.8em; color:rgb(153,153,153);} /* temporäre Lösung, Rücksprache */

#content main .infobox {padding:1.3em 1.5em 1em; margin:3em 0; max-width:420px; border:3px solid rgb(229,240,247); position:relative; font-family:'Gentium Book Basic', Serif; font-size:1.1em;}
#content main .infobox img {float:left; margin:0 1.5em 0 0 !important;}
#content main .infobox.highlight::after {content:""; position:absolute; top:1.5em; left:-3px; width:3px; height:4.25em; background:rgb(39,151,210);}
#content main .infobox p.button.small {text-align:center; margin-top:0; margin-bottom:0.5em; font-weight:bold;}
#content main .infobox p.button.small a {padding:0 2.7em; text-transform:none; font-size:1.1em;}
#content main .infobox:first-child {margin-top:0;}
#content main .infobox:last-child {margin-bottom:0;}

#content main.cut_main {overflow:hidden; height:500px;}
#content main.cut_main::after {position:absolute; bottom:0; z-index:1; display:block; width:100%; height:100px; content:""; background:rgba(255,255,255,0.5); background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%);}
#content main .toggle {display:none;}
#content main.cut_main .toggle {display:block; text-align:center; width:100%; position:absolute; bottom:0; z-index:2;}
#content main.cut_main .toggle .fa {text-shadow:0 0 15px rgb(255,255,255);}

#content .card.offices > div {padding-bottom:20px;}
#content .card.offices h4 {font-family:Verdana,Helvetica,sans-serif; margin-bottom:3em; text-transform:uppercase;}
#content .card.offices p {margin-top:.5em; margin-bottom:.65em; font-size:.75em; line-height:1.8em; color:rgb(102,102,102);}
#content .card.offices p ~ p {padding-top:.5em; border-top:1px solid rgb(202,213,215);}
#content .card.offices p a {color:rgb(102,102,102);}

#content .card.departements .listview ~ .listview {margin-top:2em;}
#content .card.departements .listview .metainfo {margin:1em 0;}

#content .card.advertisement > div {padding:40px 0 48px; max-width:728px; margin:0 auto; text-transform:uppercase; font-size:0.65em; color:rgb(102,102,102);}
#content .card.advertisement > div > div::before {content:""; display:inline-block; padding-left:15px;} /* "Anzeige" */
#content .card.advertisement img {display:block; margin:0 auto;}

#content .card.events .calendar {float:left; width:7.2em;}
#content .card.events article {padding:10px 15px; min-height:58px; margin-left:7.2em; background:rgba(255,255,255,0.8);}
#content .card.events article ~ article {margin-top:0;}
#content .card.events article .teaser {position:absolute; top:0; right:0; z-index:2;}
#content .card.events article .venue {font-size:0.85em; line-height:1.6em; color:rgb(102,102,102); text-transform:uppercase;}
#content .card.events .top-event {padding:24px 15px; box-sizing:border-box; background:rgba(255,255,255,0.8);}
#content .card.events .top-event article {padding:0; margin-left:0; background:none;}
#content .card.events .top-event article .teaser {position:relative; margin-bottom:1em;}
#content .card.events .top-event article .calendar ~ * {margin-left:5.7rem;}

#content .card.publications .publication article div {padding:10px 15px; margin-left:100px; min-height:97px; background:rgba(255,255,255,0.8);}
#content .card.publications .publication article .teaser {float:left;}
#content .card.publications .top-publication article {padding:15px; background:rgba(255,255,255,0.8);}
#content .card.publications .top-publication article .teaser {float:left;}
#content .card.publications .top-publication article .teaser img {width:83px; margin-bottom:1.75em; border:1px solid rgb (238,238,238);}
#content .card.publications .top-publication article .topic {margin-left:100px; margin-bottom:2.7em; color:rgb(153,153,153);}
#content .card.publications .top-publication article h2 {margin-left:100px; margin-top:.25em;}
#content .card.publications .top-publication article h2.longtext {margin-top:-0.25em; margin-bottom:0.9em;}
#content .card.publications .top-publication article h3 ~ h3 {padding-top:1.35em;}
#content .card.publications .top-publication article h4 {margin-left:100px; margin-bottom:1.7em; margin-top:-1.1em; font:1.25em/1.6em Verdana,Helvetica,sans-serif;}
#content .card.publications .top-publication article h4.big {font-size:1.5em; color:rgb(136,136,136);}
#content .card.publications .top-publication article p:not([class]) a {color:rgb(35,141,203);}

#content .card.topics .listview img {float:left; width:125px; margin-right:1em; margin-bottom:1em;}
#content .card.topics .listview h2 {border-bottom:1px solid rgb(202,213,215);}
#content .card.topics .listview p + h2 {min-height:62px;} /* nur wenn Teaser-Bilder vorangehen */
#content .card.topics .listview h2 + p {margin-bottom:2em; color:rgb(153,153,153);}
#content .card.topics article {margin-top:1.3em;}
#content .card.topics article h3 {margin-top:.2em;}

#content .card.news article h3 {font-size:1.85em;}
#content .card.news article .teaser {position:relative; margin-bottom:1em;} /* position:relative für .copyright */
#content .card.news article .teaser img {display:block;}
html.homepage #content .card.news .top-news article .teaser {margin-top:-20px; margin-left:-20px; margin-right:-20px;}
html.homepage #content .card.news .news article {padding-top:2em; margin-top:2em; border-top:1px solid rgb(202,213,215); margin-left:0; margin-right:0;}
html.homepage #content .card.news .news article h3 {margin: .2em 0; font-size:1.5em;}
html.homepage #content .card.news .news article .context {margin-bottom:.5em}
html.subbrand #content .card.news article .context {margin-top:.5em; margin-bottom:.5em; padding-top:.5em;}
html.subbrand #content .card.news.featured > div {padding-top:0;}
html.subbrand #content .card.news.featured article {margin-top:0;}
html.subbrand #content .card.news.featured article .teaser {margin-left:-20px; margin-right:-20px;}
html.subbrand #content .card.news.featured article .teaser img {min-height:160px;} /* min-height verhindert Ladesprung */
html.subbrand #content .card.news.featured article h3 {margin-bottom:.7em;}
html.subbrand #content .card.news.featured article div {padding-top:1em; max-width:600px;}
html.subbrand #content .card ~ .card.news.featured {border-top:none;}

#content .card.promotion {text-align:center;}
#content .card.promotion > div {padding-top:50px;}
#content .card.promotion .listview {float:left; width:181px; margin-right:12.5px;}
#content .card.promotion .listview .teaser {padding-bottom:1em; margin-bottom:.8em; border-bottom:1px solid rgb(231,237,239);}
#content .card.promotion .listview h3 {font-style:italic; text-align:center;}
#content .card.promotion .listview img {width:181px; height:110px;}

#content .card.issues .listview {float:left; width:100%; margin-left:auto; margin-right:auto; text-align:center;}
#content .card.issues .listview .teaser {display:inline-block; margin:0 auto; height:300px; overflow:hidden; border-bottom:1px solid rgb(231,237,239);}
#content .card.issues .listview .topic {margin-top:.6em;}
#content .card.issues .listview h3 {}
#content .card.issues .listview img {width:208px;}

#content .card.slider.media .listview h3 {margin:.5em 0; font-size:1.5em;}
#content .card.slider.media .listview p.subtitle a {color:rgb(35,141,203);}
#content .card.slider.media .carousel-cell {width:290px; margin-right:25px; background-size:290px 164px; background-repeat:no-repeat;}
#content .card.slider.media .carousel-content .canvas {width:100%; height:164px; margin-bottom:1em;}
#content .card.slider.media .audio .carousel-content .canvas {overflow:hidden; background-image:url('/img/2016/sound360-bg.png') !important; background-position:center center; background-repeat:no-repeat;}
#content .card.slider.media .audio:not([style*="background-image"]) .carousel-content .canvas {background-color:rgb(237,237,235);}
#content .card.slider.blockquote .carousel-cell {padding:20px 0 30px; width:100%; margin-right:0;}
#content .card.slider.blockquote .listview blockquote p {margin-bottom:1.1em;}
#content .card.slider.blockquote .listview blockquote p:last-child {margin-bottom:0;}
#content .card.slider.blockquote .listview blockquote p.teaser {text-align:center;}
#content .card.slider.blockquote .listview blockquote p.teaser img {height:148px; width:auto; border-radius:50%;}
#content .card.slider.blockquote .listview blockquote p:not([class]) {padding-top:65px !important; font:1.8em/1.33em 'Gentium Book Basic',serif;}
#content .card.slider.blockquote .listview blockquote p:not([class])::before {display:block; content:"\0201C"; font:140px/0 Georgia,serif; color:rgb(231,237,239); margin-left:-5px;}
#content .card.slider.blockquote .listview blockquote p.author {margin-bottom:0; font:1.8em/1.33em 'Gentium Book Basic',serif;}
#content .card.slider.blockquote .listview blockquote p.context {margin-top:0; font-size:1em;text-transform:uppercase;} 
#content .card.slider.article .container_35 {max-width:none; padding-top:0; padding-left:0; padding-right:0;}
#content .card.slider.article .carousel {margin:0 !important; width:100%;}
#content .card.slider.article .carousel-content {margin-left:auto; margin-right:auto;}
#content .card.slider.article .carousel-cell {width:100%; margin-right:0;}
#content .card.slider.article .listview article {padding:2em 0;}
#content .card.slider.article .listview p.teaser {margin-top:-2em; margin-bottom:1em;}
#content .card.slider.article .listview p.teaser img {display:block; width:100%;}
#content .card.slider.article .listview p.teaser ~ * {padding-left:15px; padding-right:15px;}
#content .card.slider.article .listview h3 {font-size:1.5em;}
#content .card.slider.image .container_35 {max-width:none; padding-left:0; padding-right:0; padding-bottom:20px;}
#content .card.slider.image .carousel {margin:0 !important; width:100%;}
#content .card.slider.image .carousel-cell {width:100%;}
#content .card.slider.image .listview {text-align:center;}
#content .card.slider.image figure {margin-bottom:0;}
#content .card.slider.image .listview figure div img {display:block;}
#content .card.slider.image .listview figure div .zoom {display:none;}
#content .card.slider.image .listview figure figcaption {color:inherit; font-size:inherit; padding-left:15px; padding-right:15px;}

#content .card.imprint b, #content .card.imprint strong {text-transform:uppercase;}
#content .card.imprint b a, #content .card.imprint strong a {color:rgb(51,51,51);}
#content .card.imprint p {font-size:.9em;}
#content .card.imprint p ~ p.person {margin-top:3em; margin-bottom:3em;}
#content .card.imprint p.person {margin-left:0; margin-right:0;}
#content .card.imprint p.person img {float:left; margin-top:.25em; max-width:69px;}
#content .card.imprint p.person img + span {display:block; margin-left:84px;}
#content .card.imprint p.person img + span:after {content: "."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
#content .card.imprint p.person a {color:rgb(51,51,51);}
#content .card.imprint .right ~ div[class*=grid] {margin-top:3em;} /* Informationen ab der zweiten Zeile */

#content .card.contents .listview + .grid_separator {height:2em;}
#content .card.contents .sharing ul {text-align:center;}
#content .card.contents .sharing li {display:inline-block;}

#content .card.obituary {overflow:hidden; color:rgb(255,255,255); background-size:contain; background-repeat:no-repeat;}
#content .card.obituary article {text-align:center; padding-top:82%; text-shadow: 0 0 5px rgb(0,0,0);}
#content .card.obituary article h1 {text-transform:none; font-size:3.6em; color:rgb(255,255,255);}
#content .card.obituary article h2 {font-family:'Gentium Book Basic',serif; font-size:2em;}
#content .card.obituary article h2 + p {padding-top:20px;}
#content .card.obituary article p span:first-child {text-transform:uppercase;}
#content .card.obituary article p.button {display:inline-block; text-shadow:none; margin-right:1.6em;}
#content .card.obituary article p.button a {color:rgb(51,51,51) !important; background:rgb(255,255,255) !important;}

#content .card.intro > div {padding-top:40px; padding-bottom:40px;}
#content .card.intro > div > div[class*="grid"] ~ div[class*="grid"] {margin-top:40px; padding-top:40px;}
#content .card.intro p {margin-bottom:0;}
#content .card.intro img {display:block; margin:0 auto;}
#content .card.intro .border-grey {border-top:1px solid;}

#content .card.links > div {padding-top:50px;}
#content .card.links p.teaser {float:left; margin-top:0.25em;}
#content .card.links p.teaser ~ * {margin-left:85px;}

#content .card.tags {text-align:center;}
#content .card.tags > div {padding-top:50px;}
#content .card.tags p {line-height:3.4em;}
#content .card.tags a {display:inline-block; box-sizing:border-box; margin:0 0.1em; padding:0 1.3em; border-radius:1.3em; border:1px solid #e7edef; line-height:2.5em; text-decoration:none; text-transform:uppercase; font-size:0.9em; white-space:nowrap; background:rgb(255,255,255);}
#content .card.tags a:hover {background:rgb(247,249,250);}

#content .card.more {text-align:center;}
#content .card.more .listview .teaser {margin-bottom:1em;}

#content .card.media figure {margin-bottom:0;}
#content .card.media figure > div {margin-left:-20px; margin-right:-20px;}
#content .card.media figure figcaption {color:inherit; font-size:inherit;}

#content .card.comments p[class]:not(.button), #content .card.comments textarea {font-size:1.15em;}
#content .card.comments p[class="text-center"] {color:rgb(136,136,136);}
#content .card.comments p[class="text-center"] a {color:rgb(136,136,136); text-decoration:underline;}
#content .card.comments form .metainfo {float:right; margin-left:1em;}
#content .card.comments ol li ~ li {border-top:1px solid rgb(231,237,239); margin-top:2em; padding-top:1.5em;}
#content .card.comments ol li h4 {display:inline-block; font-weight:bold; margin-right:1em; margin-bottom:.25em;}
#content .card.comments ol li p {font-size:1.15em; line-height:2.1em;}
#content .card.comments ol li .metainfo {font-family:'Gentium Book Basic',serif; font-size:1.45em !important; display:inline-block; margin-bottom:.25em;}
#content .card.comments ol li .metainfo a {color:inherit !important;}

/* OFF CANVAS MENU ****** */
#header .toggle {float:left;}
#header .toggle a {display:block; width:25px; height:50px; position:relative; z-index:2;}
#header .toggle a span, #header .toggle a span::before, #header .toggle a span::after {width:100%; position:absolute; top:50%; height:2px; background:rgb(0,67,129);}
#header .toggle a span {margin-top:-1px;}
#header .toggle a span::before {content:""; margin-top:-7px;}
#header .toggle a span::after {content:""; margin-top:5px;}
#position {left:0; transition:left .5s;}
.off_canvas {position:absolute; top:0; left:-80%; transition:left .5s;}
.off_canvas .metamenu {border-top:1px solid rgb(35,135,189); border-bottom:1px solid rgb(35,135,189); line-height:49px; height:49px; white-space:nowrap;}
.off_canvas .metamenu ul {padding:0 1em; color:rgb(255,255,255);}
.off_canvas .metamenu ul li {float:left;}
.off_canvas .metamenu ul li a {padding:0 1em; color:rgb(255,255,255);}
.off_canvas #navigation {width:100%; margin:0; height:auto; line-height:40px; white-space:nowrap;}
.off_canvas #navigation ul {float:none;}
.off_canvas #navigation ul li {float:none; border:none;}
.off_canvas #navigation ul li a {float:none !important; display:block; width:auto !important; padding:0 !important; font-size:1.1em !important; text-indent:55px !important;}
.off_canvas #navigation ul li:first-child a {text-indent:0 !important; text-align:left;}
.off_canvas #navigation ul li:first-child a .icon-home {display:inline-block; margin-left:21.5px; margin-right:21.5px;}
.off_canvas #navigation ul li span {display:inline !important;}
.off_canvas #navigation .search {float:none; padding:.25em 0; margin:1.5em 0; border-top:1px solid rgb(35,135,189); border-bottom:1px solid rgb(35,135,189);}
.off_canvas #navigation .search button {width:55px;}
.off_canvas #navigation .search [type="text"] {width:auto; min-width:188px; height:2.4em; font-size:1.2em; font-style:italic;}
.off_canvas #navigation .search [type="text"]::placeholder {color:rgb(255,255,255);}
.off_canvas #navigation .search [type="text"]::-webkit-input-placeholder {color:rgb(255,255,255);} /* WebKit browsers + Edge */
.off_canvas #navigation .search [type="text"]::-moz-placeholder {color:rgb(255,255,255);opacity:1;} /* Mozilla Firefox 19-50 */
.off_canvas #navigation .search [type="text"]:-ms-input-placeholder {color:rgb(255,255,255);} /* Internet Explorer 10+ */
.off_canvas .icons {padding-left:45px; margin:3em 0; white-space:nowrap;}
.off_canvas .icons a {margin-right:.5em;}
body.show_off_canvas {}
body.show_off_canvas #position {min-width:100%; left:80%; width:20%; overflow:hidden;}
body.show_off_canvas .off_canvas {left:0; width:80%;}
body.show_off_canvas .off_canvas_overlay {content:""; display:block; width:100%; height:100%; background:rgba(255,255,255,0.25); position:absolute; top:0; left:0; z-index:1;}
body.show_off_canvas #header .toggle a span {background:transparent;}
body.show_off_canvas #header .toggle a span::before {transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-top:0;}
body.show_off_canvas #header .toggle a span::after {transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin-top:0;}

/* FOOTER ****** */
footer {color:rgb(153,153,153); text-align:center;}
footer .centerContainer {border-top-width:1px; border-top-style:solid;}
footer [class*="kas-logo"] {margin:1em 0 .5em; width:80px;}
footer a {color:rgb(153,153,153);}
footer p a {text-decoration:underline;}
footer .metamenu ul li {border-top-width:1px; border-top-style:solid;}
footer .metamenu ul li a {padding:.75em 0; display:block; font-size:.9em;}
footer .copyright {padding-top:1em; font-size:.9em; border-top-width:1px; border-top-style:solid;}

html.homepage footer {color:rgb(255,255,255); text-align:left;}
html.homepage footer a {color:rgb(255,255,255);}
html.homepage footer b {font-size:.9em; text-transform:uppercase;}
html.homepage footer [class*="kas-logo"] {margin:0; padding:0; width:auto;}
html.homepage footer .first {padding:20px 0;}
html.homepage footer .second {padding-bottom:20px; border-top:none;}
html.homepage footer .third {padding:20px 0; border-top:none;}
html.homepage footer .support a {margin-bottom:20px; width:100%; float:left; font:bold 1.3em/2.2em 'Gentium Book Basic',serif; text-align:center; text-decoration:none; background:rgb(34,140,201); white-space:nowrap; -webkit-transition:background-color 500ms ease-out 0s; -moz-transition:background-color 500ms ease-out 0s; -o-transition:background-color 500ms ease-out 0s; transition:background-color 500ms ease-out 0s;}
html.homepage footer .support a:hover {background-color:rgb(0,67,129);}
html.homepage footer .icons a {margin-left:0; margin-right:.5em; margin-bottom:.5em;}
html.homepage footer .icons a.rss {float:right; margin-right:0;}
html.homepage footer .metamenu ul {margin-left:-8px;} /* reset grid */
html.homepage footer .metamenu ul li {float:left; border:none;}
html.homepage footer .metamenu ul li a {display:inline; padding:0 .6em;}
html.homepage footer .newsletter input {float:left; border:none;}
html.homepage footer .newsletter [type=text] {width:65%; color:rgb(102,102,102); height:34px; border-top:1px solid rgb(231,237,239); border-bottom:1px solid rgb(192,211,226); }
html.homepage footer .newsletter [type=submit] {width:35%; height:34px; font:bold 1.2em/1em 'Gentium Book Basic',serif; text-transform:none;}

/* AUDIO SOUNDMANAGER ******************************* */
.ui360,.sm2-360ui{position:relative;width:130px;height:130px;}
.sm2-360ui{position:relative;float:left;display:inline;margin-left:80px;margin-top:17px;}
.sm2-360ui.sm2_playing,.sm2-360ui.sm2_paused{z-index:10;}
.ui360 a{position:absolute;color:rgb(39,151,210);text-decoration:none;top:50%;left:50%;transform:translate(-40%,-50%);}
.ui360 a:hover,.ui360 a:focus{outline:none;}
.ui360 a.sm2_link{display:none;}
.ui360 .sm2-canvas{position:absolute;left:0;top:0;}
.ui360 .sm2-timing{position:absolute;display:block;left:0;top:0;width:100%;height:100%;font-family:Arial, sans-serif;font-size:13px;font-weight:bold;color:rgb(51,51,51);text-align:center;line-height:130px;margin:0;}
.ui360 .sm2-timing.alignTweak{text-indent:1px;}
.ui360 .sm2-cover{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;display:none;background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);}
.ui360 .sm2-360data{display:inline-block;font-family:helvetica;}
.ui360 .sm2-360btn{position:absolute;display:block;top:50%;left:50%;width:35px;height:35px;margin-left:-17.5px;margin-top:-17.5px;cursor:pointer;z-index:3;}
.sm2-inline-block .ui360 .sm2-360btn,.ui360 .sm2-360ui.sm2_playing .sm2-360btn,.ui360 .sm2-360ui.sm2_paused .sm2-360btn{width:35px;height:35px;margin-left:-17.5px;margin-top:-17.5px;}
.ui360 .sm2-360ui.sm2_playing .sm2-cover,.ui360 .sm2-360ui.sm2_paused .sm2-cover{display:block;}
.ui360 .sm2-360btn-default,.ui360 .sm2-360ui.sm2_paused .sm2-360btn{background:transparent url('/img/2016/ui360_buttons.png') no-repeat 0 0; cursor:pointer;}
.ui360 .sm2-360btn-default:hover,.ui360 .sm2-360ui.sm2_paused .sm2-360btn:hover{background-position:-70px 0;}
.ui360 .sm2-360ui.sm2_playing .sm2-360btn:hover,.ui360 .sm2-360btn-playing:hover{background-position:-105px 0;}
.ui360 .sm2-360ui.sm2_playing .sm2-360btn,.ui360 .sm2-360ui.sm2_dragging .sm2-360btn,.ui360 .sm2-360ui.sm2_dragging .sm2-360btn:hover,.ui360 .sm2-360ui.sm2_dragging .sm2-360btn-playing:hover{background-position:-105px -1000px;}
.ui360 .sm2-360ui.sm2_buffering .sm2-360btn,.ui360 .sm2-360ui.sm2_buffering .sm2-360btn:hover{background:transparent url('/img/2016/ui360_loading.gif') no-repeat 50% 50%;visibility:visible;}
.sm2-inline-list .ui360,.sm2-inline-block .ui360{position:relative;display:inline-block;float:left;_display:inline;margin-bottom:-15px;}
.sm2-inline-list .ui360{margin-right:-2px;}
.sm2-inline-block .ui360{margin-right:8px;}
ul.ui360playlist{list-style-type:none;}
ul.ui360playlist,ul.ui360playlist li{margin:0;padding:0;}
div.ui360 a span.metadata,div.ui360 a span.metadata *{vertical-align:baseline;}
.ui360 .sm2-360ui.sm2_playing .sm2-timing,.ui360 .sm2-360ui.sm2_dragging .sm2-timing,.ui360 .sm2-360ui.sm2_dragging .sm2-360btn:hover + .sm2-timing{visibility:visible;}
.ui360 .sm2-360ui.sm2_buffering .sm2-timing,.ui360 .sm2-360ui .sm2-timing,.ui360 .sm2-360ui .sm2-360btn:hover + .sm2-timing,.ui360 .sm2-360ui.sm2_paused .sm2-timing{visibility:hidden;}
.sm2-inline-list .ui360 a,div.ui360 div.metadata{display:none;}


/* BREAKPOINT "Tablet" (ausschließlich) 480px >= ... < 768px ****** */
@media (min-width:480px) and (max-width:767px) {
    /* CONTENT ****** */
    #content .card.imprint p.person img {float:none; margin:0;}
    #content .card.imprint p.person img + span {margin-left:0;}
}


/* BREAKPOINT "Mobile" & "Tablet" & "Laptop" < 995px ****** */
@media (max-width:994px) {
    /* FOOTER ****** */
    footer .bg-white .container_35 {padding-left:0; padding-right:0;}
    footer .bg-white .container_35 [class*="grid_"] {margin-left:0; margin-right:0;}
}


/* BREAKPOINT "Tablet" >= 480px ****** */
@media (min-width:480px) {

    /* LAYOUT ****** */
    .container_35 {padding-left:30px; padding-right:30px;}

    .mobile {display:none !important;}
    .tablet {display:inherit !important;}
    .state-indicator:before {content:'tablet';}
    
    /* CONTENT ****** */
    #content .card.advertisement > div > div::before {padding-left:30px;} /* "Anzeige" */

    #content .card.departements .listview ~ .listview {margin-top:0;}
    #content .card.departements .listview .metainfo {margin:2em 0 1em;}

    #content .card.publications .top-publication article .clear ~ * {margin-left:100px;}

    #content .card.topics .listview img {float:none; width:auto;}
    #content .card.topics .listview h2 {padding-bottom:.75em;} 
    #content .card.topics .listview p + h2 {min-height:0;} /* nur wenn Teaser-Bilder vorangehen */

    html.homepage #content .card.news .top-news article .teaser {margin-top:0; margin-left:0; margin-right:0;}
    html.homepage #content .card.news .news article .teaser {float:left; width:98px; margin-top:.5em;}
    html.homepage #content .card.news .news article .teaser ~ * {margin-left:113px;}
    html.subbrand #content .card.news.featured article .teaser {margin-left:-35px; margin-right:-35px;}
    html.subbrand #content .card.news.featured article .teaser img {min-height:235px;} /* min-height verhindert Ladesprung */
    
    #content .card.events .top-event {padding:40px;}
    #content .card.events .top-event article .teaser {margin-bottom:1.5em;}

    #content .card.issues .listview {width:208px; margin-right:43px;}

    #content .card.slider.blockquote .listview blockquote p:not([class*="teaser"]) {padding-left:85px; padding-right:85px;} /* Slides ohne Profilbild */
    #content .card.slider.blockquote .listview blockquote p.teaser {margin-top:50px; float:left; width:27.5%;}
    #content .card.slider.blockquote .listview blockquote p.teaser ~ * {margin-left:35%; padding-left:0; padding-right:0;}
    #content .card.slider.blockquote .listview blockquote p.teaser img {height:auto;}
    #content .card.slider.article .listview p.teaser {float:left; max-width:55%; margin-bottom:0;}
    #content .card.slider.article .listview p.teaser ~ * {padding-left:0; padding-right:0; margin-left:60%; max-width:28%;}
    #content .card.slider.article .listview h3 {font-size:1.85em;}

    #content .card.media figure > div {margin-left:-35px; margin-right:-35px;}
}


/* BREAKPOINT "Laptop" >= 768px ****** */
@media (min-width:768px) {

    /* LAYOUT ****** */
    .container_35 {max-width:980px; padding-left:50px; padding-right:50px;}

    .mobile {display:none !important;}
    .tablet {display:none !important;}
    .laptop {display:inherit !important;}
    .state-indicator:before {content:'laptop';}

    /* HEADER ******************* */
    #header .logo {margin-top:12.5px;}

    html.subbrand #header .visual div {top:-41.25px;}
    
    /* CONTENT ****** */
    .detailview {text-align:left;}
    .detailview article .teaser {float:left; margin-bottom:0;}
    .detailview article .teaser ~ * {margin-left:250px;}
    .detailview article .context span {display:initial;}

    #content main.column-2 {column-count:2; -webkit-column-count:2; -moz-column-count:2; column-gap:72px; -webkit-column-gap:72px; -moz-column-gap:72px;}

    #content .card.advertisement > div {padding:65px 0 70px;}
    #content .card.advertisement > div > div::before {padding-left:0;} /* "Anzeige" */

    #content .card.publications .top-publication article .clear ~ * {margin-left:0;}

    #content .card.topics .listview img {float:left; width:125px;}
    #content .card.topics .listview p + h2 {padding-bottom:0; min-height:63px;} /* nur wenn Teaser-Bilder vorangehen */

    html.homepage #content .card.news .top-news article .teaser {float:left; width:58.6%; margin-bottom:0;}
    html.homepage #content .card.news .top-news article .teaser + div {margin-left:61.6%;}
    html.homepage #content .card.news .news article {padding-top:0; border-top:none; margin-left:inherit; margin-right:inherit;}
    html.homepage #content .card.news .news article .teaser ~ * {margin-left:0;}
    html.subbrand #content .card.news article .context {font-family:'Gentium Book Basic',serif; font-size:1.17em; color:rgb(51,51,51);}
    html.subbrand #content .card.news article .context a, html.subbrand #content .card.news article .context span {color:rgb(51,51,51);}
    html.subbrand #content .card.news.featured article {position:relative;}
    html.subbrand #content .card.news.featured article ~ article {margin-top:1em;}
    html.subbrand #content .card.news.featured article .teaser {margin-left:-60px; margin-right:-60px; margin-bottom:0;}
    html.subbrand #content .card.news.featured article .teaser img {min-height:380px;} /* min-height verhindert Ladesprung */
    html.subbrand #content .card.news.featured article div {position:absolute; bottom:48px; z-index:1; width:370px; padding:24px 28px; background:rgba(255,255,255,0.8);}
    html.subbrand #content .card.news.featured article div.left {left:0;}
    html.subbrand #content .card.news.featured article div.right {right:0;}
    
    #content .card.intro > div > div[class*="grid"] {margin-top:0 !important; padding-top:0 !important;}
    #content .card.intro img {margin:0;}
    #content .card.intro .border-grey {border-top:none; border-left:1px solid; margin-right:0;}
    
    #content .card.slider.image .listview figure div {display:inline-block; width:auto; max-width:750px; position:relative;}
    #content .card.slider.image .listview figure div img {width:auto; max-height:560px;}
    #content .card.slider.image .listview figure div .zoom {display:block; position:absolute; top:0; right:0; width:50px; height:50px; line-height:50px; color:white; text-align:center; background:rgba(51,51,51,0.7); cursor:pointer;}
    #content .card.slider.image .listview figure figcaption {display:block; max-width:750px; padding-left:0; padding-right:0; margin-left:auto; margin-right:auto;}

    #content .card.imprint p ~ p.person {margin-bottom:1em;}

    #content .card.comments .user_logged_in {margin-bottom:0; line-height:3em; text-align:right;}

    .overlay {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:100;}
    .overlay .overlay-close {position:fixed; top:35px; right:2.5%; width:40px; height:40px; cursor:pointer; z-index:102;}
    .overlay .overlay-close::before, .overlay .overlay-close::after {position:absolute; top:50%; transform:translateY(-50%); content:""; height:2px; width:100%; background:rgb(255,255,255);}
    .overlay .overlay-close::before {transform:rotate(45deg); -webkit-transform:rotate(45deg);}
    .overlay .overlay-close::after {transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
    .overlay .overlay-body .flickity-prev-next-button {position:fixed; background:transparent; border-color:rgb(255,255,255);}
    .flickity-prev-next-button.previous {left:2.5% !important;}
    .flickity-prev-next-button.next {right:2.5% !important;}
    .overlay .overlay-body .flickity-prev-next-button svg .arrow {fill:rgb(255,255,255);}
    .overlay .overlay-body {position:absolute; left:0; width:100%; z-index:101; margin-top:35px;}
    .overlay .overlay-body .carousel-cell {width:100%;}
    .overlay .overlay-body .carousel-content {text-align:center;}
    .overlay .overlay-body .carousel-content figure div {max-width:80%; margin-left:auto; margin-right:auto;}
    .overlay .overlay-body .carousel-content figure div img {display:inline;}
    .overlay .overlay-body .carousel-content figure div .zoom {display:none;}
    .overlay .overlay-body .carousel-content figure figcaption {max-width:80%; margin-left:auto; margin-right:auto; color:rgb(255,255,255);}

    /* OFF CANVAS MENU ******************* */
    #header .toggle a {height:60px;}
    .off_canvas .metamenu {line-height:59px; height:59px;}

    /* CONTENT ****** */
    #content .card.obituary {background-size:cover;}
    #content .card.obituary > div {padding-bottom:100px;}
    #content .card.obituary article {padding-top:160px; padding-bottom:30px; }
    #content .card.obituary article h2 + p {padding-top:180px;}
    #content .card.obituary article p {text-align:left;}
    #content .card.obituary article p.button {float:left;}

    #content .card.media figure > div {margin-left:-60px; margin-right:-60px;}

    /* FOOTER ****** */
    html.homepage footer .second {padding-top:20px;}
    html.homepage footer .support a {margin-bottom:0; width:205px;} 
}


/* BREAKPOINT "Desktop" >= 995px ****** */
@media (min-width:995px) {
    body {background:rgb(247,249,250) !important; overflow-x:auto;}
    [class*="kas-logo"] {width:120px; height:50px;}

    /* LAYOUT ****** */
    .container_35 {padding-left:0; padding-right:0;}
    .centerContainer {max-width:1055px;}

    .mobile {display:none !important;}
    .tablet {display:none !important;}
    .laptop {display:none !important;}
    .desktop {display:inherit !important;}
    .state-indicator:before {content:'desktop';}

    /* HEADER ****** */
    .search input, .search button {float:left;}
    
    #header {border-bottom:none;}
    #header .centerContainer .container_35 > div[class*="grid"] {height:60px;} /* feste Höhe aller Elemente */
    #header .metamenu {font-size:.9em; color:rgb(231,237,239); text-align:right; height:35px; line-height:34px;}
    #header .metamenu ul li {display:inline;}
    #header .metamenu ul li ~ li::before {content:" | "; color:rgb(231,237,239); padding:0 .5em;}
    #header .logo {float:left; margin-top:0;}
    #header .icons {text-align:right;}
    #header .icons a {margin-top:20px;}

    html.subbrand #header .logo {text-align:left; height:35px;}
    html.subbrand #header .logo a {width:auto;}
    html.subbrand #header .logo a [class*="kas-logo"] {width:190px; height:35px;}
    
    html.subbrand #header .visual {display:block; height:222px; background-position:right bottom; background-repeat:no-repeat; position:relative; border-top:1px solid rgb(255,255,255);}
    html.subbrand #header .visual div {top:0; margin-left:46px; float:left; text-align:left;}
    html.subbrand #header .visual.white, html.subbrand #header .visual.white a {color:rgb(255,255,255); text-shadow:0 0 5px rgba(0,0,0,0.5);}
    html.subbrand #header .visual.black, html.subbrand #header .visual.black a {color:rgb(51,51,51);}
    html.subbrand #header .visual div h2 {margin:1.6em 0 0.2em; font-size:3.6em; display:block; top:auto;}
    html.subbrand #header .visual div h3 {font-family:Helvetica, Arial, sans-serif; font-size:1em; text-transform:uppercase; display:block !important; text-align:right; letter-spacing:.1em;}
    html.subbrand #header .visual div h2.single {margin-top:2.05em;}
    html.subbrand #header .visual a.portallink {position:absolute; top:10px; font-size:1.0em; text-transform:uppercase; letter-spacing:1px;}
    html.subbrand #header .visual .teaser {position:absolute; top:33px; right:80px; height:0; font-size:.9em; text-align:right; color:rgb(51,51,51);} /* heigh:0 so dass Navigation nicht überlagert wird */
    html.subbrand #header .visual .teaser img {float:right; margin-left:1em; border:3px solid rgb(255,255,255); width:104px; background:rgb(255,255,255);}
    html.subbrand #header .visual .teaser span {display:inline-block; text-transform:uppercase; margin-top:3.4em; line-height:1.4em;}
    html.subbrand #header .visual .teaser a {color:rgb(51,51,51);}
    html.subbrand #header .visual .teaser a:hover span {text-decoration:underline;}
    
    html.subbrand #header.medium .visual {height:150px;}
    html.subbrand #header.medium .visual div h2 {margin-top:0.95em;}
    html.subbrand #header.medium .visual .teaser {top:16px;}

    /* CONTENT ****** */
    .listview h3 {font-size: 1.3em;}

    .detailview article h1 {font-size:2.9em;}

    .carousel {width:100% !important;}
    .carousel[data-bullets="true"] {padding-bottom:80px;}
    .carousel[data-bullets="true"] .flickity-page-dots {bottom:33.5px;}
    .carousel[data-bullets="true"] .flickity-prev-next-button {margin-top:-40px;}
    .carousel .flickity-prev-next-button {display:block !important; z-index:2; width:50px; height:50px; opacity:1; outline:none !important; border:1px solid rgb(102,102,102); background:rgba(255,255,255,0.6);}
    .carousel .flickity-prev-next-button svg {left:35%; top:35%; width:30%; height:30%;}
    .carousel .flickity-prev-next-button svg .arrow {fill:rgb(100,100,100);}
    .carousel .flickity-prev-next-button.previous {left:45px;}
    .carousel .flickity-prev-next-button.next {right:45px;}
    .carousel .flickity-prev-next-button[disabled] {opacity:0.5;}

    .sharing ul li a:hover {text-decoration:none; background:rgb(247,249,250);}

    #content .card  {border-top:1px solid rgb(255,255,255);} /* alle Karten */
    #content .card > div {padding-top:45px; padding-bottom:60px;}

    #content main h2, #content main h3 {margin-top:3em;}
    #content main h2 {font-size:2em;}
    #content main h3 {font-size:1.5em;}
    #content main figure.wide {margin-left:-5%; margin-right:-5%;}

    #content .card.offices > div {background:transparent url('/img/2016/section-offices-bg.gif') center bottom no-repeat; padding-bottom:60px;}
    #content .card.offices h4 {margin-bottom:2em; font-size:.75em; font-weight:bold;}
    #content .card.offices h4 a {color:rgb(51,51,51);}

    #content .card.events {background-image:url('/img/2016/section-events-bg.jpg'); background-position:center top; background-repeat:no-repeat;}
    #content .card.events .event article {padding:18px; min-height:42px;}
    html.homepage #content .card.events .calendar {position:absolute; top:96px; right:127px; z-index:3;}
    html.homepage #content .card.events article {padding:28px 20px; margin-left:0; margin-top:190px; height:155px;}
    html.homepage #content .card.events article .venue {line-height:1.5em; position:absolute; bottom:227px; right:0; z-index:1; max-width:102px;}
    html.homepage #content .card.events article .venue[class="venue"] {font-size:1em;} /* nur Klasse "venue", nicht zusäzlich "longname" */

    #content .card.publications {background-image:url('/img/2016/section-publications-bg.jpg'); background-position:center bottom; background-repeat:no-repeat;}
    #content .card.publications .publication article div {padding:28px 20px; min-height:61px;}
    #content .card.publications .top-publication article {padding:28px 20px; min-height:385px;}
    #content .card.publications .top-publication article .teaser img {width:130px;}
    #content .card.publications .top-publication article .topic {margin-left:160px;}
    #content .card.publications .top-publication article h2 {margin-left:160px;}
    #content .card.publications .top-publication article h4 {margin-left:160px;}

    #content .card.topics .listview img {float:none; width:auto;}
    #content .card.topics .listview h2 {padding-bottom:.75em !important; min-height:0 !important;}

    html.homepage #content .card.news article h3 {font-size:2.35em;}
    html.homepage #content .card.news .top-news {margin-right:0; width:67%;}
    html.homepage #content .card.news .top-news {height:400px; overflow:hidden; background:rgb(243,243,241);}
    html.homepage #content .card.news .top-news article * {color:rgb(255,255,255) !important; text-shadow: 0 0 5px #000;}
    html.homepage #content .card.news .top-news article .teaser {float:none; width:auto; margin-top:0; margin-left:0; margin-right:0;}
    html.homepage #content .card.news .top-news article div {position:absolute; left:0; bottom:0; margin-left:0 !important; width:616px; padding:1em 20px; background:rgba(0,0,0,0.67);}
    html.homepage #content .card.news .top-news article h3 {margin:0.3em 0 0.2em;}
    html.homepage #content .card.news .top-news article .topic {letter-spacing:.1em;}
    html.homepage #content .card.news .top-news article .subtitle {font-size:1.1em;}
    html.homepage #content .card.news .news {margin-left:0; width:28.46938775510205%; padding-left:3%; background-color:rgb(243,243,241);}
    html.homepage #content .card.news .news article {margin-top:0; height:132px; border-top:1px solid rgb(202,213,215); clear:both; overflow:hidden; cursor:pointer;}
    html.homepage #content .card.news .news article:first-child {height:134px; overflow:hidden; border:none;}
    html.homepage #content .card.news .news article h3 {margin:0 .5em 0 115px !important; font-size:1.3em;}
    html.homepage #content .card.news .news article img {float:left; margin-top:.25em; width:98px; height:60px;}
    html.homepage #content .card.news .news article p {margin:0; display:none;}
    html.homepage #content .card.news .news article .teaser, html.homepage #content .card.news .news article .topic {display:block;}
    html.homepage #content .card.news .news article .teaser {margin-top:0;}
    html.homepage #content .card.news .news article .topic {padding:1.75em .5em .75em 0; font-size: .85em;}
    html.subbrand #content .card.news.featured article .teaser {margin-left:-45px; margin-right:-45px; background-color:rgb(236,240,241);}
    html.subbrand #content .card.news.featured article .teaser img {min-height:520px;} /* min-height verhindert Ladesprung */
    html.subbrand #content .card.news.featured article h3 {font-size:2.35em; text-shadow:0 0 25px rgb(255,255,255);}
    html.subbrand #content .card.news.featured article .context::before {content:" "; display:block; width:50px; margin-top:1em; margin-bottom:1em; border-top:1px solid rgba(0,0,0,0.2);}

    #content .card.contents .desktop.sharing ul {text-align:left; border-top:1px solid rgb(231,237,239);}
    #content .card.contents .desktop.sharing ul li {display:block; border-bottom:1px solid rgb(231,237,239);}

    #content .card.promotion .listview {margin-left:0; margin-right:15.25px;}
    #content .card.slider.promotion .carousel[data-bullets="true"] {padding-bottom:0;}
    #content .card.slider.promotion .carousel[data-bullets="true"] .flickity-page-dots {display:none;}
    #content .card.slider.media {overflow:hidden;}
    #content .card.slider.media header {position:absolute; top:40px; left:37.5px; z-index:1; width:auto;}
    #content .card.slider.media header h3 {color:rgb(255,255,255) !important; text-shadow: 0 0 5px rgb(51,51,51);}
    #content .card.slider.media header h3 a {color:rgb(255,255,255) !important;}
    #content .card.slider.media .container_35 {max-width:none; padding:0;}
    #content .card.slider.media .carousel-content {margin-left:auto; margin-right:auto;}
    #content .card.slider.media .carousel {margin:0 !important;}
    #content .card.slider.media .carousel.background-image {height:590px;}
    #content .card.slider.media .carousel .flickity-viewport {transition:none;}
    #content .card.slider.media .carousel[data-bullets="true"] {padding-bottom:0;}
    #content .card.slider.media .carousel[data-bullets="true"] .flickity-page-dots {bottom:33.5px;}
    #content .card.slider.media .carousel[data-bullets="true"] .flickity-prev-next-button {margin-top:0;}
    #content .card.slider.media .carousel-cell {display:block; width:100%; max-width:none; margin-right:0; background-size:cover;}
    #content .card.slider.media .listview .topic {margin:2em 0;}
    #content .card.slider.media .listview h3 {font-size:1.85em; margin-bottom:1.2em;}
    #content .card.slider.media .carousel-more {position:relative; z-index:1;}
    #content .card.slider.media .carousel-more .button {margin:0; text-align:center;}
    #content .card.slider.media .carousel-more .button a {width:200px; padding:0;}
    #content .card.slider.media .video {padding:80px 0;}
    #content .card.slider.media .carousel.background-image .video {padding:150px 0 80px; height:360px;}
    #content .card.slider.media .video .carousel-content {padding:15px 15px 15px 30px; max-height:250px; max-width:750px; background:rgba(255,255,255,0.8);}
    #content .card.slider.media .video .carousel-content .canvas {float:right; margin-left:30px; width:443px; height:250px;}
    #content .card.slider.media .audio {padding:125px 0;}
    #content .card.slider.media .carousel.background-image .audio {padding:200px 0; height:190px;}
    #content .card.slider.media .audio .carousel-content {padding:15px 15px 15px 30px; max-height:160px; max-width:750px; background:rgba(255,255,255,0.8);}
    #content .card.slider.media .audio .carousel-content .canvas {float:left; width:104px; height:104px; margin:40px 30px 25px; background-color:transparent !important;}
    #content .card.slider.media .audio .carousel-content h3 {margin-top:0; margin-bottom:0; margin-right:30px; float:left; width:260px; height:5em;} /* Höhe setzen, um das Umfließen bei kurzen Überschriften zu verhindern */
    #content .card.slider.media .audio .carousel-content .topic {margin-top:1.2em;}
    #content .card.slider.blockquote .container_35 {max-width:none; padding:0;}
    #content .card.slider.blockquote .carousel-content {margin-left:auto; margin-right:auto;}
    #content .card.slider.blockquote .carousel {margin:0 !important;}
    #content .card.slider.blockquote .carousel[data-bullets="true"] .flickity-prev-next-button {margin-top:0;}
    #content .card.slider.blockquote .carousel-cell {padding:40px 0 0;}
    #content .card.slider.blockquote .carousel-cell .carousel-content {max-width:750px;}
    #content .card.slider.article .container_35 {padding-bottom:0;}
    #content .card.slider.article .listview p.teaser img {width:590px; height:370px;}
    #content .card.slider.article .listview p.topic {margin-bottom:2em;}
    #content .card.slider.article .listview h3 {margin-bottom:1.2em;}

    #content .card.more .listview {text-align:left;}

    #content .card.media figure > div {margin-left:0; margin-right:0;}

    /* OFF CANVAS MENU ****** */
    body > [class="bg-blue"] {background-color:transparent !important;} /* für mobile Ansichten wird ein umspannendes Element mit blauen Hintergrund gesetzt, so ist die Off Canvas-Navigation durchgängig blau */
    #position {transition:none; background-color:transparent !important;} /* für kurze Seiten in der mobilen Ansicht wird ein Hintergrund gesetzt */

    /* FOOTER ****** */
    footer {text-align:left;}
    footer .centerContainer {padding:30px 0;}
    footer [class*="kas-logo"] {margin:-4px 0 0; width:80px;}
    footer .sharing ul li {float:left;}
    footer .sharing ul li ~ li {border-left:1px solid rgb(231,237,239);}
    footer .metamenu ul li {display:inline; border:none;}
    footer .metamenu ul li a {display:inline; padding:0;}
    footer .metamenu ul li ~ li::before {content: " | "; color: rgb(231,237,239); padding: 0 .5em;}
    footer .copyright {padding-top:.33em; border:none;}

    html.homepage footer .support, html.homepage footer .icons {padding-top:10px;}
    html.homepage footer .first {padding:20px 0; border-bottom:1px solid rgb(1,57,109);}
    html.homepage footer .second {padding:30px 0; border-top:1px solid rgb(7,72,139); border-bottom:1px solid rgb(1,57,109);}
    html.homepage footer .third {padding:20px 0; border-top:1px solid rgb(7,72,139);}
    
    /* AUDIO SOUNDMANAGER ******************************* */
    .ui360,.sm2-360ui{top:-13px; left:-13px; margin:0;}
}

/* BREAKPOINT "Layout" 995px >= ... <= 1015px ****** */
@media screen and (min-width:995px) and (max-width:1015px) {
    #navigation ul li:first-child a {padding:0 0 0 25px; background-position:20px -180px;}
}


/* PRINT ****** */
@media print {
    body,header,header *,#content, #content *,footer, footer * {color:rgb(0,0,0) !important;}

    html,body,[class*='bg-'] {background:none !important;} /* falls Hintergrunddruck aktiviert */

    #position {padding:0 !important;}
    .container_35 {padding-left:0px; padding-right:0px;}

    .breadcrumbs {border-bottom:1px solid rgb(187,187,187);}

    #content .centerContainer {border:none; border-bottom:1px solid rgb(187,187,187);}
    #content .card header {text-align:left;}

    #content .card.publications .publication article div {padding:0;}
    #content .card.publications .top-publication article {padding:0;}
    
    #content main .infobox.highlight::after {border-left:3px solid;}

    .calendar {border:1px solid rgb(0,0,0);}
    .calendar .month {border-bottom:1px solid rgb(0,0,0);}

    html.subbrand #content .visual {border-bottom:1px solid rgb(187,187,187);}
    
    .printheader {padding:.5em 0; border-bottom:1px solid rgb(187,187,187); font-family:'Gentium Book Basic',serif; font-size:3em !important; line-height:1em;}
    .printheader span {float:right;}

    .print {display:block !important;}
    .noprint {display:none !important;}
}

@media print and (orientation: landscape) {
    #content .card ~.card {page-break-before:always;}
}