@charset"utf-8";
/* moved by compressor */
.mainsub h3, h1, h2, h3, h4, h5, h6 {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto
}

a, body, button, input, select, textarea {
    font-family: Open Sans, century gothic, avalon, Arial, Helvetica, sans-serif
}

#headernav ul li a:hover, a, a.active, a:visited {
    color: #F6420B
}

#footernav ul, #headernav ul {
    text-transform: none;
    z-index: 10000;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    list-style-type: none
}

dfn, mark {
    font-style: italic
}

#footernav ul, #headernav ul, h1, hr, p {
    padding: 0
}

blockquote::after, q:after, q:before {
    content: ""
}

#footernav, .ir, .visuallyhidden, svg:not(:root) {
    overflow: hidden
}

fieldset, hr, img, legend {
    border: 0
}

.sendbutton, .sendbutton:hover {
    transition: #000 .2s ease-in 0s
}

#footer button, #footernav ul, #headernav ul, .icon-edit:before, blockquote, sub, sup {
    position: relative
}

htable, table {
    border-collapse: collapse;
    border-spacing: 0
}

# #footernav, .ir, caption, th {
    text-align: left
}

.hidden, .invisible {
    visibility: hidden
}

#offcanvas ul li a, #offcanvas ul ul li a, #open a, .close a, .sf-menu a, .sf-menu ul li a, a, ins {
    text-decoration: none
}

blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, th, ul {
    margin: 0;
    padding: 0
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400;
    hyphens: none;
}

#footernav ul li a, #headernav ul li a {
    font-weight: 500;
    padding: .8em .5em;
    text-transform: uppercase
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block
}

audio, canvas, video {
    display: inline-block
}

[hidden], audio:not([controls]) {
    display: none
}

html {
    font-size: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    height: 100%
}

body {
    margin: 0;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    background-color: #fefefa
}

body, button, input, select, textarea {
    color: #131412
}

a {
    text-transform: uppercase;
    transition: all .7s;
}

a:hover {
    color: #131412;
    transition: all .7s;
}

a:active, a:focus, a:hover {
    outline: 0;
}

#offcanvasmenu a {
    color: #fff
}

#offcanvasmenu a:hover {
    color: #cccfd0
}

#headernav {
    color: #F0881F
}

#headernav ul li {
    display: inline;
    color: #131412
}

#headernav ul li a {
    color: #131412;
    font-size: .875rem
}

.headernavmenue {
    color: #131412
}

#footernav {
    width: 100%;
    margin-bottom: 1rem
}

#footernav ul li {
    display: inline;
    color: #0F3A5A
}

.event1, .event2, .event3, blockquote, hr {
    display: block
}

#footernav ul li a {
    color: #0F3A5A
}

#footernav ul li a:hover {
    color: #1E1D1D
}

#footernav ul li .active_static {
    color: #D10057
}

a.agross {
    color: #F6420B;
    font-size: 1rem
}

.footsub p a {
    color: #F6420B;
    font-size: .875rem;
    margin: 0 .5rem 0 .4rem
}

.footsub p a.agross {
    color: #F6420B;
    font-size: 1rem;
    margin: 0
}

.footsub p a:hover {
    color: #131412
}

ins, mark {
    color: #000
}

#offcanvasmenu ul li a {
    text-transform: uppercase;
    margin-left: 1rem;
    color: #F6420B;
    font-weight: 400
}

b, mark, strong {
    font-weight: 700
}

abbr[title] {
    border-bottom: 1px dotted
}

hr {
    height: 1px;
    border-top: 1px solid #F6420B;
    margin: 0;
    float: left;
    display: block;
    width: 100%;
}

.heading, h1 {
    margin: 0 0 1rem
}

ins {
    background: #ff9
}

.tx-content-rating-text-left {
    float: left;
    display: none;
}

.tx-content-rating-text-right {
    float: right;
    display: none;
}

div.tx-contentrating-pi1 h3 {
    margin-bottom: 2rem;
}

.tx-werit-products {
    max-height: 140px;
    overflow: hidden;
    z-index: -5;
}

mark {
    background: #ff0
}

.heading, h1, h2, h3 {
    font-weight: 400;
    text-transform: uppercase
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

.heading, blockquote:before, h1, h2, h3, p.zitatkl {
    font-family: Gilda Display, Open Sans, century gothic, avalon, Arial, Helvetica, sans-serif
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

q:after, q:before {
    content: none
}

small {
    font-size: 85%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

h1 {
    font-size: 1.875rem;
    line-height: 1
}

.heading, .content header h1 {
    font-size: 2rem;
    color: #f6420b;
    line-height: 1.3
}

h2, h3, h4 {
    line-height: 1
}

h2 {
    font-size: 1.7rem;
    margin-bottom: 1rem
}

.contentsub1 h2 {
    color: #F6420B
}

.contentsub1 h2.small {
    font-weight: 500;
    font-size: 1.25rem;
}

.contentsub1 h1 {
    color: #F6420B;
    font-size: 1.7rem;
    margin-bottom: 1rem
}

h3 {
    font-size: 1.3rem;
    margin-top: 1rem;
    margin-bottom: .5rem;
    color: #F6420B
}

#c431 h3 {
    margin: 2rem 0;
}

h3.sloganbottom, h4 {
    font-weight: 700;
    text-transform: none
}

.mainsub h3 {
    hyphens: auto
}

#headpic h1, p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto
}

#headpic h2 {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto
}

h3.sloganbottom {
    color: #8fbf4d;
    font-size: 1.1rem;
    float: left;
    width: 90%
}

h4, p {
    font-size: 1rem
}

#footer button, #footer>ul li, .homearticleback, .sendbutton, p.zitatkl {
    text-transform: uppercase
}

p {
    margin: .8rem 0;
    hyphens: auto
}

.accordion {
    
    color: #191616;
   
    cursor: pointer;
    padding: 10px 5px 10px 5px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 1rem;
    transition: 0.8s;
    font-weight: 500;
    background-color: #dadada;
}

.contentsub1 .active, .accordion:hover {
    
    background-color: #999;
   
    color: #fff;
}

.panel {
    padding: 5px 5px 5px 10px;
    background-color: #f8f7f7;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.8s ease-out;
}

.panel p {
    font-style: italic;
    font-size: 1.0625rem;
    line-height: 1.5;
    margin: 1rem 0;
}

.panel p:nth-child(1) {
    margin-top: 1rem;
}

.panel p:last-child {
    margin-bottom: 1rem;
}

.accordion:after {
    content: 'anschauen \002B';
    /* color: #777; */
    /* font-weight: bold; */
    float: right;
    margin-left: 5px;
    font-style: italic;
    font-size: 1.125rem;
}

.accordion:before {
    content: '';
    /* color: #777; */
    font-weight: bold;
    float: left;
    margin-right: 15px;
}

.contentsub1 .active:after {
    content: "schliessen \2212";
    transition: all 1s;
}

p.big {
    font-size: 1.375rem;
    line-height: 1;
    margin: -15px 0 20px 0;
    color: #5f605d;
}

