@page {
margin: 2cm 1cm 2.5cm 1.2cm;
}

/* reset */
html {
font-family: sans-serif;
font-size: 62.5%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-o-text-size-adjust: 100%;
text-size-adjust: 100%;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}
*, 
*:before, 
*:after {
box-sizing: inherit;
font-size: inherit;
}
* {
color: #000 !important;
}
blockquote,
h1, h2, h3, h4, h5,
p,
ul,
ol,
dl, dt, dd,
table,
table *,
fieldset,
figure,
body {
margin: 0;
padding: 0;
}
table,
table * {
border: none;
border-collapse: collapse;
border-spacing: 0;
vertical-align: top;
text-align: left;
}
ul,
ol {
list-style: none;
}
fieldset {
border: none;
}
button,
input,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 100%;
margin: 0;
padding: 0;
}
img {
border-style: none;
width: 100%;
max-width: 100%;
font-size: 0;
line-height: 0;
float: left;
}
/* IE */
figcaption,
figure,
main {
display: block;
}
svg:not(:root) {
overflow: hidden;
}
button,
input {
overflow: visible;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
[hidden] {
display: none;
}
* html .clear {
zoom: 1;
}
*:first-child+html .clear {
zoom: 1;
}
/* IE FF */
button,
select {
text-transform: none;
}
/* FF */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0;
}
/* IE iOS Safari */
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
/* iOS Safari */
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
/* WebKit iOS Safari */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/* Chrome */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/* Chrome Safari */
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

/* placeholder */
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
#result-header ::-webkit-input-placeholder,
#result-header ::-moz-placeholder,
#result-header :-ms-input-placeholder {
font-family: inherit;
}
:-moz-placeholder,
#result-header :-moz-placeholder {
font-family: inherit;
opacity: 1;
}
::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder,
.input::-webkit-input-placeholder {
color: transparent !important;
-webkit-text-fill-color: rgb(255,255,255);
opacity: 0;
}
:-moz-placeholder,
.textarea:-moz-placeholder,
.input:-moz-placeholder {
color: transparent !important;
-moz-text-fill-color: rgb(255,255,255);
opacity: 0;
}
::-moz-placeholder,
.textarea::-moz-placeholder,
.input::-moz-placeholder {
color: transparent !important;
-moz-text-fill-color: rgb(255,255,255);
opacity: 0;
}
:-ms-input-placeholder,
.textarea:-ms-input-placeholder,
.input:-ms-input-placeholder {
color: transparent !important;
-ms-text-fill-color: rgb(255,255,255);
opacity: 0;
}

/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/36ef69");
  
@font-face {
font-family: 'Fabrikat-Bold';
src: url('../fonts/36EF69_0_0.eot');
src: url('../fonts/36EF69_0_0.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/36EF69_0_0.woff2') format('woff2'),
	 url('../fonts/36EF69_0_0.woff') format('woff'),
	 url('../fonts/36EF69_0_0.ttf') format('truetype');
}
 
@font-face {
font-family: 'Fabrikat-Light';
src: url('../fonts/36EF69_1_0.eot');
src: url('../fonts/36EF69_1_0.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/36EF69_1_0.woff2') format('woff2'),
	 url('../fonts/36EF69_1_0.woff') format('woff'),
	 url('../fonts/36EF69_1_0.ttf') format('truetype');
}
@font-face {
font-family: 'Fabrikat-Regular';
src: url('../fonts/36EF69_2_0.eot');
src: url('../fonts/36EF69_2_0.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/36EF69_2_0.woff2') format('woff2'),
	 url('../fonts/36EF69_2_0.woff') format('woff'),
	 url('../fonts/36EF69_2_0.ttf') format('truetype');
}
@font-face {
font-family: 'ClarendonBTWXX-Bold';
src: url('../fonts/36EF69_3_0.eot');
src: url('../fonts/36EF69_3_0.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/36EF69_3_0.woff2') format('woff2'),
	 url('../fonts/36EF69_3_0.woff') format('woff'),
	 url('../fonts/36EF69_3_0.ttf') format('truetype');
}
* {
text-rendering: optimizeLegibility;
font-family: Fabrikat-Regular, Arial, Sans-Serif, 'sans serif';
font-weight: normal;
font-style: normal;
}
.headline-1,
.text .headline-1 {
font-family: 'ClarendonBTWXX-Bold';
}
.headline-2 {
font-family: 'Fabrikat-Light';
}

