html {
font-size: 10px;
scroll-behavior: smooth
}
body {
-webkit-text-size-adjust: none !important;
-moz-text-size-adjust: none !important;
-ms-text-size-adjust: none !important;
text-size-adjust: none !important
}
h1,
h2,
h3,
h4,
h5,
h6 {
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
clear: both
}
h2+h2,
h3+h2,
h4+h2,
h5+h2,
h6+h2,
h2+h3,
h3+h3,
h4+h3,
h5+h3,
h6+h3,
h2+h4,
h3+h4,
h4+h4,
h5+h4,
h6+h4,
h2+h5,
h3+h5,
h4+h5,
h5+h5,
h6+h5,
h2+h6,
h3+h6,
h4+h6,
h5+h6,
h6+h6 {
margin-top: 40px
}
.subheadline {
margin-bottom: 40px;
font-weight: 600
}
.subheadline>:last-child {
margin-bottom: 0
}
p,
address,
ul,
ol,
dl,
table,
figure,
.responsiveTableWrapper {
font-size: 1.8rem
}
p+p,
address+p,
ul+p,
ol+p,
dl+p,
table+p,
figure+p,
.responsiveTableWrapper+p,
p+address,
address+address,
ul+address,
ol+address,
dl+address,
table+address,
figure+address,
.responsiveTableWrapper+address,
p+ul,
address+ul,
ul+ul,
ol+ul,
dl+ul,
table+ul,
figure+ul,
.responsiveTableWrapper+ul,
p+ol,
address+ol,
ul+ol,
ol+ol,
dl+ol,
table+ol,
figure+ol,
.responsiveTableWrapper+ol,
p+dl,
address+dl,
ul+dl,
ol+dl,
dl+dl,
table+dl,
figure+dl,
.responsiveTableWrapper+dl,
p+table,
address+table,
ul+table,
ol+table,
dl+table,
table+table,
figure+table,
.responsiveTableWrapper+table,
p+figure,
address+figure,
ul+figure,
ol+figure,
dl+figure,
table+figure,
figure+figure,
.responsiveTableWrapper+figure,
p+.responsiveTableWrapper,
address+.responsiveTableWrapper,
ul+.responsiveTableWrapper,
ol+.responsiveTableWrapper,
dl+.responsiveTableWrapper,
table+.responsiveTableWrapper,
figure+.responsiveTableWrapper,
.responsiveTableWrapper+.responsiveTableWrapper {
margin-top: 22px
}
h2+p,
h3+p,
h4+p,
h5+p,
h2+address,
h3+address,
h4+address,
h5+address,
h2+ul,
h3+ul,
h4+ul,
h5+ul,
h2+ol,
h3+ol,
h4+ol,
h5+ol,
h2+dl,
h3+dl,
h4+dl,
h5+dl,
h2+table,
h3+table,
h4+table,
h5+table,
h2+figure,
h3+figure,
h4+figure,
h5+figure,
h2+.responsiveTableWrapper,
h3+.responsiveTableWrapper,
h4+.responsiveTableWrapper,
h5+.responsiveTableWrapper {
margin-top: 20px
}
p+h2,
p+a[id]+h2,
p+h3,
p+a[id]+h3,
p+h4,
p+a[id]+h4,
p+h5,
p+a[id]+h5,
p+h6,
p+a[id]+h6,
address+h2,
address+a[id]+h2,
address+h3,
address+a[id]+h3,
address+h4,
address+a[id]+h4,
address+h5,
address+a[id]+h5,
address+h6,
address+a[id]+h6,
ul+h2,
ul+a[id]+h2,
ul+h3,
ul+a[id]+h3,
ul+h4,
ul+a[id]+h4,
ul+h5,
ul+a[id]+h5,
ul+h6,
ul+a[id]+h6,
ol+h2,
ol+a[id]+h2,
ol+h3,
ol+a[id]+h3,
ol+h4,
ol+a[id]+h4,
ol+h5,
ol+a[id]+h5,
ol+h6,
ol+a[id]+h6,
dl+h2,
dl+a[id]+h2,
dl+h3,
dl+a[id]+h3,
dl+h4,
dl+a[id]+h4,
dl+h5,
dl+a[id]+h5,
dl+h6,
dl+a[id]+h6,
table+h2,
table+a[id]+h2,
table+h3,
table+a[id]+h3,
table+h4,
table+a[id]+h4,
table+h5,
table+a[id]+h5,
table+h6,
table+a[id]+h6,
figure+h2,
figure+a[id]+h2,
figure+h3,
figure+a[id]+h3,
figure+h4,
figure+a[id]+h4,
figure+h5,
figure+a[id]+h5,
figure+h6,
figure+a[id]+h6,
.responsiveTableWrapper+h2,
.responsiveTableWrapper+a[id]+h2,
.responsiveTableWrapper+h3,
.responsiveTableWrapper+a[id]+h3,
.responsiveTableWrapper+h4,
.responsiveTableWrapper+a[id]+h4,
.responsiveTableWrapper+h5,
.responsiveTableWrapper+a[id]+h5,
.responsiveTableWrapper+h6,
.responsiveTableWrapper+a[id]+h6 {
margin-top: 38px
}
address {
font-style: normal
}
table {
width: 100%;
margin: 0 0 56px;
padding: 0 0 10px;
clear: both;
border-collapse: collapse;
table-layout: fixed
}
table a {
text-decoration: underline
}
table a:active,
table a:focus,
table a:hover {
text-decoration: none
}
.sortUp,
.sortDown {
padding-right: 14px;
display: inline-block;
position: relative
}
.sortUp::after,
.sortDown::after {
top: 8px;
right: 0
}
.even {
background: #f2f2f2
}
.width15 {
width: 15%
}
.width20 {
width: 20%
}
.width25 {
width: 25%
}
.width30 {
width: 30%
}
.width35 {
width: 35%
}
.width40 {
width: 40%
}
.width45 {
width: 45%
}
.width50 {
width: 50%
}
.width70 {
width: 70%
}
.width80 {
width: 80%
}
.width85 {
width: 85%
}
caption {
margin-left: 10px;
padding-bottom: 10px;
color: #000;
font-weight: 600;
text-align: left
}
tbody {
padding: 0 0 10px
}
tbody tr {
border-bottom: 1px solid #CDCCCC
}
thead {
border-bottom: 1px solid #CDCCCC
}
th {
padding: 12px 2em 12px 10px;
color: #C6411C;
font-weight: 600;
text-align: left;
vertical-align: bottom
}
th a {
color: currentColor
}
tbody th {
padding: 25px 10px;
color: currentColor;
vertical-align: top
}
td {
padding: 25px 2em 25px 10px;
text-align: left;
vertical-align: top
}
td.right,
td.left {
float: none !important
}
.responsiveTableWrapper {
position: relative
}
.responsiveTableWrapper+.responsiveTableWrapper {
margin-top: 56px
}
.responsiveTableWrapper::after,
.responsiveTableWrapper::before {
content: '';
background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0)));
background: linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
width: 4px;
display: block;
opacity: 0;
position: absolute;
top: 0;
bottom: 0;
pointer-events: none;
-webkit-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out
}
.responsiveTableWrapper::before {
left: 0
}
.responsiveTableWrapper::after {
right: 0;
-webkit-transform: scale(-1);
-ms-transform: scale(-1);
transform: scale(-1)
}
.responsiveTableWrapper.is-scroll-right::after {
opacity: 1
}
.responsiveTableWrapper.is-scroll-left::before {
opacity: 1
}
.responsiveTable {
overflow-x: scroll
}
.responsiveTable table {
width: 637px
}
ol,
ul {
list-style-type: none
}
ol {
counter-reset: section
}
.content>ol,
.s-richtext ol,
[id*='Slot']>ol {
margin-bottom: 40px
}
.content>ol li,
.s-richtext ol li,
[id*='Slot']>ol li {
margin-bottom: 12px;
padding-left: calc(1em);
font-size: 1.6rem;
line-height: 1.875;
position: relative
}
.content>ol li::before,
.s-richtext ol li::before,
[id*='Slot']>ol li::before {
content: counters(section, "") ".";
width: calc(2em);
counter-increment: section;
position: absolute;
top: 0;
left: 0
}
.content>ol ol,
.s-richtext ol ol,
[id*='Slot']>ol ol {
margin-top: 12px;
margin-bottom: 0
}
.content>ol ol li,
.s-richtext ol ol li,
[id*='Slot']>ol ol li {
padding-left: calc(2em)
}
.content>ol ol li::before,
.s-richtext ol ol li::before,
[id*='Slot']>ol ol li::before {
content: counters(section, ".") ""
}
.content>ol ol ol>li,
.s-richtext ol ol ol>li,
[id*='Slot']>ol ol ol>li {
padding-left: calc(2em)
}
.content>ul,
.s-richtext ul,
[id*='Slot']>ul {
margin-bottom: 40px;
list-style-type: none
}
.content>ul>li,
.content>ul ul>li,
.s-richtext ul>li,
.s-richtext ul ul>li,
[id*='Slot']>ul>li,
[id*='Slot']>ul ul>li {
margin-bottom: 12px;
padding-left: 19px;
font-size: 1.6rem;
line-height: 1.875;
position: relative
}
.content>ul>li::before,
.content>ul ul>li::before,
.s-richtext ul>li::before,
.s-richtext ul ul>li::before,
[id*='Slot']>ul>li::before,
[id*='Slot']>ul ul>li::before {
content: '';
background: currentColor;
width: 6px;
height: 6px;
position: absolute;
top: 13px;
left: 0
}
.content>ul ul,
.s-richtext ul ul,
[id*='Slot']>ul ul {
margin-top: 8px;
margin-bottom: 12px
}
.content>ul ul>li,
.s-richtext ul ul>li,
[id*='Slot']>ul ul>li {
padding-left: 20px
}
.content>ul ul>li::before,
.s-richtext ul ul>li::before,
[id*='Slot']>ul ul>li::before {
left: 0
}
.content>.sectionRelated li,
.s-richtext .sectionRelated li,
[id*='Slot']>.sectionRelated li {
padding-left: 0
}
.content>.sectionRelated li::before,
.s-richtext .sectionRelated li::before,
[id*='Slot']>.sectionRelated li::before {
content: none
}
dl {
margin: 0 0 20px;
overflow: hidden
}
dt {
padding-right: 15px;
font-weight: bold;
display: block;
float: left;
clear: both
}
dd {
margin-bottom: .3rem;
display: block
}
p.left,
td.left,
th.left {
text-align: left
}
p.right,
td.right,
th.right {
text-align: right
}
p.center,
td.center,
th.center {
text-align: center
}
p.justify,
td.justify,
th.justify {
text-align: justify
}
a {
text-decoration: none;
-webkit-text-size-adjust: none !important;
-moz-text-size-adjust: none !important;
-ms-text-size-adjust: none !important;
text-size-adjust: none !important;
display: inline-block
}
a:active,
a:focus,
a:hover {
outline: none;
color: #000;
text-decoration: underline
}
a[name^='JumpError'] {
display: block;
visibility: hidden;
position: relative;
top: -50px
}
.RichTextIntLink,
.RichTextExtLink,
.ExternalLink,
.external,
.RichTextWikiLink,
a.download,
a.Publication,
.shoppingCartLink,
.ContactData,
.MailLink {
margin-left: .5ex;
color: #C6411C;
font-size: 1.4rem;
font-weight: 600;
text-decoration: none;
position: relative
}
.RichTextIntLink:active,
.RichTextIntLink:focus,
.RichTextIntLink:hover,
.RichTextExtLink:active,
.RichTextExtLink:focus,
.RichTextExtLink:hover,
.ExternalLink:active,
.ExternalLink:focus,
.ExternalLink:hover,
.external:active,
.external:focus,
.external:hover,
.RichTextWikiLink:active,
.RichTextWikiLink:focus,
.RichTextWikiLink:hover,
a.download:active,
a.download:focus,
a.download:hover,
a.Publication:active,
a.Publication:focus,
a.Publication:hover,
.shoppingCartLink:active,
.shoppingCartLink:focus,
.shoppingCartLink:hover,
.ContactData:active,
.ContactData:focus,
.ContactData:hover,
.MailLink:active,
.MailLink:focus,
.MailLink:hover {
color: #C6411C;
text-decoration: none
}
.c-contact__text .RichTextIntLink,
.c-contact__text .RichTextExtLink,
.c-contact__text .ExternalLink,
.c-contact__text .external,
.c-contact__text .RichTextWikiLink,
.c-contact__text a.download,
.c-contact__text a.Publication,
.c-contact__text .shoppingCartLink,
.c-contact__text .ContactData,
.c-contact__text .MailLink {
margin-left: 0
}
.RichTextExtLink,
.RichTextIntLink,
.ExternalLink,
.RichTextWikiLink {
background-image: repeating-linear-gradient(to bottom, currentColor 0, currentColor 100%);
background-repeat: no-repeat;
background-position: bottom right;
background-size: 100% 2px;
display: inline
}
.RichTextIntLink {
background-size: calc(100% - 20px - 7px) 2px;
padding-left: 27px
}
.RichTextIntLink::before {
content: '';
display: inline-block;
position: absolute;
width: 20px;
height: 13px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -50px -464.06px;
top: 5.5px;
left: 0
}
.cookiebanner .RichTextIntLink,
.c-lead .RichTextIntLink {
background-position: bottom left;
background-size: calc(100% - 20px - 7px) 2px;
padding-left: 0;
padding-right: 27px
}
.cookiebanner .RichTextIntLink::after,
.c-lead .RichTextIntLink::after {
content: '';
display: inline-block;
position: absolute;
width: 20px;
height: 13px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -50px -464.06px;
top: 3px;
right: 0
}
.cookiebanner .RichTextIntLink::before,
.c-lead .RichTextIntLink::before {
display: none
}
.RichTextExtLink,
.ExternalLink,
.external,
.RichTextWikiLink {
background-size: calc(100% - 24px - 7px) 2px;
padding-left: 31px
}
.RichTextExtLink::before,
.ExternalLink::before,
.external::before,
.RichTextWikiLink::before {
content: '';
display: inline-block;
position: absolute;
width: 24px;
height: 24px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -463.02px -50px;
top: 0px;
left: 0
}
.RichTextExtLink-after,
.cookiebanner .RichTextExtLink,
.c-lead .RichTextExtLink,
.ExternalLink-after,
.cookiebanner .ExternalLink,
.c-lead .ExternalLink,
.external-after,
.cookiebanner .external,
.c-lead .external,
.RichTextWikiLink-after,
.cookiebanner .RichTextWikiLink,
.c-lead .RichTextWikiLink {
padding-left: 0;
margin-left: 0;
background-position: bottom left;
background-size: calc(100% - 24px - 7px) 2px;
padding-right: 31px
}
.RichTextExtLink-after::before,
.cookiebanner .RichTextExtLink::before,
.c-lead .RichTextExtLink::before,
.ExternalLink-after::before,
.cookiebanner .ExternalLink::before,
.c-lead .ExternalLink::before,
.external-after::before,
.cookiebanner .external::before,
.c-lead .external::before,
.RichTextWikiLink-after::before,
.cookiebanner .RichTextWikiLink::before,
.c-lead .RichTextWikiLink::before {
content: none
}
.RichTextExtLink-after::after,
.cookiebanner .RichTextExtLink::after,
.c-lead .RichTextExtLink::after,
.ExternalLink-after::after,
.cookiebanner .ExternalLink::after,
.c-lead .ExternalLink::after,
.external-after::after,
.cookiebanner .external::after,
.c-lead .external::after,
.RichTextWikiLink-after::after,
.cookiebanner .RichTextWikiLink::after,
.c-lead .RichTextWikiLink::after {
left: auto;
content: '';
display: inline-block;
position: absolute;
width: 24px;
height: 24px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -463.02px -50px;
top: 0px;
right: 0
}
.ContactData {
background-size: calc(100% - 20px - 7px) 2px;
padding-left: 27px
}
.ContactData::before {
content: '';
display: inline-block;
position: absolute;
width: 20px;
height: 13px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -50px -464.06px;
top: 5.5px;
left: 0
}
a.download,
a.Publication {
background-size: calc(100% - 17px - 7px) 2px;
padding-left: 24px
}
a.download::before,
a.Publication::before {
content: '';
display: inline-block;
position: absolute;
width: 17px;
height: 22px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -463.02px -174px;
top: 1px;
left: 0
}
.shoppingCartAdd .shoppingCartLink {
margin-left: 0
}
.RichTextGlossarLink,
.GlossarEntry {
border-bottom: 1px dotted #F5F3EB;
color: #000;
text-decoration: none;
cursor: help
}
.RichTextGlossarLink:active,
.RichTextGlossarLink:focus,
.RichTextGlossarLink:hover,
.GlossarEntry:active,
.GlossarEntry:focus,
.GlossarEntry:hover {
border-bottom: 1px solid #F5F3EB
}
blockquote {
margin-top: 32px;
margin-bottom: 32px;
padding: 0;
color: #3A7D8E;
font-size: 2.8rem;
font-weight: 800;
line-height: 1.57143
}
blockquote>:first-child {
position: relative
}
blockquote>:first-child::before {
content: '»'
}
blockquote>:last-child {
position: relative
}
blockquote>:last-child::after {
content: '«'
}
blockquote>p {
color: inherit;
font-size: inherit;
line-height: inherit
}
.t-gelb blockquote {
color: #493F75
}
.t-weinrot blockquote {
color: #f2af0c
}
.t-hellblau blockquote {
color: #3A7D8E
}
.t-violett blockquote {
color: #7DB3B6
}
.t-gruen blockquote {
color: #457A62
}
.t-tuerkis blockquote {
color: #f2af0c
}
.t-hellgruen blockquote {
color: #493F75
}
.t-blau blockquote {
color: #7DB3B6
}
q {
font-weight: 600;
quotes: '»' '«'
}
button {
border: none;
cursor: pointer
}
.highlight {
color: #3A7D8E
}
.highlight-white {
color: #fff
}
.highlight-prototyp .highlight-white::after {
content: " (-white)"
}
.highlight-black {
color: #000
}
.highlight-prototyp .highlight-black::after {
content: " (-black)"
}
.highlight-red {
color: #CA0101
}
.highlight-prototyp .highlight-red::after {
content: " (-red)"
}
.highlight-orange {
color: #C6411C
}
.highlight-prototyp .highlight-orange::after {
content: " (-orange)"
}
.highlight-primary {
color: #C6411C
}
.highlight-prototyp .highlight-primary::after {
content: " (-primary)"
}
.highlight-primaer {
color: #C6411C
}
.highlight-prototyp .highlight-primaer::after {
content: " (-primaer)"
}
.highlight-gray {
color: #F5F3EB
}
.highlight-prototyp .highlight-gray::after {
content: " (-gray)"
}
.highlight-dark-gray {
color: #ECEAE0
}
.highlight-prototyp .highlight-dark-gray::after {
content: " (-dark-gray)"
}
.highlight-winered {
color: #93051F
}
.highlight-prototyp .highlight-winered::after {
content: " (-winered)"
}
.highlight-weinrot {
color: #93051F
}
.highlight-prototyp .highlight-weinrot::after {
content: " (-weinrot)"
}
.highlight-yellow {
color: #f2af0c
}
.highlight-prototyp .highlight-yellow::after {
content: " (-yellow)"
}
.highlight-gelb {
color: #f2af0c
}
.highlight-prototyp .highlight-gelb::after {
content: " (-gelb)"
}
.highlight-lightgreen {
color: #828E49
}
.highlight-prototyp .highlight-lightgreen::after {
content: " (-lightgreen)"
}
.highlight-hellgruen {
color: #828E49
}
.highlight-prototyp .highlight-hellgruen::after {
content: " (-hellgruen)"
}
.highlight-green {
color: #457A62
}
.highlight-prototyp .highlight-green::after {
content: " (-green)"
}
.highlight-gruen {
color: #457A62
}
.highlight-prototyp .highlight-gruen::after {
content: " (-gruen)"
}
.highlight-lightblue {
color: #7DB3B6
}
.highlight-prototyp .highlight-lightblue::after {
content: " (-lightblue)"
}
.highlight-hellblau {
color: #7DB3B6
}
.highlight-prototyp .highlight-hellblau::after {
content: " (-hellblau)"
}
.highlight-turquoise {
color: #3A7D8E
}
.highlight-prototyp .highlight-turquoise::after {
content: " (-turquoise)"
}
.highlight-tuerkis {
color: #3A7D8E
}
.highlight-prototyp .highlight-tuerkis::after {
content: " (-tuerkis)"
}
.highlight-blue {
color: #356C9D
}
.highlight-prototyp .highlight-blue::after {
content: " (-blue)"
}
.highlight-blau {
color: #356C9D
}
.highlight-prototyp .highlight-blau::after {
content: " (-blau)"
}
.highlight-violet {
color: #493F75
}
.highlight-prototyp .highlight-violet::after {
content: " (-violet)"
}
.highlight-violett {
color: #493F75
}
.highlight-prototyp .highlight-violett::after {
content: " (-violett)"
}
.highlight-lila {
color: #493F75
}
.highlight-prototyp .highlight-lila::after {
content: " (-lila)"
}
.highlight-confirm {
color: #54A056
}
.highlight-prototyp .highlight-confirm::after {
content: " (-confirm)"
}
.highlight-error {
color: #D60026
}
.highlight-prototyp .highlight-error::after {
content: " (-error)"
}
.highlight-inactive {
color: #787673
}
.highlight-prototyp .highlight-inactive::after {
content: " (-inactive)"
}
.highlight-concrete {
color: #f2f2f2
}
.highlight-prototyp .highlight-concrete::after {
content: " (-concrete)"
}
.highlight-silver {
color: #CDCCCC
}
.highlight-prototyp .highlight-silver::after {
content: " (-silver)"
}
.highlight-scorpion {
color: #605F5F
}
.highlight-prototyp .highlight-scorpion::after {
content: " (-scorpion)"
}
.highlight-gray-red {
color: #FDF2F4
}
.highlight-prototyp .highlight-gray-red::after {
content: " (-gray-red)"
}
.highlight-hellblau {
color: #C6411C
}
span[role=tooltip] {
margin: 0 0 20px;
padding: 0;
font-size: 1.5rem;
line-height: 1.5;
text-rendering: optimizeLegibility;
display: block
}
.searchAutoSuggestBox {
background: #fff;
width: 100% !important;
padding: 30px 25px 25px;
-webkit-box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.4);
box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.4);
text-align: left;
display: none;
position: absolute;
left: 0;
right: 0;
z-index: 1538;
overflow: visible
}
.searchAutoSuggestBox a {
display: block
}
.searchAutoSuggestBox::before {
content: '';
background: #fff;
width: 20px;
height: 20px;
border-radius: 4px;
display: block;
position: absolute;
left: 40px;
bottom: calc(100% - 12px);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.searchAutoSuggestBox [role=option] {
margin-bottom: 20px;
font-size: 1.8rem;
font-weight: 400;
text-decoration: none;
display: block;
cursor: pointer
}
.searchAutoSuggestBox [role=option]:last-child {
margin-bottom: 0
}
.searchAutoSuggestBox [role=option] .is-highlighted {
font-weight: 700
}
.searchAutoSuggestBox [role=option]:hover,
.searchAutoSuggestBox [role=option]:active,
.searchAutoSuggestBox [role=option]:focus,
.searchAutoSuggestBox [role=option].active {
outline: none;
text-decoration: underline
}
.c-banderole {
background-color: #C6411C;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
position: static !important
}
.c-banderole p {
color: #fff;
text-align: center
}
.c-banderole p:last-child {
margin-bottom: 0
}
.c-banderole a,
.c-banderole label {
padding: .3rem 1rem;
color: #fff;
font-size: 1.4rem;
line-height: 1.07143;
text-align: center;
display: inline-block;
position: relative;
-webkit-transition-property: all;
transition-property: all
}
.c-banderole a::after,
.c-banderole label::after {
content: '';
display: inline-block;
position: absolute;
width: 17px;
height: 11px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -290px -464.06px;
margin-left: 5px;
top: 6px
}
.c-banderole span {
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
display: inline-block
}
.c-banderole a:active,
.c-banderole a:focus,
.c-banderole a:hover,
.c-banderole .bitv-checker-menu__opener+label:active,
.c-banderole .bitv-checker-menu__opener+label:focus,
.c-banderole .bitv-checker-menu__opener+label:hover {
background-color: transparent;
color: #fff !important;
text-decoration: none
}
.c-button {
padding: 9px 20px;
border: 2px solid currentColor;
color: inherit;
font-size: 1.4rem;
font-weight: 700;
text-align: center
}
.c-button--orange {
color: #C6411C
}
.c-button--primary {
color: #C6411C
}
.c-button--primaer {
color: #C6411C
}
.c-button--gray {
color: #F5F3EB
}
.c-button--dark-gray {
color: #ECEAE0
}
.c-button--weinrot {
color: #93051F
}
.c-button--gelb {
color: #f2af0c
}
.c-button--hellgruen {
color: #828E49
}
.c-button--gruen {
color: #457A62
}
.c-button--hellblau {
color: #7DB3B6
}
.c-button--tuerkis {
color: #3A7D8E
}
.c-button--blau {
color: #356C9D
}
.c-button--violett {
color: #493F75
}
.c-button--full[class*='--orange'] {
color: #fff;
background: #C6411C;
border-color: #C6411C
}
.c-button--full[class*='--primary'] {
color: #fff;
background: #C6411C;
border-color: #C6411C
}
.c-button--full[class*='--primaer'] {
color: #fff;
background: #C6411C;
border-color: #C6411C
}
.c-button--full[class*='--gray'] {
color: #000;
background: #F5F3EB;
border-color: #F5F3EB
}
.c-button--full[class*='--dark-gray'] {
color: #000;
background: #ECEAE0;
border-color: #ECEAE0
}
.c-button--full[class*='--weinrot'] {
color: #fff;
background: #93051F;
border-color: #93051F
}
.c-button--full[class*='--gelb'] {
color: #000;
background: #f2af0c;
border-color: #f2af0c
}
.c-button--full[class*='--hellgruen'] {
color: #000;
background: #828E49;
border-color: #828E49
}
.c-button--full[class*='--gruen'] {
color: #fff;
background: #457A62;
border-color: #457A62
}
.c-button--full[class*='--hellblau'] {
color: #000;
background: #7DB3B6;
border-color: #7DB3B6
}
.c-button--full[class*='--tuerkis'] {
color: #fff;
background: #3A7D8E;
border-color: #3A7D8E
}
.c-button--full[class*='--blau'] {
color: #fff;
background: #356C9D;
border-color: #356C9D
}
.c-button--full[class*='--violett'] {
color: #fff;
background: #493F75;
border-color: #493F75
}
.c-contact {
margin-bottom: 25px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-flow: column-reverse nowrap;
-ms-flex-flow: column-reverse nowrap;
flex-flow: column-reverse nowrap
}
.c-contact__image {
max-width: 75px;
margin-top: 0
}
.c-contact__image img {
width: 100%;
display: block
}
.c-meta--Event .c-contact strong {
font-weight: inherit
}
.c-contentpage-stage {
height: 200px;
margin-left: calc(-5px - 2em);
margin-right: calc(-5px - 2em)
}
.c-contentpage-stage__figure {
min-width: 100%;
min-height: 100%;
display: block;
position: relative
}
.c-contentpage-stage__picture {
min-height: 200px;
text-align: center;
display: block;
overflow: hidden
}
.c-contentpage-stage__caption {
background: #fff;
max-width: 50vw;
padding: 3px;
color: #605F5F;
font-size: .8rem;
text-align: right;
position: absolute;
right: 18px;
bottom: -23px;
z-index: 2000
}
.c-contentpage-stage__caption small {
font-size: 100%
}
.c-contentpage-stage img {
min-height: 200px;
display: block;
position: relative;
bottom: 50%;
-o-object-fit: cover;
object-fit: cover
}
.c-contentpage-stage--imageless {
background-color: #CDCCCC;
height: 200px;
position: relative
}
.c-contentpage-stage--imageless::before {
content: '';
background: inherit;
width: 100vw;
max-width: 1440px;
position: absolute;
top: 0;
left: 50%;
bottom: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.t-gelb .c-contentpage-stage {
background-color: #f2af0c
}
.t-gelb .c-contentpage-stage::before {
background-color: #f2af0c
}
.t-weinrot .c-contentpage-stage {
background-color: #93051F
}
.t-weinrot .c-contentpage-stage::before {
background-color: #93051F
}
.t-hellblau .c-contentpage-stage {
background-color: #7DB3B6
}
.t-hellblau .c-contentpage-stage::before {
background-color: #7DB3B6
}
.t-violett .c-contentpage-stage {
background-color: #493F75
}
.t-violett .c-contentpage-stage::before {
background-color: #493F75
}
.t-gruen .c-contentpage-stage {
background-color: #457A62
}
.t-gruen .c-contentpage-stage::before {
background-color: #457A62
}
.t-tuerkis .c-contentpage-stage {
background-color: #3A7D8E
}
.t-tuerkis .c-contentpage-stage::before {
background-color: #3A7D8E
}
.t-hellgruen .c-contentpage-stage {
background-color: #828E49
}
.t-hellgruen .c-contentpage-stage::before {
background-color: #828E49
}
.t-blau .c-contentpage-stage {
background-color: #356C9D
}
.t-blau .c-contentpage-stage::before {
background-color: #356C9D
}
.c-event-banner {
background: #F5F3EB;
margin-bottom: 16px;
padding: 20px 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
position: relative
}
.c-event-banner:active,
.c-event-banner:focus,
.c-event-banner:hover {
text-decoration: none
}
.c-event-banner:focus {
outline: 2px solid currentColor
}
.c-event-banner::after {
content: '';
background: inherit;
width: 100vw;
height: 100%;
position: absolute;
top: 0;
left: 50%;
z-index: -1;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.c-event-banner__topline {
margin-top: 0;
margin-bottom: 12px;
font-weight: 600;
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1
}
.c-event-banner__headline {
margin-bottom: 8px;
font-size: 1.6rem;
font-weight: 600;
line-height: 1.77778
}
.c-event-banner__excerpt {
margin-top: 0;
font-size: 1.4rem;
display: none
}
.c-event-banner__cta {
margin-top: 0
}
.c-event-teaser {
background: #F5F3EB;
min-height: 244px;
margin-bottom: 16px;
padding: 20px;
font-weight: 600;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap
}
.c-event-teaser__topline {
margin-bottom: 10px
}
.c-event-teaser__headline {
line-height: 1.77778
}
.c-event-teaser__subline {
margin-top: auto;
font-size: 1.4rem
}
.c-expertsearch {
position: relative
}
.c-expertsearch__input {
margin-left: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.c-expertsearch__input input {
background-color: #F5F3EB;
width: 100%;
margin-bottom: 0;
padding: 9px 5px;
font-size: 1.8rem
}
.c-expertsearch__field {
position: relative;
width: 100%
}
.c-expertsearch__submit {
background-color: #C6411C
}
.c-expertsearch__submit input {
background-color: #C6411C;
padding: 0 20px;
height: 45px;
width: 45px !important;
position: absolute;
right: 0;
border: none;
outline: 3px solid #fff
}
.c-expertsearch__submit input[type='image'] {
padding: 11px 0
}
.c-filter {
margin-top: 15px;
margin-bottom: 15px;
font-size: 1.6rem;
position: relative
}
.c-filter__list {
background-color: #fff;
width: 100%;
border: 2px solid #C6411C;
display: none;
position: absolute;
z-index: 5000
}
.c-filter__list a,
.c-filter__list strong {
padding: 10px;
font-size: 1.6rem;
display: block
}
.c-filter__list a:hover,
.c-filter__list a:focus,
.c-filter__list strong:hover,
.c-filter__list strong:focus {
background-color: #C6411C;
color: #fff
}
.c-filter .is-shown {
display: block
}
.c-filter button {
background: #F0F0F0;
width: 100%;
padding: 15px;
color: #605F5F;
font-size: 1.6rem;
text-align: left;
position: relative
}
.c-filter button::after {
content: '';
display: inline-block;
position: absolute;
width: 20px;
height: 20px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -410px -343.06px;
margin-right: 5px;
top: 21px;
right: 10px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.c-filter button.active-control::after {
content: '';
display: inline-block;
position: absolute;
width: 20px;
height: 20px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -290px -343.06px;
margin-right: 5px;
top: 21px;
right: 10px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.solrSortResults {
font-size: 2.2rem;
font-weight: bold
}
.c-footer-navigation__headline {
font-size: 1.2rem;
font-weight: 600
}
.c-footer-navigation__item {
margin-bottom: 10px
}
.c-footer-navigation a,
.c-footer-navigation strong {
color: currentColor;
font-size: 1.2rem;
line-height: 2;
letter-spacing: 1px
}
.c-footer-navigation strong {
font-weight: 600
}
.c-footer-navigation--SocialMedia .c-footer-navigation__headline {
line-height: 0;
width: 0;
position: absolute;
left: -2000px;
overflow: hidden
}
.c-footer-navigation--SocialMedia .c-footer-navigation__list {
margin-top: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.c-footer-navigation--SocialMedia .c-footer-navigation__item {
padding-right: 2rem;
display: inline-block
}
.c-footer-newsletter__headline {
margin-bottom: 18px;
font-weight: 400
}
.c-footer-newsletter__more {
margin-top: 20px
}
.c-footer-newsletter p {
color: inherit;
font-size: 1.2rem;
line-height: 2;
letter-spacing: 1px
}
.c-full-link {
position: relative
}
.c-full-link__link {
top: 0;
right: 0;
bottom: 0;
left: 0
}
.c-full-link__link.c-full-link__link {
position: absolute;
z-index: 1
}
.c-full-link__link:hover .c-full-link__main-link,
.c-full-link__link:hover * .c-full-link__main-link,
.c-full-link__link:hover~.c-full-link__main-link,
.c-full-link__link:hover~* .c-full-link__main-link,
.c-full-link__link:focus .c-full-link__main-link,
.c-full-link__link:focus * .c-full-link__main-link,
.c-full-link__link:focus~.c-full-link__main-link,
.c-full-link__link:focus~* .c-full-link__main-link,
.c-full-link__link:active .c-full-link__main-link,
.c-full-link__link:active * .c-full-link__main-link,
.c-full-link__link:active~.c-full-link__main-link,
.c-full-link__link:active~* .c-full-link__main-link {
text-decoration: underline
}
.c-full-link__main-link {
pointer-events: none
}
.c-full-link a,
.c-full-link abbr,
.c-full-link acronym,
.c-full-link dfn {
position: relative;
z-index: 2
}
.c-header {
background-color: #fff;
padding: 13px 10px;
position: relative
}
.c-header-menu {
height: 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.c-header .logo {
text-align: right
}
.c-header .logo a:focus {
outline: 1px dotted #C6411C
}
.c-header .logo img {
height: 118px
}
.c-lead {
background: #fff;
margin: 0 auto 46px;
padding-top: 37px;
position: relative;
z-index: 1544
}
.c-lead::before,
.c-lead::after {
content: '';
position: absolute
}
.c-lead::before {
background: #605F5F;
width: 60px;
height: 60px;
top: 0;
left: 0;
z-index: -10;
-webkit-transform: translate(-2em, -2em);
-ms-transform: translate(-2em, -2em);
transform: translate(-2em, -2em)
}
.c-lead::after {
background: #fff;
top: 0;
left: 0;
right: -2em;
bottom: 0;
z-index: -2
}
.c-lead h1 {
margin-bottom: 21px;
padding-left: 22px
}
.c-lead p {
font-size: 1.6rem
}
.t-gelb .c-lead::before {
background-color: #493F75
}
.t-weinrot .c-lead::before {
background-color: #f2af0c
}
.t-hellblau .c-lead::before {
background-color: #3A7D8E
}
.t-violett .c-lead::before {
background-color: #7DB3B6
}
.t-gruen .c-lead::before {
background-color: #457A62
}
.t-tuerkis .c-lead::before {
background-color: #f2af0c
}
.t-hellgruen .c-lead::before {
background-color: #493F75
}
.t-blau .c-lead::before {
background-color: #7DB3B6
}
.c-lead--search .submit {
height: 45px;
position: absolute;
right: 0;
border: none;
outline: 3px solid #fff
}
.c-meta__item {
margin-bottom: 4em
}
.c-mobile-buttons {
margin-top: 8px
}
.c-mobile-nav {
background: #fff;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 9999;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition-property: height;
transition-property: height
}
.c-mobile-nav__toggleContainer {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.c-mobile-nav__formlink {
margin-top: 20px;
color: #fff;
font-size: 1.4rem;
position: relative
}
.c-mobile-nav__formlink::after {
content: '';
display: inline-block;
position: absolute;
width: 17px;
height: 11px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -290px -464.06px;
margin-left: 5px;
top: 7px
}
.c-mobile-nav__container {
padding: 13px 10px
}
.c-mobile-nav__footer {
background-color: #C6411C;
padding: 10px;
color: #fff
}
.c-mobile-nav__footer .c-mobile-nav__link,
.c-mobile-nav__footer button,
.c-mobile-nav__footer strong {
margin: 10px 15px 20px 0;
padding: 0;
color: #fff;
font-size: 1.6rem;
font-weight: normal;
text-align: left;
display: block;
position: relative
}
.c-mobile-nav__footer .navDE {
width: auto;
float: left;
clear: none
}
.c-mobile-nav__footer .navEN {
width: auto;
float: left;
clear: none
}
.c-mobile-nav__footer .navEN a::before,
.c-mobile-nav__footer .navEN strong::before {
content: '';
background: #fff;
width: 2px;
height: 14px;
position: absolute;
top: 50%;
left: -8px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.c-mobile-nav__footer li {
width: 100%;
clear: both
}
.c-mobile-nav__footer li strong,
.c-mobile-nav__footer li a:hover,
.c-mobile-nav__footer li a:focus,
.c-mobile-nav__footer li a:active {
text-decoration: underline;
background: none
}
.c-mobile-nav__list {
height: auto !important;
margin: 0;
list-style: none;
position: relative;
z-index: 2;
overflow: visible
}
.c-mobile-nav__list.level1 {
max-height: calc(100vh);
overflow-x: hidden
}
.c-mobile-nav__list ul {
padding-left: 20px;
padding-bottom: 10px
}
.c-mobile-nav__list ul button,
.c-mobile-nav__list ul a {
padding: 0 30px 0 0;
font-size: 1.4rem
}
.c-mobile-nav__list ul button::after,
.c-mobile-nav__list ul a::after {
display: none
}
.c-mobile-nav__list ul .c-mobile-nav__item .is-closed::after {
top: 11px
}
.c-mobile-nav__list ul .c-mobile-nav__item .is-opened::after {
top: 2px
}
.c-mobile-nav__list ul .c-mobile-nav__item {
padding: 10px 0
}
.c-mobile-nav__list ul .c-mobile-nav__item.is-opened ul {
margin-bottom: -10px;
padding-top: 10px
}
.c-mobile-nav__list ul .c-mobile-nav__item.is-opened ul li:first-child {
padding-top: 10px
}
.c-mobile-nav__list ul .c-mobile-nav__item.is-opened ul li:last-child {
padding-bottom: 0
}
.c-mobile-nav__list ul .c-mobile-nav__item.is-closed::after,
.c-mobile-nav__list ul .c-mobile-nav__item.is-opened::after {
display: none
}
.c-mobile-nav__list--animate {
background: transparent;
width: 100%;
top: 0;
right: 0;
z-index: 12;
-webkit-transition: -webkit-transform .2s linear;
transition: -webkit-transform .2s linear;
transition: transform .2s linear;
transition: transform .2s linear, -webkit-transform .2s linear;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
.c-mobile-nav__list--animate.is-visible {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.c-mobile-nav__button,
.c-mobile-nav__link {
padding: 15px 30px 15px 0;
font-size: 1.6rem;
display: block
}
.c-mobile-nav__button:active,
.c-mobile-nav__button:focus,
.c-mobile-nav__button:hover,
.c-mobile-nav__link:active,
.c-mobile-nav__link:focus,
.c-mobile-nav__link:hover {
background-color: #fff
}
.c-mobile-nav__button {
width: 100%;
padding: 15px 30px 15px 0;
font-size: 1.6rem;
text-align: left
}
.c-mobile-nav__item {
background-color: transparent;
width: 100%;
list-style: none;
display: block;
position: relative
}
.c-mobile-nav__item.is-closed>ul {
max-height: 0;
padding: 0;
overflow: hidden
}
.c-mobile-nav__item .is-closed::after {
content: '';
display: inline-block;
position: absolute;
width: 20px;
height: 20px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -410px -343.06px;
margin-right: 5px;
top: calc(10px + 1rem);
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.c-mobile-nav__item .is-opened>button {
margin-top: -1px
}
.c-mobile-nav__item .is-opened>button::before {
display: none
}
.c-mobile-nav__item .is-opened::after {
content: '';
display: inline-block;
position: absolute;
width: 20px;
height: 20px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -290px -343.06px;
margin-right: 5px;
top: 1rem;
right: 0
}
.c-mobile-nav__item__button {
position: relative;
cursor: pointer
}
.c-mobile-nav__toggle-button {
width: 145px;
height: 62px;
font-size: 1.8rem;
font-weight: normal;
text-align: left;
display: inline-block;
top: 16px
}
.c-mobile-nav__toggle-button:focus {
outline: none;
text-decoration: underline
}
.c-mobile-nav__toggle-button-image {
height: 30px;
margin-top: -2px;
margin-left: 10px;
margin-right: 12px
}
.c-mobile-nav__toggle-button span {
font-size: 1.6rem;
font-weight: 600;
line-height: 1.3125;
letter-spacing: .2px
}
.js-mobile-nav__hidden {
height: 0 !important;
display: none;
overflow: hidden
}
.c-mobile-togglebar__text {
font-size: 1.6rem;
font-weight: 600;
display: inline-block
}
.c-mobile-togglebar__toggle-button {
height: 62px;
margin-top: 14px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.c-mobile-togglebar__toggle-button:focus {
outline: none;
text-decoration: underline
}
.c-module-headline {
padding-left: 18px;
position: relative
}
.c-module-headline::before {
content: '';
width: 17px;
height: 17px;
border-width: 6px 0 0 6px;
border-style: solid;
border-color: currentColor;
position: absolute;
top: -6px;
left: 0
}
.c-module-headline--small {
padding-left: 0;
font-size: 1.8rem
}
.c-module-headline--small::before {
content: none
}
.c-module-headline--medium {
padding-left: 0;
font-size: 2.2rem
}
.c-module-headline--medium::before {
content: none
}
.l-content-wrapper--white .c-module-headline {
color: #000
}
.l-content-wrapper--black .c-module-headline {
color: #fff
}
.l-content-wrapper--red .c-module-headline {
color: #fff
}
.l-content-wrapper--orange .c-module-headline {
color: #fff
}
.l-content-wrapper--primary .c-module-headline {
color: #fff
}
.l-content-wrapper--primaer .c-module-headline {
color: #fff
}
.l-content-wrapper--gray .c-module-headline {
color: #000
}
.l-content-wrapper--dark-gray .c-module-headline {
color: #000
}
.l-content-wrapper--winered .c-module-headline {
color: #fff
}
.l-content-wrapper--weinrot .c-module-headline {
color: #fff
}
.l-content-wrapper--yellow .c-module-headline {
color: #000
}
.l-content-wrapper--gelb .c-module-headline {
color: #000
}
.l-content-wrapper--lightgreen .c-module-headline {
color: #000
}
.l-content-wrapper--hellgruen .c-module-headline {
color: #000
}
.l-content-wrapper--green .c-module-headline {
color: #fff
}
.l-content-wrapper--gruen .c-module-headline {
color: #fff
}
.l-content-wrapper--lightblue .c-module-headline {
color: #000
}
.l-content-wrapper--hellblau .c-module-headline {
color: #000
}
.l-content-wrapper--turquoise .c-module-headline {
color: #fff
}
.l-content-wrapper--tuerkis .c-module-headline {
color: #fff
}
.l-content-wrapper--blue .c-module-headline {
color: #fff
}
.l-content-wrapper--blau .c-module-headline {
color: #fff
}
.l-content-wrapper--violet .c-module-headline {
color: #fff
}
.l-content-wrapper--violett .c-module-headline {
color: #fff
}
.l-content-wrapper--lila .c-module-headline {
color: #fff
}
.l-content-wrapper--confirm .c-module-headline {
color: #000
}
.l-content-wrapper--error .c-module-headline {
color: #fff
}
.l-content-wrapper--inactive .c-module-headline {
color: #000
}
.l-content-wrapper--concrete .c-module-headline {
color: #000
}
.l-content-wrapper--silver .c-module-headline {
color: #000
}
.l-content-wrapper--scorpion .c-module-headline {
color: #fff
}
.l-content-wrapper--gray-red .c-module-headline {
color: #000
}
.c-module-more {
margin: 0
}
.c-more {
color: #C6411C;
font-size: 1.4rem;
font-weight: 600
}
.c-more::after {
content: '';
display: inline-block;
position: absolute;
width: 20px;
height: 13px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -50px -464.06px;
margin-left: .75ex;
vertical-align: baseline;
position: static
}
.c-more--orange::before {
color: #C6411C
}
.c-more--primary::before {
color: #C6411C
}
.c-more--primaer::before {
color: #C6411C
}
.c-more--gray::before {
color: #F5F3EB
}
.c-more--dark-gray::before {
color: #ECEAE0
}
.c-more--weinrot::before {
color: #93051F
}
.c-more--gelb::before {
color: #f2af0c
}
.c-more--hellgruen::before {
color: #828E49
}
.c-more--gruen::before {
color: #457A62
}
.c-more--hellblau::before {
color: #7DB3B6
}
.c-more--tuerkis::before {
color: #3A7D8E
}
.c-more--blau::before {
color: #356C9D
}
.c-more--violett::before {
color: #493F75
}
.c-nav-primary {
clear: both;
position: relative
}
.c-nav-primary a {
padding: 10px 0;
color: #000;
display: block
}
.c-nav-skip,
.c-nav-skip a {
width: 0;
line-height: 0;
position: absolute;
left: -2000px
}
.c-nav-skip a:active,
.c-nav-skip a:focus {
background-color: #C6411C;
width: 18rem;
height: auto;
padding: 15px 0 20px;
color: #fff;
font-size: 1.6rem;
text-align: center;
top: 75px;
left: calc(2000px + 50vw);
z-index: 1543;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.c-pagination,
.c-pagination ul {
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row;
-ms-flex-flow: row;
flex-flow: row;
justify-items: flex-start
}
.c-pagination li {
height: 3rem;
margin-right: .1rem;
margin-bottom: .1rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 0 3rem;
-ms-flex: 0 0 3rem;
flex: 0 0 3rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.c-pagination li::before {
display: none
}
.c-pagination span,
.c-pagination strong,
.c-pagination a {
min-width: auto;
height: 100%;
margin: 0;
padding: 0;
display: block;
position: relative
}
.c-pagination span.button,
.c-pagination strong.button,
.c-pagination a.button {
color: #C6411C;
font-size: 1.4rem;
font-weight: bold
}
.c-pagination span.button.forward,
.c-pagination strong.button.forward,
.c-pagination a.button.forward {
margin-left: 20px;
line-height: 2
}
.c-pagination span.button.forward::after,
.c-pagination strong.button.forward::after,
.c-pagination a.button.forward::after {
content: '';
display: inline-block;
position: absolute;
width: 20px;
height: 13px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -50px -464.06px;
top: 8px;
right: -25px
}
.c-pagination span.button.back,
.c-pagination strong.button.back,
.c-pagination a.button.back {
margin-right: 20px;
line-height: 2
}
.c-pagination span.button.back::before,
.c-pagination strong.button.back::before,
.c-pagination a.button.back::before {
content: '';
display: inline-block;
position: absolute;
width: 20px;
height: 13px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -50px -464.06px;
top: 8px;
left: -25px;
-webkit-transform: scale(-1);
-ms-transform: scale(-1);
transform: scale(-1)
}
.c-pagination span {
position: relative
}
.c-pagination span.button {
color: #605F5F;
font-size: 1.4rem
}
.c-pagination span.button.back {
margin-right: 20px;
line-height: 2
}
.c-pagination span.button.back::before {
content: '';
display: inline-block;
position: absolute;
width: 20px;
height: 13px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -170px -464.06px;
top: 8px;
left: -25px;
-webkit-transform: scale(-1);
-ms-transform: scale(-1);
transform: scale(-1)
}
.c-pagination span.button.forward {
margin-left: 20px;
line-height: 2
}
.c-pagination span.button.forward::after {
content: '';
display: inline-block;
position: absolute;
width: 20px;
height: 13px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -170px -464.06px;
top: 8px;
right: -25px
}
.c-pagination span.aural {
height: 0
}
.c-pagination strong {
position: relative
}
.c-pagination strong::after {
content: '';
background-color: #000;
width: 100%;
height: 2px;
margin-top: 3px;
display: block;
position: absolute
}
.c-partner {
margin-top: -2rem
}
.c-partner li {
margin-top: 2rem
}
.c-partner .picture {
max-width: 100%
}
.c-previewhint {
background-color: #CA0101;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
position: static !important
}
.c-previewhint a,
.c-previewhint label {
background-color: #fff;
padding: .3rem 1rem;
border: 0.2rem solid #fff;
border-radius: .5rem;
color: #CA0101;
font-size: 1.3rem;
line-height: 1.15385;
text-align: center;
text-transform: uppercase;
display: block;
-webkit-transition-property: all;
transition-property: all
}
.c-previewhint a:active,
.c-previewhint a:focus,
.c-previewhint a:hover,
.c-previewhint .bitv-checker-menu__opener+label:active,
.c-previewhint .bitv-checker-menu__opener+label:focus,
.c-previewhint .bitv-checker-menu__opener+label:hover {
background-color: transparent;
color: #fff !important;
text-decoration: none
}
.c-previewhint p {
color: #fff
}
.c-previewhint p:last-child {
margin-bottom: 0
}
.c-project-map-cta {
height: 45.46px;
padding-left: 44.51px;
color: #C6411C;
font-weight: 700;
line-height: 45.46px;
vertical-align: center;
display: block;
position: relative
}
.c-project-map-cta:active,
.c-project-map-cta:focus,
.c-project-map-cta:hover {
color: #C6411C
}
.c-project-map-cta::before {
content: '';
display: inline-block;
position: absolute;
width: 34.51px;
height: 45.46px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -328.51px -50px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.c-project-map-link {
padding: 12px 30px 12px 24px;
font-size: 1.4rem;
display: block;
position: relative
}
.c-project-map-link::before {
position: absolute;
top: 16px;
left: 0
}
.c-project-map-link::after {
content: '';
display: inline-block;
position: absolute;
width: 20px;
height: 13px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -50px -464.06px;
top: 16px;
right: 0
}
.c-project-map-link:not(:link)::after {
content: none
}
.c-project-map-link--single-active::before,
.c-project-map-link--single-Laufend::before {
content: '';
display: inline-block;
position: absolute;
width: 14px;
height: 14px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -286px -577.06px
}
.c-project-map-link--single-finished::before,
.c-project-map-link--single-Abgeschlossen::before {
content: '';
display: inline-block;
position: absolute;
width: 14px;
height: 14px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -587.02px -398px
}
.c-project-map-link--nationwide-active::before,
.c-project-map-link--nationwide-Laufend::before {
content: '';
display: inline-block;
position: absolute;
width: 12px;
height: 12px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -703.02px -50px
}
.c-project-map-link--nationwide-finished::before,
.c-project-map-link--nationwide-Abgeschlossen::before {
content: '';
display: inline-block;
position: absolute;
width: 12px;
height: 12px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -512px -577.06px
}
.c-project-map-link--coop-active::before,
.c-project-map-link--coop-Laufend::before {
content: '';
display: inline-block;
position: absolute;
width: 15px;
height: 15px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -587.02px -169px
}
.c-project-map-link--coop-finished::before,
.c-project-map-link--coop-Abgeschlossen::before {
content: '';
display: inline-block;
position: absolute;
width: 14px;
height: 14px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -587.02px -284px
}
.c-project-map-link--region-active::before,
.c-project-map-link--region-Laufend::before {
content: '';
display: inline-block;
position: absolute;
width: 18px;
height: 18px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -168px -577.06px
}
.c-project-map-link--region-finished::before,
.c-project-map-link--region-Abgeschlossen::before {
content: '';
display: inline-block;
position: absolute;
width: 18px;
height: 18px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -50px -577.06px
}
.c-project-map-link--Einzelstandort-active::before,
.c-project-map-link--Einzelstandort-Laufend::before {
content: '';
display: inline-block;
position: absolute;
width: 14px;
height: 14px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -286px -577.06px
}
.c-project-map-link--Einzelstandort-finished::before,
.c-project-map-link--Einzelstandort-Abgeschlossen::before {
content: '';
display: inline-block;
position: absolute;
width: 14px;
height: 14px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -587.02px -398px
}
.c-project-map-link--Bundesweit-active::before,
.c-project-map-link--Bundesweit-Laufend::before {
content: '';
display: inline-block;
position: absolute;
width: 12px;
height: 12px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -703.02px -50px
}
.c-project-map-link--Bundesweit-finished::before,
.c-project-map-link--Bundesweit-Abgeschlossen::before {
content: '';
display: inline-block;
position: absolute;
width: 12px;
height: 12px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -512px -577.06px
}
.c-project-map-link--Kooperation-active::before,
.c-project-map-link--Kooperation-Laufend::before {
content: '';
display: inline-block;
position: absolute;
width: 15px;
height: 15px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -587.02px -169px
}
.c-project-map-link--Kooperation-finished::before,
.c-project-map-link--Kooperation-Abgeschlossen::before {
content: '';
display: inline-block;
position: absolute;
width: 14px;
height: 14px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -587.02px -284px
}
.c-project-map-link--Regional-active::before,
.c-project-map-link--Regional-Laufend::before {
content: '';
display: inline-block;
position: absolute;
width: 18px;
height: 18px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -168px -577.06px
}
.c-project-map-link--Regional-finished::before,
.c-project-map-link--Regional-Abgeschlossen::before {
content: '';
display: inline-block;
position: absolute;
width: 18px;
height: 18px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -50px -577.06px
}
.s-project-map-legend .c-project-map-link {
padding: 10px 34px;
color: #787673
}
.s-project-map-legend .c-project-map-link::before {
top: 50%;
left: 9px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.c-project-map-list {
position: relative
}
.c-project-map-list__region {
position: absolute
}
.c-project-map-list__region-title {
margin: 0;
font-size: 1.4rem
}
.c-project-map-list__region-toggle {
padding: 5px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-flow: row-reverse nowrap;
-ms-flex-flow: row-reverse nowrap;
flex-flow: row-reverse nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
-webkit-transition: -webkit-transform .2s ease-in-out;
transition: -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
-webkit-transition-delay: .5s;
transition-delay: .5s;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left
}
.c-project-map-list__region-toggle:active,
.c-project-map-list__region-toggle:focus,
.c-project-map-list__region-toggle:hover {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1)
}
.c-project-map-list__region-toggle:active,
.c-project-map-list__region-toggle:focus,
.c-project-map-list__region-toggle:hover {
background: #fff;
outline: none;
text-decoration: underline;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1)
}
.c-project-map-list__region-toggle:active::before,
.c-project-map-list__region-toggle:focus::before,
.c-project-map-list__region-toggle:hover::before {
width: 10px;
height: 10px;
border-width: 4px 0 0 4px;
border-style: solid;
border-color: #3A7D8E transparent transparent #3A7D8E;
top: -4px;
left: -4px
}
.c-project-map-list__region-toggle::before {
content: '';
position: absolute;
top: 4px;
left: 4px
}
.c-project-map-list__region-toggle.active-control {
background: #fff;
text-decoration: underline;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1)
}
.c-project-map-list__region-toggle.active-control:focus:before {
width: calc(100% + 8px);
height: calc(100% + 8px);
border-width: 4px;
border-color: #3A7D8E
}
.c-project-map-list__region-toggle.active-control::before {
width: calc(100% + 4px);
height: calc(100% + 4px);
border-width: 4px 0 0 4px;
border-style: solid;
border-color: #3A7D8E transparent transparent #3A7D8E;
top: -4px;
left: -4px
}
.c-project-map-list__toggle-icons {
margin-right: 5px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.c-project-map-list__toggle-icons>* {
margin-right: 5px
}
.c-project-map-list__overview-wrapper {
background: #fff;
width: 319px;
max-height: 500px;
margin: 0;
border: 1px solid #DEDEDE;
-webkit-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.2);
box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.2);
position: absolute;
top: calc(100% + 13px);
left: 50%;
bottom: auto;
z-index: 1531;
-webkit-transform: translateX(-50%) translateX(34px);
-ms-transform: translateX(-50%) translateX(34px);
transform: translateX(-50%) translateX(34px)
}
.c-project-map-list__overview-wrapper::after {
content: '';
background: #fff;
width: 13px;
height: 13px;
border-width: 1px;
border-style: solid;
border-color: #DEDEDE #DEDEDE #fff #fff;
position: absolute;
top: -18px;
left: 61px;
right: auto;
bottom: auto;
z-index: 1533;
-webkit-transform: rotate(-45deg) translateY(16px);
-ms-transform: rotate(-45deg) translateY(16px);
transform: rotate(-45deg) translateY(16px)
}
.c-project-map-list__region--bottom .c-project-map-list__overview-wrapper {
top: auto;
bottom: calc(100% + 18px)
}
.c-project-map-list__region--bottom .c-project-map-list__overview-wrapper::after {
top: calc(100% + 5px);
bottom: auto;
-webkit-transform: rotate(-45deg) translateY(-16px) scale(-1);
-ms-transform: rotate(-45deg) translateY(-16px) scale(-1);
transform: rotate(-45deg) translateY(-16px) scale(-1)
}
.c-project-map-list__region--right .c-project-map-list__overview-wrapper {
left: auto;
right: 50%;
-webkit-transform: translateX(50%) translateX(-34px);
-ms-transform: translateX(50%) translateX(-34px);
transform: translateX(50%) translateX(-34px)
}
.c-project-map-list__region--right .c-project-map-list__overview-wrapper::after {
left: auto;
right: 61px
}
.c-project-map-list__region-overview {
max-height: calc(500px - 2px);
margin: 0;
padding: 39px 26px;
z-index: 1532;
overflow-y: auto
}
.c-project-map-list__category {
border-bottom: 1px solid #787673
}
.c-project-map-list__category:not(:last-child) {
margin-bottom: 30px
}
.c-project-map-list__category-title {
margin: 0 0 12px;
font-size: 1.4rem;
font-weight: 400
}
.c-project-map-list__projects {
margin: 0
}
.c-project-map-list__project {
border-top: 1px solid #787673
}
.c-project-map-toggle-icon {
display: inline-block;
vertical-align: center
}
.c-project-map-toggle-icon--single-active::before,
.c-project-map-toggle-icon--single-Laufend::before {
content: '';
display: inline-block;
position: relative;
width: 14px;
height: 14px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -286px -577.06px
}
.c-project-map-toggle-icon--single-finished::before,
.c-project-map-toggle-icon--single-Abgeschlossen::before {
content: '';
display: inline-block;
position: relative;
width: 14px;
height: 14px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -587.02px -398px
}
.c-project-map-toggle-icon--nationwide-active::before,
.c-project-map-toggle-icon--nationwide-Laufend::before {
content: '';
display: inline-block;
position: relative;
width: 12px;
height: 12px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -703.02px -50px
}
.c-project-map-toggle-icon--nationwide-finished::before,
.c-project-map-toggle-icon--nationwide-Abgeschlossen::before {
content: '';
display: inline-block;
position: relative;
width: 12px;
height: 12px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -512px -577.06px
}
.c-project-map-toggle-icon--coop-active::before,
.c-project-map-toggle-icon--coop-Laufend::before {
content: '';
display: inline-block;
position: relative;
width: 15px;
height: 15px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -587.02px -169px
}
.c-project-map-toggle-icon--coop-finished::before,
.c-project-map-toggle-icon--coop-Abgeschlossen::before {
content: '';
display: inline-block;
position: relative;
width: 14px;
height: 14px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -587.02px -284px
}
.c-project-map-toggle-icon--region-active::before,
.c-project-map-toggle-icon--region-Laufend::before {
content: '';
display: inline-block;
position: relative;
width: 18px;
height: 18px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -168px -577.06px
}
.c-project-map-toggle-icon--region-finished::before,
.c-project-map-toggle-icon--region-Abgeschlossen::before {
content: '';
display: inline-block;
position: relative;
width: 18px;
height: 18px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -50px -577.06px
}
.c-project-map-toggle-icon--Einzelstandort-active::before,
.c-project-map-toggle-icon--Einzelstandort-Laufend::before {
content: '';
display: inline-block;
position: relative;
width: 14px;
height: 14px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -286px -577.06px
}
.c-project-map-toggle-icon--Einzelstandort-finished::before,
.c-project-map-toggle-icon--Einzelstandort-Abgeschlossen::before {
content: '';
display: inline-block;
position: relative;
width: 14px;
height: 14px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -587.02px -398px
}
.c-project-map-toggle-icon--Bundesweit-active::before,
.c-project-map-toggle-icon--Bundesweit-Laufend::before {
content: '';
display: inline-block;
position: relative;
width: 12px;
height: 12px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -703.02px -50px
}
.c-project-map-toggle-icon--Bundesweit-finished::before,
.c-project-map-toggle-icon--Bundesweit-Abgeschlossen::before {
content: '';
display: inline-block;
position: relative;
width: 12px;
height: 12px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -512px -577.06px
}
.c-project-map-toggle-icon--Kooperation-active::before,
.c-project-map-toggle-icon--Kooperation-Laufend::before {
content: '';
display: inline-block;
position: relative;
width: 15px;
height: 15px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -587.02px -169px
}
.c-project-map-toggle-icon--Kooperation-finished::before,
.c-project-map-toggle-icon--Kooperation-Abgeschlossen::before {
content: '';
display: inline-block;
position: relative;
width: 14px;
height: 14px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -587.02px -284px
}
.c-project-map-toggle-icon--Regional-active::before,
.c-project-map-toggle-icon--Regional-Laufend::before {
content: '';
display: inline-block;
position: relative;
width: 18px;
height: 18px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -168px -577.06px
}
.c-project-map-toggle-icon--Regional-finished::before,
.c-project-map-toggle-icon--Regional-Abgeschlossen::before {
content: '';
display: inline-block;
position: relative;
width: 18px;
height: 18px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -50px -577.06px
}
.c-project-map {
background: #F5F3EB;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
position: relative
}
.c-project-map__image {
display: block
}
.c-project-map__image img {
width: 100%
}
.c-project-map__items {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.c-project-map__content {
position: relative
}
.c-project-map__hover-opener {
position: relative;
z-index: 1
}
.c-project-map__hover-opener::before {
content: '';
display: inline-block;
position: absolute;
width: 44px;
height: 52px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -50px -50px;
top: 0;
left: 0;
-webkit-transform: scale(0.5) translateY(-100%);
-ms-transform: scale(0.5) translateY(-100%);
transform: scale(0.5) translateY(-100%);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left
}
.c-project-map__hover-opener::after {
content: '';
background: #fff;
width: 30px;
height: 30px;
border-radius: 15px;
opacity: 0;
position: absolute;
top: -28px;
left: -4px;
z-index: -1;
-webkit-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out
}
.c-project-map__hover-opener:hover::after {
opacity: 1
}
.c-project-map__hover-opener:hover~.c-project-map-list__region-title .c-project-map-list__region-toggle {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1)
}
.c-project-map__hints {
width: 100%;
margin-top: 80px;
color: #605F5F;
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.c-project-map__hints,
.c-project-map__hints p {
font-size: 1.2rem
}
.c-related-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap
}
.c-related-link:active,
.c-related-link:focus,
.c-related-link:hover {
text-decoration: none
}
.c-related-link:active .c-related-link__title,
.c-related-link:focus .c-related-link__title,
.c-related-link:hover .c-related-link__title {
text-decoration: underline
}
.c-related-link__title {
font-size: 1.6rem;
line-height: 1.875
}
.c-related-link__subline {
margin-bottom: 8px;
font-size: 1.2rem
}
.c-related-link__cta {
background-size: calc(100% - 20px - 7px) 2px;
width: auto;
padding-right: 27px;
color: #C6411C;
font-size: 1.4rem;
font-weight: 600;
display: inline;
position: relative
}
.c-related-link__cta::after {
content: '';
display: inline-block;
position: absolute;
width: 20px;
height: 13px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -50px -464.06px;
margin-left: 6px;
top: 4px
}
.c-related-link--download .c-related-link__cta,
.c-related-link--Publication .c-related-link__cta {
background-size: calc(100% - 16px - 7px) 2px;
padding-right: 23px
}
.c-related-link--download .c-related-link__cta::after,
.c-related-link--Publication .c-related-link__cta::after {
content: '';
display: inline-block;
position: absolute;
width: 16px;
height: 19px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -587.02px -50px;
top: 2.5px
}
.c-related-link--external .c-related-link__cta,
.c-related-link--ExternalLink .c-related-link__cta {
background-size: calc(100% - 24px - 7px) 2px;
padding-right: 31px
}
.c-related-link--external .c-related-link__cta::after,
.c-related-link--ExternalLink .c-related-link__cta::after {
content: '';
display: inline-block;
position: absolute;
width: 24px;
height: 24px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -463.02px -50px;
top: 0px
}
.c-related-link--order .c-related-link__cta,
.c-related-link--FEShoppingCart .c-related-link__cta {
background-size: calc(100% - 20px - 7px) 2px;
width: auto;
padding-right: 27px;
display: inline;
position: relative
}
.c-related-link--order .c-related-link__cta::after,
.c-related-link--FEShoppingCart .c-related-link__cta::after {
content: '';
display: inline-block;
position: absolute;
width: 20px;
height: 21px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -50px -343.06px;
margin-left: 6px;
top: 1.5px
}
.c-search-banner {
clear: both;
z-index: 1539
}
.c-search-banner .formField {
width: 100%;
position: relative
}
.c-search-banner__input {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.c-search-banner__input input {
background-color: #F5F3EB;
width: 100%;
margin-bottom: 0;
padding: 9px 5px;
font-size: 1.8rem
}
.c-search-banner__submit {
background-color: #C6411C;
border-left: 3px solid #fff
}
.c-search-banner__submit input {
background-color: #C6411C;
height: 100%;
padding: 0 20px
}
.c-search-flyout {
width: 100%;
margin-bottom: 12px
}
.c-search-flyout form {
margin-bottom: 0
}
.c-search-flyout .formField {
width: 100%
}
.c-search-flyout p {
margin-bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.c-search-flyout input {
background-color: #F5F3EB;
margin-bottom: 0;
padding: 7px 5px 7px 10px;
font-size: 1.8rem
}
.c-search-flyout input.image {
background-color: #C6411C;
width: 60px;
margin-left: 3px;
padding: 0 17px
}
.l-collage .c-slideshow-navigation .c-slideshow-navigation__button,
.l-event-slider .c-slideshow-navigation .c-slideshow-navigation__button {
width: 30px;
height: 23px;
padding: 5px;
display: block;
opacity: 1;
-webkit-transition: opacity .2s ease-in-out, top .2s ease-in-out;
transition: opacity .2s ease-in-out, top .2s ease-in-out
}
.l-collage .c-slideshow-navigation .c-slideshow-navigation__button:active:hover path,
.l-collage .c-slideshow-navigation .c-slideshow-navigation__button:active focus path,
.l-collage .c-slideshow-navigation .c-slideshow-navigation__button:focus:hover path,
.l-collage .c-slideshow-navigation .c-slideshow-navigation__button:focus focus path,
.l-collage .c-slideshow-navigation .c-slideshow-navigation__button:hover:hover path,
.l-collage .c-slideshow-navigation .c-slideshow-navigation__button:hover focus path,
.l-event-slider .c-slideshow-navigation .c-slideshow-navigation__button:active:hover path,
.l-event-slider .c-slideshow-navigation .c-slideshow-navigation__button:active focus path,
.l-event-slider .c-slideshow-navigation .c-slideshow-navigation__button:focus:hover path,
.l-event-slider .c-slideshow-navigation .c-slideshow-navigation__button:focus focus path,
.l-event-slider .c-slideshow-navigation .c-slideshow-navigation__button:hover:hover path,
.l-event-slider .c-slideshow-navigation .c-slideshow-navigation__button:hover focus path {
fill: currentColor
}
.l-collage .c-slideshow-navigation .c-slideshow-navigation__button:active:active,
.l-collage .c-slideshow-navigation .c-slideshow-navigation__button:focus:active,
.l-collage .c-slideshow-navigation .c-slideshow-navigation__button:hover:active,
.l-event-slider .c-slideshow-navigation .c-slideshow-navigation__button:active:active,
.l-event-slider .c-slideshow-navigation .c-slideshow-navigation__button:focus:active,
.l-event-slider .c-slideshow-navigation .c-slideshow-navigation__button:hover:active {
position: relative;
top: 1px
}
.l-collage .c-slideshow-navigation .c-slideshow-navigation__button.slick-disabled,
.l-event-slider .c-slideshow-navigation .c-slideshow-navigation__button.slick-disabled {
opacity: .2;
cursor: default
}
.l-collage .c-slideshow-navigation .c-slideshow-navigation__prev,
.l-collage .c-slideshow-navigation .c-slideshow-navigation__next,
.l-event-slider .c-slideshow-navigation .c-slideshow-navigation__prev,
.l-event-slider .c-slideshow-navigation .c-slideshow-navigation__next {
position: absolute
}
.l-collage .c-slideshow-navigation img,
.l-collage .c-slideshow-navigation svg,
.l-event-slider .c-slideshow-navigation img,
.l-event-slider .c-slideshow-navigation svg {
width: 20px;
height: 13px;
display: block
}
.l-collage .c-slideshow-navigation .c-slideshow-navigation__prev,
.l-event-slider .c-slideshow-navigation .c-slideshow-navigation__prev {
right: 50%;
-webkit-transform: translateX(-50%) translateY(50%) scale(1.1);
-ms-transform: translateX(-50%) translateY(50%) scale(1.1);
transform: translateX(-50%) translateY(50%) scale(1.1)
}
.l-collage .c-slideshow-navigation .c-slideshow-navigation__next,
.l-event-slider .c-slideshow-navigation .c-slideshow-navigation__next {
left: 50%;
-webkit-transform: translateX(50%) translateY(50%) scale(1.1);
-ms-transform: translateX(50%) translateY(50%) scale(1.1);
transform: translateX(50%) translateY(50%) scale(1.1)
}
.l-collage .c-slideshow-navigation .c-slideshow-navigation__prev,
.l-collage .c-slideshow-navigation .c-slideshow-navigation__next {
bottom: 0
}
.l-event-slider .c-slideshow-navigation .c-slideshow-navigation__prev,
.l-event-slider .c-slideshow-navigation .c-slideshow-navigation__next {
top: 100%
}
.c-stage {
height: 240px;
margin-left: calc(-5px - 2em);
margin-right: calc(-5px - 2em)
}
.c-stage__figure {
min-width: 100%;
display: block;
position: relative
}
.c-stage__picture {
max-height: 240px;
display: block;
overflow: hidden
}
.c-stage img {
min-width: 100%;
-o-object-fit: cover;
object-fit: cover
}
.c-stage__caption {
background: #fff;
max-width: 80%;
padding: 3px 5px;
color: #605F5F;
font-size: .8rem;
text-align: right;
position: absolute;
right: 18px;
bottom: -3.5em;
z-index: 2000
}
.c-stage__caption small {
font-size: 100%
}
.c-stage--imageless {
height: 240px
}
.t-gelb .c-stage--imageless {
background-color: #f2af0c
}
.t-gelb .c-stage--imageless::before {
background-color: #f2af0c
}
.t-weinrot .c-stage--imageless {
background-color: #93051F
}
.t-weinrot .c-stage--imageless::before {
background-color: #93051F
}
.t-hellblau .c-stage--imageless {
background-color: #7DB3B6
}
.t-hellblau .c-stage--imageless::before {
background-color: #7DB3B6
}
.t-violett .c-stage--imageless {
background-color: #493F75
}
.t-violett .c-stage--imageless::before {
background-color: #493F75
}
.t-gruen .c-stage--imageless {
background-color: #457A62
}
.t-gruen .c-stage--imageless::before {
background-color: #457A62
}
.t-tuerkis .c-stage--imageless {
background-color: #3A7D8E
}
.t-tuerkis .c-stage--imageless::before {
background-color: #3A7D8E
}
.t-hellgruen .c-stage--imageless {
background-color: #828E49
}
.t-hellgruen .c-stage--imageless::before {
background-color: #828E49
}
.t-blau .c-stage--imageless {
background-color: #356C9D
}
.t-blau .c-stage--imageless::before {
background-color: #356C9D
}
.c-status {
padding-left: 35px;
display: block;
position: relative
}
.c-status::before {
content: '';
width: 20px;
height: 20px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.c-status--finished::before {
background: #54A056
}
.c-status--active::before {
border: 2px solid #54A056
}
.c-status--inactive::before {
border: 1px dashed #787673
}
.c-tag {
color: #C6411C;
font-size: 1.2rem;
font-weight: 600;
letter-spacing: .1px;
text-transform: uppercase
}
.c-tag::before {
content: '#'
}
.c-tags {
margin-top: 0
}
.c-tags__item {
margin-right: 1ex;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex
}
.c-teaser-ad {
margin-bottom: 64px;
padding-top: 60px;
padding-bottom: 32px;
position: relative
}
.c-teaser-ad::before {
content: '';
background-image: -webkit-gradient(linear, right top, left top, from(#C6411C), to(#C6411C)), -webkit-gradient(linear, right top, left top, color-stop(0, #C6411C), to(#C6411C));
background-image: linear-gradient(to left, #C6411C, #C6411C 100%), linear-gradient(to left, #C6411C 0, #C6411C 100%);
background-repeat: no-repeat;
background-position: top left;
background-size: 100% 75px, 75px 100%;
width: 160px;
height: 160px;
display: block;
position: absolute;
top: 32px;
left: 0;
z-index: 48
}
.c-teaser-ad::after {
content: '';
background: #F5F3EB;
width: 100vw;
position: absolute;
top: 0;
left: 50%;
bottom: 0;
z-index: 47;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.c-teaser-ad__text {
margin-bottom: 32px;
padding-left: 40px;
position: relative;
z-index: 49
}
.c-teaser-ad__headline {
min-height: 130px;
font-size: 3.6rem;
line-height: 1.55556
}
.c-teaser-ad__media {
text-align: center;
position: relative;
z-index: 49
}
.c-teaser-image-text {
margin: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-flow: column-reverse nowrap;
-ms-flex-flow: column-reverse nowrap;
flex-flow: column-reverse nowrap
}
.c-teaser-image-text:active,
.c-teaser-image-text:focus,
.c-teaser-image-text:hover {
text-decoration: none
}
.c-teaser-image-text:active .c-more,
.c-teaser-image-text:focus .c-more,
.c-teaser-image-text:hover .c-more {
text-decoration: underline
}
.c-teaser-image-text:focus {
outline: 2px solid currentColor
}
.c-teaser-image-text:hover:active {
outline: none
}
.c-teaser-image-text+.c-teaser-image-text {
margin-top: 50px
}
.c-teaser-image-text+.c-teaser-image-text:last-child {
margin-bottom: 0
}
.column>.c-teaser-image-text {
margin-bottom: 2em
}
.c-teaser-image-text__text {
padding-top: 12px;
position: relative
}
.c-teaser-image-text__headline {
margin-bottom: 20px;
color: inherit;
font-size: 2rem;
font-weight: 600;
line-height: 1.6
}
.c-teaser-image-text__topline {
margin-top: 15px
}
.c-teaser-image-text__topline--tag {
line-height: 0;
width: 0;
position: absolute;
left: -2000px;
overflow: hidden
}
.c-teaser-image-text__topic {
position: absolute;
left: 10px;
bottom: 100%;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%)
}
.c-teaser-image-text__text:not(:only-child) .c-teaser-image-text__topic {
-webkit-transform: translateY(50%) translateY(-6px);
-ms-transform: translateY(50%) translateY(-6px);
transform: translateY(50%) translateY(-6px)
}
.c-teaser-image-text__excerpt {
line-height: 0;
width: 0;
position: absolute;
left: -2000px;
overflow: hidden
}
.c-teaser-image-text__excerpt>:last-child {
margin-bottom: 0
}
.c-teaser-image-text__more {
margin-top: 30px;
margin-bottom: 0;
text-align: right
}
.c-teaser-image-text__image,
.c-teaser-image-text__image img {
width: 100%;
display: block
}
.c-teaser-image-text__image-fallback {
background-color: #CDCCCC;
width: 100%;
padding-bottom: 66.61765%;
display: block;
position: relative
}
.c-teaser-image-text__media--orange .c-teaser-image-text__image-fallback {
background: #C6411C
}
.c-teaser-image-text__media--primary .c-teaser-image-text__image-fallback {
background: #C6411C
}
.c-teaser-image-text__media--primaer .c-teaser-image-text__image-fallback {
background: #C6411C
}
.c-teaser-image-text__media--gray .c-teaser-image-text__image-fallback {
background: #F5F3EB
}
.c-teaser-image-text__media--dark-gray .c-teaser-image-text__image-fallback {
background: #ECEAE0
}
.c-teaser-image-text__media--weinrot .c-teaser-image-text__image-fallback {
background: #93051F
}
.c-teaser-image-text__media--gelb .c-teaser-image-text__image-fallback {
background: #f2af0c
}
.c-teaser-image-text__media--hellgruen .c-teaser-image-text__image-fallback {
background: #828E49
}
.c-teaser-image-text__media--gruen .c-teaser-image-text__image-fallback {
background: #457A62
}
.c-teaser-image-text__media--hellblau .c-teaser-image-text__image-fallback {
background: #7DB3B6
}
.c-teaser-image-text__media--tuerkis .c-teaser-image-text__image-fallback {
background: #3A7D8E
}
.c-teaser-image-text__media--blau .c-teaser-image-text__image-fallback {
background: #356C9D
}
.c-teaser-image-text__media--violett .c-teaser-image-text__image-fallback {
background: #493F75
}
.c-teaser-image-text__image-fallback::before {
content: '';
width: 60px;
height: 60px;
border-width: 20px 0 0 20px;
border-style: solid;
border-color: #fff;
display: block;
position: absolute;
top: 16px;
left: 16px
}
.c-teaser-image-text--33 .c-teaser-image-text__text {
width: 100%
}
.c-teaser-image-text--33 .c-teaser-image-text__more {
display: none
}
.c-teaser-image-text--33 .c-teaser-image-text__topline {
display: block
}
.c-teaser-image-text--33 .c-teaser-image-text__media {
width: 100%
}
.c-teaser-image-text--50 {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-flow: column-reverse nowrap;
-ms-flex-flow: column-reverse nowrap;
flex-flow: column-reverse nowrap
}
.c-teaser-image-text--50 .c-teaser-image-text__text {
z-index: 2
}
.c-teaser-image-text--50 .c-teaser-image-text__topline {
margin-top: 0;
position: absolute;
left: 0;
bottom: 0
}
.c-teaser-image-text--50 .c-teaser-image-text__more {
margin-top: 5px;
padding-left: 80px
}
.column>.c-teaser-image-text--50 {
margin-bottom: 30px
}
.c-teaser-image-text--50 .c-teaser-image-text__image-fallback {
z-index: 0
}
.c-teaser-image-text--75-100 .c-teaser-image-text__text {
z-index: 2
}
.c-teaser-image-text--75-100 .c-teaser-image-text__topline {
margin-top: 0;
position: absolute;
left: 0;
bottom: 0
}
.c-teaser-image-text--75-100 .c-teaser-image-text__image-fallback {
z-index: 0
}
.c-teaser-image-text--75-100 .c-teaser-image-text__image-fallback::before {
width: 107px;
height: 107px;
border-width: 35px 0 0 35px;
top: 40px;
left: 40px
}
.c-teaser-image-text--50-100 .c-teaser-image-text__more {
text-align: left
}
.c-teaser-image-text--50-100 .c-teaser-image-text__excerpt {
line-height: 1.2;
position: static;
left: 0;
overflow: hidden;
width: auto
}
.c-teaser-image-text--hoch,
.c-teaser-image-text--high {
margin-bottom: 32px
}
.c-teaser-image-text--hoch .c-teaser-image-text__media,
.c-teaser-image-text--high .c-teaser-image-text__media {
display: none
}
.c-teaser-image-text--hoch .c-teaser-image-text__text,
.c-teaser-image-text--high .c-teaser-image-text__text {
margin-top: 0;
padding-top: 0
}
.c-teaser-image-text--hoch .c-teaser-image-text__headline,
.c-teaser-image-text--high .c-teaser-image-text__headline {
margin-bottom: 2px
}
.c-teaser-image-text--hoch .c-teaser-image-text__topline,
.c-teaser-image-text--high .c-teaser-image-text__topline {
margin-top: 0;
display: block
}
.c-teaser-image-text--hoch .c-teaser-image-text__excerpt,
.c-teaser-image-text--high .c-teaser-image-text__excerpt {
line-height: 1.2;
position: static;
left: 0;
overflow: hidden;
width: auto;
margin-bottom: 16px
}
.c-teaser-image-text--hoch .c-teaser-image-text__more,
.c-teaser-image-text--high .c-teaser-image-text__more {
margin-top: 0;
text-align: left
}
.c-teaser-image-text--hoch .c-teaser-image-text__image-fallback,
.c-teaser-image-text--high .c-teaser-image-text__image-fallback {
padding-bottom: 146.38554%
}
.c-teaser-image-text--hoch .c-teaser-image-text__image-fallback::before,
.c-teaser-image-text--high .c-teaser-image-text__image-fallback::before {
width: 43px;
height: 43px;
border-width: 14px 0 0 14px;
top: 14px;
left: 14px
}
.c-teaser-image-text--wide .c-teaser-image-text__media {
display: none
}
.c-teaser-image-text--wide .c-teaser-image-text__headline {
margin-bottom: 0
}
.c-teaser-image-text--wide .c-teaser-image-text__topline {
display: block
}
.c-teaser-image-text--wide .c-teaser-image-text__excerpt {
line-height: 1.2;
position: static;
left: 0;
overflow: hidden;
width: auto
}
.c-teaser-image-text--wide .c-teaser-image-text__topic {
margin-left: 10px;
position: static
}
.c-teaser-image-text--wide .c-teaser-image-text__more {
margin-top: 0;
text-align: left
}
.c-teaser-image-text--wide[class*='--dt-crew'] .c-teaser-image-text__topic {
display: none
}
.c-teaser-image-text--stadtpilot .c-topline-item {
display: block
}
.c-teaser-image-text--stadtpilot .c-teaser-image-text__excerpt {
display: none
}
.c-teaser-image-text--stadtpilot-latest .c-teaser-image-text__image {
max-width: 150px;
margin: 0 auto
}
.c-teaser-image-text--video .c-teaser-image-text__media::before,
.c-teaser-image-text--dt-video .c-teaser-image-text__media::before {
content: '';
display: inline-block;
position: absolute;
width: 38px;
height: 41.06px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -50px -202px
}
.c-teaser-image-text--audio .c-teaser-image-text__media::before,
.c-teaser-image-text--podcast .c-teaser-image-text__media::before,
.c-teaser-image-text--dt-audio .c-teaser-image-text__media::before {
content: '';
display: inline-block;
position: absolute;
width: 38px;
height: 38px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -188px -202px
}
.c-teaser-image-text--audio .c-teaser-image-text__media,
.c-teaser-image-text--podcast .c-teaser-image-text__media,
.c-teaser-image-text--dt-audio .c-teaser-image-text__media,
.c-teaser-image-text--video .c-teaser-image-text__media,
.c-teaser-image-text--dt-video .c-teaser-image-text__media {
position: relative
}
.c-teaser-image-text--audio .c-teaser-image-text__media::before,
.c-teaser-image-text--podcast .c-teaser-image-text__media::before,
.c-teaser-image-text--dt-audio .c-teaser-image-text__media::before,
.c-teaser-image-text--video .c-teaser-image-text__media::before,
.c-teaser-image-text--dt-video .c-teaser-image-text__media::before {
top: 0;
right: 0;
z-index: 3
}
.c-teaser-image-text--audio.c-teaser-image-text--wide .c-teaser-image-text__media::before,
.c-teaser-image-text--audio.c-teaser-image-text--hoch .c-teaser-image-text__media::before,
.c-teaser-image-text--audio.c-teaser-image-text--high .c-teaser-image-text__media::before,
.c-teaser-image-text--podcast.c-teaser-image-text--wide .c-teaser-image-text__media::before,
.c-teaser-image-text--podcast.c-teaser-image-text--hoch .c-teaser-image-text__media::before,
.c-teaser-image-text--podcast.c-teaser-image-text--high .c-teaser-image-text__media::before,
.c-teaser-image-text--dt-audio.c-teaser-image-text--wide .c-teaser-image-text__media::before,
.c-teaser-image-text--dt-audio.c-teaser-image-text--hoch .c-teaser-image-text__media::before,
.c-teaser-image-text--dt-audio.c-teaser-image-text--high .c-teaser-image-text__media::before,
.c-teaser-image-text--video.c-teaser-image-text--wide .c-teaser-image-text__media::before,
.c-teaser-image-text--video.c-teaser-image-text--hoch .c-teaser-image-text__media::before,
.c-teaser-image-text--video.c-teaser-image-text--high .c-teaser-image-text__media::before,
.c-teaser-image-text--dt-video.c-teaser-image-text--wide .c-teaser-image-text__media::before,
.c-teaser-image-text--dt-video.c-teaser-image-text--hoch .c-teaser-image-text__media::before,
.c-teaser-image-text--dt-video.c-teaser-image-text--high .c-teaser-image-text__media::before {
content: none
}
.c-topic {
background: #ECEAE0;
margin: 0;
padding: 5px 0;
-webkit-box-shadow: 10px 0 0 #ECEAE0, -10px 0 0 #ECEAE0;
box-shadow: 10px 0 0 #ECEAE0, -10px 0 0 #ECEAE0;
font-size: 1.2rem;
font-weight: 600;
line-height: 1em;
letter-spacing: 1px;
text-transform: uppercase;
display: inline;
-webkit-box-decoration-break: clone;
box-decoration-break: clone
}
.c-topic--highlight {
color: #fff;
background: #C6411C;
-webkit-box-shadow: 10px 0 0 #C6411C, -10px 0 0 #C6411C;
box-shadow: 10px 0 0 #C6411C, -10px 0 0 #C6411C
}
.c-topics__item--highlight .c-topic {
color: #fff;
background: #C6411C;
-webkit-box-shadow: 10px 0 0 #C6411C, -10px 0 0 #C6411C;
box-shadow: 10px 0 0 #C6411C, -10px 0 0 #C6411C
}
.c-topics {
margin: 0 10px
}
.c-topics__item {
margin: 4px 25px 4px 0;
padding-left: 0;
font-size: 100%;
list-style-type: none;
display: inline-block
}
.c-topics__item::before {
content: none
}
.c-topics__item--highlight:not(:first-child) {
margin-right: 25px
}
.c-topics__item--highlight [href] {
color: #fff;
background: #C6411C
}
.c-topics--wide .c-topics__item {
margin-right: 2.5ex;
margin-bottom: 1ex
}
.c-topline-item {
font-size: 1.2rem;
font-weight: 600;
line-height: 2.16667;
letter-spacing: 1px;
text-transform: uppercase;
display: inline-block
}
.c-topline-item__status--abgeschlossen,
.c-topline-item__status--laufend,
.c-topline-item__status--active,
.c-topline-item__status--finished {
font-weight: normal;
text-transform: none
}
.c-topline-item__status--abgeschlossen::before,
.c-topline-item__status--laufend::before,
.c-topline-item__status--active::before,
.c-topline-item__status--finished::before {
content: '';
background-color: #54A056;
width: 20px;
height: 20px;
margin-right: 10px;
border-radius: 50%;
display: inline-block;
position: relative;
top: 5px
}
.c-topline-item__status--laufend::before,
.c-topline-item__status--active::before {
background-color: #fff;
border: 1px solid #457A62
}
.c-topline-item--tag::before {
content: '#'
}
.c-event-banner .c-topline-item {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex
}
.c-event-banner .c-topline-item:nth-child(1n+2) {
margin-left: 1ex
}
.c-event-banner .c-topline-item:nth-child(1n+2)::before {
content: '|';
margin-right: 1.5ex
}
.c-warenkorb table {
width: 100%
}
.c-warenkorb table input {
background: #C6411C;
width: 40px;
padding: 5px;
border-bottom: none;
color: #fff;
text-align: center
}
.c-warenkorb input[type='checkbox']+label {
margin-top: 4px;
padding-left: 0;
line-height: 1.86667;
display: block;
position: relative
}
.c-warenkorb input[type='checkbox']+label::before {
content: '';
background: #CDCCCC;
width: 20px;
height: 20px;
margin-right: 10px;
border: 1px solid #CDCCCC;
display: inline-block;
position: relative;
top: 5px;
left: 0;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.c-warenkorb input[type='checkbox']:checked+label::after {
content: '';
display: inline-block;
position: absolute;
width: 10px;
height: 10px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -703.02px -274px;
top: 10px;
left: 5px
}
.c-warenkorb input.submit,
.c-warenkorb input.reset {
float: left
}
.consent-reload-wrapper {
background: #F0F0F0;
margin-bottom: 30px;
padding: 5px
}
.consent-reload-wrapper h3 {
margin-bottom: .5rem
}
.consent-reload-wrapper p {
margin-bottom: 1rem
}
.consent-reload-wrapper video {
margin: 0
}
.consent-reload-wrapper.is-allowed-and-replaced {
background: none;
padding: 0
}
.consent-reload-button {
background: #C6411C;
margin: 0;
padding: 10px 14px;
border-bottom: 1px solid #C6411C;
color: #fff;
font-weight: bold;
text-transform: uppercase;
display: block
}
.consent-reload-button:active,
.consent-reload-button:focus,
.consent-reload-button:hover {
background: #F5F3EB;
border-color: currentColor;
color: #000
}
.consent-reload-required {
margin-bottom: 20px
}
.consent-wrapper {
background: rgba(255, 255, 255, 0.8);
height: 100%;
padding: 5px
}
.consent-wrapper h3 {
margin-bottom: .5rem
}
.consent-wrapper p {
margin-bottom: 1rem
}
.consent-button {
background: #C6411C;
margin: 0 0 0 10px;
padding: 9px 10px;
border-radius: 5px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
float: right
}
.consent-button:active,
.consent-button:focus,
.consent-button:hover {
background: #F5F3EB;
text-decoration: underline
}
.consent-required {
margin-bottom: 20px
}
@-webkit-keyframes cookiebanner {
0% {
display: none
}
50% {
display: none
}
100% {
display: block
}
}
@keyframes cookiebanner {
0% {
display: none
}
50% {
display: none
}
100% {
display: block
}
}
.cookiebanner {
background: #F0F0F0;
width: 100%;
max-width: 100%;
padding: 0 15px !important;
position: fixed;
left: 0;
bottom: 0;
z-index: 3000;
overflow: hidden;
-webkit-transform: translateZ(2px);
transform: translateZ(2px)
}
.cookiebanner h2 {
font-size: 2.2rem
}
.cookiebanner__placeholder {
background-color: #C6411C
}
.cookiebanner.top {
padding-top: 4.8rem;
top: -1000px;
bottom: auto
}
.cookiebanner.top::before {
display: none
}
.cookiebanner.top::after {
content: '\a0';
height: 26px;
display: block
}
.cookiebanner.top .cookiebannerbox {
top: 15px
}
.js-off .cookiebanner {
display: none;
-webkit-animation: cookiebanner .25s ease-in-out;
animation: cookiebanner .25s ease-in-out
}
.js-on .cookiebanner {
display: block
}
.cookiebannerbox {
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 20px 0 0;
position: relative;
top: -15px
}
.cookiebannerbox>div {
max-width: 123.6em;
margin: 0 auto;
padding: 10px 10px 0;
display: block;
overflow: hidden
}
.cookiebannerbox>div .all {
background: #C6411C;
margin-bottom: 10px;
padding: 9px 20px;
border: 2px solid #C6411C;
border-radius: 0;
color: #fff;
font-size: 1.4rem;
font-weight: 700;
text-align: center;
display: inline-block
}
.cookiebannerbox>div .all .button,
.cookiebannerbox>div .all a {
color: #fff
}
.cookiebannerbox .picture {
display: none
}
form {
margin-bottom: 20px
}
form fieldset {
padding: 0;
border: none
}
form .columns,
form .column {
margin-bottom: 10px;
padding-bottom: 10px
}
form .trenner {
border-bottom: 1px dotted #CDCCCC
}
form .trenner.row {
margin-bottom: 30px
}
form .trenner.columns,
form .trenner.column {
margin-bottom: 30px;
padding-bottom: 30px
}
form .trenner .columns,
form .trenner .column {
margin-bottom: 0;
padding-bottom: 30px
}
label,
input,
select,
textarea,
.formLabel,
.formLabel em,
.formField .formError {
font-size: 1.5rem;
line-height: 1.5
}
input,
textarea,
select {
background: #f2f2f2;
width: 100%;
margin-bottom: 20px;
padding: 12px 9px 12px 12px;
border: none
}
textarea {
resize: none
}
input,
textarea {
padding: 9px 18px 9px 12px;
border-bottom: 1px solid #787673;
line-height: 1.77778;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
input:focus,
textarea:focus {
border-color: #C6411C;
outline: none;
color: #C6411C
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
input::-moz-placeholder,
textarea::-moz-placeholder {
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
input::placeholder,
textarea::placeholder {
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
input:not(:-moz-placeholder-shown),
textarea:not(:-moz-placeholder-shown) {
color: inherit
}
input:not(:-ms-input-placeholder),
textarea:not(:-ms-input-placeholder) {
color: inherit
}
input:not(:placeholder-shown),
textarea:not(:placeholder-shown) {
color: inherit
}
input:placeholder-shown:focus::-webkit-input-placeholder,
textarea:placeholder-shown:focus::-webkit-input-placeholder {
opacity: 0
}
input:placeholder-shown:focus::-moz-placeholder,
textarea:placeholder-shown:focus::-moz-placeholder {
opacity: 0
}
input:placeholder-shown:focus:-ms-input-placeholder,
textarea:placeholder-shown:focus:-ms-input-placeholder {
opacity: 0
}
input:placeholder-shown:focus::-ms-input-placeholder,
textarea:placeholder-shown:focus::-ms-input-placeholder {
opacity: 0
}
input:-moz-placeholder-shown:focus::placeholder,
textarea:-moz-placeholder-shown:focus::placeholder {
opacity: 0
}
input:-ms-input-placeholder:focus::placeholder,
textarea:-ms-input-placeholder:focus::placeholder {
opacity: 0
}
input:placeholder-shown:focus::placeholder,
textarea:placeholder-shown:focus::placeholder {
opacity: 0
}
option {
padding-top: 4px;
padding-bottom: 4px
}
.labelspacer {
padding-top: 2.25em
}
.labelspacer input {
margin-top: 10px
}
label,
.formLabel em {
margin-left: 12px;
margin-bottom: 10px;
color: #C6411C;
font-weight: 600;
font-style: normal;
display: block
}
[type='checkbox']+label,
[type='radio']+label,
[type='checkbox']+.formLabel em,
[type='radio']+.formLabel em {
margin-left: 0;
color: inherit;
font-weight: normal
}
label {
cursor: pointer
}
input[type='checkbox'],
input[type='radio'] {
line-height: 0;
width: 0;
position: absolute;
left: -2000px;
overflow: hidden
}
input[type='checkbox']+label,
input[type='radio']+label {
padding-left: 40px;
line-height: 1.86667;
position: relative
}
input[type='checkbox']+label:active::before,
input[type='checkbox']+label:focus::before,
input[type='checkbox']+label:hover::before,
input[type='radio']+label:active::before,
input[type='radio']+label:focus::before,
input[type='radio']+label:hover::before {
border: 1px solid currentColor
}
input[type='checkbox']+label::before,
input[type='radio']+label::before {
content: '';
background: #f2f2f2;
width: 32px;
height: 32px;
border: 1px solid #605F5F;
position: absolute;
top: 0;
left: 0;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
input[type='checkbox']:checked+label::before,
input[type='radio']:checked+label::before {
border: 1px solid currentColor
}
input[type='checkbox']:checked+label::after,
input[type='radio']:checked+label::after {
content: '';
display: inline-block;
position: absolute;
width: 20px;
height: 20px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -170px -343.06px;
top: 6px;
left: 7px
}
input[type='radio']+label::before {
border-radius: 50%
}
input[type='radio']:checked+label::before {
border: 1px solid currentColor
}
input[type='radio']:checked+label::after {
content: '';
background-color: #000;
width: 13px;
height: 13px;
border-radius: 100%;
display: block;
position: absolute;
top: 10px;
left: 10px;
z-index: 10;
-webkit-transition: background .25s linear;
transition: background .25s linear
}
input.submit,
input.reset {
background-color: #C6411C;
width: auto;
margin-bottom: 10px;
padding: 10px 14px;
border-color: #C6411C;
color: #fff;
font-weight: bold;
cursor: pointer
}
input.submit:active,
input.submit:focus,
input.submit:hover,
input.reset:active,
input.reset:focus,
input.reset:hover {
background: #F5F3EB;
border-color: #000;
color: #000
}
input.reset {
background-color: #F5F3EB;
border-color: #F5F3EB;
color: #000
}
.oneline input {
width: 100%;
margin-left: 0;
margin-bottom: 0
}
.oneline .formField {
position: relative
}
.col2 .formField span {
width: 50%;
display: block;
float: left
}
.col3 .formField span {
width: 33.33%;
display: block;
float: left
}
.formHandle {
margin-bottom: 10px
}
.formError {
color: #CA0101
}
.formError.abstract {
font-weight: bold
}
.formError+input,
.formError+textarea {
background: #FDF2F4;
border-color: #D60026;
border-bottom-width: 2px;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #D60026
}
.formError+input:-moz-placeholder-shown,
.formError+textarea:-moz-placeholder-shown {
color: inherit
}
.formError+input:-ms-input-placeholder,
.formError+textarea:-ms-input-placeholder {
color: inherit
}
.formError+input:placeholder-shown,
.formError+textarea:placeholder-shown {
color: inherit
}
strong.formError {
margin-left: 12px
}
.formField .formError {
margin-bottom: 10px;
display: inline-block
}
.error a {
padding-top: 4px;
padding-left: 25px;
padding-bottom: 4px;
position: relative
}
.error a::after {
content: '';
display: inline-block;
position: absolute;
width: 20px;
height: 13px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -50px -464.06px;
top: 10px;
left: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
ul.error {
margin-bottom: 2em;
padding-left: 0;
list-style-type: none
}
.StndGallery {
margin-bottom: 20px
}
.StndGallery .galleryBox {
position: relative
}
.StndGallery .galleryBox .slick-list:focus {
outline-style: dotted;
outline-color: #000;
outline-width: 1px
}
.StndGallery .galleryBox .slick-slide {
background: #F5F3EB
}
.StndGallery .galleryBox .slick-slide p {
margin-bottom: 0
}
.StndGallery h2 {
width: 80%;
margin: 10px 0 10px 10px;
padding-right: 4em;
float: left
}
.StndGallery img,
.StndGallery .picture {
margin: 0 auto;
display: block;
clear: both
}
.StndGallery video {
margin: 0 auto
}
.StndGallery .navigation {
width: 100%;
position: absolute;
top: calc(50% - 21px);
left: 0;
z-index: 1520
}
.StndGallery .navigation div,
.StndGallery .navigation button {
width: 30px;
height: 43px;
position: absolute
}
.StndGallery .navigation button:active,
.StndGallery .navigation button:focus,
.StndGallery .navigation button:hover {
opacity: .6
}
.StndGallery .navigation .next {
right: 0
}
.StndGallery .navigation .next.inactive {
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/next-g-upright.svg?__blob=normal&v=1) repeat 0 0
}
.StndGallery .navigation .prev {
left: 0
}
.StndGallery .navigation .back .inactive {
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/back-g-upright.svg?__blob=normal&v=1) repeat 0 0
}
.StndGallery .position {
float: right;
position: relative;
top: 10px;
right: 10px
}
@font-face {
font-family: 'Manrope';
src: url("/static/fonts/manrope/Manrope-Regular.woff2") format("woff2"), url("/static/fonts/manrope/Manrope-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: fallback
}
@font-face {
font-family: 'Manrope';
src: url("/static/fonts/manrope/Manrope-SemiBold.woff2") format("woff2"), url("/static/fonts/manrope/Manrope-SemiBold.woff") format("woff");
font-weight: 600;
font-style: normal;
font-display: fallback
}
@font-face {
font-family: 'Manrope';
src: url("/static/fonts/manrope/Manrope-SemiBold.woff2") format("woff2"), url("/static/fonts/manrope/Manrope-SemiBold.woff") format("woff");
font-weight: 700;
font-style: normal;
font-display: fallback
}
.all {
margin-bottom: 20px;
border-radius: 5px;
overflow: hidden
}
*,
*::before,
*::after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-webkit-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-property: none;
transition-property: none
}
.l-collage {
position: relative
}
.l-collage__wrapper.slick-initialized {
padding-bottom: 2em
}
.l-collage__image {
width: 100%
}
.l-collage .picture.picture {
width: 100% !important;
max-width: 100%
}
.l-collage .picture {
margin-bottom: 0
}
.l-content-wrapper {
padding-top: 30px;
padding-bottom: 30px;
position: relative;
z-index: 1
}
.l-content-wrapper::before {
content: '';
background: inherit;
width: 200vw;
display: block;
position: absolute;
top: 0;
left: 50%;
bottom: 0;
z-index: -1;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.l-content-wrapper--white {
color: #000;
background: #fff
}
.l-content-wrapper--black {
color: #fff;
background: #000
}
.l-content-wrapper--red {
color: #fff;
background: #CA0101
}
.l-content-wrapper--orange {
color: #fff;
background: #C6411C
}
.l-content-wrapper--primary {
color: #fff;
background: #C6411C
}
.l-content-wrapper--primaer {
color: #fff;
background: #C6411C
}
.l-content-wrapper--gray {
color: #000;
background: #F5F3EB
}
.l-content-wrapper--dark-gray {
color: #000;
background: #ECEAE0
}
.l-content-wrapper--winered {
color: #fff;
background: #93051F
}
.l-content-wrapper--weinrot {
color: #fff;
background: #93051F
}
.l-content-wrapper--yellow {
color: #000;
background: #f2af0c
}
.l-content-wrapper--gelb {
color: #000;
background: #f2af0c
}
.l-content-wrapper--lightgreen {
color: #000;
background: #828E49
}
.l-content-wrapper--hellgruen {
color: #000;
background: #828E49
}
.l-content-wrapper--green {
color: #fff;
background: #457A62
}
.l-content-wrapper--gruen {
color: #fff;
background: #457A62
}
.l-content-wrapper--lightblue {
color: #000;
background: #7DB3B6
}
.l-content-wrapper--hellblau {
color: #000;
background: #7DB3B6
}
.l-content-wrapper--turquoise {
color: #fff;
background: #3A7D8E
}
.l-content-wrapper--tuerkis {
color: #fff;
background: #3A7D8E
}
.l-content-wrapper--blue {
color: #fff;
background: #356C9D
}
.l-content-wrapper--blau {
color: #fff;
background: #356C9D
}
.l-content-wrapper--violet {
color: #fff;
background: #493F75
}
.l-content-wrapper--violett {
color: #fff;
background: #493F75
}
.l-content-wrapper--lila {
color: #fff;
background: #493F75
}
.l-content-wrapper--confirm {
color: #000;
background: #54A056
}
.l-content-wrapper--error {
color: #fff;
background: #D60026
}
.l-content-wrapper--inactive {
color: #000;
background: #787673
}
.l-content-wrapper--concrete {
color: #000;
background: #f2f2f2
}
.l-content-wrapper--silver {
color: #000;
background: #CDCCCC
}
.l-content-wrapper--scorpion {
color: #fff;
background: #605F5F
}
.l-content-wrapper--gray-red {
color: #000;
background: #FDF2F4
}
.l-content-wrapper--no-space {
padding-top: 0;
padding-bottom: 0
}
.l-content-wrapper--no-space-before {
padding-top: 0
}
.l-content-wrapper--no-space-after {
padding-bottom: 0
}
.l-content-wrapper--half-space {
padding-top: 15px;
padding-bottom: 15px
}
.l-content-wrapper--half-space-before {
padding-top: 15px
}
.l-content-wrapper--half-space-after {
padding-bottom: 15px
}
.l-content-wrapper--inside {
padding: 47px 17px 36px
}
.l-content-wrapper--inside::before {
content: none
}
p+.l-content-wrapper {
margin-top: 30px
}
.l-detail-grid {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
position: relative;
z-index: 1546
}
.l-detail-grid__item {
width: 100%;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.l-detail-grid__item--meta {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.l-detail-grid__item--meta~.l-detail-grid__item {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.l-detail-grid__item--contact {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.l-detail-grid__item--contact~.l-detail-grid__item {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.l-detail-grid__item--gallery {
margin-bottom: 64px
}
.l-detail-grid__item--gallery:empty {
margin-bottom: 0
}
.l-detail-grid__item--richtext {
margin-bottom: 40px
}
.l-detail-grid--blog .l-detail-grid__item,
.l-detail-grid--crew .l-detail-grid__item {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.l-detail-grid--blog .l-detail-grid__item--richtext,
.l-detail-grid--crew .l-detail-grid__item--richtext {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.l-detail-grid--blog .l-detail-grid__item--gallery,
.l-detail-grid--crew .l-detail-grid__item--gallery {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.l-detail-grid--blog .l-detail-grid__item--richtext~[class*='--richtext'],
.l-detail-grid--crew .l-detail-grid__item--richtext~[class*='--richtext'] {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.l-detail-grid--blog .l-detail-grid__item--meta,
.l-detail-grid--crew .l-detail-grid__item--meta {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.l-detail-grid--event .l-detail-grid__item {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.l-detail-grid--event .l-detail-grid__item--richtext {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.l-detail-grid--event .l-detail-grid__item--gallery {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.l-detail-grid--event .l-detail-grid__item--richtext~[class*='--richtext'] {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.l-detail-grid--event .l-detail-grid__item--meta {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.l-embedded-module--bildcollage {
margin-bottom: 64px
}
.l-embedded-module--eventbanner {
margin-top: 36px
}
.l-event-slider {
position: relative
}
.l-event-slider p {
margin-top: 0;
margin-bottom: 0
}
.l-footer-navigation__item:nth-child(1n+3) {
margin-top: 40px
}
.l-footer {
color: #fff;
background: #C6411C;
max-width: 123.6em;
margin: 0 auto;
padding: 29px 10px 50px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
position: relative
}
.l-footer::after {
content: '';
background: #C6411C;
width: 100vw;
position: absolute;
top: 0;
left: 50%;
bottom: 0;
z-index: -1;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.l-footer__group:not(:last-child) {
margin-bottom: 40px
}
.l-module-header {
margin-bottom: 34px
}
.l-module-header--stadtpilot-prev {
display: none
}
.l-module-header h2,
.l-module-header h3 {
margin-bottom: 0
}
.l-newsletter-banner {
padding-top: 30px;
padding-bottom: 30px;
position: relative
}
.l-newsletter-banner::before {
content: '';
background: inherit;
width: 100vw;
display: block;
position: absolute;
top: 0;
left: 50%;
bottom: 0;
z-index: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.l-newsletter-banner>.row {
position: relative;
z-index: 1
}
.t-gelb .l-newsletter-banner {
color: #fff;
background: #493F75
}
.t-weinrot .l-newsletter-banner {
color: #000;
background: #f2af0c
}
.t-hellblau .l-newsletter-banner {
color: #fff;
background: #3A7D8E
}
.t-violett .l-newsletter-banner {
color: #000;
background: #7DB3B6
}
.t-gruen .l-newsletter-banner {
color: #fff;
background: #493F75
}
.t-tuerkis .l-newsletter-banner {
color: #000;
background: #f2af0c
}
.t-hellgruen .l-newsletter-banner {
color: #fff;
background: #493F75
}
.t-blau .l-newsletter-banner {
color: #000;
background: #7DB3B6
}
.l-related-list__item:not(:last-child) {
margin-bottom: 20px
}
.l-stage {
position: relative
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
background-color: #fff;
width: 100%;
max-width: 1200px;
padding: 51px 4px;
position: absolute;
top: 50px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
h1 .mfp-inline-holder .mfp-content button.mfp-close,
h1 .mfp-ajax-holder .mfp-content button.mfp-close {
width: 0;
line-height: 0;
position: absolute;
left: -2000px;
overflow: hidden
}
.mfp-inline-holder .mfp-content button.mfp-close,
.mfp-ajax-holder .mfp-content button.mfp-close {
width: auto;
height: auto;
padding-right: 25px;
color: #000;
font-size: 0;
font-weight: normal;
line-height: 1.5;
text-transform: uppercase;
opacity: 1;
position: absolute;
top: 10px;
right: 10px
}
.mfp-inline-holder .mfp-content button.mfp-close:active,
.mfp-inline-holder .mfp-content button.mfp-close:focus,
.mfp-inline-holder .mfp-content button.mfp-close:hover,
.mfp-ajax-holder .mfp-content button.mfp-close:active,
.mfp-ajax-holder .mfp-content button.mfp-close:focus,
.mfp-ajax-holder .mfp-content button.mfp-close:hover {
text-decoration: underline
}
.mfp-inline-holder .mfp-content button.mfp-close::after,
.mfp-ajax-holder .mfp-content button.mfp-close::after {
content: '';
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/close-b.svg?__blob=normal&v=1) no-repeat 0 0;
width: 25px;
height: 25px;
display: block;
position: absolute;
top: 10px;
right: 0
}
.mfp-inline-holder .mfp-content .all,
.mfp-ajax-holder .mfp-content .all {
margin-bottom: 0
}
.mfp-inline-holder .mfp-content h2,
.mfp-ajax-holder .mfp-content h2 {
line-height: 0;
width: 0;
position: absolute;
left: -2000px;
overflow: hidden
}
.mfp-inline-holder .mfp-content .glossarEntry ul,
.mfp-ajax-holder .mfp-content .glossarEntry ul {
margin-bottom: 20px
}
.mfp-inline-holder .mfp-content .picture,
.mfp-ajax-holder .mfp-content .picture {
background: transparent;
max-width: 100%;
margin-bottom: 0
}
.mfp-inline-holder .mfp-content img,
.mfp-ajax-holder .mfp-content img {
margin: 0 auto;
display: block
}
.mfp-inline-holder .mfp-content .caption,
.mfp-ajax-holder .mfp-content .caption {
margin-top: 10px;
font-size: 2.2rem;
font-weight: 600;
line-height: 1.2
}
.mfp-inline-holder .mfp-content .source,
.mfp-ajax-holder .mfp-content .source {
margin-top: 13px
}
.mfp-inline-holder .mfp-content .slide h1,
.mfp-ajax-holder .mfp-content .slide h1 {
padding: 10px 5em 0 10px
}
.mfp-inline-holder .mfp-content .slide .position,
.mfp-ajax-holder .mfp-content .slide .position {
position: absolute;
top: 5.5em;
right: 20px
}
.mfp-inline-holder .mfp-content .slide video,
.mfp-ajax-holder .mfp-content .slide video {
margin: 0 auto;
display: block
}
.mfp-gallery .mfp-inline-holder .mfp-content,
.mfp-gallery .mfp-ajax-holder .mfp-content {
width: 900px
}
.mfp-container {
padding-left: 0;
padding-right: 0
}
.mfp-container .mfp-arrow {
width: 30px;
height: 43px
}
.mfp-container .mfp-arrow,
.mfp-container .mfp-arrow:active {
margin-top: 0
}
.mfp-container .mfp-arrow::before,
.mfp-container .mfp-arrow::after,
.mfp-container .mfp-arrow .mfp-b,
.mfp-container .mfp-arrow .mfp-a {
width: 30px;
height: 43px;
margin: 0;
padding: 0;
border: none
}
.mfp-bg {
opacity: .22
}
.downloadLink,
.themenLink,
.more a,
.more .external {
color: #C6411C;
font-size: 1.4rem;
font-weight: 600;
text-decoration: none
}
.downloadLink:active,
.downloadLink:focus,
.downloadLink:hover,
.themenLink:active,
.themenLink:focus,
.themenLink:hover,
.more a:active,
.more a:focus,
.more a:hover,
.more .external:active,
.more .external:focus,
.more .external:hover {
color: #C6411C
}
.downloadLink::after,
.themenLink::after,
.more a::after,
.more .external::after {
margin-left: 1ex;
vertical-align: baseline
}
.downloadLink::after {
content: '';
display: inline-block;
position: relative;
width: 17px;
height: 22px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -463.02px -174px;
top: 5px
}
.more {
margin-top: 5px;
display: block
}
.more a::after {
content: '';
display: inline-block;
position: relative;
width: 20px;
height: 13px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -50px -464.06px
}
.more .external::after {
content: '';
display: inline-block;
position: relative;
width: 24px;
height: 24px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -463.02px -50px
}
.themenLink::after {
content: '';
display: inline-block;
position: relative;
width: 20px;
height: 13px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -50px -464.06px
}
.links li {
margin-bottom: 20px
}
.main {
background-color: #fff;
margin: 0 10px
}
video {
max-width: 100%
}
video,
.mejs__container {
margin: 18px 0 48px
}
video video,
.mejs__container video {
margin: 0
}
.supplement video,
.supplement .mejs__container {
width: 100%;
margin-left: 0;
margin-right: 0
}
.mejs__container .mejs__captions-selector.mejs__captions-selector.mejs__captions-selector {
width: 100px;
height: 65px
}
.mejs__container .mejs__captions-selector.mejs__captions-selector.mejs__captions-selector ul {
padding-left: 0
}
.mejs__container .mejs__captions-selector.mejs__captions-selector.mejs__captions-selector ul input {
margin: 5px 5px 0 0;
padding: 0
}
.mejs__container *:focus {
outline: 2px solid #fff
}
.mejs__container *:focus:hover,
.mejs__container *:focus:hover:active {
outline: none
}
.mejs__container video:focus {
outline-color: rgba(245, 243, 235, 0.7);
outline-offset: -2px
}
.mejs__controls:not([style*='display: none']) {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 243, 235, 0.7)), to(rgba(0, 0, 0, 0.7)));
background: linear-gradient(rgba(245, 243, 235, 0.7), rgba(0, 0, 0, 0.7))
}
.mejs__button button:focus,
.mejs__button button.focus-within {
outline: 2px solid #fff;
outline-offset: 2px
}
.mejs__button button:focus,
.mejs__button button:focus-within {
outline: 2px solid #fff;
outline-offset: 2px
}
.galleryBox .mejs__wrapper {
margin-top: 46px
}
.galleryBox .mejs__wrapper .mejs__container {
margin: 0 auto
}
.mejs__overlay-button {
background-image: url(/NSPWeb/SiteGlobals/Frontend/Images/mediaelement/custom-play.svg?__blob=normal&v=1);
background-position-x: -10px;
background-position-y: -10px
}
.mejs__overlay-button:focus {
background-position-x: -10px;
background-position-y: -110px;
outline: 2px solid #fff
}
.mejs__overlay:hover>.mejs__overlay-button {
background-position-x: -10px;
background-position-y: -110px
}
.mejs__captions-selector.mejs__captions-selector {
height: auto !important;
margin-right: auto;
left: auto;
right: 50%;
bottom: 100%;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%)
}
.mejs__captions-selector-list-item {
margin-top: 0;
margin-bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap
}
.mejs__captions-selector-list-item:hover {
background-color: transparent !important
}
.mejs__captions-selector-label {
margin-bottom: 0;
padding-top: 6px;
padding-left: 30px;
padding-bottom: 6px;
font-size: 1.2rem;
position: relative
}
.mejs__captions-selector-label:active,
.mejs__captions-selector-label:focus,
.mejs__captions-selector-label:hover {
text-decoration: underline
}
.mejs__captions-selector-label::before {
content: '';
background-image: radial-gradient(transparent 0, transparent 50%, #fff 50%, #fff 100%);
background-repeat: no-repeat;
background-size: 12px 12px;
width: 12px;
height: 12px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 5px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.mejs__captions-selector-label[class*='-selected']::before {
background-image: radial-gradient(#fff 0, #fff 20%, transparent 20%, transparent 50%, #fff 50%, #fff 100%)
}
.mejs__captions-selector-input:focus+label {
outline: 2px solid #fff;
outline-offset: -2px
}
.mejs__captions-selected {
color: #fff;
font-weight: bold;
text-decoration: none
}
.mejs__time-handle-content {
width: 16px;
height: 16px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
top: -7px;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.navToTop {
margin-bottom: 0;
padding: 3px 0 15px;
overflow: hidden
}
.navToTop a {
padding-right: 19px;
color: #C6411C;
font-size: 1.4rem;
font-weight: 600;
line-height: 2;
text-decoration: none;
display: inline-block;
position: relative
}
.navToTop a:active,
.navToTop a:focus,
.navToTop a:hover {
text-decoration: underline
}
.navToTop a:active::after,
.navToTop a:focus::after,
.navToTop a:hover::after {
content: '';
display: inline-block;
position: absolute;
width: 12px;
height: 12px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -703.02px -162px
}
.navToTop a::after {
content: '';
display: inline-block;
position: absolute;
width: 12px;
height: 12px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -703.02px -162px;
top: 10px;
right: 0;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg)
}
.picture {
min-width: 100%;
max-width: 100%;
margin: 0 0 40px;
overflow: hidden
}
.picture>a:not(.loupe) {
display: block
}
p+.picture {
margin-top: 40px
}
.picture.linksOhne,
.picture.links {
margin-left: 0;
margin-right: 0
}
.picture.rechtsOhne,
.picture.rechts {
margin-left: auto;
margin-right: 0
}
.picture .wrapper {
display: block
}
.picture .wrapper a,
.picture .wrapper img {
width: 100%;
display: block
}
.picture .wrapper-text {
width: calc(100% - 40px);
margin: 16px 0 0;
font-size: 1.4rem;
line-height: 2;
display: block
}
.picture .source {
display: block
}
.picture cite {
color: currentColor;
font-size: inherit;
font-style: normal;
word-break: break-word;
display: inline
}
.picture cite::before {
content: none
}
.picture .loupe {
margin-top: 11px;
margin-bottom: 0;
padding: 5px;
display: block;
float: right;
cursor: -webkit-zoom-in;
cursor: zoom-in
}
.picture .loupe:focus img {
outline-style: dotted;
outline-color: #000;
outline-width: 1px
}
.s-contact p {
font-size: 1.4rem;
line-height: 2
}
.s-contact p:last-child {
margin-bottom: 0
}
.s-meta h3 {
margin-bottom: 4px;
font-size: 1.4rem;
font-weight: 600
}
.s-meta h3+p {
margin-top: 0
}
.s-meta p {
font-size: 1.4rem
}
.s-project-map-legend h3 {
margin: 0;
font-size: 1.6rem
}
.s-project-map-legend ul {
margin-bottom: 34px
}
.s-project-map-legend li {
background: #fff;
margin-bottom: 10px;
padding: 0;
border: 1px solid #F0F0F0
}
.searchresult {
margin-bottom: 30px
}
.searchresult li {
margin-bottom: 7px
}
.searchresult li:last-child {
border-bottom: none
}
.searchresult .withHeader {
padding-top: 1em;
position: relative
}
.searchresult .withHeader .category {
font-size: 1.2rem;
font-weight: bold;
font-style: normal;
line-height: 1;
text-transform: uppercase;
display: block;
position: absolute;
top: 0;
left: 0
}
.searchresult .teaser {
margin-top: 30px;
position: relative
}
.smallHeadline {
margin-top: 40px;
font-size: 1.3rem;
font-weight: bold
}
mark.searchString,
em.searchString {
background: #fff;
padding: 0 5px;
font-style: italic
}
.toc.toc.toc {
margin-bottom: 40px
}
.toc.toc.toc li {
margin-bottom: 3px;
padding-left: 0;
list-style-type: none
}
.toc.toc.toc li::before {
content: none
}
.toc.toc.toc li li {
margin-left: 19px
}
.toc.toc.toc a {
padding-right: 19px;
color: #C6411C;
font-size: 1.4rem;
font-weight: 600;
line-height: 2;
text-decoration: none;
display: inline-block;
position: relative
}
.toc.toc.toc a:active,
.toc.toc.toc a:focus,
.toc.toc.toc a:hover {
text-decoration: underline
}
.toc.toc.toc a:active::after,
.toc.toc.toc a:focus::after,
.toc.toc.toc a:hover::after {
content: '';
display: inline-block;
position: absolute;
width: 12px;
height: 12px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -703.02px -162px
}
.toc.toc.toc a::after {
content: '';
display: inline-block;
position: absolute;
width: 12px;
height: 12px;
background: url(/NSPWeb/SiteGlobals/Frontend/Images/icons/sprite.svg?__blob=normal&v=10) no-repeat -703.02px -162px;
top: 5px;
right: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.toc.toc.toc-vertical {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.toc.toc.toc-vertical>* {
margin-right: 4ex
}
.toggleEntry {
border-bottom: 1px dotted #F5F3EB
}
.toggleEntry h2 {
margin-bottom: 0;
padding: 8px 0
}
.toggleEntry .heading {
padding-right: 35px;
border-top: 1px dotted #F5F3EB
}
.toggleEntry .heading.inactive-control {
position: relative
}
.toggleEntry .heading.inactive-control::before {
top: 15px;
right: 2%
}
.toggleEntry .heading.active-control {
padding-right: 35px;
position: relative
}
.toggleEntry .heading.active-control::before {
top: 15px;
right: 2%
}
.toggleEntry .heading+div {
overflow: hidden
}
.wrapperDivisions {
min-width: 320px;
overflow-x: hidden
}
.aural {
width: 0;
line-height: 0;
position: absolute;
left: -2000px;
overflow: hidden
}
.clear {
clear: both
}
.h-grid-helper {
height: 1000vh;
max-height: 100%;
opacity: .4;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1548;
pointer-events: none
}
.h-grid-helper .row {
height: 100%;
margin-left: 10px;
margin-right: 10px
}
.mfp-bg {
z-index: 1526
}
.mfp-wrap {
z-index: 5050
}
.mfp-content {
z-index: 1527
}
.mfp-preloader {
z-index: 1528
}
button.mfp-close,
button.mfp-arrow {
z-index: 1529
}
.mejs__container-fullscreen {
z-index: 1522
}
.mejs__controls .mejs__volume-button .mejs__volume-slider {
z-index: 1506
}
.mejs__chapters {
z-index: 1507
}
.mejs__contextmenu {
z-index: 1525
}
.mejs__postroll-layer {
z-index: 1521
}
.mejs__postroll-close {
z-index: 1518
}
.mm-menu,
.mm-panels,
.mm-panels>.mm-panel {
z-index: 1502
}
.mm-panel.mm-highest {
z-index: 1503
}
.mm-navbar .mm-btn {
z-index: 1505
}
.mm-listview .mm-next {
z-index: 1509
}
.mm-subopened .mm-subblocker {
z-index: 1510
}
.mm-menu>.mm-navbar {
z-index: 1511
}
#mm-blocker {
z-index: 1541
}
.slick-dots {
z-index: 1514 !important
}
.stage .navigation {
z-index: 1513
}