#c430 p {
    font-style: italic;
    max-width: 800px
}

p.zitatkl {
    font-size: 2rem;
    font-weight: 400;
    color: #f6420b;
    line-height: 1.4;
    margin: 1.8rem 0
}

.infob, p a {
    color: #F6420B
}

blockquote {
    background: #fff;
    padding: 15px 20px 15px 45px;
    margin: 0 0 20px
}

blockquote:before {
    content: "\201C";
    font-size: 5rem;
    font-weight: 700;
    position: absolute;
    left: 10px;
    top: 10px
}

ol, ul {
    list-style: none;
    margin: 1em 0;
    padding: 0 0 0 10px;
    font-size: 1rem
}

dd {
    margin: 0 0 0 40px
}

.footul, nav ol, nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#footer>ul {
    margin: .9rem 0;
    background: #32373D;
    padding-top: .8rem;
    padding-bottom: .8rem;
    padding-left: .8rem
}

#footer>ul li {
    list-style: none;
    #float:left; color: #fff;
    font-size: .835rem
}

#footer>ul li:first-child {
    margin-left: 0
}

.footul li {
    list-style: none;
    margin: 0
}

.footul li a {
    color: #fdfdfd;
    font-size: .835rem
}

#offcanvasmenu ul {
    width: 100%;
    list-style-type: none;
    padding-left: 0;
    margin: .5rem 0;
    padding-bottom: .5rem
}

#offcanvasmenu ul li {
    float: left;
    color: #500;
    margin: 0;
    padding-bottom: .7rem
}

ul.colarticle {
    list-style: none;
    padding: 0;
    font-family: Open Sans, century gothic, avalon, Arial, Helvetica, sans-serif;
    overflowh: hidden;
    margin: 0
}

.colarticle li {
    margin: 0
}

.homearticleback {
    width: 25%;
    float: left;
    font-weight: 400;
    color: #f6420b;
    font-size: .75rem;
    margin: 0;
    min-height: 85px
}

.homearticleli {
    /*padding: 12px .5rem .5rem;*/
    margin: 0;
    width: 70%;
    color: #13140e;
    float: right;
    font-weight: 400;
    line-height: 1.2;
}

img {
    -ms-interpolation-mode: bicubic;
    vertical-align: middle
}

.nospace {
    margin: 0;
    padding: 0
}

.shadow {
    -webkit-box-shadow: 4px 4px 4px 0 rgba(88,88,88,.65);
    -moz-box-shadow: 4px 4px 4px 0 rgba(88,88,88,.65);
    box-shadow: 4px 4px 4px 0 rgba(88,88,88,.65)
}

.contentleft img, .contentright img, .infobox {
    box-shadow: 4px 4px 4px 0 rgba(88,88,88,.65)
}

.contentleft img {
    width: 100%
}

.eventno, .hidekrit, .hiderez {
    display: none
}

figure, form {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0
}

#kontaktformular-816 .row , #kommentarKontakt-816 .row {
    clear: both;
    float: left;
    width: 100%;
}

#kontaktformular-820 .row , #kommentarKontakt-820 .row {
    clear: both;
    float: left;
    width: 100%;
}

#kontaktformular-824 .row, #kommentarKontakt-824 .row {
    clear: both;
    float: left;
    width: 100%;
}

#kontaktformular-828 .row, #kommentarKontakt-828 .row {
    clear: both;
    float: left;
    width: 100%;
}

#kontaktformular-832 .row, #kommentarKontakt-832 .row {
    clear: both;
    float: left;
    width: 100%;
}

#kontaktformular .row , #kommentarKontakt .row {
    clear: both;
    float: left;
    width: 100%;
}

label {
    cursor: pointer
}

label {
    cursor: pointer;
    clear: both;
    display: block;
    float: left;
    font-weight: 400;
    min-width: 10rem;
    text-align: left;
    font-size: 1rem;
}

.control-label {
    clear: both;
    width: 100%;
}

legend {
    padding: 0
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    padding: 8px 5px;
    color: #131412
}

td, textarea {
    vertical-align: top
}

input {
    color: #131412
}

button, input {
    line-height: normal
}

.btn {
    color: #fff;
    background: #F6420B;
    opacity: 1;
    transition: opacity .6s ease 0s;
    box-sizing: border-box;
    font-family: Open Sans,century gothic,Arial,sans-serif;
    width: auto;
    white-space: nowrap;
    height: 32px;
    margin: 5px 5px 0 0;
    padding: 0 22px;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-style: normal;
    font-size: 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    vertical-align: top;
    border: 0;
    z-index: 100;
}

.btn:hover {
    opacity: .7;
    transition: opacity .6s ease 0s
}

.rate {
    margin-top: 1.5rem;
}

.sendbutton {
    background: rgba(7,27,51,.75);
    heighth: 30px;
    widthh: 150px;
    color: #fff;
    font-size: 14px
}

.sendbutton:hover {
    background: rgba(7,27,51,.95)
}

button, input[type=button], input[type=reset], input[type=submit], input[type=email] {
    cursor: pointer;
    -webkit-appearance: button
}

input[type=submit] {
    color: #fff;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    font-family: inherit;
    background: #F6420B;
    opacity: 1;
    transition: opacity .4s ease 0s;
    font-size: 1rem;
    line-height: 1em;
    box-sizing: border-box;
    font-family: Open Sans, century gothic, Arial, sans-serif;
    width: auto;
    white-space: nowrap;
    height: 32px;
    margin: 5px 5px 0 0;
    padding: 0 22px;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-style: normal;
    font-size: 15px;
    line-height: 32px;
    cursor: pointer;
    border: 0;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    vertical-align: top;
}

input[type=submit]:hover {
    opacity: .7;
    transition: opacity .4s ease 0s
}

#footer button, .button, .button1, .button2 {
    font-family: inherit;
    opacity: 1;
    line-height: 1em;
    transition: opacity .4s ease 0s;
    cursor: pointer
}

input[type=radio], input[type=checkbox] {
    box-sizing: border-box
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

#footer button, #headpic, .button, .button1, .content, .mainsubcontainer, .mainwrap {
    box-sizing: border-box
}

input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    min-height: 120px;
    overflow: auto;
    resize: vertical;
    resize: both;
    min-width: 300px;
}

#kommentarKontakt .xxlarge {
    /* width: 50%; */
    float: left;
    min-width: 95%;
}

input:invalid, textarea:invalid {
    background-color: #fff
}

#footer button {
    width: 70%;
    margin: .7rem 0 0;
    padding: 7px 4px;
    color: #FFF;
    border: 0;
    border-radius: 0;
    top: 1px;
    background: #DB1A21;
    font-weight: 700
}

.button {
    color: #31353D;
    border: 0;
    border-radius: 0;
    background: #F6420B;
    font-weight: 700;
    font-size: .8125rem;
    margin: .7rem 0 0 -5px;
    padding: 15px 6px 12px
}

.button2 {
    color: #bcbeba;
    bordevr: 0 none;
    border-radius: 0;
    background: #fff;
    margin: .7rem 0 0
}

