@font-face {
 font-family:'Open Sans Variable';
 src:url('fonts/OpenSans-VariableFont_wdth,wght.ttf') format('truetype-variations');
 font-weight:100 900;
 font-stretch:20% 800%;
 font-display:swap;
}



:root {
 --maxBreite:           1920px;
 
 --ciFarbe1:          #d2e6db;
 --ciFarbe2b:#e5641e88;
 --ciFarbe3:#4a493d;
}

html                                                        {scroll-behavior:smooth;}
*                                                           {margin:0; padding:0; font-family:'Open Sans Variable',Arial,Helvetica,Sans-Serif; font-size:calc(15px + 0.3vw); line-height:calc(26px + 0.3vw); color:#000; box-sizing:border-box;  text-rendering:optimizeLegibility !important; -webkit-font-smoothing:antialiased !important;}
*:after, *:before                                           {box-sizing:border-box;}
body                                                        {background-color:#fff; padding:0; height:100%; height:-webkit-fill-available;}
html, body                                                  {position:relative; height:100%; overflow-x:hidden;}
body.content                                                {}
body.popup                                                  {padding:10px;}
a, img                                                      {border-style:none; text-decoration:none;}
a                                                           {text-decoration:underline; text-decoration-color:currentcolor; text-decoration-thickness:auto; text-decoration-thickness:2px; text-underline-offset:3px; text-decoration-color:#3c89557a;}
a, span                                                     {font-size:1.0em;}
h1, .titel                                                  {font-size:24px; line-height:32px; font-weight:500; margin-bottom:24px;}
h2, .untertitel                                             {font-size:230%; line-height:120%; font-weight:200; margin-bottom:24px; text-transform:uppercase;}
h3, .content                                                {font-size:18px; line-height:24px;}
h3                                                          {margin:0; margin-bottom:2px;}
h2.login                                                    {margin-bottom:12px;}
h1.maintitle                                                {margin-top:0; margin-bottom:8px;}
div                                                         {margin:0; padding:0; display:block;}
p                                                           {margin-top:10px; margin-bottom:10px;}
label                                                       {vertical-align:middle;}
b,strong                                                    {font-weight:550; font-size:inherit; color:inherit; line-height:inherit;}
em,i                                                        {font-weight:inherit; font-size:inherit !important; color:inherit; line-height:inherit !important;}
hr                                                          {height:1px; margin:40px 0; border:0; background-color:#aaa;}
.kleiner {font-size:.8em;}

ol, ul, li                                                  {margin:0; padding:0;}
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;}
a.anker                                                     {display:block; position:relative; top:-120px; visibility:hidden;}
#lg_admin_buttons a                                         {width:auto !important; margin:5px;}
#lg_admin_buttons img                                       {width:15px !important; height:15px !important;}
.bp_edit_area img                                           {width:15px !important; height:15px !important;}
#editblock img                                              {width:15px !important; height:15px !important;}
#editblock                                                  {position:fixed; width:100%; bottom:0; margin:0 !important; z-index:10; text-align:center; border-color:silver; display:none;}


 img.showDesktop {display:none !important;}
 img.showMobile  {display:block !important;}

#overlay                                                    {position:fixed; z-index:5; top:0; left:0; width:100vw; height:100vh; background:#eee; display:none;}
#overlayframe                                               {width:90%; margin:auto; position:relative; display:block; border:none; max-height:100vh;}

.contentWrap                                                {position:relative; max-width:var(--maxBreite); width:100%; margin:0 auto;}
.pageWrap                                                   {position:relative; z-index:2; width:100vw; background:#fff;}

/* ******** PARALLAX start ******* */

.section                                                    {min-height:100vh; display:flex; justify-content:center; align-items:center; font-size:2rem; background:#fff;}
.parallaxWrapper                                            {position:relative; height:100vh; overflow-x:hidden; overflow-y:auto; perspective:1px;}
.parallaxLayer                                              {position:absolute;top:0; right:0; bottom:0; left:0;}
.plxBackgroundLayer                                         {background-image:url('../images/page/startbild.jpg'); background-size:cover; background-position:center; transform:translateZ(-1px) scale(2); z-index:-1;}
.plxContentLayer                                            {transform:translateZ(-0.5px) scale(1.5); z-index:1;}

.plxNormal                                                  {position:relative; top:100vh; height:100%; height:-webkit-fill-available;}
.plxContentWrap                                             {position:absolute; z-index:2; display:grid; width:100%; height:100%; left:0; align-content:center; justify-content:center; grid-template-columns:1fr; grid-gap:min(50px, calc(100vw - 50px)); grid-template-rows:1fr 1fr;}
/* ******** PARALLAX ende ******* */

#startscreen                                                {position:relative; max-width:100%; width:100%; height:100vh; scroll-behavior:smooth;}
.startbild                                                  {position:relative; z-index:1; width:100%; height:100%; object-fit:cover;}
#logo                                                       {padding:min(100px,10vw) 0;}
#logo img                                                   {max-width:min(100%,70vw); max-height:140px; width:auto; height:auto; /*border-left:min(50px,5vw) solid #fff; border-right:20px solid #fff;*/ border:min(25px,2.5vw) solid #fff; box-shadow:0 0 20px 0 #000;}
#startTitel                                                 {padding:0 min(100px,5vw); font-size:max(30px,calc(30px + 3vw)); line-height:max(36px,calc(36px + 3vw)); color:#fff; font-weight:800; text-shadow:0 0 10px #000; align-self:start;}

#nav                                                        {display:grid; align-content:center; align-self:end;}
#nav a                                                      {align-self:center; color:#fff; text-transform:uppercase; padding-left:min(50px,5vw); text-shadow:0 0 5px #000;}

#nav img                                                    {position:relative; width:180px; left: -10px; margin:0 0 10px min(50px,5vw); border-radius:3px; border:10px solid #fff;}


#logoScreen                                                 {position:relative; z-index:2; padding:100px 20px; text-align:center; background:#fff;}
#logoScreen img                                             {max-width:min(calc(100vw - 50px),900px); width:100%; height:auto;}

.block.aboutGrid                                            {position:relative; z-index:2; display:block; width:100%; max-width:var(--maxBreite); min-height:75vh; margin:0 auto; padding:min(100px, 10vh) 0; background:#fff;}
.block.block3er.aboutGrid .blockWrap                        {display:grid; grid-template-columns:100%; grid-gap:max(22px, calc(22px + 0.3vw)) 0;  align-items:start;}
.block.block3er.aboutGrid .blockWrap .block01               {grid-column-start:1; grid-column-end:2; grid-row-start:1; grid-row-end:2; align-content:end; padding:0 min(50px,5vw);}
.block.block3er.aboutGrid .blockWrap .block02               {grid-column-start:1; grid-column-end:2; grid-row-start:2; grid-row-end:3;}
.block.block3er.aboutGrid .blockWrap .block03               {grid-column-start:1; grid-column-end:2; grid-row-start:3; grid-row-end:4; padding:0 min(50px,5vw);}
.block.block3er.aboutGrid .blockWrap .block01 h2            {color:#3c8955; font-weight:350;}

.block.aboutGrid .block02 img                               {width:100%; height:auto; object-fit:cover; height:100%; max-height:400px;}
.block.aboutGrid .block02                                   {padding:0 min(50px,5vw); align-content:center;}

#history {display:none;}



.strategyWrap                                               {position:relative; margin:0 auto 0; padding:min(100px,10vh) 0; background-color:#fff;}
.strategy                                                   {position:relative; width:100%; max-width:var(--maxBreite); margin:0 auto;}
.block.strategyGrid                                         {position:relative; z-index:2; display:grid; width:calc(100% - min(50px,5vw));  min-height:60vh; margin:0 0 0 auto; padding:0; grid-template-columns:1fr; align-items:center; background:#3c8955; /*background-image:url(../rte/upload/strategy/strategy_bg.jpg); background-repeat:no-repeat; background-size:cover;*/}

.block.strategyGrid .block01                                {position:relative; text-align:center; padding:0;}
.block.strategyGrid .block02                                {position:relative; padding:100px min(50px,5vw); color:#fff;}
.block.strategyGrid .block02 *                              {color:#fff;}
#brain                                                      {position:relative; width:min(300px,70%); height:auto;}

#bunits                                                     {padding:0 0 min(100px,10vh);;}
.bunitsWrap                                                 {position:relative; display:grid; width:100%; max-width:var(--maxBreite); margin:0 auto; padding:0 calc(min(50px,5vw) - 20px); background:#fff; grid-template-columns:repeat(4,1fr); grid-gap:10px;}
.bunitsWrap .block                                          {position:relative; display:inline-grid !important; width:100%; padding:0px; /*aspect-ratio:4/3;*/ justify-content:center; align-content:start;  box-shadow:0 0 10px 0px #ddd; border-radius:10px; overflow:clip;}
.bunitsWrap .slick-slide                                    {margin:0 20px 20px;}
.bunitsTitel                                                {position:relative; display:grid; width:100%; max-width:var(--maxBreite); margin:0 auto; padding:min(100px,10vh) min(50px,5vw); background:#fff;}
.bunitsTitel h2                                             {margin:0 0 25px; color:#3c8955; font-weight:350;}

.bunitsWrap .block .block01,
.bunitsWrap .block .block02                                 {position:relative;}
.bunitsWrap .block .block03                                 {position:relative; width:100%; height:100%; padding:20px 20px 30px; font-size:.9em; line-height:1.5em;} 
.bunitsWrap .block .block01 img                             {width:100%; height:100%; object-fit:cover; aspect-ratio:4/3;}

.bunitsWrap .blockWrap                                      {position:relative; z-index:2; display:grid; /*min-height:350px;*/ background-color:#fff;}
.bunitsWrap .block .block02 h2                              {margin:0; font-size:150%; line-height:120%; color:#3c8955; font-weight:350;}
.bunitsWrap .block .block02                                 {padding:20px; border-bottom:1px solid #c8c8c8;}
.bunitsWrap .block .block02 *                               {font-size:100%;}

#organistaion                                               {position:relative; display:grid; width:100%; /*max-width:var(--maxBreite); margin:0 auto;*/ padding:min(100px,10vh) min(50px,5vw); background:#f7f7f7; background:url(../rte/upload/organisation/organisation_bg2.jpg); }
.organisationWrap                                           {margin:0 auto 40px; position:relative; display:grid; width:100%; max-width:var(--maxBreite); padding:min(50px,5vh) 0 0;}

.organisationWrap > img                                     {position:relative; display:block; width:100%; max-width:1200px; height:auto; margin:0 auto 50px; border-radius:40px; mix-blend-mode:darken;}
.organisationGrid                                           {position:relative; display:grid; width:100%; max-width:1200px; margin:min(50px,5vh) auto; grid-template-columns:repeat(1,1fr); grid-gap:calc(20px + 2vw);}
.organisationTitel                                          {margin:0 auto 40px; position:relative; display:grid; width:100%; max-width:var(--maxBreite); padding:_0;}
.block.organiboard .block01                                 {border-radius:20px; box-shadow:0 0 0px 5px #fff,-5px 5px 10px 5px #bbb,4px 4px 10px 0px #00000050 inset; background:#057535; background-image:url(../images/page/strategy_bg.jpg); background-repeat:no-repeat; background-size:cover;  box-shadow:0 0 0px 5px #fff,-5px 5px 10px 5px #bbb,-5px 0 0 5px #fff;}
.block.organiboard .block01                                 {position:relative; z-index:2; max-width:80%; margin:0 auto -30px; padding:15px 10px; color:#fff; text-align:center; font-weight:700;}
.block.organiboard .block02                                 {position:relative; z-index:1; display:grid; justify-content:center; padding:50px 20px 25px; border:2px solid #057535; border-radius:20px;}

.organisationTitel h2                                       {text-align:left; color:#3c8955; font-weight:350;}
.organisationTitel div div div p                            {display:grid; width:100%; max-width:800px; margin:0 auto; justify-content:center; justify-items:left;}
.block.organiboard:nth-child(1) .block01                    {background-image:url(../rte/upload/organisation/verlaufgruen.jpg);}
.block.organiboard:nth-child(2) .block01                    {background-image:url(../rte/upload/organisation/verlaufblau.jpg);}
.block.organiboard:nth-child(3) .block01                    {background-image:url(../rte/upload/organisation/verlauforange.jpg);}
.block.organiboard:nth-child(4) .block01                    {background-image:url(../rte/upload/organisation/verlauflila.jpg);}

.block.organiboard:nth-child(1) .block02                    {border-color:#057535;}
.block.organiboard:nth-child(2) .block02                    {border-color:#2c4878;}
.block.organiboard:nth-child(3) .block02                    {border-color:#c36c25;}
.block.organiboard:nth-child(4) .block02                    {border-color:#6c256a;}

.block.organigram                                           {position:relative; margin:0 auto 30px;}
.block.organigram .block01 img                              {width:100%; height:100%; object-fit:cover;}
.boardTitel                                                 {position:relative; z-index:2; width:100%; margin:30px auto 0; padding:10px 20px 30px; text-transform:uppercase; text-align:center; font-size:max(25px ,calc(24px + 0.3vw)); line-height:max(28px, calc(28px + 0.3vw)); color:#3c8955; font-weight:900; border-radius:1px; /*background:#057535; background-image:url(../images/page/strategy_bg.jpg); background-repeat:no-repeat; background-size:cover;  box-shadow:0 0 0px 3px #fff,-3px 3px 8px 3px #00000057,2px 0 0 3px #fff;*/}
.boardContent ul                                            {margin:0;}
.boardContent ul li                                         {width:100%; font-size:.9em; line-height:1.35em; margin:10px 0; padding:10px 15px; border-radius:10px; background:#fff; list-style-type:none;}
.boardContent ul li:last-child                              {margin-bottom:0;}
.boardFoto , .board                                         {position:relative; z-index:1; height:fit-content; padding:0 20px 20px; align-content:start; /*border:2px solid #0575353d;*/ border-radius:20px; background:var(--ciFarbe1);}
.boardFoto .boardContent                                    {position:relative; width:100%; display:grid; justify-content:center; margin:0 auto; padding-top:10px; grid-template-columns:1fr; grid-gap:20px;}

.boardFoto .boardContent .block2er                          {position:relative; width:100%; display:grid; justify-content:center; align-items:center; margin:0 auto; grid-template-columns:max(100px,25%) 1fr; grid-gap:0; box-shadow:-3px 3px 11px -4px #ddd inset; border-radius:10px; overflow:clip; background:#fff;}
.boardFoto .boardContent .block2er .block02                 {font-size:.9em; line-height:1.35em; height:100%; padding:5px 10px 5px 25px; align-content:center;/* border-bottom:1px solid #eee;*/ background:#fff;}
.boardFoto .boardContent .block2er .block01                 {height:100%;background:#fff;}
.boardFoto .boardContent .block2er .block01 img             {width:100%; height:100%; object-fit:cover; padding:3px 0 3px 3px; border-radius:10px 0 0 10px;}


.flyDiv.flyRauf                                             {opacity:0; transform:translate3d(0,-100px,0);  transition:opacity 0.5s ease-out, transform 0.5s ease-out; will-change:opacity, transform;}

.flyDiv.flyLinks                                            {opacity:0; transform:translate3d(150px,0,0);  transition:opacity 0.5s ease-out, transform 0.5s ease-out; will-change:opacity, transform;}
.flyDiv.flyRechts                                           {opacity:0; transform:translate3d(-150px,0,0); transition:opacity 0.5s ease-out, transform 0.5s ease-out; will-change:opacity, transform;}
.flyDiv.animate                                             {opacity:1; transform:translate3d(0,0,0);}


.contactWrap                                                {position:relative; display:grid; width:100%; padding:0 0 200px; grid-template-columns:1fr; grid-gap:0; /*border-bottom:200px solid rgba(60,137,85,0);*/}
.contactBg                                                  {position:absolute; display:grid; z-index:1; width:100%; height:20vh; min-height:100px; max-height:200px; padding:0 10px; bottom:0; align-content:center; text-align:center; background:#3c8955;}
.contactBg a                                                {margin:0 10px; color:#fff; font-size:.9em;}
.contactWrap .block:nth-child(1) img                        {width:min(60%,500px); height:auto; object-fit:cover;} 

.c1o                                                        {} 
.c2                                                         {display:grid; width:100%; max-width:1400px; grid-template-columns:1fr; padding: min(100px,10vh) min(50px,5vw); justify-self:center; justify-items:center; background:transparent;} 
.c3u                                                        {background:green; height:100px; align-self:flex-end;} 

.f1                                                         {grid-column-start:1; grid-column-end:2; grid-row-start:1; grid-row-end:2; position:relative; width:100%;}
.f2                                                         {grid-column-start:1; grid-column-end:2; grid-row-start:2; grid-row-end:3; position:relative; width:100%; padding:40px 0 0;}
.f3                                                         {grid-column-start:1; grid-column-end:2; grid-row-start:3; grid-row-end:4; position:relative; width:100%; padding:0 0 40px;}
.f4                                                         {grid-column-start:1; grid-column-end:2; grid-row-start:4; grid-row-end:5; height:max(300px,30vh); align-content:center; display:none;}
.f5                                                         {grid-column-start:1; grid-column-end:2; grid-row-start:5; grid-row-end:6; height:100px; display:none;}

.f4 iframe                                                  {position:relative; width:100%; height:100%;}
.block.f4 img                                               {width:100%; height:100%; max-width:min(400px,25vw); max-height:min(400px,25vw); object-fit:cover;}



.block .edbloc                                              {position:absolute; z-index:3; background:#fff; padding:5px; top:1px; left:1px;}

li.activemenu, li.normalmenu                                {white-space:nowrap; overflow:hidden;}
li.activemenu                                               {background-color:#fff001;}
div.menupadding                                             {margin:0; padding:0; padding-left:5px;}
ul.menusubpagelist                                          {list-style-type:none; list-style-image:none; margin:0; padding-left:20px; white-space:nowrap; overflow:hidden; background-color:#fff;}
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                        {display:inline;}
a.activemenu                                                {color:#343333; font-weight:bold;}
a.normalmenu                                                {color:black;}
a.activemenu:hover, a.normalmenu:hover                      {color:red;}
a.activemainmenu                                            {color:red; font-weight:550; text-transform:uppercase; vertical-align:middle;}
a.normalmainmenu                                            {color:black; font-weight:400; text-transform:uppercase; vertical-align:middle;}
a.activemainmenu:hover, a.normalmainmenu:hover              {color:red;}

ul.mainmenu li.mainitem                                     {padding:0 15px; display:inline-grid; align-content:center; border-right:1px solid #aaa;}
ul.mainmenu li.mainitem:first-child                         {padding-left:0;}
ul.mainmenu li.mainitem:last-child                          {padding-right:0; border-right: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:#fff;}

.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;}


.cl_cookie_privacy_layer                                    {background-color:#ffffff !important;}
.cl_cookie_privacy_layer *                                  {font-size:12px !important; font-weight:300 !important;}
.cl_cookie_privacy_layer a                                  {background-color:#999999 !important; font-weight:300 !important;}
.cl_cookie_privacy_layer a:first-of-type                    {background-color:#333333 !important;}



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

@media(hover:hover) and (pointer:fine) {
 a:hover                                                     {text-decoration-color:#3c8955;}
 .slick-arrow:hover                                          {opacity:1;}
}


@media only screen and (min-width:550px){
 .c2                                                         {grid-template-columns:1fr 1fr;}
 .f1                                                         {grid-column-start:1; grid-column-end:3; grid-row-start:1; grid-row-end:2;}
 .f2                                                         {grid-column-start:1; grid-column-end:2; grid-row-start:2; grid-row-end:3;}
 .f3                                                         {grid-column-start:2; grid-column-end:3; grid-row-start:2; grid-row-end:3; padding:40px 0 0;}
}

@media only screen and (min-width:700px){
.organisationGrid                                            {grid-template-columns:repeat(2,1fr);}

}

@media only screen and (min-width:800px){
 .plxContentWrap                                             {grid-template-columns:max(25%,250px) 1fr; grid-template-rows:1fr; grid-template-rows: 1fr auto ;}
 #startTitel                                                 {/*grid-column-start:2; grid-column-end:3; grid-row-start:1; grid-row-end:4; */ align-self:center; padding:0 20px 2px 0;
  grid-column-start:2; grid-column-end:3; grid-row-start:1; grid-row-end:3; padding:0 20px; justify-self:center;}
 #nav                                                        {/*grid-column-start:1; grid-column-end:2; grid-row-start:1; grid-row-end:2; */ align-self:start; grid-column-start:1;
grid-column-end:2; grid-row-start:1; grid-row-end:2; padding-top: min(50px,5vh);}
 #logo                                                       {grid-column-start:1; grid-column-end:2; grid-row-start:2; grid-row-end:3; padding:0;}
 img.showDesktop {display:block !important;}
 img.showMobile  {display:none  !important;}

 .block.strategyGrid                                         {grid-template-columns:40% 60%; grid-gap: max(22px, calc(22px + 0.3vw)) 0;}
 .block.strategyGrid .block01                                {position:relative; text-align:center; height:100%; overflow:hidden; display:grid; justify-items:center;}
 .block.strategyGrid .block02                                {padding:100px min(50px,5vw) 100px min(25px,2.5vw);}

 #brain                                                      {position:absolute; width:min(80%,500px);}


 .c2                                                         {grid-template-columns:1fr 1fr;}
 .f2                                                         {padding:0;}
 .f3                                                         {grid-column-start:2; grid-column-end:3; grid-row-start:2; grid-row-end:3; padding:0;}
 .f4                                                         {grid-column-start:1; grid-column-end:3; grid-row-start:3; grid-row-end:4;}

}
@media only screen and (min-width:851px){
.organisationTitel h2                                         {text-align:center; }
}


 @media only screen and (min-width:1000px){
 .block.block3er.aboutGrid .blockWrap                        {grid-template-columns:2fr 3fr; grid-gap:max(22px, calc(22px + 0.3vw)) 0;}
 .block.aboutGrid .block.aboutGrid .block01                  {grid-row-start:unset; grid-row-end:unset;}
 .block.aboutGrid .block.aboutGrid .block02                  {grid-row-start:unset; grid-row-end:unset; display:block;}

 .block.block3er.aboutGrid .blockWrap                        {display:grid; grid-template-columns:40% 60%; grid-gap:max(22px, calc(22px + 0.3vw)) 0;}
 .block.block3er.aboutGrid .blockWrap .block01               {grid-column-start:2; grid-column-end:3; grid-row-start:1; grid-row-end:2; align-content:end; padding-right:min(50px,5vw);}
 .block.block3er.aboutGrid .blockWrap .block02               {grid-column-start:1; grid-column-end:2; grid-row-start:1; grid-row-end:3; padding:0;}
 .block.block3er.aboutGrid .blockWrap .block03               {grid-column-start:2; grid-column-end:3; grid-row-start:2; grid-row-end:3; padding-right:min(50px,5vw);}
 .block.aboutGrid .block02 img                                {height:auto; max-height:600px;}
}

@media only screen and (min-width:1000px){
 .contactWrap                                                {grid-template-columns:auto min(1920px,100%) auto; grid-gap:0;}
 .c1o                                                        {grid-column-start:1; grid-column-end:2; grid-row-start:1; grid-row-end:2;} 
 .c1u                                                        {grid-column-start:1; grid-column-end:2; grid-row-start:2; grid-row-end:3; background:green; height:100px; align-self:flex-end;} 
 .c2                                                         {grid-column-start:2; grid-column-end:3; grid-row-start:1; grid-row-end:3; display:grid; padding:min(100px,10vh) min(50px,5vw); grid-template-columns:1fr 1fr 1fr; justify-items:center; background:transparent;} 
 .c3o                                                        {grid-column-start:3; grid-column-end:4; grid-row-start:1; grid-row-end:2;} 
 .c3u                                                        {grid-column-start:3; grid-column-end:4; grid-row-start:2; grid-row-end:3; background:green; height:100px; align-self:flex-end;} 
 
 .f1                                                         {grid-column-start:1; grid-column-end:3; grid-row-start:1; grid-row-end:2;}
 .f2                                                         {grid-column-start:1; grid-column-end:2; grid-row-start:2; grid-row-end:3;}
 .f3                                                         {grid-column-start:2; grid-column-end:3; grid-row-start:2; grid-row-end:3;}
 .f4                                                         {grid-column-start:3; grid-column-end:4; grid-row-start:1; grid-row-end:4; height:auto; display:block;}
}

 @media only screen and (min-width:1100px){
#startTitel {grid-column-start:1;}
 }



@media only screen and (min-width:1920px){
.plxContentWrap                                              {max-width:1920px; width:100%; left:calc(50% - 960px);}
}


@media (orientation: landscape) and (max-height:440px) and (max-width:920px){
 *                                                           {font-size:calc(14px + 0.3vw); line-height:calc(24px + 0.3vw);}
 .plxContentWrap                                             {grid-template-columns:1fr 3fr; grid-template-rows:1fr; grid-gap:min(30px, calc(100vw - 30px));}
 #nav                                                        {/*grid-column-start:1; grid-column-end:3; grid-row-start:1; grid-row-end:2; display:block;*/ text-align:left; align-self:center; padding:5px 10px; margin-left: 0; left:0;/* background:#00000030;*/}
 #startTitel                                                 {/*grid-column-start:2; grid-column-end:3; grid-row-start:2; grid-row-end:3; */ height:100%; display:inline-grid; align-self:center; padding-left:0; font-size:max(20px,calc(20px + 3vw)) !important; line-height:max(26px,calc(26px + 3vw)) !important; align-content:center; grid-column-start:2; grid-column-end:3; grid-row-start:1; grid-row-end:3;}
 #nav a                                                      {font-size:.9em; padding:0 0 0 10px;}
 #nav img                                                    {left:0; margin-left:0;}
 #logo                                                       {grid-column-start:1; grid-column-end:2; grid-row-start:2; grid-row-end:3; align-self:center;}

}