@import url('colors/colors.css');
@import url('font.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:  "Montserrat", sans-serif; font-size: 1.2em; font-style: normal; font-weight: 300; line-height: 1.5; overflow: scroll; }
body#main_lightbox         {background: var(--color-highlight3); height: auto; margin: 0px; padding: 0px; overflow:auto; font-size: 1.2em; }
body#media                 {color: var(--color-highlight3); background: var(--color-dark); overflow:hidden;}

header, main, footer, div,
blockquote, td,
h1, h2, h3, h4, h5, h6     {position: relative; }

h1, h3,
.h1, .h3,
.leftcolumn h2,
.leftcolumn .h2,
.serif,
.labeltitle,
.grid-letter,
.tilelink.title,
.listblock h3.counter-value,
.wc-quote,
blockquote,
.mc-quote,
.hs-num                                {}

.sans-serif h3,
.sans-serif h4,
.listblock h3,
.listblock h4                          {}

.textblocks_sticky .tilelink.title,
.hs-label,
.pagetop,
.pre-headline                          {}

.circle, .circle::before,
.square-big, .square-big::before,
table, tbody, tr, th, td,
.tile_square p,
ol, ul, li, .date, .date *,
header, main, footer, div:not(.anchormenu-inner):not(.anchormenu),
fieldset, select, input, textarea, label,
ul.makeMenu, ul.makeMenu li a,
ul.LanguageBox a,
blockquote,
.tile,
.BackgroundImageLabel p,
.count::before,
.buttonlist a, a.btn, a.morelink,
legend     {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.newshead,
ul.makeMenu a,
blockquote,
.tilecontent, .tilelink
/*th, td, main p*/

 {
  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                  {display: block; height: auto; width: 100%; color: inherit; background: transparent; margin: 0px auto;  padding: 0px 0px 0px 0px; overflow: hidden; }
.fancybox-active #pageBody {filter: blur(6px); -webkit-filter: blur(6px); -moz-filter: blur(6px); -khtml-filter: blur(6px); }
#pageContainer             {display: block; height: auto; width: 100%; color: inherit; background: transparent; margin: 0px auto;  padding: 0px 0px 0px 0px; overflow: hidden; }
#pageBottom                {position: fixed; bottom: 0px; left: 0px; display: block; height: 50px; width: 100%; color: inherit; margin: 0px 0px 0px 0px; padding: 0px; background: var(--color-highlight2); z-index: 3100; overflow: hidden; 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); }
#tooltip                   {position: absolute; top: 0px; left: 0px; color: var(--color-highlight3); width: auto; max-width: 350px; height: auto; text-align: left; display: none; z-index: 99999; border: 1px solid var(--color-highlight2); background: var(--color-highlight2-85); padding: 5px; box-shadow: 0px 0px 7px var(--color-dark-5); -moz-box-shadow: 0px 0px 7px var(--color-dark-5); -webkit-box-shadow: 0px 0px 7px var(--color-dark-5); overflow: hidden; font-size: 100%; font-weight: 400; text-transform: none; }
header, main               {display: block; height: auto; width: 100%; color: inherit; background: transparent; margin: 0px auto 0px; padding: 0px 0px 0px 0px; overflow: hidden; }
main                       {padding: 140px 0px 0px; font-size: 100%; background-color: transparent; background-repeat: no-repeat; background-position: center top 80px; background-size: 80% auto; }
#start main                {}
#pageBody:not(.pageBody-slideshow) main  {}

body:not(#main_lightbox) main:not(.in-view)         {opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); filter: blur(30px); }
body:not(#main_lightbox) main.in-view               {opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); filter: blur(0px); }


/* *   Navigation  * */
.imgsel                    {border: 0px #dddddd solid; border-bottom: 0px #3e3e3e solid; border-right: 0px #3e3e3e solid; margin-top: 0px;}
a img                      {border: 0px; margin: 0px 0px 0px 0px; padding: 0px;}
img.framed                 {margin: 0px 0px 10px 0px; padding: 0px; /*border: 1px solid var(--color-highlight3-3); */}
img.framedicon             {margin: 0px 0px 0px 0px;  padding: 0px; border: 1px solid var(--color-highlight3-3); }
#ImgContainerlogo          {position: absolute; top: 0px; right: 0px; margin: 0px; padding: 0px;}
.ContentBoxMiddle img      {margin: 0px auto; }
/*
.label                     {position: absolute; display: block; border: none; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 100; }
.label-top-right           {top: 0%; left: 100%; }
.label-upper               {top: -30px; transform: translate(-100%, -100%); -webkit-transform: translate(-100%, -100%); -moz-transform: translate(-100%, -100%); -o-transform: translate(-100%, -100%); }
*/

a                          {text-decoration: none; background: transparent; font-weight: inherit; color: var(--color-highlight1); }
legend a                   {color: inherit; }
a.sel                      {text-decoration: underline; font-weight: 500; color: inherit; }
a:hover                    {text-decoration: underline; background: transparent; color: inherit; }
a:focus                    {outline: 0;}
a.hover                       {inherit; opacity: 70%; }
a.hover:hover, a.hover:focus  {opacity: 100%;}
a img.galimg               {border: 2px transparent solid;}
a:hover img.galimg         {border: 2px var(--color-highlight3) solid;}
img.viewicon               {display: none; float: right; margin: 0px; padding: 0px;}
video,iframe, img          {max-width: 100%; }
video                      {display: block; }

video.bgvideo,
img.filter                 {/*filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -khtml-filter: grayscale(100%); opacity: 50%; */}
.no-filter video.bgvideo,
.textblock:hover img.filter,
img.filter:hover           {filter: none !important; -webkit-filter: none !important; -moz-filter: none !important; -khtml-filter: none !important; opacity: 100% !important; }

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

/* *  MenuBar  * */
.MenuBox                        {float:left; background: transparent; color: #99CCFF; width: 280px; height: 29px; font-size: 11px; font-weight: normal; padding: 0px 27px 0px 27px; margin: 0px 0px 0px 0px; vertical-align: top; overflow: visible;}
#startpage .MenuBox             {background: transparent;}
.LogoBox                        {color: #8b8b8b; background: transparent; float:left; font-size: 11px; width: 130px; margin: 0px 0px 0px 0px; padding:  0px 0px 0px 0px; background: transparent;}
.BreadCrumbBox                  {display: none; position: absolute; bottom: 0px; left: 0px; background: var(--color-grey); width: 100%; text-align: left; height: auto; font-size: 80%; padding: 10px 0px; margin: 0px auto 0px; line-height: 1; }
.BreadCrumbBox ul               {list-style-type: none; width: auto; margin: 0px; padding: 0px; }
.BreadCrumbBox li               {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                {display: inline-block; color: var(--color-highlight2) !important; font-weight: 400; text-transform: none; background: transparent url(_layout/arrow_right.png) no-repeat left center; background-size: auto 70%; padding: 0px 0px 0px 15px; margin: 0px 20px 5px 0px; line-height: 100%; white-space: nowrap; }
.BreadCrumbBox li:first-child a { }
.BreadCrumbBox a:hover          {text-decoration: none; color: var(--color-highlight1) !important; }


ul li,
ul li ul li,
ul li ul li ul li               {list-style-image: none; list-style-type: circle; /*list-style-image: url(_layout/list_bullet.png);*/ }
ul                              {padding-left: 1.5em; }
li                              {margin-top: -5px; }
li::marker                      {color: var(--color-highlight1); font-size:1.3em; }
li:first-child                  {margin-top: 0px;}
.textblock_separator_dark li::marker,
.filled li::marker              {color: var(--color-highlight3); }
.credentials-list li            {font-size: 80%; padding: 6px 0; border-bottom: 1px solid var(--color-dark-3); }

.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                {display: inline-block; vertical-align: top; height: 70%; width: auto; z-index: 30002; background: transparent; margin: 20px 0px 0px 0px; padding: 0px 0px 0px; text-align: left; }
.ContentBoxTop-fixed .headerBoxLogo       {margin-top: 10px; height: 70%; }
.headerBoxLogo a,
.headerBoxLogo img                        {display: block; height: 100%; width: auto; max-width: none !important; margin: 0px 0px; padding: 0px 0px; }
.main_logo_icon                           {display: none !important; }
.main_logo                                {display: block !important; }

.LabelBox                                 {display: none; position: absolute; left: 50%; top: 90px; width: auto; height: auto; transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); font-size: 140%; font-weight: 300; color: var(--color-highlight3); background: transparent; margin: 0px; padding: 0px 0px 0px 0px; line-height: 1; }
.ContentBoxTop-fixed .LabelBox            {top: 20px; }
.LabelBox p                               {display: block; width:auto; text-align:left; margin: 0px; padding: 0px; text-transform: uppercase; letter-spacing: 0.2em; }

.headerBoxLogo.logo-small a,
.ContentBoxTop-fixed .headerBoxLogo a     {/*background: transparent url(_layout/logo-top.png) no-repeat left top; background-size: 100% auto;*/}
.headerBoxLogo.logo-small img,
.ContentBoxTop-fixed .headerBoxLogo img   {/*opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); */}

.toolbar                   {position: absolute; display: block; right: 0px; top: 0px; text-align: right; padding: 0px 0px; width: auto; height: auto; overflow: visible;  z-index: 30010; }
.UserBar                   {position: fixed; right: 0; top: 0; display: block; font-size: 80%; line-height: 1; text-align: right; height: auto; width: auto; padding: 5px 0px 5px 20px; margin: 0px; border: 2px dotted var(--color-highlight3); border-top: none; border-right: none; background-color: var(--color-highlight1-7); overflow: hidden; -moz-border-radius: 0px 0px 0px 9px; -webkit-border-radius: 0px 0px 0px 9px; -khtml-border-radius: 0px 0px 0px 9px; border-radius: 0px 0px 0px 9px; }
.UserBar:hover             {background-color: var(--color-highlight1); }
.UserBar a                 {display: inline-block; vertical-align: top; color: var(--color-highlight3-85);  white-space: nowrap; margin: 0px 20px 0px 0px; }
.UserBar a:hover           {color: var(--color-highlight3); }


/* *  Content boxes  * */
.section                   {display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 5; background: var(--color-highlight3); box-shadow: 0px 0px 20px var(--color-dark); -moz-box-shadow: 0px 0px 20px var(--color-dark); -webkit-box-shadow: 0px 0px 20px var(--color-dark);	}
#ContentBoxTop             {display: block; position: fixed; color: inherit; text-align: left; height: 140px; border-bottom: 0px solid var(--color-dark-0); background: var(--color-highlight3); width: 100%; font-size: inherit; margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px; overflow: visible; z-index: 3000; box-shadow: 0px 5px 5px var(--color-dark-5); -moz-box-shadow: 0px 5px 5px var(--color-dark-5); -webkit-box-shadow: 0px 5px 5px var(--color-dark-5); }
#ContentBoxTop.ContentBoxTop-fixed     {background: var(--color-highlight3) !important; height: 90px !important; box-shadow: 0px 5px 15px var(--color-dark-75); -moz-box-shadow: 0px 5px 15px var(--color-dark-75); -webkit-box-shadow: 0px 5px 15px var(--color-dark-75); }

.ContentContainer          {display: block; background: transparent; color: inherit; height: auto; width: 100%; font-size: 100%; margin: 0px auto; padding: 0px 0px 0px 0px; overflow: visible; z-index: 2; }
.ContentContainer.intro    {/*opacity: 0.0; -moz-opacity: 0.0; filter:alpha(opacity=0); */}
.Container-stickymenu      {padding-top: 0px !important; }
.ContentContainerInner     {height: auto; width: 100%; display: block; margin: 0px; padding: 0px 0px 0px 0px; text-shadow: none; background: transparent; }
.inner                     {display: block; background: transparent; color: inherit; height: 100%; width: 100%; max-width: 1170px; padding: 0px 0px; margin: 0px auto; }
#ContentBoxTop .inner      {}

.ContentBoxLeft            {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; border: 1px solid #b9974e; 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); -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.ContentBoxMiddle          {display: block; width: 100%;  height: auto; background: transparent; margin: 0px 0px;  padding: 0px 0px 0px 0px; color: inherit; text-align: left; overflow: visible; }
.ContentBoxMiddleInner     {display: block; width: 100%;  height: auto; background: transparent; margin: 0px auto;         padding: 0px 0px 0px 0px;  color: inherit; text-align: left; overflow: visible; }
.ContentBoxRight           {display: none; width: 220px; float: right; height: auto; background: transparent; margin: 0px 0px;  padding: 0px 0px 0px 0px; color: inherit; text-align: left; overflow: visible; }

.ContentTextBoxNormal       {display:block;               width: 100%; height: auto; margin: 0px auto 0px;      padding: 0px 0px 0px 0px; overflow:visible; z-index: 2; }
.ContentTextBoxLeft         {display:inline-block;        width: 50%; height: auto; margin: 0px 0% 0px 0px;    padding: 0px 3% 0px 0px; overflow:visible;}
.ContentTextBoxRight        {display:inline-block;        width: 50%; height: auto; margin: 0px 0px 0px 0%;    padding: 0px 0px 0px 3%; overflow:visible;}
.ContentImgBoxNormal        {display:block;               width: 100%; height: auto; margin: 0px auto 15px;      padding: 0px 0px 0px 0px; z-index: 2; text-align: left}
.ContentImgBoxLeft          {display:inline-block; float: left;  vertical-align: top; width: 47%;  height: auto; margin: 0px 3% 0px 0px;  padding: 0px 0px 0px 0px; text-align: left; overflow:visible; line-height: 1.1em; z-index: 2; }
.ContentImgBoxRight         {display:inline-block; float: right; vertical-align: top; width: 47%;  height: auto; margin: 0px 0px 0px 3%;  padding: 0px 0px 0px 0px; text-align: left; overflow:visible; line-height: 1.1em; z-index: 2; }

.ContentTBTextBoxNormal     {display:block;               width: 100%; height: auto; margin: 0px auto 0px;      padding: 0px 0px 0px 0px; overflow:visible; }
.ContentTBBoxLeft           {display:inline-block;        width: 67%; height: auto; margin: 0px 0px 0px 0px;    padding: 0px 3% 0px 0px; overflow:visible; }
.ContentTBBoxRight          {display:inline-block;        width: 67%; height: auto; margin: 0px 0px 0px 0px;    padding: 0px 0px 0px 3%; overflow:visible; }
.ContentTBImgBoxNormal      {display:block;               width: 100%; height: auto; margin: 0px auto 15px;      padding: 0px 0px 0px 0px; z-index: 2; text-align: left; }
.ContentTBImgBoxLeft        {display:inline-block; float: left;  vertical-align: top; width: 30%;  height: auto; margin: 0px 3% 0px 0px;  padding: 0px 0px 0px 0px; text-align: left; overflow: visible; line-height: 1.1em; z-index: 2; }
.ContentTBImgBoxRight       {display:inline-block; float: right; vertical-align: top; width: 30%;  height: auto; margin: 0px 0px 0px 3%;  padding: 0px 0px 0px 0px; text-align: left; overflow: visible; line-height: 1.1em; z-index: 2; }
.slice_animation .ContentTBImgBoxNormal   {margin: 0px auto 0px; }
.scroll-x                   {overflow-x: auto; }

.ContentImgBoxLeft .ImgContainer img,
.ContentImgBoxRight .ImgContainer img,
.ContentImgBoxNormal .ImgContainer img,
.ContentTBImgBoxLeft img,
.ContentTBImgBoxRight img,
.ContentTBImgBoxNormal img     {width: 100%; height: auto !important; display: block; padding: 0px;}
.oversize img                  {max-width: none; width: 130%; margin: 10px 0px; }
.oversize-left img             {margin-left: -30%; }
.oversize-right img            {margin-right: -30%; }

.ContentImgBoxNormal                {display:block; pointer-events: none; position: absolute; inset: 0; width: 100%; height: 100%; opacity: 1; margin: 0; padding: 0; z-index: 0; overflow: hidden; }
.ContentImgBoxNormal::before        {position: absolute; top: 0px; left: 0px; content: ""; display: block; width: 100%; height: 100%; background: var(--color-blue-5); z-index: 1; }
.ContentImgBoxNormal .ImgContainer  {width: 100%; height: 100%; position: absolute; left: 0%; top: 0%; }
.ContentImgBoxNormal img            {max-width: none; width: auto; height: auto; min-width: 100%; min-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }


.diagram_circle .ContentTBTextBoxNormal,
.diagram_circle .ContentTBBoxLeft,
.diagram_circle .ContentTBBoxRight            {position: initial; }


.image-marks .ContentTBImgBoxNormal           {margin: 20px 0px; }
.image-marks .ContentTBImgBoxNormal::before,
.image-marks .ContentTBImgBoxNormal::after    {pointer-events: none; position: absolute; display: block; content: ""; left: 50%; top: 50%; width: 108%; height: 115%; border: 1px solid var(--color-highlight3-6); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.image-marks .ContentTBImgBoxNormal::before   {border-left: none; border-right: none; height: 100%; }
.image-marks .ContentTBImgBoxNormal::after    {border-top: none; border-bottom: none;  width: 100%; }

.image-stripes .ContentTBImgBoxNormal         {margin: 20px 0px; }
.image-stripes .ContentTBImgBoxNormal::before,
.image-stripes .ContentTBImgBoxNormal::after  {pointer-events: none; position: absolute; display: block; content: ""; width: 60%; height: auto; padding-top: 10%; background: transparent url(_layout/stripes.png) no-repeat left top; background-size: auto 100%; }
.image-stripes .ContentTBImgBoxNormal::before {left: 50%; top: 0%; }
.image-stripes .ContentTBImgBoxNormal::after  {left: -10%; bottom: 0%; }

.image-scalestripes .ContentTBImgBoxNormal           {margin: 30px 0px 40px; }
.image-scalestripes .ContentTBImgBoxNormal::before,
.image-scalestripes .ContentTBImgBoxNormal::after    {pointer-events: none; position: absolute; display: block; content: ""; left: 50%; top: 50%; width: 100%; height: 120%; border: 1px solid var(--color-highlight2); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.image-scalestripes .ContentTBImgBoxNormal::before   {border-left: none; border-right: none; height: 100%; }
.image-scalestripes .ContentTBImgBoxNormal::after    {border-top: none; border-bottom: none;  width: 100%; }

.image-scalestripes .textblock-inner::before,
.image-scalestripes .textblock-inner::after    {pointer-events: none; position: absolute; display: block !important; content: ""; }
.image-scalestripes .textblock-inner::before   {width: 10%; height: 100%;  background: transparent url(_layout/scales_vert.png) no-repeat right top;    background-size: auto 100%; left: -10%; top: 0%; }
.image-scalestripes .textblock-inner::after    {width: 100%; height: 100%; background: transparent url(_layout/scales_cor.png) no-repeat right bottom;  background-size: auto 100%; right: -3%; bottom: -4%; }


table.stripes td::before                      {pointer-events: none; position: absolute; display: block; content: ""; left: 5%; top: 0%; width: 50%; height: 100%; background: transparent url(_layout/stripes_vert.png) no-repeat left top; background-size: 100%; z-index: -1;}

.leftcolumn                    {display: block; width: 100%; max-width: 1170px; height: auto; margin: 0px auto; padding: 40px 0px 0px; }
.rightcolumn                   {display: block; width: 100%; height: auto; margin: 0px auto; padding: 0px 0px; }
#herocanvas                    {display: none; pointer-events: none; position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0.8; }

body#main_smallhero .leftcolumn,
body#main .leftcolumn     {color: var(--color-highlight3); background: var(--color-highlight2); max-width: none; padding-bottom: 3%; margin-bottom: 40px; }
body#main_smallhero .leftcolumn *,
body#main .leftcolumn *   {color: var(--color-highlight3); border-color: var(--color-highlight2); }
body#main_smallhero #herocanvas,
body#main #herocanvas     {display: block; }
body#main_smallhero h1,
body#main h1              {background: transparent; }
body#main_smallhero .text-container,
body#main .text-container {display: block; width: 100%; max-width: 1170px; }
body#main_smallhero .text-container {padding-right: 450px; }



.scroll-wrapper            {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: var(--color-dark); background: #eeeeee; font-size: 12px; font-weight: bold; border: 1px solid #bbbbbb; border-bottom: none; }
.read-more a:hover         {text-decoration: none; border-color: #3e3e3e; color: #3e3e3e; background: var(--color-highlight2); }
.read-more-show            {display: block; }
a.down-anchor              {display: none; }
a.section-anchor           {position: absolute; top: -100px; display: inline-block; height: 0px; width: 0px; overflow: hidden; padding-top: 0px; margin-top: 0px; }
a.section-anchor-sub       {}
a.section-anchor-lower     {top: -500px;}
.textblockcnt-1 a.section-anchor {top: -180px; }


.parallax-slide            {display: block; 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; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:100%; height: auto; }


/* * Social Networks * */
.sociallinks                {position: fixed; top: 90px; right: 15px; display: block; padding: 0px; margin: 0px 0px 0px 0px; text-align: right; z-index: 30022; background: transparent; }
.ContentBoxTop-fixed .sociallinks {top: 70px; }
.sociallinks a              {position: relative; display: inline-block; padding: 0px; background: var(--color-highlight1); margin: 0px 5px 0px 0px; width: 32px; height: auto; text-align: center; vertical-align: top; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.sociallinks a::before      {position: relative; display: block; content: ""; padding-top: 100%; }
.sociallinks a:hover        {opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); background: var(--color-highlight2); }
.sociallinks a img          {position: absolute; display: inline-block; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); margin: 0px; padding: 0px; width: 80%; height: auto; filter: invert(100%) brightness(1000%); -webkit-filter: invert(100%) brightness(1000%); -moz-filter: invert(100%) brightness(1000%); -khtml-filter: invert(100%) brightness(1000%); }
.sociallinks a:hover img    {}
.socialbtns                 {width: auto; padding: 0px; float: left; margin: 0px 0px 0px 0px; }

.LeftColumn                 {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: #3e3e3e; overflow: hidden;}
.ContentMainBox             {display:block; height: auto; background: transparent; color: inherit; padding: 0px; margin: 0px; text-align:left;}
.ContentMainBoxSmall        {float: right; height: auto; width: 0px; background: transparent; color: inherit; padding: 0px; margin: 0px; text-align:left;}
.ContentImgBox              {width: auto; height: auto; float:right;  background: transparent; color: inherit; padding:0px;   margin:0px; overflow: hidden;}
.ContentImgBoxText          {width: auto; height: auto; margin: 0px 0 0 0; padding: 0 0 0 0;   font-size: 10px;   overflow: visible;}
.ContentBoxStart            {height: auto; width: 350px; background: transparent; text-align:left;}

#FrameContainer             {display:block; background: var(--color-highlight3); width: 100%; height: 600px; margin: 0px; padding: 0px;}
#module_Frame               {display:block; background: transparent; width: 100%; height: 100%; margin: 0px; padding: 20px;}

a.linklist                  {font-weight: bold; color: var(--color-highlight2); display: block; margin: 0px 0px 10px 20px; padding: 0px 0px 0px 20px; }
a.linklist:hover            {text-decoration: underline; color: var(--color-highlight2); }

a.dllink, a.linkPDF         {font-weight: normal; font-size: 90%; font-weight: 300; min-height: 32px; text-transform: none; display: inline-block; color: var(--color-dark); background: url(_layout/icon_download.png) no-repeat left 5px; background-size: 20px auto; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 35px;  }
a.dllink:hover              {text-decoration: none; color: var(--color-highlight2); }

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

.buttonlist a,
a.morelink,
a.btn,
a.button                    {font-size: 120%; display:inline-block; vertical-align: top; font-weight: 500; letter-spacing: 0em; line-height: 1.1;  width: auto; text-align: center !important; text-decoration: none; color: var(--color-highlight3) !important; background: var(--color-highlight1); border: 2px solid var(--color-highlight1); margin: 0px 15px 10px 0px; padding: 15px 40px; text-transform: none; overflow:hidden; }
.buttonlist a:hover,
a.morelink:hover,
a.btn:hover,
a.button:hover              {color: var(--color-highlight3) !important; background: var(--color-highlight2); border-color: var(--color-highlight2); text-decoration: none;}
a.videostart                {display: none; }
a.btn-small                 {font-size: 100% !important; padding: 8px 10px; margin: 0px 10px 10px 0px; }
a.btn-rounded               {border-radius: 9px; }
a.btn-blue                  {color: var(--color-highlight3) !important; background: var(--color-highlight2); border-color: var(--color-highlight2); }
a.btn-blue:hover            {color: var(--color-highlight3) !important; background: var(--color-highlight1); }
a.btn-white                 {color: var(--color-highlight2) !important; background: var(--color-highlight3); border-color: var(--color-highlight2); }
a.btn-white:hover           {color: var(--color-highlight3) !important; background: var(--color-highlight2); }

.col1 a.button,
.col2 a.button,
.col3 a.button              {}

.anchormenu                 {display: block; margin: 0px 0px 0px 0px; }
.anchormenu-inner           {display: inline-block; margin: 0px 0px 0px 0px; width: auto !important; min-width: 100%; }
.leftcolumn .anchormenu     {display: none; }
.anchormenu a.button        {font-size: 100%; font-weight: 300; line-height: 1.3; width: auto; max-width: none; margin: 0px 2% 10px 0px; padding: 5px 15px; color: var(--color-highlight3) !important; background: var(--color-highlight2-6); border-color: var(--color-highlight2-0); box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.menu-columns .anchormenu a.button                 {width: 18%; margin: 0px 2% 10px 0px; }
.anchormenu a.button:hover                         {color: var(--color-highlight3) !important; background: var(--color-highlight2); }
.scrolled .textblocks_submenu                      {position: fixed; top:100px; left: 0px; width: 100%; padding: 10px 0px 0px !important; z-index: 30000; font-size: 90%; background: var(--color-highlight1); color: var(--color-highlight3); box-shadow: 0px 5px 15px var(--color-dark-75); -moz-box-shadow: 0px 5px 15px var(--color-dark-75); -webkit-box-shadow: 0px 5px 15px var(--color-dark-75); }
.scrolled .textblocks_submenu .textblock-inner     {padding: 2px 0px 5px !important; }
.scrolled .anchormenu a.button                     {width: auto; max-width: none; margin: 0px 2% 3px 0; padding: 5px 0px 0px 0px; background: var(--color-highlight2-0); }
.scrolled .anchormenu                              {overflow: hidden; white-space: nowrap; }
.textblocks_submenu .Slidearrow,
.scrolled .textblocks_submenu .Slidearrow          {position: absolute; content: ""; display: none; top: auto !important; bottom: 2px !important; width: 36px; height: 36px; z-index: 3000000; text-align: center; font-size: 120%; font-weight: 500; background-color: var(--color-highlight3-0); border: 1px solid var(--color-highlight3-0); transform: none !important; -webkit-transform: none !important; }
.scrolled .textblocks_submenu .Slidearrow.active   {display: block !important; }
.scrolled .textblocks_submenu .Slidearrow:hover    {border-color: var(--color-highlight3-6); }
.scrolled .textblocks_submenu .Slidearrow a        {background-color: var(--color-highlight1-0); background-image: url(_layout/arrow_down.png); background-size: 60% !important; }
.scrolled .textblocks_submenu .Slidearrow:hover a  {background-color: var(--color-highlight1-0); background-image: url(_layout/arrow_down.png); }
.scrolled .textblocks_submenu .leftarrow           {left: 0px;  margin-left: -50px; }
.scrolled .textblocks_submenu .rightarrow          {left: 100%; margin-left: 15px; }

a.backbtn,
a.backbtn:hover              {position:relative; float: right; display: inline-block; width: auto; text-decoration: none; background: transparent; margin: 0px 0px 0px 0px;}
a.backbtn:hover              {text-decoration: none; }

a.arrow:hover,
a.arrow                      {background-image: url(_layout/arrow_more.png); background-repeat: no-repeat; background-position: right 5px center; background-size: 50px auto; padding: 6px 65px 6px 10px; }
a.arrow:hover                {background-image: url(_layout/arrow_more.png); padding: 6px 70px 6px 15px; }

a.tel,
a.mail,
a.cal                        {background-repeat: no-repeat; background-position: left top; background-size: auto 100%; padding: 10px 10px 5px 55px; }
a.tel                        {background-image: url(_layout/socialicon_fon.png); }
a.mail                       {background-image: url(_layout/socialicon_mail.png); }
a.cal                        {background-image: url(_layout/socialicon_cal.png); }

a.morelink:hover,
a.morelink                   {background: var(--color-highlight1); color: var(--color-highlight3) !important; border: 1px solid  var(--color-highlight3); font-size: 100%; font-weight: 300; letter-spacing: 0.1em; text-transform: uppercase; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.tile:hover a.morelink,
a.morelink:hover             {background: var(--color-highlight3); color: var(--color-highlight1) !important; }

footer a.morelink,
footer a.btn,
footer a.button              {background: var(--color-highlight2-5); color: var(--color-highlight3) !important; }
footer a.morelink:hover,
footer a.btn:hover,
footer a.button:hover        {background: var(--color-highlight2); color: var(--color-highlight3) !important; }


a.extrabutton                {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:none; color: transparent !important; background: transparent url(_layout/arrow_down_active.png) no-repeat center center; background-size: auto 100%; margin: 10px auto; padding: 0px; }
a.extrabutton:focus,
a.extrabutton:hover          {text-decoration: none; color: transparent !important; background-image: url(_layout/arrow_down_MO.png); }

a.extrabutton-up             {position: fixed; right: 15px; bottom: 15px; width: 60px; height: 60px; display: none; background-size: 50% auto; background-color: var(--color-highlight1-7); border: 0px solid var(--color-highlight3-0); padding: 0px; margin: 0px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); background-size: 50% auto; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; }
a.extrabutton-up:hover       {bottom: 20px; background-size: 70% auto; background-color: var(--color-highlight1); background-image: url(_layout/arrow_down_active.png); }

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

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

a.extrabutton-down            {position: absolute; left: 50%; bottom: 35px; width: 50px; height: 50px; margin: 0px 0px 0px -25px; background-image: url(_layout/icon_scroll.png); border: 0px solid var(--color-highlight3-0); background-color: var(--color-highlight3-0); -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; }
a.extrabutton-down:focus,
a.extrabutton-down:hover      {background-image: url(_layout/icon_scroll.png); bottom: 30px; border-color: var(--color-highlight3-0); background-color: var(--color-highlight1-0); }
a.extrabutton-down,
body > a.extrabutton-down,
a.extrabutton-down-section,
.BackgroundImage-Header a.extrabutton-down     {display: none !important; }

object                      { vertical-align: top; margin: 0px 0px 0px 0px; padding: 0px; outline: 0;}
embed                       { vertical-align: top; margin: 0px 0px 0px 0px; padding: 0px; outline: 0;}
.TeaserGroup object         { margin: 0px 0px 0px -1px;}
.TeaserGroup embed          { margin: 0px 0px 0px -1px;}


/* * ############################################ * */
/* * TOP-MENU * */
/* * ############################################ * */
.mainnav                             {position: absolute; bottom: 0px; left: 0%; display: block; width: 100%; max-width: 1170px; font-size: 90%; height: auto; padding: 0px 0px; margin: 0px 0px 0px 0px; border-bottom: 0px solid var(--color-highlight1); background: transparent; overflow: visible; text-align: right; z-index: 30008; }
.mainnavfixed                        {}
ul.makeMenu                          {position: relative; margin: 0px auto 0px; padding: 0px 0px 0px 0px; height: 100%; width: 100%; max-width: 1170px; list-style-type: none; display: block; background: var(--color-dark-0); }
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 0%; overflow: visible; vertical-align: top; }
ul.makeMenu li ul                    {position: absolute; left: 0px; list-style-type: none; pointer-events: none; display: block; padding: 5px 0px 0px; height: auto; max-height: 0px; width: auto; max-width: 350px; white-space: nowrap; margin: 0px 0px 0px 0px; background-color: var(--color-highlight1-0); overflow: visible; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); filter: blur(10px); -webkit-filter: blur(10px); -moz-filter: blur(10px); -khtml-filter: blur(10px); }
ul.makeMenu li ul li                 {display: block; float:none; white-space: normal; width: 100%; margin: 0px; padding: 0px; }
ul.makeMenu li:not(.mute):hover > ul {max-height: 600px; background-color: var(--color-highlight1-8); opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); filter: blur(0px); -webkit-filter: blur(0px); -moz-filter: blur(0px); -khtml-filter: blur(0px); box-shadow: 0px 0px 10px var(--color-black-6); -moz-box-shadow: 0px 0px 10px var(--color-black-6); -webkit-box-shadow: 0px 0px 10px var(--color-black-6); }
ul.makeMenu li:hover,
ul.makeMenu li:hover > ul            {z-index: 3202; pointer-events: auto; }
ul.makeMenu li:hover > ul::before    {/*display: block; content: ""; position: absolute; z-index: 1; top: 0px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); height: 100%; width: 3000%; background-color: var(--color-highlight3); box-shadow: 0px 0px 10px var(--color-dark-6); -moz-box-shadow: 0px 0px 10px var(--color-dark-6); -webkit-box-shadow: 0px 0px 10px var(--color-dark-6); */}
ul.makeMenu li ul li ul              {display: none; position: relative; left: auto; top: auto; bottom: auto; height: auto; width: 100%; padding: 0px 0px 0px 0px; overflow: hidden; }
ul.makeMenu li ul li.menu-sel > ul,
ul.makeMenu li ul li:hover > ul      {display: none !important; height: auto; }
li.topmenu,
.li-meta-menu                        {display: none !important; }

ul.makeMenu li a                     {color: var(--color-dark); background-color: var(--color-dark-0); display: inline-block; height: auto; font-size: 100%; font-weight: 400; letter-spacing: 0em; width: auto; text-transform: lowercase; line-height: 1.0em; text-align: left; text-decoration: none; margin: 0px 0px 0px 0px; padding: 10px 15px; }
ul.makeMenu li ul li a               {color: var(--color-highlight3); font-weight: 400; letter-spacing: 0em; text-transform: lowercase; font-size: 100%; display: block; min-width: 240px; padding: 10px 15px; margin: 0px 0px 0px 0px; line-height: 1; background-color: var(--color-black-0); }
ul.makeMenu li ul li ul li a         {font-size: 80%; }
ul.makeMenu > li > a.menu-sel        {font-weight: 600; text-decoration: none; }
ul.makeMenu > li > a:hover           {text-decoration: underline; }
ul.makeMenu li ul li a.menu-sel,
ul.makeMenu li ul li a:hover         {background-color: var(--color-highlight3-2); /*color: var(--color-highlight3); background-color: var(--color-highlight1);*/ font-weight: 400; text-decoration: none; }

ul.makeMenu li a::after              {display: none; position: absolute; bottom: 4px; left: 0%; transform: translate(0%, 0); -webkit-transform: translate(0%, 0); content: ""; border-top: 1px solid var(--color-highlight3-0); height: 0px; width: 0px; }
ul.makeMenu li a.menu-sel::after,
ul.makeMenu li a:hover::after        {border-color: var(--color-highlight3-0); width: 100%; }
ul.makeMenu li ul li a.menu-sel,
ul.makeMenu li ul li a:hover         { }

/* Menu-Img */
ul.makeMenu li a.menu-img                                                    {}
ul.makeMenu a img                                                            {display: none; vertical-align: middle; width: auto; height: 24px; padding: 0px; margin: -5px 5px 0px 0px; }
ul.makeMenu a img.img-hover                                                  {display: none; }
ul.makeMenu a a.menu-sel img, ul.makeMenu a:hover img                        {}
ul.makeMenu a a.menu-sel img.img-hover, ul.makeMenu a:hover img.img-hover    {}

/* Menu-Toggle */
.main-nav-toggle               {display: none; position: fixed; right: 15px; top: 25px; z-index: 26000; width: 45px; height: 36px; font-size: 75%; color: inherit; background: transparent; font-weight: 300; overflow: visible; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-transform: none; text-align: right; }
.mainnavfixed .main-nav-toggle {}
.main-nav-toggle .inner        {display: block;}
.main-nav-toggle span          {display: none; position: absolute; left: 0px; top: 50%; transform: translate(-100%, -50%); -webkit-transform: translate(-100%, -50%); letter-spacing: 0em; font-size: 120%; width: auto; height: auto; color: inherit; background: transparent; padding: 8px 10px 8px 0px; margin: 0px 0px 0px 0px; text-transform: none; text-align: right; line-height: 100%; }
.main-nav-toggle:hover span    {text-decoration:none; color: inherit; }

.main-nav-toggle i             {position: absolute; left: 50%; display: block; width: 100%; height: 5px; background: var(--color-highlight1); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.main-nav-toggle:hover i       {background: var(--color-highlight2);}
.mainnav:not(.mainnav-closed) .main-nav-toggle i {}
i.menu-top                     {top: 20%; }
i.menu-middle                  {top: 50%; }
i.menu-bottom                  {top: 80%; }
.main-nav-close                {background: transparent; }
.main-nav-close span           {}
.main-nav-close .inner         {}
.main-nav-close i              {}
.main-nav-close:hover i        {}
.main-nav-close i.menu-top     {}
.main-nav-close i.menu-middle  {left: 30%; }
.main-nav-close i.menu-bottom  {}

/* Menu mobile */
.mainnav:not(.mainnav-closed)                {background: var(--color-highlight3-0); height: auto; max-height: 100%; z-index: 30001; /*box-shadow: 0px 0px 10px var(--color-dark-7); -moz-box-shadow: 0px 0px 10px var(--color-dark-7); -webkit-box-shadow: 0px 0px 10px var(--color-dark-7); overflow: auto;*/ }
.mainnav:not(.mainnav-closed) ul.makeMenu    {display: block; width: 100%; height: auto; }
/* * ############################################ * */
/* * TOP-MENU - ENDE * */
/* * ############################################ * */


/* * TOP-MENU * */
#mainnavTop                              {position: relative; display: inline-block; font-size: 100%; width: auto; height: auto; padding: 0px; overflow: visible; }
#mainnavTop ul.makeMenu a img            {/*display: block; margin: 0px auto 3px; height: 60%; width: auto;  */}
#mainnavTop ul.makeMenu,
#mainnavTop ul.makeMenu li               {display: inline-block; width: auto; margin: 0px; padding: 0px 0px 0px 10px; overflow: visible; }
#mainnavTop ul.makeMenu li a             {color: var(--color-highlight3); line-height: 100%; text-transform: uppercase; }
#mainnavTop ul.makeMenu > li > a:hover::after    {border-color: var(--color-highlight3); }
#mainnavTop ul.makeMenu li a.menu-sel            {color: var(--color-highlight3) !important; }
#mainnavTop ul.makeMenu li ul            {position: absolute; display: block; left: 50%; top: 100%; font-size: 140%; min-width: 150px; height: auto; max-height: 0px; width: auto; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); padding: 5px 0px 0px; background-color: var(--color-highlight3-0); border: 2px solid var(--color-highlight1-0); opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); filter: blur(10px); -webkit-filter: blur(10px); -moz-filter: blur(10px); -khtml-filter: blur(10px); }
#mainnavTop ul.makeMenu li ul li         {display: block; width: 100%; }
#mainnavTop ul.makeMenu li:hover > ul    {display: block !important; height: auto; max-height: 600px; padding: 20px 0px; background-color: var(--color-highlight3); border-color: var(--color-highlight1); opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); filter: blur(0px); -webkit-filter: blur(0px); -moz-filter: blur(0px); -khtml-filter: blur(0px); }
#mainnavTop ul.makeMenu li ul li a       {padding: 8px 10px; min-height: auto; height: auto; color: var(--color-highlight2); }
#mainnavTop ul.makeMenu li ul li:hover a {display: block !important; height: auto; background: var(--color-dark-1); color: var(--color-highlight2); }


/* * SUB-MENU * */
#mainSubnav                         {position: fixed; left: 0px; top: 120px; z-index: 3000; width: auto; color: var(--color-highlight3); background: var(--color-highlight2); text-align: right; height: auto; display:block; border: 2px solid var(--color-highlight3); border-left: none; overflow: auto; overflow-x: hidden; margin: 0px; padding: 20px 0px 0px; box-shadow: 5px 0px 10px var(--color-dark-4); -moz-box-shadow: 5px 0px 10px var(--color-dark-4); -webkit-box-shadow: 5px 0px 10px var(--color-dark-4); opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90); }
a#navtitle                          {display: inline-block; margin: 0px 20px 15px 20px; padding: 0px; width:60px; height:42px; font-size: 120%; text-transform: none; text-align: left; border: 2px solid var(--color-highlight3); color: transparent; background: var(--color-highlight2) url(_layout/icon_menu.png) no-repeat right center; overflow: hidden; }
a#navtitle:hover                    {cursor: pointer; background-color: var(--color-highlight3-2); text-decoration: none; }
ul.makeSubMenu                      {list-style-type: none; width: 0px; height: 0px; display: block; z-index: 10; background: transparent; margin: 0px 0px 0px; padding: 0px; border-top: 2px solid var(--color-highlight3); overflow: hidden; text-align:left;}
#mainSubnav.nav-open ul.makeSubMenu {width: auto; min-width: 250px; height: auto; padding: 20px; }
#mainSubnav.nav-open a#navtitle     {background-image: url(_layout/icon_close.png); color: var(--color-highlight3); width: 65%; height:28px; border: none; padding: 10px 60px 10px 10px; }
#mainSubnav.nav-open a#navtitle:hover {background-image: url(_layout/icon_close.png); }
ul.makeSubMenu ul 	       	        {list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 250px; overflow: hidden; height:auto; background: transparent;}
ul.makeSubMenu li                   {list-style-type: none; display: block; background: transparent; width: auto; height: auto; list-style-image: none; margin: 0px 0px 0px 0px; padding: 0px; overflow: visible; }
ul.makeSubMenu li ul                {padding: 10px 0px; width: auto; background: transparent; border: none; display: block; overflow: hidden; }
ul.makeSubMenu li:last-child ul     {}
ul.makeSubMenu li:hover             {background-color: transparent;}
ul.makeSubMenu li:hover > ul        {display: block !important;}
ul.makeSubMenu li ul li ul          {position:relative; display: block !important; background: transparent; padding: 0px 0px; margin: 0px 0px 10px 0px; }
ul.makeSubMenu li ul li:hover ul    {display: block !important;}
ul.makeSubMenu li ul li ul li       {position:relative; float: none; display: block; padding: 0px; margin: 0px; border: none; }

a.makeSubMenuTop, a.makeSubMenuTop:visited, a.makeSubMenuTop:link, a.makeSubMenuTop:active	                                                 {display: block; color: var(--color-highlight3); background: var(--color-highlight2); font-size: 15px; height: auto; width: auto; font-weight: 300; text-transform: none; text-decoration:none; margin: 0px 0px 0px 0px; padding: 7px 10px; line-height: 1.2em; text-align:left; }
a.makeSubMenuTop_sel, a.makeSubMenuTop_sel:hover, a.makeSubMenuTop_sel:visited, a.makeSubMenuTop_sel:link, a.makeSubMenuTop_sel:active       {display: block; color: var(--color-highlight3); background: var(--color-highlight2); font-size: 15px; height: auto; width: auto; font-weight: 300; text-transform: none; text-decoration:none; margin: 0px 0px 0px 0px; padding: 7px 10px; line-height: 1.2em; text-align:left; }
a.makeSubMenuTop:hover, a.makeSubMenuTop_sel:hover                                                                                           {display: block; color: var(--color-highlight3); background: var(--color-highlight2); }

ul.makeSubMenu a, ul.makeSubMenu a:visited, ul.makeSubMenu a:link, ul.makeSubMenu a:active	                                                 {display: block; color: var(--color-highlight3); border-color: var(--color-highlight3) !important; background: transparent; font-size: 18px; height: auto; width: auto; font-weight: 300 !important; text-transform: none !important; text-decoration:none; margin: 0px 0px 0px 0px; padding: 8px 10px; }
ul.makeSubMenu a:hover                     					                                                                                         {color: var(--color-highlight2); border-color: var(--color-highlight3) !important; background: #f2eaeb; font-weight: 300 !important; }
ul.makeSubMenu li:last-child a                     					                                                                                 {border: none; }


div.SubMenuSlider              {/*position: absolute; top: 405px; left: 655px; height: 45px; width: 180px; font-size: 24px; text-align: center; margin: 0px; padding: 0px 50px 0px 70px; color: var(--color-highlight3); background: transparent url(_layout/bg_black_trans30.png) repeat left top; font-weight: 300; display: block; */}
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(_layout/arrow.png) no-repeat center center; }
a.SubMenuSlider:hover          {background-image: url(_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; top: auto; right: auto; display: inline-block; width: auto; margin: 0px 50px 15px 0px; text-align: left; }
ul.makeExtraMenu	             {display:block; width: 100%; height: auto margin: 0px; padding: 0px; }
ul.makeExtraMenu li            {display:inline-block; vertical-align: top; list-style-type: none; list-style-image: none; margin: 0px 10px 0.3em 0px; border-right: 1px solid var(--color-highlight1); padding: 0px 20px 0px 0px; height: auto; width: auto; overflow: visible;}
ul.makeExtraMenu li a          {color: var(--color-highlight3-8); font-weight: 400; font-size: 100%;; line-height: 100%; background: transparent; display: block; height: auto; width: auto; text-transform: none; text-decoration:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
ul.makeExtraMenu li a.extramenu_sel       {font-weight: 600; }
ul.makeExtraMenu li a.extramenu_sel,
ul.makeExtraMenu li a:hover               {color: var(--color-highlight3); }
ul.makeExtraMenu li a::after              {}
ul.makeExtraMenu li:last-child a::after   {display: none; }
ul.makeExtraMenu li:last-child            {margin-right: 0px; padding-right: 0px; border: none; }
.li-extramenu-back                        {display: none !important; }


/* nav */
nav                            {display:block; width: 100%; height: auto; margin: 0px; padding: 0px; text-align: center; }
ul.pagination	                 {display:block; width: 100%; height: auto; margin: 0px; padding: 0px; }
ul.pagination li               {display:inline-block; vertical-align: top; list-style-type: none; list-style-image: none; margin: 0px 0px 0px 0px; padding: 0px; height: auto; border: 1px solid #bbbbbb; width: auto; white-space:nowrap; overflow: visible;}
ul.pagination li a             {display:block; padding: 5px; }

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(_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: #3e3e3e; background-image: url(_layout/print_ho.png); }

        
ul.LanguageBox,
ul.LanguageBox li,
ul.LanguageBox li ul            {display: block; vertical-align: top; list-style-image: none; list-style-type: none; margin: 0px 0px 0px 0px; width: auto; height: auto; padding: 0px 0px 0px 0px; overflow: visible; text-align: right; }
ul.LanguageBox li ul            {position: relative; list-style-type: none; display: block; padding: 0px 0px 0px; height: auto; max-height: 0px; width: 100%; white-space: nowrap; margin: 0px 0px 0px 0px; overflow: visible; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); filter: blur(10px); -webkit-filter: blur(10px); -moz-filter: blur(10px); -khtml-filter: blur(10px); }
ul.LanguageBox                  {background-color: var(--color-highlight3-0); border: 1px solid var(--color-dark-0); z-index: 30000; }
ul.LanguageBox li               {padding: 8px; }
ul.LanguageBox li ul li         {display: block; white-space: normal; width: 100%; margin: 0px; padding: 0px; font-size: 90%; }
ul.LanguageBox > li:hover > ul  {max-height: 600px; opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); filter: blur(0px); -webkit-filter: blur(0px); -moz-filter: blur(0px); -khtml-filter: blur(0px); }
ul.LanguageBox:hover            {background-color: var(--color-highlight3-9); border-color: var(--color-dark-5); box-shadow: 0px 0px 10px var(--color-black-25); -moz-box-shadow: 0px 0px 10px var(--color-black-25); -webkit-box-shadow: 0px 0px 10px var(--color-black-25); }
ul.LanguageBox a                {background: transparent; background-repeat: no-repeat; background-size: 100%; color:  var(--color-highlight1-7); border: none; display: inline-block; vertical-align: top; font-size: 90%; font-weight: 400; width: auto; height: 100%; text-transform: none; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
ul.LanguageBox > li > a         {text-transform: uppercase; }
ul.LanguageBox a.langmenu_sel,
ul.LanguageBox a:focus,
ul.LanguageBox a:hover          {opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); }
ul.LanguageBox a:hover          {color: var(--color-highlight2); }
ul.LanguageBox a.langmenu_sel   {color: var(--color-highlight2); font-weight: 600; }
ul.LanguageBox a img            {display: block; width: auto; height: 100%; padding: 0px; margin: 0px; }
ul.LanguageBox a img.img-hover  {display: none; }
ul.LanguageBox,
ul.LanguageBox li,
ul.LanguageBox li ul,
ul.LanguageBox a                {transition: all 0.2s ease-out 0s; }


/* Sitemap */
ul.Sitemap	             {margin: 0px 0px 0px 0px; padding: 0px; display:block; width: auto; background: transparent; border: none; overflow: visible;}
ul.Sitemap li            {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: #3e3e3e; 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-highlight2); 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:none; background: var(--color-highlight2); border-bottom: 1px solid #bbbbbb;; border-top: 1px solid #bbbbbb;}
ul.Sitemap a.sitemap_top:hover {background: var(--color-highlight2); color: var(--color-highlight3);}
ul.Sitemap a.sitemap_sub,
ul.Sitemap a.sitemap_subsub    {color: #3e3e3e;}
ul.Sitemap a:hover             {background: var(--color-highlight2); color: var(--color-highlight3);}

.Sitemap-Big .count            {padding: 30px 30px 10px 60px; margin-bottom: 1%; min-height: 320px; background-color: var(--color-highlight1); background-position: right bottom; background-repeat: no-repeat; background-size: cover; box-shadow: 4px 4px 4px var(--color-black-15); -moz-box-shadow: 4px 4px 4px var(--color-black-15); -webkit-box-shadow: 4px 4px 4px var(--color-black-15); }
.Sitemap-Big .count *          {color: var(--color-highlight3); z-index: 10; }
.Sitemap-Big .count::before    {position: absolute; top: 30px; left: 20px; font-weight: 500; font-size: 140%; padding: 5px; width: auto; height: auto; overflow: visible; background: transparent; color: var(--color-highlight3); box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.Sitemap-Big .leftcol          {width: 49%; margin: 0px 1% 1% 0px; }
.Sitemap-Big .rightcol         {width: 49%; margin: 0px 0px 1% 0px; }
a.bigsitemap_top               {font-weight: 500; font-size: 140%; color: var(--color-highlight3); text-transform: uppercase; background: transparent; }
a.bigsitemap_sub               {font-size: 110%; line-height: 1.3; }


h1, h3, h5,
.h1, .h3, .h5              {line-height: 1.2; color: var(--color-highlight1); }
h2, h4, h6,
.h2, .h4, .h6              {line-height: 1.2; color: var(--color-highlight2); }
h1, .h1                    {display:block; font-size: 260%; font-weight: 500; width: 100%; margin: 0px 0px 0.5rem; padding: 0px 0px; text-transform: none; letter-spacing: 0em; }
h2, .h2                    {display:block; font-size: 140%; font-weight: 500; width: 100%; margin: 0px auto 1.2rem; padding: 0px; text-transform: none; letter-spacing: 0em; }
h3, .h3                    {display:block; font-size: 200%; font-weight: 500; width: 100%; margin: 0px 0px 1rem; padding: 0px 0px; text-transform: none; letter-spacing: 0em; }
h4, .h4                    {display:block; font-size: 180%; font-weight: 500; width: 100%; margin: 0px auto 1.2rem; padding: 0px; text-transform: none; letter-spacing: 0em; }
h5                         {display:block; font-size: 140%; font-weight: 500; width: 100%; margin: 0px 0px 1.2rem 0px; text-transform: uppercase; }
h6                         {display:block; font-size: 120%; font-weight: 500; width: 100%; margin: 0px auto 1.2rem; padding: 0px 0px 5px 0px; text-transform: uppercase; }

h1 div,
h3 div,
.labeltitle div            {position: absolute; top: 0; left: 0; padding: 20px 40px; }
.labeltitle div            {padding: 15px 0px; }

.leftcolumn h2,
.leftcolumn .h2            {/*font-style: italic; */}
table h6                   {display: block;  border: none; margin: 10px auto 0px; padding: 0px 0px 0px 0px;}
table h6:after             {display: inline-block; content: ""; vertical-align: middle; width: 20%; height: 1px; margin: 0px 0px 0px 10px; background: var(--color-highlight3-4); }
.counter h6                {display: inline;  border: none; }
.noline h1                 {margin: 0px auto 0rem; border: none; }

.h1 ul, .h2 ul,
.h3 ul, .h4 ul             {margin: 0px; padding-left: 0.6em; }
h1 em, h3 em               {font-weight: 900; font-size: 100%; color: var(--color-highlight1); }

.hs-item                   {display: inline-block; vertical-align: bottom; width: auto; margin: 0px 5% 20px 0px; }
.hs-num                    {display:block; font-size: 160%; font-weight: 600; width: 100%; padding: 0; margin: 0px auto 0.1em; color: var(--color-highlight1); line-height: 1.1; }
.pre-headline,
.pagetop,
.hs-label                  {display:block; font-size: 80%; letter-spacing: 0.03em; text-transform: lowercase; font-weight: 500; width: 100%; padding: 0; margin: 0px; color: var(--color-highlight2); line-height: 1.1; }
.hs-label                  {font-size: 55%; font-weight: 500; }
.pre-headline,
.pagetop                   {margin: 0px 0px 1.0em 0px; line-height: 1.1; }
.pagebottom                {width:100%; display: none;   height: auto;  padding:0; margin: 0px; padding: 0px; text-align:left;}


.sans-serif h3,
.sans-serif h4             {text-transform: uppercase;  border: none; border-bottom: 1px solid var(--color-highlight1); min-height: auto; padding: 0px 40px 2px 40px; }
.sans-serif h4             {border-color: var(--color-highlight2); }

/* Animation */
body:not(#main_lightbox) main h1,
body:not(#main_lightbox) main h2,
body:not(#main_lightbox) main h3,
body:not(#main_lightbox) main h4,
body:not(#main_lightbox) main h5,
body:not(#main_lightbox) main h6               {opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); filter: blur(20px); transform: translateY(50px); }
body:not(#main_lightbox) main .in-view h1,
body:not(#main_lightbox) main .in-view h2,
body:not(#main_lightbox) main .in-view h3,
body:not(#main_lightbox) main .in-view h4,
body:not(#main_lightbox) main .in-view h5,
body:not(#main_lightbox) main .in-view h6      {opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); filter: blur(0px); transform: translateY(0px); }


.headline-container            {display: block; vertical-align: top; width: 100%; max-width: 1170px; padding: 0px 0px 0px; margin: 0px auto 10px; }
.headline-container.iconcont   {}
.headline-container h3         {}
.got-icon h3                   {width: calc(100% - 160px); padding-right: 200px; }
.blockheadline h3              {font-size: 170%; font-weight: 400; padding: 15px 15px; border: none; background: var(--color-highlight1); color: var(--color-highlight3); text-align: center; margin-bottom: 1%; box-shadow: 4px 4px 4px var(--color-black-15); -moz-box-shadow: 4px 4px 4px var(--color-black-15); -webkit-box-shadow: 4px 4px 4px var(--color-black-15); }
.blockheadline.bold h3         {font-size: 200%; font-weight: 500; }


.moretext h3                   {width: auto !important; margin: 0px 0px 1.3rem; }
.moretext .head-icon           {right: -3%; }

.headlabel                     {position: absolute; top: -1px; left: -1px; display: block; background: var(--color-highlight3); border: 1px solid var(--color-black-5); font-size: 110%; text-transform: uppercase; width: auto; max-width: 50%; height: auto; padding: 10px 40px; margin: 0px; z-index: 50; }
.headlabel *                   {color: var(--color-highlight1); line-height: 1.2; margin: 3px 0px; }
.headlabel p                   {font-weight: 500; }
.imglabel                      {position: absolute; top: 0px; right: 0px; display: block; background: var(--color-black-3); color: var(--color-highlight3-85); font-size: 60%; text-align: right; width: auto; max-width: 75%; height: auto; padding: 4px 10px; margin: 0px; z-index: 50; border-radius: 0px 0px 0px 11px; }


/* Animation */
.head-icon                         {position: absolute; display: block; top: -5%; right: -8%; height: 110%; width: auto; z-index: 10;  }
.leftcolumn .head-icon             {top: 14%; right: -5%; height: 60%; }
.icon                              {display: inline-block; /*vertical-align: bottom; margin-left: -200px !important; margin-right: 15px !important; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); filter: blur(20px); */}

.text-container            {position: unset; clear: both; display: block; vertical-align: top; width: 100%; max-width: 1170px; margin: 0px auto 10px; }
.text-container.iconcont   { }
.page-title                {text-align: left; }

blockquote                 {position: relative; display: block; font-style: normal; text-align: left; width: auto; font-size: 140%; margin: 0px auto 20px; padding: 0px 0px; color: inherit; background: transparent; }
blockquote::before         {position: absolute; top: 0px; left: 0px;     content: ""; display: none; width: 20px; height: 20px; background: transparent url(_layout/quote.png) no-repeat left top; background-size: 100%; }
blockquote::after          {position: absolute; bottom: 0px; right: 0px; content: ""; display: none; width: 20px; height: 20px; background: transparent url(_layout/quote_end.png) no-repeat right top; background-size: 100%; }
blockquote h3,
blockquote h4              {padding: 0px; }
blockquote i,
blockquote em              {}


.count                     {position: relative; display: block; font-style: normal; text-align: left; width: 100%; font-size: inherit; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 45px; color: inherit; background: transparent; }
.count::before             {position: absolute; top: 0px; left: 0px; content: "-"; display: block; width: 32px; height: 32px; text-align: center; background: var(--color-highlight1); color: var(--color-highlight3); overflow: hidden; padding: 5px; line-height: 1; font-size: 120%; font-weight: 500; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; }
.wall-grid .count::before,
.grid .count::before       {top: -16px; left: -16px; }

.count-big                 {padding: 0px 0px 0px 60px; }
.count-big::before         {background: var(--color-green); width: 40px; height: 40px; padding: 10px; font-size: 130%; }

.count.filled::before,
.filled .count::before     {background: var(--color-highlight3); color: var(--color-highlight1); }
.count-1::before           {content: "1"; }
.count-2::before           {content: "2"; }
.count-3::before           {content: "3"; }
.count-4::before           {content: "4"; }
.count-5::before           {content: "5"; }
.count-6::before           {content: "6"; }
.count-7::before           {content: "7"; }
.count-8::before           {content: "8"; }
.count-9::before           {content: "9"; }
.count-10::before          {content: "10"; }
.count-11::before          {content: "11"; }
.count-12::before          {content: "12"; }
.count-A::before           {content: "A"; }
.count-B::before           {content: "B"; }
.count-C::before           {content: "C"; }
.count-D::before           {content: "D"; }
.count-E::before           {content: "E"; }
.count-F::before           {content: "F"; }
.count-G::before           {content: "G"; }
.count-H::before           {content: "H"; }
.count-I::before           {content: "I"; }
.count-J::before           {content: "J"; }
.count-K::before           {content: "K"; }
.count-L::before           {content: "L"; }


/* *   News  * */
.NewsBox                      {position: relative; display: block; text-align: left; height: auto; margin: 0px auto 20px; background: transparent; font-size: 90%; padding: 0px 0px; overflow: hidden; }
.DateBox                      {position: fixed; bottom: 20px; left: 50%; width: auto; margin: 0px 0px 0px -850px; font-size: 90%; z-index: 100; opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); }
.datebox-fixed                {/*display: none;*/ opacity: 0.0; -moz-opacity: 0.0; filter:alpha(opacity=0); }
.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: inline-block; vertical-align: top; color: inherit !important; width: 100%; height: auto; background: var(--color-dark-1); border: 1px solid var(--color-dark-3); overflow: hidden; padding: 20px 20px 10px; margin: 0px 0% 10px 0px; font-size: 100%; line-height: 1.3; font-weight: normal; -moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px; }
.EventList .NewsBoxCont       {width: 27.3333%; margin: 0px 6% 5% 0px; font-size: 80%; }
.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, .NewsBoxCont a {text-decoration:none; font-weight: 400; font-size: 100%; color: inherit; background: transparent; padding: 5px 10px; margin: 0px 0px 10px 0px; }
.NewsBoxCont .info            {font-weight: 300; font-size: 80%; color: #003f70; display: inline; }
.row                          {display: block; clear: both; padding: 10px 0px 5px; margin: 0px 0px 5px 0px; border-bottom: 2px dotted var(--color-black-4); }
.row::after                   {display: block; content: ""; clear: both; }

.tilecontent .row             {padding: 3px 0px; margin: 0px 0px 5px 0px; }
.tilecontent .row p,
.tilecontent .row .leftcol,
.tilecontent .row .rightcol   {margin: 0px !important; }
       
        
.newscol                      {position: relative; display: inline-block; vertical-align: top; width: 30%; padding: 0px; margin: 0px 15px 5px 0px; }
.newscol2                     {font-weight: 400; width: 50%; }
.newsblock                    {margin:0; padding:0; padding-left: 1px; margin-bottom: 5px;}
.news_text                    {display: inline-block; vertical-align: top; width: 75%; padding: 0px 0px; margin: 0px 0px 0px 0px; }
.news_text .infobox           {font-size: 90%; }
.news_img                     {display: inline-block; vertical-align: top; z-index: 5; width: 33.3333%; padding: 0px 0px 0px; margin: 0px 0px 0px 0px; }
.news_img img                 {width: 100%; }
.NewsBoxCont img              {max-width: 100%; }
.NewsBoxCont a                {display: block; padding: 0px; margin: 0px; }
.DateBox a, .DateBox p        {font-size: 100%; }
a.boxlink                     {position: relative; width: 100%; height: auto; padding: 0px; margin: 0px; display: block; background: transparent; }
.NewsBoxCont a.morelink       {display: none !important; }
.NewsBoxCont::after           {clear: both; }
.NewsBoxCont:hover            {background: var(--color-dark-2); border-color: var(--color-highlight1); }
.NewsBoxCont:hover *          {}
.NewsBoxCont:hover .date,
.NewsBoxCont:hover .date *    {text-decoration: none !important; }
.news_text .float_right,
.news_text .float_left        {width: 40%; }
      
.SlideShowBox                 {position: relative; display: block; width: 100%; height: 228px; font-size: 16px; background: transparent url(_layout/bg_slide_gallery.jpg) no-repeat center top; 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,
a.newshead:link,
a.newshead:focus,
a.newshead:active,
a.newshead:hover,
a.newshead:visited          {text-decoration:none; font-weight: 600; color: var(--color-dark); background: transparent; text-transform: none; font-size: 100%; line-height: 1.2; display: inline-block; width: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; text-align: left;}
a.newshead:hover            {text-decoration:underline; color: var(--color-highlight2); }
a.newshead-2,
a.newshead-2:link,
a.newshead-2:focus,
a.newshead-2:active,
a.newshead-2:hover,
a.newshead-2:visited        {display: block; padding-bottom: 80px;}

a.newstop,
a.newstop:link,
a.newstop:focus,
a.newstop:active,
a.newstop:hover,
a.newstop:visited          {display: block; width: auto; text-decoration:none; color: var(--color-highlight3); background: var(--color-highlight2); text-transform: none; font-size: 110%; font-weight: 500; padding: 7px 10px; text-align: left; z-index: 100; }
a.newstop:hover            {text-decoration:none; color: var(--color-highlight3); background: #dd9067; }

/* News More-Links */
.morelink-bar                  {display: inline-block;  text-align: left; overflow: hidden; white-space: nowrap; margin-top: 15px; font-size: 80%; }
.pagetop .morelink-bar         {float: right; margin: 0px 0px 0px 15px; }
.morelink-bar a                { }
.morelink-bar a:hover          {text-decoration: none; }
.morelink-bar a:last-child     { }
.ContentBoxRight .news-events .morelink-bar   {font-size: 85%; }


/* * Textblock-News  * */
.textblock .NewsBox             {margin: 0px 0px 0px 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; }
.textblock a.newstop            {display: none; }
.textblock .NewsBoxCont         {display: inline-block; vertical-align: top; clear: 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          {float: right; width: 70%; }

.date                           {display: inline-block; vertical-align: top; width: auto; font-size: 60%; margin: 0px 10px 10px 0px; padding: 0px; text-align: center !important; color: var(--color-dark) !important; background: var(--color-highlight3); border: 1px solid var(--color-highlight1); overflow: hidden; }
.newscontblock .date            {font-size: 80% !important; padding: 5px 10px;  }
.date-monthname,
.date-day                       {display: block; text-align: inherit; 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: 600; 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; }


/* *   News-Content  * */
.NewsContainer             {position: relative; display: inline-block; vertical-align: top; margin: 0px 8% 0px 0px; font-size: 100%; width: 28%; min-height: 200px; padding: 0px 0px 0px 0px; text-align: left; overflow: hidden; color: inherit; background: transparent;}
.NewsContainer-right       {margin-right: 0px !important; padding-right: 0px; border-right: none;}
.newscontblock             {margin:0; padding: 0px 0px 0px 0px; min-height: 110px; font-size: 90%; }
.newsimg                   {position: relative; margin: 10px 0px; width: 100%; height: 100px; padding: 0px; overflow: hidden; }
.newsimg img               {position: absolute; left: 0px; top: 50%; width: 100%; transform: translate(0, -50%); }
.newsimg a.newshead        {position: absolute; left: 0px; top: 0px; min-height: none; width: 100%; height: 100%; }
.newsimgpage               {padding:13px; padding-bottom: 26px; margin: 0; color: #000000; background: #333333;}

.NewsContainer .info       {}

.LogoBox                     {height: 120px; border: none;}
.logo_rotation_box           {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 #cccccc solid;}
.TeaserGroup               {width:500px; height: auto; padding: 4px 8px 4px 8px; margin: 0px 0px 15px 0px; border: 1px #cccccc 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 #4cc6f5;}
.img_left									 {float: left; border-right: 1px solid #4cc6f5; 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:var(--color-dark); 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: #4cc6f5; 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:0; padding:0; text-align: center; }
li.linklist                {display: inline-block; vertical-align: top; font-weight: normal; list-style-image: url(_layout/list_bullet.png); margin: 20px 10px; /*padding: 20px 120px 50px; text-align: center; background: transparent url(_layout/shade.png) no-repeat center bottom; background-size: 100% auto; */}
li.buttonlist              {list-style-type: none !important; list-style-image: none !important; }
/*
.linklist a:hover,
.linklist a                {background-image: url(_layout/bracket_red.png); background-repeat: no-repeat; background-position: left 20px center; background-size: auto 70%; padding-left: 80px; }
.linklist a:hover          {background-image: url(_layout/bracket_blue.png); }
*/

.bigteaser li.buttonlist         {position: relative; width: 24.25%; margin: 0px 1% 1% 0%; padding: 0; border: none; line-height: 1.3; }
.bigteaser li.buttonlist.last    {margin-right: 0%; }
.bigteaser li.buttonlist a       {position: relative; opacity: 0.8; width: 100%; font-weight: 400; font-size: 140%; padding: 0; min-height: 110px; text-align: center; margin: 0; border: none; line-height: 1.1; }
.bigteaser li.buttonlist a:hover {opacity: 1.0; }
.bigteaser li.buttonlist span    {position: absolute; display: inline-block; width: 100%; padding: 0% 20px 0%; background: var(--color-dark-0); height: auto; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }


ul.pdflist li, li.pdflist  {vertical-align: top; font-weight: normal; list-style-image: url(_layout/icon_pdf.png); margin-left:23px; padding-left:0;}
ul li a			               {font-weight: normal;}
div.pdflist                {background: url(_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(_layout/icon_link.gif); margin-left:23px; padding-left:0;}
ul.dllink                  {list-style-type: none; list-style-image: none; margin: 0px; padding: 0px; }
li.dllink                  {display: inline-block; width: 100%; min-height: 40px; vertical-align: top; list-style-type: none; list-style-image: none; background: url(_layout/icon_download.png) no-repeat left 10px center; background-size: auto 80%; margin: 5px 2% 15px 0px; padding: 0px; background-color: var(--color-highlight1); border-radius: 9px; }
li.dllink:hover            {background-color: var(--color-highlight2); }
li.dllink a                {display: block; margin: 0px; padding: 8px 20px 8px 55px; color: var(--color-highlight3); }
li.dllink a:hover          {text-decoration: none; }
ul.pdf li, li.pdf          {background-image: url(_layout/icon_pdf_w.png);}
ul.ppt li, li.ppt,
ul.pptx li, li.pptx,
ul.pps li, li.pps,
ul.ppx li, li.ppx          {background-image: url(_layout/icon_ppt.png);}
ul.mp3 li, li.mp3          {background-image: url(_layout/icon_mp3.png);}
ul.word li, li.word,
ul.doc li, li.doc          {background-image: url(_layout/icon_doc.png);}

ul.plainlist               {list-style-type: none; display: block; width: 100%; list-style-type: none; margin: 0px auto; padding: 0px 0px 5px 0px; background: transparent; border: none; overflow: visible;  }
li.plainlist               {list-style-type: none; display: inline-block; vertical-align: top; list-style-image: none; margin: 0px 0px 0px 0px; padding: 0px 1% 1% 0; height: auto; width: 50%;  overflow: visible; }

ul.tablist                 {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                 {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 var(--color-dark); overflow: visible; white-space:nowrap;}
li.tablist a.tablistfirst  {border: none;}


/* Footer */
footer                      {position: relative; z-index: 1000; height: auto; width: 100%; font-size: 90%; display: block; line-height: 1.3em; color: var(--color-highlight3); background: var(--color-highlight1); margin: 0px 0px 0px 0px; padding: 50px 0px 0px 0px; }
.FooterBoxInner             {height: auto; width: 100%; max-width: 1170px; display: block; background: transparent; margin: 0px auto; padding: 10px 0px 30px; z-index: 3; }
.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: none; margin: 0px; padding: 0px; }
.FooterBoxInner li          {list-style-type: none; display: block; list-style-image: none; margin: 0px 0px 10px 0px; padding: 0px; }
.FooterSubLine              {height: auto; width: 100%; display: block; clear: both; /*color: var(--color-highlight3); background: var(--color-dark-0	); text-transform: none; margin: 0px 0px 0px 0px; padding: 5px 0px 50px; text-align: left; */}
.FooterSubLineInner         {width: 100%; max-width: 1170px; display: block; margin: 0px auto; padding: 20px 0px 0px 0px; border-top: 2px dashed var(--color-highlight3-5); }
footer a                    {color: var(--color-highlight3-7); }
footer a:hover              {color: var(--color-highlight3); text-decoration: none; }
footer h3,
footer h4,
footer h5,
footer h6                   {color: var(--color-highlight3); background: transparent; text-transform: none; padding: 0px; border: none; font-size: 120%; margin: 0px 0px 20px 0px; }
footer p                    {margin-top: 0px; }
.FooterBoxCol img           {width: 100%; max-width: 500px; margin: 0px; }
.FooterBoxCol               {display: inline-block; text-align: left; vertical-align: top; width: 50%; overflow: visible; height: auto; padding: 0px 20px 10px; margin: 0px 0px 0px 0px; }
.FooterBoxCol-First         {padding-left: 0px; }
.FooterBoxCol-Double        {}
.FooterBoxCol-last,
.FooterBoxRight             {padding-right: 0px; text-align: right; }
.copyright                  {display: block; float: right; text-align: right; width: auto; font-size: 80%; line-height: 1; }

iframe:not(.cke_panel_frame) {display: block !important; overflow: hidden;	width: 100% !important; min-height: 450px; margin: 0px !important; padding: 0px !important; }
.mapCont                    {width: 100%; height: auto; min-height: 400px; margin: 0px 0px 0px 0px; padding: 0px; }
#map                        {position: absolute; top: 0px; left: 0px; z-index:  50; width: 100%; height: 100%; margin: 0px; padding: 0px; }
#map iframe                 {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; }

.mapsection                 {position: relative; display: block; margin: 0px; padding: 0px; width: 100%; height: auto; }
map,
.mapimgCont,
.maphoverimg                {position: absolute; display: block; top: 0%; left: 0%; margin: 0px; padding: 0px; width: 100%; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.mapimg                     {position: relative; display: inline-block; margin: 0px; padding: 0px; width: 100% !important; height: auto; z-index:101; }
.maphoverimg                {z-index:102; pointer-events: none; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
.slice_animation .maphoverimg {filter: alpha(opacity=0) blur(100px); }
.maphoverimg-layer            {z-index:103; }
.maphoverimg.in-view,
.maphoverimg-hover,
.maphoverimg.stay-active    {top: 0% !important; left: 0% !important; z-index: 103; opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); filter: blur(0px); }
.maphoverimg-hover          {z-index: 104; }


.hiddenmode                 {position: absolute; display: block; top: 0%; left: 0%; margin: 0px; padding: 0px; width: 100%; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity=100); z-index: 100; }
.hiddenmode.hidden          {opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); z-index: 1;}
.count.hidden               {opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
.leftcol.hidden	            {margin-left: -300px !important; }
.rightcol.hidden            {margin-left: -300px !important; }

area,
polygon                     {fill: transparent; }
area:hover,
polygon:hover               {fill: transparent; }
area,
.area                       {display: block; position: absolute; z-index: 1003; font-size: 90%; margin-left: 50px; max-width: 250px; background: var(--color-highlight1); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; opacity:0;}
.area                       {margin: 0px; max-width: none; background: var(--color-red-0);  }
.area-circle                {width: 3.6%; height: 3.0%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; }
.area-rect                  {width: 28px; height: 28px; }
polygon:hover,
.area.active,
area:hover,
.area:hover                 {cursor: pointer; margin-left: 0px; text-decoration: none; opacity:1.0;}
.area:hover                 {background: var(--color-red-0); }

.area-label-box                {position: absolute; top: -90px; left: 0px; height: 110px; padding: 0px 0px 0px 0px; width: 100%; z-index: 100; text-align: center; overflow: hidden;}
.area-label                    {position: absolute; pointer-events: none; left: -200px; top: 50px; width: 100%; display: block; padding: 20px 50px 20px 20px; border: 1px solid var(--color-highlight3); border-left: none; border-bottom: none; background: transparent; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); filter: blur(20px); }
.area-label.area-label-block   {padding: 0px 0px 0px 25%; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); border: none; mask-image: radial-gradient(circle at 22% 50%, transparent 35%, black 0%, black 100%, transparent 0%); -webkit-mask-image: radial-gradient(circle at 22% 50%, transparent 35%, black 0%, black 100%, transparent 0%); }
.area-label.sel                        {opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); filter: blur(0px); left: 0%; pointer-events: auto; }
.area-label a                          {}
.area-label:hover a,
.area-label.sel a,
.area-label a:hover                    {text-decoration: none; }
.map_onion_group .ContentTBBoxRight    {display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; position: absolute; left: 0%; top: 57%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); }

.area-label-block h4,
.area-label-block p,
.area-label-block > ul                {padding: 10px 20px 10px 35%; margin: 0px 0px 10px 0px; background: linear-gradient(to right, var(--color-light) 0%, var(--color-dark) 100%); }
.area-label-block > ul li             {margin: 0px 0px 5px 20px; list-style-image: url(_layout/list_bullet.png) !important; }
.area-label-block h4:hover,
.area-label-block p:hover,
.area-label-block > ul:hover          {background: var(--color-green); }


.segment path                  {stroke: var(--color-highlight3); stroke-width: 0.5;	transition: fill .3s ease; cursor: pointer; }
.segment:hover path,
.segment:focus path            {fill: var(--color-highlight3-7) !important; }
.segment text                  {font-size: 6px%; fill: var(--color-highlight3-7); }
.segment:hover text,
.segment:focus text            {fill: var(--color-highlight3); }
circle                         {stroke: var(--color-highlight3); stroke-width: 0.5; fill: var(--color-highlight1); }
circle.circle-b                {opacity: 0; }
circle.circle-f                {z-index: 500; }


.iframe-disclaimer,
.iframe-disclaimer h5       {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.iframe .mapCont, 
.iframe-disclaimer .inner   {height: 100%; }
.iframe-disclaimer          {position: relative; display: block; z-index: 150; width: 100%; height: 100%; min-height: 450px; font-size: 100%; margin: 0px; color: var(--color-highlight3); padding: 15px 15px 15px 70px; background-color:var(--color-highlight2); background-repeat: no-repeat; background-position: 15px 15px; background-size: 40px 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: relative; display: inline-block; }
.allow-iframe:hover         {cursor: pointer; background: var(--color-highlight2); 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   {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 h6               {height: auto; display:none; margin: 0px;              padding: 3px 5px 3px 5px; font-weight: bold;   font-size: 11px; border-bottom: 1px solid var(--color-dark); color: var(--color-highlight3); background: var(--color-dark);}
#tagcloud ul               {list-style-type: none; height: auto; display:block; margin: 5px 0px; padding: 0px 0px 0px 0px; font-size: inherit;}
#tagcloud ul li            {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:last-child  {border:none;}
#tagcloud div              {margin: 5px; padding: 0px; color: var(--color-dark);}
#tagcloud a                {color: #aaaaaa; }
#tagcloud a:hover          {text-decoration: underline;}

.float_left                {float:left; margin: 0px 20px 0px 0px; }
.float_left_border         {float:left; border-left: 1px var(--color-highlight3) solid; }
.float_right               {float:right; margin: 0px 0px 0px 20px; }

/*Columns*/
.leftcol	                 {display: inline-block; vertical-align: top; margin: 0px 3% 10px 0px; width: 47%; overflow: visible; clear: both;}
.form-right form,
.rightcol          	       {display: inline-block; vertical-align: top; margin: 0px 0px 10px 0px; width: 47%; overflow: visible;}
.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; }

.line-left                 {border-left: 1px solid var(--color-highlight3);  padding-left:  15px;  margin-bottom: 30px; min-height: 80px; }
.line-right                {border-right: 1px solid var(--color-highlight3); padding-right: 15px;  margin-bottom: 30px; min-height: 80px; }
.bracket-right             {background-image: url(_layout/brackets-right.png); background-repeat: no-repeat; background-position: right center; background-size: auto 100%; padding-right: 65px; }

.arrow-right               {background-image: url(_layout/big-arrow-right.png); background-repeat: no-repeat; background-position: right center; background-size: auto 50px; min-height: 50px; padding-right: 65px; margin-bottom: 20px; }
.arrow-left                {background-image: url(_layout/big-arrow-left.png); background-repeat: no-repeat; background-position:  left center; background-size: auto 50px; min-height: 50px; padding-left: 65px; margin-bottom: 20px; }

.circle                    {padding: 20px; background: var(--color-highlight1); overflow: hidden; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; box-shadow: 4px 4px 4px var(--color-black-15); -moz-box-shadow: 4px 4px 4px var(--color-black-15); -webkit-box-shadow: 4px 4px 4px var(--color-black-15); }
.circle-small              {width: 20%; }
.circle-big                {display: block; width: 85%; margin: 0px auto; padding: 40px; }
.circle::before            {display: block; content: ""; padding-top: 100%; }
.circle *                  {position: absolute; color: var(--color-highlight3); text-align: center; width: 100%; left:50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }

.square-big                {padding: 20px; background: var(--color-highlight1); overflow: hidden; text-align: center !important; }
.square-big::before        {display: block; content: ""; padding-top: 100%; }
.square-big *              {color: var(--color-highlight3); border-color: var(--color-highlight3); text-align: center !important; }
.square-big p              {position: absolute; color: var(--color-highlight3); width: 100%; left:50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.square-big.medium         {background: var(--color-highlight2); }
.square-big.light          {background: var(--color-grey); }

.valign-middle,
.valign-middle .leftcol,
.valign-middle .rightcol,
.valign-middle .col1,
.valign-middle .col1-2,
.valign-middle .col2,
.valign-middle .col3,
.valign-middle .col2-3      {vertical-align: middle !important; }



table .col1                {width: auto; margin-right: 10px; }
table .col1,
table .col1-2,
table .col2,
table .col3,
table .col2-3              {vertical-align: bottom; margin: 0px 10px 10px 0px; }
table .col1.align-top,
table .col1-2.align-top,
table .col2.align-top,
table .col3.align-top,
table .col2-3.align-top    {vertical-align: top; }


/* Animation */
.col1:not(.fixed), .col1-2:not(.fixed),
.col2:not(.fixed), .col3:not(.fixed), .col2-3:not(.fixed)   {opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); filter: blur(20px); transform: translateY(120px); }
#main_lightbox .col1,
#main_lightbox .col1-2,
#main_lightbox .col2,
#main_lightbox .col3,
#main_lightbox .col2-3,
body.cke_editable .col1,
body.cke_editable .col1-2,
body.cke_editable .col2,
body.cke_editable .col3,
body.cke_editable .col2-3,
.col1.in-view,
.col1-2.in-view,
.col2.in-view,
.col3.in-view,
.col2-3.in-view                          {opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); filter: blur(0px); transform: translateY(0px); }



/* ── OPENING BLOCK ── */
.opening-block  {background:var(--color-highlight3);padding:36px 40px;margin-bottom:0;border-left:4px solid var(--color-highlight1);display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
@media(max-width:760px){.opening-block{grid-template-columns:1fr}}
.ob-label       {letter-spacing:2px;text-transform:uppercase;color:var(--color-highlight1);margin-bottom:8px}
.ob-title       {font-size:120%;font-weight:500;color:var(--color-highlight2);margin-bottom:10px;line-height:1.2}
.ob-time        {color:var(--color-highlight2-5);background:var(--color-highlight2);display:inline-block;padding:3px 10px;margin-bottom:12px;letter-spacing:.5px}
.ob-body        {line-height:1.72}
.ob-sessions    {display:flex;flex-direction:column;gap:8px}
.ob-session     {font-size:100%;display:flex;align-items:flex-start;gap:12px;padding:10px 12px;background:var(--color-grey-4);}
.ob-s-dot       {width:8px;height:8px;border-radius:50%;background:var(--color-highlight1);flex-shrink:0;margin-top:4px}
.ob-s-name      {font-weight:500;color:var(--color-highlight2);margin-bottom:2px}
.ob-s-desc      {line-height:1.5}



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-highlight3-0); text-decoration: none; }
.tile_square-img a.layer        {background-color: var(--color-highlight1-0); }
.tile_square-img a.layer:hover  {background-color: var(--color-highlight1-0); }

/*Gallery*/
.GalleryCont                    {position: relative; display: block; clear: both; width: 100%; margin: 0px 0px 0px 0px; text-align: center; }
.tile_square                    {position: relative; display: inline-block; left: 0%; vertical-align: top; opacity: 100; margin: 0px 2% 4%; width: 12.6666%; padding: 0px; height: auto; 	font-size: 100%; font-weight: 400; line-height: 1.3; text-align: center; overflow: hidden; background: var(--color-highlight1-0); }
.tile_square-video              {margin: 0px; width: 25%; border: 1px solid var(--color-dark-4); background: var(--color-highlight2); background-size: cover; }
.tile_square .imgbox            {position: relative; z-index: 4; width: 100%; height: auto; display: block; vertical-align: top; margin: 0px 0px 10px 0px; padding: 0px; text-align: left; background: var(--color-highlight3-0); overflow: hidden; }
.tile_square .imgbox::before    {position: relative; display: block; content: ""; padding-top: 75%; }
.tile_square img                {position: relative; display: block; z-index: 2; width: 100%; height: auto; margin: 0px 0px 10px 0px; padding: 0px; max-width: none !important; }
.tile_square:hover img          {width: 100%; }
.tile_square b             {color: inherit; font-weight: 400; }
.tile_square p             {position: relative; pointer-events: none;  display: block; width: 100%; background: transparent; text-align: center; padding: 0px 10px !important; margin: 0px !important; color: inherit; font-size: 90%; z-index: 710; }
.tile_square:hover p       { }
.tile_text                 {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(_layout/video_play.png) no-repeat center; }
.tile_square-img .vidlayer {}
.tile_square-video:hover .vidlayer {background-color: var(--color-highlight2-3); }
.tile_square.last          {margin-right: 0px !important; }
.tile_square:hover         {z-index: 1000; }

.tilegallery .tile_square           {margin: 0px 0.5% 1%; width: 24%; padding: 0px; height: auto; color: var(--color-highlight3); background: var(--color-highlight1); box-shadow: 4px 4px 4px var(--color-black-15); -moz-box-shadow: 4px 4px 4px var(--color-black-15); -webkit-box-shadow: 4px 4px 4px var(--color-black-15); }
.tilegallery .tile_square img       {position: absolute; width: auto; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); margin: 0px; }
.tilegallery .tile_square:hover img {height: 110%; }
.tilegallery .tile_square p         {min-height: 50px; }
.tilegallery .tile_square a.layer   {pointer-events: none; }


.GalleryContShort                  {display: block; clear: both; width: 100%; margin: -10px auto 10px; padding: 0px 0px 20px 0px; border-bottom: 2px solid var(--color-highlight2); 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(_layout/icon_zoom.png) no-repeat left top; height: 50px; width: 50px; padding: 0px; margin: 0px 0px 0px 10px; }

.single                    { }
.two_columns               {width: 50%;}
.two_columns::before       {padding-top: 73%; }
.three_columns             {width: 33.3333%;}
.three_columns::before     {padding-top: 120%; }

.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: 1170px; margin: 20px auto 20px; padding: 0px 0px 0px; text-align: left; }
#TileInfo                  {font-size: 80%; }
.tile                      {position: relative; display: inline-block; left: 0%; vertical-align: top; opacity: 100; margin: 0px 2% 2% 0; width: 23%; padding: 0px; height: auto; min-height: 365px; font-size: 100%; font-weight: 400; line-height: 1.3; text-align: left; color: var(--color-dark); background: var(--color-highlight3); border: 1px solid var(--color-black-4); border-top: 6px solid var(--color-highlight1); border-radius: 11px; overflow: hidden; }
.tile a.imgbox             {position: relative; z-index: 4; width: 33%; height: auto; display: block; vertical-align: top; margin: 0px auto 10px; padding: 0px; text-align: left; background: var(--color-highlight3); overflow: hidden; border: 2px solid var(--color-highlight1); border-radius: 50%; }
.tile a.imgbox::before     {position: relative; display: block; content: ""; padding-top: 100%; }
.tile img                  {position: absolute; display: block; z-index: 2; width: 120%; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); margin: 0px; padding: 0px; max-width: none !important; }
.tile-imgtop               {position: absolute; left: 0px; top: 0px; z-index: 3; width: 100%; height: 100%; display: block; margin: 0px 0px 0px 0px; padding: 0px; text-align: center; background: var(--color-highlight2-0); border: none; overflow:hidden; }
.tilelink                  {position: relative; display: block; width: 100%; height: auto; margin: 5px 0px; padding: 0px; font-size: 70%; font-weight: 500; color: var(--color-highlight2); /*text-transform: uppercase; */}
.tilelink.title            {font-size: 130%; font-weight: 900; color: var(--color-highlight1); }
.tilecontent               {position: relative; z-index: 1; display: inline-block; vertical-align: top; width: 100%; height: auto; min-height: auto; margin: 0px 0px 0px; padding: 10px 15px 5px; color: inherit; }
.tilecontent.abstract      {font-size: 90%; }
.tile .img-hover           {position: absolute; z-index: 100; display: none; }
.tile-subhead              {}
.tile-teaser               {position: relative; display: block; width: auto; height: auto; min-height: 40px; font-size: 90%; overflow: hidden; color: inherit; margin: 0px 0px; padding: 5px 0px 0px 0px; }
.tile .subline             {font-size: 110%; font-weight: 600; margin-bottom: 1.6em; }
.ContentTBImgBoxLeft .subline,
.ContentTBImgBoxRight .subline  {display: none; }
.tilecontent p             {}
.tile a.layer              {background: none !important; }
.tile-closed               {position: absolute; height: 0px; margin-top: 20px; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); background: var(--color-highlight2); }
.tile .previewimg          {width: 25%; display: inline-block; }
.tile a.morelink           {display: none; margin-top: 10px; }
.tile:not(.in-view)        {opacity: 0; left: 10%; }

.tile:hover,
.tile.tile-active,
.tile-ref:hover            {background: var(--color-grey); }
.tile:not(.tile-ref):hover .tilelink  { }
.tile-active .imgbox img,
.tile:hover .imgbox img    {}
.tile.active .tile-imgtop,
.tile:hover .tile-imgtop   {background: var(--color-highlight2-0); }
.tile:hover .tilecontent   { }
.tile.active .tilelink,
.tile:hover .tilelink      {}

.tile-img:hover,
.tile-img                  {padding: 0px 25px 0px; min-height: auto !important; }
.tile-img a.imgbox         {position: relative; bottom: auto; height: auto; }

.plain-image .tile a.imgbox           {width: 30%; border: none; border-radius: 0; background: transparent;}
.big-image .tile a.imgbox             {width: 100%; border: none; border-radius: 0; background: transparent; margin: 0px 0px 10px 0px; }
.big-image .tile a.imgbox::before     {padding-top: 50%; }

.side-image .tile a.imgbox            {width: 30%; border: none; border-radius: 0; background: transparent; float: left; margin: 0px 10px 10px 0px; }
.side-image .tile a.imgbox::before    {display: none; }
.side-image .tile img                 {position: relative; width: 100%; top: auto; left: auto; transform: none; -webkit-transform: none; }


/* Big foldouts*/
.TileCont-Big,
.TileContTop                                 {padding: 0px 0px 0px 0px; margin: 0px auto -1px; text-align: left; overflow: visible; z-index: 2; }
.TileCont-Big.more                           {z-index: 1; }
.tile-foldout                                {margin: 0px 1% 0 0; width: 32.6666%; min-height: 280px; font-size: 120%; vertical-align: top;  border-radius: 0; }
.tile-foldout.last                           {margin: 0px; }
.TileCont-Big.selected .tile-foldout         {min-height: 60px; font-size: 110%; margin-bottom: 0; vertical-align: bottom; }
.TileCont-Big.selected .tile-foldout.active  {min-height: 75px; }
.TileCont-Big.selected .tile-foldout .tilelink.title,
.TileCont-Big.selected .tile-foldout .tile-teaser,
.TileCont-Big.selected .tile-foldout .imgbox {display: none; }
.tile-foldout                                {background: var(--color-highlight3-5); }
.tile-foldout:hover                          {background: var(--color-highlight3); }
.TileCont-Big.selected .tile-foldout         {background: var(--color-grey);  border-color: var(--color-dark-5); }
.TileCont-Big.selected .tile-foldout:hover   {background: var(--color-highlight3-8); }
.tile-foldout.active                         {background: var(--color-highlight3) !important; border-color: var(--color-highlight1) !important; font-weight: 500; border-bottom: none; }
.tile-foldout .tile-teaser                   {min-height: 100px; font-size: 75%; padding: 10px 20px 0px; }
.tile-foldout .tilelink                      {padding: 20px 20px 0px; margin: 0px; font-size: 70%; color: var(--color-highlight2); text-transform: uppercase; }
.tile-foldout .tilelink.title                {padding: 10px 20px 0px; font-size: 150%; font-weight: 800; color: var(--color-highlight1); text-transform: none; }
.TileCont-Big.selected .tilelink             {padding: 15px 20px 0px; font-size: inherit; }
.tile-foldout:hover .tilelink                {color: var(--color-highlight2	); }
.tile-foldout.active .tilelink               {padding-top: 30px; color: var(--color-highlight1); }
.tile-foldout a.imgbox                       {margin: 20px 0px 0px 0px; width: 100%; border: none; border-top: 1px solid var(--color-dark-5); border-radius: 0; }
.tile-foldout .tile-imgtop                   {background: var(--color-highlight2-3); }
.tile-foldout:hover .tile-imgtop             {background: var(--color-highlight2-0); }
.tile-foldout a.imgbox::before               {padding-top: 50%; }
.tile-foldout img                            {width: 100%;  }
.tile-foldout:hover .imgbox img              {width: 110%; }
.TileCont-Big.selected .tile-foldout br      {display: none; }
.TileCont-Big .more-head                     {display: block; max-width: 1170px !important; margin: 0px auto !important; }
.TileCont-Big .more-copytext                 {display: block; max-width: 1170px !important; margin: 0px auto !important; }

.moretext                                    {width: 100%; height: auto; max-height: auto; display: block; transform: translateY(0px); margin: 20px 0px 0px 0px; padding: 20px 20px 40px; border: 1px solid var(--color-dark-5); text-align: left; overflow:hidden; }
.TileCont-Big .moretext                      {margin: 0px auto; padding: 30px 0px 0px; }
.TileCont-Big .moretextbottom                {overflow: visible !important; padding: 10px 0px 0px; }
.TileCont-Big .moretext:not(.moretextbottom) {background: var(--color-highlight3); color: inherit; box-shadow: 4px 4px 4px var(--color-black-15); -moz-box-shadow: 4px 4px 4px var(--color-black-15); -webkit-box-shadow: 4px 4px 4px var(--color-black-15); }
.TileCont-Big .moretext .textblock-inner     {padding: 0px 50px; }
.TileCont-Big .moretext .textblock           {padding: 30px 0px; }
.moretext.hidden                             {pointer-events: none; max-height: 0px; border-width: 0px; padding: 0px; transform: translateY(100px); margin: 0px 0px 0px 0px; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); filter: blur(10px); }
.TileCont-Big h3                             {font-size: 200%; min-height: auto; }


.light .tile a.imgbox::before     {padding-top: 70%; }
.light .tile img                  {width: 60%; }
.light .tile-active .imgbox img,
.light .tile:hover .imgbox img    {width: 64%; }

.mediumbox .tile                  {min-height: 260px !important; }
.shortbox .tile                   {min-height: 200px !important; }

.tile.blue                        {border-color: var(--color-blue); }
.tile.orange                      {border-color: var(--color-orange); }
.tile.green                       {border-color: var(--color-green); }



/* Bookmarks */
.Bookmarks                        {position: fixed; display: block; left: 0px; top: 50%; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); z-index: 1000; clear: both; width: 90px; margin: 0px; padding: 0px 0px 0px; text-align: center; }
.bookmarktile                     {position: relative; display: block; opacity: 100; margin: 0px 0px 10px 0px; width: 100%; padding: 0px; height: auto; color: var(--color-highlight3); background: var(--color-highlight1); box-shadow: 4px 4px 4px var(--color-dark-6); -moz-box-shadow: 4px 4px 4px var(--color-dark-6); -webkit-box-shadow: 4px 4px 4px var(--color-dark-6); }
.bookmarktile span                {position: relative; display: block; margin: 0px 0px 5px 0px; padding: 3px 5px 5px; font-size: 80%; font-weight: 300; line-height: 1.2; }
.bookmarktile .imgbox             {position: relative; width: 100%; height: auto; display: block; margin: 0px; padding: 0px; overflow: hidden; }
.bookmarktile .imgbox::before     {position: relative; display: block; content: ""; padding-top: 60%; }
.bookmarktile img                 {position: absolute; display: block; width: 110%; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); margin: 0px; padding: 0px; max-width: none !important; }

/*Columns*/
.column-1 .tile               {margin: 0px 0% 5% 0; width: 100%;}
.column-2 .tile               {margin: 0px 3% 5% 0; width: 47%;}
.column-3 .tile               {margin: 0px 3% 5% 0; width: 30.3333%;}
.column-4 .tile               {min-height: 400px;}
.column-5 .tile               {margin: 0px 1% 5% 0; width: 19%; min-height: 410px; }
.column-6 .tile               {margin: 0px 1% 5% 0; width: 15.6666%;min-height: 450px; }

.column-1 .tilelink.title,
.column-2 .tilelink.title     {font-size: 180%; }
  
  
a.close                       {display: block; border: 0; height: auto; width: auto; font-size: 140%; padding: 2px 6px; line-height: 1; position: absolute; right: 10px; top: 10px; z-index: 401; color: var(--color-highlight3); opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=70); }
a.close *                     {color: var(--color-highlight3); }
a.close:focus,
a.close:hover                 {cursor: pointer; opacity: 1.0 !important; -moz-opacity: 1.0 !important; filter:alpha(opacity=100) !important; }

.teasergrid .tile             {margin: 0px !important; width: 33.3333% !important; min-height: auto; padding: 30px 80px 20px; font-size: 160%; border-right: 1px dotted var(--color-dark-5); border-top: 1px dotted var(--color-dark-5); text-align: left; }
.teasergrid .tile-teaser      {min-height: 90px; font-weight: 100;}
.teasergrid .tilecount-1      {/*padding-left: 0; */}
.teasergrid .tilecount-2      {/*padding-left: 25px; padding-right: 25px; */}
.teasergrid .tilecount-3      {/*padding-right: 0; */ border-right: none; }
.teasergrid .tilepos-0,
.teasergrid .tilepos-1,
.teasergrid .tilepos-2        {border-top: none; }
.teasergrid .tilelink         {font-size: 70%; color: var(--color-highlight1); }
.teasergrid .tilecontent      {font-size: 60%; }
.teasergrid .tile:hover .tilelink  {color: var(--color-highlight2); }
.teasergrid a.morelink        {font-size: 70%; display: inline-block; width: auto; margin: 5px auto 10px; }
.teasergrid .moretext         {font-size: 120%; }
.teasergrid .ContentTBBoxLeft,
.teasergrid .ContentTBBoxRight         {width: 75%; padding: 20px; }
.teasergrid .ContentTBImgBoxLeft,
.teasergrid .ContentTBImgBoxRight      {width: 25%; margin: 0px; padding: 20px 0px; }

.boxtiles .tile               {margin: 0px 3% 3% 0; width: 30.3333%; padding: 10px 20px; font-size: 85%; font-weight: 300; min-height: 550px; background: var(--color-highlight1); box-shadow: 4px 4px 4px var(--color-black-15); -moz-box-shadow: 4px 4px 4px var(--color-black-15); -webkit-box-shadow: 4px 4px 4px var(--color-black-15); }
.boxtiles .tile:hover         {background: var(--color-highlight3); }
.boxtiles .tile:hover *       {color: var(--color-highlight1); }
.boxtiles .tilelink           {font-weight: 500; }
.boxtiles .tilecontent        {padding: 0px 0px 60px; text-align: left; }  
.boxtiles .morelink           {position: absolute; bottom: 20px; left: 50%; transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); }

a.checkboxoption           {color: #888888; display: inline-block; border: 2px solid var(--color-dark); text-transform: none; background: transparent; margin: 0px 20px 5px 0px; padding: 5px 10px; line-height: 100%; font-size: 90%; }
a.checkboxoption-active,
a.checkboxoption:hover     {text-decoration: none; color: var(--color-highlight3); background: var(--color-highlight2); }
a.checkboxoption-disabled  {/*color: #d0d0d0; border-color: #d0d0d0; */}
a.checkboxoption-disabled:hover  {/*color: var(--color-dark); border-color: #d0d0d0; background: var(--color-highlight2); */}

/* 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; }
.video-filter              {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; margin: 0px; display: block; background: transparent; z-index: -50; }
video                      {padding: 0px; margin: 0px; border: none; display: block; background: var(--color-light); }
video::before              {display: block; content: ""; padding-top: 75%; }
video.bgvideo              {position: absolute; display: block; top: 0%; left: 50%; min-width: 100%; min-height: 100%; max-width: none; width: auto; height: auto; z-index: 0; transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); background: transparent; }
.textblock_separator_image_100 video.bgvideo {opacity: 1.0; top: -1%; left: 50%; min-width: auto; min-height: auto; width: 100%; height: auto; }
#background_wrap img       {position: absolute; margin: 0px; width: 100%; height: 100%; }


/* Slideshows */
.BackgroundImage                    {position:relative; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; height: auto; background: var(--color-highlight1-3); /*linear-gradient(to right, var(--color-dark) 0%, var(--color-light) 100%)*/; z-index: 1; opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); }
.BackgroundImage-Header             {margin: 0px 0px 0px 0px;}
.BackgroundImage::before            {display: block; content: ""; padding-top: 35%; }
.BackgroundImage.small              {height: 300px; min-height: 300px;}
.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-color: var(--color-blue-4); z-index: 3; }
.tile_slide video,
.tile_slide img                     {position: absolute; display: block; border: none; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); width: 100%; height: auto; /*width: auto; max-width: none; min-width: 100%; min-height: 100%; */}
.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; }
.BackgroundImage a.morelink         {display: inline-block; font-size: 50%; margin: 10px 0px 10px 0px;  padding: 5px 20px; background-color: var(--color-highlight1); color: var(--color-highlight3) !important; text-transform: none; }
.BackgroundImage a.layer:hover      {background-image: none; background-color: var(--color-highlight3-05); }

.BackgroundImageLabel               {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; padding: 0px; margin: 0px; z-index: 5; }
.BackgroundImageLabel .inner        {position: absolute; bottom: 35px; left: 50%; transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); color: var(--color-highlight3); display: block; font-size: 140%; width: 100%; max-width: none; height: auto; padding: 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: left; }
.BackgroundImageLabel .labeltitle   {position: relative; display: block; width: 100%; max-width: 1170px; z-index: 5; margin: 0px auto 0.5rem;   padding: 15px 0px 0px;      font-weight: 400; font-size: 160%; color: var(--color-highlight3); background: var(--color-highlight3-0); border: 3px dotted var(--color-highlight1-0)%; text-shadow: 0px 0px 3px var(--color-black); line-height: 1.2; opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); text-transform: none; min-height: 65px; }
.BackgroundImageLabel p             {position: relative; display: block; width: 100%; max-width: 1170px; z-index: 7; margin: 0px auto 0px;      padding: 0px 0px 10px 0px;  font-weight: 300; font-size: 110%; color: inherit;                 background: transparent;               line-height: 1.2; text-transform: none; text-shadow: 0px 0px 3px var(--color-black); }
.BackgroundImageLabel strong        {font-weight: 600;}
.BackgroundImageLabel p *           {opacity: inherit !important; filter: inherit !important; }
.BackgroundImageLabel p.active      {opacity: 1.0; filter: blur(0px); margin: 0px 0px 0px 0px; }
.BackgroundImageLabel a.btn,
.BackgroundImageLabel a.button      {font-size: 70%; }

.tile_slide-left video,
.tile_slide-left img,
.tile_slide-right video,
.tile_slide-right img                     {transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); height: 100%; min-width: auto; min-height: auto; }
.tile_slide-left video,
.tile_slide-left img                      {left: 0%; }
.tile_slide-right video,
.tile_slide-right img                     {left: auto; right: 0%; }

.BackgroundImageLabelImgPos-left    {}
.BackgroundImageLabelImgPos-right   {}

.BackgroundImageLabelImgPos-left .inner   {text-align: right; }

.BackgroundImageBtns              {display: block; position: absolute; bottom: 10px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); width: 100%; max-width: 1170px; height: auto; padding: 0px 0px 0px 0px; margin: 0px auto; z-index: 10; text-align: center; line-height: 100%; }
a.BackgroundImageBtn              {position:relative; width: 6px; height: 6px; display: inline-block; vertical-align: middle; padding: 0px; margin: 0px 3px; border: 0px solid var(--color-highlight3-0); background: var(--color-highlight3-5); overflow: hidden; overflow: hidden; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; }
a.BackgroundImageBtn-sel,
a.BackgroundImageBtn:hover        {background: var(--color-highlight3); width: 10px; height: 10px; }

.tile_slide                            {opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); }
.BackgroundImageLabel                  {opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); }

.BackgroundImage.intro,
.tile_slide.hidden                     {opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
.BackgroundImageLabel.hidden           {opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
.tile_slide.hidden.next                {opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
.BackgroundImageLabel.hidden.next      {opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
.tile_slide.hidden.prev                {opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
.BackgroundImageLabel.hidden.prev      {opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }

/* Content Slideshow */
.BackgroundImage-Content                            {}
.BackgroundImage.BackgroundImage-Content::before    {padding-top: 55%; }


/* Slideshow Nav */
.Slidearrow                        {position: absolute; top: 45%; margin-top: -75px; padding: 0px; width: 45px; height: 150px; z-index: 50; background-color: var(--color-highlight3-15); overflow: hidden; -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; border-radius: 11px; }
.leftarrow                         {left: 10px; }
.rightarrow                        {right: 10px; }
.Slidearrow a                      {display: block; position: absolute; width: 100%; height: 100%; background: transparent url(_layout/big_arrow.png) no-repeat center; background-size: 100% !important;}
.Slidearrow:hover a                {background-image: url(_layout/big_arrow_MO.png); }
.leftarrow a                       {transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); }
.rightarrow a                      {transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); }
.BackgroundImage:hover .Slidearrow {background-color: var(--color-highlight3-3); }
.Slidearrow:hover                  {background-color: var(--color-highlight3-5); }
.BackgroundImage .Slidearrow       {display: none; }

.content-block                     {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: 1.4em; overflow: hidden; }
.content-block-red                 {background: var(--color-highlight2); 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                      {display: block; clear: both; width: 100%; padding: 0% 0; color: inherit; letter-spacing: 0em; text-align: center; overflow: visible; }
.ListCont,
.ListContWrapper                   {display: block; clear: both; width: 100%; height: auto; border: none; margin: 0px 0px; padding: 20px 0px 0px; color: inherit; letter-spacing: 0em; text-align: left; }
.ListContWrapper                   {height: 750px; padding: 0px; margin: 20px 0px 0px; overflow: auto; border-bottom: 1px solid var(--color-highlight3-7) !important; }
.ListContWrapper::-webkit-scrollbar             {background-color: var(--color-dark-0); width: 8px; }
.ListContWrapper::-webkit-scrollbar:hover       {background-color: var(--color-dark-2); }
.ListContWrapper::-webkit-scrollbar-track:hover {background-color: var(--color-dark-5); }
.ListContWrapper::-webkit-scrollbar-thumb       {background-color: var(--color-dark-5); }
.ListContWrapper::-webkit-scrollbar-thumb:hover {background-color: var(--color-highlight3-5); }
.ListContInnerWrapper              {display: block; width: 100%; height: auto; border: none; padding: 0px; margin: 0px; }
.listblock                         {position: relative; display:inline-block; vertical-align: top; white-space:normal; font-size: 90%; font-weight: 400; margin: 20px 3.5% 20px 0%; line-height: 1.3; height: auto; width: 31%; padding: 0px; text-align: center; color: inherit; perspective: 2000px; background: var(--color-grey-3); }
.listblock.last                    {/*margin-right: 0 !important; */}
.listblock-big                     {text-align: center}
.list_icons .listblock             {}
.listblock-single:not(.download)   {width: 100% !important; margin: 20px 0px 10px !important; }
.listblock:not(.listblock-big) p   {line-height: 1.3; }
.listblock ul                      {padding-left: 17px; margin-left: 0px; line-height: 1.2; }
.listblock li                      {padding-left: 0px; margin-left: 0px; line-height: 1.2; }
.listblock hr                      {border: none !important; border-top: 3px dotted var(--color-highlight3) !important; margin: 20px 0px 20px; }
.listblock a                       {}
.listblock a:hover                 {color: var(--color-highlight3);}
.listblock table                   {font-size: 90%; }
.listblock h3,
.listblock h4,
.listblock h5,
.listblock h6                      {font-size: 140%; font-weight: 500; min-height: auto; color: var(--color-highlight1); text-align: center; text-transform: uppercase; margin: 10px auto 0.6rem; border: none; width: 100%; padding: 10px 0px; letter-spacing: 0; background: transparent; }
.listblock h3.counter-value        {font-size: 280%; font-weight: 700; text-align: center; text-transform: none; margin: 0px auto 0.6rem; border-right: 2px solid var(--color-highlight3); padding: 0px 20px; line-height: 1; }
.listblock.last h3.counter-value   {border: none; }
.listblock.haslink h3              {background: transparent url(_layout/arrow_right.png) no-repeat right center; background-size: auto 100%; padding-right: 80px; }
.tile-back,
.tile-back h3                      {display: none; }
.listblock .tilelink-a             {padding: 10px 20px; }
.listblock-text                    {display: block; width: 100%; vertical-align: top; padding: 10px 30px 10px 20px; margin: 0px;}
.tile-front .listblock-text p      {}
.listblock-img                     {display: block; width: 100%; vertical-align: top; text-align: left; padding: 0px; margin: 0px auto; overflow: hidden; z-index: 20; }
.listblock-img::before             {display: block; content: ""; padding-top: 60%; }
.listblock-img a,
.listblock-img img                 {position: absolute; z-index: 3; left: 50%; top: 50%; height: auto; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); width: 70%; height: auto; max-width: none; margin: 0px auto !important; padding: 0px; /*min-width: 100%; min-height: 100%; */}
.listblock-img a img               {/*filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -khtml-filter: grayscale(100%); */}
.listblock-img-above               {}
.listblock-img-below               {}
.listblock-img-right               {}
.listblock-img-,
.listblock-img-left                {}
.claim                             {position: absolute; display: block; font-size: 80%; width: 100%; text-align: left; overflow: hidden; z-index: 19; }
.claim-,
.claim-left                        {padding: 10px 10px 20px 33%; }
.claim-right                       {padding: 10px 33% 20px 10px; }
.listblock .imgbox                 {position: relative; display: block; pointer-events: none; width: 100%; background: transparent; height: auto; margin: 0px; overflow:hidden; }
.listblock-icon .imgbox            {}
.listblock .imgbox::before         {display: block; content: ""; padding-top: 33%; }
.listblock .imgbox a               {position: absolute; left: 0%; top: 0%; height: 100%; width: 100%; display: block; margin: 0px; padding: 0px; }
.listblock .imgbox img             {position: absolute; left: 50%; top: 60%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); height: auto; width: 80%; max-width: none; display: block !important; margin: 0px auto !important; padding: 0px; }
.listblock .imgbox::after          {position: absolute; content: ""; left: 0px; width: 100%; height: 100%; margin: 0px; padding: 0px; display: block; background-color: transparent; z-index: 100; }
.listblock .morelink,
.listblock .tile-imgbottom,
.listblock-single .tile-imgtop,
.listblock-single .tile-imgbottom  {display: none !important; }
.textblock_separator_dark .listblock a.morelink:hover        {color: var(--color-highlight3) !important; }
.FoldListCont .col1,
.FoldListCont .col2,
.FoldListCont .col3,
.FoldListCont p,
.FoldListCont ul,
.FoldListCont li                   {position: relative; overflow: visible; }

.img-circle .listblock .imgbox                 {margin: 0px auto 10px; width: 33%; overflow: hidden; border: 2px solid var(--color-highlight1); border-radius: 50%; }
.img-circle .listblock .imgbox::before         {display: block; content: ""; padding-top: 100%; }
.img-circle .listblock .imgbox img             {left: 50%; top: 50%; width: 100%; }
.smalltiles .listblock                         {font-size: 90%; border: 1px solid var(--color-black-3); background: var(--color-grey-4);border-radius: 11px; text-align: center; padding: 10px; min-height: 225px; }
.smalltiles .listblock *                       {text-align: center; }
.smalltiles .listblock .imgbox                 {margin: 0px auto 0px; width: 33%; overflow: hidden; border: 2px solid var(--color-highlight1); border-radius: 50%; }
.smalltiles .listblock h3                      {font-size: 100%; color: var(--color-highlight2); text-transform: none; font-weight: 500; }
.smalltiles .listblock p                       {font-size: 90%; }


/*Columns*/
.column-2 .listblock               {margin-left: 4%; margin-right: 4%; width: 40%; }
.column-3 .listblock               {margin-left: 1%; margin-right: 1%;  width: 31.3333%; }
.column-4 .listblock               {margin-left: 0.5%; margin-right: 0.5%; width: 24%; }
.column-5 .listblock               {margin-left: 0.5%; margin-right: 0.5%; width: 19%; }
.column-6 .listblock               {margin-left: 0.5%; margin-right: 0.5%; width: 15.6666%; }
.column-5 .listblock h3:not(.counter-value), .column-5 .listblock h4,
.column-5 .listblock h5, .column-5 .listblock h6,
.column-6 .listblock h3:not(.counter-value), .column-6 .listblock h4,
.column-6 .listblock h5, .column-6 .listblock h6      {font-size: 110%; min-height: auto; }


/*fliptiles*/
.fliptiles .listblock               {text-align: left; }
.fliptiles .listblock-text p        {font-size: 100%; background-image: none; padding-left: 0px; }
.fliptiles .listblock h3,
.fliptiles .listblock h4,
.fliptiles .listblock h5,
.fliptiles .listblock h6            {text-align: left; color: var(--color-highlight1); text-transform: none; border: none; padding: 10px 0px 10px; margin-bottom: 10px; background: transparent; }

.fliptile                           {transform: rotateY(180deg); opacity: 0; position: absolute; left: 0; top: 0; z-index: 1000; font-size: 80%; padding: 20px; width: 50%; height: 50%; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; color: var(--color-dark); background: var(--color-highlight3); border: 1px solid var(--color-black-4); border-top: 6px solid var(--color-highlight2); box-shadow: 4px 4px 4px var(--color-black-15); -moz-box-shadow: 4px 4px 4px var(--color-black-15); -webkit-box-shadow: 4px 4px 4px var(--color-black-15); }
.fliptile *                         {display: none; }
.fliptile:not(.active):hover        {cursor: pointer; outline: 1; /*opacity: 0.4; border-color: var(--color-black-0); */}
.fliptile.active *                  {display: block; }
.fliptile.active                    {transform: rotateY(0deg); opacity: 100; }
.fliptile_1                         {left: 0%; top: 0%; }
.fliptile_2                         {left: 50%; top: 0%; }
.fliptile_3                         {left: 0%; top: 50%; }
.fliptile_4                         {left: 50%; top: 50%; }

/*Flip*/
.fliptiles .listblock-inner                   {position: relative; margin-left: 0%; width: 100%; height: 100%; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; opacity: 100; color: var(--color-dark); background: var(--color-highlight3); border: 1px solid var(--color-black-4); border-top: 6px solid var(--color-highlight1); box-shadow: 4px 4px 4px var(--color-black-15); -moz-box-shadow: 4px 4px 4px var(--color-black-15); -webkit-box-shadow: 4px 4px 4px var(--color-black-15); }
.fliptiles .listblock-inner::before           {position: relative; display: block; content: ""; padding-top: 0%; min-height: 350px; }
.mediumbox .listblock-inner::before           {min-height: 350px; }
.longbox .listblock-inner::before             {min-height: 590px; }
.smallbox .listblock-inner::before            {min-height: 150px; }
.shortbox .listblock-inner::before            {min-height: 100px; }

.fliptiles .tile-front                                   {position: absolute; left: 0px; top: 0%; z-index: 3; display: block; vertical-align: top; width: 100%; height: 100%; margin: 0px 0px 0px; padding: 0px; opacity: 100; }
.fliptiles .tile-back                                    {position: absolute; left: 0px; top: 0%; z-index: 4; display: block; vertical-align: top; width: 100%; height: 100%; margin: 0px 0px 0px; opacity: 0;                 }
.fliptiles .tile-back                                    {transform: rotateY(180deg); text-align: center; }
.fliptiles .tile-front,
.fliptiles .tile-back                                    {-webkit-backface-visibility: hidden; backface-visibility: hidden; }

.listblock.in-view                            {background-position: center bottom; }
.fliptiles .listblock:not(.in-view) .listblock-inner,
.fliptiles .listblock.haslink.hover .listblock-inner     {transform: rotateY(180deg); background: transparent; }
.fliptiles .listblock:not(.in-view) .tile-back,
.fliptiles .listblock.haslink.hover .tile-back           {z-index: 4; transform: rotateY(180deg); opacity: 100; background: var(--color-grey); }
.listblock:not(.in-view) .tile-front,
.listblock.haslink.hover .tile-front          {opacity: 0; z-index: 1; }
.listblock.in-view .listblock-inner           {translateX(0px); opacity: 1.0; }
.fliptiles .listblock:not(.in-view) .listblock-inner     {margin-left: 200%; opacity: 0; }
.listblock:not(.in-view) .listblock-inner,
.listblock.haslink:hover .listblock-inner,
.listblock.haslink.hover .listblock-inner     {background: var(--color-highlight1-0); }


.textblock_separator_dark .listblock:hover *  {}
.textblock_separator_dark .listblock *        {color: var(--color-highlight3) !important; }
.textblock_separator_dark .listblock          {/*background: var(--color-highlight1) !important; */}
.textblock_separator_dark .listblock:hover    {/*background: var(--color-highlight3-9) !important; */}

.listblock:hover .tile-imgtop                 {}
.listblock:hover .tilelink                    {}
.listblock:hover .imgbox img                  {}
.listblock:hover .listblock-img a img         {}
.fliptiles .listblock:hover .listblock-inner  {background: var(--color-grey); }
.listblock:hover .tilelink-a,
.listblock .tilelink-a:hover                  {text-decoration: none; }
.listblock a.layer                            {background: transparent !important; }




/*Cards*/
.listblock.listblock-card                 {display: block; font-size: 100%; text-align: left; margin: 0% 0% 5%; padding: 5px 10px; width: 90%; color: var(--color-highlight3); background: var(--color-highlight1); box-shadow: 4px 4px 4px var(--color-black-15); -moz-box-shadow: 4px 4px 4px var(--color-black-15); -webkit-box-shadow: 4px 4px 4px var(--color-black-15); }
.listblock.listblock-card                 {border-left: 13px solid var(--color-highlight2); }
.listblock-card::after                    {display: block; content: ""; clear: both; }
.listblock-card.active                    {padding-left: 30px; background: var(--color-highlight2); width: 100%; }
.tl-line .listblock.listblock-card        {position: absolute; right: 110%; top: 0; width: 250px; z-index: 100; opacity: 0; background: var(--color-highlight1); }
.tl-line.active .listblock.listblock-card {opacity: 1; width: 350px; background: var(--color-highlight1); }
.listblock-card h3, .listblock-card h4,
.listblock-card h5, .listblock-card h6  {font-size: 120% !important; font-weight: 500 !important; min-height: auto; color: var(--color-highlight3); text-align: left; text-transform: none !important; margin: 10px auto 0.6rem !important; }
.listblock-card .listblock-text         {padding: 0px 20px 10px 10px; }
.w-img .listblock-text                  {display: inline-block; width: 75%; }
.listblock-card .listblock-img          {display: inline-block; float: right; width: 25%;}
.tl-line .w-img .listblock-text         {width: 60%; }
.tl-line .listblock-card .listblock-img {width: 40%;}
.listblock-card .listblock-img::before  {display: none; content: none; }
.listblock-card .listblock-img a,
.listblock-card .listblock-img img      {position: relative; left: auto; top: auto; height: auto; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; width: 100%; max-width: 100%; }


/*Timeline*/
.tl-box                                 {display: inline-block; vertical-align: top; width: 40%; text-align: left; }
.tl-legend                              {display: inline-block; vertical-align: top; width: 60%; text-align: left; padding-top: 56px; }
.tl-year                                {display: block; font-size: 110%; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 60%; text-align: left; }
.tl-line                                {display: block; font-size: 90%; padding: 3px 0px; line-height: 1; }
.tl-line::after                         {display: block; content: ""; clear: both; }
.tl-line > span                         {font-size: 0%; display: block; float:left; width: 40%; line-height: 1; margin: 0; }
.tl-bar                                 {display: block; float:right; width: 40%; height: 13px; margin: 0px 0px 0px 0px; background-color: var(--color-highlight3-3);}
.tl-month                               {font-size: 90% !important; border-top: 1px solid var(--color-highlight3-3) !important; }
.tl-week                                {color: var(--color-highlight3-0); /*font-size: 0%; */ font-weight: 500; padding: 5px 0px; }
.tl-month .tl-bar                       {height: 3px; width: 25%; margin-top: 5px; }
.tl-week .tl-bar                        {height: 3px; width: 25%; }
.tl-rubric-250 .tl-bar                  {height: 10px; width: 35%; }
.tl-line.active,
.tl-line:hover                          {cursor: pointer; font-size: 80%; color: var(--color-highlight3);  padding: 1px 0px; }
.tl-line.active > span,
.tl-line:hover > span                   {font-size: 80%; }
.tl-week.active .tl-bar,
.tl-week:hover .tl-bar                  {width: 55%; height: 13px; background-color: var(--color-highlight3-8);}


/*
.column-2 .tilecount-2 .listblock-inner,
.column-2 .tilecount-3 .listblock-inner       {background: var(--color-highlight1); }
.column-2 .listblock.tilecount-2:hover .listblock-inner,
.column-2 .listblock.tilecount-3:hover .listblock-inner       {background: var(--color-highlight2); }
.column-2 .listblock.tilecount-1:hover .tile-back,
.column-2 .listblock.tilecount-4:hover .tile-back             {background: var(--color-highlight2); }
.column-2 .listblock.tilecount-2 h3,
.column-2 .listblock.tilecount-2 h4,
.column-2 .listblock.tilecount-2 h5,
.column-2 .listblock.tilecount-2 h6,
.column-2 .listblock.tilecount-3 h3,
.column-2 .listblock.tilecount-3 h4,
.column-2 .listblock.tilecount-3 h5,
.column-2 .listblock.tilecount-3 h6            {border-color: var(--color-highlight2); }
*/



.squares .listblock                           {font-size: 110%; margin: 2% 3% 5% 0%; width: 30.3333%; text-align: center; }
.squares .listblock-inner                     {}
.squares .listblock-inner::before             {padding-top: 100%; min-height: auto; }
.squares .listblock .imgbox::before           {padding-top: 60%; }
.squares .listblock .imgbox img               {width: 110%; top: 50%; }
.squares .listblock .imgbox::after            {background-color: var(--color-green-6); }
.squares .listblock:hover .imgbox::after      {background-color: var(--color-green-3); }
.squares .listblock h3, .listblock h4,
.listblock h5, .listblock h6                  {border: none; }

.photo-teaser .listblock .imgbox::before           {padding-top: 70%; }
.photo-teaser .listblock .imgbox img               {width: 110%; top: 50%; }
.photo-teaser .listblock:hover .imgbox::after,
.photo-teaser .listblock .imgbox::after            {z-index: 100; top: auto; bottom: 0px; width: 100%; height: 20%; margin: 0px; padding: 0px; background: linear-gradient(to bottom, var(--color-highlight1-0) 0%, var(--color-highlight1) 100%); }

a.more:hover               {text-decoration: none; }
.morecont                  {position: absolute; pointer-events: none; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); left: 0px; top: 25px; z-index: 100000 !important; display:block !important; width: 100%; height: auto !important; max-height: 0 !important; color: inherit; background: var(--color-highlight3) !important; margin: 0px; padding: 0px 20px !important; font-size: 90%; border: 2px solid var(--color-highlight1) !important; overflow: auto; 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); }
.textblock.morecont        {position: fixed; left: 50%; top: 50%; width: 600px; max-width: 90%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); z-index: 1000000 !important; }
.textblock.morecont .textblock-inner {padding: 0px !important; }
.textblock.morecont a.close{right: 0px; top: 0px; }
.morecont.active           {pointer-events: auto; opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); max-height: 800px !important; padding: 10px 20px !important; }
.textblock.morecont.active {max-height: 50% !important; }

.teaserblock               {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 0px; padding: 2% 0px; background: transparent; text-align: left; width: 100%; /*z-index: 3;*/ }
.textblock.list_foldouts,
.textblock.sitemenu        {overflow: visible; }
.textblock-outer           {display: block; width: 100%; height: 100%; margin: 0px; padding: 0px 0px 0px 0px; background: transparent; color: inherit; z-index: 2; }
.textblock-inner           {position: relative; display: block; width: 100%; height: 100%; max-width: 1170px; margin: 0px auto; padding: 0px 0px 0px 0px; background: transparent; color: inherit; z-index: 3; text-align: left;}
.textblock-foldout         {margin: 5px auto; padding: 0px 0px 0px 0px;}
.textblock-float           {float:left;  margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px;}
.textblock img             {}
.tileblock                 {height: auto; float:left; color: #3e3e3e; width: auto; margin: 0px 20px 0px 0px; border: 1px solid #3e3e3e;}
div.zoomicon               {position: absolute; bottom: 0px; right: 0px; z-index:100;}
div.line                   {height: auto; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; border-bottom: 2px dotted var(--color-dark); }
.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_centered,
.textblocks_left,
.textblocks_left_small,
.textblocks_left_medium,
.textblocks_left_40,
.textblocks_left_60,
.textblocks_left_big,
.textblocks_left_verybig,
.textblocks_right,
.textblocks_right_small,
.textblocks_right_medium,
.textblocks_right_40,
.textblocks_right_60,
.textblocks_right_big,
.textblocks_right_verybig                    {display: inline-block; vertical-align: top; padding: 0px 0% 0px 0px; width: 50%; margin: 0px;  /* font-size: 80%; left: 50%; transform: translate(-100%,0); -webkit-transform: translate(-100%,0); -moz-transform: translate(-100%,0); -o-transform: translate(-100%,0); */}

.textblock-foldout.textblocks_left,
.textblock-foldout.textblocks_right          {padding-right: 3%; }

.textblocks_centered                         {display: block; width: 50%; max-width: 585px; padding: 0px; margin-left: auto; margin-right: auto; min-height: auto; }

.textblocks_right                            {width: 47%; }
.textblocks_left                             {width: 47%; }

.textblocks_right_verybig,
.textblocks_left_verybig,
.textblocks_right_big,
.textblocks_left_big                         {width: 69.5%; }

.textblocks_left_60,
.textblocks_right_60                         {width: 59.5%; }

.textblocks_left_40,
.textblocks_right_40,
.textblocks_right_medium,
.textblocks_left_medium                      {width: 37%; }

.textblocks_left_small,
.textblocks_right_small                      {width: 27%; }

.textblocks_left,
.textblocks_left_small,
.textblocks_left_medium,
.textblocks_left_40,
.textblocks_left_60,
.textblocks_left_big,
.textblocks_left_verybig                     {margin: 0px 3% 1% 0%; }

.textblocks_right,
.textblocks_right_small,
.textblocks_right_medium,
.textblocks_right_40,
.textblocks_right_60,
.textblocks_right_big,
.textblocks_right_verybig                    {margin: 0px 0% 1% 0.5%; }

.filled.textblocks_left,
.filled.textblocks_left_small,
.filled.textblocks_left_medium,
.filled.textblocks_left_40,
.filled.textblocks_left_60,
.filled.textblocks_left_big,
.filled.textblocks_left_verybig,
.filled.textblocks_right,
.filled.textblocks_right_small,
.filled.textblocks_right_medium,
.filled.textblocks_right_40,
.filled.textblocks_right_60,
.filled.textblocks_right_big,
.filled.textblocks_right_verybig,
.textblock_separator_grey.textblocks_left,
.textblock_separator_grey.textblocks_left_small,
.textblock_separator_grey.textblocks_left_medium,
.textblock_separator_grey.textblocks_left_big,
.textblock_separator_grey.textblocks_left_verybig,
.textblock_separator_grey.textblocks_right,
.textblock_separator_grey.textblocks_right_small,
.textblock_separator_grey.textblocks_right_medium,
.textblock_separator_grey.textblocks_right_big,
.textblock_separator_grey.textblocks_right_verybig,
.textblock_separator_light.textblocks_left,
.textblock_separator_light.textblocks_left_small,
.textblock_separator_light.textblocks_left_medium,
.textblock_separator_light.textblocks_left_big,
.textblock_separator_light.textblocks_left_verybig,
.textblock_separator_light.textblocks_right,
.textblock_separator_light.textblocks_right_small,
.textblock_separator_light.textblocks_right_medium,
.textblock_separator_light.textblocks_right_big,
.textblock_separator_light.textblocks_right_verybig,
.textblock_separator_dark.textblocks_left,
.textblock_separator_dark.textblocks_left_small,
.textblock_separator_dark.textblocks_left_medium,
.textblock_separator_dark.textblocks_left_big,
.textblock_separator_dark.textblocks_left_verybig,
.textblock_separator_dark.textblocks_right,
.textblock_separator_dark.textblocks_right_small,
.textblock_separator_dark.textblocks_right_medium,
.textblock_separator_dark.textblocks_right_big,
.textblock_separator_dark.textblocks_right_verybig  {padding: 20px !important; }

.border-left                                 {border-left: 2px solid var(--color-light) !important;  margin-left:  0%; }
.border-right                                {border-right: 2px solid var(--color-light) !important; margin-right: 0%;}

.textblock.floatright                        {float: right; width: 39%; }

.bg-red                                      {background-color: var(--color-highlight1); }
.bg-yellow                                   {background-color: #ffc01b; }
.bg-green                                    {background-color: #1fc345; }
.bg-red,
.bg-yellow,
.bg-green                                    {color: var(--color-highlight3); font-size: 80%; padding: 20px 30px 0px; }
.bg-red *,
.bg-yellow *,
.bg-green *                                  {color: var(--color-highlight3); }
.bg-red p,
.bg-yellow p,
.bg-green p                                  {min-height: 100px; }


.textblocks_left .headline-container,
.textblocks_left_small .headline-container,
.textblocks_left_medium .headline-container,
.textblocks_left_big .headline-container,
.textblocks_right .headline-container,
.textblocks_right_small .headline-container,
.textblocks_right_medium .headline-container,
.textblocks_right_big .headline-container    {padding: 0px;  margin: 0px auto 0px; }
.textblocks_left h3,
.textblocks_left_small h3,
.textblocks_left_medium h3,
.textblocks_left_40 h3,
.textblocks_left_60 h3,
.textblocks_left_big h3,
.textblocks_left_verybig h3,
.textblocks_right h3,
.textblocks_right_small h3,
.textblocks_right_medium h3,
.textblocks_right_40 h3,
.textblocks_right_60 h3,
.textblocks_right_big h3,
.textblocks_right_verybig h3                 {display: inline-block; width: 100%; font-size: 180%; box-sizing: border-box; padding: 10px 20px; margin: 0px 0px 0.5em 0px; }

.textblocks_left .pre-headline,
.textblocks_left_small .pre-headline,
.textblocks_left_medium .pre-headline,
.textblocks_left_40 .pre-headline,
.textblocks_left_60 .pre-headline,
.textblocks_left_big .pre-headline,
.textblocks_left_verybig .pre-headline,
.textblocks_right .pre-headline,
.textblocks_right_small .pre-headline,
.textblocks_right_medium .pre-headline,
.textblocks_right_40 .pre-headline,
.textblocks_right_60 .pre-headline,
.textblocks_right_big .pre-headline,
.textblocks_right_verybig .pre-headline      {font-size: 80%; }
    
.textblocks_right_medium .textblock-inner,
.textblocks_left_medium .textblock-inner     {max-width: 500px; display: inline-block; }

.textblocks_left_medium.bg-red,
.textblocks_left_medium.bg-yellow,
.textblocks_left_medium.bg-green,
.textblocks_left_small.bg-red,
.textblocks_left_small.bg-yellow,
.textblocks_left_small.bg-green              {margin-right: 0.5%; }

.textblocks_sticky                  {position: fixed; top: 200px; left: 100%; z-index: 100002; display: block; width: 350px; max-width: 100%; height: auto; background: transparent; margin: 0px 0px 0px 200px; padding: 0px 0px 0px 0px; color: inherit; text-align: left; font-size: 80%; }
.textblocks_sticky.in-view          {margin-left: -400px; }
#pageContainer.scrolled .textblocks_sticky  {margin-left: 200px !important; }
.textblocks_sticky::before,
.textblocks_sticky::after           {position: relative; display: block; content: ""; width: 100%; height: auto;  margin: 0; padding-top: 7.2%; background-color: transparent; background-repeat: no-repeat; background-position: bottom center; background-size: 100% auto; }
.textblocks_sticky::before          {background-image: url(_layout/teaser-top.png); background-position: bottom center; }
.textblocks_sticky::after           {background-image: url(_layout/teaser-bottom.png); background-position: top center; }
.textblocks_sticky .textblock-inner       {padding: 0px !important; background: var(--color-highlight3-7); }
.textblocks_sticky:hover .textblock-inner {background: var(--color-highlight3); }
.textblocks_sticky .TileCont,
.textblocks_sticky .tile                  {margin: 0; background: var(--color-highlight3-0); border: none; }
.textblocks_sticky .tilecontent.abstract,
.textblocks_sticky .tilelink:not(.title)  {font-size: 130%; font-weight: 400; margin: 0px 0px 5px 0px; /*display: none !important; */}
.textblocks_sticky .tile a.imgbox         {width: 25%; float: right; margin: 5% 0 0 0; }
.textblocks_sticky .tilelink.title        {font-size: 180%; width: 80%; padding: 5px 20% 5px 0px; border-top: 3px dotted var(--color-highlight1); border-bottom: 3px dotted var(--color-highlight1); }

.textblocks_sticky.redbox .textblock-inner       {background: var(--color-highlight1-5); }
.textblocks_sticky.redbox:hover .textblock-inner {background: var(--color-highlight1); }
.textblocks_sticky.redbox .textblock-inner,
.textblocks_sticky.redbox .textblock-inner *     {color: var(--color-highlight3); border-color: var(--color-highlight3); }

.textblock.overlay_confirm                   {display: none !important; }
.textblock_separator_dark:not(.contentbox) .textblock-inner,
.textblock_separator_grey:not(.contentbox) .textblock-inner,
.textblock_separator_verylight:not(.contentbox) .textblock-inner,
.textblock_separator_light:not(.contentbox) .textblock-inner,
.textblock_separator_grey:not(.contentbox) .textblock-inner,
.parallax-slide .textblock-inner             {max-width: none; padding: 0px 40px; }	
.textblock_separator_thin                    {display: block; width: 100%; max-width: none; height: auto; margin: 0 !important; padding: 0px 0px 10% 0px !important; }

.textblock_separator_image_100,
.textblock_separator_image,
.textblock_separator_dark,
.textblock_separator_grey,
.textblock_separator_verylight,
.textblock_separator_light,
.textblock_separator_grey .textblock-outer,
.textblock_separator_image_100 .textblock-outer,
.textblock_separator_image .textblock-outer,
.textblock_separator_dark .textblock-outer,
.textblock_separator_verylight .textblock-outer,
.textblock_separator_light .textblock-outer          {padding: 3% 0px; }

.textblock_separator_inner,
.textblock_separator                                 {padding: 3% 0%;}
#main_dark .textblock_separator_inner,
#main_dark .textblock_separator                      {margin-bottom: 5%; }
.slice_animation.textblock_separator_inner,
.slice_animation.textblock_separator                 {padding-top: 0%; }
.textblock_separator_inner a.down-anchor,
.textblock_separator a.down-anchor                   {opacity: 0.7 !important; content: ""; z-index: 1000 !important; position: absolute; display: block; z-index: 1000; left: 50%; bottom: 1%; transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); width: 170px; height: 60px; margin: 0px; padding: 0px; background-color: transparent; background-image: url(_layout/big_arrow.png); background-repeat: no-repeat; background-position: center; background-size: 100% auto; }
.textblock_separator_inner a.down-anchor:hover,
.textblock_separator a.down-anchor:hover             {cursor: pointer; opacity: 1.0 !important; bottom: 0%; background-image: url(_layout/big_arrow_MO.png); }
.textblock_separator_inner a.down-anchor             {bottom: 10%; }
.textblock_separator_inner a.down-anchor:hover       {bottom: 9%; }


.gallery_slideshow                                   {padding: 0 !important; }
.gallery_slideshow .textblock-inner                  {padding: 0px !important; max-width: none; }
.textblock-foldout .textblock-inner                  {padding: 0px !important; }
.textblock_separator_grey                            {/*max-width: 1170px; */}
.textblock_separator_grey .ContentTBBoxLeft,
.textblock_separator_grey .ContentTBBoxRight         {width: 50%; padding: 40px 30px; }
.textblock_separator_grey .ContentTBBoxRight         {float: right; }
.textblock_separator_grey .ContentTBImgBoxLeft,
.textblock_separator_grey .ContentTBImgBoxRight      {position: absolute; display: block; height: 100%; float: none; margin: 0px; overflow: hidden; }
.textblock_separator_grey .ContentTBImgBoxLeft       {left: 0px; }
.textblock_separator_grey .ContentTBImgBoxRight      {right: 0px; }
.textblock_separator_grey .ContentTBImgBoxLeft img,
.textblock_separator_grey .ContentTBImgBoxRight img  {position: absolute; top: 50%; left: 50%; max-width: none; width: auto; height: auto; min-height: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); margin: 0px; }

.textblock_separator_light                  {background: var(--color-highlight2-2); }
.textblock_separator_verylight              {background: var(--color-grey-4) !important;}
.textblock_separator_grey                   {background: var(--color-grey); }
.textblock_separator_dark                   {background: var(--color-highlight1); color: var(--color-highlight3); }
.textblock_separator_dark.dark-blue         {background: var(--color-highlight2); }


.textblock_separator_image_100,
.textblock_separator_image                  {display: block; width: 100%; max-width: none; height: auto; margin: 0px 0px !important; background: var(--color-black); color: var(--color-highlight3); background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; }
.textblock_separator_image                  {background-attachment: fixed; }
.textblock_separator_image_100::after,
.textblock_separator_image::after           {pointer-events: none; position: absolute; display: block; z-index: 1; content: ""; left: 0; top: 0; width: 100%; height: 100%; margin: 0px; padding: 0px; background: var(--color-black-6); }
.textblock_separator_image_100              {background-size: 100% auto; background-position: center top; }
.textblock_separator_image_100::after       {background-color: var(--color-black-6); }
.textblock_separator_image_100::before      {/*pointer-events: none; position: absolute; display: block; z-index: 2; content: ""; left: 0; bottom: 0; width: 100%; height: 50%; margin: 0px; padding: 0px; background: linear-gradient(to bottom, var(--color-green-0) 0%, var(--color-green) 50%); */}
.filter-dark::after                         {background-color: var(--color-black-8); }
.filter-light::after                        {background-color: var(--color-black-2); }
.no-filter::after                           {background-color: var(--color-highlight1-0); }
.no-filter::before                          {background: transparent !important; }
.textblock_separator_image_100.video-size::before {position: relative; left: auto; bottom: auto; height: auto; padding-top: 39%; }



.textblock_separator_image_100 h3,
.textblock_separator_image h3,
.textblock_separator_dark h3,
.textblock_separator_medium h3              {color: var(--color-highlight3); border-color: var(--color-highlight3); background: none; }
.SitemapBig .count,
.boxes *,
.textblock_separator_dark *,
.textblock_dark *                           {color: var(--color-highlight3) !important; border-color: var(--color-highlight3); }
.SitemapBig .count ul li,
.boxes ul li,
.textblock_separator_dark ul li,
.textblock_dark ul li                       {list-style-image: url(_layout/list_bullet_white.png); }


.no-filter *                                {}
.no-filter .pre-headline, 
.no-filter h3                               {color: var(--color-dark); border-color: var(--color-dark); text-shadow: none; }
.textblock_separator_image_100 blockquote::before,
.textblock_separator_image blockquote::before,
.textblock_separator_light blockquote::before,
.textblock_separator_dark blockquote::before   {background-image: url(_layout/quote_white.png); }
.textblock_separator_image_100 blockquote::after,
.textblock_separator_image blockquote::after,
.textblock_separator_light blockquote::after,
.textblock_separator_dark blockquote::after {background-image: url(_layout/quote_end_white.png); }
.textblock_separator_image_100 *,
.textblock_separator_image *                {color: var(--color-highlight3); }
.textblock_separator_dark hr,
.textblock_separator_image_100 hr,
.textblock_separator_image hr               {color: var(--color-highlight3) !important; border-color: var(--color-highlight3) !important; }

.fill                                       {padding: 0px; }
.fill.textblocks_right_medium               {width: 63%; margin-right: -30%; text-align: left; }
.fill.textblocks_left_medium                {width: 63%; margin-left: -30%; text-align: right; }

.filled                                   {padding: 20px; background: var(--color-highlight1); margin-bottom: 1%; box-shadow: 4px 4px 4px var(--color-black-15); -moz-box-shadow: 4px 4px 4px var(--color-black-15); -webkit-box-shadow: 4px 4px 4px var(--color-black-15); }
.filled-grey                              {padding: 20px; background: var(--color-grey-4); margin-bottom: 2%; box-shadow: 8px 8px 8px var(--color-black-2); -moz-box-shadow: 8px 8px 8px var(--color-black-2); -webkit-box-shadow: 8px 8px 8px var(--color-black-2); }
.filled-light                             {padding: 20px; background: var(--color-grey-8); margin-bottom: 2%; box-shadow: -8px 8px 8px var(--color-black-55); -moz-box-shadow: -8px 8px 8px var(--color-black-55); -webkit-box-shadow: -8px 8px 8px var(--color-black-55); }
.filled-line                              {padding: 20px !important; background: var(--color-grey-4); margin-bottom: 2%; border-left: 4px solid var(--color-highlight1); }
.filled *                                 {color: var(--color-highlight3); }
.corner                                   {margin-top: 30px;  }
.corner::before                           {position: absolute; display: block; z-index: -1; pointer-events: none; content: ""; right: -7%; top: -7%; width: 50%; height: 50%; margin: 0px; padding: 0px; box-shadow: 4px 4px 4px var(--color-black-15); -moz-box-shadow: 4px 4px 4px var(--color-black-15); -webkit-box-shadow: 4px 4px 4px var(--color-black-15); }
.corner::before                           {background: linear-gradient(45deg, var(--color-highlight1) 30%, var(--color-highlight3-6) 100%); }
.border,
.textblock.framed, .textblock.border      {padding: 10px 20px; border: 5px solid var(--color-highlight1); }
.textblock.framed .ContentTBTextBoxNormal {padding: 20px; }
.textblocks_right.framed,
.textblocks_left.framed                   {width: 46% !important; margin: 0 2% 4% !important; }

.border-dotted .textblock-inner           {border-bottom: 3px dotted var(--color-highlight3); padding-bottom: 2%; }
.distance                                 {margin-top: 3%; margin-bottom: 3%; }
.indent-top                               {margin-top: -4% !important; z-index: 4; }
.indent-top-big                           {margin-top: -40% !important; z-index: 4; }
.indent-top-medium                        {margin-top: -2.8% !important; z-index: 4; }
.extend-bottom-big .textblock-inner       {padding-bottom: 35% !important; }
.indent-bottom                            {margin-bottom: -6%; }
.indent-right                             {padding-right: 3%; }
.indent-left                              {padding-left: 3%; }
.indent-left-big                          {padding-left: 10%; }
.margin-top                               {margin-top: 4% !important; }
.margin-top-big                           {margin-top: 15% !important; }
.margin-top-verybig                       {margin-top: 40% !important; }
.margin-bottom                            {margin-bottom: 3%; }
.filled-line .textblock-inner,
.no-padding .textblock-inner,
.nopadding .textblock-inner,
.no-padding, .nopadding                   {padding: 0 !important; }
.no-margin, .nomargin                     {margin: 0 !important; }
.textblocks_left.nomargin,
.textblocks_right.nomargin                {width: 50%; }
.headspace .headline-container            {margin-bottom: 45%; }
.min-height-100                           {min-height: 100px !important; }
.min-height-150                           {min-height: 150px !important; }
.min-height-200                           {min-height: 200px !important; }
.min-height-250                           {min-height: 250px !important; }
.min-height-300                           {min-height: 300px !important; }
.min-height-400                           {min-height: 420px !important; }
.min-height-450                           {min-height: 450px !important; }
.min-height-500                           {min-height: 500px !important; }
.min-height-550                           {min-height: 550px !important; }
.min-height-600                           {min-height: 600px !important; }
.min-height-650                           {min-height: 650px !important; }
.min-height-700                           {min-height: 700px !important; }
.min-height-750                           {min-height: 750px !important; }

.cont-grid                                {display: grid; grid-template-columns: 1fr 1fr; gap: 3px; margin: 0px auto; }
.cont-row                                 {background: var(--color-highlight3-7); padding: 20px 24px; display: flex; gap: 20px; align-items: baseline; }
.cont-row.grey                            {background: var(--color-grey-5); }
.cont-ch                                  {font-size: 70%; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--color-grey);  min-width: 60px; flex-shrink: 0; }
.cont-title                               {font-size: 100%; font-weight: 600; color: var(--color-highlight2); flex: 1; }
.cont-note                                {font-size: 80%; color: var(--color-dark-7); margin-top: 3px; }
.cont-row.count::before                   {top: 10px; left: 10px;}
.cont-row.count                           {padding-left: 50px;}

#main_lightbox .cont-grid                 {width: 80%; font-size: 80%; }


.selectbox                                {cursor: pointer; border: 1px solid var(--color-dark-4); }
.selectbox:hover                          {background: var(--color-highlight2-3); }
.selectbox.active                         {background: var(--color-red-2); }
.selectbox.correct.active                 {background: var(--color-green-3); }


/* ═══════════════════ COMMUNITY WALL ═══════════════════ */
.community-section{background:var(--color-highlight3);padding:64px 80px;border-top:3px solid var(--color-grey)}
.moments-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:48px}
.moment-card{background:var(--color-grey);padding:26px 28px;border-left:3px solid var(--color-dark-3);transition:border-left-color .25s}
.moment-card:hover{border-left-color:var(--color-highlight1)}
.mc-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px;gap:12px}
.mc-person{display:flex;flex-direction:column;gap:2px}
.mc-name{font-size:70%;font-weight:700;color:var(--color-highlight2);letter-spacing:.3px}
.mc-role{font-size:70%;color:var(--color-grey)}
.mc-steps{display:flex;gap:5px;flex-wrap:wrap;flex-shrink:0}
.mc-step{font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 9px;border-radius:10px}
.mc-step.up{background:rgba(196,38,42,.1);color:var(--color-highlight1)}
.mc-step.in{background:rgba(44,95,122,.12);color:var(--color-highlight2)}
.mc-step.fwd{background:rgba(30,132,73,.12);color:var(--team)}
.mc-step.tog{background:rgba(108,53,131,.12);color:#6C3583}
.mc-quote{font-style:italic;font-size:120%;line-height:1.5;color:var(--color-highlight2);margin-bottom:14px}
.mc-footer{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:14px;border-top:1px solid var(--color-dark-3)}
.mc-outcome-label{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-grey);margin-bottom:4px}
.mc-outcome-text{font-size:12px;color:var(--color-grey);line-height:1.55;font-style:italic}


.grid                     {display:grid; grid-template-columns:repeat(4,1fr); gap: 2px; }
.grid-2                   {grid-template-columns:repeat(2,1fr) !important; }
.grid-3                   {grid-template-columns:repeat(3,1fr) !important; }
.grid-4                   {grid-template-columns:repeat(4,1fr) !important; }
.grid-5                   {grid-template-columns:repeat(5,1fr) !important; }
.grid-6                   {grid-template-columns:repeat(6,1fr) !important; }
.grid-item                {padding: 10px 20px; border: none; background: var(--color-highlight3-2); }
.grid-item p              {margin-bottom: 5px !important; }
.grid-item:last-child     {border-right:none}
.grid-item.grid-2         {grid-column: span 2; }
.grid-item.grid-3         {grid-column: span 3; }
.grid-blue, .grid-red     {gap: 4px; }
.grid-blue .grid-item     {border-top: 4px solid var(--color-highlight2-5); background: var(--color-highlight2-1); }
.grid-red .grid-item      {border-top: 4px solid var(--color-red-5); background: var(--color-highlight1-0); }
.grid-white .grid-item    {border-top: 6px solid var(--color-highlight2); background: var(--color-highlight3); }
.grid-trans .grid-item    {background: var(--color-highlight3-0); }
.grid-trans h4,
.grid-trans p             {margin-bottom: 3px; }
.grid .grid.grid-trans .grid-item    {border-top: 1px solid var(--color-highlight2-5); background: var(--color-highlight3-0); padding: 4px 0px; }


/* ══════════════════════════════════════════════════ */
/* COURAGE WALL (data-driven)                        */
/* ══════════════════════════════════════════════════ */
.wall-grid                {display:grid;grid-template-columns:repeat(2,1fr); gap: 2px; ); gap:20px;margin-bottom:40px; }
.card, .wall-card         {background:var(--color-grey-2); color:var(--color-dark); border-left:4px solid var(--color-highlight1); border-top:1px solid var(--color-grey-6); border-right:1px solid var(--color-grey-6); border-bottom:1px solid var(--color-grey-6); padding:28px 24px; position:relative; transition:box-shadow .25s,transform .2s; border-radius:6px;}
.card.border-top,
.wall-card.border-top     {border-left: 1px solid var(--color-grey-6); border-top: 6px solid var(--color-highlight1); }
.grid-white .card,
.grid-white .wall-card    {background: var(--color-highlight3-85); }
.wall-card, .wall-card *  {color:var(--color-dark); }
.card h5,
.wall-card h5             {font-size: 110%; line-height: 1.3 !important; font-weight: 600; color: var(--color-highlight1); margin: 0px auto 1rem; padding: 0px; }
.card h6,
.wall-card h6             {font-size: 60%; line-height: 1.3 !important; font-weight: 600; color: var(--color-highlight1); margin: 0px auto 1rem; padding: 0px; }
.card:hover,
.wall-card:hover          {background:var(--color-grey-5); box-shadow:0 10px 28px var(--color-black-1);transform:translateY(-2px)}
.grid-white .card:hover,
.grid-white .wall-card:hover {background: var(--color-highlight3); }
.wall-card.step-up        {border-left-color:var(--color-highlight2); }
.wall-card.step-in        {border-left-color:var(--color-green); }
.wall-card.step-forward   {border-left-color:var(--color-orange); }
.wall-card.step-together  {border-left-color:var(--color-highlight1); }
.wc-step{font-size:8.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px; }
.wall-card.step-up .wc-step{color:var(--color-highlight2); }
.wall-card.step-in .wc-step{color:var(--color-green); }
.wall-card.step-forward .wc-step{color:var(--color-orange); }
.wall-card.step-together .wc-step{color:var(--color-highlight1); }
.wc-quote                 {font-size:100%;font-weight:700; font-style:italic;color:var(--color-highlight2);line-height:1.4;margin-bottom:14px; }
.wc-story                 {font-size:12.5px;color:var(--color-grey);line-height:1.65;margin-bottom:14px}
.wc-meta                  {display:flex;align-items:center;justify-content:space-between; border-top:1px solid var(--color-grey-6);padding-top:12px; }
.wc-author                {font-size:12px;font-weight:600;color:var(--color-highlight2)}
.wc-role                  {font-size:12px;color:var(--color-dark-8); }
.wc-salute                {background:none;border:1.5px solid var(--color-grey-6); padding:5px 14px;font-size:10px;font-weight:700; letter-spacing:.08em;text-transform:uppercase; color:var(--color-grey);cursor:pointer; transition:all .2s;display:flex;align-items:center;gap:5px; }
.wc-salute:hover          {border-color:var(--color-highlight1);color:var(--color-highlight1)}
.wc-salute.saluted        {border-color:var(--color-highlight1);color:var(--color-highlight1);background:rgba(196,38,42,.06)}
.wall-load-more           {display:block;margin:0 auto;background:transparent; border:2px solid var(--ink);padding:14px 36px; font-size:11px;font-weight:700;letter-spacing:.09em; text-transform:uppercase;color:var(--ink);cursor:pointer; transition:all .15s; }
.wall-load-more:hover     {background:var(--ink);color:#fff}


.card.border-green,
.wall-card.border-green,
.grid-item.border-red     {border-color: var(--color-red); }
.card.border-green,
.wall-card.border-green,
.grid-item.border-green   {border-color: var(--color-green); }


/* ===== TIMELINE ===== */
.timeline {      position: relative;      padding-left: 48px;}
.timeline::before {      content: '';      position: absolute;      left: 18px;      top: 0;      bottom: 0;      width: 2px;      background: linear-gradient(to bottom, var(--color-red), var(--color-highlight2), var(--color-green));}
.timeline-phase {      position: relative;      margin-bottom: 48px;      padding: 28px 32px;      background: var(--color-highlight3);      border: 1px solid var(--color-dark-3);      border-radius: 8px; }
.timeline-phase:last-child { margin-bottom: 0; }
.timeline-phase::before {      content: '';      position: absolute;      left: -39px;      top: 32px;      width: 14px;      height: 14px;      border-radius: 50%;      border: 3px solid var(--color-highlight3);      box-shadow: 0 0 0 2px var(--color-red);}
.timeline-phase:nth-child(1)::before { background: var(--color-red); box-shadow: 0 0 0 2px var(--color-red); }
.timeline-phase:nth-child(2)::before { background: var(--color-highlight2); box-shadow: 0 0 0 2px var(--color-highlight2); }
.timeline-phase:nth-child(3)::before { background: var(--color-green); box-shadow: 0 0 0 2px var(--color-green); }
.phase-number {      font-size: 11px;      font-weight: 700;      letter-spacing: 1.5px;      text-transform: uppercase;      margin-bottom: 6px;}
.timeline-phase:nth-child(1) .phase-number { color: var(--color-red); }
.timeline-phase:nth-child(2) .phase-number { color: var(--color-highlight2); }
.timeline-phase:nth-child(3) .phase-number { color: var(--color-green); }
.phase-title {      font-size: 22px;      color: var(--color-highlight2);      font-weight: 700;      margin-bottom: 12px;}
.phase-text {      font-size: 15px;      line-height: 1.75;      color: #555;}
/* ===== TIMELINE ===== */



.boxed .textblock-inner                         {border: 1px solid var(--color-black-5); padding: 0px; overflow: hidden; }
.boxed .ContentTBImgBoxNormal                   {padding: 10% 0; }

.shade .textblock-inner,
.box-shade                                      {background: transparent url(_layout/shade.png) no-repeat; background-position: center; background-size: contain; }
.shade .textblock-inner                         {background-position: left center; padding: 50px 0%; }
.box-shade                                      {position: relative; display:block; margin: 10px auto; width: 50%; max-width: 500px; padding: 20px 10%; text-align: left; }

.absolute-left,
.absolute-right,
.absolute-left-top,
.absolute-right-top                             {display: block; position: absolute; width: 40%; margin: 0px; padding: 0px; z-index: 0; }
.absolute-left                                  {left: 20px;  bottom: 20px; }
.absolute-right                                 {right: 20px; bottom: 20px; }
.absolute-left-top                              {left: 20px;  top: 20px; }
.absolute-right-top                             {right: 20px; top: 20px; }

.padding-bottom .ContentTBTextBoxNormal         {padding-bottom: 15% !important; }
.scroll .ContentTBTextBoxNormal                 {overflow: auto; }

.boxes .ContentTBTextBoxNormal,
.boxes .ContentTBBoxLeft,
.boxes .ContentTBBoxRight,
.boxes .ContentTBImgBoxLeft,
.boxes .ContentTBImgBoxRight                    {padding: 40px; background: var(--color-highlight1); min-height: 350px; box-shadow: 4px 4px 4px var(--color-black-15); -moz-box-shadow: 4px 4px 4px var(--color-black-15); -webkit-box-shadow: 4px 4px 4px var(--color-black-15); }
.boxes .ContentTBTextBoxNormal                  {width: 100%; height: auto; margin: 0px 0px 0.5% 0px; padding: 40px; }
.boxes.iframe .ContentTBTextBoxNormal           {width: 100%; margin: 0px; padding: 0px; }
.boxes .ContentTBBoxLeft                        {width: 42%; height: auto; margin: 0px 0px 0.5% 0px; }
.boxes .ContentTBBoxRight                       {width: 42%; height: auto; margin: 0px 0px 0.5% 0px; }
.boxes .ContentTBImgBoxLeft                     {width: 57.5%;  height: auto; margin: 0px 0.5% 0.5% 0px; padding: 80px; }
.boxes .ContentTBImgBoxRight                    {width: 57.5%;  height: auto; margin: 0px 0px 0.5% 0.5%; padding: 80px; }
.boxes .area-label                              {border: none !important; top: 200px; padding: 0px 40px; left: 0%; }
.boxes .area-label.sel                          {top: 40px; left: 0%; }
.boxes a.close                                  {display: none; }

.boxes20-80 .ContentTBBoxLeft,
.boxes20-80 .ContentTBBoxRight                  {width: 79.5%; padding: 20px; }
.boxes20-80 .ContentTBImgBoxLeft,
.boxes20-80 .ContentTBImgBoxRight               {width: 20%; padding: 20px; }

.boxes30-70 .ContentTBBoxLeft,
.boxes30-70 .ContentTBBoxRight                  {width: 69.5%; padding: 40px; }
.boxes30-70 .ContentTBImgBoxLeft,
.boxes30-70 .ContentTBImgBoxRight               {width: 30%; padding: 40px; }

.boxes40-60 .ContentTBBoxLeft,
.boxes40-60 .ContentTBBoxRight                  {width: 59.5%; padding: 60px; }
.boxes40-60 .ContentTBImgBoxLeft,
.boxes40-60 .ContentTBImgBoxRight               {width: 40%; padding: 60px; }

.boxes50-50 .ContentTBBoxLeft,
.boxes50-50 .ContentTBBoxRight                  {width: 49.5%; padding: 60px; }
.boxes50-50 .ContentTBImgBoxLeft,
.boxes50-50 .ContentTBImgBoxRight               {width: 50%; padding: 60px; }

.map_onion_3layers .ContentTBBoxLeft,
.map_onion .ContentTBBoxLeft,
.map_onion_3layers .ContentTBBoxRight,
.map_onion .ContentTBBoxRight,
.map_onion_3layers .ContentTBImgBoxLeft,
.map_onion .ContentTBImgBoxLeft,
.map_onion_3layers .ContentTBImgBoxRight,
.map_onion .ContentTBImgBoxRight                {padding: 40px; min-height: 725px;}


.textblock.fadeout                        {background: var(--color-highlight1); background-size: 100% auto !important; background-attachment: none !important; background-repeat: no-repeat !important; background-position: center top !important; }
/*.textblock.fadeout::after                 {position: absolute; display: block; z-index: 1; content: ""; left: 0; top: 400px; width: 100%; height: 70%; margin: 0px; padding: 0px; background: linear-gradient(to bottom, var(--color-highlight1-0) 0%, var(--color-highlight1) 300px); }*/
.nogradient,
.textblock.fade-top                       {/*z-index: 100;*/ overflow: visible; background: var(--color-highlight1); }
.textblock.fade-top::before               {position: absolute; display: block; /*z-index: 100;*/ content: ""; left: 0; top: -30%; width: 100%; height: 30%; margin: 0px; padding: 0px; background: linear-gradient(to bottom, var(--color-highlight1-0) 0%, var(--color-highlight1) 100%); }

.img-align                                {background: transparent; padding: 0px 0px 0px 0px; margin-top: 0px !important; }
.img-fill                                 {background: linear-gradient(to right, var(--color-light) 0%, var(--color-dark) 100%); padding: 0px 0px 0px 0px; margin-top: 10px !important; overflow: visible; }
.img-align::before,
.img-fill::before                         {position: relative; display: block; content: ""; width: 90px; padding-top: 130%; }
.img-align img,
.img-fill img                             {position: absolute; display: block; left: 50%; bottom: 0px; width: auto !important; height: 90% !important; max-width:none; transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); }
.img-align img                            {bottom: auto; top: 0%; }


.gradient, .gradient-left                 {background: var(--color-highlight1); color: var(--color-highlight3); }
.gradient-right                           {background: linear-gradient(to right, var(--color-light) 0%, var(--color-dark) 100%); color: var(--color-highlight3); }
.shadow                                   {box-shadow: 8px 8px 8px var(--color-dark-4); -moz-box-shadow: 8px 8px 8px var(--color-dark-4); -webkit-box-shadow: 8px 8px 8px var(--color-dark-4); }
.style-brown                              {border-bottom: 13px solid rgba(165, 119, 99, 1.0) !important; }
.style-green                              {border-bottom: 13px solid rgba(121, 137, 137, 1.0) !important; }
.style-gold                               {border-bottom: 13px solid rgba(174, 156, 104, 1.0) !important; }

.style-brown a.button                     {background: rgba(165, 119, 99, 0.7) !important; }
.style-green a.button                     {background: rgba(121, 137, 137, 0.7) !important; }
.style-gold a.button                      {background: rgba(174, 156, 104, 0.7) !important; }

.style-brown:hover a.button,
.style-brown a.button:hover               {background: rgba(165, 119, 99, 1.0) !important; }
.style-green:hover a.button,
.style-green a.button                     {background: rgba(121, 137, 137, 1.0) !important; }
.style-gold:hover a.button,
.style-gold a.button                      {background: rgba(174, 156, 104, 1.0) !important; }

brown                                     {color: rgba(165, 119, 99, 1.0) !important; font-weight: 600; }
green                                     {color: var(--color-green) !	important; font-weight: 600; }
gold                                      {color: rgba(174, 156, 104, 1.0) !important; font-weight: 600; }

.scroll-x .textblock-inner,
.scroll-x .ContentTextBoxNormal           {overflow-x: auto; }
.align-bottom                             {vertical-align: bottom !important; }
.pictogram                                {z-index: 1; }
.pictogram .ContentTBImgBoxNormal         {display: block; pointer-events: none; position: absolute; top: 0px; right: 0%; width: 66% !important; max-width: 400px; transform: translate(0%, -100%); -webkit-transform: translate(0%, -100%); z-index: 1; }
.pictogram-small .ContentTBImgBoxNormal   {width: 25% !important; }
.pictogram-medium .ContentTBImgBoxNormal  {width: 33% !important; }
.centered .ContentTBImgBoxNormal          {top: 40px; left: 50%; right: auto; transform: translate(-50%, -100%); -webkit-transform: translate(-50%, -100%); }
.lower-10 .ContentTBImgBoxNormal          {top: 8px; }
.lower-20 .ContentTBImgBoxNormal          {top: 15px; }
.lower-30 .ContentTBImgBoxNormal          {top: 25px; }
.right-1 .ContentTBImgBoxNormal           {right: -1%; }
.right-2 .ContentTBImgBoxNormal           {right: -2%; }
.right-3 .ContentTBImgBoxNormal           {right: -3%; }
.right-4 .ContentTBImgBoxNormal           {right: -4%; }

.profile-image             {display: block; text-align: center; width: 120px; height: 120px; margin: 0px auto; background-color: var(--color-highlight1); overflow: hidden; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; }
.profile-image img         {position: absolute; left: 50%; top: 50%; display: block; height: auto; width: 102%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }

.QuickfinderBox            {position: fixed; display: block; font-size: 100%; right: 0px; top: 50%; background-color: var(--color-highlight1-0); transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); width: 60px; height: auto; margin: 0px; padding: 0px; overflow: visible; text-align: left; z-index: 3007; line-height: 1.0em; }
.QuickfinderBox.fixed      {}
.quicktoggle               {display: none; cursor: pointer; margin: 10px auto; width: 100%; text-align: center; color: var(--color-highlight1); font-size: 170%; }
.quicktoggle:hover         {color: var(--color-highlight2); }
.quickfinder-listblock     {background: transparent; display: block; width: 300px; height: auto; background-color: var(--color-highlight1-7); color: var(--color-highlight3); margin: 0px 0px 10px 0px; padding: 5px 0px 5px 5px; overflow: hidden; }
.quickfinder-text          {display: inline-block; width: 80%; line-height: 1.0em; padding: 0px 0px 0px 0px; line-height: 1.3; font-weight: 500; z-index: 1; color: inherit; vertical-align: middle; text-align: left; }
.quickfinder-img           {background: transparent; color: var(--color-highlight3); font-size: 140%; display: inline-block; height: auto; width: 30px; text-align: center; margin: 0px 20px 0px 0px !important; padding: 0px !important; vertical-align: middle; }
.quickfinder-img-right     {}
.quickfinder-img-left      {}      
.quickfinder-img-hover     {display: none; }
.quickfinder-img img       {display: inline; height: auto; width: 100%; }
.quickfinder-a             {display: block; color: var(--color-highlight3); background: var(--color-highlight2-0); height: 100%; text-transform: uppercase; font-weight: 300; margin: 0px !important; padding: 5px 10px !important; overflow:hidden; }
.quickfinder-listblock:hover .quickfinder-a,
.quickfinder-a:hover         {background: var(--color-highlight2-0); }
.quickfinder-listblock:hover {margin-left: -200px; background-color: var(--color-highlight1); color: var(--color-highlight3); box-shadow: 5px 5px 5px var(--color-black-3); -moz-box-shadow: 5px 5px 5px var(--color-black-3); -webkit-box-shadow: 5px 5px 5px var(--color-black-3); }
.QuickfinderBox a            {color: var(--color-highlight3); text-transform: uppercase; font-size: 90%; font-weight: 300; padding: 5px 10px !important; }
.QuickfinderBox a.sel        {font-weight: 300;}
.QuickfinderBox a.sel,
.QuickfinderBox a:hover      {color: var(--color-highlight3); text-decoration: none; }


.tile_thumb                {float:left; margin: 30px 40px 0px 0px; height: auto; width: auto; padding: 0px; text-align:left;}
.tile_thumb a              {color: var(--color-dark); 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-highlight2); text-decoration: none;}

		
.img-align p, .img-fill p,
.infobox p, li p, div.line p, .NewsBoxCont p, .newscontblock p, h2 p, h3 p, h4 p, h5 p, h6 p {display: block; margin: 0px !important; padding: 0px !important; }
.ContentTextBoxNormal p, .ContentTextBoxLeft p, .ContentTextBoxRight 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 var(--color-dark); border-bottom: 1px solid var(--color-dark); text-align:center;}
.col1 ul, .col2 ul, .col3 ul                                       {margin-left: 0px; padding-left: 17px;}
.col1 li, .col2 li, .col3 li                                       {margin-left: 0px; padding-left: 0px;}
.serif p                                                           {margin-bottom: 5px; }


b, strong, .bold, .strong  {font-weight: 700; }
.yellow                    {color: #df8a00;}
.clear                     {display: block; clear: both; height: 0px; width: 0px; margin: 0px; padding: 0px; }
.small                     {font-size: 90%;}
.smaller                   {font-size: 80%;}
.verysmall                 {font-size: 70%;}
.big                       {font-size:120%;}
.serif,
.bigger                    {font-size:140%;}
.light, .light *           {font-weight: 300 !important; }
.info                      {display: block; opacity: 0.7; font-size: 90%; font-style: normal; font-weight: inherit; padding-top: 8px;}
.paler                 	   {color: var(--color-dark-5);}
.caption,
.ImgContainer .info        {display: block; margin-top: 5px;}
.img-line-right img        {border-right: 1px solid var(--color-highlight3); }
.line-white .line-left,
.line-white .line-right,
.img-line-white .line-left,
.img-line-white .line-right,
.img-line-white img        {border-color: var(--color-highlight3) !important; } 
hr                         {color: var(--color-light-0); clear: both; height: 0px; border-top: 1px solid var(--color-highlight1); width:100%; background:var(--color-light-0); margin: 10px 0px 20px; padding: 0px; display: block; }
.counter hr                {border-width: 1px; margin: 5px 0px 10px; opacity: 50%; }
.asterisk              	   {color: var(--color-red); font-weight: bold; font-size: 14px;}
.alert                 	   {color: var(--color-red); font-weight: bold; font-size:90%;}
.red:not(.tile):not(.MenuLevelSub)      	     {color: var(--color-dark);}
.green:not(.tile):not(.MenuLevelSub)          {color: var(--color-green); }
.white:not(.tile):not(.MenuLevelSub)          {color: var(--color-highlight3); }
.blue:not(.tile):not(.MenuLevelSub)           {color: var(--color-highlight2); }
.nobr                      {white-space:nowrap;}
.inline-block              {display: inline-block !important; }
.none                      {display: none !important; }
.invisible                 {opacity: 0; visibility: hidden; }
.noline, .noline *         {border: none; }
.fullwidth                 {width: 100%; margin-left: 0px; margin-right: 0px; }

.align-left, .align-left *      {text-align: left !important; }
.align-center, .align-center *  {text-align: center; }
.align-right, .align-right *    {text-align: right !important; }
.uppercase, .uppercase *        {text-transform: none !important; }
.filter-white                   {filter: invert(100%) brightness(1000%); -webkit-filter: invert(100%) brightness(1000%); -moz-filter: invert(100%) brightness(1000%); -khtml-filter: invert(100%) brightness(1000%); }
body:not(.cke_editable) .highcaption    {position: absolute; right: 0%; bottom: -100px; z-index: 5; text-align: right; }

.centralblock                           {position: absolute; display: block; top: 50%; left: 50%; z-index: 1000; width: 200px; font-size: 90%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.square                                 {display: inline-block; vertical-align: top; padding: 0px; margin: 4px 7px 0px 0px; width: 15px; height: 15px; border: 1px solid var(--color-highlight3-5); }

/* Tabellen */
table              {border: 0px solid transparent; border-collapse: collapse; margin: 0px 0px 15px 0px; font-size: 100%; }
table, tr, tbody, thead   {width: 100% !important; }
th                 {border: 0px solid var(--color-highlight1); background: var(--color-highlight2); color: var(--color-highlight3); text-align: left; font-weight: 600; vertical-align: top; margin: 0px; padding: 5px; white-space: nowrap; }
td                 {border: 0px solid var(--color-highlight1); background: transparent; text-align: left; vertical-align: top; margin: 0px; padding: 3px 10px 3px 0px; z-index: 1; }

table.table-framed                          {border: none; font-size: 100%; line-height: 1.2;  margin: 0px 0px 0px 0px; }
table.table-framed th                       {border: 1px solid var(--color-dark-4); padding: 10px 20px; text-align: left; background: var(--color-highlight3); }
table.table-framed td                       {border: 1px solid var(--color-dark-4); border-top: 6px solid var(--color-highlight1); padding: 20px 30px; text-align: left; background: var(--color-highlight3); }
table.table-framed td:first-child           {border-left: none; }
table.table-framed td:last-child            {border-right: none; }


table.green th                   {color: var(--color-highlight3); background: var(--color-dark); border-right: 1px solid var(--color-highlight3); border-bottom: 1px solid var(--color-highlight3); padding: 5px 10px;}
table.green td                   {color: var(--color-highlight3); background: #049739; border-right: 1px solid var(--color-highlight3); border-bottom: 1px solid var(--color-highlight3); padding: 5px 10px; }
table.green tr:last-child td     {border-bottom: none; }
table.green tr td:last-child     {border-right: none; }

table.colortable td                      {}
table.colortable span                    {padding: 5px 10px; }

table.objectdata 	                       {font-size: 90%; }
table.objectdata.wide                    {font-size: 100%; }
table.objectdata td                      {position: relative; color: var(--color-highlight3); background: transparent; border: none; padding: 5px 10px; }
table.objectdata td::after               {position: absolute; display: block; content: ""; left: 0px; right: 0px; bottom: 1px; z-index: 2; background: var(--color-highlight3); height: 1px;}
table.objectdata td:first-child::after   {left: 20px; }
table.objectdata td:last-child::after    {right: 15px; }
table.objectdata tr:last-child td::after {display: none; }
table.objectdata td:first-child,
table.objectdata td:last-child           {padding: 5px 15px 5px 20px; box-shadow: 4px 4px 4px var(--color-black-15); -moz-box-shadow: 4px 4px 4px var(--color-black-15); -webkit-box-shadow: 4px 4px 4px var(--color-black-15); }
table.objectdata.wide td                 {padding-top: 15px; padding-bottom: 15px; }
table.objectdata tr:first-child td       {padding-top: 35px; }
table.objectdata tr:last-child td        {padding-bottom: 35px; }
table.objectdata td:first-child          {background: var(--color-light); }
table.objectdata td:last-child           {background: var(--color-highlight1); }

table.objectdata.blue td:first-child     {background: #6e8092; }
table.objectdata.green td:first-child    {background: #72887d; }
table.objectdata tr:last-child td        {border: none; }

table.datatable                          {border: none; font-size: 80%; margin: 0px 0px 15px 0px; }
table.datatable th                       {border-left: 1px solid var(--color-highlight3); border-bottom: 1px solid var(--color-highlight3); padding: 7px 10px; text-align: left; background: var(--color-highlight3-3); color: inherit; }
table.datatable td                       {border-left: 1px solid var(--color-highlight3); border-bottom: 1px solid var(--color-highlight3); padding: 7px 10px; text-align: left; }
table.datatable td:first-child           {border-left: none; padding-left: 0px; }
table.datatable tr:first-child td        {border-top: 1px solid var(--color-highlight3); }

table.columntable                        {}
table.columntable th,
table.columntable td                     {padding: 10px 20px; }

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: var(--color-dark-1); }
td.row2_1          {border: 0px solid #b9974e; background: var(--color-dark-1); }
td.row2_2          {border: 0px solid #b9974e; background: var(--color-dark-1); }
td.row2_3          {border: 0px solid #b9974e; background: var(--color-dark-1); }
td.row2_4          {border: 0px solid #b9974e; background: var(--color-dark-1); }
td.row2_5          {border: 0px solid #b9974e; background: var(--color-dark-1); }
td.row2_6          {border: 0px solid #b9974e; background: var(--color-dark-1); }
td.tdnowrap        {white-space:nowrap;}

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: var(--color-dark); overflow:hidden; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px;}
a.navtable:hover         {background: var(--color-highlight2); color: #3e3e3e; }

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;}
th a               {color: var(--color-highlight3); background: var(--color-highlight2) url(_layout/arrows_sort.png) no-repeat right top; padding: 0px 20px 0px 0px; white-space: nowrap;}
th a:hover         {color: var(--color-highlight3); background: var(--color-highlight2) url(_layout/arrows_sort.png) no-repeat right top; padding: 0px 20px 0px 0px; text-decoration: underline; white-space: nowrap;}
td ul              {margin: 0px 0px 0px 20px; padding: 0px;}
th p               {margin: 0px !important; padding: 0px !important;}
td p               {margin-bottom: 0px !important; padding-bottom: 0px !important;}
td strong          {}
.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;}



/* ========== COMPARISON TABLE ========== */
.comparison-table-wrap {
  overflow-x: auto;
}
.comparison-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.88rem;
  background: background: var(--color-highlight3);
  border-radius: 11px;
  overflow: hidden;
}
.comparison-table thead th {
  background: var(--color-highlight2);
  color: var(--color-highlight3);
  padding: 15px 8px;
  text-align: left;
  font-weight: 600;
  font-size: 0.8rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.comparison-table tbody td {
  padding: 15px 8px;
  border-bottom: 1px solid var(--color-grey);
  vertical-align: top;
}
.comparison-table tbody tr:last-child td { border-bottom: none; }
.comparison-table tbody tr:nth-child(even) { background: var(--color-grey-6); }
.comparison-table .level-badge {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 10px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.level-badge.ind { background: var(--color-highlight2-2); color: var(--color-highlight2); }
.level-badge.team { background: var(--color-green-2); color: var(--color-green); }
.level-badge.org { background: var(--color-orange-2); color: var(--color-orange); }
/* ========== COMPARISON TABLE ========== */



/* Tabellen-Layout */
div.table        {display:table; border-collapse:collapse;}
div.tr           {display:table-row;}
div.td           {display:table-cell; border: 0px solid red; margin: 0px; padding: 2px 10px 0px 0px;}
div.td1          {display:table-cell; border: 0px solid red; margin: 0px; padding: 2px 10px 0px 0px; color: #3e3e3e;}
div.td2          {display:table-cell; border: 0px solid red; margin: 0px; padding: 2px 10px 0px 0px; color: #3e3e3e; background: var(--color-dark-1); }


/* TB Foldouts */
.foldout-list-cont             {display: block; vertical-align: top; background: transparent; padding: 0px; width: 100%; max-width: 1170px; height: auto; margin: 0px auto 20px; overflow: hidden; }
a.foldout-more-btn             {display: block; font-weight: 500; font-size: 140%; color: var(--color-highlight2); border-bottom: 2px dotted var(--color-highlight2); background: var(--color-highlight3-0) url(_layout/arrow_right.png) no-repeat left center; background-size: auto 25px; padding: 7px 15px 7px 40px; margin: 0px 0px 0px 0px; overflow: hidden;  }
.foldout-big a.foldout-more-btn {font-weight: 500; font-size: 150%; text-transform: uppercase; }
a.foldout-more-btn:hover       {color: var(--color-highlight1); border-color: var(--color-highlight1); background-color: var(--color-highlight3-0); background-image: url(_layout/arrow_right_MO.png); text-decoration: none; }
a.foldout-more-btn-open        {color: var(--color-highlight1); border-color: var(--color-highlight2); background-color: var(--color-highlight3-0); background-image: url(_layout/arrow_down_MO.png) !important; }
a.foldout-more-btn-open:hover  {color: var(--color-highlight1); background-image: url(_layout/arrow_down_MO.png) !important; }
.foldout-more                  {display: block; background: transparent; margin: 0px 0px 0px 0px; padding: 15px 0px 15px 0px; height: auto; overflow: hidden; opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); }
.foldout-more ul               {padding-left: 15px; margin-top: 0px; }
.foldout-more li               {padding-left: 0px;}

.textblock_separator_dark a.foldout-more-btn,
.textblock_separator_light a.foldout-more-btn,
.textblock_separator_grey a.foldout-more-btn,
#main_dark a.foldout-more-btn             {color: var(--color-highlight3-6); border-color: var(--color-highlight3-5); background-image: url(_layout/arrow_right_active.png);  }
.textblock_separator_dark a.foldout-more-btn:hover,
.textblock_separator_light a.foldout-more-btn:hover,
.textblock_separator_grey a.foldout-more-btn:hover,
#main_dark a.foldout-more-btn:hover       {color: var(--color-highlight3); border-color: var(--color-highlight3); background-image: url(_layout/arrow_right_active.png); }
.textblock_separator_dark a.foldout-more-btn-open,
.textblock_separator_light a.foldout-more-btn-open,
.textblock_separator_grey a.foldout-more-btn-open,
#main_dark a.foldout-more-btn-open        {color: var(--color-highlight3); border-color: var(--color-highlight3); background-image: url(_layout/arrow_down_active.png) !important; }
.textblock_separator_dark a.foldout-more-btn-open:hover,
.textblock_separator_light a.foldout-more-btn-open:hover,
.textblock_separator_grey a.foldout-more-btn-open:hover,
#main_dark a.foldout-more-btn-open:hover  {color: var(--color-highlight3); background-image: url(_layout/arrow_down_active.png) !important; }

.textblock_separator_white a.foldout-more-btn             {color: var(--color-dark-6) !important; border-color: var(--color-dark-5) !important; background-image: url(_layout/arrow_right.png) !important;  }
.textblock_separator_white a.foldout-more-btn:hover       {color: var(--color-dark) !important; border-color: var(--color-dark) !important; background-image: url(_layout/arrow_right.png) !important; }
#main_dark .textblock_separator_white a.foldout-more-btn-open,
.textblock_separator_white a.foldout-more-btn-open        {color: var(--color-dark) !important; border-color: var(--color-dark) !important; background-image: url(_layout/arrow_down_MO.png) !important; }
#main_dark .textblock_separator_white a.foldout-more-btn-open:hover,
.textblock_separator_white a.foldout-more-btn-open:hover  {color: var(--color-dark) !important; background-image: url(_layout/arrow_down_MO.png) !important; }


/* Formulare */
form              {width: 100%; clear:both; font-size: 100%; color: var(--color-black); margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; display:block; }
form.compact      {margin: 0px; }
fieldset          {width: 100%; margin: 0px 0px 20px 0px; padding: 10px 0px 0px 0px; display: block; text-align: left; border: none; }
fieldset.framed   {padding: 10px; border: 1px solid var(--color-dark-4); background: var(--color-dark-0); overflow: hidden; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; }
fieldset.box      {padding: 10px; border: 1px solid var(--color-dark-4); background: var(--color-light-5); overflow: hidden; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; }
.compact fieldset {padding: 0px; }
fieldset.floatform       {width: 48%; max-width: 546px; display: inline-block; vertical-align: top; }
fieldset.floatform-right {float: right; }
legend           {display: block; font-weight: 400; font-style: italic; font-size: 80%; color: var(--color-highlight3); width: auto%; margin: 10px 0px 15px; padding: 5px 20px; height: auto; line-height: 1.3; text-align:left; background: var(--color-highlight2-5); border-radius: 7px; overflow: hidden;  }

.box legend      {background: var(--color-light); }
.label           {display: inline-block; font-weight: 500; font-size: 80%; text-transform: uppercase; color: var(--color-highlight3) !important; background: var(--color-highlight1); width: auto; margin: 0px 0px 5px 0px; padding: 5px 10px; height: auto; line-height: 1; text-align:left; overflow: hidden; }
.label.fixed     {position: absolute; top:-10px; right: 20px; box-shadow: 3px 3px 3px var(--color-dark-4); -moz-box-shadow: 3px 3px 3px var(--color-dark-4); -webkit-box-shadow: 3px 3px 3px var(--color-dark-4); }
.label *         {color: var(--color-highlight3) !important; }
.label.small     {margin-top: 12px; }
.label.red       {background: var(--color-red) !important; }
.label.blue      {background: var(--color-blue) !important; }
.label.orange    {background: var(--color-orange) !important; }
.label.lime      {background: var(--color-lime) !important; }
.label.green     {background: var(--color-green) !important; }
.label.error     {background: var(--color-red-6) !important; border: 1px solid var(--color-red) !important; }
.label .fa-solid,
.label .fa-regular,
.label .far,
.label .fas      {margin-right: 5px !important; font-size: 120%; }

.teaserlabel           {position: absolute; right: 0px; top: 0; z-index: 100; padding: 0px; text-align: center; background: transparent !important; width: 0; height: 0; overflow: visible; border-top: 70px solid var(--color-highlight1) !important; border-left: 70px solid transparent !important; }
.teaserlabel.red       {background: transparent !important; border-top: 70px solid var(--color-red) !important; }
.teaserlabel.blue      {background: transparent !important; border-top: 70px solid var(--color-blue) !important; }
.teaserlabel.orange    {background: transparent !important; border-top: 70px solid var(--color-orange) !important; }
.teaserlabel.lime      {background: transparent !important; border-top: 70px solid var(--color-lime) !important; }
.teaserlabel.green     {background: transparent !important; border-top: 70px solid var(--color-green) !important; }
.teaserlabel span      {position: absolute; top: -24px; left: -35px; transform: rotate(45deg) translate(-50%, -50%); color: var(--color-highlight3) !important; font-size: 12px; font-weight: 600; z-index: 200; width: 70px; height: 0px; }

.input label          {display: block; font-size: 70%; font-weight: 300; color: var(--color-dark-7); padding: 5px 0px; vertical-align: top; }
label.important-label {display: inline-block !important; width: 85%; font-size: 90%; font-weight: 400; }
label.label-big       {font-size: 100% !important; color: var(--color-dark-9) !important; }
label.label-small     {padding: 4px 15px 4px 5px !important; }
label.emptylabel      {height:0; width:0; overflow: hidden;}
label.right,
.rightcol label       {width: 85% !important; font-size: 90% !important; }
label.right2          {width: 70% !important; }
label.label-data      {width: 85% !important; font-size: 100%; font-weight: 400; }

input.submit,
select           {appearance: none; }

select,
input,
textarea                {font-family: inherit; color: var(--color-black); background-color: var(--color-highlight3-7); border: 1px solid var(--color-black-3); width: 100%; font-size: 80%; font-weight: 300; padding: 8px 10px; margin: 0px 0px 0px 0px; vertical-align: middle; border-radius: 4px; box-sizing: border-box; }
input::placeholder,
textarea::placeholder   {color: var(--color-dark-6); font-style: italic; font-size: 90%; }

.input-message select,
.input-message input,
.input-message textarea         {width: 100%; }

.input-list label,
.input-list .leftcol            {width: 37%; display: inline-block; margin-right: 0px; }
.input-list .rightcol,
.input-list select,
.input-list input,
.input-list textarea            {width: 60%; display: inline-block; }
select#teamlist,
select.selectsmall              {width: 100%; font-size: 70%; font-weight: normal; padding: 8px 5px; margin-bottom: 10px; }
button.submit,
input.submit                    {width: auto; color: var(--color-highlight3); font-size: 100%; font-weight: 500; border: none !important; background: var(--color-highlight1) !important; padding: 10px 40px; margin: 0px 0px 10px 0px; text-transform: none; text-align: center; }
button.submit-pale,
input.submit-pale               {color: var(--color-dark-7);  background: var(--color-dark-2) !important; }
input.submit-small              {font-size: 100%; border-width: 1px !important; padding: 5px 20px;  margin: 4px 0px 0px 4px; box-shadow: 1px 1px 0px var(--color-dark-2); -moz-box-shadow: 1px 1px 0px var(--color-dark-2); -webkit-box-shadow: 1px 1px 0px var(--color-dark-2); }
input.submit:focus,
input.submit:hover              {background: var(--color-highlight2) !important; color: var(--color-highlight3); cursor:pointer; }
input.submit-blue               {color: var(--color-highlight3) !important; background: var(--color-blue-7) !important; }
input.submit-blue:hover         {color: var(--color-highlight3) !important; background: var(--color-blue) !important; border-color: var(--color-blue) !important; }
.leftcolumn input.submit,
input.submit-red                {color: var(--color-highlight3) !important; background: var(--color-highlight1) !important; }
.leftcolumn input.submit:hover,
input.submit-red:hover          {color: var(--color-highlight2) !important; background: var(--color-highlight3) !important; }
input[type='checkbox'],
input[type='radio']             {display: inline-block; cursor: pointer; vertical-align: top; height: 32px !important; width: 32px !important; padding: 0px !important; margin: 5px 3px 0px !important; color: var(--color-highlight3); background-color: var(--color-highlight3); border: 2px solid var(--color-dark); overflow: visible !important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; }
input[type='checkbox']:hover,
input[type='radio']:hover,
input[type='checkbox']:focus,
input[type='radio']:focus       {background-color: var(--color-highlight1-2); box-shadow: 0px 0px 4px var(--color-highlight1-7); -moz-box-shadow: 0px 0px 4px var(--color-highlight1-7); -webkit-box-shadow: 0px 0px 4px var(--color-highlight1-7); }
input[type='checkbox']:checked,
input[type='radio']:checked     {background-color: var(--color-highlight1-0); background-image: url(_layout/list_check.png); background-size: 80%; background-position: center; background-repeat: no-repeat; }
input.readonly                  {color: var(--color-dark-6); font-size: 90%; background-color: var(--color-grey-1); }
textarea                        {max-width: 100%; width: 100%; padding: 5px 5px 5px 10px; height: 200px; border: 1px solid var(--color-dark-4); }
.textarea-big                   {height: 400px; font-size: 80%; line-height: 1.3; }
div.input                       {display:inline-block; vertical-align: top; color: inherit; background: var(--color-light-0); width: 47%; padding: 1px; margin: 0px 2% 20px 0px; height: auto; text-align: left; opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=1000); }
div.input_error                 {background: var(--color-red-2); border: 2px solid var(--color-red-5); }
div.input-captcha               {}
div.input-message               {width: 96% !important; margin-right: 0px; }
div.input div.input-message     {width: 100%; }
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 {display:block; visibility: hidden; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); height: 0px !important; width: 0px !important; margin: 0px !important; padding: 0px !important; overflow: hidden; }
div.error        {clear: both; display:block; background: #aa0000; padding: 10px; margin: 0px 0px 10px 0px;  height: auto; color: var(--color-highlight3); font-size: 90%; width: 100%; border: 1px var(--color-dark) solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
div.alert        {clear: both; display:block; background: #aa0000; padding: 10px; margin: 0px 0px 10px 0px;  height: auto; color: var(--color-highlight3); font-size: 90%; width: 100%; border: 1px var(--color-dark) solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
div.okaymsg,
div.okay         {clear: both; display:block; background: var(--color-green-2); padding: 10px; margin: 0px 0px 10px 0px; height: auto; color: var(--color-dark); font-size: 100%; font-weight: 500; width: 100%; text-align: center; border: 1px var(--color-dark) solid; border-radius: 4px; }
div.okay.blue    {background: var(--color-blue-1); color: var(--color-dark); border: 1px var(--color-blue) solid; }
div.infoline          {clear: both; display:block; background: var(--color-grey-5); padding: 5px 10px 0px; margin: 10px 0px 20px 0px;  height: auto; color: inherit; width: 100%; border: 1px var(--color-highlight2-5) solid; border-left: none; border-right: none; }
div.infobox           {clear: both; display:block; background: var(--color-grey-5); padding: 10px 20px; margin: 0px 0px 20px 0px;  height: auto; color: inherit; font-size: 90%; width: 100%; border: 1px solid var(--color-dark-2); border-left: 5px solid var(--color-highlight1); border-radius: 4px;}
div.infobox.light     {background: var(--color-highlight3); }
div.infobox.settings  {background: var(--color-highlight1-5); border-color: var(--color-highlight3); }
div.infobox.alert     {background: var(--color-red-2); border-color: var(--color-red-7); }
div.infobox.okay      {background: var(--color-green-2); border-color: var(--color-green-7); }
div.infobox.highlight {background: var(--color-blue-15); border-color: var(--color-blue-7); }
okaydiv.infobox.big      {font-size: 120%; color: var(--color-dark); }


div.infobox.settings input                 {background: var(--color-highlight3-7); border-color: var(--color-highlight3); color: var(--color-dark); }
div.infobox.settings input.submit          {color: var(--color-highlight3); border-color: var(--color-highlight3-6) !important; background: var(--color-highlight1-7) !important; }
div.infobox.settings input.submit:hover    {color: var(--color-highlight3); background: var(--color-highlight1) !important; }


div.infobox-small    {margin: 10px auto !important; color: var(--color-dark); width: 80%; }
div.submit       {background: transparent !important; border: none !important; }
div.submit-bar   {/*padding: 5px 0px; border: none !important; border-top: 1px solid var(--color-dark-3) !important; border-bottom: 1px solid var(--color-dark-3) !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.timebox      {padding-right: 40px; background-image: url(_layout/icon_clock.png); background-repeat: no-repeat; background-position: right 5px top 5px; background-size: auto 30px; }

div.inputbox     {display:block; margin: 7px 0px 0px 0px;}
div.labelbox     {display:block; }

.input.boxed     {text-align: center; border: 1px solid var(--color-dark); min-height: auto; background: var(--color-highlight1-1); }
.formelem        {display: inline-block; font-size: 90%; font-weight: 500; vertical-align: bottom; width: auto; text-align: center; padding: 5px 10px; }
.formelem.block  {/*display: block; text-align: left; padding: 5px 0px; */}
.formelem:not(.block) input,
.formelem:not(.block) label   {display: block; text-align: center; margin: 3px 0px !important; }

#LocatorBox div.input {background: transparent;}
#LocatorBox select    {width: 170px;}

/* 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; 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: var(--color-dark); 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: var(--color-dark); }
#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(_layout/icon_searchsubmit.png) no-repeat left top; border: none; text-transform:none; overflow:hidden; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; }
#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              {display: block; margin: 0px; padding: 0px; }
/*
#BigSearchform #searchquery {width: 70%; padding: 5px; color: var(--color-dark); border: 1px solid var(--color-dark); }
#BigSearchform label        {width: auto; text-transform: none; background: transparent; margin: 0px; }
#BigSearchform .submit      {}
*/

/* 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; }


.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: 120% !important; font-weight: inherit; }
input.filter     {width: 66% !important; border: 1px solid var(--color-dark-5); -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
#plz, .plz       {width: 24% !important; margin: 0px !important; }
#ort, .ort       {width: 75% !important; margin-left: 1% !important; }
select.short     {width: 170px;}
select.num       {width: 90px;}
input.searchquery {width: 40%;}
input.num        {width: 120px;}
input.captcha    {width: 150px; float: none; font-size: 18px; padding: 4px;}
.input i         {font-size: 90% !important; }
.listnumber              {display: inline-block; vertical-align: middle; font-size: 130%; width: 60px; height: 60px; margin: 0px 0px 5px 20px; padding: 5px; z-index: 10001; background-color: var(--color-highlight3); color: var(--color-dark); border: 2px solid var(--color-dark); -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; box-shadow: 1px 3px 6px var(--color-black-35); }
.listnumber span         {display: block; position: absolute; z-index: 13; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); line-height: 1; text-align: center; }



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


/* * CommentBox * */
.Comments                 {clear: both; display: block; color: inherit; background: #eeeeee; margin: 10px 0px 5px 0px; padding: 0px; border: 1px solid var(--color-highlight2); 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: #cccccc url(_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-highlight2) url(_layout/icon_comment_MO.png) no-repeat 6px 4px; color: var(--color-highlight3); text-decoration: none; }
.CommentBox               {display: block; margin: 5px; padding: 5px 5px 70px 5px; color: inherit; background: var(--color-highlight3); border: 1px solid #cccccc; }
.commententry             {display: block; width: 80%; margin: 5px auto 10px auto; padding: 5px; color: var(--color-dark); font-size:90%; background: #eaeaea; 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: #dddddd; border: 1px solid var(--color-highlight2); }
.commententry-empty       {font-style: italic; color: inherit; }
.commenttitle             {display: block; color: #2373ab; background: transparent url(_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              {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: var(--color-dark); }
.CommentForm input.submit:hover {background: var(--color-highlight2); }
.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                {display: block; margin: 0px 0px 0px 25px;  padding: 0px 0px 0px 0px;}
.mediabox                 {display: block; width: 100%; max-width: 800px; text-align:center; height: auto; clear:both; margin: 10px auto; padding: 0px; border: 1px solid #3e3e3e; 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: #3e3e3e; padding: 0px; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.Videobox                 {display: block; margin: 0px; padding: 0px; width: 100%; height: 100%; }
#mediaselect              {margin: 0px 0px 6px 0px; padding: 0; font-size: 11px; border: 1px solid var(--color-dark); width:180px;}
video                     {background: var(--color-highlight3); display: block; 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(_layout/icon_speaker_on.png); }
a.mediabtn:hover          {background-image: url(_layout/icon_speaker_on.png); }
a.mediabtn_paused         {background-image: url(_layout/icon_speaker_off.png); }
a.mediabtn_paused:hover   {background-image: url(_layout/icon_speaker_off.png); }



#cookiebanner,
#cookiebanner *,
.sociallinks,
main,
.ContentContainer,
.ContentBoxMiddle,
img.main-img-overlay,
img.img-overlay,
.listblock .imgbox img,
.toolbar,
.LabelBox,
.LabelBox p,
#ContentBoxTop,
#ContentBoxTopInner,
.ContentTBImgBoxLeft,
.ContentTBImgBoxLeft,
.ContentTBImgBoxLeft,
.ContentTBImgBoxLeft,
.ContentTBImgBoxRight,
.ContentTBImgBoxRight,
.ContentTBImgBoxRight,
.ContentTBImgBoxRight,
.textblock,
.headerBoxLogo,
.headerBoxLogo a,
.headerBoxLogo img,
.mainnav,
ul.makeMenu,
ul.makeMenu ul,
ul.makeMenu > li,
ul.makeMenu > li > ul,
ul.makeMenu > li > ul > li,
ul.makeMenu li ul li a::before,
ul.makeMenu li a::after,
.ContentBoxMiddle,
.TextContainer,
.scroll-wrapper,
#ContentBoxTop,
a.down-anchor,
a,
area,
.area,
.tile,
.tile-foldout,
.anchormenu,
.textblocks_submenu .textblock-inner,
a.imgbox,
.listblock-img img,
.tile,
.tile img,
.tile-imgtop,
.tilelink,
.tilecontent,
.quickfinder-listblock,
.quickfinder-text,
.quickfinder-img,
.main-nav-toggle .inner,
.main-nav-toggle,
.main-nav-toggle i,
.main-nav-toggle span,
.listblock:hover .listblock-inner,
.listblock:hover h3,
.listblock:hover h4,
.listblock:hover h5,
.listblock:hover h6,
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; }

.listblock-card,
.listblock-text,
.listblock-img,
.tl-line:hover span,
.tl-box,
.tl-legend,
.tl-line,
.tl-bar,
.tl-year,
.tl-month,
.tl-week,
.tl-line::after           {transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }

.moretext,
.hiddenmode,
.count,
.morecont,
.news_text,
.in-view,
.in-view::before,
.in-view::after,
.in-view .textblock-inner,
.BackgroundLayer,
.BackgroundImage,
.BackgroundImage::after,
.BackgroundImageBtns,
#cookiebanner,
.confirmpopup,
.duplex,
.maphoverimg,
.choosehead,
.resultbox,
.fliptile,
.tile-back,
.tile-front,
.tile_square,
.tile_square *,
.tile:not(.tile-foldout),
.tile:not(.tile-foldout) *   {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; }

/*h1, h2, h3, h4, h5, h6    {transition: all 0.8s ease-out 0.2s; -webkit-transition: all 0.8s ease-out 0.2s; -moz-transition: all 0.8s ease-out 0.2s; -o-transition: all 0.8s ease-out 0.2s; }*/

.listblock-inner,
.listblock h3,
.listblock h4,
.listblock h5,
.listblock h6,
.area-label,
.boxtiles .tile,
.border,
.border *                 {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; }


.in-view:not(.morecont):not(.section-anchor):not(.down-anchor):not(.col1):not(.col2):not(.col3):not(.tile:hover):not(.tile-foldout),
.in-view::before,
.in-view::after,
.head-icon,
.icon                     {transition: all 0.6s ease-out 0.5s; -webkit-transition: all 0.6s ease-out 0.5s; -moz-transition: all 0.6s ease-out 0.5s; -o-transition: all 0.6s ease-out 0.5s; }

.col1, .col1-2            {transition: all 0.5s ease-out 0.5s; -webkit-transition: all 0.5s ease-out 0.5s; -moz-transition: all 0.5s ease-out 0.5s; -o-transition: all 0.5s ease-out 0.5s; }
.col2                     {transition: all 0.5s ease-out 0.8s; -webkit-transition: all 0.5s ease-out 0.8s; -moz-transition: all 0.5s ease-out 0.8s; -o-transition: all 0.5s ease-out 0.8s; }
.col3, .col2-3            {transition: all 0.5s ease-out 1.2s; -webkit-transition: all 0.5s ease-out 1.2s; -moz-transition: all 0.5s ease-out 1.2s; -o-transition: all 0.5s ease-out 1.2s; }


body:not(#main_lightbox) .ContentContainer  {transition: all 0.8s ease-out 0s; -webkit-transition: all 0.8s ease-out 0s; -moz-transition: all 0.8s ease-out 0s; -o-transition: all 0.8s ease-out 0s; }

.BackgroundImageLabel p,
.BackgroundImage,
.BackgroundImageContainer,
.tile_slide,
.BackgroundImageLabel,
.animate                  {transition: all 1.5s ease-in-out 0s; -webkit-transition: all 1.5s ease-in-out 0s; -moz-transition: all 1.5s ease-in-out 0s; -o-transition: all 1.5s ease-in-out 0s; -khtml-transition: all 1.5s ease-in-out 0s; }

body.cke_editable *,
.cke_panel_block,
.cke_panel_block *,
.cke_panel_list,
.cke_panel_list *,
.cke_combo *              {transition: none !important; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -khtml-transition: none !important; }


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

/* Footer Map */
.mapCont                                 {display: none; }
.textblock .mapCont,
#start .mapCont,
.body-kontakt .mapCont,
.parent-body-kontakt .mapCont            {display: block; }

body.body-main-dark,
body#main_dark                           {color: var(--color-highlight3); background: var(--color-highlight1); color: var(--color-highlight3); }
body#main_dark h1,
body#main_dark h3                        {color: var(--color-highlight3); border-color: var(--color-highlight3); }


/* whitebox page */
body#main_whitebox                       {background: var(--color-highlight1); }
body#main_whitebox .ContentContainer,
body#main_whitebox .ContentContainerInner,
body#main_whitebox .ContentBoxMiddle     {overflow: visible; }
body#main_whitebox .rightcolumn          {background: var(--color-highlight3); max-width: 1170px; padding: 0px; margin: 40px auto 5%; overflow: hidden; box-shadow: 8px 4px 4px var(--color-dark-6); }
body#main_whitebox .textblock:not(.nopadding):not(.textblocks_left):not(.textblocks_right) .textblock-inner      {padding: 0px 50px; } 
body#main_whitebox .textblocks_left,
body#main_whitebox .textblocks_right     {width: 50%; margin: 0%; }
body#main_whitebox .textblock_separator_white.textblocks_left,
body#main_whitebox .textblock_separator_white.textblocks_left_small,
body#main_whitebox .textblock_separator_white.textblocks_left_medium,
body#main_whitebox .textblock_separator_white.textblocks_left_big,
body#main_whitebox .textblock_separator_white.textblocks_left_verybig,
body#main_whitebox .textblock_separator_white.textblocks_right,
body#main_whitebox .textblock_separator_white.textblocks_right_small,
body#main_whitebox .textblock_separator_white.textblocks_right_medium,
body#main_whitebox .textblock_separator_white.textblocks_right_big,
body#main_whitebox .textblock_separator_white.textblocks_right_verybig,
body#main_whitebox .textblock_separator_grey.textblocks_left,
body#main_whitebox .textblock_separator_grey.textblocks_left_small,
body#main_whitebox .textblock_separator_grey.textblocks_left_medium,
body#main_whitebox .textblock_separator_grey.textblocks_left_big,
body#main_whitebox .textblock_separator_grey.textblocks_left_verybig,
body#main_whitebox .textblock_separator_grey.textblocks_right,
body#main_whitebox .textblock_separator_grey.textblocks_right_small,
body#main_whitebox .textblock_separator_grey.textblocks_right_medium,
body#main_whitebox .textblock_separator_grey.textblocks_right_big,
body#main_whitebox .textblock_separator_grey.textblocks_right_verybig,
body#main_whitebox .textblock_separator_light.textblocks_left,
body#main_whitebox .textblock_separator_light.textblocks_left_small,
body#main_whitebox .textblock_separator_light.textblocks_left_medium,
body#main_whitebox .textblock_separator_light.textblocks_left_big,
body#main_whitebox .textblock_separator_light.textblocks_left_verybig,
body#main_whitebox .textblock_separator_light.textblocks_right,
body#main_whitebox .textblock_separator_light.textblocks_right_small,
body#main_whitebox .textblock_separator_light.textblocks_right_medium,
body#main_whitebox .textblock_separator_light.textblocks_right_big,
body#main_whitebox .textblock_separator_light.textblocks_right_verybig,
body#main_whitebox .textblock_separator_dark.textblocks_left,
body#main_whitebox .textblock_separator_dark.textblocks_left_small,
body#main_whitebox .textblock_separator_dark.textblocks_left_medium,
body#main_whitebox .textblock_separator_dark.textblocks_left_big,
body#main_whitebox .textblock_separator_dark.textblocks_left_verybig,
body#main_whitebox .textblock_separator_dark.textblocks_right,
body#main_whitebox .textblock_separator_dark.textblocks_right_small,
body#main_whitebox .textblock_separator_dark.textblocks_right_medium,
body#main_whitebox .textblock_separator_dark.textblocks_right_big,
body#main_whitebox .textblock_separator_dark.textblocks_right_verybig  {padding: 30px 50px !important; }



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

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

.boxed-row                               {max-width: 1170px; margin: 0px auto; padding: 0% 0px; }
.more-copytext .boxed-row                {padding: 0% 50px; }

.body-main_2col .leftcolumn              {display: inline-block; width: 49%; padding: 0px 20px 0px 0px; }
.body-main_2col .rightcolumn             {display: inline-block; width: 49%; padding: 0px 0px 0px 20px; }
.body-main_2col .ContentTextBoxLeft,
.body-main_2col .ContentTextBoxRight,
.body-main_2col .ContentImgBoxLeft,
.body-main_2col .ContentImgBoxRight,
.body-main_2col .ContentTBBoxLeft,
.body-main_2col .ContentTBBoxRight,
.body-main_2col .ContentTBImgBoxLeft,
.body-main_2col .ContentTBImgBoxRight    {float: none; width: 100%; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; }

.videocontainer                          {position: relative; display: block; margin: 0px; padding: 0px; width: 100%; height: 100%; }
#media .videocontainer                   {position: absolute; display: block; top: 0%; left: 0%; margin: 0px; padding: 0px; width: 100%; height: 100%; }
#media video                             {position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); margin: 0px; padding: 0px; background: var(--color-dark); width: 100%; height: auto; max-width: 100%; max-height: 100%; }


body.body-main-lightbox-dark             {background: var(--color-highlight1) !important; }
body.body-main-lightbox-dark *           {color: var(--color-highlight3); border-color: var(--color-highlight3) !important; }

#main_lightbox                           {}
#main_lightbox *                         {}
#main_lightbox .scroll-wrapper           {width: auto; height: auto; margin: 0px; }
#main_lightbox .slide                    {width: auto; margin: 0px; top: 0px; left: 0px;}
#main_lightbox a.section-anchor          {display: none; padding-top: 0px; }
#main_lightbox .ContentContainer         {max-width: 1170px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; background: transparent; padding: 0px 0px 30px 0px !important; margin: 0px auto; min-height: auto; }
#main_lightbox .ContentBoxMiddle         {width: 100%; height: auto; padding: 20px 0px 0px; margin: 0px auto; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
#main_lightbox .section,
#main_lightbox main,
#main_lightbox #pageBody,
#main_lightbox #pageContainer            {width: 100%; padding: 0px !important; margin: 0px !important; }
#main_lightbox .page-title               {text-align: left; }
#main_lightbox .leftcolumn,
#main_lightbox .rightcolumn              {margin: 0px; padding: 0px 0px 0px 0px; }
#main_lightbox .tile_square              {width: 32%; margin: 15px 2% 15px 0px;  }
#main_lightbox .headline-container       {}
#main_lightbox h1,
#main_lightbox h3                        {font-size: 200%; width: auto; min-height: auto; margin: 0px 0px 1.3rem; padding: 20px 20px; }
#main_lightbox h2,
#main_lightbox h4                        {font-size: 140%; }


#main_lightbox .ImgContainer             {}
#main_lightbox .ImgContainer img         {width: 70%; margin: 0px auto; }
#main_lightbox .head-icon,
#main_lightbox #herocanvas,
#main_lightbox .QuickfinderBox,
#main_lightbox .BackgroundImage-Header,
#main_lightbox .parallax-slide,
#main_lightbox .makeSubMenu,
#main_lightbox .mainnav,
#main_lightbox .BreadCrumbBox,
#main_lightbox footer,
#main_lightbox .prefooter,
#main_lightbox #pageBottom,
#main_lightbox .mapCont,
#main_lightbox h1::after,
#main_lightbox h3::after,
#main_lightbox .textblock::before,
#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 !important; }
#main_lightbox .ContentImgBoxNormal              {margin: 0px 0px -30px 0px; }
#main_lightbox .ContentTextBoxLeft,
#main_lightbox .ContentTextBoxRight,
#main_lightbox .ContentTBBoxLeft,
#main_lightbox .ContentTBBoxRight                {}
#main_lightbox .ContentImgBoxLeft,
#main_lightbox .ContentImgBoxRight,
#main_lightbox .ContentTBImgBoxLeft,
#main_lightbox .ContentTBImgBoxRight             {}
#main_lightbox .textblock-outer                  {background: transparent !important; padding: 20px 0px 0px 0px !important; }
#main_lightbox .textblock                        {padding: 10px 0px; }
#main_lightbox .headline-container,
#main_lightbox .text-container                   {margin: 0px auto 10px; }


/* * LightBox - Bottom * */
#main_lightbox #ContentBoxBottom                 {width: auto; margin: 0px 30px 0px 30px; padding: 3px 0px 10px 0px; border-top: 1px solid var(--color-dark); }
#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: var(--color-dark); border: 1px solid var(--color-dark); }
#main_lightbox a.extrabutton:hover               {color: var(--color-highlight3); background-color: var(--color-highlight1);}
#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(_layout/arrow_gray.png); }
#main_lightbox a.extrabutton-right:hover         {background-image: url(_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: var(--color-dark); border-right: 1px solid var(--color-dark); }
#main_lightbox a.extramenu:hover                 {color: var(--color-dark); }
#main_lightbox ul.makeExtraMenu li:last-child a  {border:none; }


html.cke_panel_container,
body.cke_ltr                         {height: auto !important; width: auto !important; font-size: 1.0em; line-height: 1.1; overflow: auto !important; }
body.cke_editable                    {padding: 5px !important; }
body.cke_ltr li::marker              {font-size: inherit; }
body.cke_ltr,
.cke_panel_block,
.cke_panel_block *                    {box-sizing: unset !important; -webkit-box-sizing: unset !important; -moz-box-sizing: unset !important; }
.cke_panel_block h1,
.cke_panel_block h2,
.cke_panel_block h3,
.cke_panel_block h4,
.cke_panel_block h5,
.cke_panel_block h6                   {display: block !important; width: 100% !important; min-height: auto !important; border: none !important; margin: 0px !important; padding: 0px !important; box-sizing: unset !important; -webkit-box-sizing: unset !important; -moz-box-sizing: unset !important; }
h1.cke_panel_grouptitle               {display: none !important; }
.cke_panel_list h1                    {font-size: 200% !important;}
.cke_panel_list h2                    {font-size: 170% !important;}
.cke_panel_list h3                    {font-size: 140% !important;}
.cke_panel_list h4                    {font-size: 120% !important;}
.cke_panel_list h5                    {font-size: 100% !important;}
.cke_panel_list h6                    {font-size: 80% !important;}


/* * Confirm Popup * */
.duplex                    	 {position: fixed; display: block; left: 0px; top: 0px; width: 100%; height: 100%; background: var(--color-highlight2-7); color: inherit; z-index: 100000;}
.duplex.intro                {background: var(--color-dark-0); }
.confirmpopup 		           {position: fixed; display: block; color: var(--color-highlight3); background: var(--color-highlight2); font-size: 70%; line-height: 1.4em; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 1060px; max-width: 96%; height: auto; padding: 40px; margin: 0px; border: 1px solid var(--color-highlight3); z-index: 100001; overflow: auto; 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); }
.confirmpopup.intro          {height: 0%;  background: var(--color-highlight3); opacity: 0.0; -moz-opacity: 0.0; filter:alpha(opacity=0); }
.confirmpopup h4 	           {text-transform: none; font-size: 240%; font-weight: 300; color: inherit; }
.confirmpopup a.button       {text-transform: none; font-weight: 300;  }
.confirmpopup a.button:hover {background: var(--color-dark); }
#loadicon                    {position: fixed; display: none; color: #bbbbbb; font-size: 80%; left: 50%; top: 50%; width: 60px; height: 60px; padding:0px; margin: -30px 0px 0px -30px; background: #eeeeee url(../scripts/loading-icon.gif) no-repeat center; text-align:center; z-index: 2000; border: 2px solid var(--color-highlight2); overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; box-shadow: 3px 3px 5px var(--color-dark-25); -moz-box-shadow: 3px 3px 5px var(--color-dark-25); -webkit-box-shadow: 3px 3px 5px var(--color-dark-25); opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); }


/* * Cookie Popup * */
#cookiebanner              {position:fixed; bottom:0px; display: none; background: var(--color-highlight1-85); color: var(--color-highlight3); padding: 15px 15px 0px; border-top: 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; width:100%; }
#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: 120%; }
#cookiebannerCloser        {display: none; color: var(--color-highlight3-8); background: transparent url(_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(_layout/cross_MO.png); text-decoration:none; }

#cookiebannerButtons                                         {display: block; margin: 10px 0px 0px 0px; }
.cookiebannerButtonWrapper                                   {display: inline-block; margin: 0px 10px 10px 0px; padding: 10px; 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; }
.cookiebannerButtonWrapper input[type='checkbox']            {height: 24px; width: 24px;}
.cookiebannerButtonWrapper input[type='checkbox']:checked    {/*background: var(--color-highlight3) !important; border-color: var(--color-dark) !important; */}

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-dark-7) !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-highlight2); border: 1px solid var(--color-highlight3); font-weight: 600; }
#cookiebannerButtonAcceptAll:hover                           {color: var(--color-highlight3) !important; background: var(--color-dark); border-color: var(--color-dark); }

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