.button1, .number {
    background: #F6420B
}

.button1 {
    color: #31353d;
    border: 0;
    border-radius: 0;
    font-size: 1rem;
    margin: .7rem 20px 0 0;
    padding: 15px 30px 12px 10px
}

.button1:hover, .button:hover {
    opacity: .7;
    transition: opacity .4s ease 0s
}

.icon-edit:before, .number {
    display: block;
    width: 1.5em;
    height: 1.5em
}

.number {
    font-size: 1.8rem;
    border-radius: 2em;
    margin: 0 auto 18px 10px;
    padding: 0;
    color: #F6420B;
    line-height: 1.5;
    float: left
}

.number:hover {
    background: #131412
}

.icon-edit:before {
    content: "\f09e";
    content: "\f09a";
    font-family: FontAwesome;
    font-style: normal;
    line-height: 1.5;
    vertical-align: baseline;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    left: 12px;
    top: 2px;
    color: #fefefa
}

.icon1-edit:before, .icon2-edit:before, .icon3-edit:before {
    font-family: FontAwesome;
    position: relative;
    font-style: normal;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.5;
    vertical-align: baseline;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    color: #fefefa;
    display: block
}

.icon1-edit:before {
    content: "\f099";
    left: 8px;
    top: 2px
}

.icon2-edit:before {
    content: "\f168";
    left: 9px;
    top: 3px
}

.icon3-edit:before {
    content: "\f09e";
    left: 6px;
    top: 2px
}

.fa-soundcloud:before {
    content: "\f1be";
    margin-left: 2px;
    color: #fefefa
}

.ir {
    display: block;
    border: 0;
    text-indent: -999em;
    background-color: transparent;
    background-repeat: no-repeat;
    direction: ltr
}

.ir br {
    display: none
}

.hidden {
    display: none!important
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.clearfix:after, .clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1; clear: both;
}

/* #################### FONTS

gilda-display-regular - latin */
@font-face {
    font-family: 'Gilda Display';
    font-style: normal;
    font-weight: 400;
    src: url('../../../fileadmin/config/script/fonts/gilda-display-v5-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Gilda Display'), local('GildaDisplay-Regular'), url('../../../fileadmin/config/script/fonts/gilda-display-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/config/script/fonts/gilda-display-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/config/script/fonts/gilda-display-v5-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/config/script/fonts/gilda-display-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/config/script/fonts/gilda-display-v5-latin-regular.svg#GildaDisplay') format('svg');
    /* Legacy iOS */
}

/* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-300.eot');
    /* IE9 Compat Modes */
    src: local('Open Sans Light'), local('OpenSans-Light'), url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-300italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-300italic.eot');
    /* IE9 Compat Modes */
    src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-300italic.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-italic.eot');
    /* IE9 Compat Modes */
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-700.eot');
    /* IE9 Compat Modes */
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-700italic.eot');
    /* IE9 Compat Modes */
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/config/script/fonts/open-sans-v15-latin-700italic.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

@media print {
    blockquote, img, pre, tr {
        page-break-inside: avoid
    }

    * {
        background: 0 0!important;
        color: #000!important;
        text-shadow: none!important;
        filter: none!important;
        -ms-filter: none!important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " ("attr(href)")"
    }

    abbr[title]:after {
        content: " ("attr(title)")"
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: ""
    }

    blockquote, pre {
        border: 1px solid #999
    }

    thead {
        display: table-header-group
    }

    img {
        max-width: 100%!important
    }

    @page {
        margin: .5cm
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

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

    #bread, #footernav, #headernav, #nav, #offcanvas, #offcanvasmenu, #subnavcontainer, #suche {
        visibility: hidden
    }
}

embed, img, object, video {
    max-width: 100%
}

.ie6 img {
    width: 100%
}

#container {
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

#offcanvas {
    display: block;
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    min-height: 100%;
    width: 60%;
    font-size: 1.8rem;
    overfolw: hidden
}

.closesubmenu-button {
    font-size: 1.3rem;
    color: #fff;
    padding: 1rem 0;
    display: block
}

#offcanvasmenu {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block
}

#open a {
    font-size: 17px;
    font-size: 1.2rem;
    color: #fff;
    padding: 0px2px;
    display: block;
    font.weight: bol
}

.close a {
    font-size: 17px;
    font-size: 1.2rem;
    color: #fff;
    padding: 0 2px;
    display: none
}

.open {
    display: block
}

.close {
    display: none
}

.menu-button {
    font-family: open sans!important;
    font-weight: 400!important;
    font-style: normal!important;
    height: .9rem;
    width: .9rem;
    cursor: pointer;
    position: relative;
    left: 00rem;
    dtop: -4px;
    margin-top: -.1rem;
    margin-right: 1rem
}

.zitatfoot, p.zitat {
    font-family: Gilda Display, Open Sans, century gothic, avalon, Arial, Helvetica, sans-serif;
    text-transform: uppercase
}

#headpic h1, .sf-menu a, .zitatfoot, p.zitat {
    font-weight: 400
}

#headpic h2 {
    font-weight: 400
}

.menu-button:after {
    content: '\2261';
    color: #F6420B;
    position: absolute;
    top: 1.2rem;
    left: 0;
    line-height: 0;
    -moz-transition: all 1s ease
}

.menu-button:hover:after {
    color: #cccfd0;
    -moz-transform: rotate(30deg))
}

#offcanvas nav ul li, #offcanvas nav ul ul li {
    borderd-bottom: 1px solid #242424;
    padding: 0
}

#offcanvas nav ul li a {
    display: block;
    text-decoration: none;
    height: 49px;
    line-height: 49px;
    font-size: 1.2em;
    color: green
}

#offcanvasf:target+#offcanvasf {
    display: block
}

#offcanvas:target+#wrapper {
    transform: translateX(60%);
    ms-transform: translateX(60%);
    -webkit-transform: translateX(60%);
    transition: transform .8s ease-in-out, ms-transform .8s ease-in-out;
    -webkit-transition: -webkit-transform .8s ease-in-out
}

#offcanvas:target+#wrapper .open {
    display: none
}

#offcanvas:target+#wrapper .close {
    display: block
}

#wrapper {
    z-index: 2;
    transition: transform .8s ease-in-out, ms-transform .8s ease-in-out;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    position: relative
}

.gridContainer {
    margin-left: auto;
    margin-right: auto;
    width: 99%;
    padding-left: .5%;
    padding-right: .5%;
    z-index: 10;
    background-color: #FEFEFA;
    /* background: red; */
}

#headpic, .content, .mainwrap {
    width: 100%;
    float: left;
    display: block
}

#header, #logopic, #mainwrapstart, #sliding {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block
}

#headpic {
    clear: both;
    margin-left: 0;
    padding: 10px 5px
}

#headpic h1 {
    font-size: 1.75rem;
    color: #f6420b;
    line-height: 1.3;
    hyphens: auto
}

#headpic h2 {
    font-size: 1.75rem;
    color: #f6420b;
    line-height: 1.3;
    hyphens: auto
}

