@font-face {
 font-family:'Open Sans Variable';
 src:url('fonts/OpenSans-VariableFont_wdth,wght.ttf') format('truetype-variations');
 font-weight:100 900;
 font-stretch:25% 200%;
 font-display:swap;
}
:root{
 --ciFarbe1:       #428554;
 --headerHoehe:      130px;
 --paddContent:      10px;
 --topBalken:        20px;
}

*                                                           {margin:0; padding:0; box-sizing:border-box;}
*:not(a,b,strong,em,i)                                      {font-family:'Open Sans Variable',Arial,Helvetica,Sans-Serif; font-size:16px; color:#000000; line-height:26px;}
body                                                        {background-color:#ffffff; padding:0;}
body.popup                                                  {padding:10px;}
a, img                                                      {border-style:none;}
a                                                           {color:var(--ciFarbe1);text-decoration:none;}
a:hover                                                     {color:red;}
a, span                                                     {font-size:1.0em;}
h1                                                          {font-size:40px; line-height:40px; margin-bottom:10px; color:var(--ciFarbe1);}
h2                                                          {font-size:30px; line-height:30px; margin-bottom:20px;}
.titel                                                      {font-size:40px; line-height:40px; margin-bottom:10px; color:var(--ciFarbe1); font-weight:900; text-transform:uppercase;}
.untertitel                                                 {font-size:20px; line-height:25px; margin-bottom:20px;}
h3, .content                                                {font-size:16px;}
h3                                                          {font-size:24px; line-height:30px; margin-bottom:13px;}
h2.login                                                    {margin-bottom:12px;}
h1.maintitle                                                {margin-top:0; margin-bottom:8px;}
h2.subtitle                                                 {font-size:12px; margin-top:0; margin-bottom:8px; font-weight:normal; text-transform:uppercase; letter-spacing:1px;}
div                                                         {margin:0; padding:0; display:block;}
p                                                           {margin-top:10px; margin-bottom:10px;}
label                                                       {vertical-align:middle;}

ol, ul, li                                                  {margin:0; padding:0;}
li                                                          {padding-bottom:13px;}
ul, ol, form                                                {margin-top:4px; margin-bottom:8px;}
form                                                        {margin-top:8px;}
ul                                                          {margin-left:15px;}
ol                                                          {margin-left:20px;}
ul ul, ul.sitemap1                                          {margin-left:15px;}
ul ul                                                       {margin-top:1px; margin-bottom:1px;}
ol ol                                                       {margin-top:1px; margin-bottom:1px;}
.fotocredit                                                 {font-size:11px; color:#aaa;}
hr                                                          {height:1px; margin:0 0; background-color:var(--ciFarbe1); border:none;}
iframe                                                      {width:100%;}

#topbalken                                                  {position:fixed; z-index:1; top:0; left:0; width:100vw; height:var(--topBalken); background:var(--ciFarbe1);}
#som                                                        {position:absolute; height:100%; right:40px; display:none; align-content:center;}


#imageDetails a {color:#ffffff !important;display:inline; background-color:#ff0000; padding:8px;}

#spalte0 img    {max-width:100% !important;}
#spalte0 iframe {max-width:100% !important; }

#top                                                        {position:absolute; top:5px; left:5px; width:920px; height:40px; background-color:#efefef; border-style:solid; border-color:silver; border-width:1px;}
#menu                                                       {position:absolute; top:55px; left:5px; width:255px; background-color:#efefef; border-style:solid; border-color:silver; border-width:1px;}
#content                                                    {position:absolute; top:55px; left:275px; width:650px;}
#editblock                                                  {border-color:silver;}

li.activemenu, li.normalmenu                                {white-space:nowrap; overflow:hidden;}
li.activemenu                                               {background-color:#fff;}
div.menupadding                                             {margin:0; padding:0;}
ul.menusubpagelist                                          {list-style-type:none; list-style-image:none; margin:0; padding-left:20px; white-space:nowrap; overflow:hidden; background-color:#ffffff;}
ul.submenu, ul.mainmenu                                     {list-style-type:none; list-style-image:none; margin:0; padding:0;}
li.activesubmenulayer3                                      {}
li.normalsubmenulayer3                                      {}
li.mainitem, h2.mainmenu, li.trenner                        {margin:0; display:inline;}
a.activemenu                                                {color:var(--ciFarbe1); font-size:15px; font-weight:bold; text-transform:uppercase;}
a.normalmenu                                                {color:black; font-size:15px; text-transform:uppercase;}
a.activemenu:hover, a.normalmenu:hover                      {color:var(--ciFarbe1);}
a.activemainmenu                                            {color:var(--ciFarbe1); font-size:18px; font-weight:bold; text-transform:uppercase; vertical-align:middle;}
a.normalmainmenu                                            {color:black; font-size:18px; font-weight:bold; text-transform:uppercase; vertical-align:middle;}
a.activemainmenu:hover, a.normalmainmenu:hover              {color:var(--ciFarbe1);}
a.activesubmenu3                                            {color:var(--ciFarbe1); font-size:14px; font-weight:bold; text-transform:uppercase;}
a.normalsubmenu3                                            {color:black; font-size:14px; text-transform:uppercase;}
a.activesubmenu3:hover, a.normalsubmenu3:hover              {color:var(--ciFarbe1);}

li.mainitem                                                 {padding:0 15px; display:inline-grid; align-content:center; border-right:1px solid #ddd;}
li.mainitem:first-child                                     {margin-left:0; padding-left:0;}
li.mainitem:last-child                                      {margin-right:0; border-right:none;}

ul.submenu li                                               {padding:0 15px; display:inline-block; border-right:0px solid #aaa;}
ul.submenu li:first-child                                   {padding-left:0;}
ul.submenu li:last-child                                    {padding-right:0; border-right:none;}
ul.submenu li a, ul.submenu3 li a                           {text-decoration:none; text-transform:none;}

ul.submenu3                                                 {margin:0;}
ul.submenu3 li                                              {padding:0 15px; display:inline-block; border-right:1px solid #ddd;}
ul.submenu3 li:first-child                                  {padding-left:0;}
ul.submenu3 li:last-child                                   {padding-right:0; border-right:none;}
a.activesubmenu3,a.normalsubmenu3                           {text-transform:uppercase;}
ul.submenu                                                  {margin-top:10px;}                                   
ul.submenu3                                                 {max-width:1600px; width:100%; margin:0 auto 10px; padding:10px; font-size:0; text-align:center; border-bottom:1px solid var(--ciFarbe1); display:none;} 

h2.mainmenu a                                               {text-decoration:none;}
.myinput, input.text, textarea.text, select                 {border-style:solid; border-width:1px; border-color:silver; margin-top:1px; margin-bottom:1px;}
.login_input                                                {border-style:solid; border-width:1px; border-color:silver; margin-top:1px; margin-bottom:1px;}
input.loginsubmit                                           {margin-top:10px; margin-bottom:10px;}
.login_checkbox                                             {vertical-align:middle;}
.login_submit_area                                          {padding-top:5px;}
select                                                      {background-color:#ffffff;}

#extcont4 #submenu3                                         {padding:0 0; margin:0;}
#extcont4 #submenu3 li                                      {padding:0 15px 10px 0; border-right:none;}
#extcont4 #submenu3 li:last-child                           {padding-bottom:0;}

.ext4 ul.submenu3                                           {display:block;}
.ext4 ul                                                    {margin:10px 0 0 15px;}
.ext4 li                                                    {padding-bottom:10px; line-height:22px;}

#logoleft                                                   {margin-top:30px; padding:0; display:grid; grid-template-columns:65px 1fr; /*justify-items:center;*/ font-size:13px; line-height:21px; background-color:#fff;}
#logoleft div                                               {font-size:14px; line-height:21px; align-self:center;}
#logoleft img                                               {display:block; margin:0 auto; padding:10px 0; grid-column-start:1; grid-column-end:2; grid-row-start:2; grid-row-end:3;}
#logoleft a                                                 {text-decoration:none;}
#logoleft .einleitung                                       {grid-column-start:1; grid-column-end:3; grid-row-start:1; grid-row-end:2; padding-left:10px;}
#logoleft .kontakt                                          {grid-column-start:2; grid-column-end:3; grid-row-start:2; grid-row-end:3;}


.galeriethumb                                               {margin-right:5px; margin-bottom:5px;}

.captcha                                                    {border:solid silver 1px; width:120px;}
img.captcha                                                 {margin-top:8px; margin-bottom:1px;}
input.captcha                                               {margin-bottom:2px;}

#topspacer                                                  {height:var(--headerHoehe);}
#header-outer                                               {max-width:1600px; height:var(--headerHoehe); margin:0 auto; padding:0; border-bottom:0px solid var(--ciFarbe1);  border-top: 20px solid var(--ciFarbe1);}
#header-outer.fixed                                         {width:100%; left:0; top:0; position:fixed; z-index:5; background-color:#fff; border-top: 0px solid var(--ciFarbe1);}

#header                                                     {padding-left:20px; display:grid; grid-gap:40px; grid-template-columns:120px 1fr; align-content:center;}
#logo img                                                   {max-width:120px; padding:30px 0;}
#navouter                                                   {display:none; align-content:start; vertical-align:bottom;}
.mainmenu.navinner                                          {margin-top:43px;}



ol[style="list-style-type: lower-greek;"]                          {margin:0;}
ol[style="list-style-type: lower-greek;"] li                       {width:300px; padding-right:60px; display:block; float:left;}       



#contentouter                                               {max-width:1600px; margin:50px auto; padding:0 10px; overflow-x:hidden;}

.contentinner                                               {max-width:1600px; margin:50px auto 50px; display:grid; grid-gap:50px; grid-template-columns:1fr;}
#titelwrap                                                  {}
#spaltenwrap                                                {padding:0 var(--paddContent);}

#extcont4                                                   {height:fit-content; margin-top:0; }
#extcont5                                                   {max-width:1600px; margin:50px auto; padding:0 var(--paddContent); display:inline-block;}
#extcont6                                                   {max-width:1600px; margin:0 auto 50px; padding:0 var(--paddContent);}
#extcont7                                                   {max-width:1600px; margin:0 auto 50px; padding:0 10px;}
#extcont7 .slick300s,
#extcont7 .slick400s,
#extcont7 .slick400f                                        {right:0;}
#extcont7 .slick400f                                        {width:100%;}

#spalte0                                                    {width:100%; max-width:900px;} 
#spalte0,#spalte1,#spalte2                                  {text-align:justify;}
#spalte0 img[align="texttop"],
#spalte1 img[align="texttop"],
#spalte2 img[align="texttop"]                               {width:calc(100% + 20px); height:auto; margin-left:-10px;}   
#spalte0,#spalte1,#spalte2                                  {margin-bottom:50px; position:relative;}
.ext4                                                       {padding:20px; background-color:#eee;}
.ext4 #submenu3                                             {border:none; text-align:left;}
.ext4 ul#submenu3 li a                                      {line-height:18px;}
.ext4 a                                                     {text-decoration:none; color:#000; font-size:14px; line-height:28px;}



.block.kachel                                               {float:left; width:100%; padding:0px; margin-bottom:30px;}
.block.kachel .block01 img                                  {width:auto; height:auto;}
.block.kachel .block02                                      {padding-top:20px;}


/* ++++++++++++++++++++++ Lounge SLider ++++++++++++++++++++++ */ 
#slidercontainer                                            {max-width:1600px; width:100%; height:100%; margin:0 auto; padding:0px; position:relative;}
.nivo-caption                                               {width:100%; height:100%; top:0; left:0; position:absolute; display:block; z-index:10; font-size:11px !important; color:#fff; text-shadow:0 0 5px #000; opacity:1; background-color:rgba(0,0,0,0);}
.fwxgalleryslider-caption h3                                {display:none;}

.fwxgalleryslider-caption p                                {bottom:10px; right:10px; padding:0 5px; position:absolute; font-size:11px !important; color:#fff; text-shadow:0 0 5px #000;}


/* ++++++++++++++++++++++ Slick Slider Kacheln ++++++++++++++++++++++ */
.block.slide                                                {width:400px; margin-right:20px; padding:0 10px 0 0;}
.block.slide .edbloc                                        {position:absolute; z-index:2; background:#fff; pointer-events:none;}
.block.slide .edbloc a                                      {float:left; margin-right:5px; pointer-events:auto;}
.block.slide .block01 img                                   {width:100%; height:100%;}
.block.slide .block02                                       {padding: 20px 5px 10px; position:relative; font-size:14px; line-height:20px;}
.block.slide  h2                                            {margin:0; padding:0 0 10px; font-size:20px; line-height:24px;}
.block.slide .block02 p                                     {margin:0;}
.block.slide .block02::before {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 display: block;
 top: -30px;
 left: calc(50% - 30px);
 width: 0px;
 height: 0px;
 border-style: solid;
 border-width: 0 30px 45px 30px;
 border-color: transparent transparent #D8971F transparent;
 transform: rotate(0deg) scale(.5);
 z-index: 2;
}

.block.slide .block02::after {
 content: '';
 position: absolute;
 width: 20px;
 height: 20px;
 display: block;
 top: -40px;
 border-width: 1px 0;
 left: calc(50% - 40px);
 width: 0px;
 height: 0px;
 border-style: solid;
 border-width: 0 40px 60px 40px;
 border-color: transparent transparent #FFF transparent;
 transform: rotate(0deg) scale(.5);
 z-index: 1;
}

.slick300s                                                  {width:90%; left:0; right:calc(90% - 20px); position:relative; float:right;}
.slick300s .block.slide,
.slick300s .block.slide .block01 img                        {max-width:300px;}
.slick300s .block.slide  h2                                 {font-size:18px; line-height:24px;}

.slick400s                                                  {width:90%; right:0px; position:relative; float:right;}
.slick400s .block.slide,
.slick400s .block.slide .block01 img                        {max-width:400px;}
.slick400s .block.slide  h2                                 {font-size:20px; line-height:24px;}

.slick400f                                                  {width:calc(100% + 20px); right:-20px; position:relative; float:right;}
.slick400f .block.slide,
.slick400f .block.slide .block01 img                        {max-width:400px;}
.slick400f .block.slide  h2                                 {font-size:20px; line-height:24px;}


/* ++++++++++++++++++++++++ Slick Slider LOGI +++++++++++++++++++++++ */
#logi-wrapper                                               {width:100%; margin:0 0 40px; text-align:center; opacity:0.5; transition:opacity ease-out 1s}
#logi-wrapper:hover                                         {opacity:1; transition:opacity ease-out 0.5s;}
#logi                                                       {width:100%; max-width:1600px; display:inline-block;}
#logi-wrapper h2                                            {margin-bottom:0; top:43px; padding:0 10px; font-weight:500; font-size:12px; position:relative; display:inline-block; background:#fff;}
hr.logi                                                     {margin:30px 0 40px; border:0; height:1px; background:#fff; background-image:linear-gradient(90deg, transparent, #8e9fbc, transparent);}
hr.logi2                                                    {max-width:var(--maxBreite); margin:auto; border:0; height:1px; background-color:var(--ciFarbe);}
#logi img                                                   {width:100%; height:auto; padding:0 30px;}
#logi a                                                     {display:inline-block;}

#footerouter                                                {width:100%; margin:0; padding:100px 10px; background-color:#333;}
#footerinner                                                {max-width:1300px; margin:0 auto; display:grid; grid-template-columns:1fr; grid-gap:40px;}
.foot,.foot *                                               {color:#fff; font-size:14px; line-height:24px;}
.foot h3                                                    {font-size:15px; line-height:24px;}
.foot ul                                                    {margin:0;}
.foot ul li                                                 {padding:0 20px 0 0; display:inline-block;}
.foot a                                                     {text-decoration:none;}


/* Privacy Layer - customized */
.cl_cookie_privacy_layer                                    {width:100vw !important; height:100vh !important; display:grid; align-content:center; background-color:#666666cc !important; }
.cl_cookie_privacy_layer > div                              {padding:20px !important; box-shadow: 0 0 0 5px #fff,20px 20px 50px 0 rgba(0, 0, 0, 0.5); color:#fff !important;}
.cl_cookie_privacy_layer *                                  {max-width:750px !important; background-color:#353c45 !important; border-radius:20px; color:#fff !important; }

.cl_cookie_privacy_layer a                                  {margin:20px 0 0; padding:10px 15px !important; color:#fff; background-color:#999 !important; border-radius:10px;}
.cl_cookie_privacy_layer a:last-child                       {margin-left:0px;}
#cl_privacy_link_y                                          {color:#fff; background-color:#468b0c !important;}
#cl_privacy_link_n                                          {color:#fff; background-color:#8b0c36 !important; margin-right:40px !important;}

#editblock                                                  {max-width:1600px; width:100%; margin:10px auto !important;}


/*  MEDIA QUERIES MEDIA QUERIES MEDIA QUERIES MEDIA QUERIES MEDIA QUERIES MEDIA QUERIES MEDIA QUERIES MEDIA QUERIES MEDIA QUERIES MEDIA QUERIES MEDIA QUERIES MEDIA QUERIES MEDIA QUERIES */


@media only screen and (min-width:520px){
 .block.kachel                                              {float:left; width:50%; padding:20px; margin:0 0 30px; }
}

@media only screen and (min-width:840px){
 #spalte0 img[align="texttop"]                               {width:calc(100% + 40px); height:auto; margin-left:-20px;}
 ul.submenu3                                                 {display:block;}                                   
 .contentinner                                               {max-width:1600px; margin:0 auto 50px; display:grid; grid-gap:max(5vw,50px); grid-template-columns:340px 1fr;}
 #titelwrap                                                  {max-width:1600px; margin:0 auto 50px; display:grid; grid-gap:max(5vw,50px); grid-template-columns:340px 1fr;}
 #spaltenwrap                                                {max-width:1600px; margin:0 auto; display:grid; grid-gap:max(5vw,50px); grid-template-columns: 1fr 1fr;}
 #extcont4                                                   {margin-top:0; grid-column-start:1; grid-column-end:2;}
 #spalte0                                                    {grid-column-start:2; grid-column-end:3;}
 #extcont5                                                   {padding:0;}
 #footerinner                                                {grid-template-columns:repeat(3,1fr);}
 #extcont4 #submenu3 li                                      {padding:0 0 10px; display:block;}
 .block.kachel                                               {width:100%;}
}

@media only screen and (min-width:1000px){
 :root{
  --paddContent: 100px;
 }
 .block.kachel                                               {width:50%;}
}

@media only screen and (min-width:1200px){
 #header                                                    {padding-left:40px;}
 #navouter                                                  {display:grid;}
 #som                                                       {display:block;} 
}

@media only screen and (min-width:1600px){
 #header-outer.fixed                                        {left:calc(50vw - 800px);}
}


/* #################### LIGHTBOX UPDATE IO 251112 ######################  */
.fwxlightbox-border                                         {border-radius:10px !important;}
#lightbox #imageContainer                                   {width:100% !important; margin:0px !important; padding:0px !important; border-radius:10px 10px 0px 0px !important;}
#lightbox #imageContainer img                               {width:100%!important; height:auto;}
.fwxlightbox-title                                          {font-weight:normal !important; }
.fwxlightbox-close                                          {background: url("/images/page/close.png") 30px 10px no-repeat !important;}
.fwxlightbox-arrow.right                                    {background: url("/images/fwxlightbox/arrow-right-white.png") right center no-repeat !important;}
.fwxlightbox-arrow.left                                     {background: url("/images/fwxlightbox/arrow-left-white.png") left center no-repeat!important;}
#imageData                                                  {border-radius:10px !important;}
#imageData #imageDetails                                    {margin-left:20px !important; margin-top:10px;}
#imageDetails a                                             {padding:10px !important; border-radius:10px !important;}
#imageData #imageDetails p                                  {margin:10px 0;}
#imageData #bottomNavClose                                  {height:40px;} 
/* #################### LIGHTBOX UPDATE IO 251112 ######################  */