@font-face { font-family: 'pantonregular'; src: url("panton-regular-webfont.eot"); src: url("panton-regular-webfont.eot?#iefix") format("embedded-opentype"), url("panton-regular-webfont.woff2") format("woff2"), url("panton-regular-webfont.woff") format("woff"), url("panton-regular-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'pantonbold'; src: url("panton-bold-webfont.eot"); src: url("panton-bold-webfont.eot?#iefix") format("embedded-opentype"), url("panton-bold-webfont.woff2") format("woff2"), url("panton-bold-webfont.woff") format("woff"), url("panton-bold-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; }

*:focus { outline: none; }

* { margin: 0; padding: 0; }

*, :before, *:after { margin: 0; padding: 0; box-sizing: border-box; }

@page { margin: 5% 10mm;
  size: A4 portrait; }

html { min-height: 100%; height: 100%; }

body { margin: 0; padding: 0; min-height: 100%; height: 100%; background-color: #FFF; color: #999999; font-size: 16px; font-family: "PT Serif", sans-serif; -webkit-text-size-adjust: 100%; overflow-x: hidden; }

a { color: #333; text-decoration: none; }

a:hover { color: #000; text-decoration: underline; }

a:active, a:focus { outline: none; }

.alignright { text-align: right; }

.floatright { float: right; }

@media only screen and (min-width: 481px) and (max-width: 736px) { .floatright { float: none; display: block; margin-bottom: 10px; } }

@media only screen and (max-width: 480px) { .floatright { float: none; display: block; margin-bottom: 10px; } }

.floatleft { float: left; }

@media only screen and (min-width: 481px) and (max-width: 736px) { .floatleft { float: none; display: block; margin-bottom: 10px; } }

@media only screen and (max-width: 480px) { .floatleft { float: none; display: block; margin-bottom: 10px; } }

.clearboth { clear: both; }

.clearleft { clear: left; }

.clearright { clear: right; }

a:active, a:focus { outline: none; }

p { margin-bottom: 22px; }

p, ul, ol { line-height: 140%; font-size: 1rem; }

b, strong { font-weight: 700; }

h1 { margin-bottom: 14px; font-family: "pantonregular", sans-serif; color: #B65617; text-transform: none; font-weight: 400; font-size: 1.8rem; line-height: 125%; letter-spacing: 0px; }

@media only screen and (min-width: 481px) and (max-width: 736px) { h1 { margin-bottom: 10px; font-size: 1.4rem; } }

@media only screen and (max-width: 480px) { h1 { margin-bottom: 10px; font-size: 1.4rem; } }

h2 { margin-bottom: 12px; font-family: "pantonregular", sans-serif; color: #B65617; text-transform: none; font-weight: 400; font-size: 1.125rem; line-height: 1.2; letter-spacing: 0px; }

@media only screen and (min-width: 481px) and (max-width: 736px) { h2 { margin-bottom: 12px; font-size: 0.875rem; } }

@media only screen and (max-width: 480px) { h2 { margin-bottom: 12px; font-size: 0.875rem; } }

h3 { margin-bottom: 10px; font-family: "PT Serif", sans-serif; color: #666666; text-transform: none; font-weight: 400; font-size: 1.4rem; line-height: 1; letter-spacing: 0px; }

@media only screen and (min-width: 481px) and (max-width: 736px) { h3 { font-size: 0.750rem; } }

@media only screen and (max-width: 480px) { h3 { font-size: 0.750rem; } }

h4 { margin-bottom: 0px; font-family: "PT Serif", sans-serif; color: #666666; text-transform: none; font-weight: 400; font-size: 1rem; line-height: 1; letter-spacing: 0px; }

h5 { margin-bottom: 0px; font-family: "PT Serif", sans-serif; color: #666666; text-transform: none; font-weight: 400; font-size: 1rem; line-height: 1; letter-spacing: 0px; }

h6 { margin-bottom: 0px; font-family: "PT Serif", sans-serif; color: #666666; text-transform: none; font-weight: 400; font-size: 1rem; line-height: 1; letter-spacing: 0px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { font-style: normal; text-decoration: none; color: #999999; }

p::selection { background-color: #666666; color: #FFF; }

p::-moz-selection { background-color: #666666; color: #FFF; }

b::selection { background-color: #666666; color: #FFF; }

b::-moz-selection { background-color: #666666; color: #FFF; }

span::selection { background-color: #666666; color: #FFF; }

span::-moz-selection { background-color: #666666; color: #FFF; }

h1::selection { background-color: #666666; color: #FFF; }

h1::-moz-selection { background-color: #666666; color: #FFF; }

h2::selection { background-color: #666666; color: #FFF; }

h2::-moz-selection { background-color: #666666; color: #FFF; }

h3::selection { background-color: #666666; color: #FFF; }

h3::-moz-selection { background-color: #666666; color: #FFF; }

h4::selection { background-color: #666666; color: #FFF; }

h4::-moz-selection { background-color: #666666; color: #FFF; }

ul, ol { margin: 0 0 20px 0px; padding: 0; }

.csc-textpic-text ul, .csc-textpic-text ol, .csc-textpic-text ul, .csc-textpic-text ol, .news ul, .news ol { margin: 0 0 20px 16px; padding: 0; }

ul.dash { margin: 0; padding: 0; list-style: none; }

ul.dash li { padding-left: 14px; background: url(../img/dash_00.gif) no-repeat 0px 7px; }

ul.post li { padding: 0 0 0 20px; background: url(../img/dash_01.gif) no-repeat scroll left top transparent; color: #555555; list-style: none outside none; }

sup, sub { line-height: 0px; }

table { margin: 0 0 20px 0; border-collapse: collapse; font-size: 1rem; }

th { border-bottom: 1px solid #999999; text-align: left; font-weight: 700; }

td { padding: 0 10px 0 0; vertical-align: top; }

caption { text-align: left; }

.divider { margin: 0; padding: 0; border: none; }

.divider hr { margin: 0px 0px 40px 0px; height: 0px; border: 0px solid transparent; border-top: 1px dotted #999999; border-bottom: 0; }

.nopadding { padding: 0; }

.nomargin { margin: 0; }

a.totop { padding: 0 0 0 13px; background: url(../img/totop.png) no-repeat; background-image: url(../img/totop.svg), none; background-size: 7px 8px; background-position: 0px 7px; background-repeat: none; font-size: 1rem; }

span.strike { text-decoration: line-through; }

a.internal-link-new-window { display: inline-block; color: #FFF; line-height: 1.5rem; font-size: 0.75rem; background: #666666; border-radius: 4px; padding: 6px 17px; text-transform: uppercase; letter-spacing: 1px; }

a.internal-link-new-window:hover { background: #999999; box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.1); text-decoration: none; }

.arabic_rtl { direction: rtl; }

.arabic_rtl p { font-size: 1rem; }

div.infobox { background: #FFF; padding: 20px; font-family: "pantonregular", sans-serif; }

span.csc-sword { color: #666666; }

DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px; }

DIV.csc-textpic DIV.csc-textpic-single-image IMG { margin-bottom: 10px; }

DIV.csc-textpic-imagecolumn, TD.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 10px; }

DIV.csc-textpic-intext-left .csc-textpic-imagewrap, DIV.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { margin-right: 10px; }

DIV.csc-textpic-intext-right .csc-textpic-imagewrap, DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { margin-left: 10px; }

@media only screen and (min-width: 481px) and (max-width: 736px) { DIV.csc-textpic-intext-right .csc-textpic-imagewrap, DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: left; margin-left: 0px; width: 100%; } }

@media only screen and (max-width: 480px) { DIV.csc-textpic-intext-right .csc-textpic-imagewrap, DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: left; margin-left: 0px; width: 100%; } }

DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG, DIV.csc-textpic-border DIV.csc-textpic-single-image IMG { padding: 0; border: 1px solid #999999; }

#parkcontent { position: relative; margin: 0 auto; padding: 0 10px 0 10px; min-width: 290px; min-height: 500px; height: 100%; background: url("../img/bg_park.jpg") no-repeat center bottom; color: #FFF; text-align: center; font-weight: 200; font-size: 24px; font-family: 'Raleway', sans-serif; }

#parkcontent h1 { margin-top: 50px; color: #FFF; font-weight: 700; font-size: 36px; font-family: 'Raleway', sans-serif; }

#parkcontent .detail { font-size: 14px; }

#parkcontent a { color: #FFF; text-decoration: none; }

#parkcontent a:hover { text-decoration: underline; }

.bodyclass { background: #333; }

#page404 { margin: 0 auto; margin: 80px 0 0 0; width: 400px; text-align: center; }

#page404 p { color: #FFF; font-size: 11px; font-family: "Courier New", Courier, monospace; }

.to_top_link { position: fixed; bottom: 50px; right: 50px; z-index: 999999; display: block; width: 35px; height: 35px; background: url(../img/to-top.png) no-repeat; background-image: url(../img/to-top.svg); background-repeat: no-repeat; background-size: 35px 35px; cursor: pointer; }

.to_top_link:hover { background: url(../img/to-top-hover.png) no-repeat; background-image: url(../img/to-top-hover.svg); background-size: 35px 35px; background-repeat: no-repeat; }

.to_top_link a { display: block; width: 100%; height: 100%; text-indent: -9999px; }

header { height: 155px; background: #FFF; }

#headlogo { position: absolute; top: 35px; left: 50px; width: 566px; height: 73px; }

#headlogo img { border: none; }

#headlogo h1 { margin: 0; padding: 0; display: inline-block; float: left; }

#headlogo h1 a { display: block; width: 210px; height: 73px; background: url(../img/logo.png) no-repeat; background-image: url(../img/logo.svg), none; background-size: 100% auto; background-repeat: none; text-indent: -9999px; }

#headlogo h2 { margin: 0; padding: 0; display: inline-block; float: left; }

@media only screen and (min-width: 481px) and (max-width: 736px) { #headlogo h2 { display: none; } }

@media only screen and (max-width: 480px) { #headlogo h2 { display: none; } }

#headlogo h2 a { display: block; width: 356px; height: 73px; background: url(../img/logo_flag.png) no-repeat; background-image: url(../img/logo_flag.svg), none; background-size: 100% auto; background-repeat: none; text-indent: -9999px; }

#headnavi { font-family: "pantonregular", sans-serif; height: 54px; font-size: 1rem; float: left; padding-left: 172px; width: 850px; }

#headnavi ul { display: block; margin: 0px; padding: 0px; list-style: none; }

#headnavi ul li { position: relative; z-index: 200; padding: 0 5px 0 0; margin: 0; display: inline-block; }

#headnavi ul li a { font-size: 1rem; display: block; height: 54px; padding: 16px 14px 0 14px; color: #666666; text-decoration: none; }

#headnavi ul li a.aktiv, #headnavi ul li a:hover, #headnavi ul li:hover a { display: block; height: 54px; padding: 16px 14px 0 14px; color: #666666; text-decoration: none; background: #DBDBE7; background: rgba(219, 219, 231, 0.6); }

#headnavi ul li ul { position: absolute; top: 53px; left: 0px; z-index: 200; display: none; overflow: hidden; box-sizing: border-box; margin: 0px; padding: 0px; width: 300px; height: auto; text-align: left; border: 1px solid #EBEBEB; background: #FFF; }

#headnavi ul li:hover ul { display: block; -webkit-animation: fadeIn 0.4s; animation: fadeIn 0.4s; }

#headnavi ul li ul li { z-index: 200; display: block; margin: 0px; padding: 0px; margin: 0; }

#headnavi ul li ul li a, #headnavi ul li:hover ul li a { padding: 10px 14px 8px 14px; line-height: 110%; background: #FFF; background: rgba(255, 255, 255, 0.9); color: #666666; height: auto; font-size: 0.875rem; }

#headnavi ul li ul li a:hover, #headnavi ul li:hover ul li a:hover { padding: 10px 14px 8px 14px; line-height: 110%; background: #DBDBE7; background: rgba(219, 219, 231, 0.6); color: #666666; height: auto; font-size: 0.875rem; }

#flag_content { display: block; width: auto; height: 200px; padding: 30px 20px 20px 20px; position: absolute; top: -200px; left: 0px; background: #F4F8FF; border-left: 1px solid #979797; border-right: 1px solid #979797; border-bottom: 2px solid #979797; z-index: 999999; }

@media only screen and (min-width: 481px) and (max-width: 736px) { #flag_content { height: 300px; top: -300px; } }

@media only screen and (max-width: 480px) { #flag_content { height: 300px; top: -300px; } }

#flag_content img { margin-bottom: 10px; }

#flag { z-index: 999999; position: absolute; bottom: -56px; left: 23px; width: 40px; height: 54px; background: url(../img/flag.png) no-repeat; background-image: url(../img/flag.svg), none; background-size: 100% auto; background-repeat: none; text-indent: -9999px; cursor: pointer; }

#flag_close { position: absolute; top: 10px; right: 18px; width: 20px; height: 20px; background: url(../img/flag_close.png) no-repeat; background-image: url(../img/flag_close.svg), none; background-size: 100% auto; background-repeat: none; text-indent: -9999px; cursor: pointer; z-index: 999999; top: -200px; }

#flag_close:hover { background: url(../img/flag_close_hover.png) no-repeat; background-image: url(../img/flag_close_hover.svg), none; background-size: 100% auto; background-repeat: none; }

@media only screen and (min-width: 481px) and (max-width: 736px) { #flag_close { display: none; } }

@media only screen and (max-width: 480px) { #flag_close { display: none; } }

#minilogo { display: block; background-image: url(../img/minilogo.png); background-image: url(../img/minilogo.svg); background-repeat: no-repeat; background-size: 100%; width: 54px; height: 54px; position: absolute; top: -54px; left: 105px; }

@media only screen and (min-width: 769px) and (max-width: 1024px) { #minilogo { display: none; } }

@media only screen and (min-width: 737px) and (max-width: 768px) { #minilogo { display: none; } }

@media only screen and (min-width: 481px) and (max-width: 736px) { #minilogo { display: none; } }

@media only screen and (max-width: 480px) { #minilogo { display: none; } }

#metanavi { height: 30px; font-family: "pantonregular", sans-serif; font-size: 1rem; float: right; background: #888888; padding-left: 8px; color: #FFF; }

#metanavi ul { display: block; margin: 0px; padding: 0px; list-style: none; }

#metanavi ul li { position: relative; z-index: 200; padding: 0 13px 0 0; margin: 0; display: inline-block; }

#metanavi ul li a { font-size: 1rem; display: block; height: 30px; padding: 3px 0px 0 14px; margin-right: 5px; color: #FFF; text-decoration: none; }

#metanavi ul li a.aktiv, #metanavi ul li a:hover, #metanavi ul li:hover a { display: block; height: 30px; padding: 3px 0px 0 14px; margin-right: 5px; color: #FFF; text-decoration: underline; }

#smnavi { position: absolute; z-index: 200; text-align: right; width: 130px; padding-top: 7px; right: 20px; }

@media only screen and (min-width: 769px) and (max-width: 1024px) { #smnavi { right: 54px; box-sizing: content-box; width: 250px; } }

@media only screen and (min-width: 737px) and (max-width: 768px) { #smnavi { right: 54px; box-sizing: content-box; width: 250px; } }

@media only screen and (min-width: 481px) and (max-width: 736px) { #smnavi { right: 54px; box-sizing: content-box; width: 250px; } }

@media only screen and (max-width: 480px) { #smnavi { right: 54px; box-sizing: content-box; width: 250px; } }

#smnavi ul { display: block; margin: 0px; padding: 0px; list-style: none; }

#smnavi ul li { padding: 0px 10px 0px 0px; margin: 0; display: inline-block; }

#smnavi ul li:last-child { padding: 0; }

#smnavi ul li.smsearchli { display: none; }

@media only screen and (min-width: 769px) and (max-width: 1024px) { #smnavi ul li.smsearchli { display: inline-block; } }

@media only screen and (min-width: 737px) and (max-width: 768px) { #smnavi ul li.smsearchli { display: inline-block; } }

@media only screen and (min-width: 481px) and (max-width: 736px) { #smnavi ul li.smsearchli { display: inline-block; } }

@media only screen and (max-width: 480px) { #smnavi ul li.smsearchli { display: inline-block; } }

.smbuttons { display: block; width: 34px; height: 34px; background-size: 34px 34px; background-repeat: none; text-indent: 99999px; opacity: 0.6; }

.smbuttons:hover { opacity: 1; }

.smsearch { background-image: url(../img/lupe_navi.png); background-image: url(../img/lupe_navi.svg); }

.sm94 { background-image: url(../img/sm_twitter.png); background-image: url(../img/sm_twitter.svg); }

.sm95 { background-image: url(../img/sm_rss.png); background-image: url(../img/sm_rss.svg); }

.sm93 { background-image: url(../img/sm_newsletter.png); background-image: url(../img/sm_newsletter.svg); }

.sm185 { background-image: url(../img/sm_newsletter.png); background-image: url(../img/sm_newsletter.svg); }

a.meanmenu-reveal { display: none; }

.mean-container { text-transform: normal; font-weight: 400; font-size: 1rem; font-family: "pantonregular", sans-serif; z-index: 200; }

.mean-container .mean-bar { position: relative; z-index: 800; float: none; margin: 0; padding: 0px; min-height: 5px; width: 100%; border: none; border-bottom: none; background: none; }

.mean-container a.meanmenu-reveal { position: absolute; top: -206px; left: 180px; display: block; padding: 8px 16px 8px 8px; width: 26px; height: 24px; background: none; color: #666666; text-decoration: none; text-indent: -9999rem; font-weight: 700; font-size: 18px; font-family: "pantonregular", sans-serif; line-height: 22px; cursor: pointer; }

.mean-container a.meanmenu-reveal span { display: block; margin-top: 3px; height: 4px; background: #666666; }

.mean-container .mean-nav { float: none; margin-top: 0px; width: 100%; background: #FFF; }

.mean-container .mean-nav ul { margin: 0 0 1px 0; padding: 0; width: 100%; list-style-type: none; }

.mean-container .mean-nav ul li { position: relative; float: none; width: 100%; }

.mean-container .mean-nav ul li a { display: block; float: none; margin: 0; padding: 0.5rem 5%; width: 90%; border-bottom: 1px solid #FFF; background: #666666; color: #FFF; text-align: center; text-decoration: none; font-size: 1rem; }

.mean-container .mean-nav ul li li a { visibility: visible; padding: 8px 10%; width: 80%; border-bottom: 1px solid #666666; text-shadow: none !important; background: #999999; }

.mean-container .mean-nav ul li.mean-last a { margin-bottom: 0; border-bottom: none; }

.mean-container .mean-nav ul li li li a { padding: 8px 15%; width: 70%; }

.mean-container .mean-nav ul li li li li a { padding: 8px 20%; width: 60%; }

.mean-container .mean-nav ul li li li li li a { padding: 8px 25%; width: 50%; }

.mean-container .mean-nav ul li a:hover { background: #666666; color: #FFF; }

.mean-container .mean-nav ul li a.mean-expand { position: absolute; top: 0; right: 0; z-index: 2; padding: 7px 12px 12px 14px !important; width: 20px; height: 10px; border: none !important; text-align: left; font-weight: 400; background: none; }

.mean-container .mean-nav .wrapper { margin: 0; padding: 0; width: 100%; }

.mean-container .mean-push { float: left; clear: both; margin: 0; padding: 0; width: 100%; }

.mean-container .mean-bar, .mean-container .mean-bar * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

nav.csc-default { display: block; }

.indexmenu ul { margin: 0; padding: 0; list-style-type: none; }

.indexmenu ul li a { line-height: 190%; font-family: "pantonregular", sans-serif; font-size: 1rem; color: #999999; }

.indexmenu ul li a:hover, .indexmenu ul li a.aktiv { color: #000; text-decoration: none; }

.indexmenu ul li ul { margin-left: 16px; }

#sliderwrapper { position: relative; display: block; width: 100%; height: 420px; }

@media only screen and (min-width: 481px) and (max-width: 736px) { #sliderwrapper { height: 380px; } }

@media only screen and (max-width: 480px) { #sliderwrapper { height: 380px; } }

#outerslider { position: absolute; top: 0px; left: 0; display: block; overflow: hidden; width: 100%; height: 420px; }

@media only screen and (min-width: 481px) and (max-width: 736px) { #outerslider { height: 210px; } }

@media only screen and (max-width: 480px) { #outerslider { height: 210px; } }

#sliderslider { position: relative; left: -700px; margin-left: 50%; width: 1400px; height: 420px; }

@media only screen and (min-width: 481px) and (max-width: 736px) { #sliderslider { left: -350px; width: 700px; height: 210px; } }

@media only screen and (max-width: 480px) { #sliderslider { left: -350px; width: 700px; height: 210px; } }

@media only screen and (min-width: 481px) and (max-width: 736px) { #sliderslider img { height: 210px; width: auto; } }

@media only screen and (max-width: 480px) { #sliderslider img { height: 210px; width: auto; } }

#slidercontentwrapper { position: relative; margin: 0 auto; width: 100%; max-width: 1050px; }

@media only screen and (min-width: 737px) and (max-width: 768px) { #slidercontentwrapper { width: 728px; } }

@media only screen and (min-width: 481px) and (max-width: 736px) { #slidercontentwrapper { width: 100%; } }

@media only screen and (max-width: 480px) { #slidercontentwrapper { width: 100%; } }

#slidercontent { position: absolute; top: 0px; left: 0px; z-index: 1000; display: block; padding: 18px 37px 0px 37px; width: 320px; background-color: #666666; color: #FFF; }

@media only screen and (min-width: 481px) and (max-width: 736px) { #slidercontent { margin: 0 auto; position: relative; z-index: 1000; display: block; padding: 18px 0px 4px 0px; width: 440px; background-color: none; background: none; } }

@media only screen and (max-width: 480px) { #slidercontent { margin: 0 auto; position: relative; z-index: 1000; display: block; padding: 18px 0px 4px 0px; width: 280px; background-color: none; background: none; } }

#slidercontent h1 { color: #FFF; font-size: 1rem; }

@media only screen and (min-width: 481px) and (max-width: 736px) { #slidercontent h1 { font-size: 0.875rem; } }

@media only screen and (max-width: 480px) { #slidercontent h1 { font-size: 0.875rem; } }

#slidercontent p { color: #FFF; font-size: 1.688rem; line-height: 120%; }

@media only screen and (min-width: 481px) and (max-width: 736px) { #slidercontent p { font-size: 1.500rem; } }

@media only screen and (max-width: 480px) { #slidercontent p { font-size: 1.500rem; } }

/* ---------------------------------- */
/* ==Grids                            */
/* ---------------------------------- */
[class*="grid-"] { display: table-cell; display: flex; display: -webkit-flex; display: -ms-flexbox; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; margin-left: -20px; }

[class*="grid-"] > * { flex: 0 0 auto; -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; display: block; /* IE fix */ border-left: 20px solid transparent; background-clip: padding-box !important; /* no background on border */ float: left; }

@media only screen and (min-width: 481px) and (max-width: 736px) { [class*="grid-"] > * { border-left: 20px solid transparent; } }

@media only screen and (max-width: 480px) { [class*="grid-"] > * { border-left: 20px solid transparent; } }

.grid-2 > * { width: 50%; }

.grid-2 > .flexitem-double { width: 100%; }

@media (min-width: 737px) and (max-width: 1024px) { .grid-2 > * { width: 50%; }
  .grid-2 > .flexitem-double { width: 50%; } }

@media (min-width: 481px) and (max-width: 768px) { .grid-2 > * { width: 50%; }
  .grid-2 > .flexitem-double { width: 100%; } }

@media (max-width: 480px) { .grid-2 > * { width: 100%; }
  .grid-2 > .flexitem-double { width: 100%; } }

.grid-3 > * { width: 33.33333%; }

.grid-3 > .flexitem-double { width: 66.66667%; }

@media (min-width: 737px) and (max-width: 1024px) { .grid-3 > * { width: 33.3333%; }
  .grid-3 > .flexitem-double { width: 66.6666%; } }

@media (min-width: 481px) and (max-width: 768px) { .grid-3 > * { width: 50%; }
  .grid-3 > .flexitem-double { width: 100%; } }

@media (max-width: 480px) { .grid-3 > * { width: 100%; }
  .grid-3 > .flexitem-double { width: 100%; } }

.grid-3 > div { margin-bottom: 20px !important; }

.grid-4 > * { width: 25%; }

.grid-4 > .flexitem-double { width: 50%; }

@media (min-width: 737px) and (max-width: 1024px) { .grid-4 > * { width: 50%; }
  .grid-4 > .flexitem-double { width: 50%; } }

@media (min-width: 481px) and (max-width: 768px) { .grid-4 > * { width: 50%; }
  .grid-4 > .flexitem-double { width: 100%; } }

@media (max-width: 480px) { .grid-4 > * { width: 100%; }
  .grid-4 > .flexitem-double { width: 100%; } }

.grid-4 > div { margin-bottom: 20px !important; }

.grid-5 > * { width: 20%; }

.grid-5 > .flexitem-double { width: 40%; }

@media (min-width: 737px) and (max-width: 1024px) { .grid-5 > * { width: 33.3333%; }
  .grid-5 > .flexitem-double { width: 66.6666%; } }

@media (min-width: 481px) and (max-width: 768px) { .grid-5 > * { width: 50%; }
  .grid-5 > .flexitem-double { width: 100%; } }

@media (max-width: 480px) { .grid-5 > * { width: 100%; }
  .grid-5 > .flexitem-double { width: 100%; } }

.grid-6 > * { width: 16.66667%; }

.grid-6 > .flexitem-double { width: 33.33333%; }

@media (min-width: 737px) and (max-width: 1024px) { .grid-6 > * { width: 50%; }
  .grid-6 > .flexitem-double { width: 50%; } }

@media (min-width: 481px) and (max-width: 768px) { .grid-6 > * { width: 50%; }
  .grid-6 > .flexitem-double { width: 100%; } }

@media (max-width: 480px) { .grid-6 > * { width: 100%; }
  .grid-6 > .flexitem-double { width: 100%; } }

.grid-7 > * { width: 14.28571%; }

.grid-7 > .flexitem-double { width: 28.57143%; }

@media (min-width: 737px) and (max-width: 1024px) { .grid-7 > * { width: 33.3333%; }
  .grid-7 > .flexitem-double { width: 66.6666%; } }

@media (min-width: 481px) and (max-width: 768px) { .grid-7 > * { width: 50%; }
  .grid-7 > .flexitem-double { width: 100%; } }

@media (max-width: 480px) { .grid-7 > * { width: 100%; }
  .grid-7 > .flexitem-double { width: 100%; } }

.grid-8 > * { width: 12.5%; }

.grid-8 > .flexitem-double { width: 25%; }

@media (min-width: 737px) and (max-width: 1024px) { .grid-8 > * { width: 50%; }
  .grid-8 > .flexitem-double { width: 50%; } }

@media (min-width: 481px) and (max-width: 768px) { .grid-8 > * { width: 50%; }
  .grid-8 > .flexitem-double { width: 100%; } }

@media (max-width: 480px) { .grid-8 > * { width: 100%; }
  .grid-8 > .flexitem-double { width: 100%; } }

.grid-10 > * { width: 10%; }

.grid-10 > .flexitem-double { width: 20%; }

@media (min-width: 737px) and (max-width: 1024px) { .grid-10 > * { width: 50%; }
  .grid-10 > .flexitem-double { width: 50%; } }

@media (min-width: 481px) and (max-width: 768px) { .grid-10 > * { width: 50%; }
  .grid-10 > .flexitem-double { width: 100%; } }

@media (max-width: 480px) { .grid-10 > * { width: 100%; }
  .grid-10 > .flexitem-double { width: 100%; } }

.grid-12 > * { width: 8.33333%; }

.grid-12 > .flexitem-double { width: 16.66667%; }

@media (min-width: 737px) and (max-width: 1024px) { .grid-12 > * { width: 50%; }
  .grid-12 > .flexitem-double { width: 50%; } }

@media (min-width: 481px) and (max-width: 768px) { .grid-12 > * { width: 50%; }
  .grid-12 > .flexitem-double { width: 100%; } }

@media (max-width: 480px) { .grid-12 > * { width: 100%; }
  .grid-12 > .flexitem-double { width: 100%; } }

.grid-2-1 > *:nth-child(odd) { width: 66.66667%; }

.grid-2-1 > *:nth-child(even) { width: 33.33333%; }

@media (max-width: 736px) { .grid-2-1 > *:nth-child(n) { width: 100%; } }

.grid-1-2 > *:nth-child(odd) { width: 33.33333%; }

.grid-1-2 > *:nth-child(even) { width: 66.66667%; }

@media (max-width: 736px) { .grid-1-2 > *:nth-child(n) { width: 100%; } }

.grid-3-1 > *:nth-child(odd) { width: 75%; }

.grid-3-1 > *:nth-child(even) { width: 25%; }

@media (max-width: 736px) { .grid-3-1 > *:nth-child(n) { width: 100%; } }

.grid-1-3 > *:nth-child(odd) { width: 25%; }

.grid-1-3 > *:nth-child(even) { width: 75%; }

@media (max-width: 736px) { .grid-1-3 > *:nth-child(n) { width: 100%; } }

.grid-3-2 > *:nth-child(odd) { width: 60%; }

.grid-3-2 > *:nth-child(even) { width: 40%; }

@media (max-width: 736px) { .grid-3-2 > *:nth-child(n) { width: 100%; } }

.grid-2-3 > *:nth-child(odd) { width: 40%; }

.grid-2-3 > *:nth-child(even) { width: 60%; }

@media (max-width: 736px) { .grid-2-3 > *:nth-child(n) { width: 100%; } }

.grid-4-1 > *:nth-child(odd) { width: 80%; }

.grid-4-1 > *:nth-child(even) { width: 20%; }

@media (max-width: 736px) { .grid-4-1 > *:nth-child(n) { width: 100%; } }

.grid-1-4 > *:nth-child(odd) { width: 20%; }

.grid-1-4 > *:nth-child(even) { width: 80%; }

@media (max-width: 736px) { .grid-1-4 > *:nth-child(n) { width: 100%; } }

.contentwrapper { width: 100%; position: relative; padding: 30px 0px; }

.contentwrapper_weiss { background: #FFF; }

.contentwrapper_grau { background: #F5F5F5; }

.contentwrapper_grau p { color: #666666; }

.contentwrapper_blau { background: #F4F8FF; }

.contentwrapper_footer { background: #4A4A4A; }

.contentwrapper_footer p, .contentwrapper_footer ul, .contentwrapper_footer li { color: #FFF; }

.contentwrapper_footer a, .contentwrapper_footer h1, .contentwrapper_footer h2, .contentwrapper_footer h3, .contentwrapper_footer h4, .contentwrapper_footer h5, .contentwrapper_footer h6 { color: #999999; }

.contentwrapper_footer li { margin-right: 30px; }

.contentwrapper_footer_unterzeile { background: #000; padding: 10px 0px 10px 0; }

.contentwrapper_footer_unterzeile p, .contentwrapper_footer_unterzeile ul, .contentwrapper_footer_unterzeile li { color: #FFF; }

.contentwrapper_footer_unterzeile a, .contentwrapper_footer_unterzeile h1, .contentwrapper_footer_unterzeile h2, .contentwrapper_footer_unterzeile h3, .contentwrapper_footer_unterzeile h4, .contentwrapper_footer_unterzeile h5, .contentwrapper_footer_unterzeile h6 { color: #999999; }

.contentwrapper_schatten { box-shadow: 0px 8px 8px -8px rgba(0, 0, 0, 0.5) inset, 0px -8px 8px -8px rgba(0, 0, 0, 0.5) inset; }

.content { position: relative; margin: 0 auto; width: 100%; max-width: 1050px; padding: 0 20px; }

.content img { display: block; width: 100%; max-width: 1050px; height: auto; }

.fixed { position: fixed; top: 0px; left: 0px; background: #FFF; z-index: 1090; }

@media only screen and (min-width: 769px) and (max-width: 1024px) { .fixed { position: relative; } }

@media only screen and (min-width: 737px) and (max-width: 768px) { .fixed { position: relative; } }

@media only screen and (min-width: 481px) and (max-width: 736px) { .fixed { position: relative; } }

@media only screen and (max-width: 480px) { .fixed { position: relative; } }

#spacertop { height: 54px; }

.nomargin { margin: 0; }

.nopadding { padding: 0; }

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer p, footer a, footer ul, footer ol { color: #666666; }

footer h2 { font-size: 1.375rem; }

footer a { text-decoration: none; }

footer a.internal-link { font-family: "pantonbold", sans-serif; color: #FFF; }

footer a:hover { color: #FFF; text-decoration: none; }

footer a.aktiv { color: #FFF; text-decoration: none; }

footer ul { margin: 0 0 10px 0; padding: 0; list-style: none; }

footer li { margin: 0 10px 0 0; padding: 0; display: inline-block; }

footer li:last-child { margin: 0; }

footer .footer_logo { background-image: url(../img/footerlogo.png); background-image: url(../img/footerlogo.svg); background-size: 181px 181px; background-position: center 30px; background-repeat: no-repeat; }

footer .footerzeile_2 .csc-default { border-top: 1px solid #999999; padding-top: 18px; }

footer .footerzeile_2 .csc-default a { font-size: 1.375rem; font-family: "pantonregular", sans-serif; color: #999999; }

footer.unterzeile { font-family: "pantonregular", sans-serif; font-size: 0.9375rem; }

footer.unterzeile a, footer.unterzeile ul, footer.unterzeile p { font-size: 0.9375rem; margin-bottom: 0; }

footer .smbuttons { display: block; width: 35px; height: 35px; background-size: 35px 35px; background-repeat: none; text-indent: 99999px; opacity: 0.6; }

footer .smbuttons:hover { opacity: 1; }

footer .sm94 { background-image: url(../img/sm_twitter_footer.png); background-image: url(../img/sm_twitter_footer.svg); }

footer .sm95 { background-image: url(../img/sm_rss_footer.png); background-image: url(../img/sm_rss_footer.svg); }

footer .sm93 { background-image: url(../img/sm_mail_footer.png); background-image: url(../img/sm_mail_footer.svg); }

.indent { margin: 0 0 0 20px; }

.csc-textpic-caption { padding: 3px 0 0 0; font-size: 12px; }

.align-right { text-align: right; }

.align-center { text-align: center; }

.align-left { text-align: left; }

.csc-linkToTop { float: right; }

div.csc-mailform { border: 0; }

div.csc-mailform ol li { overflow: hidden; }

div.csc-mailform ol, div.csc-mailform ol li { margin: 0; padding: 0; list-style-type: none; }

div.csc-mailform li label { float: left; margin-right: 1rem; width: 120px; vertical-align: baseline; }

div.csc-mailform input, div.csc-mailform textarea { margin-bottom: 10px; padding: 2px; width: 250px; border: 1px solid #E5E5E5; font-size: 12px; font-family: 'dosis'; }

div.csc-mailform select { float: left; margin: 2px 0; width: 220px; }

div.csc-mailform option { padding: 0 5px; background: #fff; }

div.csc-mailform li.csc-form-elrement-checkbox input { float: left; margin: 0; padding: 0; width: 20px; text-align: left; }

div.csc-mailform li.csc-form-elrement-submit input { display: inline-block; margin-top: 10px; width: auto; cursor: pointer; }

#mailformformtype_mail { margin: 10px 0 0 170px; padding: 2px; width: 80px; border: 1px solid #ccc; background: #eee; text-align: center; }

.news div, .events div, .ressources div { margin-bottom: 0px; }

.news div p, .events div p, .ressources div p { margin-bottom: 0; }

.news div h1 span, .events div h1 span, .ressources div h1 span { color: #666666; margin-right: 0px; }

.news div h1 span:after, .events div h1 span:after, .ressources div h1 span:after { content: "\00A0\002F\002F\00A0"; color: #999999; }

.news div h2, .events div h2, .ressources div h2 { font-size: 1.5rem; line-height: 135%; }

.news div h2 span, .events div h2 span, .ressources div h2 span { color: #666666; margin-right: 0px; display: inline-block; }

.news div h2 span:after, .events div h2 span:after, .ressources div h2 span:after { content: "\00A0\002F\002F\00A0"; color: #999999; }

.news div h3, .events div h3, .ressources div h3 { font-size: 1.2rem; line-height: 135%; color: #2E4D88; font-family: "pantonregular", sans-serif; margin-bottom: 20px; }

.news div h5, .events div h5, .ressources div h5 { font-size: 15px; line-height: 20px; color: #999999; margin-bottom: 5px; }

.news div div.newsdate, .events div div.newsdate, .ressources div div.newsdate { color: #2E4D88; font-size: 0.6875rem; text-transform: uppercase; font-family: "pantonregular", sans-serif; margin: 0; padding: 0 0 8px 0; }

.news div span.newscat, .events div span.newscat, .ressources div span.newscat { color: #2E4D88; }

.news div span.newslink a, .events div span.newslink a, .ressources div span.newslink a { color: #2E4D88; font-family: "pantonbold", sans-serif; margin-top: 24px; display: block; width: 35px; height: 35px; background: url(../img/back.png) no-repeat; background-image: url(../img/back.svg); background-repeat: no-repeat; background-size: 35px 35px; text-indent: -9999px; }

.news div span.newslink a:hover, .events div span.newslink a:hover, .ressources div span.newslink a:hover { background: url(../img/back-hover.png) no-repeat; background-image: url(../img/back-hover.svg); background-size: 35px 35px; background-repeat: no-repeat; }

.news div span.morelink a, .events div span.morelink a, .ressources div span.morelink a { color: #2E4D88; font-family: "pantonbold", sans-serif; padding-left: 10px; }

.news div span.morelink a:hover, .events div span.morelink a:hover, .ressources div span.morelink a:hover { color: #2E4D88; text-decoration: underline; }

.news div img, .events div img, .ressources div img { max-width: 100%; height: auto; margin: 0 auto; display: block; }

.news div .help_info img, .events div .help_info img, .ressources div .help_info img { width: auto; height: auto; }

.news div dd, .events div dd, .ressources div dd { margin-bottom: 10px; }

.news div dd img, .events div dd img, .ressources div dd img { width: auto; height: auto; display: inline; margin: 0 9px 0 0; }

.news div dd a, .events div dd a, .ressources div dd a { margin: 0 9px 0 0; }

.news.latest div p { margin: 0; padding: 0; }

.newslatestimg { float: left; margin-right: 10px; }

@media only screen and (max-width: 480px) { .newslatestimg { float: none; margin: 0px; width: 100%; } }

.newslatesttext { margin-left: 170px; margin-bottom: 40px !important; }

@media only screen and (max-width: 480px) { .newslatesttext { float: none; margin: 0px; width: 100%; } }

.news.latest > div { margin-bottom: 20px; }

.news.latest > div img { width: 150px; height: auto; }

@media only screen and (max-width: 480px) { .news.latest > div img { width: 100%; margin-bottom: 20px; } }

.news.latest > div:first-child { background: #FFF; min-height: 320px; }

@media only screen and (min-width: 481px) and (max-width: 736px) { .news.latest > div:first-child .newslatestimg { margin: 0px; width: 100%; } }

@media only screen and (max-width: 480px) { .news.latest > div:first-child .newslatestimg { margin: 0px; width: 100%; } }

.news.latest > div:first-child .newslatesttext { margin-left: 330px; padding: 10px; }

@media only screen and (min-width: 481px) and (max-width: 736px) { .news.latest > div:first-child .newslatesttext { margin: 0px; width: 100%; } }

@media only screen and (max-width: 480px) { .news.latest > div:first-child .newslatesttext { margin: 0px; width: 100%; } }

.news.latest > div:first-child img { width: 320px; height: auto; }

@media only screen and (min-width: 481px) and (max-width: 736px) { .news.latest > div:first-child img { width: 100%; margin-bottom: 20px; } }

@media only screen and (max-width: 480px) { .news.latest > div:first-child img { width: 100%; margin-bottom: 20px; } }

.news.latest > div:last-child { margin-bottom: 0; }

.events.latest > div { margin-bottom: 20px; }

.events.latest > div img { width: 150px; height: auto; }

@media only screen and (max-width: 480px) { .events.latest > div img { width: 100%; margin-bottom: 20px; } }

.events.latest > div:last-child { margin-bottom: 0; }

.news-single-imgcaption { font-family: "pantonregular", sans-serif; font-size: 0.6875rem; color: #333; text-align: right; width: 100% !important; padding-top: 5px; }

.single div p { margin-bottom: 12px; }

.news_keywords { margin-top: 60px; color: #2E4D88; font-size: 1rem; font-family: "pantonregular", sans-serif; line-height: 180%; color: #0194C4; }

.news_keywords span { color: #666666; }

.news_keywords h4 { font-family: "pantonregular", sans-serif; text-transform: uppercase; color: #2E4D88; background: url(../img/bg_topics.png) no-repeat; background-image: url(../img/bg_topics.svg), none; background-size: 18px 18px; background-repeat: none; padding: 2px 0 0 30px; font-size: 1rem; letter-spacing: 2px; height: 18px; margin-bottom: 16px; }

.list div p { margin: 0; padding: 0; }

.news_navi ul { margin: 0; padding: 0; list-style-type: none; }

.news_navi ul li a { line-height: 1.5; font-family: "pantonregular", sans-serif; font-size: 1rem; color: #999999; }

.news_navi ul li a:hover, .news_navi ul li a.aktiv { color: #666666; text-decoration: none; }

.news-galerie .img-container { float: left; margin: 0 0 20px 20px; }

.news div .related { font-family: "pantonregular", sans-serif; font-size: 0.8125rem; line-height: 140%; }

.news div .related dt { font-size: 1.125rem; color: #B65617; }

.news div .related dd { background: #FFF; padding: 8px 8px 20px 8px; margin-bottom: 0; }

.news div .related .rel_header { background: #CCC; color: #FFF; font-size: 1rem; padding: 5px 8px 3px 8px; }

.news div .related .rel_date { background-image: url(../img/news_related_icon.png); background-image: url(../img/news_related_icon.svg); background-repeat: no-repeat; background-size: 11px 13px; background-position: 0px 3px; padding: 0 0 3px 20px; }

.news div .related .rel_title { color: #666666; }

.news div .related .rel_title a { color: #666666; }

.news div.newsfilelink { margin-bottom: 10px; }

.news div.newsfilelink img { width: auto; height: auto; display: inline; margin: 0 9px 0 0; }

.news div.newsfilelink a { margin: 0 9px 0 0; }

.news div.newsfilelink .news-file-file { background-image: url(../img/icon_document.png); background-image: url(../img/icon_document.svg); background-repeat: no-repeat; background-size: 16px 20px; padding-left: 23px; }

h1.news_head { padding: 0 0 0 38px; background-repeat: no-repeat; background-size: 28px 28px; color: #888888; font-size: 1.625rem; }

h1.news_news { background-image: url(../img/icon_news.png); background-image: url(../img/icon_news.svg); }

h1.news_media { background-image: url(../img/icon_media.png); background-image: url(../img/icon_media.svg); }

h1.news_resources { background-image: url(../img/icon_resources.png); background-image: url(../img/icon_resources.svg); }

.browsebox { font-family: "pantonregular", sans-serif; color: #666666; font-size: 0.8125rem; margin-top: 10px; }

.browsebox .showresults { margin-bottom: 6px; }

.browsebox .browselinks { line-height: 200%; }

.browsebox .inactivelink a { border: 2px solid transparent; padding: 2px 4px 0px 4px; color: #666666; }

.browsebox .inactivelink a:hover { border: 2px solid #CCC; text-decoration: none; }

.browsebox .activelink { border: 2px solid #000; padding: 2px 4px 0px 4px; }

.news-catmenu { border-bottom: 1px solid #999999; margin-bottom: 20px; }

ul#treeRoot { display: inline; margin: 0; padding: 0; }

ul#treeRoot a { padding: 4px 10px 2px 10px; }

ul#treeRoot img { display: none; }

ul#treeRoot li { display: inline; }

ul#treeRoot li a { display: none; }

ul#treeRoot li ul { display: inline; margin: 0; padding: 0; }

ul#treeRoot li ul li { margin-right: 10px; }

ul#treeRoot li ul li a { display: inline-block; color: #FFF; text-decoration: none; background: #888888; }

ul#treeRoot li ul li a:hover { background: #888888; text-decoration: none; }

ul#treeRoot li ul li.active a { color: #FFF; text-decoration: none; background: #F5F5F5; }

@media only screen and (min-width: 737px) and (max-width: 768px) { div.gme-map { width: 352px !important; height: 225px !important; } }

@media only screen and (min-width: 481px) and (max-width: 736px) { div.gme-map { height: 250px !important; width: 440px !important; } }

@media only screen and (max-width: 480px) { div.gme-map { height: 250px !important; width: 280px !important; } }

div.gme-info-window p { font-family: "PT Serif", sans-serif !important; font-weight: normal !important; font-size: 0.875rem !important; width: 150px; margin-bottom: 0 !important; }

.tx-powermail { color: #FFF; width: 100%; display: block; }

.tx-powermail h3 { display: none; }

.tx-powermail .powermail_form:after { content: ""; display: table; clear: both; }

.tx-powermail .powermail_fieldset { background: none; border: 0 none; float: left; clear: none; padding: 0; width: 50%; margin: 0; }

.tx-powermail .powermail_fieldset:first-of-type { border-right: 10px solid transparent; }

@media only screen and (min-width: 737px) and (max-width: 768px) { .tx-powermail .powermail_fieldset { float: none; width: 100%; margin: 0 0 20px 0; } }

@media only screen and (min-width: 481px) and (max-width: 736px) { .tx-powermail .powermail_fieldset { float: none; width: 100%; margin: 0 0 20px 0; } }

@media only screen and (max-width: 480px) { .tx-powermail .powermail_fieldset { float: none; width: 100%; margin: 0 0 20px 0; } }

.tx-powermail .powermail_fieldset .powermail_fieldwrap { margin: 0 0 10px 0; overflow: hidden; float: left; clear: none; width: 100%; display: inline-block; }

.tx-powermail .powermail_fieldset .layout2 { width: 25%; border-right: 10px solid transparent; }

.tx-powermail .powermail_fieldset .layout3 { width: 75%; }

.tx-powermail .powermail_fieldset .powermail_legend { display: none; }

.tx-powermail .powermail_fieldset .powermail_label { display: none; }

.tx-powermail .powermail_fieldset .powermail_field { border: 1px solid #999999; color: #B65617; float: none; font-size: inherit; margin: 0; padding: 12px; width: 100%; font-family: "PT Serif", sans-serif; font-size: 1rem; }

.tx-powermail .powermail_fieldset .powermail_textarea { height: 88px; }

.tx-powermail .powermail_fieldset .powermail_checkbox { margin-right: 10px; }

.tx-powermail .powermail_fieldset .powermail_radio_outer, .tx-powermail .powermail_fieldset .powermail_captcha_outer, .tx-powermail .powermail_fieldset .powermail_check_outer, .tx-powermail .powermail_fieldset .powermail_fieldwrap_text, .tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list) { background-color: #FFF; border: 0 none; float: right; padding: 3px; width: 100%; list-style: outside none none; margin: 0px; }

.tx-powermail .powermail_fieldset .powermail_field.powermail_submit { display: inline-block; text-align: center; background-color: #888888; border: 0 none; color: #FFF; cursor: pointer; font-weight: normal; margin: 5px 0 0; padding: 10px 40px; width: 160px; }

.tx-powermail .powermail_fieldset .parsley-errors-list { display: none; margin: 5px 0px 20px; padding: 0px; list-style-type: none; background-color: #F2DEDE; border: 1px solid #EBCCD1; width: 100%; float: right; clear: left; }

.tx-powermail .powermail_fieldset .parsley-errors-list > li { color: #666666; padding: 5px 10px; }

.tx-powermail .powermail_fieldset_1 { width: 100%; }

.tx-powermail .powermail_fieldset_1:first-of-type { border-right: 0 none; }

.flexslider { border: 0 none; border-radius: 0px; box-shadow: none; margin: 0; position: relative; /* 1px problem */ }

.flexslider .slides img { width: 100%; height: auto; display: block; }

.flexslider .slides li:after { content: ""; position: absolute; top: 0; left: 0; z-index: -1000; }

.flexslider:hover .flex-prev { opacity: 0.7; left: 50px; }

.flexslider:hover .flex-next { opacity: 0.7; right: 50px; }

@media only screen and (min-width: 481px) and (max-width: 736px) { .flexslider .flex-direction-nav { display: none; } }

@media only screen and (max-width: 480px) { .flexslider .flex-direction-nav { display: none; } }

.flexslider .flex-direction-nav .flex-next { background: url(../img/flexslider-next.png) no-repeat; background-image: url(../img/flexslider-next.svg), none; background-size: 100% auto; background-repeat: none; width: 26px; height: 50px; background-position: 0 0; }

.flexslider .flex-direction-nav .flex-next:before { display: none; }

.flexslider .flex-direction-nav .flex-prev { background: url(../img/flexslider-back.png) no-repeat; background-image: url(../img/flexslider-back.svg), none; background-size: 100% auto; background-repeat: none; width: 26px; height: 50px; background-position: 0 0; }

.flexslider .flex-direction-nav .flex-prev:before { display: none; }

.flexslider .flex-direction-nav a { background: none; background-position: 0 0; cursor: pointer; display: block; width: 26px; height: 50px; margin: -30px 0 0; opacity: 0; position: absolute; top: 50%; text-indent: 100%; white-space: nowrap; overflow: hidden; }

.flexslider .flex-direction-nav a:before { display: none; }

.flexslider .flex-control-nav { bottom: 5px; right: 10px; position: absolute; text-align: right; width: 100%; z-index: 900; }

@media only screen and (min-width: 481px) and (max-width: 736px) { .flexslider .flex-control-nav { display: none; } }

@media only screen and (max-width: 480px) { .flexslider .flex-control-nav { display: none; } }

.flexslider .flex-control-nav li { display: inline-block; margin: 0 4px; }

@media only screen and (min-width: 481px) and (max-width: 736px) { .flexslider .flex-control-paging { display: none; } }

@media only screen and (max-width: 480px) { .flexslider .flex-control-paging { display: none; } }

.flexslider .flex-control-paging li:last-child { margin-right: 13px; }

.flexslider .flex-control-paging li a { background: #FFF; cursor: pointer; display: block; height: 10px; text-indent: -999em; width: 10px; color: #FFF; font-size: 0px; border: 1px solid #666666; box-shadow: none; }

.flexslider .flex-control-paging li a:hover { background: #666666; border: 1px solid #666666; }

.flexslider .flex-control-paging li a.flex-active { background: #666666; border: 1px solid #666666; box-shadow: none; cursor: default; }

.tx-ws-flexslider { margin-bottom: 0px; overflow: hidden; }

.tx-ws-flexslider .caption-wrapper { left: 0px; overflow: visible; position: absolute; top: 0px; width: 100%; min-width: 100%; }

@media only screen and (min-width: 737px) and (max-width: 768px) { .tx-ws-flexslider .caption-wrapper { position: relative; top: auto; bottom: 0; } }

@media only screen and (min-width: 481px) and (max-width: 736px) { .tx-ws-flexslider .caption-wrapper { position: relative; top: auto; bottom: 0; } }

@media only screen and (max-width: 480px) { .tx-ws-flexslider .caption-wrapper { position: relative; top: auto; bottom: 0; } }

.tx-ws-flexslider .caption-text { position: relative; top: 0; background: none; margin: 0 auto; padding: 0 20px; width: 100%; max-width: 1050px; }

.tx-ws-flexslider .caption-text p.caption-title { display: none; }

.tx-ws-flexslider .caption-text .caption-body { padding: 20px 15px; background: #F5F5F5; width: 300px; }

@media only screen and (min-width: 737px) and (max-width: 768px) { .tx-ws-flexslider .caption-text .caption-body { width: 100%; padding: 20px; background: none; background-color: transparent; } }

@media only screen and (min-width: 481px) and (max-width: 736px) { .tx-ws-flexslider .caption-text .caption-body { width: 100%; padding: 20px; background: none; background-color: transparent; } }

@media only screen and (max-width: 480px) { .tx-ws-flexslider .caption-text .caption-body { width: 100%; padding: 20px; background: none; background-color: transparent; } }

.tx-ws-flexslider .caption-text .caption-body h1, .tx-ws-flexslider .caption-text .caption-body h2 { color: #FFF; text-transform: uppercase; margin-bottom: 14px; }

.tx-ws-flexslider .caption-text .caption-body p { color: #FFF; margin-bottom: 14px; }

.tx-ws-flexslider .caption-align-right .caption-text { right: 20px; }

@media only screen and (min-width: 737px) and (max-width: 768px) { .tx-ws-flexslider .caption-align-right .caption-text { right: 0px; } }

@media only screen and (min-width: 481px) and (max-width: 736px) { .tx-ws-flexslider .caption-align-right .caption-text { right: 0px; } }

@media only screen and (max-width: 480px) { .tx-ws-flexslider .caption-align-right .caption-text { right: 0px; } }

.tx-ws-flexslider .caption-align-right > .caption-text .caption-body { float: right; }

.tx-ws-flexslider .wsflexslider-style1 .caption-wrapper { top: 40px !important; }

@media only screen and (min-width: 737px) and (max-width: 768px) { .tx-ws-flexslider .wsflexslider-style1 .caption-wrapper { top: auto !important; bottom: 0; } }

@media only screen and (min-width: 481px) and (max-width: 736px) { .tx-ws-flexslider .wsflexslider-style1 .caption-wrapper { top: auto !important; bottom: 0; } }

@media only screen and (max-width: 480px) { .tx-ws-flexslider .wsflexslider-style1 .caption-wrapper { top: auto !important; bottom: 0; } }

.tx-ws-flexslider .wsflexslider-style2 .caption-wrapper { top: 60px !important; }

@media only screen and (min-width: 737px) and (max-width: 768px) { .tx-ws-flexslider .wsflexslider-style2 .caption-wrapper { top: 0 !important; } }

@media only screen and (min-width: 481px) and (max-width: 736px) { .tx-ws-flexslider .wsflexslider-style2 .caption-wrapper { top: 0 !important; } }

@media only screen and (max-width: 480px) { .tx-ws-flexslider .wsflexslider-style2 .caption-wrapper { top: 0 !important; } }

.tx-ws-flexslider .wsflexslider-style3 .caption-wrapper { top: 80px !important; }

@media only screen and (min-width: 737px) and (max-width: 768px) { .tx-ws-flexslider .wsflexslider-style3 .caption-wrapper { top: 0 !important; } }

@media only screen and (min-width: 481px) and (max-width: 736px) { .tx-ws-flexslider .wsflexslider-style3 .caption-wrapper { top: 0 !important; } }

@media only screen and (max-width: 480px) { .tx-ws-flexslider .wsflexslider-style3 .caption-wrapper { top: 0 !important; } }

.tx-ws-flexslider .wsflexslider-style4 .caption-wrapper { top: 100px !important; }

@media only screen and (min-width: 737px) and (max-width: 768px) { .tx-ws-flexslider .wsflexslider-style4 .caption-wrapper { top: 0 !important; } }

@media only screen and (min-width: 481px) and (max-width: 736px) { .tx-ws-flexslider .wsflexslider-style4 .caption-wrapper { top: 0 !important; } }

@media only screen and (max-width: 480px) { .tx-ws-flexslider .wsflexslider-style4 .caption-wrapper { top: 0 !important; } }

#prevLink:hover { background: transparent url(../img/perfectlightbox/prev.png) no-repeat 0% 15% !important; background-image: url("../img/perfectlightbox/prev.svg") !important; background-repeat: no-repeat; background-size: 45px 45px; }

#nextLink:hover { background: transparent url(../img/perfectlightbox/next.png) no-repeat 100% 15% !important; background-image: url("../img/perfectlightbox/next.svg") !important; background-repeat: no-repeat; background-size: 45px 45px; }

#closeLink { background: transparent url(../img/perfectlightbox/close.png) no-repeat scroll center center !important; background-image: url("../img/perfectlightbox/close.svg"); background-repeat: no-repeat; background-size: 26px 26px; }

.tx-felogin-pi1 { font-size: 1rem; }

.tx-felogin-pi1 form { margin: 10px 0 0 0; }

.tx-felogin-pi1 fieldset { border: 0 none; margin: 0; padding: 0; }

.tx-felogin-pi1 legend { display: none; }

.tx-felogin-pi1 input { border: 1px solid #999999; color: #B65617; float: none; font-size: inherit; margin: 0 0 10px 0; padding: 12px; width: 100%; font-family: "PT Serif", sans-serif; font-size: 1rem; }

.tx-felogin-pi1 input[type="submit"] { display: inline-block; text-align: center; background-color: #888888; border: 0 none; color: #FFF; cursor: pointer; font-weight: normal; margin: 5px 0 0; padding: 10px 40px; width: 160px; }

#loginstatus { position: absolute; top: 80px; left: 0px; width: 600px; }

@media only screen and (min-width: 737px) and (max-width: 768px) { #loginstatus { width: 728px; height: auto; } }

@media only screen and (min-width: 481px) and (max-width: 736px) { #loginstatus { width: 100%; height: auto; } }

@media only screen and (max-width: 480px) { #loginstatus { width: 100%; height: auto; } }

#fancybox-title { font-family: "PT Serif", sans-serif; font-size: 0.6875rem; width: 100% !important; z-index: 1102; }

#fancybox-title a { color: #FFF; }

#fancybox-title-over { box-sizing: border-box; }

#searchbox { position: absolute; top: 53px; right: 30px; border: 1px solid #999999; display: block; width: 242px; height: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; overflow: hidden; }

@media only screen and (min-width: 769px) and (max-width: 1024px) { #searchbox { display: none; } }

@media only screen and (min-width: 737px) and (max-width: 768px) { #searchbox { display: none; } }

@media only screen and (min-width: 481px) and (max-width: 736px) { #searchbox { display: none; } }

@media only screen and (max-width: 480px) { #searchbox { display: none; } }

form#indexedsearch { margin: 0 0 0 15px; overflow: hidden; }

form#indexedsearch input.search-field { width: 160px; height: 24px; font-family: "PT Serif", sans-serif; font-size: 1rem; color: #999999; border: none; padding: 2px 4px 0px 4px; margin: 1px 10px 0 0; float: left; }

form#indexedsearch input.search-field.active, form#indexedsearch input.search-field:focus { color: #999999; }

form#indexedsearch input.search-button { margin: 0; padding: 0; height: 30px; width: 40px; float: right; background: #999999 url(../img/lupe.svg) no-repeat 7px 5px; background-size: 23px 17px; border: 0 none; text-indent: -9999px; }

form#indexedsearch table { width: 100%; margin-bottom: 40px; }

.tx-indexedsearch { font-family: "pantonregular", sans-serif; font-size: 1rem; }

.tx-indexedsearch .tx-indexedsearch-searchbox form { margin-bottom: 40px; }

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { margin-top: 16px; width: 100px; background: #999; color: #FFF; font-family: "pantonregular", sans-serif; font-size: 1rem; border: 0 none; height: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; cursor: pointer; }

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width: 300px; padding: 4px 10px; border: 1px solid #999999; font-family: "PT Serif", sans-serif; font-size: 1rem; color: #999999; height: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

.tx-indexedsearch .tx-indexedsearch-searchbox span.searchfor { display: block; margin-top: 4px; }

.tx-indexedsearch .tx-indexedsearch-whatis { margin-top: 10px 0 6px 0; }

.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight: normal; font-style: normal; color: #000; }

.tx-indexedsearch .tx-indexedsearch-browsebox p { margin-bottom: 5px; }

.tx-indexedsearch .tx-indexedsearch-browsebox strong { font-weight: normal; }

.tx-indexedsearch .tx-indexedsearch-browsebox .browsebox { margin: 0 0 40px 0; font-size: 1rem; }

.tx-indexedsearch .tx-indexedsearch-browsebox li { margin-right: 10px; }

.tx-indexedsearch .tx-indexedsearch-browsebox li a { color: #999999; }

.tx-indexedsearch .tx-indexedsearch-browsebox li a:hover { color: #666666; }

.tx-indexedsearch .tx-indexedsearch-browsebox li strong a { color: #666666; }

.tx-indexedsearch .indexedsearch-result { margin: 0 0 24px 0; }

.tx-indexedsearch .indexedsearch-result .indexedsearch-title { width: 80%; float: left; }

.tx-indexedsearch .indexedsearch-result .indexedsearch-title h2 { margin-bottom: 4px; }

.tx-indexedsearch .indexedsearch-result .indexedsearch-title h2 a { color: #666666; }

.tx-indexedsearch .indexedsearch-result .indexedsearch-percent { width: 20%; float: left; white-space: nowrap; text-align: right; }

.tx-indexedsearch .indexedsearch-result .indexedsearch-descr { margin-bottom: 4px; }

.tx-indexedsearch .indexedsearch-result .indexedsearch-info { margin-bottom: 4px; }

.tx-indexedsearch .indexedsearch-result strong.tx-indexedsearch-redMarkup { font-weight: normal; color: #EF7E00; }

/* quick print reset */
@media print { * { background: transparent !important; box-shadow: none !important; text-shadow: none !important; }
  body { width: auto !important; margin: auto !important; font-family: serif; font-size: 12pt; background-color: #fff !important; color: #333 !important; }
  p, .p-like, h1, .h1-like, h2, .h2-like, h3, .h3-like, h4, .h4-like, h5, .h5-like, h6, .h6-like, blockquote, ul, ol { color: #000 !important; margin: auto !important; }
  .print { display: block; }
  .no-print { display: none; }
  img { filter: grayscale(100%); }
  /* no orphans, no widows */
  p, .p-like, blockquote { orphans: 3; widows: 3; }
  /* no breaks inside these elements */
  blockquote, ul, ol { page-break-inside: avoid; }
  /* page break before main headers */
  h1, .h1-like { page-break-before: always; }
  /* no breaks after these elements */
  h1, .h1-like, h2, .h2-like, h3, .h3-like, caption { page-break-after: avoid; }
  a { color: #000 !important; text-decoration: underline !important; }
  /* displaying URLs */
  a[href]:after { content: " (" attr(href) ")"; }
  a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } }

/*# sourceMappingURL=base.map */