#nav {
    display: none
}

.content {
    min-height: 10rem;
    overflow: hidden;
    margin-top: 1rem;
    padding: .5rem;
    margin-bottom: 1rem
}

.mainsub {
    clear: none;
    display: block;
    width: 100%;
    margin: 1rem 0 1rem 0;
    border-bottom: 1px solid #F6420B;
    padding: 1.5rem 0;
}

#footer, #footerinner {
    clear: both;
    width: 100%;
    margin-left: 0;
    float: left
}

.mainsub ul li {
    font-size: 1rem;
    margin-bottom: 10px
}

#headernav {
    clear: none;
    display: none;
    z-index: 11000;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: right;
    width: 100%
}

#footer {
    display: block
}

#footerinner {
    padding: 1rem .5rem;
    color: #F6420B;
    text-transform: uppercase;
    box-sizing: border-box;
}

.footsub {
    clear: none;
    float: left;
    width: 97%;
    display: table;
    margin-top: .9rem
}

.footsub ul li {
    color: #fff;
    text-transform: uppercase;
    font-size: .9375rem
}

.mainsubcontainer {
    width: 100%;
    float: left;
    display: block
}

.mainsubcontainerinner {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    /* padding: 0 0 15px; */
    padding: 0 .5rem;
    box-sizing: border-box;
}

.contentleft {
    width: 100%
}

.contentright {
    width: 100%;
    padding-top: 50px
}

.infobox {
    background: rgba(217,227,235,.75);
    padding: 5px
}

.infobox p {
    color: #7BB2DD
}

.infobox h3.sloganbottom {
    width: 100%
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.contentsubwrapper {
    width: 100%;
    /* padding: 1rem 0; */
    border-bottom: 1px solid #CECDCD;
    z-index: 50;
}

.contentsub img, .contentsub2 img {
    border: 1px solid #cecdcd
}

.contentsub2 {
    float: left;
    margin-bottom: 2rem;
}

.contentsub2 img, .contentsub3 {
    float: left;
    width: 100%;
}

#offcanvasmenu ul li a {
    font-size: 1.5rem
}

.menu-button {
    font-size: 40px
}

input {
    margin: 0px 0;
}

p.zitat {
    font-size: 1.625rem;
    color: #f6420b;
    line-height: 1.5;
    margin: 0;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto
}

.zitatfoot {
    font-size: 1.5rem;
    color: #F6420B;
    line-height: 1.3;
    margin-left: 30px
}

#cookiescript_injected, #cookiescript_badge {
    background: rgba(17,17,17,.9) !important;
}

#dropin {
    position: absolute;
    max-width: 400px;
    /* height: auto; */
    /* top: 150px; */
    left: 0px;
    z-index: 10000;
    background-color: #F6420B;
    background-color: rgba(246,66,11,.99);
    padding: 5px 15px;
    border: 1px solid #a8a8aa;
    /* padding-bottom: 15px; */
    transition: all .8s;
    /* border-radius: 2px; */
    position: fixed;
    bottom: 30px;
    /* display: none; */
    background-color: transparent;
    background-color: #FEFEFA;
    border: 1px solid rgb(246 66 11 / 1);
}

.form-group {
    width: 100%;
    float: left;
    /* padding-left: 2%; */
    margin: 10px 0;
}

.contentsub img {
    margin: 10px 50px 15px 0;
    max-width: 200px;
    min-width: 150px;
}

.responsiveContainer {
    height: 0;
    position: relative;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 0;
    background: gray;
}

.responsiveContainer iframe, .responsiveContainer object, .responsiveContainer embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.suchfeld {
    background-repeat: no-repeat;
    border: medium none;
    height: 34px;
    padding-left: 40px;
    min-width: 200px;
    border: 1px solid #d6d6d6;
    font-size: .9375rem;
    color: #a0a0a0;
    text-transform: uppercase;
    max-width: 10rem;
    background-size: contain;
    background-repeat: no-repeat;
}

.kesearch_searchbox {
    min-width: 200px;
}

.searchcontent {
    margin-top: 0px;
    float: left;
    /* width: inherit; */
    /* text-align: right; */
    display: block;
}

@media only screen and (min-width: 380px) {
    td {
        padding: .5rem;
        vertical-align: middle
    }
}

@media only screen and (min-width: 481px) {
    #header, #headpic, #logopic, #mainwrapstart, #sliding {
        clear: both;
        width: 100%;
        margin-left: 0;
        display: block
    }

    #dropin {
        /* bottom: 100px; */
    }

    .mainsubcontainerinner {
        /* padding: 0 0 15px; */
        /* padding: 0; */
        box-sizing: border-box;
    }

    #headpic, #mainwrapstart, .mainsub, .mainsub:first-child, .mainsub:nth-child(2) {
        margin-left: 0;
    }

    .infolinkstart, .mainsub {
        position: relative
    }

    #footer, #footernav, #headernav, #headpic, #mainwrapstart {
        display: block
    }

    .contentsub img, .contentsub2 img {
        float: left;
        border: 1px solid #cecdcd
    }

    #headpic h1, p.zitat {
        font-weight: 400;
        line-height: 1.3
    }

    #headpic h2 {
        font-weight: 400;
        line-height: 1.3
    }

    .gridContainer {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        z-index: 10
    }

    #header, #logopic, #sliding {
        float: left
    }

    #headpic {
        float: left;
        padding: 10px 5px
    }

    #mainwrapstart {
        float: left;
        margin-bottom: 15px
    }

    .mainwrap {
        box-shadow: 2px 4px 4px 0 rgba(88,88,88,.65);
        box-sizing: border-box
    }

    .mainsub {
        clear: none;
        float: left;
        /* width: 48%; */
        /* margin-right: 4%; */
        /* box-sizing: border-box; */
    }

    .nomarg {
        margin-right: 0
    }

    #footer {
        clear: both;
        float: left;
        width: 100%;
        margin: 0 -100%;
        padding: 0 100%
    }

    #footernav {
        text-align: right;
        padding-right: 70px;
        overflow: hidden
    }

    .footsub {
        clear: none;
        float: left;
        width: 50%;
        display: table
    }

    .footsub:nth-child(3) {
        padding-right: 1%;
        text-align: left
    }

    #headpic h1 {
        font-size: 2.75rem;
        color: #f6420b;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -o-hyphens: auto;
        hyphens: auto
    }

    #headpic h2 {
        font-size: 3rem;
        color: #f6420b;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -o-hyphens: auto;
        hyphens: auto
    }

    .contentsub {
        width: 15%;
        float: left;
        min-width: 200px;
        margin-right: 20px
    }

    #c816 {
        margin-left: 15%;
        float: left;
        min-width: 200px;
        margin-right: 20px
    }

    #c820 {
        margin-left: 15%;
        float: left;
        min-width: 200px;
        margin-right: 20px
    }

    #c832 {
        margin-left: 15%;
        float: left;
        min-width: 200px;
        margin-right: 20px
    }

    #c824, #c828, #832 {
        margin-left: 15%;
        float: left;
        min-width: 200px;
        margin-right: 20px
    }

    .contentsub img {
        margin: 10px 50px 15px 0;
        max-width: 200px;
        min-width: 150px
    }

    .contentsub1 {
        width: 100%;
        float: left;
        z-index: 1000;
    }

    .contentsub2 {
        width: 30%;
        float: left;
        margin-bottom: 1rem;
        min-width: 30%
    }

    .contentsub2 img {
        margin: 10px 50px 15px 0
    }

    .contentsub3 {
        width: 100%;
        float: right;
    }

    #offcanvasmenu ul li a {
        font-size: 1.8rem;
        text-transform: uppercase;
        margin-left: 1rem;
        color: #F6420B;
        font-weight: 400
    }

    .menu-button {
        font-size: 50px
    }

    .menu-button:after {
        top: 1.2rem
    }

    p.zitat {
        font-size: 1.625rem;
        color: #f6420b;
        text-transform: uppercase;
        font-family: Gilda Display, Open Sans, century gothic, avalon, Arial, Helvetica, sans-serif;
        margin: 0;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -o-hyphens: auto;
        hyphens: auto
    }
}