.accordion .accordion-header .date,
.accordion-header .title,
.accordion-header .headline-2,
.open .accordion-header .title,
.open .accordion-header .headline-2,
.open .accordion-header .title,
.open .accordion-header .date,
.form-item .select-wrapper select,
.form-wrapper form button,
.form-wrapper form input,
.form-wrapper form label,
.form-wrapper form textarea,
#result-header p.tag-search,
#result-header form input,
#header #search-overlay .tag-search .title-1,
#header #search-overlay #searchfield input,
#header #menu > #scroll-wrapper .closed > .toggle-submenu:after,
#header #menu > #scroll-wrapper .closed.open > .toggle-submenu:after,
#header #menu > #scroll-wrapper .toggle-submenu:after,
#menu a,
.caption,
.caption *,
.article .date-wrapper p,
.wizard-link,
.wizard-wrapper .title-1,
.title-2,
.title-3,
.text *,
.teaser-large,
.teaser-small {
font-family: 'Fabrikat-Regular';
}
.form-item .title-2,
.social-bar,
.social-bar *,
#header #menu > #scroll-wrapper .temp-open > .toggle-submenu:after,
#header #menu > #scroll-wrapper .open > .toggle-submenu:after,
.tag,
.accordion-header *,
.tag-bar,
.tag-bar *,
.text strong,
.title-1,
.lead,
.lead strong {
font-family: 'Fabrikat-Bold';
}
/* size */
.accordion-header .title,
.accordion-header .headline-2,
.open .accordion-header .title,
.open .accordion-header .headline-2,
.headline-1,
.headline-2,
.teaser-large {
font-size: 5.8em;
line-height: 100%;
}
.code-wrapper .form-wrapper form .submit input.title-3,
#result-header p.tag-search,
#result-header form input,
#header #search-overlay #searchfield input,
#menu .level-1 > li > a,
.title-1,
.title-3,
.form-wrapper form input-title-3 {
font-size: 4.2em;
line-height: 104.761904761905%;
}
#menu .level-1 > li > a {
line-height: 127.272727272727%;
}
#header .toggle-submenu:after,
.accordion-header *,
.caption,
.title-2,
.teaser-small {
font-size: 2.4em;
line-height: 100%;
}
.form-item .descr,
.form-item .select-wrapper select,
.form-item .select-wrapper select option,
#menu ul ul li > a,
.accordion-content .wrap a,
.article .date-wrapper p,
.text.paging a,
.text > .file-item,
.text p,
.text li,
.text th,
.text td,
.audio-player .file-item .file span,
.select-fieldset:after,
.radio-fieldset:after,
.checkbox-fieldset:after,
.accordion-content .mejs-time span,
.form-wrapper form label,
.form-wrapper form input,
.form-wrapper form textarea,
.wizard-link,
.lead {
font-size: 2.4em;
line-height: 166.666666666667%;
}
#menu ul ul li > a {
line-height: 150%;
}
.social-bar,
.tag,
.tag-bar {
font-size: 2.2em;
line-height: 127.272727272727%;
}
.wizard-item .text a {
font-size: 1.75em;
line-height: 127.272727272727%;
}
.wizard-wrapper .tag {
line-height: 181.818181818182%;
}
.audio-player.component .file-item .file span {
font-size: 1em;
}

/* style */
* {
letter-spacing: 0px !important;
}
#result-header .social-bar,
.file,
.tag-bar *,
.wizard-item .text,
#menu a,
.wizard-link,
.teaser-list .teaser a {
text-decoration: none;
}
a,
.file span,
.text p a,
.text li a,
.text table a {
/*
text-decoration: underline;
*/
text-decoration: none;
}
.social-bar,
.tag,
.accordion-title *,
.article .date-wrapper p,
.wizard-wrapper .tag {
text-transform: uppercase;
}
.accordion-header .date,
.accordion-header .title,
.tag,
.teaser-small,
.caption {
letter-spacing: 0.05em;
}
.teaser-large {
letter-spacing: 0.02em;
}
/* font-size reset */
.download .file span,
.tag-bar *,
.wrap p *,
.accordion-content .wrap p *,
.text p *,
.text li *,
.text th *,
.text td * {
font-size: 100%;
}
.open .accordion-header .title {
letter-spacing: 0;
}
.accordion-content .mejs-container .mejs-controls .mejs-time span {
line-height: 100%;
}
.teaser-list .teaser .teaser-large {
hyphens: auto;
}

/* hide and show */
.print {
display: block;
}

#result-header,
.tag-bar,
.accordion .tag-bar,
.paging,
a.file svg,
a.icon svg,
#share,
.audio-wrapper,
.video-wrapper .movie,
input[type=submit],
.text ul.file-list .file svg, 
.text .file-item .file svg,
.form-item.radio input,
.form-item.checkbox input,
.submit-button-wrapper,
.custom-select,
#menu-button,
#search-button,
#logout,
#search-overlay,
#menu {
display: none;
}









/* print custom */
html {
font-size: 45%;
}

body {
max-width: 21cm;
padding: 0 1cm;
}

.area-wrapper,
.form-item,
img, a, h1, h2, h3 {
page-break-inside: avoid;
}

h1, h2, h3 {
page-break-after: avoid;
}

.accordion .tag-bar,
.text p {
padding-top: 0.5cm;;
}

.form-wrapper p,
.text .select-list p,
.text .wrap p:first-child {
padding-top: 0;
}

.wrap.component,
.video-wrapper,
.stage-image,
.headline-1,
.headline-2,
.form-wrapper .text.form-item,
.form-wrapper .wrap.box,
.sb-1,
.sb-2 {
padding-bottom: 0.5cm;
}

