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

/* fira-sans-condensed-200italic - latin */
@font-face {
  font-family: 'Fira Sans Condensed';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/fira-sans-condensed-v10-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-condensed-v10-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-condensed-v10-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-condensed-v10-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-condensed-v10-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-condensed-v10-latin-200italic.svg#FiraSansCondensed') format('svg'); /* Legacy iOS */
}
/* fira-sans-condensed-300 - latin */
@font-face {
  font-family: 'Fira Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/fira-sans-condensed-v10-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-condensed-v10-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-condensed-v10-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-condensed-v10-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-condensed-v10-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-condensed-v10-latin-300.svg#FiraSansCondensed') format('svg'); /* Legacy iOS */
}
/* fira-sans-condensed-regular - latin */
@font-face {
  font-family: 'Fira Sans Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/fira-sans-condensed-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-condensed-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-condensed-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-condensed-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-condensed-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-condensed-v10-latin-regular.svg#FiraSansCondensed') format('svg'); /* Legacy iOS */
}

html, body { width: 100%; height: 100%; background-color: white; letter-spacing: .030em; font-family: "open sans", helvetica, sans-serif; font-weight: 300; color: #787878; font-size: 110%; line-height: 1.5em; padding: 0; margin: 0; -webkit-text-size-adjust: none; }

@media (max-width: 800px) { #main { font-size: 80%; line-height: 1.5em; } }
@media (min-width: 800px) and (max-width: 1040px) { #main { font-size: 90%; line-height: 1.5em; } }
header, main, footer { display: block; }

html { padding-bottom: 1px; }

body { height: auto; }

img { border: none; }

.containercontent img { max-width: 100%; height: auto; }

p { margin-top: 0; }

iframe { border: none; background: transparent; }

.p0 { padding: 0; }

.p1 { padding: 1em; }

.p2 { padding: 2em; }

.p3 { padding: 3em; }

.p4 { padding: 4em; }

.p5 { padding: 5em; }

.pt0 { padding-top: 0; }

.pt1 { padding-top: 1em; }

.pt2 { padding-top: 2em; }

.pt3 { padding-top: 3em; }

.pt4 { padding-top: 4em; }

.pt5 { padding-top: 5em; }

.pb0 { padding-bottom: 0; }

.pb1 { padding-bottom: 1em; }

.pb2 { padding-bottom: 2em; }

.pb3 { padding-bottom: 3em; }

.pb4 { padding-bottom: 4em; }

.pb5 { padding-bottom: 5em; }

.m0 { margin: 0; }

.m1 { margin: 1em; }

.m2 { margin: 2em; }

.m3 { margin: 3em; }

.m4 { margin: 4em; }

.m5 { margin: 5em; }

.mt0 { margin-top: 0; }

.mt1 { margin-top: 1em; }

.mt2 { margin-top: 2em; }

.mt3 { margin-top: 3em; }

.mt4 { margin-top: 4em; }

.mt5 { margin-top: 5em; }

.mb0 { margin-bottom: 0; }

.mb1 { margin-bottom: 1em; }

.mb2 { margin-bottom: 2em; }

.mb3 { margin-bottom: 3em; }

.mb4 { margin-bottom: 4em; }

.mb5 { margin-bottom: 5em; }

.hundertprozentiframe { width: 100%; }

.fullhundertprozentiframe { width: 100%; height: 100%; }

.schrift2 { font-family: "open sans", helvetica, sans-serif; }

.textwidth { max-width: 750px; margin: auto; }

.highlight, a.highlight { color: #e3672a; /*	text-transform: uppercase; */ }

.uppercase, .grossbuchstaben { text-transform: uppercase; }

.normal { font-size: 100%; }

.klein { font-size: 90%; }

.ganzklein { font-size: 60%; line-height: 1.2em; }

.gross { font-size: 120%; }

.fett { font-weight: bold; }

.light { font-weight: lighter; }

.kursiv { font-style: italic; }

.underline { text-decoration: underline !important; }

.nounderline { text-decoration: none !important; }

.rechts { text-align: right; }

.floatleft { float: left; }

.trenner { display: block; clear: both; height: 1px; font-size: 1px; }

.clear { clear: both; }

.nodecoration { text-decoration: none; }

.copyright { font-size: 90%; font-style: italic; }

a { color: #e3672a; transition: color linear .2s; text-decoration: underline; }

a:hover { transition: color linear .2s; color: black; cursor: pointer; }

a:focus { transition: color linear .2s; color: black; cursor: pointer; }

a.nolink { color: #787878; text-decoration: none; }

iframe { display: block; }

.color-highlight { color: #e3672a; }

.show { display: block !important; }

.visible { overflow: visible !important; }

.hide-all { display: none; }

.onlymobile { display: none; }

@media (max-width: 600px) { .onlymobile { display: block; } }
@media (max-width: 600px) { .nomobile { display: none; } }
.ie { display: none !important; }

.ucase { text-transform: uppercase; }

.cursor { cursor: pointer; }

hr { height: 1px; border: 0; background-color: #969696; display: inline-block; width: 100%; }

hr.hidden { height: 0; }

i { font-style: italic; }

b, strong { font-weight: 700; }

.nomargin { margin: 0; }

.content-center { text-align: center; }

.content-right { text-align: right; }

.content-left { text-align: left; }

.textright { text-align: right; }

.floatright { float: right; }

.mtop0 { margin-top: 0; }

.mtop10 { margin-top: 10px; }

.mtop20 { margin-top: 20px; }

.mtop30 { margin-top: 30px; }

.button { border: 1px solid #294c29; vertical-align: middle; padding: .2em 1em; color: #e3672a; font-size: 1em; font-family: "open sans", helvetica, sans-serif; vertical-align: middle; box-sizing: border-box; border-radius: 1em; display: inline-block; line-height: 1.5em; margin: 1em 0.5em 0 0.5em; text-decoration: none; cursor: pointer; text-transform: uppercase; }

.button:hover { transition: .25s linear; background-color: #e3672a; color: white; }

.imagebg .button, .colorbg .button { color: white; border: 1px solid white; background-color: transparent; }

.imagebg .button:hover, .colorbg .button:hover { /* background-color: $button-bg-color-hover-2; */ }

.colored .button, .coloredtrans .button, .coloredsecond .button, .coloredsecondtrans .button { color: white; border: solid 1px white; background: transparent; }

.colored .button:hover, .coloredtrans .button:hover, .coloredsecond .button:hover, .coloredsecondtrans .button:hover { background-color: rgba(255, 255, 255, 0.3); color: white; }

.roundimage { width: 200px; height: 200px; border: 3px solid #9c9c9d; border-radius: 100px; }

.imagelist { position: relative; }

.imagelist img { display: block; }

.imagelistdesc { position: absolute; bottom: 0; padding: 1em 5%; background: rgba(0, 0, 0, 0.4); color: white; width: 90%; min-height: 3em; }

.imagelist .imagelisthover { position: absolute; top: 0; height: 100%; width: 100%; }

.imagelist:hover .imagelisthover { background: rgba(227, 103, 42, 0.8); }

.imagelist:hover .imagelistdesc { background: none; }

.videocontainer { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }

.videocontainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.fullimage { background: no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 500px; }

.fullimageinline { background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 250px; background-position: 50% 50%; }

.boxedtext { padding: 2em; }

.boxedtextsmall { padding: 1em; }

.fullwidthheight { width: 100%; height: 100%; }

@media (max-width: 1200px) { .h1headline { padding-left: 0; }
  .box.sf-lg-col-1 .boxinhalt, .box.sf-lg-col-2 .boxinhalt { padding: 0 5%; } }
.imageboxedtext > .boxinhalt { padding: 2em; max-width: 600px; display: flex; flex-direction: column; justify-content: center; }

@media (min-width: 1040px) { .imageboxedtext > .boxinhalt { min-height: 550px; } }
@media (max-width: 1041px) { .imageboxedtext > .boxinhalt { max-width: 100%; } }
.nospace .boxinhalt { padding: 80px 40px 30px 80px; max-width: 750px; line-height: 1.3em; }

@media (max-width: 800px) { .nospace .boxinhalt { padding: 15px; } }
@media (min-width: 800px) and (max-width: 1040px) { .nospace .boxinhalt { padding: 15px; font-size: 90%; } }
@media (min-width: 1040px) and (max-width: 1200px) { .nospace .boxinhalt { padding: 30px; font-size: 90%; } }
.nospace img { display: block; }

.gradient { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, transparent 20%, transparent 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, transparent 20%, transparent 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, transparent 20%, transparent 100%); }

.googleoverlay { background: transparent; position: absolute; width: 100%; }

.alignright .boxinhalt { float: right; text-align: right; }

.content-center.alignright .boxinhalt { text-align: center; }

.content-left.alignright .boxinhalt { text-align: left; }

.specialcontainercontent { width: 750px; }

.responsive-video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }

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

p.roundbutton { display: table; margin: auto; }

span.roundbutton, a.roundbutton { text-decoration: none; border: solid 1px #e3672a; background: whitesmoke; border-radius: 5em; display: table-cell; width: 6em; height: 6em; padding: 1em; text-align: center; vertical-align: middle; }

span.roundbutton, a.roundbutton:hover { color: #e3672a; background: white; }

.box.sf-lg-col-1.imageboxedtext .boxinhalt, .box.sf-lg-col-2.imageboxedtext .boxinhalt { padding-top: 2em; padding-bottom: 2em; }

@media (max-width: 800px) { .imageboxedtext > .boxinhalt { min-height: 0; } }
header, section, footer, main, .likesection { width: 100%; display: block; }

@media screen and (min-width: 1202px x 20px) { header, section, footer { min-width: 1200px; } }
section, .likesection { position: relative; overflow: hidden; }

section.overflow, .likesection.overflow { overflow: visible; }

main section:nth-child(even), .secondcolor { background-color: whitesmoke; }

.likesection { background-color: white; }

.colored { background-color: #e3672a; color: white; }

.colored a { color: white; text-decoration: none; }

.coloredsecond { background-color: #294c29; color: white; }

.fullimage { color: white; }

.fullimage h1 { color: white; }

.nocolor { background-color: white; }

section::before, section::after { position: absolute; content: ''; }

.sectionouter { display: flex; flex-direction: column; }

.sectioninner { flex: 1; display: flex; flex-direction: column; }

.transitiontop svg, .transitionbottom svg { display: block; width: 100%; height: 20px; }

section.top-arrowup:before { display: block; position: absolute; content: ''; width: 100px; height: 100px; bottom: -50px; left: 50%; margin-left: -50px; background-color: #eeeeee; /** Change This Value ***/ -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 1; }

.sectionwgtrenner { height: 30px; }

div.dreieck { position: absolute; left: 50%; margin-left: -4em; width: 0px; height: 0px; -webkit-transform: rotate(360deg); border-style: solid; border-width: 3.6em 4em 0 4em; border-color: #e3672a transparent transparent transparent; color: white; z-index: 1; }

div.dreieck.bottom { bottom: 0; -webkit-transform: rotate(360deg); border-width: 0 4em 3.6em 4em; border-color: transparent transparent #e3672a transparent; }

div.dreieck div { position: absolute; top: -3.6em; left: -2.5em; width: 5em; height: 3em; text-align: center; display: flex; justify-content: center; align-items: center; }

div.dreieck.bottom div { top: 0.8em; }

div.dreieck div span { display: block; font-size: 70%; line-height: 1.3em; }

.containerbox { box-sizing: border-box; margin: 0 auto; padding: 4.5em 0 5em; position: relative; width: 1200px; margin: auto; }

.container { width: 100%; margin: 0 auto 0 auto; padding: 4.5em 0px 5em 0px; box-sizing: border-box; position: relative; flex: 1 0 auto; display: flex; flex-direction: column; height: 100%; }
.container.boxed { margin: auto; }

.container.textwidth { padding-right: 20px; padding-left: 20px; }

@media (min-width: 0) and (max-width: 1200px) { .containerbox { width: 100%; } }
.containerouter { flex: 1 0 auto; display: flex; flex-direction: column; width: 100%; height: 100%; }

.containerinner { flex: 1 0 auto; width: 100%; height: 100%; }

.containerinner.auto .containercontent { height: auto; }

h1, h2, h3, h4, h5, h6, .likeh1, .likeh2, .likeh3, .likeh4, .likeh5, .likeh6 { font-family: "fira sans condensed", arial, sans-serif; color: #787878; font-weight: 600; text-transform: none; line-height: 1.1em; }

.colored h1, .colored h2, .colored h3, .colored h4, .colored h5, .colored h6, .colored .likeh1, .colored .likeh2, .colored .likeh3, .colored .likeh4, .colored .likeh5, .colored .likeh6, .box.boxcolorbg h1, .box.boxcolorbg h2, .box.boxcolorbg h3, .box.boxcolorbg h4, .box.boxcolorbg h5, .box.boxcolorbg h6, .box.boxcolorbg .likeh1, .box.boxcolorbg .likeh2, .box.boxcolorbg .likeh3, .box.boxcolorbg .likeh4, .box.boxcolorbg .likeh5, .box.boxcolorbg .likeh6 { color: white; }

h1, .likeh1 { font-size: 2em; margin-bottom: 0.8em; margin-top: 0; font-weight: 600; }

@media (max-width: 800px) { h1, .likeh1 { font-size: 1.4em; } }
h2, .likeh2 { font-size: 1.4em; margin-bottom: 0.8em; line-height: 1.2em; margin-top: 0; font-weight: 600; }

@media (max-width: 800px) { h2, .likeh2 { font-size: 1.2em; line-height: 1.2em; } }
h3, .likeh3 { font-size: 1.2em; margin-bottom: 0.98em; line-height: 1.2em; }

h4, .likeh4 { font-weight: 700; line-height: 1.4em; }

h1.inv, .likeh1.inv, h2.inv, .likeh2.inv, h3.inv, .likh3.inv, h4.inv, .likeh4.inv, h5.inv, .likeh5.inv, h6.inv, .likeh6.inv { color: white; }

@media (max-width: 360px) { h1, .likeh1 { font-size: 1.4em; }
  h2, .likeh2 { font-size: 1.12em; } }
.access { height: 0; width: 0; position: absolute; left: -1000em; top: -1000em; overflow: hidden; }

.accessinline { height: 0; width: 0; overflow: hidden; }

#arealinks { left: -10000px; list-style-type: none; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; z-index: 1000; }

#arealinks li { font-size: 1em; line-height: 1.5em; margin-left: 0.8em; }

#arealinks .area:focus, #arealinks .area:active { left: 10000px; outline: 0 none; position: absolute; width: 100%; }

#arealinks a.area:focus, #areainks a.area:active { background: black; color: #fff; padding: 10px; text-decoration: none; }

.area { left: -10000px; position: absolute; top: -10000px; }

.area:focus, .area:active { left: 0; position: static; top: 0; }

.hide { height: 0; left: -1000em; overflow: hidden; position: absolute; top: -1000em; width: 0; }

.unhide { height: auto; left: auto; overflow: auto; position: relative; top: auto; width: auto; }

a.hide:focus { height: auto; left: auto; overflow: auto; position: relative; top: auto; width: auto; }

/* Entfernen des Links auf die aktuelle Seite ist Anforderung AAA - daher keine Ruecksicht darauf, sondern hidden hinweis in der Navigation - fuer normale Navigation waere es aber gut! */
#navigation a, #navigation span.likelink { color: black; text-decoration: none; }

header.sticky #navigation a, header.sticky #navigation span.likelink { color: black; }

#navigation li.act, #navigation li a.act, #navigation li.act > a, #navigation li.act > span.likelink { color: #e3672a; font-weight: 400; }

#navigation a:hover { color: #e3672a; }

#navigation li.act, header.sticky #navigation li a.act, header.sticky #navigation li.act > a, header.sticky #navigation li.act > span.likelink { color: #e3672a; font-weight: 400; }

header.sticky #navigation a:hover, header.sticky #navigation span.likelink:hover { color: #e3672a; }

#navigation ul { margin: 0; padding: 0; }

/* Navigation rechts ausgerichtet */
#navigation ul { float: right; }

#navigation li { list-style: none; margin: 0; padding: 0; float: left; padding: 7px 20px 0px 0; position: relative; }

#navigation ul li a, #navigation ul li span.likelink { margin-bottom: 8px; display: block; }

#navigation li { padding: 7px 10px 0px 25px; }

#navigation li:first-child { background: none; padding-left: 0; }

#navigation ul ul { position: absolute; top: 1.4em; left: 0; right: 0; width: 250px; display: none; margin: 10px 0px 0px 15px; padding: 0 10px 5px 10px; z-index: 1; background: white; border-top: solid 1px white; }

header.sticky #navigation ul ul a, header.sticky #navigation ul ul span.likelink { color: black; }

#navigation ul ul li { padding: 0; background: none; float: none; }

#navigation ul ul li:first-child { padding-top: 10px; }

#navigation ul li:hover ul { display: block; }

#navigation ul ul ul { border: 0 none; margin: 0; position: relative; top: 0; width: auto; padding: 0 0 5px 20px; }

#navigation ul ul ul li:first-child { padding-top: 0; }

.nav > li > a, .nav > li > span.likelink { padding: 10px; }

#showhidenavigation { display: none; cursor: pointer; font-size: 2em; margin: 0px 0 0.5em 0; text-align: right; }

@media (max-width: 900px) { #navigation li { padding: 7px 10px 0px 12px; } }
@media (max-width: 1200px) { #showhidenavigation { display: block; }
  #navigation ul { background: white; max-width: 100%; position: absolute; right: 0; top: 3em; width: 100%; display: none; }
  #navigation ul li { padding-bottom: 0px; border-bottom: solid 1px #f0f0f0; float: none; }
  #navigation ul li a { width: 85%; }
  .down { width: 1em; height: 1em; display: block; float: right; cursor: pointer; }
  .down:after { font-family: 'FontAwesome'; content: '\f063'; margin-right: 15px; }
  .down.open:after { font-family: 'FontAwesome'; content: '\f062'; margin-right: 15px; }
  #navigation ul ul, #navigation ul li:hover ul { display: block; float: none; position: relative; top: 0; left: 0; width: calc(100% - 10px); }
  #navigation ul ul li { border-bottom: 0; padding: 0; }
  header .box4 { flex: 1; }
  header .box1 { flex: 2; } }
.accordion { border-bottom: 2px solid #b1b1b1; border-top: 2px solid #b1b1b1; font-size: 80%; }

.accordion h3 { color: #606060; font-weight: 400; padding: 1em 3em 1em 1em; border-top: solid 1px #b1b1b1; margin: 0; cursor: pointer; position: relative; }

.accordion a { color: #606060; }

.accordion h3:first-child { border-top: 0; }

.accordion div, .accordion span.icon { padding: 0 1em 1em 1em; color: #606060; line-height: 1.5em; }

.accordion ul { margin: 0; }

.accordion .ui-accordion-content-active, .accordion .ui-accordion-header-active { background: #e5e5e5; }

.accordion .icon { background-image: url(../upload/design/plus.png); background-repeat: no-repeat; background-position: 50% 50%; position: absolute; top: 0.6em; right: 0.5em; height: 1em; }

.accordion .ui-accordion-header-active .icon { background-image: url(../upload/design/minus.png); }

form.footer { margin: 0; padding: 0; }

form.footer fieldset { margin: 0; padding: 0; border: none; }

form.footer legend, form.footer label { height: 0; left: -1000em; overflow: hidden; position: absolute; top: -1000em; width: 0; }

form.footer label.error { height: auto; left: auto; overflow: auto; position: relative; top: auto; width: auto; }

form.footer .errmsg { font-size: 90%; color: #dbe04c; }

form.footer input, form.footer textarea { width: 80%; background: #eeeeee; margin-bottom: 5px; padding: 3px 2%; border: none; font-family: "open sans", helvetica, sans-serif; font-size: 1em; }

form.footer input[type="submit"] { width: 80%; color: #eeeeee; background: grey; text-transform: uppercase; cursor: pointer; }

input[type=submit] { cursor: pointer; }

form.formular { width: 750px; margin: auto; padding: 0; }

form.formular fieldset { margin: 0; padding: 0; border: none; }

form.formular legend { color: #e3672a; padding-top: 1.5em; border-bottom: solid 1px #e3672a; margin-bottom: 0.5em; width: 100%; }

form.formular label { float: left; }

form.formular label.error { height: auto; left: auto; overflow: auto; position: relative; top: auto; width: auto; }

form.formular .errmsg { font-size: 90%; color: #e04c4c; }

form.formular input, form.formular textarea, form.formular select { width: 100%; background: white; margin-bottom: 5px; padding: 5px 10px; border: none; font-family: "open sans", helvetica, sans-serif; font-size: 1em; font-size: 90%; box-sizing: border-box; }

form.formular input[type="submit"] { border: 1px solid #e3672a; vertical-align: middle; padding: .2em 1em; color: #e3672a; font-size: 1.1em; font-family: "open sans", helvetica, sans-serif; vertical-align: middle; box-sizing: border-box; border-radius: 1em; display: inline-block; line-height: 1.5em; margin: 1em 0.5em 0 0.5em; text-decoration: none; cursor: pointer; text-transform: uppercase; }

form.formular input[type="submit"]:hover { transition: .25s linear; background-color: #505050; color: white; }

button { font-family: "open sans", helvetica, sans-serif; background: transparent none repeat scroll 0 0; border: medium none; color: white; font-size: 150%; cursor: pointer; }

button:hover { color: #294c29; }

form.formular input.checkbox { width: auto; float: left; margin-top: 9px; margin-right: 11px; }

form.formular legend { color: #e3672a; padding-top: 1.5em; border-bottom: solid 1px #e3672a; margin-bottom: 0.5em; width: 100%; }

@media (max-width: 1200px) { form.formular, form.formular label, form.formular input, form.formular textarea, form.formular select { width: 100%; float: none; } }
.einrueckung { display: block; margin-left: 1.5em; clear: left; }

header { position: fixed; background: white; padding: 10px 0 0 0; transition: all 0.4s ease; top: 0; z-index: 99999; }

header.sticky { padding: 10px 0 0px 0; background: white; -moz-box-shadow: 0 -12px 50px 0 #c8c8c8; -webkit-box-shadow: 0 -12px 50px 0 #c8c8c8; box-shadow: 0 -12px 50px 0 #c8c8c8; }

@media (min-width: 900px) { header.sticky { font-size: 90%; } }
#logo { height: 68px; transition: all 0.4s ease; text-align: left; }

#logo { text-align: left; margin: 19px 50px 17px 0; }

@media (max-width: 1240px) { #logo { margin-left: 15px; } }
.logoright #logo { margin-left: 15px; margin-right: 0; }

#logo img { height: 100%; }

header.sticky #logo { height: 34px; transition: all 0.4s ease; margin-bottom: 15px; }

header a { text-decoration: none; }

main { margin-top: 113px; }

@media (max-width: 600px) { header { position: relative; }
  #logo { height: 43px; }
  main { margin-top: 0; } }
.flex-container { display: flex; flex-wrap: wrap; flex-direction: row; list-style: none; margin: auto; padding: 0; width: 100%; }

.flex-container.reverse { flex-direction: column-reverse; width: 100%; }

.flex-container-center { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; list-style: none; margin: 0; padding: 0; width: 100%; }

.flex-container-right { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0; width: 100%; }

.flextop { display: flex; flex-direction: column; justify-content: flex-start; }

.flexmiddle { display: flex; flex-direction: column; justify-content: center; }

.flexbottom { display: flex; flex-direction: column; justify-content: flex-end; }

.flexleft { display: flex; flex-direction: row; justify-content: flex-start; }

.flexcenter { display: flex; flex-direction: row; justify-content: center; }

.flexright { display: flex; flex-direction: row; justify-content: flex-end; }

.flexleft .containercontent, .flexcenter .containercontent, .flexright .containercontent { display: flex; justify-content: center; align-items: center; }

.flextopleft { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; }

.flextopcenter { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }

.flextopright { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end; }

.flexmiddleleft { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }

.flexmiddlecenter { display: flex; flex-direction: column; justify-content: center; align-items: center; }

.flexmiddleright { display: flex; flex-direction: column; justify-content: center; align-items: flex-end; }

.flexbottomleft { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; }

.flexbottomcenter { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; }

.flexbottomright { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; }

.flex-container.m1 .box.border, .flex-container-center.m1 .box.border { border: solid 0.5em #969696; }

.flex-container.m2 .box, .flex-container-center.m2 .box { margin: 0 1%; }

.flex-container.m2 .box.border, .flex-container-center.m2 .box.border { border: solid 0.5em #969696; }

.flex-container .box.last, .flex-container-center .box.last { border: none; }

.flex-container .box.last.border, .flex-container-center .box.last.border { border: none; }

.colored .flex-container.m2 .box.border, .colored .flex-container-center.m2 .box.border, .coloredsecond .flex-container.m2 .box.border, .coloredsecond .flex-container-center.m2 .box.border { border-color: white; }

.sf-lg-col-1 { flex: 1; }

.sf-lg-col-2 { flex: 2; }

.sf-lg-col-3 { flex: 3; }

.sf-lg-col-4 { flex: 4; }

.sf-lg-col-5 { flex: 5; }

.sf-lg-col-6 { flex: 6; }

.sf-lg-col-7 { flex: 7; }

.sf-lg-col-8 { flex: 8; }

.sf-lg-col-9 { flex: 9; }

.sf-lg-col-10 { flex: 10; }

.sf-lg-col-11 { flex: 11; }

.sf-lg-col-12 { flex: 12; }

.box1 { flex: 1; }

.box2 { flex: 2; }

.box3 { flex: 3; }

.box4 { flex: 4; }

.box5 { flex: 5; }

.box6 { flex: 6; }

.box7 { flex: 7; }

.box8 { flex: 8; }

.box9 { flex: 9; }

.box10 { flex: 10; }

.box11 { flex: 11; }

.box12 { flex: 12; }

@media (max-width: 1040px) { .box { flex: 0 0 100%; } }
.box img { max-width: 100%; height: auto; }

.box img.image50 { max-width: 50%; }

.box img.image75 { max-width: 75%; }

.box.boxcolorbg { background: #e3672a; color: white; }

.box.boxcolorbg img { display: block; }

.sf-lg-row-4 .box { flex: 0 0 25%; }
.sf-lg-row-4 .box.border { flex: 0 0 calc(25% - 1em); padding-right: 0.5em; padding-left: 0.5em; }
.sf-lg-row-4.m1 .box { flex: 0 0 24%; right: 0.5%; margin-bottom: 1%; }
.sf-lg-row-4.m1 .box.border { flex: 0 0 calc(24% - 1em); padding-right: 0.5em; padding-left: 0.5em; }
.sf-lg-row-4.m2 .box { flex: 0 0 23%; margin: 0 1%; margin-bottom: 2%; }
.sf-lg-row-4.m2 .box.border { flex: 0 0 calc(23% - 1em); padding-right: 0.5em; padding-left: 0.5em; }
@-moz-document url-prefix() { .sf-lg-row-4.m1 .box { margin-bottom: 0.8em; }
  .sf-lg-row-4.m2 .box { margin-bottom: 1.5em; } }
@media (min-width: 600px) and (max-width: 1040px) { .sf-lg-row-4 .box { flex: 0 0 50%; }
  .sf-lg-row-4 .box.border { flex: 0 0 calc(50% - 1em); padding-right: 0.5em; padding-left: 0.5em; }
  .sf-lg-row-4.m1 .box { flex: 0 0 49%; }
  .sf-lg-row-4.m1 .box.border { flex: 0 0 calc(48% - 0.5em); padding-right: 0.5em; padding-left: 0.5em; }
  .sf-lg-row-4.m2 .box { flex: 0 0 48%; }
  .sf-lg-row-4.m2 .box.border { flex: 0 0 calc(47% - 0.5em); }
  @-moz-document url-prefix() { .sf-lg-row-4.m1 .box { margin-bottom: 0.8em; }
    .sf-lg-row-4.m2 .box { margin-bottom: 1.5em; } } }
@media (max-width: 600px) { .sf-lg-row-4 .box { flex: 0 0 100%; }
  .sf-lg-row-4 .box.border { flex: 0 0 calc(100% - 1em); padding-right: 0.5em; padding-left: 0.5em; }
  .sf-lg-row-4.m1 .box { flex: 0 0 99%; }
  .sf-lg-row-4.m1 .box.border { flex: 0 0 calc(98% - 0.5em); }
  .sf-lg-row-4.m2 .box { flex: 0 0 98%; }
  .sf-lg-row-4.m2 .box.border { flex: 0 0 calc(97% - 0.5em); } }
.sf-lg-row-3 .box { flex: 0 0 33.33%; }
.sf-lg-row-3.m1 .box { flex: 0 0 32%; margin: 0.5%; margin-bottom: 1%; }
.sf-lg-row-3.m1 .box.border { flex: 0 0 calc(32% - 0.5em); }
.sf-lg-row-3.m2 .box { flex: 0 0 31%; margin: 0 1%; margin-bottom: 2%; }
.sf-lg-row-3.m2 .box.border { flex: 0 0 calc(30% - 0.5em); }
@-moz-document url-prefix() { .sf-lg-row-3.m1 .box { margin-bottom: 0.8em; }
  .sf-lg-row-3.m2 .box { margin-bottom: 1.5em; } }
@media (max-width: 900px) { .sf-lg-row-3 .box { flex: 0 0 50%; }
  .sf-lg-row-3.m1 .box { flex: 0 0 50%; }
  .sf-lg-row-3.m2 .box { flex: 0 0 50%; }
  .sf-lg-row-3.m2 .box.border { flex: 0 0 49%; border: solid 0.5em #969696; }
  .sf-lg-row-3.m2 .box.border.last { border: none; } }
@media (max-width: 600px) { .sf-lg-row-3 .box { flex: 0 0 100%; }
  .sf-lg-row-3.m1 .box { flex: 0 0 100%; }
  .sf-lg-row-3.m2 .box { flex: 0 0 100%; }
  .sf-lg-row-3.m2 .box.border { flex: 0 0 100%; border: solid 0.5em #969696; }
  .sf-lg-row-3.m2 .box.border.last { border: none; } }
.sf-lg-row-2 .box { flex: 0 0 50%; }
.sf-lg-row-2.m1 .box { flex: 0 0 49%; margin: 0 0.5%; margin-bottom: 1%; }
.sf-lg-row-2.m1 .box.border { flex: 0 0 calc(48.5% - 0.5em); }
.sf-lg-row-2.m2 .box { flex: 0 0 48%; margin: 0 1%; margin-bottom: 2%; }
.sf-lg-row-2.m2 .box.border { flex: 0 0 calc(48% - 0.5em); }
.sf-lg-row-2 .box.lastrow { margin-bottom: 0; }
@-moz-document url-prefix() { .sf-lg-row-2.m1 .box { margin-bottom: 0.8em; }
  .sf-lg-row-2.m2 .box { margin-bottom: 1.5em; } }
@media (max-width: 800px) { .sf-lg-row-2 .box { flex: 0 0 100%; }
  .sf-lg-row-2.m1 .box { flex: 0 0 100%; }
  .sf-lg-row-2.m2 .box { flex: 0 0 100%; } }
.noflex-row-2 .box { width: 50%; float: left; }
.noflex-row-2.m1 .box { width: 49%; margin: 0 0.5%; margin-bottom: 1%; }
.noflex-row-2.m2 .box { width: 48%; margin: 0 1%; margin-bottom: 2%; }
.noflex-row-2 .box.lastrow { margin-bottom: 0; }
@-moz-document url-prefix() { .noflex-row-2.m1 .box { margin-bottom: 0.8em; }
  .noflex-row-2.m2 .box { margin-bottom: 1.5em; } }
.sf-lg-row-1 .box { flex: 0 0 100%; }
.sf-lg-row-1.m1 .box { flex: 0 0 100%; }
.sf-lg-row-1.m2 .box { flex: 0 0 100%; }
.sf-lg-row-1 .box.last { margin-right: 0; }

a.gridlink { text-decoration: none; }

.colored a.gridlink { color: white; }

.gridlist { list-style: none; margin: 0; padding: 0; }

.gridlist { padding: 0; position: relative; }

.gridlist img { width: 100%; display: block; }

.gridlist a { display: block; text-decoration: none; }

.gridlist .box { position: relative; }

.overlay { height: 0; width: 0; position: absolute; left: -1000em; top: -1000em; overflow: hidden; color: white; }

.overlayinlay { padding: 20px 30px; }

.gridlist.nooverlay .overlay { background: #e3672a; top: 0; left: 0; width: 100%; height: 100%; }

.gridlist a:hover .overlay, gridlist a:focus .overlay, .gridlist li.box:hover .overlay, .gridlist li.box:active .overlay { width: 100%; height: 100%; background: rgba(227, 103, 42, 0.8); position: absolute; top: 0; left: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.gridlist a:hover .overlay.secondcolor, .gridlist a:focus .overlay.secondcolor, .gridlist li.box:hover .overlay.secondcolor, .gridlist li.box:active .overlay.secondcolor { background: rgba(41, 76, 41, 0.8); }

.gridlist .text1 { position: absolute; bottom: 0px; left: 0px; color: white; background: rgba(227, 103, 42, 0.8); text-transform: uppercase; display: block; width: 100%; padding: 10px 4%; width: 92.1%; }

.gridlist .text1.secondcolor { background: rgba(41, 76, 41, 0.8); }

.gridlist .text1.v2 { background: none; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+25,0.65+77 */ background: -moz-linear-gradient(top, transparent 0%, transparent 25%, rgba(0, 0, 0, 0.65) 77%, rgba(0, 0, 0, 0.65) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, transparent 0%, transparent 25%, rgba(0, 0, 0, 0.65) 77%, rgba(0, 0, 0, 0.65) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, transparent 0%, transparent 25%, rgba(0, 0, 0, 0.65) 77%, rgba(0, 0, 0, 0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 */ }

.gridlist.nooverlay .text1 { display: none; }

.gridlist .text1 .headline { font-weight: 400; }

.gridlist a:hover > .text1, .gridlist a:focus > .text1, .gridlist .box:hover > .text1, .gridlist .box:active > .text1 { height: 0; width: 0; position: absolute; left: -1000em; top: -1000em; overflow: hidden; }

.gridlist .text2 { padding-bottom: 1em; display: block; }

.gridlist .text3 h2 { margin: 0 0 0.3em 0; font-size: 100%; text-transform: uppercase; }

.gridlist .text3 h3 { margin: 0; font-size: 100%; font-weight: normal; text-transform: uppercase; }

.gridlist .text3 a { color: white; }

.gridlist .text3 h2 { font-weight: 400; }

.gridlist .text3 a { display: inline; }

.gridlist .text4 { position: absolute; bottom: 1em; left: 0; width: 100%; text-align: center; bottom: 3em; }

.borderboxheader { margin-top: -1px; }

.borderbox { margin-top: 1px; margin-right: 1px; }

.borderbox .overlay { border-right: solid 1px white; }

.overlay p:last-child { margin-bottom: 0; }

footer { clear: both; font-size: 90%; line-height: 1.4em; background: #294c29; position: relative; color: #e3672a; }

footer .sf-lg-row-4 .box { flex: 0 0 25%; padding-bottom: 1em; margin-bottom: 2em; }
footer .sf-lg-row-4.m1 .box { flex: 0 0 24.25%; margin-right: 1%; margin-bottom: 1%; }
footer .sf-lg-row-4.m2 .box { flex: 0 0 23.5%; margin-right: 2%; margin-bottom: 2%; }
footer .sf-lg-row-4 .box.last, footer .sf-lg-row-4.m1 .box:nth-child(4n), footer .sf-lg-row-4.m2 .box:nth-child(4n) { margin-right: 0; }

@media (max-width: 1040px) { footer .box, footer .flex-container .box.last { border-bottom: solid 1px white !important; margin-bottom: 2em !important; } }
@media (min-width: 600px) and (max-width: 1040px) { footer .sf-lg-row-4 .box, footer .sf-lg-row-3 .box { flex: 0 0 50%; }
  footer .sf-lg-row-4.m1 .box, footer .sf-lg-row-3.m1 .box { flex: 0 0 49%; }
  footer .sf-lg-row-4.m2 .box, footer .sf-lg-row-3.m2 .box { flex: 0 0 48%; } }
@media (max-width: 600px) { footer .sf-lg-row-4 .box, footer .sf-lg-row-3 .box { flex: 0 0 100%; }
  footer .sf-lg-row-4.m1 .box, footer .sf-lg-row-3.m1 .box { flex: 0 0 99%; }
  footer .sf-lg-row-4.m2 .box, footer .sf-lg-row-3.m2 .box { flex: 0 0 98%; } }
footer ul { margin: 0; padding: 0 0 1em 0; list-style: none; }

footer a { text-decoration: none; color: #e3672a; }

footer a:hover { color: black; }

footer h4 { margin: 0 0 0.5em 0; text-transform: uppercase; color: #e3672a; }

#lastline { background: none; text-align: center; min-height: 2em; }

@media (max-width: 1240px) { #lastline { padding: 0 20px; } }
#lastline p { margin-bottom: 0; }

footer a.smacsocial { color: #e3672a; }

.smacfacebook .fa:hover { color: #3b5998; }

.smactwitter .fa:hover { color: #4bb8e2; }

.smacyoutube .fa:hover { color: #db3b1b; }

.smacinstagram .fa:hover { color: #a27358; }

.smacsoundcloud .fa:hover { color: #ff3c02; }

.smacgoogle .fa:hover { color: #db3b1b; }

#navigation { padding: 1em 0 0 0; transition: all 0.4s ease; }

@media (max-width: 1240px) { #navigation { margin-right: 15px; } }
header.sticky #navigation { padding-top: 6px; transition: all 0.4s ease; }

/* Navigation rechts ausgerichtet */
#navigation ul { float: right; }

td, th { vertical-align: top; text-align: left; }

td.rechts, th.rechts { text-align: right; }

td.center, th.center { text-align: center; }

th.nowrap, td.nowrap { white-space: nowrap; }

.liketable .row { border-bottom: solid 1px grey; padding: 0.3em 0; }

.liketable .row { border-bottom: solid 1px #b8b8b8; }

.liketable .row.first { font-size: 90%; border-bottom: solid 1px #8b8b8b; }

.liketable tr td:nth-child(even) { background: #f7f7f7; }

.liketable a { text-decoration: none; }

table.datatable { border-collapse: collapse; width: 100%; }

table.datatable th { font-size: 90%; font-weight: normal; vertical-align: top; }

table.datatable thead tr { border-bottom: 1px solid #8b8b8b; }

table.datatable tbody tr { font-size: 90%; border-bottom: 1px solid #b8b8b8; }

table.datatable tbody tr:nth-child(even) { background: #f7f7f7; }

table.datatable td { vertical-align: top; padding: 0.7em 3em 0.7em 0; }

.rwd-table { border-collapse: collapse; }

.rwd-table th { border-bottom: solid 2px #969696; font-size: 85%; text-transform: uppercase; padding: 2px 10px; font-weight: 300; }

.rwd-table td { border-bottom: solid 1px #969696; padding: 2px 10px; }

.rwd-table td.col1 { font-weight: bold; }

.rwd-table tr td:nth-child(even) { background-color: #f9f9f9; }

.rwd-table tr:hover td { background-color: rgba(227, 103, 42, 0.8); }

@media (max-width: 735px) { .rwd-table td:first-child { width: 109px; } }
.rwd-table td:before { content: attr(data-th); width: 6.5em; display: inline-block; }

@media (min-width: 600px) { .rwd-table td:before { display: none; } }
@media (max-width: 600px) { .rwd-table td:before { float: left; width: 120px; }
  .rwd-table td:first-child { width: 100% !important; }
  .rwd-table td, .rwd-table tr:last-child td { overflow: hidden; width: 100%; }
  td:first-child:before { display: none; }
  .rwd-table tr:first-child { display: none; }
  .rwd-table td { display: inline-block !important; }
  .rwd-table tr:nth-child(even) { background-color: transparent; }
  .rwd-table td.rwdhide { display: none !important; } }
.colored { background-color: #e3672a; color: white; }

.coloredtrans { background-color: rgba(227, 103, 42, 0.8); }

.colored a { color: white; text-decoration: none; }

.coloredsecond { background-color: #294c29; color: white; }

.coloredsecondtrans { background-color: rgba(41, 76, 41, 0.8); }

.fullimage, .fullimage a { color: white; }

.nocolor { background-color: white; }

.colorbg { background-color: rgba(227, 103, 42, 0.8); }

.boxed { width: 1200px; }

@media (max-width: 1200px) { .boxed { width: 90%; }
  #header .boxed { width: 100%; padding-left: 1%; padding-right: 1%; } }
.textwidth { max-width: 750px; }

@media (max-width: 1200px) { .textwidth { max-width: 100%; } }
.fullimage { min-height: 500px; }

.likesection .fullimage { min-height: 800px; }

.padding { padding: 4.5em 0px 5em 0px; }

.nopadding { padding: 0; }

.first, .smalltop { padding-top: 1em; }

.zerotop { padding-top: 0em; }

.zero { padding-top: 0; padding-bottom: 0; }

.zerobottom { padding-bottom: 0; }

.smallbottom { padding-bottom: 1em; }

.small { padding-top: 1em; padding-bottom: 1em; }

.auto { width: auto; }

.mtn { margin-top: -4em; }

span.fa { position: relative; }

.fa a { display: block; width: 100%; height: 100%; position: absolute; top: 0px; z-index: 100; text-decoration: none; }

.fa-angle:hover .fa-angle-down:before { content: "\f103"; }

.smac-icon { display: inline-block; font-size: 0px; cursor: pointer; margin: 15px 30px; width: 90px; height: 90px; text-align: center; position: relative; z-index: 1; color: #e3672a; }

.smac-icon:before { display: block; font-size: 48px; line-height: 90px; text-transform: none; }

.smac-icon:hover { color: #294c29; }

.smac-icon-qr a { display: block; width: 100%; height: 100%; position: absolute; top: 0px; z-index: 100; border: solid 4px #e3672a; margin-top: -4px; margin-left: -4px; color: #e3672a; }

.smac-icon-diagbg { background: #294c29; background: -moz-linear-gradient(45deg, #222d36 0%, #222d36 49%, #294c29 50%, #294c29 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, #222d36), color-stop(49%, #222d36), color-stop(50%, #294c29), color-stop(100%, #294c29)); background: -webkit-linear-gradient(45deg, #222d36 0%, #222d36 49%, #294c29 50%, #294c29 100%); background: -o-linear-gradient(45deg, #222d36 0%, #222d36 49%, #294c29 50%, #294c29 100%); background: -ms-linear-gradient(45deg, #222d36 0%, #222d36 49%, #294c29 50%, #294c29 100%); background: linear-gradient(45deg, #222d36 0%, #222d36 49%, #294c29 50%, #294c29 100%); }

.smac-icon-diagbg:hover { background: #e3672a; }

.pfeilrechts:before { content: "\2039\00a0"; }

.jcarousel { position: relative; overflow: hidden; }

.jcarousel ul, .jcarousel .likeul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; }

.jcarousel li, .jcarousel .likeli { float: left; }

.jcarousel .box { flex: 0 0 auto; }

.jcarousel-pagination { text-align: center; }

.jcarousel-pagination a { border-top: 4px solid #b6bdc1; display: inline-block; font-size: 0; height: 10px; margin-right: 10px; width: 30px; }

.jcarousel-pagination a.active { border-color: #e3672a; }

.colored .jcarousel-pagination a.active { border-color: white; }

.jcarousel-prev, .jcarousel-next { position: absolute; top: 35%; color: white; font-size: 2em; margin-top: 0.5em; }

.jcarousel-prev { left: 10px; }

.jcarousel-next { right: 10px; }

.container.boxed .jcarousel-prev { left: -30px; }
.container.boxed .jcarousel-next { right: -30px; }

.jcarousel-prev img, .jcarousel-next img { width: 3em; }

.jcarousel li, .jcarousel .likeli { height: 400px; margin: 0 2px; position: relative; border: solid 2px white; }

.jcarousel li img, .jcarousel .likeli img { max-height: 100%; }

.jcarousel li .text, .jcarousel .likeli .text { height: 0; left: -1000em; overflow: hidden; position: absolute; top: -1000em; width: 0; }

.jcarousel li .text div, .jcarousel .likeli .text.div { max-width: 75%; }

.jcarousel-prev, .jcarousel-next { top: 44%; z-index: 1; }

.container.boxed .gallerysmall .jcarousel-prev, .container.boxed .gallerysmall .jcarousel-next { top: 44%; }
.container.boxed .gallerysmall .jcarousel-prev { left: 5px; }
.container.boxed .gallerysmall .jcarousel-next { right: 5px; }

.gallerysmall .jcarousel li { border: none; }

img.teaserimg { max-width: 200px; margin-right: 1em; }

.flex-container.gsearch { border-bottom: solid 1px #e3672a; padding: 1.5em 0 1em 0; }

.searchnavigation ul { list-style: none; margin: 0; padding: 0; text-align: right; }

.searchnavigation ul li { display: inline-block; padding: 3px; }

.searchnavigation ul li.disabled { display: none; }

.searchnavigation ul li.active { background: #e3672a; border: solid 1px #e3672a; border-radius: 1em; padding: 0 0.4em; }

.searchnavigation ul li.active a { color: white; }

.searchnavigation ul li a { text-decoration: none; }

.searchnavigation ul li:first-child a, .searchnavigation ul li:last-child a { text-decoration: underline; }

.gsearch h1, .gsearch h2, .gsearch h3, .gsearch h4, .gsearch h5, .gsearch h6, .gsearch .likeh1, .gsearch .likeh2, .gsearch .likeh3, .gsearch .likeh4, .gsearch .likeh5, .gsearch .likeh6 { margin-bottom: 0; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .fullimage .container { min-height: 500px; } }
html, body { font-weight: 400; }

body { background: url("../upload/design/baum.png"); background-position: top right; background-repeat: no-repeat; background-size: 400px; }

@media screen and (min-width: 1600px) { body { background: url("../upload/design/baum.png"); background-position: 80% 0%; background-repeat: no-repeat; background-size: 400px; } }
h1, h2, h3, h4, h5, h6, .likeh1, .likeh2, .likeh3, .likeh4, .likeh5, .likeh6 { font-weight: 300; color: #e3672a; }

.grau { color: #b6bdc1; }

header { background: none; border-bottom: solid 1px #e2e2e2; }

header.sticky { background: white; }

#logo { margin-bottom: 10px; }

#navigation ul { margin-top: 44px; font-family: "fira sans condensed", arial, sans-serif;  font-weight: 200;}

header.sticky #logo { height: 50px; margin-top: 9px; }

header.sticky #navigation ul { margin-top: 34px; }

#navigation ul { margin-bottom: -2px; }

#navigation li { padding: 0px; margin: 0 10px; }

#navigation ul li.act { border-bottom: solid 4px #e3672a; }

#navigation ul li a, #navigation ul li span.likelink { margin-bottom: 3px; }

#navigation ul ul { top: 1.6em; width: 160px; margin: 0px 0 0 -10px; padding: 10px 10px 5px 10px; background: none; border: none; }

header.sticky #navigation ul ul { background: white; top: -5px; padding-top: 5px; }

#navigation ul ul li:first-child { padding-top: 0; }

#navigation ul ul li.act { border-bottom: solid 1px #e3672a; }

#navigation ul ul li { background: none; margin: 0; padding: 0; }

#main { margin-top: 0; padding-top: 107px; }
@media (max-width: 900px) { #main { padding-top: 80px; } }
@media (max-width: 600px) { #main { padding-top: 0; } }

.likesection { background-color: transparent; }

a.pfeil, span.pfeil { font-weight: 500; text-decoration: none; font-style: italic; font-size: 90%; }

a.pfeil:before, span.pfeil:before { content: " "; background: url("../upload/design/pfeil.png"); background-repeat: no-repeat; background-size: contain; background-position: center; display: inline-block; height: 12px; width: 18px; margin: 0 4px 0 12px; }

.boxcolorbg .boxinhalt, .gridlist .boxinhalt { padding: 2em; }
.boxcolorbg h2:after, .gridlist h2:after { content: " "; background: url("../upload/design/strich-weiss.svg"); background-repeat: no-repeat; background-size: contain; width: 80px; height: 2px; display: block; background-position: left; padding-top: 0.4em; }
.boxcolorbg p:last-child, .gridlist p:last-child { margin-bottom: 0; }
.boxcolorbg a, .gridlist a { color: white; }

.boxcolorbg.wg, .boxcolorbg.wo { background: white; }

.boxcolorbg.wg:nth-child(1) .boxinhalt { padding: 2em 0; }

.boxcolorbg:nth-child(2) { background: #294c29; }

.boxcolorbg.wo:nth-child(2) { background: #e3672a; }

.headline { font-size: 2em; font-family: "fira sans condensed"; line-height: 1.3em; font-weight: 200; color: #e3672a; }

.subline { font-size: 1.5em; font-family: "fira sans condensed"; line-height: 1.3em; font-weight: 200; color: #294c29; }

#footer { background: #294c29 url(../upload/design/baum-weiss.png); background-repeat: no-repeat; background-position: right; background-size: contain; }

#footer .headline { font-family: "fira sans condensed", arial, sans-serif; font-weight: 200; color: white; font-size: 2.5em; line-height: 1.2em; }

#footer .subline { font-family: "fira sans condensed", arial, sans-serif; font-weight: 200; color: white; font-size: 1.5em; line-height: 1.1em; padding-top: 0.4em; }

#footer strong { font-weight: 600; }

.gridlist.nooverlay .overlay { position: relative; background: rgba(227, 103, 42, 0.5); }

.gridlist.nooverlay .overlay.secondcolor { background: rgba(41, 76, 41, 0.5); }

.gridlist.nooverlay .overlay.nocolor { background: rgba(0, 0, 0, 0.3); }

.gridlist a:hover .overlay, gridlist a:focus .overlay, .gridlist li.box:hover .overlay, .gridlist li.box:active .overlay { position: relative; }

.gridlist h2 { color: white; font-weight: 700; }

.gridlist .text4 { left: auto; text-align: right; bottom: 1em; right: 2em; }

.overlayinlay { padding: 2em 2em 2.5em 2em; }

.mitglieder.gridlist.nooverlay .overlay { background: none; }

.mitglieder.gridlist, .mitglieder.gridlist a { color: #787878; }

.mitglieder.gridlist a:hover { color: white; }

.text2 { padding-top: 1em; margin-top: 2em; border-top: solid 1px #787878; }

.mitglieder.gridlist a:hover .text2 { border-top: solid 1px white; color: black;}

.memberimg { height: 145px; display: flex; align-items: center; justify-content: center; }

.memberimg img { max-height: 100%; width: auto; }

.mitglieder .text2 { font-size: 90%;  color: black;}
.mitglieder .text4 { color: black;}

.mitglieder.flex-container .box:nth-child(8n+1), .mitglieder.flex-container .box:nth-child(8n+3), .mitglieder.flex-container .box:nth-child(8n+6), .mitglieder.flex-container .box:nth-child(8n+8) { background: #eeeeee; }
.mitglieder.flex-container .box:nth-child(8n+2), .mitglieder.flex-container .box:nth-child(8n+4), .mitglieder.flex-container .box:nth-child(8n+5), .mitglieder.flex-container .box:nth-child(8n+7) { background: white; }

@media (max-width: 1040px) { .mitglieder.flex-container .box:nth-child(4n+1), .mitglieder.flex-container .box:nth-child(4n+4) { background: #eeeeee; }
  .mitglieder.flex-container .box:nth-child(4n+2), .mitglieder.flex-container .box:nth-child(4n+3) { background: white; } }
@media (max-width: 600px) { .mitglieder.flex-container .box:nth-child(odd) { background: #eeeeee; }
  .mitglieder.flex-container .box:nth-child(even) { background: white; } }
.col { width: 47%; float: left; margin-right: 3%; }

.logos .box { flex: 0 0 12.5%; }

@media (max-width: 1040px) { .logos .box { flex: 0 0 25%; } }
@media (max-width: 400px) { .logos .box { flex: 0 0 50%; } }
.logos .box:before { content: ""; display: block; padding-top: 100%; }

.logos .box .boxinner { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.logos .box .boxinner a { width: 100%; }

.logos .box .boxinner img { max-width: 80%; margin: auto; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); }

.logos .box:nth-child(16n+1), .logos .box:nth-child(16n+3), .logos .box:nth-child(16n+5), .logos .box:nth-child(16n+7), .logos .box:nth-child(16n+10), .logos .box:nth-child(16n+12), .logos .box:nth-child(16n+14), .logos .box:nth-child(16n+16) { background: #eeeeee; }
.logos .box:nth-child(16n+2), .logos .box:nth-child(16n+4), .logos .box:nth-child(16n+6), .logos .box:nth-child(16n+8), .logos .box:nth-child(16n+9), .logos .box:nth-child(16n+11), .logos .box:nth-child(16n+13), .logos .box:nth-child(16n+15) { background: white; }

@media (max-width: 1040px) { .logos .box:nth-child(8n+1), .logos .box:nth-child(8n+3), .logos .box:nth-child(8n+6), .logos .box:nth-child(8n+8) { background: #eeeeee; }
  .logos .box:nth-child(8n+2), .logos .box:nth-child(8n+4), .logos .box:nth-child(8n+5), .logos .box:nth-child(8n+7) { background: white; } }
@media (max-width: 400px) { .logos .box:nth-child(4n+1), .logos .box:nth-child(4n+4) { background: #eeeeee; }
  .logos .box:nth-child(4n+2), .logos .box:nth-child(4n+3) { background: #eeeeee; } }
.jcarousel li, .jcarousel .likeli { height: 330px; }

@media (max-width: 1200px) { 
  #navigation ul { top: 1.5em; padding-top: 10px; }
  #navigation ul li { padding-top: 3px; padding-left: 10px; }
  #navigation ul li:first-child { padding-left: 10px; }
  #navigation ul li a { display: block; }
  #navigation ul li.act { border-bottom: solid 1px #e2e2e2; }
  #navigation ul li.act:first-child a { border-bottom: none; }
  #navigation ul ul { display: block; top: 0; padding-top: 0; padding-left: 30px; width: auto;}
  #navigation ul ul li.act, #navigation ul ul li.act:first-child a { border-bottom: none; }
  #navigation ul li:first-child { padding-left: 0px; } 
  header.sticky #navigation ul ul {margin-top:0;}
}



figure {
display:none;
}

.owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; }
#owl-news.owl-carousel .owl-item .item {background: rgba(41, 76, 41, 0.3); height:410px; }
@media (max-width: 900px) {
#owl-news.owl-carousel .owl-item .item {min-height:410px; height:auto; }
}

.owl-carousel { display: none; width: 100%; z-index: 1; }

.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; }

.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; }

.owl-carousel .owl-item img { display: block; width: 100%; }

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; }

.no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; }

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel.owl-loading { opacity: 0; display: block; }

.owl-carousel.owl-hidden { opacity: 0; }

.owl-carousel.owl-refresh .owl-item { visibility: hidden; }

.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel.owl-grab { cursor: move; cursor: grab; }

.owl-carousel.owl-rtl { direction: rtl; }

.owl-carousel.owl-rtl .owl-item { float: right; }

.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both; }

.owl-carousel .owl-animated-in { z-index: 0; }

.owl-carousel .owl-animated-out { z-index: 1; }

.owl-carousel .fadeOut { animation-name: fadeOut; }

@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
.owl-height { transition: height .5s ease-in-out; }

.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease; }

.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; }

.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }

.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease; }

.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; }

.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease; }

.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }

.owl-item .item { display: flex; padding: 0; margin: 0; }

.owl-carousel { position: relative; height: 100%; }

.owl-item .gradient { flex: 1; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, transparent 90%, transparent 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, transparent 90%, transparent 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, transparent 90%, transparent 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

.owl-text { margin-left: 50%; max-width: 40%; color: white; }

.owl-text-half { width: 50%; float: left; }

.owl-text-half .bild { padding: 40px 20px 40px 40px; }
.owl-text-half .text { padding: 40px 40px 40px 20px; }

.owl-text h2 { font-weight: 400; color: white; }

.owl-text a { text-decoration: none; color: white; }

.owl-down { position: absolute; bottom: 1em; width: 100%; color: white; text-align: center; cursor: pointer; }

.owl-carousel .owl-item .owl-down img { width: auto; margin: 0 auto; }

.owl-theme .owl-nav { text-align: center; font-size: 2em; margin-top: -0.5em; position: absolute; z-index: 9; top: 50%; left: 0; right: 0; }

.owl-theme .owl-nav [class*='owl-'] { color: white; margin: 5px; padding: 4px 7px; display: inline-block; cursor: pointer; border-radius: 3px; z-index: 99; }
#owl-news.owl-theme .owl-nav [class*='owl-'] { color: #e3672a;}

.owl-theme .owl-nav .owl-prev { position: absolute; left: 0; }

.owl-theme .owl-nav .owl-next { position: absolute; right: 0; }

.owl-theme .owl-nav [class*='owl-']:hover { color: #e3672a; text-decoration: none; }
#owl-news.owl-theme .owl-nav [class*='owl-']:hover { color: #294c29;}

.owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; }

.owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; }

.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; }

.gallerysmall { max-width: 100%; }

.gallerysmall .owl-theme .owl-nav .owl-buttons div { padding: 0; margin: 0; }

#owl-slider .item { height: 800px; }

.owl-item .gradient { background: none rgba(0, 0, 0, 0.3); flex: none; width: 100%; }

.owl-theme .owl-nav .owl-prev { top: -16px; }

.owl-down { width: 30px; left: 50%; margin-left: -15px; }

.owl-text { margin-left: 10%; max-width: 50%; display: flex; align-items: center; margin-top: 0; text-shadow: 0px 0px 8px #000000; }

.owl-text a.button { background: #e3672a; border:none; border-radius:0; margin-left:0;}

.owl-text a.button:hover { background: #294c29; }

.owl-text h1, .likeh1 { color: white; }

#owl-news .owl-item .item { max-width: 1000px; margin-left: 30px; }

/* #owl-news { margin-top: 5em; margin-bottom: 2em; }
.owl-text-half { color: white; } */

@media (max-width: 1240px) {
  #owl-news .owl-item .item { max-width: 960px; }
 }
@media (max-width: 1040px) {
  #owl-news .owl-item .item { max-width: 820px; } }
@media (max-width: 900px) { #owl-news .owl-item .item { margin-left: 30px; margin-right: 30px; } }
@media (max-width: 900px) {
  .owl-item .gradient { width: 100%; }
  .owl-text { margin-left: 15%; max-width: 70%; }
  #owl-news .owl-item .item { max-width: 600px; display: block; background: #d8ebe9; }
  .owl-text-half { width: 100%; }

}

@media (max-width: 600px) {
  #owl-news .owl-item .item { max-width: 400px; }
}
@media (max-width: 440px) { #owl-news .owl-item .item { max-width: 360px; } }

 

ul.news {
	list-style:none;
}

ul.news li {
	border-bottom: solid 1px #787878;
	padding:2em 0;
}

ul.news li:hover {
	background: rgba(41, 76, 41, 0.3);
}

ul.news li:hover .text {
	color:black;
}


ul.news .text {
	color:#787878;
	padding-top:1em;
}

a.normal {
	text-decoration:none;
}

a.paging {
	text-decoration:none;
	border: solid 1px #e3672a;
	margin-right:5px;
	padding:3px;
}

a.paging:hover, a.paging.act {
	background:#e3672a;
	color:white;
}

@media (max-width: 1200px) {
.box.sf-lg-col-1.boxcolorbg .boxinhalt {
padding:2em;
}
}

.presseeintrag {display:flex; margin-bottom:1em;}
.pressefoto {margin-right:2em; min-width:100px;}
.pressetext {align-self:center;}