{"id":2110,"date":"2014-09-17T05:39:56","date_gmt":"2014-09-17T13:39:56","guid":{"rendered":"http:\/\/www.letoon.com.tr\/?page_id=2110"},"modified":"2025-12-10T12:23:08","modified_gmt":"2025-12-10T09:23:08","slug":"keim-products","status":"publish","type":"page","link":"https:\/\/www.letoon.com.tr\/eng\/keim\/keim-products\/","title":{"rendered":"KEIM PRODUCTS"},"content":{"rendered":"\n<style>\n  \/* --- MODERN DE\u011e\u0130\u015eKENLER --- *\/\n  :root {\n    --keim-blue: #15296B;\n    --keim-red: #D20422;\n    --keim-dark: #1e1e24;\n    --keim-light: #f4f6f8;\n    --keim-white: #ffffff;\n    --card-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.1);\n    --hover-shadow: 0 20px 40px -5px rgba(21, 41, 107, 0.2);\n  }\n\n  \/* --- ANA KAPSAYICI --- *\/\n  .keim-catalog-wrapper {\n    font-family: 'Segoe UI', 'Roboto', sans-serif;\n    max-width: 1200px;\n    margin: 40px auto;\n    background: var(--keim-white);\n    border-radius: 16px;\n    box-shadow: var(--card-shadow);\n    overflow: hidden;\n    border: 1px solid rgba(0,0,0,0.03);\n  }\n\n  \/* --- SEKMEL\u0130 MEN\u00dc (TABS) --- *\/\n  .keim-tabs-nav {\n    display: flex;\n    flex-wrap: wrap;\n    background: var(--keim-light);\n    padding: 10px;\n    border-bottom: 2px solid rgba(0,0,0,0.05);\n    gap: 5px;\n    justify-content: center;\n  }\n\n  .keim-tab-btn {\n    background: transparent;\n    border: none;\n    padding: 12px 20px;\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: #555;\n    cursor: pointer;\n    border-radius: 8px;\n    transition: all 0.3s ease;\n    position: relative;\n  }\n\n  \/* Aktif ve Hover Durumlar\u0131 *\/\n  .keim-tab-btn:hover {\n    color: var(--keim-blue);\n    background: rgba(255,255,255,0.6);\n  }\n\n  .keim-tab-btn.active {\n    background: var(--keim-white);\n    color: var(--keim-red);\n    box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n  }\n  \n  \/* Aktif butona k\u00fc\u00e7\u00fck bir k\u0131rm\u0131z\u0131 nokta *\/\n  .keim-tab-btn.active::after {\n    content: '';\n    position: absolute;\n    bottom: 6px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 4px;\n    height: 4px;\n    background: var(--keim-red);\n    border-radius: 50%;\n  }\n\n  \/* --- \u0130\u00c7ER\u0130K ALANI --- *\/\n  .keim-content-area {\n    padding: 40px;\n    background: var(--keim-white);\n    min-height: 400px; \/* Bo\u015fluk hissi *\/\n  }\n\n  .keim-tab-content {\n    display: none; \/* Varsay\u0131lan gizli *\/\n    animation: fadeIn 0.5s ease;\n  }\n  \n  .keim-tab-content.active {\n    display: block; \/* Aktif olan g\u00f6r\u00fcn\u00fcr *\/\n  }\n\n  \/* --- GRID YAPISI --- *\/\n  .keim-product-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));\n    gap: 35px;\n  }\n\n  \/* --- \u00dcR\u00dcN KARTI --- *\/\n  .keim-product-card {\n    display: flex;\n    flex-direction: column;\n    text-decoration: none;\n    background: #fff;\n    border-radius: 12px;\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    position: relative;\n  }\n\n  \/* G\u00f6rsel Alan\u0131 *\/\n  .keim-card-img-wrapper {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 1 \/ 1.414; \/* A4 Oran\u0131 *\/\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.08);\n    border: 1px solid rgba(0,0,0,0.04);\n  }\n\n  .keim-card-img-wrapper img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s ease;\n  }\n\n  \/* Hover Efekti: Resim B\u00fcy\u00fcmesi *\/\n  .keim-product-card:hover .keim-card-img-wrapper img {\n    transform: scale(1.08);\n  }\n\n  \/* Hover Efekti: Kart\u0131n Y\u00fckselmesi *\/\n  .keim-product-card:hover {\n    transform: translateY(-10px);\n  }\n\n  .keim-product-card:hover .keim-card-img-wrapper {\n    box-shadow: var(--hover-shadow);\n    border-color: var(--keim-blue);\n  }\n\n  \/* Kart Alt Bilgisi *\/\n  .keim-card-info {\n    margin-top: 15px;\n    text-align: center;\n  }\n\n  .keim-card-title {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: var(--keim-dark);\n    margin-bottom: 5px;\n    transition: color 0.3s ease;\n  }\n\n  .keim-card-action {\n    font-size: 0.85rem;\n    color: var(--keim-red);\n    font-weight: 600;\n    opacity: 0.7;\n    transition: all 0.3s ease;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n  }\n\n  .keim-product-card:hover .keim-card-title {\n    color: var(--keim-blue);\n  }\n  \n  .keim-product-card:hover .keim-card-action {\n    opacity: 1;\n    letter-spacing: 1px;\n  }\n\n  \/* Mobil Uyumluluk *\/\n  @media (max-width: 768px) {\n    .keim-tabs-nav {\n      flex-direction: column;\n      align-items: stretch;\n    }\n    .keim-tab-btn {\n      text-align: center;\n      border-radius: 4px;\n      margin-bottom: 2px;\n    }\n    .keim-content-area {\n      padding: 20px;\n    }\n    .keim-product-grid {\n      grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));\n      gap: 20px;\n    }\n  }\n\n  @keyframes fadeIn {\n    from { opacity: 0; transform: translateY(10px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n<\/style>\n\n<div class=\"keim-catalog-wrapper\">\n\n  <!-- NAV\u0130GASYON (ALINAN \u0130NG\u0130L\u0130ZCE BA\u015eLIKLAR) -->\n  <nav class=\"keim-tabs-nav\">\n    <button class=\"keim-tab-btn active\" onclick=\"openKeimTab(event, 'tab-exterior')\">Exterior Paints<\/button>\n    <button class=\"keim-tab-btn\" onclick=\"openKeimTab(event, 'tab-interior')\">Interior Paints<\/button>\n    <button class=\"keim-tab-btn\" onclick=\"openKeimTab(event, 'tab-concrete')\">Concrete Repair<\/button>\n    <button class=\"keim-tab-btn\" onclick=\"openKeimTab(event, 'tab-tablature')\">Tablature Paints<\/button>\n    <button class=\"keim-tab-btn\" onclick=\"openKeimTab(event, 'tab-wood')\">Wood Paints<\/button>\n    <button class=\"keim-tab-btn\" onclick=\"openKeimTab(event, 'tab-restoration')\">Restoration<\/button>\n  <\/nav>\n\n  <!-- \u0130\u00c7ER\u0130K ALANI -->\n  <div class=\"keim-content-area\">\n\n    <!-- 1. Exterior Paints -->\n    <div id=\"tab-exterior\" class=\"keim-tab-content active\">\n      <div class=\"keim-product-grid\">\n        <!-- Soldalit -->\n        <a href=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/soldalit_letoonmimarlik.pdf\" target=\"_blank\" class=\"keim-product-card\">\n          <div class=\"keim-card-img-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/soldalit_letoonmimarlik_page-0001-scaled.jpg\" alt=\"Soldalit\">\n          <\/div>\n          <div class=\"keim-card-info\">\n            <div class=\"keim-card-title\">Soldalit<\/div>\n            <div class=\"keim-card-action\">Download PDF<\/div>\n          <\/div>\n        <\/a>\n        <!-- Royalan -->\n        <a href=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/royalan_letoonmimarlik.pdf\" target=\"_blank\" class=\"keim-product-card\">\n          <div class=\"keim-card-img-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/royalan_letoonmimarlik_page-0001-scaled.jpg\" alt=\"Royalan\">\n          <\/div>\n          <div class=\"keim-card-info\">\n            <div class=\"keim-card-title\">Royalan<\/div>\n            <div class=\"keim-card-action\">Download PDF<\/div>\n          <\/div>\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <!-- 2. Interior Paints -->\n    <div id=\"tab-interior\" class=\"keim-tab-content\">\n      <div class=\"keim-product-grid\">\n        <!-- Innotop -->\n        <a href=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/innotop_letoonmimarlik.pdf\" target=\"_blank\" class=\"keim-product-card\">\n          <div class=\"keim-card-img-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/innotop_letoonmimarlik_page-0001-scaled.jpg\" alt=\"Innotop\">\n          <\/div>\n          <div class=\"keim-card-info\">\n            <div class=\"keim-card-title\">Innotop<\/div>\n            <div class=\"keim-card-action\">Download PDF<\/div>\n          <\/div>\n        <\/a>\n        <!-- Ecosil ME -->\n        <a href=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/ecosil_ME_letoonmimarlik.pdf\" target=\"_blank\" class=\"keim-product-card\">\n          <div class=\"keim-card-img-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/ecosil_ME_letoonmimarlik_page-0001-scaled.jpg\" alt=\"Ecosil ME\">\n          <\/div>\n          <div class=\"keim-card-info\">\n            <div class=\"keim-card-title\">Ecosil ME<\/div>\n            <div class=\"keim-card-action\">Download PDF<\/div>\n          <\/div>\n        <\/a>\n        <!-- Optil -->\n        <a href=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/optil_letoonmimarlik.pdf\" target=\"_blank\" class=\"keim-product-card\">\n          <div class=\"keim-card-img-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/optil.png\" alt=\"Optil\">\n          <\/div>\n          <div class=\"keim-card-info\">\n            <div class=\"keim-card-title\">Optil<\/div>\n            <div class=\"keim-card-action\">Download PDF<\/div>\n          <\/div>\n        <\/a>\n        <!-- Design Lasur -->\n        <a href=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/designLasur_letoonmimarlik.pdf\" target=\"_blank\" class=\"keim-product-card\">\n          <div class=\"keim-card-img-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/designLasur_letoonmimarlik_page-0001-scaled.jpg\" alt=\"Design Lasur\">\n          <\/div>\n          <div class=\"keim-card-info\">\n            <div class=\"keim-card-title\">Design Lasur<\/div>\n            <div class=\"keim-card-action\">Download PDF<\/div>\n          <\/div>\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <!-- 3. Concrete Repair & Protection -->\n    <div id=\"tab-concrete\" class=\"keim-tab-content\">\n      <div class=\"keim-product-grid\">\n        <!-- Concetal Lasur -->\n        <a href=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/concetalLasur_letoonmimarlik.pdf\" target=\"_blank\" class=\"keim-product-card\">\n          <div class=\"keim-card-img-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/concretal-lasur-scaled.jpg\" alt=\"Concetal Lasur\">\n          <\/div>\n          <div class=\"keim-card-info\">\n            <div class=\"keim-card-title\">Concetal Lasur<\/div>\n            <div class=\"keim-card-action\">Download PDF<\/div>\n          <\/div>\n        <\/a>\n        <!-- NOT: Feinspachtel, M\u00f6rtel S ve M\u00f6rtel R \u00fcr\u00fcnleri PDF\/G\u00f6rsel i\u00e7ermedi\u011fi i\u00e7in bu listeden \u00e7\u0131kar\u0131lm\u0131\u015ft\u0131r. -->\n      <\/div>\n    <\/div>\n\n    <!-- 4. Tablature \u2013 Hand-Drawn Paints -->\n    <div id=\"tab-tablature\" class=\"keim-tab-content\">\n      <div class=\"keim-product-grid\">\n        <!-- Design Lasur -->\n        <a href=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/designLasur_letoonmimarlik.pdf\" target=\"_blank\" class=\"keim-product-card\">\n          <div class=\"keim-card-img-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/designLasur_letoonmimarlik_page-0001-scaled.jpg\" alt=\"Design Lasur\">\n          <\/div>\n          <div class=\"keim-card-info\">\n            <div class=\"keim-card-title\">Design Lasur<\/div>\n            <div class=\"keim-card-action\">Download PDF<\/div>\n          <\/div>\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <!-- 5. Wood Paints -->\n    <div id=\"tab-wood\" class=\"keim-tab-content\">\n      <div class=\"keim-product-grid\">\n        <!-- Lignosil -->\n        <a href=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/lignosil_03_2013_turk.pdf\" target=\"_blank\" class=\"keim-product-card\">\n          <div class=\"keim-card-img-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/lignosil-scaled.jpg\" alt=\"Lignosil\">\n          <\/div>\n          <div class=\"keim-card-info\">\n            <div class=\"keim-card-title\">Lignosil<\/div>\n            <div class=\"keim-card-action\">Download PDF<\/div>\n          <\/div>\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <!-- 6. Restoration Products -->\n    <div id=\"tab-restoration\" class=\"keim-tab-content\">\n      <div class=\"keim-product-grid\">\n        <!-- Restauro -->\n        <a href=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/restauro_03_2013_turk_KEIM.pdf\" target=\"_blank\" class=\"keim-product-card\">\n          <div class=\"keim-card-img-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/restauro-lasur-scaled.jpg\" alt=\"Restauro\">\n          <\/div>\n          <div class=\"keim-card-info\">\n            <div class=\"keim-card-title\">Restauro<\/div>\n            <div class=\"keim-card-action\">Download PDF<\/div>\n          <\/div>\n        <\/a>\n        <!-- Design Lasur (Restoration alt\u0131nda da var) -->\n        <a href=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/designLasur_letoonmimarlik.pdf\" target=\"_blank\" class=\"keim-product-card\">\n          <div class=\"keim-card-img-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/designLasur_letoonmimarlik_page-0001-scaled.jpg\" alt=\"Design Lasur\">\n          <\/div>\n          <div class=\"keim-card-info\">\n            <div class=\"keim-card-title\">Design Lasur<\/div>\n            <div class=\"keim-card-action\">Download PDF<\/div>\n          <\/div>\n        <\/a>\n      <\/div>\n    <\/div>\n\n  <\/div> <!-- \/keim-content-area -->\n\n<\/div> <!-- \/keim-catalog-wrapper -->\n\n<!-- TAB DE\u011e\u0130\u015eT\u0130RME SCR\u0130PT\u0130 -->\n<script>\nfunction openKeimTab(evt, tabName) {\n  var i, tabContent, tabBtns;\n\n  \/\/ T\u00fcm i\u00e7erikleri gizle\n  tabContent = document.getElementsByClassName(\"keim-tab-content\");\n  for (i = 0; i < tabContent.length; i++) {\n    tabContent[i].style.display = \"none\";\n    tabContent[i].classList.remove(\"active\");\n  }\n\n  \/\/ T\u00fcm butonlardan 'active' s\u0131n\u0131f\u0131n\u0131 kald\u0131r\n  tabBtns = document.getElementsByClassName(\"keim-tab-btn\");\n  for (i = 0; i < tabBtns.length; i++) {\n    tabBtns[i].className = tabBtns[i].className.replace(\" active\", \"\");\n  }\n\n  \/\/ Se\u00e7ilen i\u00e7eri\u011fi g\u00f6ster ve butona 'active' ekle\n  document.getElementById(tabName).style.display = \"block\";\n  document.getElementById(tabName).classList.add(\"active\");\n  evt.currentTarget.className += \" active\";\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Exterior Paints Interior Paints Concrete Repair Tablature Paints Wood Paints Restoration Soldalit Download PDF Royalan Download PDF Innotop Download PDF<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":829,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2110","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/2110","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/comments?post=2110"}],"version-history":[{"count":0,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/2110\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/829"}],"wp:attachment":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/media?parent=2110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}