@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/Montserrat-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ubuntu Condensed';
  src: url('/fonts/UbuntuCondensed-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;border:1px solid #bbbbbb;background:#d8d8d8 none no-repeat;padding:10px 5px 5px 47px;text-shadow:1px 1px #fff;margin:5px 0;border-radius:7px;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
pre{background:#d8d8d8;text-shadow:1px 1px #fff;border:1px solid #bbbbbb;padding:7px;margin:5px 0;border-radius:7px;}
code{background:#d8d8d8;text-shadow:1px 1px #fff;border:1px solid #bbbbbb;display:block;padding:7px;margin:5px 0;border-radius:7px;}
ins{background-color:#fdfc9b;text-decoration:none;}
mark{background-color:#fdfc9b;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
hr{height:1px;background:#9f9f9f;margin:7px 0;border:none;clear:both;float:none;width:100%;}
input,select{vertical-align:middle;}
select{border-radius:4px;border:1px solid #ACACAC;padding:3px 4px;}

body{background:#e8e8e8;color:#323232;font-family:Lucida Grande,Verdana,Arial,sans-serif;font-size:12px;line-height:18px;width:980px;margin:0 auto;padding:0;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:normal;margin-top:0.4em;}
h1,.h1{font-size:2em;line-height:1.5385;}
h2,.h2{font-size:1.5385em;line-height:2;margin-top:1em;}
h3,.h3{font-size:1.2308em;line-height:1.25;}
h4,h5,h6,.h4,.h5,.h6{font-size:1em;font-weight:bold;line-height:1.5385;}
p{font-size:1em;line-height:1.5385;margin:0 0 1.4em 0;}
a,a:link,a:visited{color:#BB3306;outline:none;text-decoration:none;}
a:focus{outline:1px dotted;}
a:hover,a:active{color:#0080aa;outline:none;}
img,img a{border:0;}
li ul,li ol{margin:0;}
ul,ol{margin:0 1.6em 1.6em 0;padding-left:1.6em;}
ul{list-style-type:disc;}
ol{list-style-type:decimal;padding-left:10px;margin-left:14px;}
dl{margin:0 0 1.5385em 0;}
dl dt{font-weight:bold;}
dd{margin-left:1.5385em;}
fieldset{border:1px solid #ccc;margin:0 0 1.4615em;padding:1.5385em;}
table{border-collapse:collapse;border-spacing:0;margin-bottom:15px;width:100%;}
th,tr,td{vertical-align:middle;}
.clear{clear:both;}

/* Layout */
#wrapper{margin:0 auto;padding:0;width:980px;}
#header-top{margin:0 auto;padding:0;width:980px;}
#header-top #logo{float:left;width:540px;margin-top:10px;margin-bottom:-20px;}
#header-top #site-slogan{margin:0;color:#959595;text-shadow:1px 1px #fff;}
#header-social{float:right;padding:0;margin-top:23px;}
#header-social li{float:left;list-style:none;display:inline;margin-right:10px;}

#header{margin-top:25px;}

/* Navigation */
#main-menu{width:980px;clear:both;background:#3e3e3e;height:40px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-weight:bold;border-radius:4px;text-transform:uppercase;position:relative;}
#main-menu a{display:block;color:#cacaca;}
#main-menu ul,#main-menu ul li,#main-menu ul ul{list-style:none;margin:0;padding:0;}
#main-menu ul{z-index:597;float:left;}
#main-menu ul li{float:left;vertical-align:middle;list-style-image:none !important;}
#main-menu ul li a{padding:10px 14px;}
#main-menu ul li.hover,#main-menu ul li:hover{position:relative;z-index:599;cursor:default;}
#main-menu ul ul{visibility:hidden;position:absolute;top:100%;left:0;z-index:598;width:160px;}
#main-menu ul ul li{float:none;width:100%;}
#main-menu ul ul li a{padding:7px 15px;}
#main-menu ul ul ul{top:0px;left:99%;}
#main-menu ul li:hover > ul{visibility:visible;}
#main-menu ul a:link,#main-menu ul a:visited{color:#cacaca;text-decoration:none;}
#main-menu ul a:hover,#main-menu ul a.active,#main-menu ul li.active-trail a{color:#fff;}
#main-menu li.expanded ul a,#main-menu li.leaf ul a{color:#474747;}
#main-menu ul li.expanded{background:transparent none no-repeat center right;}
#main-menu li.expanded ul a:hover,#main-menu li.expanded ul a.active,#main-menu li.leaf ul a:hover,#main-menu li.leaf ul a.active{color:#fff;}
#main-menu ul ul li{background:#303030;padding-top:1px;}
#main-menu ul ul li.expanded{background:#303030 none no-repeat center right;}
#main-menu ul ul a:link,#main-menu ul ul a:visited{color:#cacaca;}
#main-menu ul ul a{border-bottom:1px solid #585858;}
#main-menu ul ul ul a{border-bottom:1px solid #585858;}
#main-menu a:hover{background-color:#BB3306;color:#fff;}

/* Breadcrumb */
.breadcrumb{font-size:10px;padding-bottom:4px;}
.breadcrumb a{color:#585858;}
.breadcrumb a:hover{color:#000;text-decoration:none;}
.element-invisible{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);overflow:hidden;height:1px;}

/* Content area */
#content-body{background:#f4f4f4;width:960px;padding:0 10px 0 10px;float:left;margin-top:8px;border-radius:7px;border:1px solid #dbdbdb;}
#main{display:inline;margin:0;}
body.sidebar-second #main{float:left;margin:0;padding:0;width:720px;}

/* Sidebar */
#sidebar-first h2,#sidebar-second h2{font-family:'Ubuntu Condensed',sans-serif;}
#sidebar-first a,#sidebar-second a{color:#636363;}
#sidebar-first a:hover,#sidebar-second a:hover{color:#0080aa;}
#sidebar-first .block,#sidebar-second .block{background:#ededee;border-radius:5px;padding:0px 0px 4px 6px;}
#sidebar-first ul,#sidebar-second ul{margin:0;padding:0;}
#sidebar-first li,#sidebar-second li{list-style:none;list-style-image:none;background:none no-repeat left center;border-bottom:1px dotted #d4d2d2;padding:4px 0 4px 17px;}
body.sidebar-second #sidebar-second{float:right;margin:0;padding:0;width:220px;}

/* Typography */
.title{font-family:'Ubuntu Condensed',sans-serif;color:#000;}
.title a{color:#000;}
h2.title a{font-size:18px;margin:5px 0;font-weight:normal;}
.submitted{background:#dfdddd;padding:4px 9px;border-radius:4px;color:#383838;text-shadow:1px 1px #fff;clear:both;display:block;margin-bottom:2px;}
#main .content{color:#7e7e7e;}
#main .content p{line-height:20px;}
#main .content h1{font-size:26px;line-height:1.3;margin:10px 0 6px 0;font-family:'Ubuntu Condensed',sans-serif;color:#222222;}
#main .content h2{font-size:22px;line-height:1.2;margin:8px 0 5px 0;font-family:'Ubuntu Condensed',sans-serif;color:#222222;}
#main .content h3{font-size:18px;line-height:1.2;margin:5px 0 4px 0;font-family:'Ubuntu Condensed',sans-serif;color:#222222;}
#main .content h4{font-size:14px;font-weight:bold;margin:4px 0 3px 0;font-family:'Ubuntu Condensed',sans-serif;color:#222222;}
#main .content h5{font-size:12px;font-weight:bold;margin:4px 0 4px;font-family:'Ubuntu Condensed',sans-serif;color:#222222;}
.links{color:#000;margin-top:10px;font-size:10px;}
.links li a{background:#d3d1d1;padding:4px 5px;border-radius:4px;color:#383838;text-shadow:1px 1px #fff;font-weight:normal;}
.links li a:hover{color:#1451ad;}

/* Forms */
.form-submit{border-radius:5px;cursor:pointer;background:#575757;border:1px solid #000;color:#fff;padding:4px 6px;margin-right:4px;margin-bottom:5px;}
.form-submit:hover{background:#454444;}
input.form-checkbox,input.form-radio{vertical-align:baseline;}
.form-text{border-radius:3px;border:1px solid #acacac;color:#949494;padding:4px 5px;}
.form-required{color:#f00;}
label{display:block;font-weight:bold;}

/* Tables */
#main table{background:#ececec;border:1px solid #bbbbbb;}
#main th{background:#dbdbdb;padding:5px 4px;text-shadow:1px 1px #fff;border-right:1px solid #c8c7c7;}
#main td{background:#ebebeb;color:#747474;text-align:left;padding-left:4px;border-right:1px solid #c8c7c7;border-bottom:1px solid #c8c7c7;}

/* Footer */
#footer{clear:both;width:980px;color:#444444;text-shadow:1px 1px #fff;}
#footer a{color:#676767;text-decoration:none;}
#footer a:hover{color:#000;text-decoration:none;}
#footer h2{color:#000;font-family:'Ubuntu Condensed',sans-serif;font-weight:bold;}
#footer ul{margin:0;padding:0;}
#footer li{list-style:none;list-style-image:none;background:none no-repeat left center;border-bottom:1px dotted #464646;padding:4px 0 4px 17px;}
#copyright{border-top:1px dashed #656565;padding-top:4px;color:#949494;margin-bottom:10px;}

/* Block */
.block{margin-bottom:1.5385em;}
.block p{margin-bottom:2px;}

/* Pager */
.item-list .pager{clear:both;text-align:center;}
.item-list .pager li{background-image:none;display:inline;list-style-type:none;padding:0.5em;}
.item-list .pager li{background:#cfcfcf;border-radius:3px;margin-right:4px;text-shadow:1px 1px #fff;}
.pager-current{font-weight:bold;}

/* Clearfix */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clearfix{height:1%;}

/* Inline lists */
ul.inline,ul.links.inline{display:inline;padding-left:0;}
ul.inline li{display:inline;list-style-type:none;padding:0 0.5em;}
ul.menu{border:none;list-style:none;text-align:left;}
ul.menu li{margin:0 0 0 0.5em;}

/* Slideshow */
.skin-default.views-slideshow-cycle-processed{}
.views-slideshow-controls-bottom{display:block;}
#widget_pager_bottom{display:flex;margin-top:0;}
.views-slideshow-pager-field-item{float:left;margin-top:10px;margin-bottom:10px;margin-left:6px;margin-right:6px;padding-bottom:15px;cursor:pointer;}
.views-slideshow-pager-field-item img{max-width:164px;max-height:110px;border:none;display:block;}
.views-slideshow-pager-field-item.active img{border:3px solid #000;}
.views-slideshow-pager-fields{margin-top:-10px;}
#slideshow-frame .slide{opacity:0;transition:opacity 0.8s ease;pointer-events:none;}
#slideshow-frame .slide.active{opacity:1;pointer-events:auto;}

/* Home page panels */
.panel-flexible{width:100%;}
.panels-flexible-region-sysms_flexible_layout1-links{float:left;width:32.977%;}
.panels-flexible-region-sysms_flexible_layout1-dreispalten1{float:left;width:33.007%;}
.panels-flexible-region-sysms_flexible_layout1-mitte{float:left;width:33.016%;}
.panels-flexible-row-sysms_flexible_layout1-2{padding:0 0 0.5em 0;margin:0;}
.panels-flexible-region-sysms_flexible_layout1-unten{float:left;width:99%;}
.panels-flexible-row-sysms_flexible_layout1-8{padding:0;margin:0;}
.panels-flexible-region-inside{padding-right:0.5em;padding-left:0.5em;}
.panels-flexible-region-inside-first{padding-left:0;}
.panels-flexible-region-inside-last{padding-right:0;}

/* Rounded corner box */
.rounded-corner .wrap-corner{background:#fff !important;}
.rounded-corner .wrap-corner .r-edge{padding:5px 24px;}
.rtecenter{text-align:center;}

/* Page title */
h1.title#page-title{font-family:'Ubuntu Condensed',sans-serif;color:#222;font-size:26px;margin:10px 0 6px 0;}
.front h1.title{display:none;}
#main .content{color:rgb(26,26,26);}

/* Back to top */
.backtotop{width:53px;height:53px;background:#3e3e3e;border-radius:50%;display:block;}
.backtotop::after{content:'▲';color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
#topcontrol{position:fixed;bottom:5px;right:5px;opacity:0;cursor:pointer;transition:opacity 0.3s;}

/* Node teaser on home */
.node-teaser{margin-bottom:40px;margin-right:20px;}

/* ===== Responsive ===== */

/* Fluid base - always active */
body{max-width:980px;width:100%;}
#wrapper,#header-top{max-width:980px;width:100%;box-sizing:border-box;}
#footer{max-width:980px;width:100%;box-sizing:border-box;}
#content-body{width:auto;box-sizing:border-box;}
#main-menu{width:100%;box-sizing:border-box;}
#header-top #logo img{max-width:100%;height:auto;}

/* Hamburger button - hidden on desktop */
#nav-toggle{display:none;background:#3e3e3e;border:none;color:#cacaca;font-size:22px;cursor:pointer;padding:9px 14px;height:40px;line-height:1;width:100%;text-align:left;border-radius:4px;}

/* Tablet: logo shrinks */
@media (max-width:900px){
  #header-top #logo{width:auto;max-width:55%;}
}

/* Small tablet / phablet */
@media (max-width:768px){
  #content-body{float:none;width:100%;}
  body.sidebar-second #main{width:100%;float:none;}
  body.sidebar-second #sidebar-second{display:none;}
  #main .content img,#main img{max-width:100%;height:auto;}
  #slideshow-frame{width:100% !important;aspect-ratio:720/400;height:auto !important;}
  #slideshow-frame .slide{width:100%;}
  #slideshow-frame .slide img{width:100%;height:auto;display:block;}
  .views-slideshow-controls-bottom{display:none;}
  .panels-flexible-region-sysms_flexible_layout1-links,
  .panels-flexible-region-sysms_flexible_layout1-dreispalten1,
  .panels-flexible-region-sysms_flexible_layout1-mitte{float:none;width:100%;}
}

/* Mobile */
@media (max-width:600px){
  #header-top{padding:5px 10px;}
  #header-top #logo{max-width:65%;margin-bottom:5px;}

  #header-social{margin-top:8px;}

  /* Hamburger */
  #nav-toggle{display:block;}
  #main-menu{height:auto;min-height:40px;}
  #main-menu > ul.menu{display:none;float:none;width:100%;}
  #main-menu.open > ul.menu{display:block;}
  #main-menu ul li{float:none;width:100%;border-bottom:1px solid #555;}
  #main-menu ul li a{padding:10px 14px;display:block;}

  /* Submenus: immer sichtbar, eingerückt */
  #main-menu ul ul{visibility:visible !important;position:static;width:100%;background:#2d2d2d;float:none;}
  #main-menu ul ul li{background:#2d2d2d;border-bottom:1px solid #444;width:100%;float:none;}
  #main-menu ul ul li a{padding-left:24px;}
  #main-menu ul ul ul{background:#252525;left:0;}
  #main-menu ul ul ul li{background:#252525;}
  #main-menu ul ul ul li a{padding-left:34px;}

  /* Desktop hover-Effekte auf Mobile deaktivieren */
  #main-menu ul li:hover,#main-menu ul li.hover{position:static;z-index:auto;cursor:pointer;}
  #main-menu a:hover{background-color:transparent;}
  #main-menu a:active{background-color:#BB3306;color:#fff;}

  /* Slideshow pager */
  #widget_pager_bottom{flex-wrap:wrap;justify-content:center;}
  .views-slideshow-pager-field-item img{max-width:100px;max-height:68px;}
}
