@import url('colors.css');
@import url('font.css');
@import url("https://use.typekit.net/zhk2cig.css");

/* *  Page  * */
html                       {height:100%; width: 100%; margin: 0; padding: 0;}
body                       {height:100%; width: 100%; margin: 0; padding: 0; color: var(--color-dark); background: var(--color-highlight3); font-family: "futura-pt", "Roboto", "Arial", sans-serif; font-size: 1.0em; font-style: normal; font-weight: 300; line-height: 150%;}
body.cke_editable          {padding: 5px !important; }
body#main_lightbox         {background: var(--color-highlight3); height: auto; margin: 0px; padding: 0px; overflow:auto;}
body#media                 {background: var(--color-dark); overflow:hidden;}

input.bignum               {font-family: 'Courier New', serif !important; }

a.foldout-more-btn,
a.checkboxoption,
.date, .date *,
#mainnavTop,
.BackgroundImageLabel,
.NewsBoxCont,
.ContentBoxRight           {font-family: "Roboto Condensed", "Arial Narrow", "Arial", sans-serif; }

th a,
a.edit-btn,
body.cke_editable,
i.fas, i.far, ul, li, .date, .date *,
header, main, footer, div,
fieldset, select, input, textarea, label,
ul.makeMenu, ul.makeMenu li, ul.makeMenu li a,
ul a, .BackgroundImageLabel p,
h1, h2, h3, h4, h5, h6     {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.body-de p,
.body-en p,
.body-fr p,
.EventList,
.ContentBoxRight
{
hyphens: auto; 
hyphenate-limit-chars: auto 3;
hyphenate-limit-lines: 4;
-webkit-hyphens: auto;
-webkit-hyphenate-limit-chars: auto 3;
-webkit-hyphenate-limit-lines: 4;
-ms-hyphens: auto;
-ms-hyphenate-limit-chars: auto 3;
-ms-hyphenate-limit-lines: 4;
}

#pageBody                  {position: relative; display: block; height: auto; width: 100%; color: inherit; background: transparent; margin: 0px auto;  padding: 0px 0px 0px 0px; overflow: hidden; }
#pageContainer             {position: relative; display: block; height: auto; width: 100%; color: inherit; background: transparent; margin: 0px auto;  padding: 0px 0px 0px 0px; overflow: hidden; }
#tooltip                   {position: absolute; top: 0px; left: 0px; color: var(--color-highlight3); width: auto; max-width: 250px; height: auto; text-align: left; display: none; z-index: 99999; background: var(--color-highlight1-85); padding: 5px; box-shadow: 0px 0px 7px var(--color-dark-25); -moz-box-shadow: 0px 0px 7px var(--color-dark-25); -webkit-box-shadow: 0px 0px 7px var(--color-dark-25); overflow: hidden; font-size: 90%; font-weight: 400; text-transform: none; }
.tooltip_layer             {width: 300px !important; border: 2px solid var(--color-highlight1) !important; background:var(--color-highlight3) !important; padding: 10px !important; -moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px; }
.tooltip_layer iframe      {margin: 0px; padding:0px; width: 100%; height: 210px; border: none; overflow:hidden;}

header, main               {position: relative; display: block; height: auto; width: 100%; color: inherit; background: transparent; margin: 0px auto 0px; padding: 0px 0px 0px 0px; }
main                       {padding: 0px 0px 0px; font-size: 110%; }
#pageBody:not(.pageBody-slideshow) main  {padding: 190px 0px 0px; }
#pageBottom                {position: fixed; left: 0px; bottom: 0px; display: none; color: var(--color-highlight2); background: var(--color-light); width: 100%; height: 40px; padding: 0px; margin: 0px; text-align:left; z-index: 2999; overflow: hidden; box-shadow: 0px 0px 8px var(--color-dark-35); -moz-box-shadow: 0px 0px 8px var(--color-dark-35); -webkit-box-shadow: 0px 0px 8px var(--color-dark-35); }
#pageBottom .inner         {max-width: 1200px !important; }


/* *   Navigation  * */
.imgsel                    {border: 0px var(--color-grey) solid; border-bottom: 0px var(--color-dark) solid; border-right: 0px var(--color-dark) solid; margin-top: 0px;}
a img                      {border: 0px; margin: 0px 0px 0px 0px; padding: 0px;}
img.framed                 {margin: 0px 0px 10px 0px; padding: 0px; }
img.framedicon             {margin: 0px 0px 0px 0px;  padding: 0px; border: 1px solid #c9c9c9; }
img.previewimg             {margin: 0px 15px 10px 0px !important; padding: 5px; border: 1px solid var(--color-dark-6); background: var(--color-highlight3-5); display: inline-block; vertical-align: top; width: 50px; height: auto; }
img.previewimg-small       {margin: 0px 10px 3px 0px !important; vertical-align: middle; float:left;  padding: 0px; width: 40px; }
img.previewimg-empty       {border-color: var(--color-dark-0); background-color: var(--color-highlight3-0); width: 40px; }

a                          {text-decoration: none; background: transparent; font-weight: 500; color: var(--color-highlight1); }
a.white                    {font-weight: 500 !important; color: var(--color-dark-5); line-height: 130%; }
a.sel                      {text-decoration: underline; font-weight: 500; color: var(--color-highlight1);}
a:hover                    {text-decoration: underline; background: transparent; color: var(--color-dark); 	cursor: pointer; }
a:focus                    {outline: 0;}
a img.galimg               {border: 2px transparent solid;}
a:hover img.galimg         {border: 2px var(--color-highlight3) solid;}
img.viewicon               {display: none; position: relative; float: right; margin: 0px; padding: 0px;}
iframe, img                {max-width: 100%; }

a.mailaddress:after        {content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); }

#waitduplex             	 {position: fixed; display: none; left: 0px; top: 0px; width: 100%; height: 100%; background-color: var(--color-dark); text-align: center; color: var(--color-dark); opacity: 0.5; z-index: 300;}
.loader,
#loadicon                  {position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 36px; height: 36px; pointer-events: none; display: none; color: transparent; padding:0px; margin: 0px; background: var(--color-dark-6) url(../scripts/loading-icon.png) no-repeat center; background-size: 66% auto; text-align:center; z-index: 60002; overflow: hidden; moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; }


/* *  BreadCrumbs  * */
.BreadCrumbBox                  {position: relative; display: block; width: 100%; max-width: 1200px; height: auto; padding: 0px 0px; margin: 0px auto 15px; line-height: 100%; background: transparent; }
.BreadCrumbBox ul               {position: relative; list-style-type: none; width: auto; margin: 0px; padding: 0px; }
.BreadCrumbBox li               {position: relative; list-style-type: none; display: inline-block; width: auto; height: auto; list-style-image: none; margin: 0px 0px 0px 0px; padding: 0px; vertical-align:bottom; }
.BreadCrumbBox a                {position: relative; display: inline-block; vertical-align:bottom; color: var(--color-dark-6); font-size: 80%; text-transform: none; background: transparent; padding: 0px 0px 0px 0px; margin: 0px 15px 5px 0px; line-height: 100%; white-space: nowrap; }
.BreadCrumbBox a:before         {position: relative; display: inline-block; vertical-align:bottom; content: "\203A"; font-size: 120%; font-weight: 400; padding: 0px 0px 0px 0px; margin: 0px 5px 0px 0px; }
.BreadCrumbBox li:first-child a { }
.BreadCrumbBox a:hover          {text-decoration: none; color: var(--color-highlight1) !important; }

ul li                           {list-style-image: url(../img/_layout/list_bullet.png);}
ul li ul li                     {list-style-image: url(../img/_layout/list_bullet2.png);}
ul li ul li ul li               {list-style-image: url(../img/_layout/list_bullet3.png);}
.textblock_separator_dark ul li,
.ContentContainerStart ul li    {list-style-image: url(../img/_layout/list_bullet_wh.png);}

.imagetext                      {float:left; padding: 0px 0px 0px 0px; height:27px; font-size:24px; width: 266px; background: transparent; background-position:45px 5px;}
#lay_img                        {margin: 0px 0px 1px 0px;}

/* *  Header  * */
.headerBox, .headerBoxLogo                {position: relative; display: inline-block; height: 50%; width: auto; z-index: 30005; background: transparent; margin: 10px 0px 0px 0px; padding: 0px 0px; text-align: left; }
#start .headerBoxLogo                     {}
.ContentBoxTop-fixed .headerBoxLogo       {margin: 0px 0px 0px 0px; height: 50%; }
.headerBoxLogo a,
.headerBoxLogo img                        {position: relative; display: inline-block; height: 100%; width: auto; margin: 0px 0px; }
#headerBoxImg              {background:transparent; position: relative; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; height: auto; color: inherit; overflow: hidden; border: none;}
.headerBoxBanner           {background:transparent; position: relative; float: right; width: auto; height: auto; margin: 20px 20px 0px 0px; padding: 0px 0px 0px 0px;}
.back                      {background:transparent; position: relative; width: auto; height: auto; margin: 7px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #333333; z-index:2; font-size:10px; }
.LabelBox                  {position: relative; display: none; width: auto; height: auto; font-size: 26px; font-weight: normal; color: #002851; background: transparent; margin: 0px; padding: 0px 0px 0px 0px; line-height: 100%; }
.LabelBox p                {position: relative; display: none; width:auto; text-align:left; margin: 0px; padding: 0px; }
.toolbar                   {position: absolute; display: block; right: 0px; top: 10px; text-align: right; padding: 0px 0px; background: var(--color-light); width: auto; z-index: 1; height: 46px; overflow: visible; }
.toolbar > div             {position: relative; display: inline-block; margin: 0px 0px 0px 10px; }
#ContentBoxTop .toolbar       {z-index: 30002; }
.ContentBoxTop-fixed .toolbar {top: 0px; }
main div.toolbar           {right: 3%; }
main div.toolbar > a       {margin: 5px 0px 0px 5px !important; }

/* *  Content boxes  * */
.section                   {display: block; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 5; background: var(--color-highlight3); }
#ContentBoxTop             {display: block; position: fixed; color: inherit; background: var(--color-highlight3); text-align: left; height: 150px; width: 100%; font-size: inherit; margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px; overflow: visible; z-index: 3000; }
#start #ContentBoxTop      {}
.ContentBoxTop-fixed       {height: 90px !important; background: var(--color-light) !important; border-bottom: 1px solid var(--color-dark-4); box-shadow: 0px 0px 10px var(--color-dark-4); -moz-box-shadow: 0px 0px 10px var(--color-dark-4); -webkit-box-shadow: 0px 0px 10px var(--color-dark-4); }
.ContentBoxTop-first       {}
.ContentContainer          {display: block; position: relative; background: transparent; color: inherit; height: auto; width: 100%;  max-width: 1200px; margin: 0px auto; padding: 0px 0px 0px 0px; }
.Container-stickymenu      {padding-top: 0px !important; }
.ContentContainerInner     {position: relative; height: auto; width: 100%; display: block; margin: 0px; padding: 0px 0px 0px 0px; text-shadow: none; background: transparent; }

.ContentBoxLeft            {position: relative; display: none;         width: 218px;  float: left;  height: auto; background: transparent; margin: 0px 0px;  padding: 0px 0px 0px 0px; color: inherit; text-align: left; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.ContentBoxMiddle          {position: relative; display: inline-block; width: 80%;  height: auto; background: transparent; margin: 0px 0px;  padding: 0px 0px 0px 0px; color: inherit; text-align: left; overflow: visible; }
.ContentBoxMiddleInner     {position: relative; display: block;        width: 100%;  max-width: 1200px;  height: auto; background: transparent; margin: 0px auto;         padding: 0px 0px 0px 0px;  color: inherit; text-align: left; overflow: visible; }
.ContentBoxRight           {position: relative; display: inline-block; width: 17%; float: right; height: auto; background: transparent; margin: 0px 0px;  padding: 0px 0px 0px 0px; color: inherit; text-align: left; overflow: visible; }
.inner                     {display: block; position: relative; background: transparent; color: inherit; height: 100%; width: 100%; max-width: 1200px; padding: 0px 0px; margin: 0px auto; }
#ContentBoxTop .inner      {}

.ContentTextBoxNormal       {position: relative; display:block;               width: 100%; height: auto; margin: 0px auto 10px;       padding: 0px 0px 0px 0px; overflow:visible; }
.ContentTextBoxLeft         {position: relative; display:inline-block;        width: 63%; height: auto; margin: 0px 0px 15px 0px;    padding: 0px 0px 0px 0px; overflow:visible;}
.ContentTextBoxRight        {position: relative; display:inline-block;        width: 63%; height: auto; margin: 0px 0px 15px 0px;    padding: 0px 0px 0px 0px; overflow:visible;}
.ContentImgBoxNormal        {position: relative; display:block;               width: 100%; height: auto; margin: -60px auto 35px;      padding: 0px 0px 0px 0px; z-index: 2; text-align: left; overflow: hidden;; }
.ContentImgBoxLeft          {position: relative; display:inline-block; float: left;  width: 33%;  height: auto; margin: 0px 2% 15px 0px;  padding: 0px 40px 0px 0px; text-align: left; overflow:hidden; line-height: 110%; z-index: 2; }
.ContentImgBoxRight         {position: relative; display:inline-block; float: right; width: 33%;  height: auto; margin: 0px 0px 15px 2%;  padding: 0px 0px 0px 40px; text-align: left; overflow:hidden; line-height: 110%; z-index: 2; }

.ContentTBTextBoxNormal     {position: relative; display:block;               width: 100%; height: auto; margin: 0px auto 10px;       padding: 0px 0px 0px 0px; overflow:visible;}
.ContentTBBoxLeft           {position: relative; display:inline-block;        width: 63%; height: auto; margin: 0px 0px 15px 0px;    padding: 0px 0px 0px 0px; overflow:visible;}
.ContentTBBoxRight          {position: relative; display:inline-block;        width: 63%; height: auto; margin: 0px 0px 15px 0px;    padding: 0px 0px 0px 0px; overflow:visible;}
.ContentTBImgBoxNormal      {position: relative; display:block;               width: 100%; height: auto; margin: 0px auto 15px;      padding: 0px 0px 0px 0px; z-index: 2; text-align: left; overflow: hidden;; }
.ContentTBImgBoxLeft        {position: relative; display:inline-block; float: left;  width: 33%;  height: auto; margin: 0px 2% 15px 0px;  padding: 0px 40px 0px 0px; text-align: left; overflow: hidden; line-height: 110%; z-index: 2; }
.ContentTBImgBoxRight       {position: relative; display:inline-block; float: right; width: 33%;  height: auto; margin: 0px 0px 15px 2%;  padding: 0px 0px 0px 40px; text-align: left; overflow: hidden; line-height: 110%; z-index: 2; }

.ContentImgBoxLeft img,
.ContentImgBoxRight img,
.ContentTBImgBoxLeft img,
.ContentTBImgBoxRight img,
.ContentTBImgBoxNormal img,
.ContentImgBoxNormal img    {width: 100%; height: auto !important; display: block; padding: 0px; margin: 0px; }

.ImgContainer               {background: var(--color-light); }
.leftcolumn                 {display: block; width: 100%; max-width: 1200px; height: auto; margin: 0px auto; padding: 0px 0px 20px 0px; }
.rightcolumn                {display: block; width: 100%;                    height: auto; margin: 0px auto; padding: 0px 0px 0px 0px; }

.scroll-wrapper            {position: relative; color: inherit; background: transparent; height: 500px;  width: 980px; display: block; margin: 0px 0px 0px 0px; padding: 0px; overflow: hidden; }
.slide                     {position: absolute; top: 0px; left: 980px; color: inherit; background: transparent; height: auto; width: 100%; display: block; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; overflow: visible; }
.first-slide               {position: absolute; top: 0px; left: 0px; background: transparent; }
.read-more                 {position: absolute; display: none; bottom: 0px; left: 0px; width: 100%; margin: 0px; padding: 0px; z-index: 101; overflow: hidden; }
.read-more a               {display: block; margin: 0px; padding: 1px 10px; color: #666666; background: var(--color-light); font-size: 12px; font-weight: bold; border: 1px solid #bbbbbb; border-bottom: none; }
.read-more a:hover         {text-decoration: none; border-color: var(--color-dark); color: var(--color-dark); background: var(--color-highlight1); }
.read-more-show            {display: block; }
a.section-anchor           {position: relative; top: -180px; display: block; height: 0px; padding-top: 0px; margin: 0px; }
a.section-anchor-sub       {/*position: absolute; top: -150px;*/}

.parallax-slide            {display: block; position: relative; margin: 0px 0px -200px 0px; padding: 0px 0px 0px 0px; width:100%; height: auto; max-height: 450px; background: transparent; overflow: hidden; }
.parallax-slide img        {display: block; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:100%; height: auto; }


/* * Social Networks * */
.sociallinks                {position: relative; display: block; clear: both; width: auto; padding: 0px 0px 0px 0px; margin: 20px 0px 0px 0px; text-align: left; z-index: 1; }
.sociallinks a              {position: relative; display: inline-block; padding: 0px 0px 0px 0px; background: var(--color-highlight1-0); margin: 0px 5px 5px 0px; width: 35px; height: 35px; vertical-align: top; overflow: hidden; }
.sociallinks a:hover        {background-color: var(--color-highlight1-4); }
.sociallinks img            {display: block; margin: 0px; padding: 0px; width: 100%; height: 100%; }
.socialbtns                 {position: relative; width: auto; padding: 0px; float: left; margin: 0px 0px 0px 0px; }

.socialbar                  {position: relative; display: block; clear: both; width: auto; border: 1px solid var(--color-dark-2); padding: 5px 10px; margin: 10px 0px 10px 0px; text-align: left; z-index: 1; }

.LeftColumn                 {position: relative; width: 109px; height: auto; min-height: 100px; float:left; font-size: 1.0em;  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px;  background: transparent; color: var(--color-dark); overflow: hidden;}
.ContentMainBox             {position: relative; display:block; height: auto; background: transparent; color: inherit; padding: 0px; margin: 0px; text-align:left;}
.ContentMainBoxSmall        {position: relative; float: right; height: auto; width: 0px; background: transparent; color: inherit; padding: 0px; margin: 0px; text-align:left;}
.ContentImgBox              {position: relative; width: auto; height: auto; float:right;  background: transparent; color: inherit; padding:0px;   margin:0px; overflow: hidden;}
.ContentImgBoxText          {position: relative; width: auto; height: auto; margin: 0px 0 0 0; padding: 0 0 0 0;   font-size: 10px;   overflow: visible;}
.ContentBoxStart            {position: relative; height: auto; width: 350px; background: transparent; text-align:left;}

.pagetop                    {width:100%; display: block;  height: auto;  font-size: 100%; padding: 0px 0px 0px 0px; margin:0px 0px 10px 0px; line-height: 100%; }
.pagebottom                 {width:100%; display: none;   height: auto;  padding:0; margin: 0px; padding: 0px; text-align:left;}
#FrameContainer             {display:block; background: transparent; width: 100%; height: 1700px; margin: 0px; padding: 0px;}
#module_Frame               {display:block; background: transparent; width: 100%; height: 100%; margin: 0px; padding: 0px;}

a.linklist                  {}
a.linklist:hover            {}

a.dllink, a.linkPDF         {font-weight: normal; font-size: 110%; font-weight: 500; text-transform: none; display: inline-block; color: var(--color-highlight3); background: var(--color-highlight1) url(../img/_layout/icon_download.png) no-repeat 10px center; background-size: 30px auto; margin: 5px 0px; padding: 15px 15px 5px 55px;  }
a.dllink:hover              {text-decoration: none; background-color: var(--color-highlight2); }
a.dllink img                {display: inline-block; vertical-align: bottom; }

a.pdf, a.linkPDF             {background-image: url(../img/_layout/icon_pdf.png);}
a.ppt, a.pptx, a.pps, a.ppx  {background-image: url(../img/_layout/icon_ppt.png);}
a.mp3                        {background-image: url(../img/_layout/icon_mp3.png);}
a.doc, a.docx, a.dot, a.word {background-image: url(../img/_layout/icon_doc.png);}

a.btn,
a.button                         {font-size:110%; display:inline-block; font-weight: 500; width: auto; text-decoration: none; color: var(--color-highlight3); background: var(--color-highlight1-7); background-repeat: no-repeat; background-position: 5px center; background-size: auto 50%; margin: 0px 0px 5px 0px; padding: 8px 20px; text-transform: none; text-align: left; overflow:hidden; /*moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; */}
a.btn:hover,
a.button:hover                   {color: var(--color-highlight3); background-color: var(--color-highlight1); text-decoration: none;}
a.button-pale:hover,
a.button-pale                    {color: var(--color-dark); background: var(--color-dark-1); }
a.button-pale:hover              {background: var(--color-dark-2) !important; }
a.button-small:hover,
a.button-small                   {font-size: 90%; font-weight: 500; padding: 5px 15px;  }

a.directorybar	                 {display: block !important; background-image: url(../img/_layout/icon_dir_white.png) !important; background-repeat: no-repeat !important; background-position: 5px center !important; background-size: auto 100% !important; margin: 10px 0px 0px 0px !important; padding: 5px 10px 5px 50px !important; }
a.directorybar:hover             {background-image: url(../img/_layout/icon_dir_white.png) !important; }
.filebar                         {background: transparent;  font-size: 100%; font-weight: normal;  padding: 0px;              margin: 0px 0px 0px 0px;  display: block; height: auto; border-bottom: 1px solid #bbbbbb;}
.filebar a:not(.edit-btn)        {background-color: var(--color-dark-1);      display: block;  font-size: 90%; font-weight: normal;  padding: 5px; margin: 0px 0px 0px 0px;  display: block; height: auto; }
.filebar a:not(.edit-btn):hover  {background-color: var(--color-highlight1);   color: var(--color-highlight3);  text-decoration: none;  }
.filebar-sel a:not(.edit-btn)    {background-color: var(--color-highlight1-5); color: var(--color-highlight3); }
.filebar a.edit-btn              {float:right; margin: 5px 10px 0px 0px !important; height: 25px !important; width: 25px !important; }

a.edit-btn,
a.edit-btn:hover             {color: transparent; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: auto 100%; display: inline-block; vertical-align: middle; overflow: hidden; height: 30px; width: 30px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
a.edit-btn:hover             {text-decoration:none;}
a.edit-btn-edit              {background-image: url(../img/_layout/icon_edit.png); }
a.edit-btn-pdf               {background-image: url(../img/_layout/icon_pdf.png); }
a.edit-btn-sort-up           {background-image: url(../img/_layout/icon_sort_up.png); width: 24px; }
a.edit-btn-sort-down         {background-image: url(../img/_layout/icon_sort_down.png); width: 24px; }
a.edit-btn-copy              {background-image: url(../img/_layout/icon_copy.png); }
a.edit-btn-delete            {background-image: url(../img/_layout/icon_delete.png); }
a.edit-btn-delete:hover      {background-image: url(../img/_layout/icon_delete_MO.png); }
a.edit-btn-cal               {background-image: url(../img/_layout/icon_cal.png); margin-right: 15px !important; }
a.edit-btn-cal:hover         {background-image: url(../img/_layout/icon_cal_MO.png); margin-right: 15px !important; }
a.edit-btn-img,
a.edit-btn-img:hover         {background-repeat: no-repeat !important; background-position: 5px center !important; background-size: auto 100% !important; background-image: url(../img/_layout/icon_picture_MO.png) !important; padding: 5px 10px 5px 50px !important; margin: 10px 10px 0px 0px !important; }
.buttonlist a.edit-btn       {float: right; margin-left: 5px; }

a.edit-btn.light,
a.edit-btn.light:hover                {vertical-align: top; margin: 10px 0px 0px 10px; }
a.edit-btn-right,
a.edit-btn-right:hover                {position: absolute; width: 24px; height: 24px; right: 3px; bottom: 5px; display: block; z-index: 10; }
form:not(#editform) a.edit-btn-right,
.rubricsearch a.edit-btn-right,
.rubricsearch a.edit-btn-right:hover  {display: none !important; right: 3px; bottom: 2px; width: 22px; height: 22px; }
.previewimg-empty a.edit-btn.light    {display: none; }

a.extern                     {position: relative; padding-right: 20px !important; }
a.extern::after              {display: block; position: absolute; top: 4px; right: 4px; height: 100%; width: 16px; content: ""; background-image: url(../img/_layout/icon_extern.png); background-repeat: no-repeat; background-position: right top; background-size: 12px auto; }
a.btn.extern::after,
a.button.extern::after       {background-image: url(../img/_layout/icon_extern_white.png); }
a.btn.extern:hover::after,
a.button.extern:hover::after {background-image: url(../img/_layout/icon_extern.png); }

.buttonlist a:not(.edit-btn):not(.section-anchor),
.buttonlist a:not(.edit-btn):not(.section-anchor):hover     {font-size: 100%; display:block; font-weight: normal; width: 100%; text-decoration: none; color: var(--color-dark); background: var(--color-grey); margin: 0px 0px 3px 0px; padding: 10px 10px; text-transform: none; text-align: left; overflow:hidden; /*-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; */}
.buttonlist a:not(.edit-btn):not(.section-anchor):hover     {color: var(--color-highlight3); background-color: var(--color-highlight1-8); text-decoration: none; }
.buttonlist a p                                             {width: 70%;}
.buttonlist a.menu-sel                                      {background-color: var(--color-highlight1-5); }
.buttonlist-blocked a:not(.edit-btn):not(.section-anchor),
.buttonlist-inactive a:not(.edit-btn):not(.section-anchor)        {color: var(--color-dark-4); background-color: var(--color-grey-5); }
.buttonlist-blocked a:not(.edit-btn):not(.section-anchor):hover,
.buttonlist-inactive a:not(.edit-btn):not(.section-anchor):hover  {color: var(--color-dark-4); background-color: var(--color-highlight1-3); }

a.backbtn                    {background-image: url(../img/_layout/arrow_left_MO.png); font-size:90%; position:absolute; top: 10px; right: 15px; display: block; width: auto; text-decoration: none; margin: 0px; padding: 5px 20px 5px 30px; }
a.backbtn:hover              {background-image: url(../img/_layout/arrow_left_MO.png); text-decoration: none; }
.body-edit-tool a.backbtn    {display: none !important; }

a.extrabutton,
a.extrabutton:hover           {position:relative; display: block; z-index: 2001; width: 160px; height: 32px; font-size:90%; font-weight: 200; text-decoration: none; text-align: center; text-transform:uppercase; color: transparent !important; background: transparent url(../img/_layout/big_arrow.png) no-repeat center center; background-size: 100% auto; margin: 10px auto; padding: 0px; }
a.extrabutton:hover           {text-decoration: none; color: transparent !important; background-image: url(../img/_layout/big_arrow_MO.png); }

a.extrabutton-up,
a.extrabutton-up:hover        {position: fixed; left: 50%; bottom: 0px; width: 100px; display: none !important; background-size: auto 75%; background-color: var(--color-highlight1); padding: 0px; margin: 0px 0px 0px -50px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); moz-border-radius: 0px 0px 7px 7px; -webkit-border-radius: 0px 0px 7px 7px; -khtml-border-radius: 0px 0px 7px 7px; border-radius: 0px 0px 7px 7px; box-shadow: 0px 0px 5px var(--color-dark-5); -moz-box-shadow: 0px 0px 5px var(--color-dark-5); -webkit-box-shadow: 0px 0px 5px var(--color-dark-5); }
a.extrabutton-up:hover        {padding: 0px 0px 5px; background-size: auto 75%; }

a.extrabutton-right,
a.extrabutton-right:hover     {position: relative; height: 28px; width: 28px; padding: 0px 0px 0px 0px; margin: 4px 0px 0px 0px; }
a.extrabutton-right:hover     {background-position: 3px center; }

a.extrabutton-left,
a.extrabutton-left:hover      {position: relative; height: 28px; width: 28px; padding: 0px 0px 0px 0px; margin: 0px 0px 4px 0px; }
a.extrabutton-left:hover      {background-position: -3px center; }

a.extrabutton-down,
a.extrabutton-down:hover      {position: absolute; left: 50%; bottom: 104px; width: 60px; height: 60px; margin: 0px 0px 0px -30px; border: 2px solid var(--color-highlight3-5); background-size: 80% auto; moz-border-radius: 60px; -webkit-border-radius: 60px; -khtml-border-radius: 60px; border-radius: 60px; }
a.extrabutton-down:hover      {bottom: 100px; border-color: var(--color-highlight3); background-color: var(--color-highlight3-15); }
a.extrabutton-down,
body:not(#start) a.extrabutton-down,
a.extrabutton-down-section    {display: none !important; }

/* * Scroll arrow * */
.arrowcont                    {position: fixed; bottom: 3%; left: 50%; transform: translate(-50%,0); width: 110px; height: 60px; pointer-events: none; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); background-color: var(--color-highlight1-6);  moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; z-index: 50000; }
.DateBox .arrowcont           {display: none; }
.arrow                        {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 80%; height: 80%; background: transparent url(../img/_layout/big_arrow_MO.png) no-repeat center center;  background-size: 100%; }
.arrowcont.invisible          {bottom: 6%; opacity: 0.0; -moz-opacity: 0.0; filter:alpha(opacity=0); }


/* * ############################################ * */
/* * MAIN MENU * */
/* * ############################################ * */
.mainnav                             {position: absolute; left: 0px; bottom: 10px; display: block; width: 100%; font-size: 120%; letter-spacing: 0em; height: auto; padding: 0px; margin: 0px 0px 0px 0px; background: transparent; text-align: left; z-index: 30001; }
.mainnav:hover                       {}
.mainnavfixed                        {font-size: 90%; bottom: 5px; }
ul.makeMenu                          {position: relative; list-style-type: none; height: auto; width: 100%; max-width: 1200px; display: block; background: transparent; margin: 0px auto; padding: 0px; overflow: visible; }
ul.makeMenu li                       {position: relative; list-style-type: none; display: inline-block; background: transparent; width: auto; height: auto; list-style-image: none; z-index: 3201; margin: 0px 0px 0px 0px; padding: 0px; overflow: visible; vertical-align: top; }
ul.makeMenu li ul                    {position: absolute; left: 0px; top: 100%; font-size: 80%; list-style-type: none; background: var(--color-light-9); padding: 0px; width: 200px; height: auto; text-align: left; z-index: 100 !important; overflow: visible; border: 1px solid var(--color-dark-2); box-shadow: 5px 5px 5px var(--color-dark-25); -moz-box-shadow: 5px 5px 5px var(--color-dark-25); -webkit-box-shadow: 5px 5px 5px var(--color-dark-25); }
ul.makeMenu > li > ul > li > ul      {top: 0px; padding: 25px 0px; }
ul.makeMenu li ul                    {margin: 0px; display: none; }
ul.makeMenu li ul li                 {display: block; }
ul.makeMenu li ul li ul li           {width: auto; }

ul.makeMenu > li:hover > ul,
ul.makeMenu > li > ul.opened-menu    {display: block !important; height: auto; }
ul.makeMenu li ul li:last-child ul,
ul.makeMenu li ul li:last-child,
ul.makeMenu li ul li:last-child a    {}

.li-meta-menu                        {display: none !important; }
ul.makeMenu li a                     {color: var(--color-highlight3); background: var(--color-dark-5); display: block; height: auto; font-size: 100%; font-weight: 300; line-height: 100%; text-transform: none; text-decoration:none; margin: 0px 10px 0px 0px; padding: 8px 15px; text-align: left; }
.mainnavfixed ul.makeMenu li a       {padding: 4px 15px; }
ul.makeMenu li ul li a               {font-size: 100%; background: transparent; color: var(--color-highlight1); margin: 0px 0px 0px 0px; }
ul.makeMenu li a.menu-sel            {background-color: var(--color-highlight1); font-weight: 500; }
ul.makeMenu > li:hover > a,
ul.makeMenu > li > a:hover           {background-color: var(--color-highlight1); }
ul.makeMenu li ul li a               {color: var(--color-dark); }
ul.makeMenu li ul li:hover a,
ul.makeMenu li ul li a.menu-sel,
ul.makeMenu li ul li a:hover         {color: var(--color-highlight3); background: var(--color-highlight1); font-weight: 400; }

/* Img */
ul.makeMenu a img                                                               {position: relative; display: inline-block; vertical-align: top; height: 22px; margin: 2px 5px 0px 0px; }
ul.makeMenu a img.img-hover                                                     {display: none; }
ul.makeMenu a.menu-sel img, ul.makeMenu a:hover img                             {display: inline-block; }
ul.makeMenu a.menu-sel img.img-hover, ul.makeMenu a:hover img.img-hover         {display: none; }

/* Menu-Toggle */
a.main-nav-toggle             {display: none; position: absolute; right: 20px; top: 10px; z-index: 26000; width: 40px; height: 40px; color: var(--color-dark); background: transparent; font-size: 16px; font-weight: 300; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-transform: none; text-align: right; }
a.main-nav-toggle:hover       {color: var(--color-highlight1); text-decoration:none; }
a.main-nav-toggle span        {position:relative; display: none; width: auto; height: 14px; color: var(--color-highlight2); border: 2px solid var(--color-light); background: transparent; padding: 5px 20px; margin: 11px 0px; text-transform: none; text-align: center; line-height: 100%; }
a.main-nav-toggle:hover span  {text-decoration:none; color: var(--color-highlight1); background-color: var(--color-highlight1); }

.main-nav-toggle i            {position: absolute; display: block; width: 100%; height: 7px; background: var(--color-dark);}
.main-nav-toggle:hover i      {background: var(--color-highlight1); }
.menu-top                     {top: 5%; }
.menu-middle                  {top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); }
.menu-bottom                  {bottom: 5%; }

.main-nav-close i             {height: 3px; }
.main-nav-close .menu-top     {top: 50%; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.main-nav-close .menu-middle  {top: 50%; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
.main-nav-close .menu-bottom  {height: 0px; }

/* * ############################################ * */
/* * MAIN MENU - ENDE * */
/* * ############################################ * */


/* * TOP-MENU * */
#mainnavTop                             {position: absolute; right: 0px; top: 5px; display: inline-block; font-size: 90%; width: auto; height: auto; padding: 0px; overflow: visible; }
#mainnavTop ul.makeMenu a img           {display: block; margin: 3px auto 7px; height: 30px; }
#mainnavTop ul.makeMenu li              {margin: 0px; padding: 0px; }
#mainnavTop ul.makeMenu li a            {min-height: auto; text-align: center; color: var(--color-highlight1); background-color: transparent; font-weight: 400; min-height: 42px; line-height: 100%; margin: 0px 0px; padding: 4px 0px 0px 20px; text-transform: none; }
#mainnavTop ul.makeMenu li a.menu-sel   {font-weight: 500; }
#mainnavTop ul.makeMenu li ul           {display: none !important; left: -25px; top: 42px; font-size: 140%; width: 100px;}
#mainnavTop ul.makeMenu li.settings ul  {left: -55px; font-size: 130%; width: 160px;}
#mainnavTop ul.makeMenu li ul li a      {padding: 6px 8px; min-height: auto; }
.ContentBoxTop-fixed #mainnavTop                     {font-size: 80%; }
.ContentBoxTop-fixed #mainnavTop ul.makeMenu a img   {height: 24px; }

      
div.SubMenuSlider              {}
div.SubMenuSliderDisplay       {display: none; float: left; padding: 10px; margin: 0px; min-width: 55px; }
a.SubMenuSlider                {position:absolute; top: 50%; height: 150px; width: 40px; display:block; margin: -75px 0px 0px 0px; padding: 0px; background: transparent url(../img/_layout/arrow.png) no-repeat center center; }
a.SubMenuSlider:hover          {background-image: url(../img/_layout/arrow_MO.png); }
a.SubMenuSlider-left           {left: -70px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); }
a.SubMenuSlider-right          {right: -70px; }
a.SubMenuSlider-left:hover     { }
a.SubMenuSlider-right:hover    { }



/* * EXTRA-MENU * */
.ContExtraMenu                 {position: relative; display:block; width: 100%; z-index: 100; font-size: 110%; height: auto; background: transparent; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: inherit; }
ul.makeExtraMenu	             {position: relative; display:block; width: 100%; height: auto; margin: 0px; padding: 0px; }
ul.makeExtraMenu li            {position: relative; display:block; vertical-align: top; list-style-type: none; list-style-image: none; margin: 0px 0px 0px 0px; padding: 0px; height: auto; width: 100%; white-space:nowrap; overflow: visible;}
ul.makeExtraMenu li a          {color: var(--color-highlight2); background: transparent; display: block; font-weight: 400; height: auto; width: auto; text-transform: uppercase; text-decoration:none; margin: 0px 0px 0px 0px; padding: 2px 0px; }
ul.makeExtraMenu li a.extramenu_sel,
ul.makeExtraMenu li a:hover               {color: var(--color-highlight1); }
ul.makeExtraMenu li a::after              {}
ul.makeExtraMenu li:last-child a::after   {display: none; }
ul.makeExtraMenu li:last-child a          {margin-right: 0px; padding-right: 0px; border: none; }
.li-extramenu-back                        {display: none !important; }


a.printbtn,
a.printbtn:visited,
a.printbtn:link,
a.printbtn:active,
a.printbtn:hover               {position:relative; display: none; width: auto; height: 10px; z-index: 100; font-size: 11px; font-weight: 300; text-decoration: none; text-transform: none; color: #888888; background: transparent url(../img/_layout/print.png) no-repeat center top; margin: 0px 0px 0px 0px; padding: 25px 4px 0px 4px; line-height: 100%;  overflow:hidden; }
a.printbtn:hover               {text-decoration: none; color: var(--color-dark); background-image: url(../img/_layout/print_ho.png); }

        
ul.LanguageBox                  {position: relative; display: inline-block; vertical-align: top; width: auto; height: auto; font-size: 100%; letter-spacing: 0.1em; text-align: center; margin: 3px 0px 0px 10px; padding: 5px; background: var(--color-dark-0); border: 1px solid transparent; overflow: visible; }
ul.LanguageBox:hover            {background-color: var(--color-light); border-color: var(--color-dark-2); box-shadow: 5px 5px 5px var(--color-dark-25); -moz-box-shadow: 5px 5px 5px var(--color-dark-25); -webkit-box-shadow: 5px 5px 5px var(--color-dark-25); }
ul.LanguageBox ul 	       	    {position: relative; list-style-type: none; display: block; width: 100%; height:auto; margin: 0px 0px 0px 0px; padding: 0px; background: transparent; }
ul.LanguageBox li               {position: relative; list-style-type: none; display: inline-block; vertical-align: top; background: transparent; width: 100%; height: auto; list-style-image: none; border: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: visible; }
ul.LanguageBox li ul            {padding: 15px 0px 0px 0px; display: none; }
ul.LanguageBox:hover > li > ul,   
ul.LanguageBox > li:hover > ul  {display: block; }
ul.LanguageBox li ul li         {width: auto; height: auto; display: block; vertical-align: top; padding: 0px 0px 0px 0px; margin: 2px 0px 3px 0px; overflow: visible; z-index: 10; }
ul.LanguageBox a                {background-color: transparent;  background-repeat: no-repeat; background-position: center top; background-size: 25px auto; color: var(--color-dark); display: block; width: 100%; height: 30px; text-transform: uppercase; border: none; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; /*opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); */}
ul.LanguageBox a:hover          {text-decoration: none; }
ul.LanguageBox a.langmenu_sel   {opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); }
ul.LanguageBox > li > a         {color: var(--color-dark); height: auto; padding: 2px 0px 0px 0px; background-size: 25px auto; }
ul.LanguageBox li ul li:last-child   {border: none !important; padding-right: 0px !important; }
ul.LanguageBox span             {color: var(--color-dark-4) !important; letter-spacing: 0 !important; }

#ContentBoxTop ul.LanguageBox li.langmenu-li-de-e {display: none !important; }


/* Sitemap */
ul.Sitemap	             {position: relative; margin: 0px 0px 0px 0px; padding: 0px; display:block; width: auto; background: transparent; border: none; overflow: visible;}
ul.Sitemap li            {position: relative; margin: 0px 0px 0px 0px; padding: 0px; height: auto; width: auto; overflow: visible;}
ul.Sitemap a,
ul.Sitemap a:visited,
ul.Sitemap a:focus,
ul.Sitemap a:active,
ul.Sitemap a:hover,
ul.Sitemap a:link        {display:block; color: var(--color-dark); background: transparent; text-decoration:none; font-weight: normal; font-style: normal; padding: 3px; height: auto; width: auto; overflow:visible;}
ul.Sitemap a:hover       {color: var(--color-highlight3); background: var(--color-highlight1); text-decoration:none;}

ul.Sitemap li.top              {list-style-type: none; list-style-image: none; margin-top: 20px;}
ul.Sitemap a.sitemap_top       {font-weight: bold; color: var(--color-highlight3); text-transform:uppercase; background: var(--color-highlight1); border-bottom: 1px solid #bbbbbb;; border-top: 1px solid #bbbbbb;}
ul.Sitemap a.sitemap_top:hover {background: var(--color-highlight1); color: var(--color-highlight3);}
ul.Sitemap a.sitemap_sub,
ul.Sitemap a.sitemap_subsub    {color: var(--color-dark);}
ul.Sitemap a:hover             {background: var(--color-highlight1); color: var(--color-highlight3);}


h1                         {position: relative; display:block; font-weight: 400; font-size: 200%;  color: var(--color-highlight1); width: 100%; max-width: 1200px; margin: 0px auto 0.4rem; padding: 0px 0px 0px 0px; background: transparent; text-align: left; line-height: 110%; text-transform: uppercase; }
h2                         {position: relative; display:block; font-weight: 500; font-size: 120%;  color: var(--color-highlight1); width: 100%; max-width: 1200px; margin: 0px auto 1.6rem; padding: 0px 0px 0px 0px; background: transparent; text-align: left; line-height: 140%; text-transform: none; }
h3                         {position: relative; display:block; font-weight: 500; font-size: 160%;  color: var(--color-highlight1);                 width: 100%; max-width: 1200px; margin: 0px auto 0.8rem; padding: 0px 0px 0px 0px; background: transparent;                   line-height: 110%; text-transform: uppercase; }
h4                         {position: relative; display:block; font-weight: 500; font-size: 130%;  color: inherit;                 width: 100%; max-width: 1200px; margin: 0px auto 0.8rem; padding: 0px 0px 0px 0px; background: transparent;                   line-height: 150%; text-transform: uppercase; }
h5                         {position: relative; display:block; font-weight: 500; font-size: 120%;  color: inherit;                 width: 100%; background: transparent; padding: 0px 0px 3px 0px; margin: 5px 0px 5px 0px;}
h6                         {position: relative; display:block; font-weight: 500; font-size: 100%;  color: var(--color-highlight1); width: 100%; margin: 5px auto 5px; padding: 0px 0px 0px 0px; text-transform: none; background: transparent; }

.headline-container        {position: relative; display: block; vertical-align: top; width: 100%; max-width: 1200px; margin: 0px 0px 0px 0px; }
.text-container            {position: relative; display: block; vertical-align: top; width: 100%; max-width: 1200px; margin: 0px 0px 0px 0px; }

blockquote                 {position: relative; display: block; font-style: normal !important; min-height: 80px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 100px; color: inherit; background: transparent url(../img/_layout/quote_color.png) no-repeat left top; }
blockquote h3,
blockquote h4              {padding: 0px; }


/* * MediaBox  * */
#MediaBoxStart                {position: relative; display: block; float: left; width: 298px; height: 298px; font-size: inherit; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; color: inherit; z-index: 0; background: var(--color-dark); border: 1px solid var(--color-grey); overflow: hidden; box-shadow: 0px 0px 10px var(--color-dark); -moz-box-shadow: 0px 0px 10px var(--color-dark); -webkit-box-shadow: 0px 0px 10px var(--color-dark); }
a.MediaBoxStart               {width: 100%; display:block; margin: 0px; padding: 70px 0px 0px 0px; height: 95px; color: var(--color-grey); background: transparent; text-transform:uppercase; font-size: 26px; font-weight: normal; text-align:center; }
a.MediaBoxStart:hover         {background: #3b82ba; text-decoration: none; }
#MediaBoxStart .vidlayer      {position:absolute; top: 0px; display:block; width: 300px; height: 300px; z-index: 1; background: transparent url(../img/_layout/video_play.png) no-repeat center; }
#MediaBoxStart img            {position:absolute; top: 50%; left: 0px; display:block; margin: -85px 0px 0px 0px; }

/* *   News  * */
.NewsBox                      {position: relative; display: inline-block; vertical-align: top; width: 100%; text-align: left; height: auto; font-size: 90%; padding: 0px; margin: 0px 0px 20px 0px; color: inherit; background: var(--color-light); }
.InputBox                     {display: inline-block; width: 97.5%; }
.DateBox                      {max-height: 450px; overflow: auto; }
.NewsBoxTop                   {padding: 20px 0px 0px 0px; margin: 0px; -moz-border-radius: 0px 0px 9px 9px; -webkit-border-radius: 0px 0px 9px 9px; -khtml-border-radius: 0px 0px 9px 9px; border-radius: 0px 0px 9px 9px;}
.NewsBoxCont                  {position: relative; display: block; clear: both; color: inherit; font-size: 90%; font-weight: inherit; line-height: 130%; width: 100%; height: auto; background: transparent; padding: 10px; margin: 0px 10px 0px 0px; text-transform: none; }
.DateBoxCont                  {white-space: nowrap; }
.NewsBoxContImgSliderBox      {position:absolute; top: 1px; left: 1px; width: auto; height: auto; overflow:hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.NewsBoxContImg               {position:absolute; top: 0px; left: 0px; display: none; }
.NewsBoxCont h4               {text-decoration:none; font-weight: 500; font-size: 120%;  color: inherit; background: transparent; padding: 0px 0px 0px 0px; margin: 0px 0px 2px 0px; line-height: 130%; }
.newsblock                    {margin:0; padding:0; padding-left: 1px; margin-bottom: 5px;}
.news_text                    {display: inline-block; padding: 0px 0px; width: 75%; white-space: normal; }
.pagebox .news_text           {width: 100% !important; }
.news_img                     {width: 33.3333%; }
.ContentBoxRight .infobox,
.NewsBoxCont .news_img        {display: none; }
.NewsBoxCont img              {max-width: 100%; }
.NewsBoxCont a                {font-weight: normal; display: block;}
.DateBox a, .DateBox p        {font-size: 100%; }
.DateBox .button              {display: none; }
.news_text .date              {}
a.boxlink                     {position: relative; width: 100%; height: auto; padding: 0px; margin: 0px; display: block; background: transparent; }

.SlideShowBox               { position: relative; display: block; width: 100%; height: 228px; font-size: 16px; background: transparent; border-top: 1px solid #333333; border-bottom: 1px solid #333333; margin: -30px 0px 0px 0px; padding: 0px; line-height: 100%; overflow: hidden;}
ul.SlideShowBoxList         { position: relative; list-style-type: none; font-weight: normal; display: block; width: 10000px; height: auto; background: transparent; margin: 0px; padding: 0px; overflow: visible;}
ul.SlideShowBoxList li      { position:absolute; top:0px; left:750px; list-style-type: none; background: transparent; width: 750px; height: auto; list-style-image: none; margin: 0px 0px 0px 0px; padding: 0px; vertical-align:top;}
.SlideShowBox .tile_text          { position:absolute; left:40px; top: 150px;}
.SlideShowBox h4, .SlideShowBox a { color: #333333;}
.SlideShowBox h4                  { font-size: 26px; width: 500px; line-height: 100%}
.SlideShowBox a:hover             { text-decoration: none;}

a.newshead                  {text-decoration:none; font-weight: 500; color: inherit; background: transparent; font-size: 110%; display: block; width: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 2px 0px; text-align: left;}
a.newshead:hover            {text-decoration:none; color: inherit; }
a.newshead-2                {display: block; padding-bottom: 80px;}

a.newstop                   {position: relative; display: block; width: auto; text-decoration:none; color: var(--color-highlight3); background-color: var(--color-highlight1); background-image: url(../img/_layout/arrow_up_active.png); background-position: right 5px center; background-repeat: no-repeat; background-size: 18px auto; text-transform: uppercase; font-size: 100%; font-weight: 400; padding: 7px 10px; text-align: left; z-index: 100; }
a.newstop:hover             {text-decoration:none; color: var(--color-highlight3); background-color: var(--color-highlight2); }

/* News More-Links */
.morelink-bar                  {display: inline-block; margin: 5px auto 0px; font-size: 90%; padding: 0px; text-align: left; color: var(--color-dark); background: var(--color-dark-5); overflow: hidden; border: 1px solid var(--color-dark); -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.pagetop .morelink-bar         {float: right; margin: 0px; }
.morelink-bar a                {padding: 2px 10px; display: inline-block; color: var(--color-highlight3) !important; border-right: 1px solid var(--color-highlight3); }
.morelink-bar a:hover          {text-decoration: none; background: var(--color-dark) !important; }
.morelink-bar a:last-child     {border: none !important; }
.ContentBoxRight .news-events .morelink-bar   {font-size: 85%; }
.news-events::after            {display: block; content:""; width: 100%; height: 16px; background: var(--color-grey) url(../img/_layout/arrow_up.png) no-repeat center center; background-size: auto 80%; }

/* * News-Box-States  * */
.NewsBox-closed               {padding: 0px !important; overflow: hidden; }
.NewsBox-closed div           {height: 0px !important; margin: 0px !important; padding: 0px !important; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
.NewsBox-closed a.newstop     {background-image: url(../img/_layout/arrow_down_active.png) !important; }
.folder-box                   {display: block; box-sizing: border-box; height: auto; padding: 10px 0px; margin: 0px 0px; overflow: hidden; transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; }
.folder-box-hidden            {height: 0px; padding: 0px; border-color: transparent; background: transparent; }
.folder-box-hidden select,
.folder-box-hidden input      {display: none;}

.news-events .NewsBoxCont .date {display: inline-block !important; vertical-align: top; }
.news-events .news_text         {padding: 0px 0px; }
.news-events .news_text,
.news-events .news_img          {width: 70%; }

.date                           {display: inline-block; vertical-align: top; width: 45px; font-size: 80%; margin: 0px 10px 10px 0px; padding: 0px; text-align: center; color: var(--color-dark) !important; background: var(--color-highlight3); border: 1px solid var(--color-highlight1); overflow: hidden; }
.textblock .DateBoxCont .date   {width: 17%; margin-right: 2%; }
.date-monthname,
.date-day                       {display: block; width: 100%; margin: 0px auto; padding: 3px 3px; color: var(--color-highlight3); background: var(--color-highlight1); font-size: 140%; font-weight: 500; text-transform: uppercase; line-height: 100%; }
.date-daynum,
.date-month                     {display: inline-block; color: inherit; font-size: 260%; font-weight: 500; padding: 3px; line-height: 100%; }
.date-year                      {display: none; color: inherit; line-height: 100%; }
.date-daynum::after,
.date-month::after              {/*content: ".";*/ }
.date-day, .date-month          {display: none; }


/* * Content-News  * */
.ContentBoxMiddle .NewsBox           {text-align: left; margin: 0px 0px 10px 0px; background: transparent; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -moz-border-radius: none; -webkit-border-radius: none; -khtml-border-radius: none; border-radius: none; }
/*
.ContentBoxMiddle a.newstop          {color: var(--color-highlight2); background-color: var(--color-light); font-weight: 400; font-size: 90%; padding: 4px 10px; border: 1px solid var(--color-highlight2); text-transform: none; }
.ContentBoxMiddle a.newstop:hover    {color: var(--color-dark); border-color: var(--color-highlight1); }
*/
.ContentBoxMiddle a.newshead         {font-size: 120%; }
.ContentBoxMiddle .NewsBoxCont .news_img {display: inline-block; }
.ContentBoxMiddle .NewsBoxCont       {padding: 10px 0px; margin: 0px; text-align: left; }
.ContentBoxMiddle .NewsBoxCont:hover {}
.ContentBoxMiddle .DateBoxCont       {margin: 0px 3% 4% 0px; display: inline-block; vertical-align: top; font-size: 80%; width: 30.3333%; min-height: 95px; padding: 10px 5px 10px 5px; text-align: left; border-bottom: 1px solid var(--color-highlight1); background-color: var(--color-light-6); /*border: 1px solid var(--color-highlight2-4); */}
.ContentBoxMiddle .DateBoxCont:hover {margin: -0.5% 3.5% 4.5% -0.5%; background-color: var(--color-light-8); box-shadow: 0px 0px 8px var(--color-highlight1-7); -moz-box-shadow: 0px 0px 8px var(--color-highlight1-7); -webkit-box-shadow: 0px 0px 8px var(--color-highlight1-7); }

/* *   News-Content  * */
.NewsContainer             {position: relative; display: block; vertical-align: top; height: auto; font-size: 100%; width: 100%; padding: 10px 0px 0px 0px; margin: 0px 0px 10px 0px; line-height: 140%; border-bottom: 1px solid var(--color-highlight1);}
.NewsContainer-right       {margin-right: 0px; padding-right: 0px; border-right: none;}
.newscontblock             {margin:0; padding:0; }
.newsimg                   {float:right; margin: 10px 0px 0px 15px; width: 25%; padding: 0px; }
.newsimgpage               {padding:13px; padding-bottom: 26px; margin: 0; color: var(--color-dark); background: #333333;}
.NewsContainer .morelink   {font-size:90%;}

.LogoBox                     {position: relative; height: 120px; border: none;}
.logo_rotation_box           {position: relative; display:block; padding: 0px 0px;}
.LogoBox .logo_rotation_box  {position: absolute; top: 0px; left: 10px; padding: 0px 0px;}

/* *  Teaser  * */
.TeaserContainer           {width:270px; float:left; height: auto; padding: 0px; margin: 0px 0px 0px 0px;}
.TeaserArticle             {display:block; height: auto; padding: 4px 8px 4px 8px; margin: 0px 0px 20px 0px; border: 1px var(--color-grey) solid;}
.TeaserGroup               {width:500px; height: auto; padding: 4px 8px 4px 8px; margin: 0px 0px 15px 0px; border: 1px var(--color-grey) solid;}

.LinkContainer             {display: block; margin: 30px 0px 3px 0px; padding: 0px; }
.LinkContainer p           {display: block; margin: 0px 5px 10px 5px; padding: 0px;}
.ExtraMenuBox              {display: block; height: 50px; margin: 0px 5px 3px 10px; padding: 0px; border: 1px solid var(--color-highlight1);}
.img_left									 {float: left; border-right: 1px solid var(--color-highlight1); width: 50px;}
.linkbox                   {float: left; height: 50px; width: 121px; padding: 0px; overflow: hidden;}	
.linkbox a,
.linkbox a:visited,
.linkbox a:focus,
.linkbox a:active,
.linkbox a:link            {display:block; height: 100%; color:#333333; background: var(--color-highlight3); text-decoration:none; font-weight: normal; padding: 5px 5px 0px 5px;}
.linkbox a:hover           {display:block; height: 100%; color:var(--color-highlight3); background: var(--color-highlight1); text-decoration:none; font-weight: normal; padding: 5px 5px 0px 5px;}

ul.linklist                {vertical-align: top; font-weight: normal; list-style-type:none; list-style-image: none; margin-left:0; padding-left:0;}
li.linklist                {vertical-align: top; font-weight: normal; list-style-image: url(../img/_layout/list_bullet.png); margin-left:0px; padding-left:0;}
ul.buttonlist              {display: block;  }
ul.buttonlist,
li.buttonlist              {position: relative; list-style-type: none !important; display: block; list-style-image: none !important; margin-left: 0px !important; padding-left: 0px !important; }
li.buttonlist.new          {margin-top: 20px !important;}
.buttonlist .toolbar       {right: 10px; top: 4px; background: transparent; width: auto; height: auto; }
.buttonlist .date          {font-size: 40% !important; margin-bottom: 0px !important; }

ul.pdflist li, li.pdflist  {vertical-align: top; font-weight: normal; list-style-image: url(../img/_layout/icon_pdf.png); margin-left:23px; padding-left:0;}
ul li a			               {font-weight: normal;}
div.pdflist                {background: url(../img/_layout/icon_pdf.png) no-repeat left top; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 27px; }

ul.urllink li, li.urllink    {vertical-align: top; list-style-image: url(../img/_layout/icon_link.gif); margin-left:23px; padding-left:0;}
ul.dllink li, li.dllink      {vertical-align: top; list-style-image: url(../img/_layout/icon_download.gif); margin-left:0px; padding-left:0;}
ul.pdf li, li.pdf            {list-style-image: url(../img/_layout/icon_pdf.png);}
ul.ppt li, li.ppt,
ul.pptx li, li.pptx,
ul.pps li, li.pps,
ul.ppx li, li.ppx            {list-style-image: url(../img/_layout/icon_ppt.gif);}
ul.mp3 li, li.mp3            {list-style-image: url(../img/_layout/icon_mp3.gif);}
ul.word li, li.word,
ul.doc li, li.doc            {list-style-image: url(../img/_layout/icon_word.gif);}


ul.tablist                 {position: relative; list-style-type: none; display: block; width: auto; list-style-type: none; margin: 0px auto; padding: 0px 0px 5px 0px; background: transparent; border: none; overflow: visible; text-align:center; }
li.tablist                 {position: relative; list-style-type: none; display:inline; list-style-image: none; margin: 0px 0px 0px 0px; padding: 0px; height: auto; width: auto; white-space:nowrap; overflow: visible; }
li.tablist a               {height: auto; width: auto; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; border-left: 1px solid #666666; overflow: visible; white-space:nowrap;}
li.tablist a.tablistfirst  {border: none;}


/* Footer */
.prefooter                  {display: block; clear: both; }
footer                      {position: relative; z-index: 1; height: auto; width: 100%; font-size: 90%; display: block; line-height: 130%; color: var(--color-dark-7); background: var(--color-light); margin: 40px 0px 0px 0px; padding: 20px 0px 40px; }
.FooterBoxInner             {position: relative; height: auto; width: 100%; max-width: 1200px; display: block; background: transparent; margin: 0px auto; padding: 0px 0px 0px; }
.FooterBoxCol a             {color: var(--color-highlight2); font-weight: 400; }
.FooterBoxCol a:hover       {color: var(--color-highlight1); font-weight: 400; }
.FooterBoxInner li a:hover  {text-decoration: none; }
.FooterBoxInner ul          {list-style-type: none; display: block; font-size: 90%; width: auto; list-style-type: none; text-transform: uppercase; margin: 0px; padding: 0px; }
.FooterBoxInner li          {list-style-type: none; display: block; list-style-image: none; margin: 0px 0px 10px 0px; padding: 0px; }
.FooterSubLine              {position: relative; height: auto; width: 100%; display: block; font-size: 90%; font-weight: 300; clear: both; color: inherit; background: transparent; text-transform: none; margin: 0px 0px 0px 0px; padding: 10px 0px 0px; text-align: center; }
.FooterSubLineInner         {position: relative; width: 100%; max-width: 1200px; display: block; margin: 0px auto 0px; padding: 0px 0px 0px 0px; }
footer h3                   {font-size: 220%; }
footer h3, footer h4,
footer h5, footer h6        {text-transform: uppercase; color: var(--color-highlight2); }
footer h5, footer h6        {margin-bottom: 0px; }
footer p                    {position: relative; display: block; height: auto; width: auto; margin-top: 0px; padding-top: 0px; }
.FooterBoxCol-First img     {width: 100%; max-width: 250px; }
.FooterBoxCol               {position: relative; display: inline-block; vertical-align: top; width: 33%; overflow: hidden; height: auto; padding: 0px 30px 0px 0px; margin: 0px 0px 10px 0px; }
.FooterBoxCol-First         {}
.FooterBoxCol-Double        {width: 66%; }
.FooterBoxCol-last,
.FooterBoxRight             {margin-right: 0px; padding-right: 0px; text-align: right; }
.lineblock                  {border-top: 5px solid #058bbe; padding-top: 10px !important; margin-top: 20px !important; }
a.footer                    {margin: 0px 0px 0px 10px; text-decoration: none; color: #333333;}
a.footer:hover              {text-decoration: underline;}

iframe                      {display: block !important; overflow: hidden;	width: 100% !important; margin: 0px !important; padding: 0px !important; }
.mapCont                    {position: relative; width: 100%; height: 500px; margin: 0px 0px 20px 0px; padding: 0px; }
#map                        {position: absolute; top: 0px; left: 0px; z-index:  50; width: 100%; height: 100%; margin: 0px; padding: 0px; }
#map iframe                 {position: relative; width: 100%; height: 100%; overflow: hidden; }
a#mapCover                  {position: absolute; display: block; top: 0px; left: 0px; z-index: 100; width: 100%; height: 100%; background: #f7f7f7}
a#mapCover:hover            {background-size: 110% auto; }

.mapimgCont                 {position: absolute; left: 0px; top: 0px; display: block; margin: 0px 0px 0px 0px; padding: 0px; width: 100% !important; height: 100%; }
.mapimg                     {position: relative; display: block; margin: 0px;             padding: 0px; width: 100% !important; height: auto; z-index:101; }
.maphoverimg                {position: absolute; display: none;         top: -10px; right: 0px; margin: 0px;              padding: 0px; width: 100% !important; height: auto; z-index:102; pointer-events: none; }
.maphoverimg.stay-active    {display: block !important; }

.mapdot                     {display: block; position: absolute; font-size: 70%; font-weight: 500; line-height: 110%; color: var(--color-dark-6); z-index: 1000;}
.mapdot::before             {display: inline-block; vertical-align: middle; content: ""; background: var(--color-highlight3-6); border: 2px solid var(--color-dark); width: 11px; height: 11px; margin-right: 4px; overflow:hidden; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; }
.mapdot:hover               {cursor: pointer; color: var(--color-dark); text-decoration: none; }
.mapdot:hover::before       {background: var(--color-highlight2-6); width: 13px; height: 13px; }
.mapdot-active              {font-weight: 500; }
.mapdot-active::before      {background: var(--color-highlight1) !important; color: var(--color-dark); width: 13px; height: 13px; }

.iframe-disclaimer,
.iframe-disclaimer h5       {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.iframe-disclaimer .inner   {height: 100%; }
.iframe-disclaimer          {position: absolute; display: block; top: 0px; left: 0px; z-index: 150; width: 100%; height: 100%; font-size: 90%; margin: 0px; color: var(--color-highlight3); padding: 40px 40px 40px 140px; background-color: var(--color-highlight1); background-repeat: no-repeat; background-position: 40px 40px; background-size: 80px auto; }
.iframe-disclaimer h5       {color: var(--color-highlight3); display: block; font-size: 160%; font-weight: 400; margin: 10px 0px 30px; padding: 0px; }
.allow-iframe,
.allow-iframe:hover         {position: absolute; right: 30px; bottom: 30px; color: var(--color-highlight1); background: var(--color-highlight3); display: inline-block; padding: 10px 20px; text-transform: none; margin: 10px 0px 0px 0px; }
.allow-iframe:hover         {cursor: pointer; color: var(--color-highlight3); background: var(--color-dark); text-decoration: none; }
.disclaimer-small           {font-size: 90%; padding: 15px 15px 15px 70px; background-position: 15px 15px; background-size: 40px auto; }
.disclaimer-small h5        {font-size: 140%; margin: 5px 0px 15px; }
.disclaimer-small .allow-iframe,
.disclaimer-small .allow-iframe:hover   {position: relative; right: auto; bottom: auto; padding: 5px 10px; font-size: 100%; }


#tagcloud                  {height: auto; display:block; margin: 0px 0px 5px 0px; padding: 0px; font-weight: normal; font-size: 10px; border: none;}
#tagcloud h1               {height: auto; display:none; margin: 0px;              padding: 3px 5px 3px 5px; font-weight: bold;   font-size: 11px; border-bottom: 1px solid #777777; color: var(--color-highlight3); background: #777777;}
#tagcloud ul               {list-style-type: none; height: auto; display:block; margin: 5px 0px; padding: 0px 0px 0px 0px; font-size: inherit;}
#tagcloud ul li            {position: relative; float: left; list-style-type: none; background: transparent; border-right: 1px solid #aaaaaa; font-size: inherit; width: auto; height: 16px; list-style-image: none; margin: 0px 5px 5px 0px; padding: 0px 5px 5px 0px; vertical-align:bottom; 	}
#tagcloud ul li:lastchild  {border:none;}
#tagcloud div              {margin: 5px; padding: 0px; color: #777777;}
#tagcloud a                {color: #aaaaaa; }
#tagcloud a:hover          {text-decoration: underline;}

.inline-block              {display: inline-block !important; vertical-align: top; margin: 0px 10px 0px 0px; }
.float_left                {float:left; margin: 0px 10px 0px 0px !important; }
.float_left_border         {float:left; border-left: 1px #FFFFFF solid; }
.float_right               {float:right; margin: 0px 0px 0px 10px !important; }

/*Columns*/
.ScrollBox                 {clear: both; display: block; margin: 10px auto; width: 96%; overflow: auto; padding: 10px; max-height: 200px; border: 1px solid rgba(0,0,0,0.5); }
.leftcol	                 {display: inline-block; vertical-align: top; margin: 0px 2% 10px 0px; width: 48%; overflow: hidden; clear: both;}
.rightcol          	       {display: inline-block; vertical-align: top; margin: 0px 0px 10px 0px; width: 48%; overflow: hidden;}
.col1                      {display: inline-block; vertical-align: top; margin: 0px 2% 10px 0px;  clear:both;   width: 31%; overflow: hidden; }
.col1-2                    {display: inline-block; vertical-align: top; margin: 0px 6% 10px 0px;  clear:both;   width: 62%; overflow: hidden; }
.col2                      {display: inline-block; vertical-align: top; margin: 0px 2% 10px 0px;                width: 31%; overflow: hidden; }
.col3                      {display: inline-block; vertical-align: top; margin: 0px 0px 10px 0px;  width: 31%; overflow: hidden; }
.col2-3                    {display: inline-block; vertical-align: top; margin: 0px 0px 10px 4%;   width: 62%; overflow: hidden; }
.darkblue                  {background: #313e59; color: #d7d7e0; width: 47%; margin: 0px -25px 10px; padding: 15px 25px; }
.lightblue                 {background: #d7d7e0; color: #313e59; width: 47%; margin: 0px -25px 10px; padding: 15px 25px; }
.input .col1, .input .col2,
.input .col3               {margin: 0px 0px 3px 1%; }

a.layer                    {position: absolute; left: 0px; top: 0px; z-index: 700; width: 100%; height: 100%; padding: 0px; margin: 0px; display: block; background-image:none; background-color: var(--color-dark-0); background-repeat: no-repeat; background-position: right bottom 10px; background-size: 20px auto; }
a.on,
a.layer:hover              {background-image: none; background-color: var(--color-dark-0); }

/*Gallery*/
.GalleryCont               {position: relative; display: block; clear: both; width: 100%; margin: 20px 0px 0px 0px; text-align: center; }
.tile_square               {position: relative; display: inline-block; margin: 0px 1% 1%; height: auto; width: 23%; padding: 0px 0px 0px 0px; background: transparent; border: 1px solid var(--color-dark-4); overflow: hidden; text-align: center; vertical-align: top; }
.tile_square::before       {position: relative; display: block; content: " "; padding-top: 70%; }
.tile_square .imgbox       {position: absolute; display: block; left: 0px; top: 0px; width: 100%; height: 100%; margin: 0px 0px 0px 0px; padding: 0px; text-align: center; background: transparent; overflow:hidden; }
.tile_square img           {position: absolute; display: inline; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); margin: 0px; padding: 0px; max-width: 140% !important; min-height: 100%; min-width: 100%; text-align: center;  }
.tile_square:hover img     {max-width: 150% !important; }
.tile_square h4            {font-size: 30px; color: #666666; text-shadow:none; line-height: 110%;}
.tile_square p             {position: relative; display: none; width: 100% !important; background: transparent; text-align: center !important; padding: 7px 0px !important; margin: 0px !important; font-size: 12px !important; color: inherit; line-height: 110%;}
.tile_text                 {position: relative; display: none; margin: 0px; color: inherit; width: auto; height:auto; text-shadow:none; line-height: 100%; text-align:left; z-index: 1; }
.tile_square .vidlayer     {position: absolute; top: 0px; left: 0px; display:block; width: 100%; height: 100%; margin: 0px; padding: 0px; z-index: 710; background: transparent url(../img/_layout/video_play.png) no-repeat center 10px; }
.tile_square.last          {margin-right: 0px !important; }

.GalleryContShort                  {position: relative; display: block; clear: both; width: 100%; margin: -10px auto 10px; padding: 0px 0px 20px 0px; border-bottom: 2px solid var(--color-highlight1); text-align: left; }
.GalleryType                       {display: block; }
.GalleryContShort .tile_square     {margin: 10px 10px 0px 0px !important; height: 120px !important; width: 131px !important; }
.GalleryContShort .last            {margin-right: 0px !important; }
.GalleryContShort .tile_square img {/*height: auto !important; width: auto !important; min-height: 100% !important; min-width: 100% !important; */}
a.gallery-opener                   {display: block; position: absolute; right: 0px; top: -30px; color: transparent; background: transparent url(../img/_layout/icon_zoom.png) no-repeat left top; height: 50px; width: 50px; padding: 0px; margin: 0px 0px 0px 10px; }

.single                    { }
.two_columns               {/*height: 300px !important;*/ width: 275px !important; margin-right: 5px !important; }
.three_columns             {/*height: 220px !important;*/ width: 180px !important; margin-right: 5px !important; }
.two_columns_1-2_1         {height: 240px !important; width: 180px !important; margin-right: 5px !important; }
.two_columns_1-2_2         {height: 240px !important; width: 370px !important; margin-right: 5px !important; }
.two_columns_2-1_1         {height: 240px !important; width: 370px !important; margin-right: 5px !important; }
.two_columns_2-1_2         {height: 240px !important; width: 180px !important; margin-right: 5px !important; }

.group_of_3_left_1         {height: 400px !important; width: 180px !important; margin-right: 5px !important; }
.group_of_3_left_2         {height: 195px !important; width: 370px !important; margin-right: 5px !important; }
.group_of_3_left_3         {height: 195px !important; width: 370px !important; margin-right: 5px !important; margin-left: 190px !important; margin-top: -200px !important; }
.group_of_3_right_1        {height: 195px !important; width: 370px !important; margin-right: 5px !important; }
.group_of_3_right_2        {height: 195px !important; width: 370px !important; margin-right: 5px !important; }
.group_of_3_right_3        {height: 400px !important; width: 180px !important; margin-right: 5px !important; margin-top: -200px !important; }

.squaregroup_of_3_left_1   {height: 370px !important; width: 370px !important; margin-right: 5px !important; }
.squaregroup_of_3_left_2   {height: 180px !important; width: 180px !important; margin-right: 5px !important; }
.squaregroup_of_3_left_3   {height: 180px !important; width: 180px !important; margin-right: 5px !important; }
.squaregroup_of_3_right_1  {height: 180px !important; width: 180px !important; margin-right: 5px !important; }
.squaregroup_of_3_right_2  {height: 370px !important; width: 370px !important; margin-right: 5px !important; }
.squaregroup_of_3_right_3  {height: 180px !important; width: 180px !important; margin-right: 5px !important; margin-top: -185px !important; }

.two_columns img,
.three_columns img,
.group_of_3_left_1 img,
.group_of_3_left_2 img,
.group_of_3_left_3 img,
.group_of_3_right_1 img,
.group_of_3_right_2 img,
.group_of_3_right_3 img,
.squaregroup_of_3_left_1 img,
.squaregroup_of_3_left_2 img,
.squaregroup_of_3_left_3 img,
.squaregroup_of_3_right_1 img,
.squaregroup_of_3_right_2 img,
.squaregroup_of_3_right_3 img,
.two_columns_1-2_1 img,
.two_columns_1-2_2 img,
.two_columns_2-1_1 img,
.two_columns_2-1_2 img     {/* min-width: 100% !important; height: auto !important; min-height: 100% !important; width: auto !important; */ }


/* Big Teaser */
.TileCont                  {position: relative; display: block; clear: both; width: 100%; max-width: 1200px; margin: 20px auto 0px; text-align: left; }
#TileInfo                  {font-size: 80%; }
.TileContTop               {margin: 0px auto 0px; text-align: left; }
.tile                      {position: relative; display: inline-block; vertical-align: top; margin: 0px 2% 2% 0px; width: 32%; height: auto; min-height: auto; padding: 0px; font-size: 90%; text-align: left; overflow: hidden; color: var(--color-highlight3); background: var(--color-highlight3); }
.tile-result               {position: relative; display: block; margin: 20px 0px; width: 100%; height: auto; min-height: auto; padding: 10px 0px; font-size: 100%; font-weight: 500; text-align: center; border-top: 1px solid var(--color-highlight1); border-bottom: 1px solid var(--color-highlight1);  }
.tile-ref                  {position: relative; margin: 0px 1% 1% 0px; width: 24%; }
.tilecount-3:not(.tile-ref) {margin-right: 0px; }
.tile-ref::before          {position: relative; display: block; content: ""; padding-top: 115%; }
.tile a.imgbox             {position: relative; /*absolute; left: 0px; top: 0px; */ width: 100%; height: auto; display: inline-block; vertical-align: top; margin: 0px 0px 0px 0px; padding: 0px; text-align: left; background: transparent; overflow:hidden; }
.tile a.imgbox::before     {/*position: relative; display: block; content: ""; padding-top: 66%; */}
.tile img                  {position: relative; display: block; /*top: 50%; left: 0px; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); min-height: 100%; min-width: 100%; max-width: none !important;*/ margin: 0px; padding: 0px; width: 100%; height: auto; text-align: center;  }
.tile-ref a.imgbox         {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; }
.tile-ref img              {position: absolute; top: 50%; left: 0px; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); width: 100%; display: block; }
.tile-imgtop               {position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; height: 100%; display: block; margin: 0px 0px 0px 0px; padding: 0px; text-align: center; background: var(--color-dark-0); overflow:hidden; }
.tilelink                  {position: relative; display: block; width: 100%; height: auto; min-height: 66px; margin: 0px 0px 0px; padding: 0px; color: var(--color-highlight3); font-size: 150%; font-weight: 300; line-height: 120%; text-transform: none; }
.tile-ref .tilelink        {position: absolute; left: 0px; bottom: 0px; z-index: 100; width: 100%; background: var(--color-highlight1); font-size: 100%; font-weight: 400; padding: 10px; text-align: center; }
.tilelink br               {display: none; }
.tilecontent               {position: relative; z-index: 2; display: inline-block; vertical-align: top; width: 100%; height: auto; min-height: 130px; margin: 0px 0px 0px; padding: 10px 20px; color: inherit; background: var(--color-highlight1-8); font-size: 100%; line-height: 120%; }
.tile .img-hover           {position: absolute; z-index: 100; display: none; }
.tile-subhead              {}
.tile-teaser               {position: relative; display: block; width: auto; height: auto; overflow: hidden; font-size: 100%; color: inherit; margin: 0px 0px; padding: 0px; }
.tilecontent p             {margin: 0px; padding: 0px;}
.tile a.layer              {background: none !important; }
.tile a.morelink           {clear: both; display: none; font-weight: 400; font-size: 90%; text-transform: uppercase; color: var(--color-highlight3); background: transparent; padding: 5px 0px; margin: 5px 0px 0px 0px; }
.tile:hover a.morelink,
.tile a.morelink:hover     {}
div.last                   {}
.tile-closed               {position: absolute; height: 0px; margin-top: 20px; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); background: var(--color-highlight1); }

.tile:hover,
.tile-active,
.tile-ref:hover            {}
.tile:not(.tile-ref):hover .tilelink  { }
.tile:hover img            {}
.tile:hover .tile-imgtop   {}
.tile:hover .tile-teaser,
.tile:hover .img-hover     {}
.tile:hover .tilecontent   {background: var(--color-highlight1); }

.tile-img:hover,
.tile-img                  {padding: 0px 25px 0px; color: var(--color-highlight3); background: transparent; min-height: none !important; }
.tile-img a.imgbox         {position: relative; bottom: auto; height: auto; }
.tile-img .tilelink,
.tile-img .tile-teaser     {color: var(--color-highlight3); }

.rubriclist                {position: relative; display: block; }
.rubriclist-1              {display: block; }
.textcont                  {position: relative; display: none; padding: 0px; margin: 30px 0px 20px; font-size: 100%; }
.textcont-inner            {position: relative; display: block; height: 120px; margin: 0px 0px 5px 0px; overflow: hidden; }
.textcont-inner::after     {position: absolute; display: block; bottom: 0px; content: "..."; width: 100%; background: transparent; height: 60px; font-weight: 500; line-height: 100px; margin: 0px; overflow: hidden; 
                            background: -moz-linear-gradient(top, var(--color-highlight3-0) 0%, var(--color-highlight3) 90%);
                            background: -webkit-gradient(left top, left bottom, color-stop(0%, var(--color-highlight3-0)), color-stop(90%, var(--color-highlight3)));
                            background: -webkit-linear-gradient(top, var(--color-highlight3-0) 0%, var(--color-highlight3) 90%);
                            background: -o-linear-gradient(top, var(--color-highlight3-0) 0%, var(--color-highlight3) 90%);
                            background: -ms-linear-gradient(top, var(--color-highlight3-0) 0%, var(--color-highlight3) 90%);
                            background: linear-gradient(to bottom, var(--color-highlight3-0) 0%, var(--color-highlight3) 90%);
                            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--color-highlight3-0)', endColorstr='var(--color-highlight3)', GradientType=0 );
}
.textcont-inner-open             {height: auto; }
.textcont-inner-open::after      {display: none; }


a.checkboxoption                 {color: var(--color-highlight2); display: inline-block; text-transform: none; background: var(--color-grey); overflow: hidden; font-weight: 500; margin: 0px 5px 5px 0px; padding: 2px 10px; font-size: 100%; }
#checkboxoption_all              {}
a.checkboxoption:hover           {text-decoration: none; background-color: var(--color-highlight1-3); }
a.checkboxoption-active:hover,
a.checkboxoption-active          {text-decoration: none; color: var(--color-highlight3); background-color: var(--color-highlight1); }
a.checkboxoption-active:hover    {background-color: var(--color-dark); }
a.checkboxoption-disabled        {}
a.checkboxoption-disabled:hover  {}
a.checkboxoption.tile-closed     {height: 0px; }
#checkboxoption_0                {visibility: hidden; margin: 0px; padding: 0px; width: 0; }

.rubriclist-opened,
.rubriclist-closed                  {background: var(--color-grey); padding: 2px 5px; margin: 10px 0px 0px 0px; border-left: 1px solid var(--color-highlight1); border-right: 1px solid var(--color-highlight1); }
.rubriclist-closed .checkboxoption  {display: none; }
.rubriclist-opened                  {background: transparent; border: none; padding: 0px; }
.rubriclist-opened .checkboxoption  {display: inline-block; }

.rubriclist-closed h6,
.rubriclist-opened h6           {position: relative; display: block; width: 100%; padding-right: 70px; min-height: 30px; background: transparent url(../img/_layout/arrow_up_MO.png) no-repeat 50% top; background-size: auto 25px; }
.rubriclist-opened h6           {background-image: url(../img/_layout/arrow_down_MO.png); }
.rubriclist-closed:hover h6     {cursor: pointer; background-image: url(../img/_layout/arrow_up_MO.png); }
.rubriclist-opened:hover h6     {cursor: pointer; background-image: url(../img/_layout/arrow_down_MO.png); }




/* BG Video */
#background_wrap           {position:fixed; display:block; top: 0px; left: 0px; margin: 0px; padding: 0px; width: 100%; height: 100%; z-index: 0; background: transparent url(../img/video/water_animation.jpg) no-repeat left top; background-size: 100% 100%; }
.video-filter              {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; margin: 0px; display: block; background: transparent url(../img/_layout/video-filter.png) repeat left top; z-index: -50; }
video#bgvid                {position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: url(polina.jpg) no-repeat; background-size: cover; }
#background_wrap img       {position:absolute; margin: 0px; width: 100%; height: 100%; }


/* Slideshows */
.BackgroundImage                  {position:relative; display:block; margin: 150px auto 30px; padding: 0px 0px 0px 0px; width: 100%; max-width: 1200px; height: auto; background: #e4e4e4; overflow: visible; z-index: 1; }
.BackgroundImage::before          {display: block; content: ""; padding: 33% 0px 0px 0px; }
.BackgroundImageWrapper           {position:absolute; top: 0px; left: 0px; display:block; margin: 0px; padding: 0px; width: 100%; height: 100%; }
.BackgroundImageContainer         {position:absolute; top: 0px; left: 0px; display:block; margin: 0px; padding: 0px; width: 100%; height: 100%; overflow: hidden; }
.BackgroundLayer                  {position:absolute; width:100%; height:100%; margin:0 auto; background: transparent; z-index: 3;}
.tile_slide img                   {position:absolute; border: none; top: 0px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); height: auto; max-width: none; width: 100%; /*top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-width: none; min-height: 100%; min-width: 100%;*/ }
.tile_slide .tile-imgtop,
.tile_slide .tile-imgbottom       {position: absolute; left: 0px; width: 100%; height: 300px; margin: 0px; padding: 0px; display: none; background-color: transparent; background-repeat: no-repeat; background-size: 60% auto; z-index: 2; }
.tile_slide .tile-imgtop          {top: 0px;        background-position: left top; }
.tile_slide .tile-imgbottom       {bottom: 0px;  background-position: right bottom; }
.BackgroundImage .tile_slide      {position:absolute; background: transparent; border: none; margin: 0px 0px 0px 0px; height: 100%; width: 100%; padding: 0px 0px 0px 0px; }
.BackgroundImage .tile_slide a    {height: 100%; width: auto; }

.BackgroundImageLabel             {position: absolute; top: 0px; left: 0px; display: block; width: 28%; height: 100%; padding: 15px 5% 15px 15px; margin: 0px 0px 0px 0px; overflow:hidden; background: var(--color-highlight1-0) url(../img/_layout/polygon.png) no-repeat left top; background-size: 100% 100%; color: var(--color-highlight3); line-height: 130%; font-size: 100%; text-align: left; text-transform: none;  z-index: 5; }
.BackgroundImageLabel .labeltitle,
.BackgroundImageLabel h1,
.BackgroundImageLabel h2,
.BackgroundImageLabel h3          {position:relative; display:block; width: 100%; margin: 0px auto 10px !important; padding: 0px 0px 10px 0px; border: none; text-transform: none; background: transparent; color: var(--color-highlight3); border-bottom: 1px solid var(--color-highlight3); font-size: 110% !important; font-weight: 500; height: auto; line-height: 110% !important; }
.BackgroundImageLabel p           {display: block; clear: both; width: 100%; margin: 5px auto !important; padding: 0px 0px 0px 0px !important; background: transparent; }
.BackgroundImageLabel.link:hover  {background: var(--color-highlight1-85); }

.BackgroundImageLabelImgPos-,
.BackgroundImageLabelImgPos-above,
.BackgroundImageLabelImgPos-below,
.BackgroundImageLabelImgPos-left  {}
.BackgroundImageLabelImgPos-right {}

.BackgroundImage-Content                                     {height: 300px; margin: 0px auto 20px; }
.BackgroundImage-Content .BackgroundImageLabel               {font-size: 90%; }
.BackgroundImage-Content .BackgroundImageLabelImgPos-,
.BackgroundImage-Content .BackgroundImageLabelImgPos-above,
.BackgroundImage-Content .BackgroundImageLabelImgPos-below,
.BackgroundImage-Content .BackgroundImageLabelImgPos-left    {}
.BackgroundImage-Content .BackgroundImageLabelImgPos-right   {}

.BackgroundImageBtns              {display: block; position: absolute; left: 0px; bottom: -20px; width: 100%; height: auto; padding: 0px; margin: 0px auto; z-index: 10; text-align: center; }
a.BackgroundImageBtn              {position:relative; width: 7px; height: 7px; display: inline-block; padding: 0px; margin: 0px 2px; border: 1px solid var(--color-dark-7); background: transparent; overflow: hidden; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; /*box-shadow: 0px 0px 4px var(--color-dark-9); -moz-box-shadow: 0px 0px 4px var(--color-dark-9); -webkit-box-shadow: 0px 0px 4px var(--color-dark-9); */}
a.BackgroundImageBtn-sel,
a.BackgroundImageBtn:hover        {background: var(--color-dark-7); }
.watermark                        {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent url(../img/_layout/space.png) no-repeat center center; z-index: 1100; }

/* Slideshow Nav */
.Slidearrow                {position:absolute; top: 45%; width: 40px; height: 40px; z-index: 50; background: var(--color-highlight1-4); border: 2px solid var(--color-highlight3-7); overflow: hidden; margin: 0px 0px 0px 0px; -moz-border-radius: 60px; -webkit-border-radius: 60px; -khtml-border-radius: 60px; border-radius: 60px; }
.Slidearrow:hover          {background-color: var(--color-highlight1-9); border-color: var(--color-highlight3); }
.Slidearrow a              {display: block; width: 100%; height: 100%; background: transparent url(../img/_layout/arrow_right_MO.png) no-repeat center; }
.leftarrow                 {left: -40px; pointer-events: none; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
.rightarrow                {right: -40px; pointer-events: none; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
.leftarrow a               {background-size: 40%; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); }
.rightarrow a              {background-size: 40%; }
.leftarrow a:hover         {}
.rightarrow a:hover        {}
.BackgroundImage:hover .leftarrow  {/*left: 0px; pointer-events: auto; opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100);*/}
.BackgroundImage:hover .rightarrow {right: 5px; pointer-events: auto; opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); }
.BackgroundImage a.morelink        {position: relative; left: auto; right: auto; bottom: auto; top: auto; clear: both; display: inline-block; color: var(--color-highlight3); border: none; background: transparent; font-weight: 500; font-size: 90%; text-transform: none; margin: 5px 0px 0px !important; padding: 7px 0px; }
.BackgroundImageLabel:hover a.morelink,
.BackgroundImage a.morelink:hover  {color: var(--color-highlight1); background: var(--color-highlight3); padding: 7px 10px; }

.content-block                     {position: relative; clear: both; display:inline-block; vertical-align: top; height: 150px; width: 150px; margin: 0px 20px 20px 0px; padding: 0px 0px 0px 0px; font-size: 100%; line-height: 140%; overflow: hidden; }
.content-block-red                 {background: var(--color-highlight1); color: var(--color-highlight3); font-size: 70%; font-weight: 500; height: 130px; width: 130px; padding: 10px 10px; }
.content-block-image               {width: auto; }
.content-block-image img           {height: 100%; width: auto; max-width: none; }
.content-block-title               {width: 40%; font-size: 80%; visibility: hidden; }
.content-block-red h2,
.content-block-red h3,
.content-block-red h4,
.content-block-red h5,
.content-block-red h6              {color: inherit; margin: 0px 0px 15px 0px; font-size: 150%; }

.FoldListCont                      {position: relative; display: block; clear: both; width: 100%; margin: 0px auto 20px; color: inherit; letter-spacing: 0em; text-align: center; overflow: visible; }
.ListCont                          {position: relative; display: block; clear: both; width: 100%; margin: 0px auto; color: inherit; letter-spacing: 0em; text-align: center; overflow: hidden; white-space:nowrap; /*overflow-y: hidden; overflow-x: auto; */}
.ListCont::-webkit-scrollbar       {display: none; }
.ListContWrapper                   {position: relative; display: inline-block; width: auto; border: none; padding: 0px; margin: 0px; overflow: hidden; white-space:nowrap; }
.ListContInnerWrapper              {position: relative; display: inline-block; width: auto; padding: 0px; margin: 0px; overflow: hidden; white-space:nowrap; }
div.list_icons                     {display: block; width: 100%;   height: auto; margin: 0px 0px; padding: 0px; text-align: left; }
.listblock                         {position: relative; display:inline-block; vertical-align: top; white-space:normal; margin: 0px 3% 0px; height: auto; font-size: 120%; width: 27%; padding: 0px 30px; text-align: center; color: inherit; background: transparent; }
.listblock-last                    {margin-right: 0px; }
.ListContWrapper .listblock,
.slide-sub .listblock              {width: 160px; margin: 0px 34px; }
.listblock-single                  {width: 100% !important; margin: 0px 0px 30px 0px; }
.listblock p                       {font-size: 70%; margin-bottom: 5px; }
.listblock h4,
.listblock h3                      {font-size: 90%; color: var(--color-highlight1); font-weight: 500; margin: 0px 0px 20px 0px; padding: 0px; }
.listblock .tilelink-a             {padding: 10px 20px; }
.listblock a.morelink              {display: none; }
.listblock-text                    {position: relative; text-align: center; width: auto; font-size: 100%; }
.listblock-img                     {position: relative; display:inline-block; vertical-align: top; text-align: center; padding: 0px; overflow: hidden; }
.listblock-img img                 {position: relative; width: auto; display:inline-block !important; margin: 0px auto !important; padding: 0px; }
.listblock-img-,
.listblock-img-above               {width: auto; margin: 0px 0px 0px 0px; }
.listblock-img-below               {width: auto; margin: 0px 0px 0px 0px; }
.listblock-img-right               {width: 35%; float: right; margin: 0px 0px 15px 15px; }
.listblock-img-left                {width: 35%; float: left;  margin: 0px 15px 15px 0px; }
.listblock .imgbox                 {position: relative; display: inline-block; width: 100%; background: transparent; height: auto; margin: 0px auto 20px !important; text-align: center !important; }
.listblock .imgbox::before         {position: relative; display: block; content: ""; padding-top: 100%; }
.listblock .imgbox img             {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); height: auto; width: 100%; max-width: none; display:inline !important; margin: 0px auto !important; padding: 0px; }
.listblock .tile-imgtop,
.listblock .tile-imgbottom         {position: absolute; left: 0px; width: 100%; height: 100%; margin: 0px; padding: 0px; display: none; background-color: transparent; z-index: 2; }
.listblock .tile-imgtop            {}
.listblock .tile-imgbottom         {display: none; }
.listblock-single .tile-imgtop,
.listblock-single .tile-imgbottom  {display: none !important; }
.listblock:hover                   {}
.listblock:hover .tile-imgtop      {}
.listblock:hover .tilelink         {}
.listblock:hover .imgbox img       {width: 110%; }
.listblock:hover .tilelink-a,
.listblock .tilelink-a:hover       {text-decoration: none; color: #bb7e01; }
.listblock:hover a.morelink        {text-decoration: none; background-image: url(../img/_layout/icon_zoom_square_MO.png); }
.listblock a.layer                 {background: transparent !important; }


.teaserblock               {position: relative; display:block; width: auto; color: inherit; background: #ebebeb; margin: 0px 0px 10px 0px; padding: 10px 30px; }
.textblock                 {position: relative; clear: both; display:block; margin: 0px auto; padding: 0px 0px 0px 0px; background: transparent; text-align: left; width: 100%; }
.textblock.list_foldouts,
.textblock.sitemenu        {overflow: visible; }
.textblock-inner           {position: relative; display: block; width: 100%; height: 100%; max-width: 1200px; margin: 0px auto; padding: 15px 0px 15px 0px; background: transparent; color: inherit; /*z-index: 2;*/ }
.textblock-foldout         {position: relative; margin: 5px auto; padding: 0px 0px 0px 0px;}
.textblock-float           {position: relative; float:left;  margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px;}
.textblock img             {}
.tileblock                 {position: relative; height: auto; float:left; color: var(--color-dark); width: auto; margin: 0px 20px 0px 0px; border: 1px solid var(--color-dark);}
div.zoomicon               {position: absolute; bottom: 0px; right: 0px; z-index:100;}
div.line                   {position: relative; height: auto; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; border-top: 1px dotted #666666;}
.tbtext                    {}
.meldung                   {padding: 10px 10px 0px 10px !important; margin: 10px 0px !important; border: 1px solid #d7d7e0; background: var(--color-highlight3); box-shadow: 0px 0px 7px var(--color-dark-3); -moz-box-shadow: 0px 0px 7px var(--color-dark-3); -webkit-box-shadow: 0px 0px 7px var(--color-dark-3); }
.download                  {/*background: #e9e9e9; width: 44%; padding: 15px; font-size: 90%; */}
.download .listblock-img-right,
.download .listblock-img-left  {width: 90px; }
.textblock .download        {background: transparent; padding: 0px; font-size: 100%; }

.textblocks_left,
.textblocks_right                            {display: inline-block; vertical-align: top; width: 48.5%; max-width: 582px; }
.textblocks_left_big                         {display: inline-block; vertical-align: top; width: 70%;   max-width: 840px; }
.textblocks_right_small                      {display: inline-block; vertical-align: top; width: 25%;   max-width: 300px; }
.textblocks_left_big,
.textblocks_left                             {clear: both; padding: 0px 0px 0px 0px; margin-right: 1%;  /*left: 50%;  transform: translate(-600px, 0); -webkit-transform: translate(-600px, 0); */}
.textblocks_right_small,
.textblocks_right                            {padding: 0px 0px 0px 0px; float: right;                   /*right: 50%; transform: translate(600px, 0); -webkit-transform: translate(600px, 0); */}

.textblock_labelleft                         {position: fixed; top: 215px; left: 50%; width: 100px !important; margin: 0px 0px 0px -530px !important; padding: 5px; text-align: center; background: #d7d7e0; overflow: hidden; z-index: 1000;}
.textblock_labelleft .textblock-inner        {padding: 0px 5px; width: 100%; margin: 0px; }
.textblock_labelleft .listblock              {display: block; margin: 5px 0px !important; width: 100% !important; padding: 0px !important; font-size: 120% !important; line-height: 120% !important; }

.rubricfilter                                {}
.showproductrubrics                          {font-size: 90%; }
.news_bigteaser_2levels .textblock-inner     {padding: 0px 0px 100px; }
.map_locations .textblock-inner,
.map_locations .ContentTBImgBoxNormal,
.gallery_textblocks .textblock-inner,
.textblock_dark .textblock-inner,
.parallax-slide .textblock-inner             {padding: 0px; margin: 0px; height: auto; }
.textblock_separator_image .textblock-inner,
.textblock_separator_light .textblock-inner,
.textblock_separator_dark .textblock-inner   {padding: 20px; }
#start .textblock.news_bigteaser .textblock-inner,
#start .gallery_slideshow .textblock-inner   {}

.tb-bogen-top                                {display: none !important; width: 100%; height: 0px; margin: 0px 0px; padding: 0px; background: transparent; background-size: 100% 100% !important; }
.tb-bogen-bottom                             {display: none !important; width: 100%; height: 0px; margin: 0px 0px; padding: 0px; background: transparent; background-size: 100% 100% !important; }
.tb-bogen-top.textblock_separator_light      {display: none !important; }
.tb-bogen-bottom.textblock_separator_light   {display: none !important; }
.tb-bogen-top.textblock_separator_dark       {display: none !important; }
.tb-bogen-bottom.textblock_separator_dark    {display: none !important; }

.textblock_separator                      {/*padding: 20px 0px 10px; border-top: 2px solid #d7d7e0; border-bottom: 2px solid #d7d7e0; */}
.textblock_dark                           {margin: 0px auto 0px; padding: 0px; background: var(--color-highlight1); color: var(--color-highlight3); }
.textblock_separator_light                {display: block; width: 100%; max-width: none; height: auto; margin: 0px 0px !important; padding: 0px !important; background: var(--color-light); color: inherit; }
.textblock_separator_dark                 {display: block; width: 100%; max-width: none; height: auto; margin: 0px 0px !important; padding: 0px !important; background: var(--color-highlight1); color: var(--color-highlight3); }
.textblocks_parallax                      {}
.textblock_separator_light h2,
.textblock_separator_light h3,
.textblock_separator_light h4,
.textblock_separator_dark h2,
.textblock_separator_dark h3,
.textblock_separator_dark h4,
.list_icons                               {}
.textblock.dates                          {margin-top: 60px; }

.textblock_separator_dark *,
.textblock_dark *                         {color: inherit !important; }
.textblock_separator_dark blockquote      {background-image: url(../img/_layout/quote.png); }

.textblock_separator_image                {display: block; width: 100%; z-index: 10; max-width: none; height: auto; margin: 0px 0px !important; padding: 0px; background: var(--color-dark); color: #ffffff; }
.textblock_separator_image::after         {position: absolute; display: block; z-index: 1; content: ""; left: 0; top: 0; width: 100%; height: 100%; margin: 0px; padding: 0px; background: var(--color-dark-5); }
.textblock_separator_image *              {color: var(--color-highlight3); }
.textblock_dark hr,
.textblock_separator_image hr             {color: var(--color-highlight3); background: var(--color-highlight3); }

.textblock_separator_light .tile          {color: var(--color-highlight1); background: #e4e4e4; }
.textblock_separator_light .tilelink      {color: var(--color-highlight1); text-transform: uppercase; font-size: 100%; margin-bottom: 20px; }
.textblock_separator_light .tilecontent   {background: transparent; }
.textblock_separator_light a.morelink     {display: none; color: var(--color-highlight1); }

.textblock_separator_dark .tile           {color: var(--color-highlight1) !important; background: #eebcb3; }
.textblock_separator_dark .tile:hover,
.textblock_separator_dark .tile-active,
.textblock_separator_dark .tile-ref:hover {background: var(--color-highlight3) !important; }
.textblock_separator_dark .tilelink       {color: var(--color-highlight1) !important; }
.textblock_separator_dark .tilecontent    {color: var(--color-highlight1) !important; background: transparent; }
.textblock_separator_dark a.morelink      {color: var(--color-highlight1) !important; }

.textblock_1_3 .ContentTextBoxLeft,
.textblock_1_3 .ContentTextBoxRight,
.textblock_1_3 .ContentTBBoxLeft,
.textblock_1_3 .ContentTBBoxRight         {width: 76%; }
.textblock_1_3 .ContentImgBoxLeft,
.textblock_1_3 .ContentImgBoxRight,
.textblock_1_3 .ContentTBImgBoxLeft,
.textblock_1_3 .ContentTBImgBoxRight      {width: 20%; }


.QuickfinderBox            {position: absolute; top: -55px; right: 5px; display: block; font-size: 80%; width: auto; height: auto; margin: 0px 0px 0px 0px; padding: 0px; overflow: hidden; z-index: 3000; line-height: 140%; }
.quickfinder-listblock     {position: relative; background: transparent; display: inline-block; width: 200px; height: auto; color: var(--color-dark); margin: 0px 0px 0px 0px; overflow: hidden; text-align: right; vertical-align: top; }
.quickfinder-text          {position: relative; display: inline-block; line-height: 110%; padding: 0px 0px 0px 0px; z-index: 1; color: inherit; font-weight: 300; vertical-align: middle; text-align: left; }
.quickfinder-img           {position: relative; display: inline-block; height: 30px; margin: 0px 0px 0px 0px !important; padding: 0px !important; vertical-align: middle; }
.quickfinder-img-right     {}
.quickfinder-img-left      {}      
.quickfinder-img-hover     {display: none; }
.quickfinder-img img       {height: 100%; width: auto; }
.QuickfinderBox a          {display: block; background: transparent; color: var(--color-highlight1); height: 100%; margin: 0px !important; padding: 4px 0px !important; }
.quickfinder-listblock:hover,
.QuickfinderBox a:hover    {background: transparent; color: var(--color-dark); text-decoration: none; }
.QuickfinderBox a:hover .quickfinder-img        {/*display: none; */}
.QuickfinderBox a:hover .quickfinder-img-hover  {/*display: block; */}


.tile_thumb                {position: relative; float:left; margin: 30px 40px 0px 0px; height: auto; width: auto; padding: 0px; text-align:left;}
.tile_thumb a              {color: #666666; background: #e7e7e7; border: 1px solid #bbbbbb; display: block; width: auto; padding: 6px 15px; overflow:hidden; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; white-space: nowrap; box-shadow: 3px 3px 3px var(--color-dark-2); -moz-box-shadow: 3px 3px 3px var(--color-dark-2); -webkit-box-shadow: 3px 3px 3px var(--color-dark-2); }
.tile_thumb a:hover        {color: var(--color-highlight3); background: var(--color-highlight1); text-decoration: none;}

		
li p, div.line p, .NewsBoxCont p, .newscontblock p, h2 p  							    {margin: 0px; padding: 0px;}
.ContentTextBoxNormal p, .ContentTextBoxLeft p, .ContentTextBoxRight p,
div.listblock p, .tile p, div.textblock p                                   {margin-top: 0px !important; padding-top: 0px !important; }
p.searchnav                                                                 {margin: 0px 0px 10px 0px; padding: 0px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; text-align:center;}
.textblock ul, .col1 ul, .col2 ul, .col3 ul                                 {margin-top: 0px; margin-left: 5px; padding-left: 17px;}
.textblock li, .col1 li, .col2 li, .col3 li                                 {margin-top: 0px; margin-left: 0px; padding-left: 0px;}

b, strong, .bold, .strong  {font-weight: 700; }
.yellow                    {color: #df8a00;}
.clear                     {display: block; clear: both; height: 0px !important; width: 0px !important; margin: 0px !important; padding: 0px !important; overflow: hidden; }
.small                     {font-size: 11px;}
.big                       {font-size:120%;}
.date                      {color: #aaaaaa; font-size: 10px;}
.info                      {color: var(--color-dark-8); display: block; font-size: 90%; line-height: 100%; padding: 5px 0px;}
hr                         {color: var(--color-dark); clear: both; height: 1px; border: none; width:70%; background: var(--color-dark); margin: 20px auto; padding: 0px; display: block; }
.asterisk              	   {color: #9c0000; font-weight: bold; font-size: 14px;}
.alert                 	   {color: var(--color-highlight1); font-weight: bold; font-size:90%;}
.red                 	     {color: #9c0000; font-weight: 500; font-size:110%; }
.green                     {color: rgba(33,166,33,1.0); font-size: 120%; font-weight: 500; }
.nobr                      {display: inline-block; white-space:nowrap;}
.center                    {text-align: center; }
.none                      {display: none;}
.fas, .far                 {background: var(--color-highlight1-0); display: inline-block; width: auto; height: auto; padding: 0px; line-height: 100%; text-align: center; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; }
span.far, span.fas         {margin-left: 3px; }
i.far.tooltip,
i.fas.tooltip              {margin: 0px 5px; width: 20px; height: 20px; padding: 3px; font-size: 90%; }
a i.far, legend i.far,
a i.fas, legend i.fas      {margin-right: 5px; }
.light i.far,
.light i.fas               {background: var(--color-highlight2-5); width: 20px; height: 20px; padding: 2px; font-size: 90%; }
.light i.far:hover,
.light i.fas:hover         {background: var(--color-highlight2-7); }
.edit-btn-mute i.far,
.edit-btn-mute i.fas       {background: var(--color-highlight1-4); }
.edit-btn-mute i.far:hover,
.edit-btn-mute i.fas:hover {background: var(--color-highlight1-4); }
.edit-btn.check-off i.far,
.edit-btn.check-off i.fas  {background: #cc0033; color: var(--color-highlight3); }
.edit-btn.check-on i.far,
.edit-btn.check-on i.fas   {background: #79b165; color: var(--color-highlight3); }
.white .far,
.white .fas                {margin-right: 10px; font-size: 180%; }
legend .far,
legend .fas                {margin-right: 10px; font-size: 80%; }
.button .far,
.button .fas               {margin: 0px 5px 4px 0px; font-size: 110%; }


.usertoolbar               {position: fixed; z-index: 2000; left: -1px; top: 190px; /*transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); */display: block; padding: 5px; background: var(--color-light); border: 1px solid var(--color-highlight2-4); overflow:hidden; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; -khtml-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; box-shadow: 3px 3px 3px var(--color-dark-2); -moz-box-shadow: 3px 3px 3px var(--color-dark-2); -webkit-box-shadow: 3px 3px 3px var(--color-dark-2);  }
a.edit                     {display: block; font-size: 100%; }
.edit i.far,
.edit i.fas                 {width: 30px; height: 30px; padding: 6px; margin: 5px 0px 5px 0px; background: var(--color-highlight1-6); color: var(--color-dark); }
.edit a:hover i.far,
a.edit:hover i.far,
.edit a:hover i.fas,
a.edit:hover i.fas          {background: var(--color-highlight1); color: var(--color-highlight3); }
.edit-btn i.far,
.edit-btn i.fas             {width: 30px; height: 30px; padding: 6px; margin: 5px 0px 5px 0px; background: var(--color-dark-0); color: var(--color-highlight1-5); }
.edit-btn:hover i.far,
.edit-btn:hover i.fas       {color: var(--color-highlight1); }
.buttonlist i.far,
.buttonlist i.fas           {margin-right: 10px !important; }

/* Tabellen */
table              {border: 0px solid transparent; border-collapse: collapse; margin-top: 5px; font-size: 100%; }
tr, tbody, thead   {width: 100%; }
th                 {border: 0px solid transparent; background: #5b76a0; color: var(--color-highlight3); text-align: left; font-weight: 500; vertical-align: top; margin: 0px; padding: 5px; white-space: nowrap;}
td                 {border: 0px solid transparent; background: transparent; text-align: left; font-weight: inherit; vertical-align: top; margin: 0px; padding: 3px 10px 3px 3px;}

table.datatable    {border: 0px solid var(--color-highlight1); font-size: 90%; line-height: 130%; margin: 0px 0px 40px 0px; }
.ContentBoxMiddle table.datatable tr:hover      {background: var(--color-highlight1-2); }
.ContentBoxMiddle table.datatable tr.link:hover {cursor:pointer; }
.ContentBoxMiddle table.datatable td       {vertical-align: middle; }
table.datatable th                         {background: var(--color-highlight1-7); color: #ffffff; padding: 5px 5px; text-align: left; }
table.datatable td                         {border-bottom: 1px solid var(--color-grey); padding: 5px 5px; text-align: left; }
table.datatable th.tbspalte1,
table.datatable td.tbrow1    {text-align: left; }
table.datatable td.tbrow6    {font-weight: 500; color: #04973c; }
.ContentBoxRight table.datatable td           {padding: 5px 10px 5px 0px; }
.ContentBoxRight table.datatable              {font-size: 90%; }
th.first, td.first {border-left: 0px; padding-left: 0px;}
td.firstcol        {font-weight: normal; }
td.row1            {border: 0px solid #b9974e; background: transparent; }
td.row1_1          {border: 0px solid #b9974e; background: transparent; }
td.row1_2          {border: 0px solid #b9974e; background: transparent; }
td.row1_3          {border: 0px solid #b9974e; background: transparent; }
td.row1_4          {border: 0px solid #b9974e; background: transparent; }
td.row1_5          {border: 0px solid #b9974e; background: transparent; }
td.row1_6          {border: 0px solid #b9974e; background: transparent; }
td.row2            {border: 0px solid #b9974e; background: transparent url(../img/_layout/bg_black_trans10.png) repeat left top; }
td.row2_1          {border: 0px solid #b9974e; background: transparent url(../img/_layout/bg_black_trans10.png) repeat left top; }
td.row2_2          {border: 0px solid #b9974e; background: transparent url(../img/_layout/bg_black_trans10.png) repeat left top; }
td.row2_3          {border: 0px solid #b9974e; background: transparent url(../img/_layout/bg_black_trans10.png) repeat left top; }
td.row2_4          {border: 0px solid #b9974e; background: transparent url(../img/_layout/bg_black_trans10.png) repeat left top; }
td.row2_5          {border: 0px solid #b9974e; background: transparent url(../img/_layout/bg_black_trans10.png) repeat left top; }
td.row2_6          {border: 0px solid #b9974e; background: transparent url(../img/_layout/bg_black_trans10.png) repeat left top; }
td.tdnowrap        {white-space:nowrap;}

tr.new td          {color: var(--color-dark);   background-color: var(--color-highlight1-2); font-weight: 500; }
tr.closed td       {color: var(--color-dark);   background-color: rgba(33,166,33,0.3); }
tr.blocked td      {color: var(--color-dark-5); background-color: #ffffee; }

a.navtable,
a.navtable:link,
a.navtable:focus,
a.navtable:active,
a.navtable:visited,
a.navtable:hover         {text-decoration: none; display:block; font-weight: bold; display:block; padding:5px; height: 20px; width: 20px; text-align:center; margin: 2px auto 0px; color: var(--color-highlight3); background: #002851; overflow:hidden; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px;}
a.navtable:hover         {background: var(--color-highlight1); color: var(--color-dark); }

th a, th a:hover   {position: relative; display: block; width: 100%; height: 100%; font-weight: 400 !important; color: #ffffff; background: var(--color-highlight1-0) url(../img/_layout/arrows_sort.png) no-repeat right 2px center; padding: 5px 20px 5px 5px; margin: 0px; }
th a.sel,
th a:hover         {background-color: var(--color-highlight1); color: #ffffff; background-image: url(../img/_layout/arrows_sort_up.png); text-decoration: none; }
th a.sel.desc      {background-image: url(../img/_layout/arrows_sort_up.png) !important; }
th a.sel.asc       {background-image: url(../img/_layout/arrows_sort_down.png) !important; }
td.row1link        {border: 0px solid transparent; color: #0099FF; background: transparent; margin:0; padding:0; text-align:center;}
td.row2link        {border: 0px solid #f0f0f0; color: #0099FF; background: #f0f0f0; margin:0; padding:0; text-align:center;}
td ul              {margin: 0px 0px 0px 20px; padding: 0px;}
th p               {margin: 0px !important; padding: 0px !important;}
td p               {margin: 0px !important; padding: 0px !important;}
td.td-groups       {font-size: 90%;}
td.td-edit         {text-align:right; width: 1%; white-space: nowrap; }
.textright         {text-align:right;}
.tbspalte1         {text-align:left;}
.tbspalte2         {text-align:left;}
.tbspalte3         {text-align:left;}
.tbspalte4         {text-align:left;}
.tbspalte5         {text-align:left;}
.tbspalte6         {text-align:left;}


/* TB Foldouts */
.foldout-list-cont             {position: relative; display: block; vertical-align: top; background: transparent; padding: 0px; width: 100%; max-width: 1200px; height: auto; margin: 0px auto 20px; overflow: hidden; }
a.foldout-more-btn             {display: block; font-weight: 300; font-size: 140%; color: var(--color-dark); text-transform: none; border-bottom: 1px solid var(--color-dark); background: transparent url(../img/_layout/arrow_down.png) no-repeat right 15px center; background-size: auto 30px; padding: 10px 15px 10px 0px; margin: 0px 0px 0px 0px; overflow: hidden;  }
.foldout-more-input            {display: block; width: 100%; cursor: pointer; color: var(--color-dark); background: transparent url(../img/_layout/icon_zoom.png) no-repeat right center; background-size: auto 25px; padding: 4px 10px 4px 10px; margin: 0px 0px 0px 0px; overflow: hidden;  }
.foldout-list-cont:hover a.foldout-more-btn,
a.foldout-more-btn:hover       {color: var(--color-highlight1); border-color: var(--color-highlight1); background-image: url(../img/_layout/arrow_down_active.png); text-decoration: none; }
.foldout-more-input:hover      {color: var(--color-highlight1); cursor: pointer; background-image: url(../img/_layout/icon_zoom_MO.png); }
a.foldout-more-btn-open        {color: var(--color-highlight1); border-color: var(--color-highlight1); background-image: url(../img/_layout/arrow_up.png) !important; }
.foldout-list-cont:hover a.foldout-more-btn-open,
a.foldout-more-btn-open:hover  {color: var(--color-highlight1); background-image: url(../img/_layout/arrow_up_active.png) !important; }
.foldout-more                  {position: relative; display: block; background: transparent; margin: 0px 0px 0px 0px; padding: 15px 0px 10px 0px; width: 100%; height: auto; overflow: hidden; opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); }
.foldout-more .textblock-inner {padding: 0px; }
.foldout-more ul               {padding-left: 15px; margin-top: 0px; }
.foldout-more li               {padding-left: 0px;}



/* Formulare */
form             {clear:both; font-size: 90%; max-width: 100%; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; display:block; }
fieldset         {margin: 0px 0px 10px 0px; padding: 0px; display: block; max-width: 100%; border: none; text-align: left; }
fieldset.floatform       {display: inline-block; vertical-align: top; }
fieldset.floatform-right {float: right; margin: 20px 0px 0px 0px; }
legend           {display: block; font-weight: 500; font-size: 100%; color: var(--color-dark-8); border-bottom: 1px dashed var(--color-dark-4); width: 100%; margin: 0px auto 10px; padding: 0px 0px 4px 0px; height: auto; line-height: 120%; text-align:left;  }

.input label         {display: none; font-size: 100%; font-weight: 400; color: var(--color-dark-7); padding: 4px 10px 4px 5px; vertical-align: top; text-align: left; }
.input-rubric label  {padding: 2px 4px; }
.important-label {display: inline-block !important; padding: 4px 5px 3px 5px; }
.label-big       {font-size: 100% !important; color: var(--color-dark-9) !important; }
.label-small     {padding: 4px 15px 4px 5px !important; }
label.right      {width: 310px !important; font-size: 90% !important; }
label.right2     {width: 270px !important; }
label.admincheck-1 {color: var(--color-dark-5); font-size: 75%; font-style: italic;  }
.label-data      {width: 80% !important; font-size: 80%; display: inline-block !important; }
label.emptylabel {height:0 !important; width:0 !important; padding: 0 !important; overflow: hidden;}

button,
.input select,
.input input,
.input textarea         {font-family: inherit; color: inherit; background: var(--color-highlight3-7); width: 100%; font-size: 100%; padding: 5px 10px; margin: 0px 0px 0px 0px; font-weight: 400; border: none; vertical-align: middle; }
.input-rubric           {display: block; padding: 5px 0px 0px 10px; border-top: 1px dotted var(--color-dark-5); }
.input-rubric input     {font-size: 80%; width: 75%; font-weight: 300; margin: 0px 5px 0px 0px; vertical-align: top; }

input.submit,
button,
.input select,
select           {border: none; -webkit-appearance: none; -moz-appearance: none; padding: 4px 5px !important; }
.input select,
select           {
  background-image:
    linear-gradient(45deg, transparent 50%, var(--color-dark-5) 50%),
    linear-gradient(135deg, var(--color-dark-5) 50%, transparent 50%);
  background-position:
    calc(100% - 10px) calc(0.9em),
    calc(100% - 5px) calc(0.9em);
  background-size:
    5px 6px,
    5px 6px;
  background-repeat: no-repeat;
}

.input select.selectsmall,
select.selectsmall              {font-size: 11px; font-weight: normal; }
button.submit,
input.submit                    {width: auto; color: var(--color-highlight3); font-size: 100%; font-weight: 500; border: none; background: var(--color-highlight1-7); padding: 5px 20px !important; margin-right: 10px; text-transform: uppercase; text-align: center; }
button.submit:hover,
input.submit:hover              {background: var(--color-highlight1); color: var(--color-highlight3); cursor:pointer; }
.submit-pale                    {color: var(--color-dark-7) !important;  background: var(--color-dark-1) !important; font-weight: 400 !important; margin: 0px 10px; }
.submit-pale:hover              {color: var(--color-dark) !important;  background: var(--color-dark-2) !important; }
input[type='checkbox'],
input[type='radio']             {display: inline-block; cursor: pointer; vertical-align: top; height: 20px !important; width: 20px !important; padding: 0px !important; margin: 5px 0px 0px 5px !important; color: var(--color-highlight3); overflow: visible; background-color: var(--color-highlight3-5); background-repeat: no-repeat; background-position: center; background-size: 100% auto; border: 1px solid var(--color-dark-3); -webkit-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; }
input[type='checkbox']:hover,
input[type='radio']:hover,
input[type='checkbox']:focus,
input[type='radio']:focus       {background-color: var(--color-highlight3) !important; }
input[type='checkbox']:checked,
input[type='radio']:checked     {background-color: var(--color-highlight3) !important; border-color: var(--color-highlight1); background-image: url(../img/_layout/list_check.png); }
input.readonly   {color: #808080;}
textarea         {float:left; max-width: 100%; padding: 5px 5px 5px 10px; height: 100px; }
div.input        {position: relative; display:inline-block; vertical-align: top; color: inherit; border-left: 3px solid var(--color-highlight1); background: var(--color-dark-15); width: 47.5%; max-width: 100%; padding: 1px; margin: 0px 2% 20px 0px; height: auto; text-align: left; }
div.input_error  {background: var(--color-highlight1-4); }
div.highlight    {background: var(--color-highlight1-2) !important; font-size: 110%; text-align: center; display:block; margin: 0px auto 20px; }

div.input-captcha,
div.input-empty       {border-color: var(--color-highlight1-0) !important; background-color: var(--color-dark-0) !important; }
div.input-message     {width: 97.25%; margin-right: 0px; }
div.input-message-big {min-height: 445px; }
div.input-big                      {/*max-width: 66%; */}
div.input-num                      {/*max-width: 26%; font-size: 90%;*/}
div.input-radio                    {background: transparent !important; border: none; }
div.input-captcha img,
div.input-captcha a   {display: inline-block; vertical-align: bottom; font-size: 80%; font-weight: 300; margin: 0px 10px 0px 0px; }
div.input_error a     { }
div.input-hidden {visibility: hidden; height: 0px !important; width: 0px !important; margin: 0px !important; padding: 0px !important; overflow: hidden; }
div.error        {position: relative; clear: both; display:block; background: #880c61; padding: 8px; margin: 0px 0px 10px 0px;  height: auto; color: var(--color-highlight3); font-size: 100%; width: 100%; border: 1px var(--color-dark) solid; }
div.error a      {color: var(--color-highlight3) !important; font-weight: 500; }
div.okay         {position: relative; clear: both; display:block; background: #c0dabf; padding: 8px; margin: 0px 0px 10px 0px;  height: auto; color: var(--color-dark); font-size: 90%; width: 100%; border: 1px var(--color-dark) solid; }
div.okay a       {font-weight: 500; }
div.infobox      {position: relative; clear: both; display:block; background: var(--color-light); padding: 5px 10px; margin: 0px 0px 10px 0px;  height: auto; color: var(--color-dark-8); font-weight: normal; font-size: 90%; width: 97.25%; border: 1px var(--color-highlight2-5) solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
div.infobox h4   {margin: 0px; }
div.submit       {background: transparent !important; border: none !important; }
div.backsubmit   {position: absolute; top: 0px; left: 0px; height: auto;}
div.databox      {width:300px; margin-top:5px; padding: 2px 2px 2px 2px; height:70px; border:1px solid #666666; overflow:auto; font-size:0.9em;}
div.input img    {margin: 0px 0px 2px 0px;}

div.inputbox     {position: relative; display:block; margin: 7px 0px 0px 0px;}
div.labelbox     {position: relative; display:block; }
.data-box        {display:block; margin: 0px; padding: 0px; height: auto; max-height: 0px; overflow: hidden; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
.data-box.active {margin: 0px; max-height: 300px; opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); }
    
#LocatorBox div.input {background: transparent;}
#LocatorBox select    {width: 170px;}

.calcform             {background: #f4f4f4; padding: 15px 10px; border: 1px solid var(--color-grey); }
.calcform fieldset    {margin: 10px 0px 0px 0px; }
.calcform label       {display: block !important; width: 100%; }
.calcform input[type=text]  {width: 90%; }

.field-info      {margin: 0px 0px 5px 55px !important; font-size: 90%; font-weight: bold; }
input.biginput   {font-size: 130%; font-weight: 400; color: #000000; }
input.bignum     {font-size: 150%; font-weight: 400; color: #000000; letter-spacing: 0.05em; text-align: center; }
#plz, .plz       {width: 24% !important; margin: 0px !important; }
#ort, .ort       {width: 75% !important; margin-left: 1% !important; }
select.short     {width: 30%;}
select.number    {width: 50px;}
input.number     {width: 120px; margin-right: 5px; }
input.captcha    {width: 150px; float: none; font-size: 18px; padding: 4px;}

/* NewsBox */
.NewsBox br,
.NewsBox legend               {display: none; }
.NewsBox form,
.NewsBox fieldset             {margin: 0px; }
.NewsBox:not(.InputBox) div.input                             {border: 1px solid var(--color-dark-5); padding: 0px; margin: 0px 5px 5px 0px; }
.ContentBoxRight .NewsBox:not(.InputBox) div.input            {display: block; text-align: left;  width: 100%; margin: 0px 0px 10px 0px; }
.NewsBox:not(.InputBox) select,
.NewsBox:not(.InputBox) input[type=text],
.NewsBox:not(.InputBox) input[type=password] {font-size: 90%; background-color: var(--color-highlight3-6); }
.NewsBox input.submit         {width: 100%; font-size: 110%; }
.NewsBox a.white              {display: block; margin: 2px 0px 8px; }
.NewsBox-closed input         {display: none !important; }

/* SearchBox */
.SearchBox                {position: absolute; top: 5px; left: 0px; display: none !important; width: 245px; height: 30px; z-index: 1000; padding: 5px 3px; margin: 0px 0px 0px 0px; background: #ffedcc url(../img/_layout/bg_input.png) repeat left top; border: 1px solid #95a7c0; overflow:hidden; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; box-shadow: 0px 0px 5px var(--color-dark-3); -moz-box-shadow: 0px 0px 5px var(--color-dark-3); -webkit-box-shadow: 0px 0px 5px var(--color-dark-3); }
#searchform               {display: block; margin: 0px; padding: 0px; }
#searchform label         {display: none; color: var(--color-highlight3); margin: 0px; padding: 0px 0px 0px 2px; }
#searchform input         {color: #999999; background: transparent; width: 200px; font-size: 100%; height: auto; border: none; margin: 0px 0px 0px 0px; padding: 7px 0px 0px 10px; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; }
#searchform input:focus   {color: #333333; }
#searchform input.SearchBoxsubmit       {position: absolute; width: 23px; height: 19px; top: 50%; right: 0px; padding: 0px; margin: -10px 5px 5px 5px; color: transparent; font-size: 11px; font-weight: bold; background: transparent url(../img/_layout/icon_searchsubmit.png) no-repeat left top; border: none; text-transform:uppercase; overflow:hidden; -moz-border-radius: none; -webkit-border-radius: none; -khtml-border-radius: none; border-radius: none; }
#searchform input.SearchBoxsubmit:hover {cursor:pointer; text-decoration: none; box-shadow: 0px 0px 6px var(--color-highlight3-8); -moz-box-shadow: 0px 0px 6px var(--color-highlight3-8); -webkit-box-shadow: 0px 0px 6px var(--color-highlight3-8); }
#searchform .searchsubmit {color: transparent; background: transparent; width: 19px; height: 20px; border: 1px solid #d43535; border-left: none; margin: 0px; padding: 2px;}


/* BigSearchform */
#BigSearchform              {position: relative; display: block; margin: 0px; padding: 0px; }
#BigSearchform #searchquery {width: 70%; padding: 5px; color: #333333; border: 1px solid #666666; }
#BigSearchform label        {width: auto; text-transform: none; background: transparent; margin: 0px; }
#BigSearchform .submit      {position: absolute; height: auto; top: 5px; right: 10px;}

/* quicksearchform */
#quicksearchform              {width: 180px; padding: 0px 10px;}
#quicksearchform select       {width: 100%; margin-bottom: 2px; font-size: 11px; }
#quicksearchform input.submit {width: 100%; padding: 4px 0px; margin: 0px; }

/* Calendarform */
#calendarform                    {display: block; }
#calendarform fieldset           {background: var(--color-grey); padding: 2px 10px; overflow: hidden; border: 1px solid var(--color-grey); -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
#calendarform select             {width: 186px; background: var(--color-highlight3); }
#calendarform input[type=text]   {width: 180px; background: var(--color-highlight3); }
#calendarform label              {width: 120px; }
#calendarform input.submit       {width: auto; font-size: 110%; font-weight: bold; text-transform: uppercase; }
#calendarform input.submit-reset {width: auto; font-size: 80%; font-weight: normal; float: right; text-transform: none; border: 1px solid var(--color-highlight1); padding: 6px 10px; margin: 1px 0px 0px 10px; }
#calendarform .info              {color: #444444; }

.calendartable                   {margin: 0px 0px 0px 0px; }
.calendarrow                     {position: relative; margin: 20px 0px 10px 0px; }
.calendarrow div.firstcol        {font-weight: normal; text-align: left; width: 65%; min-height: 90px; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; overflow: hidden; border-bottom: 1px solid var(--color-grey); }
.calendarrow div.sale-info       {font-weight: bold; }
.calendarrow div.imagecont       {position: relative; display: block; float: right; width: 100px; height: auto; margin: 0px 0px 0px 10px; padding: 0px; overflow: hidden;}
.calendarrow div.imagecont img   {position: relative; width: 100%; height: auto; padding: 0px; margin: 0px 0px 0px 0px; border: none; }

.datebox                         {display: block; float: left; width: auto; height: auto; margin: 5px 5px 0px 0px; }
.datebox-mon                     {display: block; font-size: 80%;  font-weight: 500; text-transform: uppercase; width: 100%; margin: 0px; padding: 2px 0px; background: #dd9067; color: var(--color-highlight3); line-height: 100%; }
.datebox-daynum                  {display: block; font-size: 180%; font-weight: 500; text-transform: uppercase; width: 100%; margin: 0px; padding: 3px 0px; background: var(--color-highlight3); color: #555555; line-height: 100%; }
.datebox-day                     {display: block; font-size: 80%;  font-weight: 300; text-transform: uppercase; width: 100%; margin: 0px; padding: 2px 0px; background: var(--color-highlight3); color: #555555; line-height: 100%; }

.calendarrow h5                  {font-size: 110%;  display: block; }
.calendarrow .date               {font-size: 90%; color: #999999; display: none; }
.calendarrow p                   {margin-top: 0px !important; padding-top: 0px !important;}
.no-date .datebox,
.no-date .date                   {display: none; }
.sell-link                       {display: block; position: absolute; bottom: 0px; right: 0px; font-weight: bold; font-size: 14px; text-align: center; width: 150px; color: var(--color-highlight3); border: 1px solid var(--color-highlight1); padding: 3px; background: var(--color-highlight1); margin: 0px 0px 0px 0px; }
.sell-link:hover                 {color: var(--color-highlight3); text-decoration: none; background: var(--color-highlight1); }
.sell-link-top                   {bottom: 40px; }
div.firstcol > a                 {display: block; color: var(--color-dark); background: transparent; padding: 5px !important; margin: -5px !important; height: 100%; width: 100%; }
div.firstcol > a:hover           {color: var(--color-highlight3); background: var(--color-highlight1); text-decoration: none; }

/* OptionList */
.optionlist               {position: absolute; bottom: -180px; left: 0px; z-index: 30000; display: block; border: 1px solid var(--color-dark-5); background: var(--color-light-9); width: 100%; height: 180px; box-shadow: 5px 5px 5px rgba(0,0,0,0.15); -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.15); -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.15); overflow: auto; }
.unfilled                 {background-image: url(../scripts/loading-icon-bl.gif); background-position: center; background-repeat: no-repeat; background-size: 20px auto; }
.optionlist a             {display: block; position:relative; font-size: 90%; padding: 2px 10px; left: 0px; right: 0px; white-space: nowrap; background-color: transparent; color: #666666; overflow: hidden; }
.optionlist a:focus,
.optionlist a:hover       {color: #000000; text-decoration: none; background-color: rgba(0,0,0,0.1); }

/*
a.button:focus,
a.button:hover,
a.btn:focus,
a.btn:hover,
*/
div.input:hover,
div.input_error:hover,
div.input:hover input[type=text],
div.input_error:hover input[type=text],
div.input:hover textarea,
div.input_error:hover textarea,
div.input:hover select,
div.input_error:hover select,
input:focus,
textarea:focus,
select:focus,
input:hover,
textarea:hover,
select:hover              {background-color: var(--color-highlight1-2); }
.edit-btn-cal:focus       {box-shadow: 0px 0px 8px rgba(142,53,59,0.75); -moz-box-shadow: 0px 0px 8px rgba(142,53,59,0.75); -webkit-box-shadow: 0px 0px 8px rgba(142,53,59,0.75); }

/* countdown */
#countdown                {text-align: center; margin: 10px auto; padding: 10px 10px 0px; width: auto; height:auto; font-size:44px; color: var(--color-highlight3); background: var(--color-dark); border: 2px solid var(--color-highlight1); overflow:hidden; -moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px; line-height: 100%;}


/* * CommentBox * */
.Comments                 {position: relative; clear: both; display: block; color: inherit; background: var(--color-light); margin: 10px 0px 5px 0px; padding: 0px; border: 1px solid var(--color-highlight1); overflow:hidden; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; -khtml-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; }
a.CommentsOpener          {background: var(--color-grey) url(../img/_layout/icon_comment.png)    no-repeat 6px 4px; color: #2373ab; font-weight: bold; min-height: 22px; display: block; margin: 0px; padding: 5px 8px 5px 43px; }
a.CommentsOpener:hover    {background: var(--color-highlight1) url(../img/_layout/icon_comment_MO.png) no-repeat 6px 4px; color: var(--color-highlight3); text-decoration: none; }
.CommentBox               {position: relative; display: block; margin: 5px; padding: 5px 5px 70px 5px; color: inherit; background: var(--color-highlight3); border: 1px solid var(--color-grey); }
.commententry             {position: relative; display: block; width: 80%; margin: 5px auto 10px auto; padding: 5px; color: #444444; font-size:90%; background: var(--color-grey); border: 1px solid #bbbbbb; box-shadow: 3px 3px 3px var(--color-dark-2); -moz-box-shadow: 3px 3px 3px var(--color-dark-2); -webkit-box-shadow: 3px 3px 3px var(--color-dark-2); overflow:hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.commententry-form        {background: var(--color-grey); border: 1px solid var(--color-highlight1); }
.commententry-empty       {font-style: italic; color: inherit; }
.commenttitle             {position: relative; display: block; color: #2373ab; background: transparent url(../img/_layout/icon_comment_small.png) no-repeat 0px 2px; margin: 0px 0px 2px 0px; padding: 0px 0px 2px 28px; border-bottom: 1px dotted #2373ab; }
.CommentForm              {position: relative; clear:both; font-size: 90%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display:block; }
.CommentForm legend       {display: block; width: 98%; position:relative; margin: 0px 0px 2px 0px; padding: 1px 3px; font-style: italic; font-weight: normal; color: var(--color-highlight3); -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; background: #aaaaaa; }
.CommentForm input        {font-size: inherit; background: var(--color-highlight3); }
.CommentForm textarea     {height: 80px; font-size: inherit; background: var(--color-highlight3); }
.CommentForm input.submit       {font-size: 100%; background: #002851; }
.CommentForm input.submit:hover {background: var(--color-highlight1); }
.CommentForm div.input          {padding: 2px; margin: 0px 0px 0px 0px; }
.CommentForm div.input_error    {padding: 1px; margin: 0px 0px 0px 0px; }
.CommentForm div.okay,
.CommentForm div.error          {padding: 3px 5px; margin: 10px 0px 5px 0px; z-index:2; }


/* Mediabox */
#mediaform                {position: relative; display: block; margin: 0px 0px 0px 25px;  padding: 0px 0px 0px 0px;}
.mediabox                 {position: relative; display: block; width: 100%; max-width: 800px; text-align:center; height: auto; clear:both; margin: 10px auto; padding: 0px; border: 1px solid var(--color-dark); box-shadow: 5px 5px 5px var(--color-dark-5); -moz-box-shadow: 5px 5px 5px var(--color-dark-5); -webkit-box-shadow: 5px 5px 5px var(--color-dark-5); }
#media .mediabox          {width: 100%; height: 100%; margin: 0px auto; background: var(--color-dark); padding: 0px; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.Videobox                 {position: relative; display: block; margin: 0px; padding: 0px; width: 100%; height: 100%; }
#mediaselect              {margin: 0px 0px 6px 0px; padding: 0; font-size: 11px; border: 1px solid #333333; width:180px;}
video                     {background: var(--color-highlight3); display: block; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:100%; height: auto; }
.Videobox ul,
.Videobox li              {list-style-type: none; list-style-image: none; }
.mediabox *.*             {display: block; margin: 0px; padding: 0px; }

/* mediaplayer */
#mediaplayer              {position:absolute; right: 10px; top: 50%; z-index: 3001; margin: -10px 0px 0px 0px; width:auto; height: auto; padding: 0px 0px; background: transparent; }
.mediaplayer-label        {display: none; }
a#aSoundbtn               {display: block; width: 20px; height: 20px; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 100%; overflow:hidden; }
a.mediabtn                {background-image: url(../img/_layout/icon_speaker_on.png); }
a.mediabtn:hover          {background-image: url(../img/_layout/icon_speaker_on.png); }
a.mediabtn_paused         {background-image: url(../img/_layout/icon_speaker_off.png); }
a.mediabtn_paused:hover   {background-image: url(../img/_layout/icon_speaker_off.png); }

.NewsBoxCont,
.tile,
.tile-ref                 {transition: all 0.6s ease-out 0s; -webkit-transition: all 0.6s ease-out 0s; -moz-transition: all 0.6s ease-out 0s; -o-transition: all 0.6s ease-out 0s; }

.arrowcont, .arrow        {transition: all 1.0s ease 0s; -webkit-transition: all 1.0s ease 0s; -moz-transition: all 1.0s ease 0s; -o-transition: all 1.0s ease 0s; }

.mapdot,
.mapdot::before,
main,
header,
.ContentContainer,
.ContentBoxMiddle,
.ContentTextBoxNormal,
.TileCont,
.area-label,
img.main-img-overlay,
img.img-overlay,
.rubriclist,
.tile-imgtop,
.tile_square,
.tile_square img,
.tile-teaser,
.tilecontent,
.tilelink,
.tile img,
.textcont-inner,
.listblock .imgbox img,
.toolbar,
#ContentBoxTop,
#ContentBoxTopInner,
.headerBoxLogo,
.headerBoxLogo a,
.headerBoxLogo img,
.mainnav,
ul.makeMenu,
ul.makeMenu ul,
a.main-nav-toggle i,
.ContentBoxMiddle,
.TextContainer,
.scroll-wrapper,
h2.page-title,
#ContentBoxTop,
a,
ul.LanguageBox,
.NewsBoxCont,
.QuickfinderBox,
.Slidearrow,
input.submit,
#searchform input         {transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; }

.data-box,
#cookiebanner,
.confirmpopup,
.duplex                   {transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -khtml-transition: all 0.4s ease-in-out 0s; }


/* *  Layout-Templates * */
#start .ContentBoxMiddle,
#start .ContentBoxRight                  {}
#start .FooterBox                        {}
#start .rightcolumn                      {}
#start .sociallinks                      {}
#start .BreadCrumbBox                    {display: none; }


#main_single .scroll-wrapper,
#main_single .ContentBoxMiddle           {height: auto; }
#main_single .slide                      {position: relative; top: 0px; left: 0px;}
#main_single .ContentContainerStart      {display: none; }

.body-main-wide .ContentBoxMiddle             {width: 100%; float: none; }
.body-main-wide .ContentBoxRight              {display: none; }

.body-main-boxed main                         {max-width: 1200px; margin: 0px auto; }

#main_lightbox                           {background: var(--color-highlight3) !important; }
#main_lightbox .scroll-wrapper           {width: auto; height: auto; margin: 0px; }
#main_lightbox .slide                    {width: auto; position: relative; margin: 0px; top: 0px; left: 0px;}
#main_lightbox a.section-anchor          {display: none; padding-top: 0px; }
#main_lightbox .ContentContainer         {box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; background: transparent; padding: 0px !important; margin: 0px auto; min-height: auto; }
#main_lightbox .ContentBoxMiddle         {width: 100%; max-width: none; height: auto; padding: 20px 30px 0px 30px; margin: 0px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
#main_lightbox .ContentBoxMiddleInner    {max-width: none; }
#main_lightbox .section,
#main_lightbox #pageBody,
#main_lightbox #pageContainer            {width: auto; padding: 0px; margin: 0px; }
#main_lightbox main                      {margin: 0px !important; padding: 15px 0px 0px 0px !important; }
#main_lightbox .leftcolumn,
#main_lightbox .rightcolumn              {margin: 0px !important; padding: 0px 0px 0px 0px !important; }
#main_lightbox h1                        {font-size: 180%; }
#main_lightbox .BackgroundImage-Header,
#main_lightbox .parallax-slide,
#main_lightbox .makeTopMenu,
#main_lightbox .mainnav,
#main_lightbox .BreadCrumbBox,
#main_lightbox footer,
#main_lightbox .FooterBox,
#main_lightbox #pageBottom,
#main_lightbox .mapCont,
#main_lightbox .ColumnStar,
#main_lightbox #ContentBoxTop,
#main_lightbox #ContentBoxTopStart,
#main_lightbox .ContentBoxLeft,
#main_lightbox .ContentBoxRight,
#main_lightbox .ContentContainerStart,
#main_lightbox #ContentBoxBottom,
#main_lightbox #ContentBoxBottomStart            {display: none; }
#main_lightbox .ContentImgBoxNormal               {margin: 0px 0px -30px 0px; }
#main_lightbox .ContentImgBoxLeft,
#main_lightbox .ContentImgBoxRight,
#main_lightbox .ContentTBImgBoxLeft,
#main_lightbox .ContentTBImgBoxRight             {/*width: 25%;*/ }

/* * LightBox - Bottom * */
#main_lightbox #ContentBoxBottom                 {width: auto; margin: 0px 30px 0px 30px; padding: 3px 0px 10px 0px; border-top: 1px solid #777777; }
#main_lightbox a.extrabutton,
#main_lightbox a.extrabutton:visited,
#main_lightbox a.extrabutton:link,
#main_lightbox a.extrabutton:active,
#main_lightbox a.extrabutton:hover               {color: #777777; border: 1px solid #777777; }
#main_lightbox a.extrabutton:hover               {color: var(--color-highlight3); background-color: #619ece;}
#main_lightbox a.extrabutton-up                  {display: none; }
#main_lightbox a.extrabutton-right,
#main_lightbox a.extrabutton-right:visited,
#main_lightbox a.extrabutton-right:link,
#main_lightbox a.extrabutton-right:active        {background-image: url(../img/_layout/arrow_gray.png); }
#main_lightbox a.extrabutton-right:hover         {background-image: url(../img/_layout/arrow.png); }
#main_lightbox a.extramenu,
#main_lightbox a.extramenu:visited,
#main_lightbox a.extramenu:link,
#main_lightbox a.extramenu:active,
#main_lightbox a.extramenu:focus                 {color: #777777; border-right: 1px solid #777777; }
#main_lightbox a.extramenu:hover                 {color: #444444; }
#main_lightbox ul.makeExtraMenu li:last-child a  {border:none; }



/* * Cookie Popup * */
#cookiebanner              {position:fixed; bottom: 0px; width:50%; display: none; background: var(--color-highlight1-85); color: var(--color-highlight3); height: auto; max-height: 100%; padding: 15px 20px; border-top: 1px solid var(--color-dark-9); border-right: 1px solid var(--color-dark-9); font-size: 90%; box-shadow: 0px 0px 15px var(--color-dark-8); -moz-box-shadow: 0px 0px 15px var(--color-dark-8); -webkit-box-shadow: 0px 0px 15px var(--color-dark-8); text-decoration:none; z-index:10000; }
#cookiebanner *            {color: var(--color-highlight3); }
#cookiebanner.intro        {bottom:-200px;}
#cookiebanner a            {color: var(--color-highlight3-8); text-decoration:none; }
#cookiebanner a:hover      {color: var(--color-highlight3); text-decoration:underline; }
#cookiebanner h4           {color: inherit; max-width: none; font-size: 150%; }
#cookiebannerCloser        {display: none; color: var(--color-highlight3-8); background: transparent url(../img/_layout/cross.png) no-repeat center; background-size: 100%; line-height: 100%; position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; padding: 0px; text-decoration: none; cursor:pointer; }
#cookiebannerCloser:hover  {color: var(--color-highlight3); background-color: var(--color-highlight3-0); background-image: url(../img/_layout/cross_MO.png); text-decoration:none; }

#cookiebannerButtons                                         {display: block; margin: 10px 0px 0px 0px; }
.cookiebannerButtonWrapper                                   {display: inline-block; margin: 0px 10px 3px 0px; background: var(--color-dark-2); border: 1px solid var(--color-highlight3-7); overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.cookiebannerButtonWrapper:hover                             {background: var(--color-dark-4); border-color: var(--color-highlight3); cursor: pointer; }
.cookiebannerButtonWrapper-Disabled:hover,
.cookiebannerButtonWrapper-Disabled                          {background: var(--color-dark-1); border-color: var(--color-highlight3-5); cursor: auto; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); }
.cookiebannerButtonWrapper label                             {display: inline-block; cursor: pointer; padding: 4px 10px 7px 10px;}

a.cookiebannerButton                                         {display: inline-block; margin: 0px 10px 10px 0px; padding: 10px; font-weight: 500; color: var(--color-dark) !important; background: var(--color-highlight3-8); overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
a.cookiebannerButton:hover                                   {color: var(--color-dark) !important; background: var(--color-highlight3); text-decoration: none !important; }
#cookiebannerButtonDecline                                   {color: var(--color-highlight1) !important; background: var(--color-highlight3-6); opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); }
#cookiebannerButtonDecline:hover                             {color: var(--color-dark) !important; background: var(--color-highlight3-8); }
#cookiebannerButtonAcceptAll                                 {color: var(--color-highlight3) !important; background: var(--color-highlight1); border: 1px solid var(--color-highlight3); font-weight: 500; }
#cookiebannerButtonAcceptAll:hover                           {color: var(--color-highlight3) !important; background: var(--color-dark); border-color: var(--color-dark); }

@media only screen and (max-width: 800px) {
  #cookiebanner              {width:100%; }
}

/* phones */
@media only screen and (max-width: 640px) {
  #cookiebanner                                              {padding: 15px; overflow: auto; }
  #cookiebanner h4                                           {font-size: 140%; }
  a.cookiebannerButton, .cookiebannerButtonWrapper           {padding: 5px; margin: 0px 5px 5px 0px; }
}
/* * Cookie Popup * */