#sprache {z-index:3;} #sprache #sprachauswahl {right:auto; left:var(--pad); padding:0; float:left;} #sprache #sprachauswahl img {} #titelwrap {position:relative; top:-10px; padding:0 var(--pad) 1rem; grid-template-columns:1fr; background-color:#fff; transform:skew(0,-1deg);} #titel h1 {font-weight:600; color: var(--ciFarbe); text-transform:uppercase;} #subtitel {width:90%; max-width:800px; color:#000; font-weight:600;} #abdeck {width:100%; max-width:1600px; height:50px; top:0; position:fixed; z-index:2; background-color:#fff;} #somhome {} #somhome img {margin-right:10px;} #langu {position:relative; right:var(--pad); padding:0; top:9px; float:right;} #startauswahl {perspective:1000px; width:100%; min-height:70vh; margin-top:-25px; padding: 70px calc(2* var(--pad)) calc(var(--pad) + 50px); align-content:center; background-image:url(../rte/upload/2023/talaufschiene.jpg); /*background-attachment:fixed;*/ background-position:center; background-size:cover;} .startkachel {opacity:0; transform-style: preserve-3d} .startkachel {height:fit-content; animation:stka .55s linear; animation-fill-mode:forwards;} .startkachel:nth-child(1) {animation-delay:2s;} .startkachel:nth-child(2) {animation-delay:2.2s;} .startkachel:nth-child(3) {animation-delay:2.4s;} .block_dreierwrap.home3er {margin:4rem 0; padding:0 var(--pad); grid-gap:2rem; background-color:#fff;} .block_dreierwrap.home3er div {padding:0;} .home3er_links {display:grid; justify-items:center;} .home3er_mitte img {width:100%; height:auto; object-fit:cover;} .home3er_rechts {height:fit-content; padding-bottom:10px; grid-column-start:1; grid-column-end:2; border:var(--ciFarbe) solid 1px;} .home3er_rechts p {padding:15px 10px;} .home3er_links,.home3er_mitte,.home3er_rechts {padding:0 !important;} .petition {padding-bottom:10px !important;} .petition_titel {margin:0; padding:1rem 10px !important; line-height:1.75rem; color:#fff; text-align:center; background-color:var(--ciFarbe) !important;} .petition_titel h2 {margin:0; color:#fff; font-size:1.5rem; line-height:1.75rem; letter-spacing:3px; font-weight:600;} .petition_text {padding:15px !important;} .petition_link {display:grid; grid-template-columns:70px 1fr; align-items:center;} .petition_link a.button {width:fit-content;} .petition_link img {width:50px; height:auto; margin-left:10px;} h3.petih3 {margin:0; padding:1rem 10px; line-height:1.75rem; color:#fff; text-align:center; background-color:var(--ciFarbe);} .petihl {color:#fff; font-size:1.5rem; line-height:1.75rem; letter-spacing:3px; font-weight:600;} #draisine-tease {padding-bottom:4rem; display:grid; grid-template-columns:1fr; background-image:url(../rte/upload/2023/hero_draisine.jpg); background-size:auto 300px; background-position:top center; background-repeat:no-repeat;} #draisinerechts {display:grid; justify-items:center; align-content:center;} #draisinelinks {height:300px; padding-top:30px; position:relative; text-align:center;} #draisinetext {padding:var(--pad);} #draisinelinks img {width:90%; max-width:600px; height:auto; max-height:250px;} #draisinerechts img {display:none; width:60%; height:auto; border-radius:20px;} @keyframes stka { from {transform:rotate3d(0,1,0,90deg); opacity:0;} to {transform:rotate3d(0,1,0,0deg); opacity:1;} } #peti {margin:var(--pad) 0; padding:var(--pad); display:grid; grid-template-columns:1fr; grid-gap:1rem 2rem;} #news {width:100%; height:fit-content; padding:1rem; background-color:#f5f5f5;} #news .kleiner {font-size:.85em; line-height:1.5rem;} iframe {width:100%;} #spaltenwrap {min-height:calc(100vh - 239px); padding:0; display:grid; grid-template-columns:1fr; grid-template-rows:auto 1fr; grid-gap:var(--pad) 0;} h1.bigheadline {grid-row-start:1; grid-row-end:2; grid-column-start:1; grid-column-end:2; margin:0; padding:2rem var(--pad);} #spalte0 {grid-row-start:2; grid-row-end:3; grid-column-start:1; grid-column-end:2; max-width:700px; margin:0 auto; padding:0 var(--pad) var(--pad);} #spalte1 {grid-row-start:3; grid-row-end:4; grid-column-start:1; grid-column-end:2; padding:var(--pad); background-color:#f2f2f2;} #spalte2 {grid-row-start:4; grid-row-end:5; grid-column-start:1; grid-column-end:2;} #spalte0 img {width:100%; height:auto; object-fit:cover;} img.somic {margin-right:10px;} #submenu3 {margin:0; list-style-type:none;} #submenu3 li a {padding:5px 10px; display:inline-block; color:var(--butTcolor); line-height:1.2rem; text-decoration:none; border-radius:5px; background-color:var(--butColor);} /*MEDIA QUERIES*/ @media screen and (min-width:650px){ #spaltenwrap {grid-template-columns:2fr 1fr;} h1.bigheadline {grid-row-start:1; grid-row-end:2; grid-column-start:1; grid-column-end:2;} #spalte0 {grid-row-start:2; grid-row-end:3; grid-column-start:1; grid-column-end:2;} #spalte1 {grid-row-start:1; grid-row-end:3; grid-column-start:2; grid-column-end:3;} #spalte2 {grid-row-start:3; grid-row-end:4; grid-column-start:1; grid-column-end:3;} .home3er_rechts {grid-column-start:1; grid-column-end:3;} } @media screen and (min-width:1000px){ h1.bigheadline {grid-row-start:1; grid-row-end:2; grid-column-start:1; grid-column-end:2;} #spalte0 {grid-row-start:2; grid-row-end:3; grid-column-start:1; grid-column-end:2;} #spalte1 {grid-row-start:1; grid-row-end:3; grid-column-start:2; grid-column-end:3;} #spalte2 {grid-row-start:2; grid-row-end:3; grid-column-start:3; grid-column-end:4;} #titelwrap {position:-webkit-sticky; position:sticky;} #peti {grid-template-columns:1fr 1fr;} #news {margin:0;} .home3er_rechts {grid-column-start:3; grid-column-end:4;} #startauswahl {padding-bottom:calc(var(--pad) - 25px);} #draisine-tease {grid-template-columns:1fr 1fr; background-size:auto 360px;} #draisinelinks {grid-column-start:1; grid-column-end:2; height:360px;} #draisinetext {grid-column-start:1; grid-column-end:2;} #draisinerechts {grid-column-start:2; grid-column-end:3; grid-row-start:1; grid-row-end:3;} #draisinerechts img {display:inline-block;} } @media screen and (min-width:1200px){ #spaltenwrap {grid-template-columns:2fr 1fr;} .thumbnail_layer {grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));} #peti {grid-template-columns:1fr 1fr 1fr;} }