@media only screen and (min-width: 600px) {
    .cmainsub, .footsub {
        clear: none;
        float: left
    }

    .form-group {
        /* width: 45%; */
        float: left;
        padding-left: 10px;
        margin: 10px 0;
    }

    #kommentarKontakt .form-group {
        width: 75%;
        float: left;
        padding-left: 10px;
        margin: 10px 0;
    }

    .form-control {
        width: 40%;
        float: left;
        min-width: 250px;
    }

    .xxlarge {
        width: 50%;
        float: left;
        min-width: 300px;
    }

    #kommentarKontakt .xxlarge {
        /* width: 50%; */
        float: left;
        min-width: 100%;
    }

    .contentleft {
        width: 65%;
        float: left
    }

    .contentright {
        width: 30%;
        float: right
    }

    .contentsub1 {
        width: 90%;
        float: left;
    }

    .cmainsub {
        margin-left: 0;
        width: 44%;
        margin-right: 6%;
        position: relative
    }

    .footsub {
        /* width: 33%; */
        display: table;
    }

    .footsub:nth-child(3) {
        padding-right: 1%;
        /* text-align: right; */
    }

    p.zitat {
        font-size: 1.75rem;
        font-weight: 400;
        color: #f6420b;
        text-transform: uppercase;
        line-height: 1.4;
        font-family: Gilda Display, Open Sans, century gothic, avalon, Arial, Helvetica, sans-serif;
        margin: 0;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -o-hyphens: auto;
        hyphens: auto
    }
    
.accordion {
    color: #191616;
    cursor: pointer;
    padding: 10px 10px 10px 20px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 1rem;
    transition: 0.8s;
    font-weight: 500;
    background-color: #dadada;
    max-width: 600px;
}


.panel {
    padding: 5px 10px 5px 40px;
    background-color: #f8f7f7;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.8s ease-out;
    max-width: 550px;
}



.panel p:nth-child(1) {
    margin-top: 1.5rem;
}

.panel p:last-child {
    margin-bottom: 1.5rem;
}

.accordion:after {
    content: 'anschauen \002B';
    /* color: #777; */
    /* font-weight: bold; */
    float: right;
    margin-left: 5px;
    font-style: italic;
    font-size: 1.125rem;
}

.accordion:before {
    content: '';
    /* color: #777; */
    font-weight: bold;
    float: left;
    margin-right: 15px;
}

.contentsub1 .active:after {
    content: "schliessen \2212";
    transition: all 1s;
}
}

@media only screen and (min-width: 769px) {
    #logopic, #offcanvas, #offcanvasmenu {
        display: none
    }

    #dropin {
        /*top: 220px; 
    left: 100px; */
        /* bottom: 50px; */
        position: fixed;
        /* bottom: 100px; */
        /* width: 100%; */
    }

    #header, #nav {
        z-index: 10;
        position: relative
    }

    .gridContainer {
        width: 98%;
        max-width: 1600px;
        padding-left: 1%;
        padding-right: 1%;
        margin: auto;
        /* background: none; */
    }

    #header, #headernav, #nav, #sliding {
        width: 100%;
        float: left
    }

    #mainwrapstart, #nav {
        clear: both;
        margin-top: 0;
        display: block;
        box-sizing: border-box
    }

    #header {
        clear: both;
        display: block;
        margin: 0 -100%;
        padding: 0 100%
    }

    #headernav {
        clear: none;
        display: block;
        z-index: 11000;
        margin-top: 15px;
        text-align: right
    }

    #logopic {
        clear: none;
        float: left;
        margin-left: 0;
        width: 37.6779%
    }

    #headpic {
        clear: none;
        display: block;
        float: left;
        width: 70%;
    }

    #headpic h1 {
        font-size: 4rem
    }

    #headpic h2 {
        font-size: 3rem
    }

    .searchcontent {
        margin-top: 20px;
        float: right;
        /* width: inherit; */
        /* text-align: right; */
        display: block;
    }

    .socials {
        margin-top: 8px
    }

    #sliding {
        clear: both;
        margin-left: 0;
        display: block
    }

    .footsub:nth-child(3) {
        padding-right: 1%;
        text-align: right;
    }

    .contentsub1 {
        width: 60%;
        float: left
    }

    .contentleft {
        width: 65%;
        float: left;
        margin-left: 0;
        margin-bottom: 0
    }

    .contentright {
        width: 30%;
        float: right;
        box-sizing: border-box
    }

    #mainwrapstart {
        float: left;
        margin-left: 0;
        padding-bottom: 30px;
        width: 100%;
        box-shadow: 2px 4px 4px 0 rgba(88,88,88,.65);
        margin-bottom: 15px
    }

    .mainwrap {
        padding: 0
    }

    .content {
        width: 100%;
        overflow: hidden;
        display: block;
        box-sizing: border-box;
        float: left;
        min-height: 25rem;
        padding: 0 0 1rem;
        margin: 2rem 0 3rem;
    }

    #footerinner, #mainwrap {
        clear: both;
        margin-left: 0;
        display: block
    }

    .mainsub {
        clear: none;
        float: left;
        width: 47%;
        margin-right: 6%;
        box-sizing: border-box;
        border-bottom: 0;
    }

    .mainsub:nth-child(2) {
        margin-right: 0;
    }

    #mainwrap {
        float: left;
        width: 75%;
        margin-top: .7rem
    }

    .mainsub:nth-child(4) {
        margin-right: 0;
    }

    .mainsub img {
        float: none
    }

    .infolinkstart {
        position: absolute;
        bottom: 0
    }

    #footer {
        clear: both;
        float: left;
        width: 100%;
        display: block
    }

    #footer>ul {
        padding-left: 40px
    }

    #footerinner {
        float: left;
        width: 100%;
        padding: 1rem 0
    }

    .footsub {
        width: 33%
    }

    .mainsub ul.rechts {
        margin-right: 10%
    }

    article {
        -moz-column-count: 2;
        -moz-column-gap: 4rem;
        -webkit-column-count: 2;
        -webkit-column-gap: 4rem;
        column-count: 2;
        column-gap: 4rem
    }

    .heading, .content header h1 {
        font-size: 2.5rem;
        font-weight: 400;
        color: #f6420b;
        text-transform: uppercase;
        line-height: 1.2;
        font-family: Gilda Display, Open Sans, century gothic, avalon, Arial, Helvetica, sans-serif;
        margin: 0 0 1rem
    }

    p.zitat {
        font-size: 2.125rem;
        font-weight: 400;
        color: #f6420b;
        text-transform: uppercase;
        line-height: 1.3;
        font-family: Gilda Display, Open Sans, century gothic, avalon, Arial, Helvetica, sans-serif;
        margin: 0;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -o-hyphens: auto;
        hyphens: auto
    }

    .zitatfoot, p.zitatkl {
        font-size: 2rem;
        font-weight: 400;
        text-transform: uppercase;
        font-family: Gilda Display, Open Sans, century gothic, avalon, Arial, Helvetica, sans-serif
    }

    p.zitatkl {
        color: #f6420b;
        line-height: 1.4;
        margin: 1.8rem 0
    }

    .zitatfoot {
        color: #F6420B;
        line-height: 1.3;
        margin-left: 30px
    }

    .contentsub2 {
        width: 30%;
        float: left;
        margin-bottom: 1rem
    }

    .contentsub2 img {
        float: left;
        margin: 10px 50px 15px 0;
        border: 1px solid #cecdcd
    }

    .contentsub3 {
        width: 66%;
        float: right;
    }

    .contentsub1 h2.small {
        font-size: 1.65rem;
    }
}