.form-wrapper .text.form-item.nsb,
.form-wrapper .form-item .wrap.box {
padding-bottom: 0;
}

/* wrapper */
.accordion,
.accordion .accordion-content,
.accordion .accordion-header,
.accordion .tag-bar,
.teaser-list li .wrap,
.teaser-list li .wrap .reaser-large,
.teaser-list,
.radio-fieldset,
.radio-fieldset,
.checkbox-fieldset,
.headline-1,
.headline-2,
.area-wrapper,
.input-wrapper,
.wrap,
p,
.text,
#header {
width: 100%;
float: left;
}

.accordion .accordion-content {
display: block !important;
}

.icon,
.file,
.box {
width: 100%;
float: left;
}

/* header */
#logo {
width: 3.5cm;
float: left;
margin-bottom: 0.7cm;
}

/* form */
.label-wrapper {
width: 40%;
float: left;
padding-right: 0.5cm;
}

.input-wrapper {
width: 60%;
float: left;
}

.select-list p:before,
.form-item.radio label:before,
.form-item.checkbox label:before {
content: "";
width: 0.5cm;
height: 0.5cm;
float: left;
border: 1px solid #000;
margin: 0.1cm 0.25cm 0 0;
}

input[type=text],
textarea {
border: none;
border-bottom: 1px solid #000;
width: 100%;
}

.form-wrapper .wrap.box .title-3,
.form-item .wrap .title-2 {
padding-bottom: 0.2cm;
}

.area-wrapper {
height: 4em;
}

textarea {
height: 1.666666666666em;
overflow: hidden;
width: 100%;
min-width: 100%;
max-width: 100%;
resize: none;
}

.area-wrapper:before,
.area-wrapper:after {
content: "";
height: 3.99984em;
margin-top: 4em;
width: 100%;
float: left;
border-bottom: 0.25pt solid #000;
border-top: 0.25pt solid #000;
}

.select-fieldset:after,
.radio-fieldset:after,
.checkbox-fieldset:after {
padding-left: 0.75cm;
float: left;
}

.teaser-list li {
width: 33.3%;
height: 6.5m;
padding: 0 0.5cm 0.5cm 0;
float: left;
}

.teaser-list li .wrap {
width: 100%;
height: 6cm !important;
padding: 0;
float: left;
overflow: hidden;
position: relative;
}

.teaser-list li .wrap * {
position: relative;
z-index: 2;
color: #fff !important;
float: left;
}

.teaser-list li .wrap:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
float: left;
border-top: 7cm solid #000;
z-index: 1;
}

.teaser-list li .teaser-small,
.teaser-list li .teaser-large {
padding: 0.2cm;
}

#svg-stage {
margin-left: -0.5cm;
}

.date-wrapper {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
margin: 0.7cm 0 0.8cm 0;
}

.image.small {
max-width: 12cm;
}

.accordion .accordion-header,
.accordion .image {
position: relative;
padding-bottom: 0.5cm;
}

.accordion .accordion-header .date {
position: absolute;
top: 0;
right: 0;
float: left;
padding-top: 0.1cm;
}

.accordion .accordion-header .headline-2 {
padding-bottom: 0;
}

.gallery,
.gallery * {
position: relative !important;
width: 100% !important;
float: left !important;
height: auto !important;
}

.gallery .caption,
.gallery .item {
display: none !important;
}

.gallery .item:first-child {
display: block !important;
}

.box.component > .image.small figcaption .caption,
.accordion-content .wrap {
padding-top: 0.5cm;
}

.person .accordion-content.light > .wrap.component.text p:first-child {
padding-top: 0;
}

.accordion-content .image.small .wrap,
.accordion-content .wrap.image,
.accordion-content .wrap.component,
.accordion-content .wrap > .wrap:first-child,
.internal-wrapper .wrap:first-child {
padding-top: 0;
}

.accordion-content .image.small {
float: left;
}

/* print link description */
.select-fieldset:after {
content: "(Nur ein Element wählen)";
text-decoration: none;
}

.radio-fieldset:after {
content: "(Nur ein Element wählen)";
text-decoration: none;
}

.checkbox-fieldset:after {
content: "(Es können mehrere Elemente gewählt werden)";
text-decoration: none;
}

.text a.code-link:after {
content: " (" attr(href) ")";
word-break: break-all;
text-decoration: none;
}

.video-wrapper .caption:after {
content: " (" attr(data-href) ")";
word-break: break-all;
text-decoration: none;
}

.audio-player .file span:after {
content: " (" attr(data-href) ")";
word-break: break-all;
text-decoration: none;
}

a.icon:after {
content: " (" attr(href) ")";
word-break: break-all;
text-decoration: none;
}

a.icon:before {
content: attr(title);
text-decoration: none;
}

a.multi-mail[href*="mailto"]:after {
content: " (" attr(data-address) ")";
text-decoration: none;
}

.download a.file:after,
a.multi-link:after {
content: " (" attr(href) ")";
word-break: break-all;
text-decoration: none;
}

figcaption.caption.wrap {
margin-top: 0.5em;
}

/* 25 Jahre RFV */
#special-logo {
display: none;
}