/* lato-300 - latin */
@font-face {
 font-family:'Lato';
 font-style:thin;
 font-weight:300;
 src:url('fonts/lato-v23-latin-300.eot'); /* IE9 Compat Modes */
 src:local(''),
      url('fonts/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('fonts/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
      url('fonts/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */
      url('fonts/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
      url('fonts/lato-v23-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
 font-family:'Lato';
 font-style:normal;
 font-weight:400;
 src:url('fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
 src:local(''),
      url('fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
      url('fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
      url('fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
      url('fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
 font-family:'Lato';
 font-style:bold;
 font-weight:700;
 src:url('fonts/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
 src:local(''),
      url('fonts/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('fonts/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
      url('fonts/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
      url('fonts/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
      url('fonts/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

:root {
 --ciFarbe:        #ec2432;
 --breiteLinks:    0px;
 --dgrau:          #666;
 --pad:            2vw;
 --butColor:       #289500;
 --butTcolor:      #fff;
 --flappeBreite:   185px;
 --mobmenText:     #ffcc00;
 --mobmenTextHover:#fff;

}

@keyframes linearGradientMove                               { 100% {background-position:4px 0, -4px 100%, 0 -4px, 100% 4px;} }

html                                                        {font-size:100%; line-height:100%;}
*                                                           {margin:0px; padding:0; font-family:'Lato', sans-serif; font-size:1rem; line-height:1.5rem; color:var(--dgrau); font-weight:400; box-sizing:border-box;}
*:after, *:before                                           {box-sizing:border-box;}
body                                                        {background-color:#fff; padding:0 0 0 var(--breiteLinks);}
body.cont                                                   {background-color:#ddd;}
body.popup                                                  {padding:10px;}
a, img                                                      {border-style:none; text-decoration:underline; border:0px;}
a                                                           {font-weight:inherit; font-size:inherit; line-height:inherit; color:inherit;}
a:hover                                                     {color:var(--drot);}
h1, .title                                                  {margin:0 0 2rem; font-size:2rem; line-height:2.2rem; font-weight:400; color:var(--ciFarbe);}
h2, .untertitle                                             {margin:0 0 1rem; font-size:1.4rem; line-height:1.6rem; font-weight:400; color:var(--ciFarbe);}
h3, .untertitel                                             {margin:0 0 1rem; font-size:1.15rem; line-height:1.2rem; font-weight:400; color:var(--dgrau);}
.anker                                                      {top:-30px; display:block; position:relative; visibility:hidden;}
.refanker                                                   {top:-80px; display:block; position:relative; visibility:hidden;}
.content                                                    {text-align:center; font-size:16px; line-height:22px;}
h4                                                          {margin:0px; font-size:18px; font-weight:600; color:#414042;}
div                                                         {margin:0px; padding:0px; display:block;}
p                                                           {padding:1rem 0;}
td                                                          {vertical-align:top;}
.clr                                                        {clear:both; width:0; height:0; position:relative; display:block; line-height:0px;}
hr                                                          {height:1px; margin:1rem 0; background-color:var(--ciFarbe); border:none;}
form, ol, ul, li                                            {margin:0px; padding:0px;}
ul                                                          {width:80%;}
ul, ol                                                      {margin-left:20px;}
li                                                          {margin-bottom:10px; padding-left:10px;}


b,strong                                                    {font-weight:400; font-size:inherit; color:#000; line-height:inherit;}
i,em                                                        {font-style:italic;}
.kleiner                                                    {font-size:.85rem; line-height:1rem;}
.kleinerhell                                                {font-size:.85rem; line-height:1rem; color:#aaa;}
.rot                                                        {color:var(--ciFarbe);}
.datum                                                      {margin-bottom:1rem; padding:5px 10px; display:inline-block; position:relative; color:#fff; border-radius:0 10px 0px 0; background-color:#999;}

a[name=form]                                                {scroll-margin-top:130px;}


.button                                                     {padding:5px 10px; color:var(--butTcolor); text-decoration:none; border-radius:5px; background-color:var(--butColor);}
.button2                                                    {margin:0 .5rem .5rem 0; padding:5px 10px; display:inline-block; white-space:nowrap; color:var(--butTcolor); font-size:1rem; line-height:1.5rem; text-decoration:none; border-radius:5px; background-color:var(--butColor);}
a.button.aktiv,a.button2.aktiv                              {background-color:#666 !important;}
.button.bestellen,.button2.bestellen                        {background-color:var(--ciFarbe) !important;}
#submenu3 li a.activesubmenu3                               {background-color:#666 !important;}
.zuruck                                                     {padding:0 8px 0px; text-decoration:none; border-radius:5px; display:inline-grid; font-size:.8rem; text-transform:uppercase; background-color:#ddd;}

.tablewrapper                                               {width:100%; padding-bottom:10px; overflow-x:scroll;}
.tableresp::-webkit-scrollbar                               {-webkit-appearance:none;	width:14px;	height:14px;}
.tableresp::-webkit-scrollbar-thumb                         {border-radius:8px; border:3px solid #fff; background-color:rgba(0, 0, 0, .3);}


table                                                       {width:100% !important; border-bottom:1px solid #f2f2f2;}
table tr td:first-child                                     {} 
table tr:nth-child(odd) td                                  {background-color:#f2f2f2;}          
table tr td                                                 {padding:3px 10px 7px!important;} 
a.logo img                                                  {max-height:30px !important; width:auto !important;}




#draisine_herowrap                                          {width:100%; height:40vh; position:relative; background:url(../images/page/draisinen/hero_draisine.jpg); background-size:cover; background-position:center;}
#draisine_hero_logo                                         {display:grid; width:100%; height:100%; position:absolute; z-index:1; justify-content:center; align-items:center;}
img.gtdr_logo                                               {width:100% !important; max-width:80vw; height:auto !important; margin:auto; top:-10%; position:relative; display:block;}
#draisine_ani                                               {position:absolute; width:100%; z-index:2; left:0; bottom:0; overflow:hidden;}
#draisine_ani img.drais                                     {width:120px !important;}

.drais                                                      {left:-25%; width:120px; position:relative; 
-webkit-animation: draisine linear infinite 20s;
-moz-animation:    draisine linear infinite 20s;
-o-animation:      draisine linear infinite 20s;
animation:         draisine linear infinite 20s;
}
@-webkit-keyframes draisine { 25% { left: -200px;} 100%{ left : calc(100% + 200px);} }
@-moz-keyframes draisine    { 25% { left: -200px;} 100%{ left : calc(100% + 200px);} }
@-o-keyframes draisine      { 25% { left: -200px;} 100%{ left : calc(100% + 200px);} }
@keyframes draisine         { 25% { left: -200px;} 100%{ left : calc(100% + 200px);} }


#startauswahl                                               {padding:70px var(--pad); display:grid; grid-template-columns:1fr; grid-gap:50px; background-color:#f2f2f2;}

#schienen                                                   {position:fixed; width:100px; min-height:100vh; top:0;}
#contentgrid                                                {width:100%; max-width:1600px;} 
#sprache                                                    {position:relative; top:0; width:100%; max-width:1600px; height:35px; z-index:0; background-color:#fff;}
#contentwrap                                                {position:relative; width:100%; max-width:1600px; left:0; top:0; padding:0; z-index:1; background-color:#fff;} 
#content01wrap                                              {display:grid; grid-template-columns:1fr; grid-template-areas:"it1" "it0"; grid-gap:5px; margin:5px 0; background-color:#fff;}
#titelwrap                                                  {position:-webkit-sticky; position:sticky; top:0; z-index:3; display:grid; min-height:100px; padding:var(--pad); grid-template-columns:1fr; align-items:center; background-color:var(--ciFarbe);}
#titel h1                                                   {padding:20px 0; font-size:clamp(2rem,3.5vw,4rem); line-height:clamp(2rem,4vw,4rem); color:#fff;}
#logowrap                                                   {position:-webkit-sticky; position:sticky; min-height:60px; top:0; padding:0 var(--pad); z-index:10; display:grid; grid-template-columns:150px 1fr; align-items:center; background-color:var(--ciFarbe);}
#logo                                                       {width:100%; height:40px; padding:0px 0; display:grid; align-items:center; /*background-image:url(../images/page23/logo_vgtb.png); background-repeat:no-repeat; background-position-y:center; background-size:100%;*/}
#logo a img                                                 {height:40px; /*display:none; */}
#nav_outer                                                  {display:none; position:relative; top:15px;}
#cssmenu_h a                                                {font-size:18px !important; color:#fff !important; background-color:transparent !important;}
.down a.normalmenu:hover                                    {color:rgb(213, 124, 124) !important;}
li#h_menu6,li#h_menu7                                       {display:none;}
ul.dropdown li ul                                           {width:var(--flappeBreite) !important; top:35px; margin-left:0; background-color:#e40427; box-shadow:0 10px 15px 0px rgba(0,0,0,0.25) !important;}
ul.dropdown li ul li a                                      {width:var(--flappeBreite) !important;}
li.down                                                     {margin:0;}
#cssmenu_h a.normalmenu                                     {font-size:14px !important; line-height:16px !important; border-bottom:1px solid #bd0202;}
#cssmenu_h a.activemenu                                     {font-size:14px !important; line-height:16px !important; background-color:#b70000 !important;}
#cssmenu_h a.activemainmenu                                 {background-color:#b70000 !important;}
#cssmenu_h a.normalmenu:hover                               {color:#000 !important; background-color:#ffb3be !important; transition:all 0.2s ease;}
ul.second_ebene3                                            {top:0 !important; left:var(--flappeBreite);}
ul.dropdown li ul li                                        {width:var(--flappeBreite) !important;}
#cssmenu_h li ul li:first-child                             {display:none;}
#cssmenu_h li ul li ul li:first-child                       {display:block;}

summary                                                     {margin:15px 0; padding:10px !important; color:var(--ciFarbe) !important; font-size:1.1rem; cursor:pointer; background-color:#f2f1ef !important;}
details                                                     {background-color:#f2f1ef;}
details ul                                                  {margin-left:20px; padding:0 0 1rem;}

#hero                                                       {display:grid;}
#hero img                                                   {width:100%; height:auto; object-fit:cover;}              
#content0                                                   {padding:calc(2*var(--pad)); grid-column-start:1; grid-column-end:2;  display:grid; grid-area:it0; align-items:center; background-color:#333;}
#content0 *                                                 {color:#fff;}
#content1                                                   {height:45vh; grid-area:it1; grid-column-start:2; grid-column-end:3;}
#content1 img                                               {object-fit:cover; width:100%; height:100%;}
#som                                                        {position:absolute; top:-28px; left:20px;}
#som a                                                      {margin:0 10px;}
#som a:first-child                                          {margin-left:0;}
#som a:last-child                                           {margin-right:0;}
.startkachel                                                {position:relative; width:100%; Max-width:350px; padding:25px 15px; justify-self:center; text-align:center; text-decoration:none !important; border:3px solid #ccc; border-radius:15px; background-color:#fff; transition:border-color 1s; transform:scale(.95);}
.startkachel *                                              {font-size:.8rem; line-height:1rem; text-decoration:none !important;}
.startkachel p                                              {padding:10px;}
.startkachel:after                                          {position:absolute; align-items:center; content:url(../images/page23/punkte.gif); display:inline-grid; width:46px; height:46px; left:calc(50% - 25px); bottom:-25px; border:3px solid #ccc; border-radius:50%; background-color:#fff; transition:border-color 1s;}
.startkachel:nth-child(2)                                   {top:0; transform:scale(1);}
.startkachel:nth-child(2) img                               {width:90%; height:auto;}

.content-start                                              {margin:0 0; display:grid; grid-template-columns:1fr; grid-gap:0px;}
#content0                                                   {height:100%; padding:calc(2*var(--pad)); align-self:center; grid-column-start:1; grid-column-end:2; grid-row-start:2; grid-row-end:3; color:#fff; background-color:#333;}
#content0 *                                                 {color:#fff;}
#spalte0,#spalte1,#spalte2                                  {overflow-x:hidden;}

#sprache #som a                                             {display:inline-block;}
#sprache #som                                               {float:left; top:7px; padding:0 calc(2* var(--pad));}
#sprache #som a                                             {margin:0 10px;}
#sprache #som a:first-child                                 {margin-left:0;}
#sprache #som a:last-child                                  {margin-right:0;}
#sprache #sprachauswahl                                     {position:relative; width:fit-content; height:30px; left:auto; top:9px; right:20px; padding:0 10px; float:right;}

.home-slider                                                {height:40vh; grid-column-start:1; grid-column-end:2; grid-row-start:1; grid-row-end:2; display:grid; background-color:#eee;}
.block-slider                                               {width:100%; height:40vh; grid-column-start:1; grid-column-end:2; grid-row-start:1; grid-row-end:2; display:grid;  align-self:center; justify-self:center; background-color:#f2f2f2;}

iframe                                                      {width:100% !important;}
#spaltenwrap                                                {min-height:calc(100vh - 345px); padding:50px var(--pad);}

.downloadbox                                                {position:relative; border:var(--ciFarbe) solid; border-width:1px 0; padding:1rem 0 !important;}
.downloadbox h2                                             {margin-bottom:2rem;}
.downloadbox::after                                         {content:url(../images/page23/ic_download.png); position:absolute; width:50px; height:50px; display:block; top:5px; right:5px;}
.memberbox                                                  {position:relative; border:var(--ciFarbe) solid; border-width:1px; padding:0 0 1rem;  border:#f2f2f2 solid; border-radius:0px 0px 10px 10px;box-shadow:inset 0px 2px 8px 0px #aaa;}
.memberbox ul li                                            {width:fit-content !important;}
.memberbox ul li a                                          {padding:5px 10px; color:#fff; border-radius:5px; text-decoration:none; background-color:var(--dgrau);}
.memberbox h3                                               {min-height:50px; margin-bottom:1.25rem; padding-left:60px; display:grid; align-items:center; color:#fff; text-transform:uppercase; background-color:var(--ciFarbe);}
.memberbox h3::after                                        {content:url(../images/page23/ic_member.png); position:absolute; width:50px; height:50px; display:block; top:0; left:4px;}


#logobalken                                                 {width:100%; height:fit-content; margin:0 auto; padding:0 0 10px; position:relative; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#logobalken-innen                                           {width:100%; height:fit-content; display:inline-block;}
.custom-logi .logoslideritem img                            {width:auto; height:auto; max-height:50px; margin:0 2rem;}
.logotitel                                                  {display:block; margin:1rem 0 15px; padding:1rem var(--pad) 0; text-align:center; font-size:.9rem; border-bottom: 1px solid #ccc; background:#f2f2f2;}
.block_textbildwrap                                         {margin:0 0; display:grid; grid-template-columns:1fr; grid-gap:0; background-color:#f2f2f2;}
.block_textbildwrap .text                                   {padding:calc(2*var(--pad));}

.block_zweierwrap                                           {margin:0 0; display:grid; grid-template-columns:1fr; grid-gap:1rem;}

.vorstandsblockwrap                                         {display:grid; grid-gap:1px; grid-template-columns:1fr; border:solid #fff; border-width:0 var(--pad); background-color:#ccc;}
.block_vorstand                                             {padding:1rem 0; background-color:#fff;}
.block_vorstand h3                                          {color:#000;}
.block_single                                               {padding:2rem var(--pad);}


.block_einer                                                {padding:var(--pad) 0;}
.einer_text1                                                {max-width:800px; margin:auto;}

.block_dreier                                               {padding:var(--pad);}
.block_dreierwrap                                           {margin:0 0; display:grid; grid-template-columns:1fr; grid-gap:0; background-color:#d5d5d5;}
.block_dreierwrap div                                       {padding:var(--pad); background-color:#fff;}
.block_dreier iframe                                        {width:100%; aspect-ratio:16/9; height:auto;}
.block_vollbildwrap img                                     {object-fit:cover; width:100%; height:100%;}
.block_pseudoplx                                            {width:100%; height:40vh; min-height:350px; /*background-size:cover; background-repeat:no-repeat; background-position:center; background-attachment:fixed; background-image:url(/rte/upload/2023/2043.jpg);*/}
.block_pseudoplx img                                        {width:100%; height:100%; object-fit:cover;}

#foot                                                       {padding:30px var(--pad) 60px; background-color:var(--ciFarbe);}
#foot a                                                     {padding:0 10px; text-decoration:none; color:#fff; border-right:1px solid #fff;}
#foot a:first-child                                         {padding-left:0;} 
#foot a:last-child                                          {padding-right:0; border-right:none;}


/*EMBEDD*/
.issuuembed                                                 {width:100% !important; height:400px !important;}

ul.mainnavliste li                                          {margin-right:10px; float:left; list-style-type:none;}
ul.mainnavliste li h2                                       {font-size:.9rem; margin:0;}
ul.mainnavliste li h2 a                                     {text-decoration:none; color:#fff;}
ul.mainnavliste li:last-child                               {margin-right:0;}

#submenu3 li a                                              {background-color:var(--ciFarbe) !important;}
.bp_edit_area a img                                         {width:15px !important; height:15px !important;}


/* xxxxxxxxxxxxxxxxxxx SPRACHEN AUSBLENDEN START xxxxxxxxxxxxxxxxxxxxxxxxxxx */
#mobilemenu ul:nth-child(2)                                 {display:none;}
#upperHeaderLanguage                                        {display:none;}
/* xxxxxxxxxxxxxxxxxxx SPRACHEN AUSBLENDEN END xxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* LIGHTBOX FIX */
#lightbox                                                   {position:fixed !important;}

/* GALERIE SEITE */
.thumbnail_layer                                            {display:grid; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); grid-gap:2px;}
.thumbnail_layer a                                          {max-width:600px; display:inline-block; margin:0;}
.thumbnail_layer a img                                      {width:100%; height:auto; object-fit:cover;}
#lg_seitenweiterschaltung                                   {display:block;}


.cl_cookie_privacy_layer {background-color:#ffffff !important;font-family:tahoma, arial; font-size:12px !important;}
.cl_cookie_privacy_layer * {font-family:tahoma, arial; font-size:12px !important;}
.cl_cookie_privacy_layer span {font-family:tahoma, arial; font-size:12px !important;}
.cl_cookie_privacy_layer a {background-color:#cccccc !important;}
.cl_cookie_privacy_layer a:first-of-type {background-color:#960a1e !important;}
/* 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);}
.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;}








/*MEDIA QUERIES*/
@media(hover:hover) and (pointer:fine) {
 a:hover                                                    {color:var(--ciFarbe);}
 a.button:hover                                             {color:#fff; background-color:var(--ciFarbe);}
 a.button2:hover                                            {color:#fff; background-color:var(--ciFarbe);}
 #foot a:hover                                              {text-decoration:underline;}
 .startkachel:hover,
 .startkachel:hover:after                                   {border-color:var(--ciFarbe); transition:border-color 1s;}
 input[type="submit"]:hover                                 {background-color:var(--ciFarbe);}
 .memberbox ul li a:hover                                   {background-color:green;}
 .zuruck:hover                                              {color:#fff; background-color:green;}
 #submenu3 li a:hover                                       {background-color:green !important;}

 .button.bestellen:hover,.button2.bestellen:hover           {background-color:green !important;}

 #cssmenu_h a.activemainmenu:hover,
 #cssmenu_h a.activemenu:hover                              {background-color:#b70000 !important;}

}

@media screen and (min-width:650px){
 :root                                                      {--breiteLinks:50px;} 
 body { background-image:url(../images/page23/schienen.jpg); background-repeat:repeat-y; background-attachment:fixed; background-position-x:calc(-1 * var(--breiteLinks));}
 #titelwrap                                                 {grid-template-columns:1fr 30px;}
 #som                                                       {position:relative; top:0; right:0; left:0;}
 #som a                                                     {display:block;}  
 #som a                                                     {margin:10px 0;}
 #som a:first-child                                         {margin-left:0; margin-top:0;}
 #som a:last-child                                          {margin-right:0; margin-bottom:0;}
 .block_dreierwrap                                          {grid-template-columns:1fr 1fr;}
 .block_dreierwrap .dreier_text3                            {grid-row-start:2; grid-row-end:3; grid-column-start:1; grid-column-end:3;}
 .vorstandsblockwrap                                        {grid-template-columns:repeat(auto-fill, minmax(40%, 1fr));}
 .block_vorstand                                            {padding:var(--pad);}
}

@media screen and (min-width:650px){ 
 .thumbnail_layer                                           {grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); grid-gap:3px; padding-right:0;}
}

@media screen and (min-width:1000px){
 #logowrap                                                  {grid-template-columns:200px 1fr;}
 #logo                                                      {height:90px; background-size:auto;}
 #logo a img                                                {height:60px;}
 .content-start,.block_textbildwrap                         {grid-template-columns:1fr 1fr;}
 .block-slider                                              {grid-column-start:2; grid-column-end:3; max-width:600px; /*max-height:600px;*/ height:100%; padding:50px;}
 .block_textbildwrap .text                                  {padding-right:0;}
 .block_zweierwrap                                          {grid-template-columns:1fr 1fr; grid-gap:calc(2* var(--pad));}
 .block_dreier                                              {padding:var(--pad);}
 .block_dreierwrap                                          {grid-template-columns:1fr 1fr 1fr; grid-gap:1px;}
 .block_dreierwrap .dreier_text3                            {grid-row-start:1; grid-row-end:2; grid-column-start:3; grid-column-end:4;}
 #spaltenwrap                                               {grid-template-columns:repeat(3, 1fr);}
 #spalte2                                                   {grid-column-start:3; grid-column-end:4;}
 #content0                                                  {grid-column-start:1; grid-column-end:2; grid-row-start:1; grid-row-end:2; padding:calc(2*var(--pad));}
 .home-slider                                               {grid-column-start:2; grid-column-end:3; grid-row-start:1; grid-row-end:2; height:100%;}
 #nav_outer                                                 {display:block; }
 #content1                                                  {height:auto;}
 #startauswahl                                              {grid-template-columns:1fr 1fr 1fr;}
 .startkachel:nth-child(2)                                  {top:-25px; transform:scale(1);}
 .thumbnail_layer                                           {grid-template-columns:repeat(auto-fill, minmax(270px, 1fr)); grid-gap:5px;}
 .vorstandsblockwrap                                        {grid-template-columns:repeat(auto-fit, minmax(30%, 1fr));}

}

@media screen and (min-width:1200px){
 /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE START xxxxxxxxxxxxxxxxxxxxxxxxxxx */
  #hiddennav,  #navbutton  {display:none;} 
 /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE END xxxxxxxxxxxxxxxxxxxxxxxxxxx */

}

@media screen and (min-width:1400px){
 :root                                                       {--breiteLinks:100px;} 
 body                                                        {background-position-x:0;}
 #pagelayout                                                 {width:100%; max-width:1700px; display:grid; grid-template-columns:100px 1fr;}
 #schienen                                                   {position:fixed; width:100px; min-height:100vh; top:0;}
 #contentgrid                                                {width:100%; max-width:1600px;} 
 #sprache                                                    {position:relative; top:0; width:100%; max-width:1600px; height:35px; z-index:0; background-color:#fff;}
 #contentwrap                                                {position:relative; width:100%; max-width:1600px; left:0; top:0; padding:0; z-index:1; background-color:#fff;} 
 #content01wrap                                              {display:grid; grid-template-columns:1fr 1fr;}
 #content1 img                                               {object-fit:cover; width:100%; height:100%;}

 #upperHeaderRightContainer                                 {display:none;}
 #upperHeader                                               {margin-top:50px;}
 #d-sidemenu                                                {max-width:1064px; width:calc(100% + 80px); top:0; margin-left:-40px; position:relative; float:none; display:inline-block; box-sizing:border-box;  text-align:center; background-color:#e40427;}
 #sidemenu                                                  {display:none;}
 #sidemenu-innen                                            {display:inline-block;}
 #d-sidemenu li                                             {float:left; display:inline-block; border-left:1px solid #ff7474;}
 #d-sidemenu li:last-child                                  {border-right:1px solid #ff7474;}
 #d-sidemenu a                                              {padding:10px;}
 #d-content                                                 {margin-top:-31px; padding:0 10px 20px 10px;}
 #maincontent                                               {width:100%;} 
 #d-maincontent                                             {float:none; padding-top:40px; padding-bottom:40px; margin:0 auto 40px auto;}
 #ext_content                                               {width:100%; max-width:600px; float:none; margin:0 auto; padding-left:0px;}
}


input[type="text"]                                            {width:80%;}
#form_field_61                                                {width:20% !important;}
#form_field_62                                                {width:60% !important;}
label                                                         {font-size:11px; display:inline; padding-bottom:20px; padding-right:20px;}
textarea                                                      {width:80%; height:200px;}
input[type="submit"]                                          {padding:10px;}

p.error                                                       {position:fixed; width:calc(100% - var(--breiteLinks)); max-width:1600px; left:var(--breiteLinks); top:0; padding:10px; display:inline-block; z-index:1000; font-size:1rem!important; line-height:1.3rem!important; color:#e40427; border-width:1px; border-style:solid; border-color:#e40427; background-color:#ffff00;;}
p.error a                                                     {display:inline-block;}
/*p.error br                                                    {float:left !important;}*/