.sf-menu, .sf-menu>li {
    float: left
}

@media only screen and (min-width: 900px) {
    .mainsub ul.rechts {
        margin-right: 25%
    }
}

@media only screen and (min-width: 950px) {
    .contentsub3 {
        width: 66%;
        float: right;
    }

    .mainsub {
        clear: none;
        float: left;
        margin-left: 0;
        width: 21.5%;
        width: 45%;
        display: block;
        margin-right: 8%;
        position: relative;
        border-bottom: none;
    }

    .nomarg {
        margin-right: initial;
    }

    .mainsub: nth-child(4) {
        margin-right: 0%;
    }

    p.zitat {
        font-size: 2.5rem;
        font-weight: 400;
        color: #f6420b;
        text-transform: uppercase;
        line-height: 1.3;
        font-family: Gilda Display, Open Sans, century gothic, avalon, Arial, Helvetica, sans-serif;
        margin: 0;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -o-hyphens: auto;
        hyphens: auto
    }
}

@media only screen and (min-width: 1050px) {
    h2 {
        font-size: 2rem;
    }

    .contentsub1 h2 {
        font-size: 2rem;
        color: #F6420B
    }

    .contentsub1 h2.small {
        font-size: 1.75rem;
    }

    .contentsub1 h1 {
        color: #F6420B;
        font-size: 2rem;
        margin-bottom: 1rem
    }

    p.big {
        font-size: 1.625rem;
        line-height: 1;
        margin: -15px 0 20px 0;
        color: #5f605d;
    }

    .mainsub {
        width: 22%;
        display: block;
        margin-right: 4%;
        position: relative;
        border-bottom: none;
    }

    .mainsub:nth-child(2) {
        margin-right: 4%;
    }

    h3 {
        font-size: 1.5rem
    }

    p.zitat {
        font-size: 2.75rem;
        font-weight: 400;
        color: #f6420b;
        text-transform: uppercase;
        line-height: 1.3;
        font-family: Gilda Display, Open Sans, century gothic, avalon, Arial, Helvetica, sans-serif;
        margin: 0;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -o-hyphens: auto;
        hyphens: auto
    }
}

#offcanvas ul li a, .sf-menu ul li {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto
}

@media only screen and (min-width: 1150px) {
    h2 {
        font-size: 2rem
    }

    #headpic h2 {
        font-size: 4rem;
    }

    .heading, .content header h1 {
        font-size: 3rem;
    }

    .content header h1 {
        font-size: 3rem;
    }

    .contentsub1 h2 {
        font-size: 2rem;
        color: #F6420B
    }

    .contentsub1 h1 {
        color: #F6420B;
        font-size: 2rem;
        margin-bottom: 1rem
    }

    h3 {
        font-size: 1.7rem
    }

    p.zitat {
        font-size: 2.5rem;
        line-height: 1.6
    }

    #dropin {
        position: fixed;
        /* bottom: 50px; */
    }
}

@media only screen and (min-width: 1230px) {
    h2 {
        font-size: 2.2rem;
    }

    .contentsub1 h2 {
        font-size: 2.2rem;
        color: #F6420B;
    }

    .contentsub1 h1 {
        color: #F6420B;
        font-size: 2.2rem;
        margin-bottom: 1rem
    }

    h3 {
        font-size: 1.8rem
    }
}

@media only screen and (min-width: 1450px) {
    p.zitat {
        font-size: 3rem;
        line-height: 1.6
    }
}

.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none
}

.sf-menu li {
    position: relative
}

.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99
}

.sf-menu a, .sf-menu li.sfHover>ul, .sf-menu li:hover>ul {
    display: block
}

.sf-menu ul ul {
    top: 0;
    left: 100%
}

#offcanvas {
    height: 400px;
    background: rgba(22,26,29,.3)
}

#offcanvas .sf-menu {
    min-height: 800px;
    overflow-x: hidden
}

.sf-menu {
    margin-bottom: 0;
    width: 100%
}

.sf-menu ul {
    min-width: 12em;
    width: 100%;
    background: rgba(254,254,250,.9)
}

.sf-menu ul:last-child {
    min-width: 10em
}

.sf-menu a {
    position: relative;
    padding: .5rem 0;
    margin: 0 auto;
    font-size: 2rem;
    zoom: 1; color: #333531;
    text-transform: uppercase;
    width: 100%
}

.sf-menu a.active, .sf-menu a:hover {
    color: #F6420B
}

.sf-menu li a .spacing {
    padding-left: 1rem
}

#offcanvas ul li a {
    padding: .8rem 0 .8rem .875rem;
    font-size: 1rem;
    border: none;
    border-bottom: 1px solid #fff;
    border-bottom: 1px dotted rgba(255,255,255,.4);
    zoom: 1; color: #f6420b;
    text-transform: uppercase;
    width: 100%;
    hyphens: auto
}

#offcanvasr ul li:first-child a {
    border-top: 1px solid #fff;
    border-top: 1px solid rgba(255,255,255,.4)
}

#offcanvas .sf-menu li {
    border-top: 1px solid rgba(7,28,51,.7)
}

.sf-menu li:first-child a {
    border-left: none;
    background: rgba(254,254,250,.95)
}

