a,body{color:#333}hr,hr:last-child{border:none;margin:29px 0}.oben,body{background-color:#fff}#obenkast,.nachrechts{overflow:auto;width:100%}.menuWeise ul,body,h2,h3,p{padding:0}.gbuton,.ginput,.gtext{-webkit-appearance:none}.imgcon:hover .imnav,.menuWeise ul li{display:inline-block}html{font-size:11px;line-height:21px}body{margin:0;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none}.funter,a:hover{text-decoration:underline}.butonFind,.logo a,.menuWeise ul li a,.menuyObenMobil,.pin,.punktdurchschnitt a,h1 a:hover{text-decoration:none}p{margin:0 0 10px;font-size:1.6rem;line-height:1.7em}img{border:0}h1{margin:10px 0 23px;font-size:2.8rem;color:#15293b;line-height:3.5rem}.logo a,h2,h3{color:#000}h1 a{color:#e3434b}h1 a:hover{color:#e36a70}h2{margin:7px 0 17px;font-size:2rem;line-height:2rem}.oben,h3{font-size:1.4rem}h3{margin:7px 0 13px;line-height:1.8rem}hr{border-bottom:1px solid #dfdfdf}hr:last-child{border-bottom:0 solid #fff}.aunter0,li{margin-bottom:7px}.ordnung{width:1030px;margin:auto}.ordnungklein{width:613px;margin:auto}.ordnungluftk{width:550px;margin:auto}.ordnungluftb{width:800px;margin:auto}.oben{height:73px;text-align:right;color:#fff;padding-top:25px;border-bottom:1px solid #dfdfdf}.spaltelinks{float:left;width:720px;margin:0}.spalterechts{float:right;width:300px;margin:0 0 0 10px}.spaltelinks2{float:left;width:620px;margin:0}.spalterechts2{float:right;width:400px;margin:0 0 0 10px}.spaltelinks3{float:left;width:44%;margin:0;min-height:100px}.spalterechts3{float:right;width:44%;min-height:100px}.spaltelinks4{float:left;width:48%;margin:0;min-height:100px}.spalterechts4{float:right;width:48%;min-height:100px}.spaltelinks5{float:left;width:300px;margin:0}.spalterechts5{float:right;width:720px;margin:0 0 0 10px}.spalteabfluss1,.spalteabfluss3{float:left;width:20%}.spalteabfluss2{float:right;width:78%}.spalteOrt1{float:left;width:48%}.spalteOrt2{float:right;width:48%}.unter{padding:47px 0;background-color:rgba(112,150,101,.1);font-size:15px}.kasten,.kastenluft,.kastenluftin{background-color:#fff}.kasten{padding:17px;margin-bottom:37px;border:1px solid #e3dedc;border-bottom:1px solid #d4cecd}.kasten h2{font-size:26px}.kastenluft{border:11px solid #333;border-radius:0;border-left:none;border-right:none}.kastenluftin{padding:10px;font-size:1.4rem}.kasteorte{position:relative}.kasteorte h1{max-width:90%}.nachrechts{white-space:nowrap}.genusen,.nachrechtsin{display:flex;align-items:center;text-align:center}#obenkast{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;height:100%;background-color:rgba(0,0,0,.4)}.logo{float:left;margin-top:11px;margin-right:17px;font-family:lobster;color:#0c0c0c;font-size:42px}.frechts,.rechts{float:right}.trechts{text-align:right}.kastenlinks{float:left;margin-right:17px;text-align:center;background-color:beige;padding:7px;border-radius:7px}.menuWeise ul{list-style:none;margin:7px 0 0;float:left}.menuWeise ul li{margin-right:-7px;margin-left:17px;padding:7px}.menuWeise ul li a{font-size:16px;color:#000;padding:11px;border:1px solid #333;border-radius:13px}.menuWeise ul li a:hover{background-color:#000;border-radius:13px;color:#fff}.menuyObenMobil{display:none;margin-left:21px;color:#fff;margin-top:10px}.menusuchen{margin-top:9px}.menuanmelden{float:right;margin-top:11px}.benutzerOfnen{display:none;width:200px;position:absolute;top:69px;margin-left:-120px;z-index:100;margin-top:11px}.menuOfnen{position:relative;background-color:#000;padding:23px;font-size:1.2em;text-align:left;border-radius:13px 3px 13px 13px}.klickbuton,.puan{padding:7px;color:#fff}.butonFind,.gbuton,.nutzerSeite,.reihe div,.warnungno{text-align:center}.menuOfnen hr{margin:17px 0}.fweiss,.gbuton a,.menuOfnen a{color:#fff}.klickbuton{font-size:17px!important;background-color:#000;border-radius:11px}.butonkgrun,.puan{background-color:#5bb322}.klickbuton:hover a,.pin a{color:#fff;text-decoration:none}.ortmenu a{margin-right:13px;margin-left:0}.ortmenu .klickbuton{background-color:#1b2426}.klickbuton:hover{background-color:#fff;color:#0c0c0c;border:1px solid #000}.punktdurchschnitt{position:absolute;right:13px;top:29px}.puan{border-radius:3px;font-size:21px;font-weight:bolder}.butonkgrau,.butonkgrun{padding:3px;border-radius:7px;color:#fff}.menuHorizontal{font-size:16px}.menuHorizontal div{padding:7px 7px 7px 13px}.menuHorizontal .secili{background-color:rgba(150,211,126,.47);border-radius:13px;margin-bottom:7px}.butonkgrun{font-size:12px}.butonkgrau{background-color:#999;font-size:12px}#livesearch{background-color:#fff;position:absolute;width:100%;border-radius:17px;margin-top:-17px;z-index:100}#livesearch p,#livesearchM p{color:#0c0c0c;border-bottom:1px solid #ccc;padding:13px 13px 3px 17px}#livesearch p:last-child,#livesearchM p:last-child{border:none}#livesearchM,.aoben0{margin-top:7px}.ginput,.gselect,.gtext{font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;margin-top:0}.livesearchust{left:0;right:0;margin-left:auto;margin-right:auto}#livesearch hr{margin:0;padding:0}.spotonlinebenutzer{position:absolute;right:23px;bottom:23px;background-color:#0c0c0c;opacity:.6;padding:7px;border-radius:7px}.gbuton{cursor:pointer;padding:13px 37px;border-radius:13px;min-width:100px;background-color:#000;color:#fff;border:none;margin:0;font-size:1.4rem}.gbutondisable{background-color:#333}.ginput{border:1px solid #bababa;padding:13px;border-radius:13px;font-size:18px}.gselect{border:1px solid #bababa;border-radius:3px;padding:5px 13px;font-size:16px}.gtext{border-radius:17px;padding:3px}.butonFind{height:52px;position:relative;max-width:100%;margin:0;padding:0;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:auto;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;border-radius:0 24px 24px 0;border:none;cursor:pointer;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-decoration:none;-webkit-text-align:center;background-color:#eb1700}.buttonaufmerksamkeit,.formFind input[type=text]:focus{background-color:#d1e7ef}.butonFind:focus,.custom-file-input:active{outline:0}.js-focus-ring .butonFind:focus.focus-ring{outline:0;box-shadow:0 0 0 3px #a5d3f2}.butonFind:hover{background-color:#d91400}.butonFindYazi{font-size:16px;color:#fff;margin:0;padding:0;font-weight:500;line-height:39px}.butonFindYazi div{font-size:16px;padding:7px 23px;font-weight:400;letter-spacing:1px}.formFind input[type=text]{width:666px;text-align:center;font-size:21px;padding:12px 29px 12px 47px;margin:37px 0;box-sizing:border-box;border:1px solid #2d372a;outline:0;height:62px;border-radius:20px;background-image:url("suche.svg");background-repeat:no-repeat;background-position:10px;background-size:23px}.imgcon,.imnav,.modalsuche input[type=text]{width:100%}.buttonaufmerksamkeit{border-radius:3px;padding:7px}.imgcon{position:relative;margin:0 auto}.imnav{color:#fff;margin:o auto;opacity:.8;display:none;position:absolute;top:0;left:0;height:100%}.beitrag,.reihe{display:flex}.control{float:left;height:100%;width:50%;opacity:0}.control:hover{opacity:.9}.prim{background:url("ikon-onceki.gif") left center no-repeat}.neim{background:url("ikon-sonraki.gif") right center no-repeat}.beitragRechts{margin-left:23px}.reihe{flex-wrap:wrap;align-items:center;justify-content:center}.reihe div{margin-right:37px}.reihe div:last-child{margin-right:0}.clickbuton2{background-color:#5bb322}.warnungno,.warnungok{background-color:#ddd;padding:10px;font-size:14px}.spalteOrt1 h2,.spalteOrt2 h2{font-size:24px;margin-bottom:7px;color:#394a4b}.breadcrumb{margin:17px 0;color:#777}#yorumpuan,.warnungno{margin-bottom:20px}.breadcrumb a{text-decoration:underline;color:#777}.t{clear:both}.warnungno{border-radius:13px}.warnungno h1,warnungok h1{margin-top:7px;margin-bottom:3px}.genusen div{margin-right:77px}.spalteOrtLinks{float:left;width:140px;margin-top:12px;border:1px solid #e3dedc;padding:7px}.spalteOrtRechts{float:right;width:527px;padding:0;margin-top:12px;margin-bottom:0}#yorumpuan a,.link,.ofTages{float:left}.laden,.loadind,.loadind2{padding:7px;background-color:#7bb54f;position:relative}.laden{color:#fff}.img-circle{border-radius:50%}.img-circle2{border-radius:17px}.nutzerSeite{float:left;margin-right:23px}.ofTages{width:80px;color:rgba(41,57,57,.86)}.loadind,.loadind2{border-radius:7px;-webkit-animation-name:example;-webkit-animation-duration:4s;animation-name:example;animation-duration:8s;animation-iteration-count:infinite;color:#fff;font-size:16px}.ulsade,.ulsade li{padding-left:0}.pin,.unten-verseiherung{position:fixed;bottom:0;text-align:center}.loadind2{-webkit-animation-name:example2}#yorumpuan .on{background:url(ikon-punk-green.png) no-repeat;cursor:pointer}#yorumpuan a{background:url(ikon-punk-grau.png) no-repeat;width:32px;height:30px}.custom-file-input{color:transparent;width:160px}.custom-file-input::-webkit-file-upload-button{visibility:hidden;width:1px}.custom-file-input::before{content:"Photo";text-align:center;color:#000;display:inline-block;background:#fff;border:1px solid #ccc;border-radius:3px;padding:7px 13px;outline:0;white-space:nowrap;-webkit-user-select:none;cursor:pointer;text-shadow:1px 1px #fff;font-weight:700;font-size:12pt}.custom-file-input:hover::before{border-color:#000}.custom-file-input:active::before{background:-webkit-linear-gradient(top,#e3e3e3,#f9f9f9)}.ulsade li{font-size:18px;list-style:none}.bgfhellgrau{background-color:#999}@keyframes example{0%,100%{background-color:rgba(0,87,104,.86);left:0;top:0}25%,75%{background-color:rgba(0,87,104,.56);left:100px;top:0}50%{background-color:rgba(0,87,104,.86);left:200px;top:0}}@keyframes example2{0%,100%{background-color:rgba(0,87,104,.86);left:0;top:0}25%,75%{background-color:rgba(0,87,104,.56);left:20px;top:0}50%{background-color:rgba(0,87,104,.86);left:40px;top:0}}.aoben1{margin-top:29px}.aoben2{margin-top:17px}.aoben3{margin-top:49px}.aunter1{margin-bottom:29px}.aunter2{margin-bottom:17px}.aunter3{margin-top:11px;margin-bottom:11px}.alinks{margin-left:17px}.arechts{margin-right:17px}.ilerigeri{font-size:16px;text-align:center;margin-top:27px}.oankisayfa{background-color:#d5e14e}.aramasonuc{padding:3px}#menu_button{width:39px;overflow:hidden}#menu_checkbox,.zeigtMobil,.zeigtMobilE{display:none}#menu_label{position:relative;display:block;height:29px;cursor:pointer}#menu_label:after,#menu_label:before,#menu_text_bar{position:absolute;left:0;width:100%;height:2px;background-color:#000}#menu_label:after,#menu_label:before{content:"";transition:left .4s cubic-bezier(.68, -.55, .27, 1.55)}#menu_label:before{top:0}#menu_label:after{top:12px}#menu_text_bar{top:24px}#menu_text_bar:before{content:"MENU";position:absolute;top:5px;right:0;left:0;color:#000;font-size:12px;font-weight:700;font-family:Montserrat,Arial,Helvetica,sans-serif;text-align:center}#menu_checkbox:checked+#menu_label:before{left:-39px}#menu_checkbox:checked+#menu_label:after{left:39px}#menu_checkbox:checked+#menu_label #menu_text_bar:before{animation:.8s .2s forwards moveUpThenDown,.8s .2s forwards shakeWhileMovingUp,.2s .8s forwards shakeWhileMovingDown}@keyframes moveUpThenDown{0%{top:0}50%{top:-27px}100%{top:-14px}}@keyframes shakeWhileMovingUp{0%,100%,50%{transform:rotateZ(0)}25%{transform:rotateZ(-10deg)}75%{transform:rotateZ(10deg)}}@keyframes shakeWhileMovingDown{0%,100%{transform:rotateZ(0)}80%{transform:rotateZ(3deg)}90%{transform:rotateZ(-3deg)}}.pin{opacity:.7;margin:auto;width:100px;z-index:1;left:0;right:0}.pin:hover{opacity:1}.viewport{zoom:0.97;width:extend-to-zoom}.f10{font-size:1rem}.f11{font-size:1.1rem}.f12{font-size:1.2rem}.f13{font-size:1.3rem}.f14,.f15{font-size:1.6rem}.f15{line-height:1.6rem}.f16{font-size:1.7rem;line-height:2rem}.f17{font-size:1.8rem}.f18{font-size:1.9rem}.f20{font-size:2rem}.f24{font-size:2.4rem}.f30{font-size:2.9rem;line-height:3rem}.f40{font-size:4rem;line-height:4rem}.f45{font-size:5rem;line-height:5.3rem}.fmitte{text-align:center}.fdunkel{color:#333}.fgrau{color:#777}.fhellgrau{color:#999}.frot,.frot a{color:#000}.fgrun{color:#1d786f}.forange{color:#dd6c2e}.fnormal{font-weight:400}.fbold{font-weight:700}.linksebene{margin-left:37px}.unten-verseiherung{height:40px;width:100%;background-color:#efefef;opacity:1;padding:13px;opacity:.9}@media screen and (max-width:800px){.mdivclear,.zeigtMobil{clear:both}#obenkast{padding-top:50px}h1{margin:10px 0 5px 13px;font-size:2.3rem;line-height:2.6rem}.kasten h1,.linksebene{margin-left:0}.ordnungluftb,.ordnungluftk{width:100%;margin:auto}.spaltelinks,.spaltelinks2,.spaltelinks3,.spaltelinks4,.spaltelinks5,.spalterechts,.spalterechts2,.spalterechts3,.spalterechts5{float:none;width:auto}.spalteOrtLinks,.spalteOrtRechts{float:none;width:100%;margin:0}.spalteOrtLinks{border:none}.kasten{margin-left:10px;margin-right:10px}.breadcrumb{margin-left:13px}.ordnung{width:98%}.ordnungklein,.ortmenu{width:100%}.menuoben{display:none;position:absolute;top:100px;background-color:#000;padding:13px 43px 13px 13px;left:0;border-radius:0 23px 23px 0;z-index:1}.menuyObenMobil{display:block;float:left;margin-left:-3px}.menuWeise ul li a{background-color:#fff}.ortmenu{height:50px;padding-top:13px;overflow:auto;white-space:nowrap}.spalteOrt1,.spalteOrt2{float:none;width:auto;margin-bottom:23px}.aoben3{margin-top:29px}.kasteorte h1{max-width:70%}.versteckt{display:none}.zeigtMobil,.zeigtMobilE{display:block}.stufe-bereit{margin-top:27px}.spalteabfluss1{width:10%}.spalteabfluss2{width:90%}.spalteabfluss3{float:right;width:90%}.spotlinks h1{-webkit-text-stroke:1px #fff;font-size:2rem;margin-bottom:3px;font-weight:bolder}.formFind input[type=text]{width:100%;padding-left:37px}.spotlinks{width:97%}}/* Güncellenmiş CSS: Thumbnail resmi 3 kat büyüttük ve modal içindeki resmi daha büyük gösterdik */ /* GALERİ KAPSAYICISI */ .gallery-container { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 10px; padding: 10px; width: 90%; border: none; box-sizing: border-box; margin: 0 auto; /* İsteğe bağlı, ortalamak için */ } /* KÜÇÜK RESİMLER (Thumbnail) */ /* Eski height:150px; yerine 450px koyduk */ .gallery-container img { flex: 0 0 auto; height: 450px; /* Thumbnail artık 3× daha büyük */ object-fit: cover; border-radius: 4px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); cursor: pointer; transition: transform 0.2s ease-in-out; } .gallery-container img:hover { transform: scale(1.03); } /* --- MODAL / LIGHTBOX --- */ /* Başlangıçta gizli */ .modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); z-index: 1000; justify-content: center; align-items: center; padding: 20px; /* Kenarlardan biraz boşluk için */ box-sizing: border-box; } /* :target ile aktif olunca göster */ .modal:target { display: flex; } /* Modal içindeki tam boy resim */ /* max-width ve max-height değerlerini %95 viewport olacak şekilde ayarladık */ .modal img { max-width: 95vw; max-height: 95vh; width: auto; height: auto; object-fit: contain; box-shadow: 0 2px 10px rgba(255, 255, 255, 0.2); border-radius: 4px; } /* Kapatma butonu */ .modal .close-btn { position: absolute; top: 20px; right: 30px; color: #fff; font-size: 30px; text-decoration: none; font-weight: bold; z-index: 1001; transition: color 0.2s; } .modal .close-btn:hover { color: #eee; }