.sf-menu li {
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    transition: background .5s;
    text-align: left;
    overflow: visible;
    border: 0 solid red;
    #border-top:1px solid rgba(7,28,51,.7); }

.sf-menu>li: first-child {
    text-align: left
}

.sf-menu>li:nth-child(1) {
    width: 12%;
    margin-left: 0
}

.sf-menu>li:nth-child(2) {
    width: 26%;
    margin-left: 0
}

.sf-menu>li:nth-child(3) {
    width: 21%;
    margin-left: 1%
}

.sf-menu>li:nth-child(4) {
    width: 12%
}

.sf-menu>li:nth-child(5) {
    width: 15%
}

.sf-menu>li:nth-child(6) {
    width: 13%;
}

.menuakt12 {
    background: #494848
}

#offcanvas ul li {
    width: 100%;
    text-align: left;
    background: rgba(250,250,250,.8);
    margin-left: 0
}

#offcanvas li.sfHover, #offcanvas li:hover {
    background: #494848;
    background: rgba(22,26,29,.1);
    -webkit-transition: none;
    transition: none
}

#offcanvas .sf-menu>li:nth-child(2) {
    padding-left: 0
}

.sf-menu ul li {
    background: 0 0;
    width: 100%;
    text-align: left;
    border-top: 1px solid #CECDCD;
    border-top: 1px solid rgba(206,205,205,.7);
    padding-left: 4%;
    hyphens: auto
}

#offcanvas ul ul li, #offcanvas ul ul li:hover {
    #background:rgba(53,53,53,.95) }

#nav ul li ul li.leftmar {
    margin-left: 30px
}

.sf-menu ul li a {
    padding: .8rem .7rem .8rem 0;
    font-size: 1.5rem;
    zoom: 1; text-transform: uppercase;
    backgroundd: rgba(53,53,53,.7);
    border: none;
    font-weight: 400
}

.pfeile:after, .sf-arrows .sf-with-ul:after {
    margin-top: -3px;
    border: 5px solid transparent
}

#offcanvas ul ul {
    width: 100%
}

#offcanvas ul ul li a {
    padding: .8rem 0 .8rem .3rem;
    font-size: .95rem;
    zoom: 1; text-transform: none;
    width: 100%;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto
}

.pfeile, .pfeile1, .sf-arrows .sf-with-ul {
    padding-right: .2em
}

.pfeile1:after, .pfeile:after, .sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    height: 0;
    width: 0
}

#offcanvas ul ul li:hover {
    #background:#494848 }

.sf-menu ul ul li {
    background: #9AAEDB;
    backgroundj: none
}

.sf-menu li.sfHover, .sf-menu li:hover {
    lbackground: #494848;
    lbackground: rgba(7,27,51,.7);
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    transition: background .5s
}

.sf-arrows .sf-with-ul:after {
    right: 1em;
    border-top-color: #dFeEFF;
    border-top-color: rgba(255,255,255,.5)
}

.pfeile:after {
    right: 5rem;
    margin-left: 1rem;
    left: -15px;
    border-top-color: #dFeEFF;
    border-top-color: rgba(22,26,29,.5)
}

.pfeile1:after {
    rightf: 1em;
    margin-top: 0;
    margin-left: 1rem;
    border: 5px solid transparent;
    border-top-color: #dFeEFF;
    border-top-color: rgba(255,255,255,.5)
}

.sf-arrows>.sfHover>.sf-with-ul:after, .sf-arrows>li:hover>.sf-with-ul:after, .sf-arrows>li>.sf-with-ul:focus:after {
    border-top-color: #fff
}

.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent transparent transparent #dFeEFF;
    border-left-color: rgba(255,255,255,.5)
}

.sf-arrows ul .sfHover>.sf-with-ul:after, .sf-arrows ul li:hover>.sf-with-ul:after, .sf-arrows ul li>.sf-with-ul:focus:after {
    border-left-color: #fff
}

@media only screen and (min-width: 768px) {
    .sf-menu a {
        font-size: 1.25rem
    }

    .sf-menu ul li a {
        font-size: 1.125rem
    }

    #kommentarKontakt {
        float: left;
        margin-left: 210px;
        /* min-width: 200px; */
    }
}

@media only screen and (min-width: 900px) {
    .sf-menu a {
        font-size: 1.375rem
    }

    .sf-menu ul li a {
        font-size: 1.25rem
    }
}

@media only screen and (min-width: 1130px) {
    .sf-menu a {
        font-size: 1.75rem
    }

    .sf-menu ul li a {
        font-size: 1.25rem
    }
}

@media only screen and (min-width: 1340px) {
    .sf-menu a {
        font-size: 2rem
    }

    .sf-menu ul li a {
        font-size: 1.25rem
    }
}

@media only screen and (min-width: 1500px) {
    #kommentarKontakt {
        margin-left: 16%;
    }

/* default styles for extension "tx_form" */
		div.csc-mailform ol {
			list-style-type: none;
		}

		div.csc-mailform ol,
		div.csc-mailform ol li {
			margin: 0;
			padding: 0;
		}

		div.csc-mailform ol li {
			overflow: hidden;
		}

		div.csc-mailform fieldset {
			margin: 0;
			padding: 0;
			position: relative;
		}

		div.csc-mailform legend {
			margin-left: 1em;
			color: #000000;
			font-weight: bold;
		}

		div.csc-mailform fieldset ol {
			padding: 1em 1em 0 1em;
		}

		div.csc-mailform fieldset li {
			padding: 0.5em;
			margin-bottom: 0.5em;
			list-style: none;
		}

		div.csc-mailform fieldset.submit {
			border-style: none;
		}

		/**
		 * Normal label
		 * Left aligned, in front of input
		 */
		div.csc-mailform li label {
			float: left;
			width: 13em;
			margin-right: 1em;
			vertical-align: baseline;
		}

		div.csc-mailform li input + label,
		div.csc-mailform li textarea + label,
		div.csc-mailform li select + label {
			float: none;
			width: auto;
			margin-right: 0;
			margin-left: 1em;
		}

		div.csc-mailform li textarea + label {
			vertical-align: top;
		}

		label em,
		legend em {
			display: block;
			color: #060;
			font-size: 85%;
			font-style: normal;
			text-transform: uppercase;
		}

		legend em {
			position: absolute;
		}

		label strong,
		legend strong {
			display: block;
			color: #C00;
			font-size: 85%;
			font-weight: normal;
			text-transform: uppercase;
		}

		legend strong {
			position: absolute;
			top: 1.4em;
		}

		/**
		 * Labels alignment right
		 */
		.labels-alignment-right label,
		.labels-alignment-right .fieldset-subgroup legend,
		.labels-alignment-right.fieldset-subgroup legend {
			text-align: right;
		}

		/**
		 * Horizontal fieldset
		 */
		fieldset.fieldset-horizontal {
			border-width: 0;
		}

		fieldset.fieldset-horizontal ol {
			padding: 0;
		}

		fieldset.fieldset-horizontal li {
			float: left;
			padding: 0;
			margin-right: 1em;
		}

		fieldset.fieldset-horizontal.label-below label {
			display: block;
			margin-left: 0;
			margin-top: 0.2em;
			font-size: 90%;
			color: #999999;
			text-align: left;
		}

		fieldset.fieldset-horizontal label em {
			display: inline;
		}

		/**
		 * Subgroup fieldset
		 */
		fieldset.fieldset-subgroup {
			margin-bottom: -2em;
			border-style: none;
		}

		fieldset.fieldset-subgroup legend {
			margin-left: 0;
			padding: 0;
			font-weight: normal;
			width: 13em;
		}

		fieldset.fieldset-subgroup ol {
			position: relative;
			top: -1.4em;
			margin: 0 0 0 14em;
			padding: 0;
		}

		fieldset.fieldset-subgroup li {
			padding: 0;
		}

		fieldset.fieldset-subgroup input + label {
			float: none;
			width: auto;
			display: inline;
			margin: 0 0 0 1em;
		}

		/**
		 * Labels as block
		 * Labels displayed above or below the input fields
		 */
		.labels-block label {
			display: block;
			float: none;
			margin: 0 0 0.5em;
			width: auto;
		}

		.labels-block input + label,
		.labels-block textarea + label {
			margin: 0.5em 0 0;
		}

		.labels-block fieldset.fieldset-subgroup,
		fieldset.labels-block.fieldset-subgroup {
			margin-bottom: 0;
		}

		.labels-block .fieldset-subgroup legend,
		.labels-block.fieldset-subgroup legend {
			width: auto;
		}

		.labels-block .fieldset-subgroup legend em,
		.labels-block.fieldset-subgroup legend em {
			position: relative;
		}

		.labels-block .fieldset-subgroup legend strong,
		.labels-block.fieldset-subgroup legend strong {
			position: relative;
			top: 0;
		}

		.labels-block .fieldset-subgroup ol,
		.labels-block.fieldset-subgroup ol {
			top: 0;
			margin: 0;
			padding: 0.5em 0 0;
		}

		/**
		 * hide hidden elements
		 */
		.csc-form-element-hidden {
			display: none;
		}
/* default styles for extension "tx_contentratingextbase" */
	textarea.f3-form-error {
		background-color:#FF9F9F;
		border: 1px #FF0000 solid;
	}

	input.f3-form-error {
		background-color:#FF9F9F;
		border: 1px #FF0000 solid;
	}

	.tx-content-rating-extbase table {
		border-collapse:separate;
		border-spacing:10px;
	}

	.tx-content-rating-extbase table th {
		font-weight:bold;
	}

	.tx-content-rating-extbase table td {
		vertical-align:top;
	}

	.typo3-messages .message-error {
		color:red;
	}

	.typo3-messages .message-ok {
		color:green;
	}

/* default styles for extension "tx_frontend" */
    .ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }

    .ce-table td, .ce-table th { vertical-align: top; }

    .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

    .ce-left .ce-gallery, .ce-column { float: left; }
    .ce-center .ce-outer { position: relative; float: right; right: 50%; }
    .ce-center .ce-inner { position: relative; float: right; right: -50%; }
    .ce-right .ce-gallery { float: right; }

    .ce-gallery figure { display: table; margin: 0; }
    .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
    .ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
        border: 2px solid #000000;
        padding: 0px;
    }

    .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
        margin-bottom: 10px;
    }
    .ce-intext.ce-right .ce-gallery { margin-left: 10px; }
    .ce-intext.ce-left .ce-gallery { margin-right: 10px; }
    .ce-below .ce-gallery { margin-top: 10px; }

    .ce-column { margin-right: 10px; }
    .ce-column:last-child { margin-right: 0; }

    .ce-row { margin-bottom: 10px; }
    .ce-row:last-child { margin-bottom: 0; }

    .ce-above .ce-bodytext { clear: both; }

    .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

    /* Headline */
    .ce-headline-left { text-align: left; }
    .ce-headline-center { text-align: center; }
    .ce-headline-right { text-align: right; }

    /* Uploads */
    .ce-uploads { margin: 0; padding: 0; }
    .ce-uploads li { list-style: none outside none; margin: 1em 0; }
    .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
    .ce-uploads span { display: block; }

    /* Table */
    .ce-table { width: 100%; max-width: 100%; }
    .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
    .ce-table thead th { border-bottom: 2px solid #dadada; }
    .ce-table th, .ce-table td { border-top: 1px solid #dadada; }
    .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
    .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 2em; }
    .frame-space-before-medium { margin-top: 3em; }
    .frame-space-before-large { margin-top: 4em; }
    .frame-space-before-extra-large { margin-top: 5em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 2em; }
    .frame-space-after-medium { margin-bottom: 3em; }
    .frame-space-after-large { margin-bottom: 4em; }
    .frame-space-after-extra-large { margin-bottom: 5em; }

    /* Frame */
    .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
    .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
    .frame-indent { margin-left: 15%; margin-right: 15%; }
    .frame-indent-left { margin-left: 33%; }
    .frame-indent-right { margin-right: 33%; }

.tx-contentrating-pi1{position:relative;max-width: 100%;}
.tx-content-rating-rate-wrapper{position:relative;z-index:31;width:100%;height:22px;margin-left:55px;max-width: 175px;cursor:pointer;/* background: green; */}
.tx-content-rating-rate-full{position:absolute;height:22px;width:100%;background-image:url('../../../typo3conf/ext/content_rating_extbase/Resources/Public/star_inactive_big.png');transition: all .8s;}
.tx-content-rating-rate-value{position:absolute;height:22px;width:0;background-image:url('../../../typo3conf/ext/content_rating_extbase/Resources/Public/star_active_big.png');-webkit-transition:width 1s ease-in-out;-moz-transition:width 1s ease-in-out;-ms-transition:width 1s ease-in-out;-o-transition:width 1s ease-in-out;transition:width 1s ease-in-out}
.tx-content-rating-text-wrapper{position:relative;margin-top:6px;max-width: 350px;font-size: .9375rem;}
.tx-content-rating-text-left{float:left}
.tx-content-rating-text-right{float:right}
.tx-content-rating-clear{height:0;font-size:0;line-height:0;clear:both}
.tx-content-rating-line-wrapper{position:relative;z-index:30;height:8px;margin-top:-4px;}
.tx-content-rating-line-sep-big{/* display:none */}
.tx-content-rating-line-sep-small{/* display:none */}
.tx-content-rating-mouse-wrapper{position:absolute;width:100%}
.tx-content-rating-mouse-sep{position:absolute;height:22px;opacity:0;background-image:url('../../../typo3conf/ext/content_rating_extbase/Resources/Public/star_hover_big.png'); transition:all .8s}
.tx-content-rating-mouse-sep:hover{opacity:1; transition:all .8s;}
.tx-content-rating-mouse-hint{display:none;}
div.tx-contentrating-pi1 h3 {/* text-align:center */}
.tx-hideall {display:none; transition:all .7s;}




    @media only screen and (min-width:768px) {
        .tx-werit-products {
       float: left;
       margin-left: 210px;
       /* min-width: 200px; */
       
    }
    }

       @media only screen and (min-width:1500px) {
        .tx-werit-products {
      
      
       margin-left: 16%;
    }
    }