<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Portfolio arşivi - Hidrokar Pres</title>
	<atom:link href="https://hidrokarpres.com/de/portfolio/feed/" rel="self" type="application/rss+xml" />
	<link>https://hidrokarpres.com/de/portfolio/</link>
	<description>Metal Makine İmalat Sanayi</description>
	<lastBuildDate>Thu, 18 Jun 2026 10:25:53 +0000</lastBuildDate>
	<language>de</language>
	<sy:updateperiod>
	hourly	</sy:updateperiod>
	<sy:updatefrequency>
	1	</sy:updatefrequency>
	<generator>https://wordpress.org/?v=7.1</generator>

<image>
	<url>https://hidrokarpres.com/wp-content/uploads/2026/03/favicon-hidrokarpres-150x150.webp</url>
	<title>Portfolio arşivi - Hidrokar Pres</title>
	<link>https://hidrokarpres.com/de/portfolio/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Tekstil Balya Presleri</title>
		<link>https://hidrokarpres.com/de/portfolio/tekstil-balya-presleri/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Thu, 18 Jun 2026 09:14:13 +0000</pubDate>
				<guid ispermalink="false">https://hidrokarpres.com/?post_type=portfolio&#038;p=22612</guid>

					<description><![CDATA[<p>Tekstil ve Balya Presleri Dik Balya PresiHKBD Modeli İncele Tek Hazneli TekstilBalya Presi HTBS400 Modeli İncele Açılır Hazneli TekstilBalya Presi HTB50 Pro Modeli İncele Açılır Hazneli TekstilBalya Presi HTB50 Modeli İncele Çift Hazneli TekstilBalya Presi HTBD50 Modeli İncele Döner Hazneli TekstilBalya Presi HTBD80 Modeli İncele</p>
<p><a href="https://hidrokarpres.com/de/portfolio/tekstil-balya-presleri/">Tekstil Balya Presleri</a> yazısı ilk önce <a href="https://hidrokarpres.com/de">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="22612" class="elementor elementor-22612">
				<div class="elementor-element elementor-element-d5311c1 e-flex e-con-boxed e-con e-parent" data-id="d5311c1" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-341644a elementor-widget elementor-widget-html" data-id="341644a" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tekstil ve Balya Presleri</title>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Poppins', sans-serif;
            background: #f8f9fa;
            padding: 30px;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
        }

        .products-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 40px 30px;
        }

        .product-card {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0,0,0,0.08);
            transition: all 0.3s ease;
            position: relative;
        }

        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.12);
        }

        .product-image-container {
            position: relative;
            width: 100%;
            height: 280px;
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }

        .product-image {
            width: 100%;
            height: 100%;
            object-fit: contain;
            max-width: 90%;
            max-height: 90%;
        }

        .product-info {
            padding: 25px 20px;
            text-align: center;
            background: white;
        }

        .product-title {
            font-size: 16px;
            font-weight: 600;
            color: #2c3e50;
            margin-bottom: 20px;
            line-height: 1.4;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .view-button {
            display: inline-flex;
            align-items: center;
            padding: 8px 20px;
            background: transparent;
            color: #ff0000;
            border: 1px solid #ff0000;
            border-radius: 20px;
            font-family: 'Poppins', sans-serif;
            font-size: 13px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .view-button:after {
            content: ' →';
            margin-left: 8px;
            transition: transform 0.3s ease;
        }

        .view-button:hover {
            background: #ff0000;
            color: white;
            transform: translateX(2px);
        }

        .view-button:hover:after {
            transform: translateX(3px);
        }

        @media (max-width: 1024px) {
            .products-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 30px 20px;
            }
            
            body {
                padding: 20px;
            }
        }

        @media (max-width: 768px) {
            .products-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 20px 15px;
            }
            
            .product-image-container {
                height: 200px;
                padding: 15px;
            }
            
            .product-info {
                padding: 20px 15px;
            }
            
            .product-title {
                font-size: 14px;
                margin-bottom: 15px;
            }
            
            .view-button {
                padding: 6px 16px;
                font-size: 12px;
            }
            
            body {
                padding: 15px;
            }
        }

        @media (max-width: 480px) {
            .products-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .product-image-container {
                height: 220px;
            }
            
            .product-title {
                font-size: 15px;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="products-grid">

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-HKBD-1.webp" alt="dik balya presi" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title translation-block">Vertikale Ballenpresse Modell HKBD</h3>
                    <a href="https://hidrokarpres.com/de/portfolio/hkbd-dik-balya-presi/" class="view-button">ANSEHEN</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-HTBS-1.webp" alt="tek hazneli tekstil balya presi" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title translation-block">Ein-Kammer-Textilballenpresse Modell HTBS400</h3>
                    <a href="https://hidrokarpres.com/de/portfolio/htbs400-tek-hazneli-tekstil-balya-presi/" class="view-button">ANSEHEN</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-HTB50-1.webp" alt="açılır hazneli tekstil balya presi htb50 pro" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title translation-block">Textilballenpresse mit aufklappbarem Behälter Modell HTB50 Pro</h3>
                    <a href="https://hidrokarpres.com/de/portfolio/htb50-pro/" class="view-button">ANSEHEN</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTB50.webp" alt="açılır hazneli tekstil balya presi htb50" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title translation-block">Textilballenpresse mit aufklappbarem Behälter Modell HTB50</h3>
                    <a href="https://hidrokarpres.com/de/portfolio/htb50/" class="view-button">ANSEHEN</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-HTBD-50.webp" alt="çift hazneli tekstil balya presi" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title translation-block">Textilballenpresse mit zwei Kammern, Modell HTBD50</h3>
                    <a href="https://hidrokarpres.com/de/portfolio/htbd50/" class="view-button">ANSEHEN</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-HTBD-1.webp" alt="döner hazneli tekstil balya presi" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title translation-block">Textilballenpresse mit Drehtrommel Modell HTBD80</h3>
                    <a href="https://hidrokarpres.com/de/portfolio/htbd80-doner-hazneli-tekstil-balya-presi/" class="view-button">ANSEHEN</a>
                </div>
            </div>

        </div>
    </div>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const cards = document.querySelectorAll('.product-card');
            cards.forEach((card, index) => {
                card.style.opacity = '0';
                card.style.transform = 'translateY(30px)';
                
                setTimeout(() => {
                    card.style.transition = 'all 0.6s ease';
                    card.style.opacity = '1';
                    card.style.transform = 'translateY(0)';
                }, index * 100);
            });
        });
    </script>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div><p><a href="https://hidrokarpres.com/de/portfolio/tekstil-balya-presleri/">Tekstil Balya Presleri</a> yazısı ilk önce <a href="https://hidrokarpres.com/de">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>HTBD50 &#8211; Çift Hazneli Tekstil Balya Presi</title>
		<link>https://hidrokarpres.com/de/portfolio/htbd50/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Wed, 29 Apr 2026 08:55:39 +0000</pubDate>
				<guid ispermalink="false">https://hidrokarpres.com/?post_type=portfolio&#038;p=22453</guid>

					<description><![CDATA[<p>Çift Hazneli Tekstil Balya Presi &#8211; HTBD50 ANASAYFA → GERİ DÖNÜŞÜM PRESLERİ HTBD50 ÇİFT HAZNELİ TEKSTİL BALYA PRESİ En Çok Tercih Edilen Geri dönüşüm sektöründe atık kumaş tekstil ürünlerinin ebat olarak küçültülmesi amacıyla kullanılmaktadır. HTBD50 model sabit çift hazneye sahiptir, her iki haznede de birbirinden bağımsız besleme ve presleme işlemi yapılabilmektedir. Ürün Videosu Teknik Özellikler [&#8230;]</p>
<p><a href="https://hidrokarpres.com/de/portfolio/htbd50/">HTBD50 &#8211; Çift Hazneli Tekstil Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com/de">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="22453" class="elementor elementor-22453">
				<div class="elementor-element elementor-element-eb684d1 e-flex e-con-boxed e-con e-parent" data-id="eb684d1" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-efb66c1 elementor-widget elementor-widget-html" data-id="efb66c1" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Çift Hazneli Tekstil Balya Presi - HTBD50</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
    <style>
        /* Genel Stiller */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        body {
            background-color: #f5f5f5;
            color: #333;
            line-height: 1.6;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        a {
            text-decoration: none;
            color: #333;
        }
        
        /* Header Stili */
        .header {
            background-color: #fff;
            padding: 15px 0;
            border-bottom: 1px solid #eee;
        }
        
        .breadcrumb {
            display: flex;
            align-items: center;
        }
        
        .breadcrumb a {
            margin-right: 10px;
            color: #666;
            transition: color 0.3s;
            font-weight: 500;
        }
        
        .breadcrumb a:hover {
            color: #ff0000;
        }
        
        .breadcrumb span {
            margin: 0 10px;
            color: #999;
        }
        
        /* Ana Grid Layout - Tam Kalıp */
        .product-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto auto auto auto;
            gap: 20px;
            margin: 30px 0;
            grid-template-areas: 
                "product-image product-description"
                "thumbnails youtube-video"
                "tech-specs offer-button"
                "general-features optional-features";
        }
        
        /* Ürün Görseli - Sol Üst */
        .product-image-section {
            grid-area: product-image;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            height: 350px;
        }
        
        .main-image {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
            cursor: zoom-in;
            transition: transform 0.3s ease;
        }
        
        .main-image:hover {
            transform: scale(1.05);
        }
        
        /* Ürün Tanımı - Sağ Üst */
        .product-description-section {
            grid-area: product-description;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .product-description-section .sdc-btn {
            background-color: #ff0000;
            color: white;
            padding: 8px 16px;
            border-radius: 4px;
            font-weight: 600;
            font-size: 14px;
            display: inline-block;
            margin-bottom: 15px;
        }
        
        .product-description-section h1 {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 8px;
            color: #111;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-description-section .subtitle {
            font-size: 16px;
            color: #777;
            margin-bottom: 15px;
            font-weight: 400;
        }
        
        .product-description-section p {
            line-height: 1.8;
            color: #555;
            text-align: justify;
        }
        
        /* YouTube Video - Sağ Orta */
        .youtube-video-section {
            grid-area: youtube-video;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: relative;
            cursor: pointer;
            transition: transform 0.3s ease;
            height: 220px;
        }
        
        .youtube-video-section:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0,0,0,0.15);
        }
        
        .video-thumbnail {
            position: relative;
            width: 100%;
            height: 170px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #000;
        }
        
        .video-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
        
        .video-play-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: rgba(255, 0, 0, 0.9);
            border-radius: 50%;
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        
        .youtube-video-section:hover .video-play-overlay {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
        }
        
        .video-play-overlay i {
            color: white;
            font-size: 24px;
            margin-left: 3px;
        }
        
        .video-title {
            padding: 15px;
            text-align: center;
            background-color: #fff;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .video-title h3 {
            font-size: 14px;
            font-weight: 600;
            color: #333;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        /* Küçük Görseller - Sol Orta - TEK SATIR */
        .thumbnails-section {
            grid-area: thumbnails;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
            height: 220px;
        }
        
        .thumbnail {
            border: 2px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            cursor: pointer;
            background-color: #fff;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px;
        }
        
        .thumbnail:hover {
            border-color: #ff0000;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(255,0,0,0.2);
        }
        
        .thumbnail.active {
            border-color: #ff0000;
            box-shadow: 0 0 0 2px rgba(255,0,0,0.2);
        }
        
        .thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        
        /* Teknik Özellikler - Sol */
        .tech-specs-section {
            grid-area: tech-specs;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .tech-specs-btn {
            background-color: #777 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .tech-specs-btn:hover {
            background-color: #666 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Teklif Al - Sağ */
        .offer-section {
            grid-area: offer-button;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .offer-btn {
            background-color: #ff0000 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            display: inline-block;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-btn:hover {
            background-color: #e60000 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Genel Özellikler - Sol Alt */
        .general-features {
            grid-area: general-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        /* Opsiyonel Özellikler - Sağ Alt */
        .optional-features {
            grid-area: optional-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .section-title {
            background-color: #ff0000;
            color: white;
            padding: 12px 20px;
            border-radius: 4px;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 20px;
            text-align: center;
            font-family: 'Poppins', sans-serif;
        }
        
        .features-list {
            list-style: none;
        }
        
        .features-list li {
            padding: 6px 0 6px 25px;
            position: relative;
            border-bottom: 1px solid #eee;
            font-size: 14px;
        }
        
        .features-list li::before {
            content: "✓";
            color: #ff0000;
            position: absolute;
            left: 5px;
            top: 6px;
            font-size: 14px;
            font-weight: bold;
        }
        
        /* Modal Stilleri */
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .modal-content {
            position: relative;
            max-width: 90%;
            max-height: 90%;
        }
        
        .modal-close {
            position: absolute;
            top: -30px;
            right: 0;
            color: white;
            font-size: 28px;
            cursor: pointer;
        }
        
        .modal-image {
            max-width: 100%;
            max-height: 90vh;
            display: block;
        }
        
        .specs-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .specs-content {
            background-color: white;
            width: 90%;
            max-width: 1100px;
            max-height: 90vh;
            overflow-y: auto;
            padding: 0;
            border-radius: 8px;
            position: relative;
        }
        
        .specs-close {
            position: absolute;
            top: 15px;
            right: 20px;
            font-size: 24px;
            cursor: pointer;
            color: #333;
            z-index: 10;
            background-color: white;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        }
        
        .specs-header {
            background-color: #777;
            color: white;
            padding: 20px 25px;
            border-radius: 8px 8px 0 0;
        }
        
        .specs-header h2 {
            margin: 0;
            font-size: 20px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .specs-content-area {
            padding: 25px;
        }
        
        .specs-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 15px;
        }
        
        .specs-table th, .specs-table td {
            padding: 12px 15px;
            text-align: left;
            border: 1px solid #ddd;
        }
        
        .specs-table th {
            background-color: #f5f5f5;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            text-align: center;
        }
        
        .specs-table thead th:first-child {
            background-color: #ff0000;
            color: white;
            text-align: left;
        }
        
        .specs-table tbody td:first-child {
            background-color: #f8f9fa;
            font-weight: 500;
        }
        
        .specs-table tbody td {
            text-align: center;
        }
        
        /* Teklif Modal Stilleri */
        .offer-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1001;
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-sizing: border-box;
        }
        
        .offer-modal-content {
            background-color: white;
            width: 90%;
            max-width: 600px;
            max-height: 90vh;
            overflow-y: auto;
            border-radius: 12px;
            position: relative;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            animation: modalSlideIn 0.3s ease-out;
        }
        
        @keyframes modalSlideIn {
            from {
                opacity: 0;
                transform: translateY(-50px) scale(0.95);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        .offer-modal-header {
            background: linear-gradient(135deg, #ff0000, #e60000);
            color: white;
            padding: 25px 30px;
            border-radius: 12px 12px 0 0;
            position: relative;
        }
        
        .offer-modal-title {
            font-size: 22px;
            font-weight: 600;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-modal-subtitle {
            font-size: 14px;
            margin: 5px 0 0 0;
            opacity: 0.9;
            font-weight: 400;
        }
        
        .offer-modal-close {
            position: absolute;
            top: 20px;
            right: 25px;
            font-size: 28px;
            cursor: pointer;
            color: white;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.3s ease;
            background-color: rgba(255,255,255,0.1);
        }
        
        .offer-modal-close:hover {
            background-color: rgba(255,255,255,0.2);
            transform: rotate(90deg);
        }
        
        .offer-modal-body {
            padding: 30px;
        }
        
        .product-info {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 25px;
            border-left: 4px solid #ff0000;
        }
        
        .product-info h4 {
            margin: 0 0 10px 0;
            color: #ff0000;
            font-size: 18px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-info p {
            margin: 0;
            color: #666;
            font-size: 14px;
            line-height: 1.5;
        }
        
        .form-intro {
            text-align: center;
            margin-bottom: 25px;
            color: #555;
            font-size: 16px;
            line-height: 1.6;
        }
        
        .contact-form-container {
            background-color: #fff;
            border: 2px dashed #ddd;
            border-radius: 8px;
            padding: 30px;
            text-align: center;
            color: #666;
            font-size: 14px;
            line-height: 1.8;
            position: relative;
            min-height: 200px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        
        .contact-form-container::before {
            content: "📝";
            font-size: 48px;
            display: block;
            margin-bottom: 15px;
        }
        
        .form-placeholder-title {
            font-weight: 600;
            color: #333;
            font-size: 16px;
            margin-bottom: 10px;
            font-family: 'Poppins', sans-serif;
        }
        
        .form-placeholder-code {
            background-color: #f1f3f4;
            padding: 12px 20px;
            border-radius: 6px;
            font-family: 'Courier New', monospace;
            font-size: 14px;
            color: #d73502;
            margin: 15px 0;
            border: 1px solid #e8eaed;
        }
        
        .form-placeholder-note {
            font-size: 12px;
            color: #888;
            font-style: italic;
        }

        /* Video Modal Stilleri */
        .video-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.9);
            z-index: 1001;
            align-items: center;
            justify-content: center;
        }
        
        .video-modal-content {
            position: relative;
            width: 90%;
            max-width: 800px;
            background-color: #000;
            border-radius: 8px;
            overflow: hidden;
        }
        
        .video-modal-header {
            background-color: #fff;
            padding: 15px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .video-modal-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            font-family: 'Poppins', sans-serif;
        }
        
        .video-modal-close {
            font-size: 24px;
            cursor: pointer;
            color: #333;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: background-color 0.3s;
        }
        
        .video-modal-close:hover {
            background-color: #f0f0f0;
        }
        
        .video-container {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
        }
        
        .video-iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        /* Mobil Uyumluluk */
        @media (max-width: 768px) {
            .product-grid {
                grid-template-columns: 1fr;
                grid-template-areas: 
                    "product-image"
                    "product-description"
                    "thumbnails"
                    "youtube-video"
                    "tech-specs"
                    "offer-button"
                    "general-features"
                    "optional-features";
            }
            
            .product-image-section {
                height: 250px;
            }
            
            .youtube-video-section {
                height: 180px;
            }
            
            .video-thumbnail {
                height: 130px;
            }
            
            .thumbnails-section {
                grid-template-columns: repeat(2, 1fr);
                height: 160px;
            }
            
            .video-play-overlay {
                width: 50px;
                height: 50px;
            }
            
            .video-play-overlay i {
                font-size: 20px;
            }
            
            .product-description-section h1 {
                font-size: 20px;
            }
            
            .section-title {
                font-size: 14px;
                padding: 10px 15px;
            }
            
            .features-list li {
                font-size: 13px;
                padding: 5px 0 5px 20px;
            }
            
            .tech-specs-btn, .offer-btn {
                padding: 10px 20px;
                font-size: 14px;
            }
            
            .specs-content {
                width: 95%;
                max-width: none;
            }
            
            .specs-content-area {
                padding: 15px;
            }
            
            .specs-table {
                font-size: 12px;
            }
            
            .specs-table th, .specs-table td {
                padding: 8px 5px;
            }
        }
        
        @media (max-width: 480px) {
            .container {
                padding: 0 10px;
            }
            
            .product-image-section {
                height: 200px;
                padding: 15px;
            }
            
            .youtube-video-section {
                height: 160px;
            }
            
            .video-thumbnail {
                height: 110px;
            }
            
            .thumbnails-section {
                height: 140px;
                padding: 15px;
                gap: 10px;
            }
            
            .video-play-overlay {
                width: 45px;
                height: 45px;
            }
            
            .video-play-overlay i {
                font-size: 18px;
            }
            
            .product-description-section, .general-features, .optional-features,
            .tech-specs-section, .offer-section {
                padding: 15px;
            }
            
            .product-description-section h1 {
                font-size: 18px;
            }
        }
    </style>
</head>
<body>
    <!-- Header Bölümü -->
    <header class="header">
        <div class="container">
            <div class="breadcrumb">
                <a href="/de/" onclick="alert('Anasayfa\'ya yönlendiriliyor...'); return false;">STARTSEITE</a>
                <span>→</span>
                <a href="/de/sac-metal-presleri/" onclick="alert('Sac Metal Presleri kategorisine yönlendiriliyor...'); return false;">RECYCLINGPRESSEN</a>
            </div>
        </div>
    </header>
    
    <div class="container">
        <!-- Ana Grid Layout -->
        <div class="product-grid">
            <!-- Ürün Görseli - Sol Üst -->
            <div class="product-image-section">
                <img decoding="async" id="mainImage" class="main-image" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTBD50.webp" alt="Hidrolik C Tip Abkant Presi" />
            </div>
            
            <!-- Ürün Tanımı - Sağ Üst -->
            <div class="product-description-section">
                <div class="sdc-btn">HTBD50</div>
                <h1>TEXTILBALLENPRESSE MIT ZWEI KAMMERN</h1>
                <p class="subtitle">Am beliebtesten</p>
                <p>In der Recyclingbranche wird die Maschine zum Zerkleinern von Textilabfällen eingesetzt. Das Modell HTBD50 verfügt über zwei feste Kammern, in denen der Zuführ- und Pressvorgang unabhängig voneinander durchgeführt werden kann.</p>
            </div>
            
            <!-- Küçük Görseller - Sol Orta - TEK SATIR -->
            <div class="thumbnails-section">
                <div class="thumbnail active" data-image="https://hidrokarpres.com/wp-content/uploads/2026/06/1-hidrokarpres-HTB-50-yeni.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/1-hidrokarpres-HTB-50-yeni.webp" alt="Ürün Görünüm 1" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/06/2-hidrokarpres-HTB-50-yeni.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/2-hidrokarpres-HTB-50-yeni.webp" alt="Ürün Görünüm 2" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/06/3-hidrokarpres-HTB-50-yeni.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/3-hidrokarpres-HTB-50-yeni.webp" alt="Ürün Görünüm 3" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/06/4-hidrokarpres-HTB-50-yeni.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/4-hidrokarpres-HTB-50-yeni.webp" alt="Ürün Görünüm 4" />
                </div>
            </div>
            
            <!-- YouTube Video - Sağ Orta -->
            <div class="youtube-video-section" id="videoButton">
                <div class="video-thumbnail">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/03/Youtube-hidrokar-copy.webp" alt="Video Kapak Görseli" />
                    <div class="video-play-overlay">
                        <i class="fas fa-play"></i>
                    </div>
                </div>
                <div class="video-title">
                    <h3>Produktvideo</h3>
                </div>
            </div>
            
            <!-- Teknik Özellikler - Orta Tam Genişlik -->
            <div class="tech-specs-section">
                <button class="tech-specs-btn" id="techSpecsButton">Technische Daten</button>
            </div>
            
            <!-- Teklif Al - Orta Tam Genişlik -->
            <div class="offer-section">
                <a href="/de/teklif-form/" class="offer-btn" id="offerButton">Angebot anfordern</a>
            </div>
            
            <!-- Genel Özellikler - Sol Alt -->
<div class="general-features">
    <h2 class="section-title">Allgemeine Merkmale</h2>
    <ul class="features-list">
        <li>Robuste Stahlkonstruktion</li>
        <li>Hydraulikaggregat mit minimalem Wartungsaufwand</li>
        <li>Not-Aus-Taste</li>
        <li>Hydraulisches Sicherheitssystem</li>
        <li>Elektrisches Sicherheitssystem</li>
    </ul>
</div>

<!-- Opsiyonel Özellikler - Sağ Alt -->
<div class="optional-features">
    <h2 class="section-title">Optionale Funktionen</h2>
    <ul class="features-list">
        <li>HMI-Touchscreen</li>
        <li>Automatisches Fütterungssystem</li>
        <li>Automatisches Behälteröffnungssystem</li>
        <li>Waage zur Gewichtsmessung von Ballen</li>
        <li>Hydrauliköl-Kühl- und Filtersystem</li>
    </ul>
</div>
    
    <!-- Teklif Al Modalı -->
    <div class="offer-modal" id="offerModal">
        <div class="offer-modal-content">
            <div class="offer-modal-header">
                <h2 class="offer-modal-title">Angebotsanfrage</h2>
                <p class="offer-modal-subtitle">Fordern Sie ein schnelles Angebot für eine Ein-Kammer-Textilballenpresse an</p>
                <span class="offer-modal-close" id="offerModalClose">&times;</span>
            </div>
            <div class="offer-modal-body">
                <div class="product-info">
                    <h4>🔧 Textilballenpresse mit zwei Kammern – HTBD50</h4>
                    <p> Sie können detaillierte technische Informationen und ein Preisangebot für alle Modelle anfordern.</p>
                </div>
                
                <div class="form-intro translation-block">Wenn Sie das folgende Formular ausfüllen, erhalten Sie <strong style="color: #ff0000">innerhalb von 24 Stunden</strong> ein individuelles Angebot.</div>
                
                <div class="contact-form-container">
                    <div class="form-placeholder-title"></div>
                    <div class="form-placeholder-code">[contact-form-7]</div>
                    <div class="form-placeholder-note">
                    </div>
                    <!-- BURAYA CONTACT FORM 7 SHORTCODE'UNU EKLEYİN -->
                    <!-- Örnek: [contact-form-7 id="123" title="Teklif Formu"] -->
                </div>
            </div>
        </div>
    </div>

    <!-- Video İzleme Modalı -->
    <div class="video-modal" id="videoModal">
        <div class="video-modal-content">
            <div class="video-modal-header">
                <div class="video-modal-title">Textilballenpresse mit zwei Kammern – Produktvideo</div>
                <span class="video-modal-close" id="videoModalClose">&times;</span>
            </div>
            <div class="video-container">
                <iframe id="videoIframe" class="video-iframe" src="" frameborder="0" allowfullscreen></iframe>
            </div>
        </div>
    </div>
    
    <!-- Görsel Büyütme Modalı -->
    <div class="modal" id="imageModal">
        <div class="modal-content">
            <span class="modal-close" id="imageClose">&times;</span>
            <img decoding="async" id="modalImage" src="" alt="Büyük Görsel" class="modal-image" />
        </div>
    </div>
    
<!-- Teknik Özellikler Modalı -->
<div class="specs-modal" id="specsModal">
    <div class="specs-content">
        <span class="specs-close" id="specsClose">&times;</span>
        <div class="specs-header">
            <h2>Technische Daten</h2>
        </div>
        <div class="specs-content-area">
            <table class="specs-table">
                <thead>
                    <tr>
                        <th>Eigenschaften</th>
                        <th>Unterkategorie</th>
                        <th>Einheit</th>
                        <th>Wert</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td rowspan="2"><strong>Abmessungen der Einfüllöffnung / Feed Opening</strong></td>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>500</td>
                    </tr>
                    <tr>
                        <td>Junge</td>
                        <td>mm</td>
                        <td>700</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Abmessungen der Kompressionskammer / Compressing Chamber Size</strong></td>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>400</td>
                    </tr>
                    <tr>
                        <td>Junge</td>
                        <td>mm</td>
                        <td>700</td>
                    </tr>
                    <tr>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>1100</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Ballengröße / Bale Size</strong></td>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>400</td>
                    </tr>
                    <tr>
                        <td>Junge</td>
                        <td>mm</td>
                        <td>700</td>
                    </tr>
                    <tr>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>200-750</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Ballengewicht / Bale Weight</strong></td>
                        <td>kg</td>
                        <td>25-50</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Betriebsdruck / Working Pressure</strong></td>
                        <td>bar</td>
                        <td>250</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Kapazität des Hydrauliktanks / Hydraulic Tank Capacity</strong></td>
                        <td>L</td>
                        <td>200</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Motorleistung</strong></td>
                        <td>kW</td>
                        <td>7,5</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Anzahl der Bindungen / Number Of Tying</strong></td>
                        <td>Stück/pcs</td>
                        <td>5X2</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Zykluszeit / Cycle Time</strong></td>
                        <td>sn/seç</td>
                        <td>25</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Maschinengröße</strong></td>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>3030</td>
                    </tr>
                    <tr>
                        <td>Junge</td>
                        <td>mm</td>
                        <td>1500</td>
                    </tr>
                    <tr>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>3590</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Versandgröße</strong></td>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>2430</td>
                    </tr>
                    <tr>
                        <td>Junge</td>
                        <td>mm</td>
                        <td>3700</td>
                    </tr>
                    <tr>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>2000</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
    
    <!-- JavaScript Kodları -->
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            console.log('Sayfa yüklendi, JavaScript başlatılıyor...');
            
            // Teklif Al butonu ve modalı
            const offerButton = document.getElementById('offerButton');
            const offerModal = document.getElementById('offerModal');
            const offerModalClose = document.getElementById('offerModalClose');
            
            console.log('Teklif modalı:', offerModal);
            console.log('Teklif butonu:', offerButton);
            
            if (offerButton && offerModal && offerModalClose) {
                offerButton.addEventListener('click', function(e) {
                    e.preventDefault();
                    offerModal.style.display = 'flex';
                    console.log('Teklif modalı açıldı');
                });
                
                offerModalClose.addEventListener('click', function() {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı kapatıldı');
                });
            }
            
            // Thumbnail seçimi - sadece manuel kontrol
            const mainImage = document.getElementById('mainImage');
            const thumbnails = document.querySelectorAll('.thumbnail');
            
            console.log('Ana görsel:', mainImage);
            console.log('Thumbnail sayısı:', thumbnails.length);
            
            if (mainImage && thumbnails.length > 0) {
                // Manuel thumbnail tıklaması
                thumbnails.forEach((thumbnail, index) => {
                    thumbnail.addEventListener('click', function(e) {
                        e.preventDefault();
                        console.log('Thumbnail tıklandı:', index);
                        
                        // Aktif thumbnail güncelle
                        thumbnails.forEach(t => t.classList.remove('active'));
                        this.classList.add('active');
                        
                        // Ana görseli değiştir
                        const imageUrl = this.getAttribute('data-image');
                        mainImage.src = imageUrl;
                        console.log('Manuel görsel değişti:', imageUrl);
                    });
                });
                
                // Görsel büyütme modalı
                const imageModal = document.getElementById('imageModal');
                const modalImage = document.getElementById('modalImage');
                const imageClose = document.getElementById('imageClose');
                
                if (imageModal && modalImage && imageClose) {
                    mainImage.addEventListener('click', function() {
                        modalImage.src = this.src;
                        imageModal.style.display = 'flex';
                        console.log('Görsel modalı açıldı');
                    });
                    
                    imageClose.addEventListener('click', function() {
                        imageModal.style.display = 'none';
                        console.log('Görsel modalı kapatıldı');
                    });
                }
            }
            
            // Teknik özellikler modalı
            const specsModal = document.getElementById('specsModal');
            const techSpecsButton = document.getElementById('techSpecsButton');
            const specsClose = document.getElementById('specsClose');
            
            console.log('Teknik özellikler modalı:', specsModal);
            console.log('Teknik özellikler butonu:', techSpecsButton);
            
            if (specsModal && techSpecsButton && specsClose) {
                techSpecsButton.addEventListener('click', function(e) {
                    e.preventDefault();
                    specsModal.style.display = 'flex';
                    console.log('Teknik özellikler modalı açıldı');
                });
                
                specsClose.addEventListener('click', function() {
                    specsModal.style.display = 'none';
                    console.log('Teknik özellikler modalı kapatıldı');
                });
            }
            
            // Video butonu - Sayfada açılan modal
            const videoButton = document.getElementById('videoButton');
            const videoModal = document.getElementById('videoModal');
            const videoModalClose = document.getElementById('videoModalClose');
            const videoIframe = document.getElementById('videoIframe');
            
            if (videoButton && videoModal && videoModalClose && videoIframe) {
                videoButton.addEventListener('click', function() {
                    // YouTube video ID'nizi buraya yazın (örnek: dQw4w9WgXcQ)
                    const videoId = '9WH8W9rHms4'; // Buraya kendi video ID'nizi yazın
                    const embedUrl = 'https://www.youtube.com/embed/' + videoId + '?autoplay=1&rel=0';
                    
                    videoIframe.src = embedUrl;
                    videoModal.style.display = 'flex';
                    console.log('Video modalı açıldı');
                });
                
                videoModalClose.addEventListener('click', function() {
                    videoModal.style.display = 'none';
                    videoIframe.src = ''; // Video durdur
                    console.log('Video modalı kapatıldı');
                });
            }
            
            // Modal dışına tıklama ile kapatma
            window.addEventListener('click', function(event) {
                const imageModal = document.getElementById('imageModal');
                const specsModal = document.getElementById('specsModal');
                const videoModal = document.getElementById('videoModal');
                const offerModal = document.getElementById('offerModal');
                
                if (event.target === imageModal && imageModal) {
                    imageModal.style.display = 'none';
                    console.log('Görsel modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === specsModal && specsModal) {
                    specsModal.style.display = 'none';
                    console.log('Specs modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === videoModal && videoModal) {
                    videoModal.style.display = 'none';
                    const videoIframe = document.getElementById('videoIframe');
                    if (videoIframe) {
                        videoIframe.src = ''; // Video durdur
                    }
                    console.log('Video modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === offerModal && offerModal) {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı dışarı tıklama ile kapatıldı');
                }
            });
            
            console.log('Tüm JavaScript event listener\'lar eklendi');
        });
    </script>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div><p><a href="https://hidrokarpres.com/de/portfolio/htbd50/">HTBD50 &#8211; Çift Hazneli Tekstil Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com/de">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>HTBD80 &#8211; Döner Hazneli Tekstil Balya Presi</title>
		<link>https://hidrokarpres.com/de/portfolio/htbd80-doner-hazneli-tekstil-balya-presi/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 27 Apr 2026 08:39:40 +0000</pubDate>
				<guid ispermalink="false">https://hidrokarpres.com/?post_type=portfolio&#038;p=22439</guid>

					<description><![CDATA[<p>Döner Hazneli Tekstil Balya Presi &#8211; HTBD80 ANASAYFA → GERİ DÖNÜŞÜM PRESLERİ HTBD80 DÖNER HAZNELİ TEKSTİL BALYA PRESİ En Çok Tercih Edilen Geri dönüşüm sektöründe atık kumaş tekstil ürünlerinin ebat olarak küçültülmesi amacıyla kullanılmaktadır. HTBD80 model kendi ekseni etrafında dönebilen iki hazneye sahiptir, bir haznede presleme yapılırken diğerinde besleme işlemi yapılır. Ürün Videosu Teknik Özellikler [&#8230;]</p>
<p><a href="https://hidrokarpres.com/de/portfolio/htbd80-doner-hazneli-tekstil-balya-presi/">HTBD80 &#8211; Döner Hazneli Tekstil Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com/de">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="22439" class="elementor elementor-22439">
				<div class="elementor-element elementor-element-23f1da6 e-flex e-con-boxed e-con e-parent" data-id="23f1da6" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f8db68d elementor-widget elementor-widget-html" data-id="f8db68d" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Döner Hazneli Tekstil Balya Presi - HTBD80</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
    <style>
        /* Genel Stiller */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        body {
            background-color: #f5f5f5;
            color: #333;
            line-height: 1.6;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        a {
            text-decoration: none;
            color: #333;
        }
        
        /* Header Stili */
        .header {
            background-color: #fff;
            padding: 15px 0;
            border-bottom: 1px solid #eee;
        }
        
        .breadcrumb {
            display: flex;
            align-items: center;
        }
        
        .breadcrumb a {
            margin-right: 10px;
            color: #666;
            transition: color 0.3s;
            font-weight: 500;
        }
        
        .breadcrumb a:hover {
            color: #ff0000;
        }
        
        .breadcrumb span {
            margin: 0 10px;
            color: #999;
        }
        
        /* Ana Grid Layout - Tam Kalıp */
        .product-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto auto auto auto;
            gap: 20px;
            margin: 30px 0;
            grid-template-areas: 
                "product-image product-description"
                "thumbnails youtube-video"
                "tech-specs offer-button"
                "general-features optional-features";
        }
        
        /* Ürün Görseli - Sol Üst */
        .product-image-section {
            grid-area: product-image;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            height: 350px;
        }
        
        .main-image {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
            cursor: zoom-in;
            transition: transform 0.3s ease;
        }
        
        .main-image:hover {
            transform: scale(1.05);
        }
        
        /* Ürün Tanımı - Sağ Üst */
        .product-description-section {
            grid-area: product-description;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .product-description-section .sdc-btn {
            background-color: #ff0000;
            color: white;
            padding: 8px 16px;
            border-radius: 4px;
            font-weight: 600;
            font-size: 14px;
            display: inline-block;
            margin-bottom: 15px;
        }
        
        .product-description-section h1 {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 8px;
            color: #111;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-description-section .subtitle {
            font-size: 16px;
            color: #777;
            margin-bottom: 15px;
            font-weight: 400;
        }
        
        .product-description-section p {
            line-height: 1.8;
            color: #555;
            text-align: justify;
        }
        
        /* YouTube Video - Sağ Orta */
        .youtube-video-section {
            grid-area: youtube-video;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: relative;
            cursor: pointer;
            transition: transform 0.3s ease;
            height: 220px;
        }
        
        .youtube-video-section:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0,0,0,0.15);
        }
        
        .video-thumbnail {
            position: relative;
            width: 100%;
            height: 170px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #000;
        }
        
        .video-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
        
        .video-play-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: rgba(255, 0, 0, 0.9);
            border-radius: 50%;
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        
        .youtube-video-section:hover .video-play-overlay {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
        }
        
        .video-play-overlay i {
            color: white;
            font-size: 24px;
            margin-left: 3px;
        }
        
        .video-title {
            padding: 15px;
            text-align: center;
            background-color: #fff;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .video-title h3 {
            font-size: 14px;
            font-weight: 600;
            color: #333;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        /* Küçük Görseller - Sol Orta - TEK SATIR */
        .thumbnails-section {
            grid-area: thumbnails;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
            height: 220px;
        }
        
        .thumbnail {
            border: 2px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            cursor: pointer;
            background-color: #fff;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px;
        }
        
        .thumbnail:hover {
            border-color: #ff0000;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(255,0,0,0.2);
        }
        
        .thumbnail.active {
            border-color: #ff0000;
            box-shadow: 0 0 0 2px rgba(255,0,0,0.2);
        }
        
        .thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        
        /* Teknik Özellikler - Sol */
        .tech-specs-section {
            grid-area: tech-specs;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .tech-specs-btn {
            background-color: #777 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .tech-specs-btn:hover {
            background-color: #666 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Teklif Al - Sağ */
        .offer-section {
            grid-area: offer-button;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .offer-btn {
            background-color: #ff0000 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            display: inline-block;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-btn:hover {
            background-color: #e60000 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Genel Özellikler - Sol Alt */
        .general-features {
            grid-area: general-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        /* Opsiyonel Özellikler - Sağ Alt */
        .optional-features {
            grid-area: optional-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .section-title {
            background-color: #ff0000;
            color: white;
            padding: 12px 20px;
            border-radius: 4px;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 20px;
            text-align: center;
            font-family: 'Poppins', sans-serif;
        }
        
        .features-list {
            list-style: none;
        }
        
        .features-list li {
            padding: 6px 0 6px 25px;
            position: relative;
            border-bottom: 1px solid #eee;
            font-size: 14px;
        }
        
        .features-list li::before {
            content: "✓";
            color: #ff0000;
            position: absolute;
            left: 5px;
            top: 6px;
            font-size: 14px;
            font-weight: bold;
        }
        
        /* Modal Stilleri */
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .modal-content {
            position: relative;
            max-width: 90%;
            max-height: 90%;
        }
        
        .modal-close {
            position: absolute;
            top: -30px;
            right: 0;
            color: white;
            font-size: 28px;
            cursor: pointer;
        }
        
        .modal-image {
            max-width: 100%;
            max-height: 90vh;
            display: block;
        }
        
        .specs-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .specs-content {
            background-color: white;
            width: 90%;
            max-width: 1100px;
            max-height: 90vh;
            overflow-y: auto;
            padding: 0;
            border-radius: 8px;
            position: relative;
        }
        
        .specs-close {
            position: absolute;
            top: 15px;
            right: 20px;
            font-size: 24px;
            cursor: pointer;
            color: #333;
            z-index: 10;
            background-color: white;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        }
        
        .specs-header {
            background-color: #777;
            color: white;
            padding: 20px 25px;
            border-radius: 8px 8px 0 0;
        }
        
        .specs-header h2 {
            margin: 0;
            font-size: 20px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .specs-content-area {
            padding: 25px;
        }
        
        .specs-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 15px;
        }
        
        .specs-table th, .specs-table td {
            padding: 12px 15px;
            text-align: left;
            border: 1px solid #ddd;
        }
        
        .specs-table th {
            background-color: #f5f5f5;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            text-align: center;
        }
        
        .specs-table thead th:first-child {
            background-color: #ff0000;
            color: white;
            text-align: left;
        }
        
        .specs-table tbody td:first-child {
            background-color: #f8f9fa;
            font-weight: 500;
        }
        
        .specs-table tbody td {
            text-align: center;
        }
        
        /* Teklif Modal Stilleri */
        .offer-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1001;
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-sizing: border-box;
        }
        
        .offer-modal-content {
            background-color: white;
            width: 90%;
            max-width: 600px;
            max-height: 90vh;
            overflow-y: auto;
            border-radius: 12px;
            position: relative;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            animation: modalSlideIn 0.3s ease-out;
        }
        
        @keyframes modalSlideIn {
            from {
                opacity: 0;
                transform: translateY(-50px) scale(0.95);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        .offer-modal-header {
            background: linear-gradient(135deg, #ff0000, #e60000);
            color: white;
            padding: 25px 30px;
            border-radius: 12px 12px 0 0;
            position: relative;
        }
        
        .offer-modal-title {
            font-size: 22px;
            font-weight: 600;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-modal-subtitle {
            font-size: 14px;
            margin: 5px 0 0 0;
            opacity: 0.9;
            font-weight: 400;
        }
        
        .offer-modal-close {
            position: absolute;
            top: 20px;
            right: 25px;
            font-size: 28px;
            cursor: pointer;
            color: white;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.3s ease;
            background-color: rgba(255,255,255,0.1);
        }
        
        .offer-modal-close:hover {
            background-color: rgba(255,255,255,0.2);
            transform: rotate(90deg);
        }
        
        .offer-modal-body {
            padding: 30px;
        }
        
        .product-info {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 25px;
            border-left: 4px solid #ff0000;
        }
        
        .product-info h4 {
            margin: 0 0 10px 0;
            color: #ff0000;
            font-size: 18px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-info p {
            margin: 0;
            color: #666;
            font-size: 14px;
            line-height: 1.5;
        }
        
        .form-intro {
            text-align: center;
            margin-bottom: 25px;
            color: #555;
            font-size: 16px;
            line-height: 1.6;
        }
        
        .contact-form-container {
            background-color: #fff;
            border: 2px dashed #ddd;
            border-radius: 8px;
            padding: 30px;
            text-align: center;
            color: #666;
            font-size: 14px;
            line-height: 1.8;
            position: relative;
            min-height: 200px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        
        .contact-form-container::before {
            content: "📝";
            font-size: 48px;
            display: block;
            margin-bottom: 15px;
        }
        
        .form-placeholder-title {
            font-weight: 600;
            color: #333;
            font-size: 16px;
            margin-bottom: 10px;
            font-family: 'Poppins', sans-serif;
        }
        
        .form-placeholder-code {
            background-color: #f1f3f4;
            padding: 12px 20px;
            border-radius: 6px;
            font-family: 'Courier New', monospace;
            font-size: 14px;
            color: #d73502;
            margin: 15px 0;
            border: 1px solid #e8eaed;
        }
        
        .form-placeholder-note {
            font-size: 12px;
            color: #888;
            font-style: italic;
        }

        /* Video Modal Stilleri */
        .video-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.9);
            z-index: 1001;
            align-items: center;
            justify-content: center;
        }
        
        .video-modal-content {
            position: relative;
            width: 90%;
            max-width: 800px;
            background-color: #000;
            border-radius: 8px;
            overflow: hidden;
        }
        
        .video-modal-header {
            background-color: #fff;
            padding: 15px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .video-modal-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            font-family: 'Poppins', sans-serif;
        }
        
        .video-modal-close {
            font-size: 24px;
            cursor: pointer;
            color: #333;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: background-color 0.3s;
        }
        
        .video-modal-close:hover {
            background-color: #f0f0f0;
        }
        
        .video-container {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
        }
        
        .video-iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        /* Mobil Uyumluluk */
        @media (max-width: 768px) {
            .product-grid {
                grid-template-columns: 1fr;
                grid-template-areas: 
                    "product-image"
                    "product-description"
                    "thumbnails"
                    "youtube-video"
                    "tech-specs"
                    "offer-button"
                    "general-features"
                    "optional-features";
            }
            
            .product-image-section {
                height: 250px;
            }
            
            .youtube-video-section {
                height: 180px;
            }
            
            .video-thumbnail {
                height: 130px;
            }
            
            .thumbnails-section {
                grid-template-columns: repeat(2, 1fr);
                height: 160px;
            }
            
            .video-play-overlay {
                width: 50px;
                height: 50px;
            }
            
            .video-play-overlay i {
                font-size: 20px;
            }
            
            .product-description-section h1 {
                font-size: 20px;
            }
            
            .section-title {
                font-size: 14px;
                padding: 10px 15px;
            }
            
            .features-list li {
                font-size: 13px;
                padding: 5px 0 5px 20px;
            }
            
            .tech-specs-btn, .offer-btn {
                padding: 10px 20px;
                font-size: 14px;
            }
            
            .specs-content {
                width: 95%;
                max-width: none;
            }
            
            .specs-content-area {
                padding: 15px;
            }
            
            .specs-table {
                font-size: 12px;
            }
            
            .specs-table th, .specs-table td {
                padding: 8px 5px;
            }
        }
        
        @media (max-width: 480px) {
            .container {
                padding: 0 10px;
            }
            
            .product-image-section {
                height: 200px;
                padding: 15px;
            }
            
            .youtube-video-section {
                height: 160px;
            }
            
            .video-thumbnail {
                height: 110px;
            }
            
            .thumbnails-section {
                height: 140px;
                padding: 15px;
                gap: 10px;
            }
            
            .video-play-overlay {
                width: 45px;
                height: 45px;
            }
            
            .video-play-overlay i {
                font-size: 18px;
            }
            
            .product-description-section, .general-features, .optional-features,
            .tech-specs-section, .offer-section {
                padding: 15px;
            }
            
            .product-description-section h1 {
                font-size: 18px;
            }
        }
    </style>
</head>
<body>
    <!-- Header Bölümü -->
    <header class="header">
        <div class="container">
            <div class="breadcrumb">
                <a href="/de/" onclick="alert('Anasayfa\'ya yönlendiriliyor...'); return false;">STARTSEITE</a>
                <span>→</span>
                <a href="/de/sac-metal-presleri/" onclick="alert('Sac Metal Presleri kategorisine yönlendiriliyor...'); return false;">RECYCLINGPRESSEN</a>
            </div>
        </div>
    </header>
    
    <div class="container">
        <!-- Ana Grid Layout -->
        <div class="product-grid">
            <!-- Ürün Görseli - Sol Üst -->
            <div class="product-image-section">
                <img decoding="async" id="mainImage" class="main-image" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTBD80.webp" alt="Hidrolik C Tip Abkant Presi" />
            </div>
            
            <!-- Ürün Tanımı - Sağ Üst -->
            <div class="product-description-section">
                <div class="sdc-btn">HTBD80</div>
                <h1>TEXTILBALLENPRESSE MIT DREHTRommel</h1>
                <p class="subtitle">Am beliebtesten</p>
                <p>In der Recyclingbranche wird die Maschine zum Zerkleinern von Textilabfällen eingesetzt. Das Modell HTBD80 verfügt über zwei Behälter, die sich um ihre eigene Achse drehen können; während in einem Behälter gepresst wird, erfolgt im anderen die Beschickung. </p>
            </div>
            
            <!-- Küçük Görseller - Sol Orta - TEK SATIR -->
            <div class="thumbnails-section">
                <div class="thumbnail active" data-image="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTBD80.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTBD80.webp" alt="Ürün Görünüm 1" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/06/5-htbd80-2.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/5-htbd80-2.webp" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/06/5-htbd80.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/5-htbd80.webp" alt="Ürün Görünüm 3" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTBD80.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTBD80.webp" alt="Ürün Görünüm 4" />
                </div>
            </div>
            
            <!-- YouTube Video - Sağ Orta -->
            <div class="youtube-video-section" id="videoButton">
                <div class="video-thumbnail">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/03/Youtube-hidrokar-copy.webp" alt="Video Kapak Görseli" />
                    <div class="video-play-overlay">
                        <i class="fas fa-play"></i>
                    </div>
                </div>
                <div class="video-title">
                    <h3>Produktvideo</h3>
                </div>
            </div>
            
            <!-- Teknik Özellikler - Orta Tam Genişlik -->
            <div class="tech-specs-section">
                <button class="tech-specs-btn" id="techSpecsButton">Technische Daten</button>
            </div>
            
            <!-- Teklif Al - Orta Tam Genişlik -->
            <div class="offer-section">
                <a href="/de/teklif-form/" class="offer-btn" id="offerButton">Angebot anfordern</a>
            </div>
            
            <!-- Genel Özellikler - Sol Alt -->
<div class="general-features">
    <h2 class="section-title">Allgemeine Merkmale</h2>
    <ul class="features-list">
        <li>Robuste Stahlkonstruktion</li>
        <li>Hydraulikaggregat mit minimalem Wartungsaufwand</li>
        <li>Not-Aus-Taste</li>
        <li>Hydraulisches Sicherheitssystem</li>
        <li>Elektrisches Sicherheitssystem</li>
    </ul>
</div>

<!-- Opsiyonel Özellikler - Sağ Alt -->
<div class="optional-features">
    <h2 class="section-title">Optionale Funktionen</h2>
    <ul class="features-list">
        <li>HMI-Touchscreen</li>
        <li>Automatisches Fütterungssystem</li>
        <li>Automatisches Behälteröffnungssystem</li>
        <li>Waage zur Gewichtsmessung von Ballen</li>
        <li>Hydrauliköl-Kühl- und Filtersystem</li>
    </ul>
</div>
    
    <!-- Teklif Al Modalı -->
    <div class="offer-modal" id="offerModal">
        <div class="offer-modal-content">
            <div class="offer-modal-header">
                <h2 class="offer-modal-title">Angebotsanfrage</h2>
                <p class="offer-modal-subtitle">Fordern Sie ein schnelles Angebot für eine Textilballenpresse mit Drehtrommel an</p>
                <span class="offer-modal-close" id="offerModalClose">&times;</span>
            </div>
            <div class="offer-modal-body">
                <div class="product-info">
                    <h4>🔧 Textilballenpresse mit Drehtrommel – HTBD80</h4>
                    <p> Sie können detaillierte technische Informationen und ein Preisangebot für alle Modelle anfordern.</p>
                </div>
                
                <div class="form-intro translation-block">Wenn Sie das folgende Formular ausfüllen, erhalten Sie <strong style="color: #ff0000">innerhalb von 24 Stunden</strong> ein individuelles Angebot.</div>
                
                <div class="contact-form-container">
                    <div class="form-placeholder-title"></div>
                    <div class="form-placeholder-code">[contact-form-7]</div>
                    <div class="form-placeholder-note">
                    </div>
                    <!-- BURAYA CONTACT FORM 7 SHORTCODE'UNU EKLEYİN -->
                    <!-- Örnek: [contact-form-7 id="123" title="Teklif Formu"] -->
                </div>
            </div>
        </div>
    </div>

    <!-- Video İzleme Modalı -->
    <div class="video-modal" id="videoModal">
        <div class="video-modal-content">
            <div class="video-modal-header">
                <div class="video-modal-title">Textilballenpresse mit Drehtrommel – Produktvideo</div>
                <span class="video-modal-close" id="videoModalClose">&times;</span>
            </div>
            <div class="video-container">
                <iframe id="videoIframe" class="video-iframe" src="" frameborder="0" allowfullscreen></iframe>
            </div>
        </div>
    </div>
    
    <!-- Görsel Büyütme Modalı -->
    <div class="modal" id="imageModal">
        <div class="modal-content">
            <span class="modal-close" id="imageClose">&times;</span>
            <img decoding="async" id="modalImage" src="" alt="Büyük Görsel" class="modal-image" />
        </div>
    </div>
    
<!-- Teknik Özellikler Modalı -->
<div class="specs-modal" id="specsModal">
    <div class="specs-content">
        <span class="specs-close" id="specsClose">&times;</span>
        <div class="specs-header">
            <h2>Technische Daten</h2>
        </div>
        <div class="specs-content-area">
            <table class="specs-table">
                <thead>
                    <tr>
                        <th>Eigenschaften</th>
                        <th>Unterkategorie</th>
                        <th>Einheit</th>
                        <th>Wert</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td rowspan="2"><strong>Abmessungen der Einfüllöffnung / Feed Opening</strong></td>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>500</td>
                    </tr>
                    <tr>
                        <td>Junge</td>
                        <td>mm</td>
                        <td>700</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Abmessungen der Kompressionskammer / Compressing Chamber Size</strong></td>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>400</td>
                    </tr>
                    <tr>
                        <td>Junge</td>
                        <td>mm</td>
                        <td>700</td>
                    </tr>
                    <tr>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>1600</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Ballengröße / Bale Size</strong></td>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>400</td>
                    </tr>
                    <tr>
                        <td>Junge</td>
                        <td>mm</td>
                        <td>700</td>
                    </tr>
                    <tr>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>300-700</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Ballengewicht / Bale Weight</strong></td>
                        <td>kg</td>
                        <td>25-80</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Betriebsdruck / Working Pressure</strong></td>
                        <td>bar</td>
                        <td>250</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Kapazität des Hydrauliktanks / Hydraulic Tank Capacity</strong></td>
                        <td>L</td>
                        <td>200</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Motorleistung</strong></td>
                        <td>kW</td>
                        <td>11</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Anzahl der Bindungen / Number Of Tying</strong></td>
                        <td>Stück/pcs</td>
                        <td>5x2</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Zykluszeit / Cycle Time</strong></td>
                        <td>sn/seç</td>
                        <td>25</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Maschinengröße</strong></td>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>3890</td>
                    </tr>
                    <tr>
                        <td>Junge</td>
                        <td>mm</td>
                        <td>1600</td>
                    </tr>
                    <tr>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>4495</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Versandgröße</strong></td>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>2400</td>
                    </tr>
                    <tr>
                        <td>Junge</td>
                        <td>mm</td>
                        <td>3890</td>
                    </tr>
                    <tr>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>2650</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
    
    <!-- JavaScript Kodları -->
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            console.log('Sayfa yüklendi, JavaScript başlatılıyor...');
            
            // Teklif Al butonu ve modalı
            const offerButton = document.getElementById('offerButton');
            const offerModal = document.getElementById('offerModal');
            const offerModalClose = document.getElementById('offerModalClose');
            
            console.log('Teklif modalı:', offerModal);
            console.log('Teklif butonu:', offerButton);
            
            if (offerButton && offerModal && offerModalClose) {
                offerButton.addEventListener('click', function(e) {
                    e.preventDefault();
                    offerModal.style.display = 'flex';
                    console.log('Teklif modalı açıldı');
                });
                
                offerModalClose.addEventListener('click', function() {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı kapatıldı');
                });
            }
            
            // Thumbnail seçimi - sadece manuel kontrol
            const mainImage = document.getElementById('mainImage');
            const thumbnails = document.querySelectorAll('.thumbnail');
            
            console.log('Ana görsel:', mainImage);
            console.log('Thumbnail sayısı:', thumbnails.length);
            
            if (mainImage && thumbnails.length > 0) {
                // Manuel thumbnail tıklaması
                thumbnails.forEach((thumbnail, index) => {
                    thumbnail.addEventListener('click', function(e) {
                        e.preventDefault();
                        console.log('Thumbnail tıklandı:', index);
                        
                        // Aktif thumbnail güncelle
                        thumbnails.forEach(t => t.classList.remove('active'));
                        this.classList.add('active');
                        
                        // Ana görseli değiştir
                        const imageUrl = this.getAttribute('data-image');
                        mainImage.src = imageUrl;
                        console.log('Manuel görsel değişti:', imageUrl);
                    });
                });
                
                // Görsel büyütme modalı
                const imageModal = document.getElementById('imageModal');
                const modalImage = document.getElementById('modalImage');
                const imageClose = document.getElementById('imageClose');
                
                if (imageModal && modalImage && imageClose) {
                    mainImage.addEventListener('click', function() {
                        modalImage.src = this.src;
                        imageModal.style.display = 'flex';
                        console.log('Görsel modalı açıldı');
                    });
                    
                    imageClose.addEventListener('click', function() {
                        imageModal.style.display = 'none';
                        console.log('Görsel modalı kapatıldı');
                    });
                }
            }
            
            // Teknik özellikler modalı
            const specsModal = document.getElementById('specsModal');
            const techSpecsButton = document.getElementById('techSpecsButton');
            const specsClose = document.getElementById('specsClose');
            
            console.log('Teknik özellikler modalı:', specsModal);
            console.log('Teknik özellikler butonu:', techSpecsButton);
            
            if (specsModal && techSpecsButton && specsClose) {
                techSpecsButton.addEventListener('click', function(e) {
                    e.preventDefault();
                    specsModal.style.display = 'flex';
                    console.log('Teknik özellikler modalı açıldı');
                });
                
                specsClose.addEventListener('click', function() {
                    specsModal.style.display = 'none';
                    console.log('Teknik özellikler modalı kapatıldı');
                });
            }
            
            // Video butonu - Sayfada açılan modal
            const videoButton = document.getElementById('videoButton');
            const videoModal = document.getElementById('videoModal');
            const videoModalClose = document.getElementById('videoModalClose');
            const videoIframe = document.getElementById('videoIframe');
            
            if (videoButton && videoModal && videoModalClose && videoIframe) {
                videoButton.addEventListener('click', function() {
                    // YouTube video ID'nizi buraya yazın (örnek: dQw4w9WgXcQ)
                    const videoId = 'i0SxJdA6GDs'; // Buraya kendi video ID'nizi yazın
                    const embedUrl = 'https://www.youtube.com/embed/' + videoId + '?autoplay=1&rel=0';
                    
                    videoIframe.src = embedUrl;
                    videoModal.style.display = 'flex';
                    console.log('Video modalı açıldı');
                });
                
                videoModalClose.addEventListener('click', function() {
                    videoModal.style.display = 'none';
                    videoIframe.src = ''; // Video durdur
                    console.log('Video modalı kapatıldı');
                });
            }
            
            // Modal dışına tıklama ile kapatma
            window.addEventListener('click', function(event) {
                const imageModal = document.getElementById('imageModal');
                const specsModal = document.getElementById('specsModal');
                const videoModal = document.getElementById('videoModal');
                const offerModal = document.getElementById('offerModal');
                
                if (event.target === imageModal && imageModal) {
                    imageModal.style.display = 'none';
                    console.log('Görsel modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === specsModal && specsModal) {
                    specsModal.style.display = 'none';
                    console.log('Specs modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === videoModal && videoModal) {
                    videoModal.style.display = 'none';
                    const videoIframe = document.getElementById('videoIframe');
                    if (videoIframe) {
                        videoIframe.src = ''; // Video durdur
                    }
                    console.log('Video modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === offerModal && offerModal) {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı dışarı tıklama ile kapatıldı');
                }
            });
            
            console.log('Tüm JavaScript event listener\'lar eklendi');
        });
    </script>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div><p><a href="https://hidrokarpres.com/de/portfolio/htbd80-doner-hazneli-tekstil-balya-presi/">HTBD80 &#8211; Döner Hazneli Tekstil Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com/de">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>HTB50 &#8211; Açılabilir Hazneli Tekstil Balya Presi</title>
		<link>https://hidrokarpres.com/de/portfolio/htb50/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 27 Apr 2026 08:32:54 +0000</pubDate>
				<guid ispermalink="false">https://hidrokarpres.com/?post_type=portfolio&#038;p=22430</guid>

					<description><![CDATA[<p>Açılabilir Hazneli Tekstil Balya Presi &#8211; HTB50 ANASAYFA → GERİ DÖNÜŞÜM PRESLERİ HTB50 AÇILABİLİR HAZNELİ TEKSTİL BALYA PRESİ En Çok Tercih Edilen Geri dönüşüm sektöründe atık kumaş tekstil ürünlerinin ebat olarak küçültülmesi amacıyla kullanılmaktadır. HTB50 model kendi ekseni etrafında dönebilen ve açılabilen iki hazneye sahiptir, bir haznede presleme yapılırken diğerinde besleme işlemi yapılır. Ürün Videosu [&#8230;]</p>
<p><a href="https://hidrokarpres.com/de/portfolio/htb50/">HTB50 &#8211; Açılabilir Hazneli Tekstil Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com/de">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="22430" class="elementor elementor-22430">
				<div class="elementor-element elementor-element-1e347ae e-flex e-con-boxed e-con e-parent" data-id="1e347ae" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-a0ba5b7 elementor-widget elementor-widget-html" data-id="a0ba5b7" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Açılabilir Hazneli Tekstil Balya Presi - HTB50</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
    <style>
        /* Genel Stiller */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        body {
            background-color: #f5f5f5;
            color: #333;
            line-height: 1.6;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        a {
            text-decoration: none;
            color: #333;
        }
        
        /* Header Stili */
        .header {
            background-color: #fff;
            padding: 15px 0;
            border-bottom: 1px solid #eee;
        }
        
        .breadcrumb {
            display: flex;
            align-items: center;
        }
        
        .breadcrumb a {
            margin-right: 10px;
            color: #666;
            transition: color 0.3s;
            font-weight: 500;
        }
        
        .breadcrumb a:hover {
            color: #ff0000;
        }
        
        .breadcrumb span {
            margin: 0 10px;
            color: #999;
        }
        
        /* Ana Grid Layout - Tam Kalıp */
        .product-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto auto auto auto;
            gap: 20px;
            margin: 30px 0;
            grid-template-areas: 
                "product-image product-description"
                "thumbnails youtube-video"
                "tech-specs offer-button"
                "general-features optional-features";
        }
        
        /* Ürün Görseli - Sol Üst */
        .product-image-section {
            grid-area: product-image;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            height: 350px;
        }
        
        .main-image {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
            cursor: zoom-in;
            transition: transform 0.3s ease;
        }
        
        .main-image:hover {
            transform: scale(1.05);
        }
        
        /* Ürün Tanımı - Sağ Üst */
        .product-description-section {
            grid-area: product-description;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .product-description-section .sdc-btn {
            background-color: #ff0000;
            color: white;
            padding: 8px 16px;
            border-radius: 4px;
            font-weight: 600;
            font-size: 14px;
            display: inline-block;
            margin-bottom: 15px;
        }
        
        .product-description-section h1 {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 8px;
            color: #111;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-description-section .subtitle {
            font-size: 16px;
            color: #777;
            margin-bottom: 15px;
            font-weight: 400;
        }
        
        .product-description-section p {
            line-height: 1.8;
            color: #555;
            text-align: justify;
        }
        
        /* YouTube Video - Sağ Orta */
        .youtube-video-section {
            grid-area: youtube-video;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: relative;
            cursor: pointer;
            transition: transform 0.3s ease;
            height: 220px;
        }
        
        .youtube-video-section:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0,0,0,0.15);
        }
        
        .video-thumbnail {
            position: relative;
            width: 100%;
            height: 170px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #000;
        }
        
        .video-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
        
        .video-play-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: rgba(255, 0, 0, 0.9);
            border-radius: 50%;
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        
        .youtube-video-section:hover .video-play-overlay {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
        }
        
        .video-play-overlay i {
            color: white;
            font-size: 24px;
            margin-left: 3px;
        }
        
        .video-title {
            padding: 15px;
            text-align: center;
            background-color: #fff;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .video-title h3 {
            font-size: 14px;
            font-weight: 600;
            color: #333;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        /* Küçük Görseller - Sol Orta - TEK SATIR */
        .thumbnails-section {
            grid-area: thumbnails;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
            height: 220px;
        }
        
        .thumbnail {
            border: 2px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            cursor: pointer;
            background-color: #fff;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px;
        }
        
        .thumbnail:hover {
            border-color: #ff0000;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(255,0,0,0.2);
        }
        
        .thumbnail.active {
            border-color: #ff0000;
            box-shadow: 0 0 0 2px rgba(255,0,0,0.2);
        }
        
        .thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        
        /* Teknik Özellikler - Sol */
        .tech-specs-section {
            grid-area: tech-specs;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .tech-specs-btn {
            background-color: #777 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .tech-specs-btn:hover {
            background-color: #666 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Teklif Al - Sağ */
        .offer-section {
            grid-area: offer-button;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .offer-btn {
            background-color: #ff0000 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            display: inline-block;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-btn:hover {
            background-color: #e60000 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Genel Özellikler - Sol Alt */
        .general-features {
            grid-area: general-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        /* Opsiyonel Özellikler - Sağ Alt */
        .optional-features {
            grid-area: optional-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .section-title {
            background-color: #ff0000;
            color: white;
            padding: 12px 20px;
            border-radius: 4px;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 20px;
            text-align: center;
            font-family: 'Poppins', sans-serif;
        }
        
        .features-list {
            list-style: none;
        }
        
        .features-list li {
            padding: 6px 0 6px 25px;
            position: relative;
            border-bottom: 1px solid #eee;
            font-size: 14px;
        }
        
        .features-list li::before {
            content: "✓";
            color: #ff0000;
            position: absolute;
            left: 5px;
            top: 6px;
            font-size: 14px;
            font-weight: bold;
        }
        
        /* Modal Stilleri */
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .modal-content {
            position: relative;
            max-width: 90%;
            max-height: 90%;
        }
        
        .modal-close {
            position: absolute;
            top: -30px;
            right: 0;
            color: white;
            font-size: 28px;
            cursor: pointer;
        }
        
        .modal-image {
            max-width: 100%;
            max-height: 90vh;
            display: block;
        }
        
        .specs-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .specs-content {
            background-color: white;
            width: 90%;
            max-width: 1100px;
            max-height: 90vh;
            overflow-y: auto;
            padding: 0;
            border-radius: 8px;
            position: relative;
        }
        
        .specs-close {
            position: absolute;
            top: 15px;
            right: 20px;
            font-size: 24px;
            cursor: pointer;
            color: #333;
            z-index: 10;
            background-color: white;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        }
        
        .specs-header {
            background-color: #777;
            color: white;
            padding: 20px 25px;
            border-radius: 8px 8px 0 0;
        }
        
        .specs-header h2 {
            margin: 0;
            font-size: 20px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .specs-content-area {
            padding: 25px;
        }
        
        .specs-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 15px;
        }
        
        .specs-table th, .specs-table td {
            padding: 12px 15px;
            text-align: left;
            border: 1px solid #ddd;
        }
        
        .specs-table th {
            background-color: #f5f5f5;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            text-align: center;
        }
        
        .specs-table thead th:first-child {
            background-color: #ff0000;
            color: white;
            text-align: left;
        }
        
        .specs-table tbody td:first-child {
            background-color: #f8f9fa;
            font-weight: 500;
        }
        
        .specs-table tbody td {
            text-align: center;
        }
        
        /* Teklif Modal Stilleri */
        .offer-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1001;
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-sizing: border-box;
        }
        
        .offer-modal-content {
            background-color: white;
            width: 90%;
            max-width: 600px;
            max-height: 90vh;
            overflow-y: auto;
            border-radius: 12px;
            position: relative;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            animation: modalSlideIn 0.3s ease-out;
        }
        
        @keyframes modalSlideIn {
            from {
                opacity: 0;
                transform: translateY(-50px) scale(0.95);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        .offer-modal-header {
            background: linear-gradient(135deg, #ff0000, #e60000);
            color: white;
            padding: 25px 30px;
            border-radius: 12px 12px 0 0;
            position: relative;
        }
        
        .offer-modal-title {
            font-size: 22px;
            font-weight: 600;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-modal-subtitle {
            font-size: 14px;
            margin: 5px 0 0 0;
            opacity: 0.9;
            font-weight: 400;
        }
        
        .offer-modal-close {
            position: absolute;
            top: 20px;
            right: 25px;
            font-size: 28px;
            cursor: pointer;
            color: white;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.3s ease;
            background-color: rgba(255,255,255,0.1);
        }
        
        .offer-modal-close:hover {
            background-color: rgba(255,255,255,0.2);
            transform: rotate(90deg);
        }
        
        .offer-modal-body {
            padding: 30px;
        }
        
        .product-info {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 25px;
            border-left: 4px solid #ff0000;
        }
        
        .product-info h4 {
            margin: 0 0 10px 0;
            color: #ff0000;
            font-size: 18px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-info p {
            margin: 0;
            color: #666;
            font-size: 14px;
            line-height: 1.5;
        }
        
        .form-intro {
            text-align: center;
            margin-bottom: 25px;
            color: #555;
            font-size: 16px;
            line-height: 1.6;
        }
        
        .contact-form-container {
            background-color: #fff;
            border: 2px dashed #ddd;
            border-radius: 8px;
            padding: 30px;
            text-align: center;
            color: #666;
            font-size: 14px;
            line-height: 1.8;
            position: relative;
            min-height: 200px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        
        .contact-form-container::before {
            content: "📝";
            font-size: 48px;
            display: block;
            margin-bottom: 15px;
        }
        
        .form-placeholder-title {
            font-weight: 600;
            color: #333;
            font-size: 16px;
            margin-bottom: 10px;
            font-family: 'Poppins', sans-serif;
        }
        
        .form-placeholder-code {
            background-color: #f1f3f4;
            padding: 12px 20px;
            border-radius: 6px;
            font-family: 'Courier New', monospace;
            font-size: 14px;
            color: #d73502;
            margin: 15px 0;
            border: 1px solid #e8eaed;
        }
        
        .form-placeholder-note {
            font-size: 12px;
            color: #888;
            font-style: italic;
        }

        /* Video Modal Stilleri */
        .video-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.9);
            z-index: 1001;
            align-items: center;
            justify-content: center;
        }
        
        .video-modal-content {
            position: relative;
            width: 90%;
            max-width: 800px;
            background-color: #000;
            border-radius: 8px;
            overflow: hidden;
        }
        
        .video-modal-header {
            background-color: #fff;
            padding: 15px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .video-modal-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            font-family: 'Poppins', sans-serif;
        }
        
        .video-modal-close {
            font-size: 24px;
            cursor: pointer;
            color: #333;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: background-color 0.3s;
        }
        
        .video-modal-close:hover {
            background-color: #f0f0f0;
        }
        
        .video-container {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
        }
        
        .video-iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        /* Mobil Uyumluluk */
        @media (max-width: 768px) {
            .product-grid {
                grid-template-columns: 1fr;
                grid-template-areas: 
                    "product-image"
                    "product-description"
                    "thumbnails"
                    "youtube-video"
                    "tech-specs"
                    "offer-button"
                    "general-features"
                    "optional-features";
            }
            
            .product-image-section {
                height: 250px;
            }
            
            .youtube-video-section {
                height: 180px;
            }
            
            .video-thumbnail {
                height: 130px;
            }
            
            .thumbnails-section {
                grid-template-columns: repeat(2, 1fr);
                height: 160px;
            }
            
            .video-play-overlay {
                width: 50px;
                height: 50px;
            }
            
            .video-play-overlay i {
                font-size: 20px;
            }
            
            .product-description-section h1 {
                font-size: 20px;
            }
            
            .section-title {
                font-size: 14px;
                padding: 10px 15px;
            }
            
            .features-list li {
                font-size: 13px;
                padding: 5px 0 5px 20px;
            }
            
            .tech-specs-btn, .offer-btn {
                padding: 10px 20px;
                font-size: 14px;
            }
            
            .specs-content {
                width: 95%;
                max-width: none;
            }
            
            .specs-content-area {
                padding: 15px;
            }
            
            .specs-table {
                font-size: 12px;
            }
            
            .specs-table th, .specs-table td {
                padding: 8px 5px;
            }
        }
        
        @media (max-width: 480px) {
            .container {
                padding: 0 10px;
            }
            
            .product-image-section {
                height: 200px;
                padding: 15px;
            }
            
            .youtube-video-section {
                height: 160px;
            }
            
            .video-thumbnail {
                height: 110px;
            }
            
            .thumbnails-section {
                height: 140px;
                padding: 15px;
                gap: 10px;
            }
            
            .video-play-overlay {
                width: 45px;
                height: 45px;
            }
            
            .video-play-overlay i {
                font-size: 18px;
            }
            
            .product-description-section, .general-features, .optional-features,
            .tech-specs-section, .offer-section {
                padding: 15px;
            }
            
            .product-description-section h1 {
                font-size: 18px;
            }
        }
    </style>
</head>
<body>
    <!-- Header Bölümü -->
    <header class="header">
        <div class="container">
            <div class="breadcrumb">
                <a href="/de/" onclick="alert('Anasayfa\'ya yönlendiriliyor...'); return false;">STARTSEITE</a>
                <span>→</span>
                <a href="/de/sac-metal-presleri/" onclick="alert('Sac Metal Presleri kategorisine yönlendiriliyor...'); return false;">RECYCLINGPRESSEN</a>
            </div>
        </div>
    </header>
    
    <div class="container">
        <!-- Ana Grid Layout -->
        <div class="product-grid">
            <!-- Ürün Görseli - Sol Üst -->
            <div class="product-image-section">
                <img decoding="async" id="mainImage" class="main-image" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTB50.webp" alt="Hidrolik C Tip Abkant Presi" />
            </div>
            
            <!-- Ürün Tanımı - Sağ Üst -->
            <div class="product-description-section">
                <div class="sdc-btn">HTB50</div>
                <h1>TEXTILBALLENPRESSE MIT ÖFFNBAREM BEHÄLTER</h1>
                <p class="subtitle">Am beliebtesten</p>
                <p>In der Recyclingbranche wird diese Maschine zum Zerkleinern von Textilabfällen eingesetzt. Das Modell HTB50 verfügt über zwei Behälter, die sich um ihre eigene Achse drehen und öffnen lassen; während in einem Behälter gepresst wird, erfolgt im anderen die Beschickung. </p>
            </div>
            
            <!-- Küçük Görseller - Sol Orta - TEK SATIR -->
            <div class="thumbnails-section">
                <div class="thumbnail active" data-image="https://hidrokarpres.com/wp-content/uploads/2026/06/2-hidrokarpres-HTBD-50.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/2-hidrokarpres-HTBD-50.webp" alt="Ürün Görünüm 1" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/06/1-hidrokarpres-HTBD-50.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/1-hidrokarpres-HTBD-50.webp" alt="Ürün Görünüm 2" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/06/3-hidrokarpres-HTBD-50.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/3-hidrokarpres-HTBD-50.webp" alt="Ürün Görünüm 3" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/06/4-hidrokarpres-HTBD-50.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/4-hidrokarpres-HTBD-50.webp" alt="Ürün Görünüm 4" />
                </div>
            </div>
            
            <!-- YouTube Video - Sağ Orta -->
            <div class="youtube-video-section" id="videoButton">
                <div class="video-thumbnail">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/03/Youtube-hidrokar-copy.webp" alt="Video Kapak Görseli" />
                    <div class="video-play-overlay">
                        <i class="fas fa-play"></i>
                    </div>
                </div>
                <div class="video-title">
                    <h3>Produktvideo</h3>
                </div>
            </div>
            
            <!-- Teknik Özellikler - Orta Tam Genişlik -->
            <div class="tech-specs-section">
                <button class="tech-specs-btn" id="techSpecsButton">Technische Daten</button>
            </div>
            
            <!-- Teklif Al - Orta Tam Genişlik -->
            <div class="offer-section">
                <a href="/de/teklif-form/" class="offer-btn" id="offerButton">Angebot anfordern</a>
            </div>
            
            <!-- Genel Özellikler - Sol Alt -->
<div class="general-features">
    <h2 class="section-title">Allgemeine Merkmale</h2>
    <ul class="features-list">
        <li>Robuste Stahlkonstruktion</li>
        <li>Hydraulikaggregat mit minimalem Wartungsaufwand</li>
        <li>Not-Aus-Taste</li>
        <li>Hydraulisches Sicherheitssystem</li>
        <li>Elektrisches Sicherheitssystem</li>
        <li>Sicherheitsschalter</li>
    </ul>
</div>

<!-- Opsiyonel Özellikler - Sağ Alt -->
<div class="optional-features">
    <h2 class="section-title">Optionale Funktionen</h2>
    <ul class="features-list">
        <li>HMI-Touchscreen</li>
        <li>Automatisches Fütterungssystem</li>
        <li>Automatisches Behälteröffnungssystem</li>
        <li>Waage zur Gewichtsmessung von Ballen</li>
        <li>Hydrauliköl-Kühl- und Filtersystem</li>
        <li>Pneumatischer Vorpresszylinder</li>
    </ul>
</div>
    
    <!-- Teklif Al Modalı -->
    <div class="offer-modal" id="offerModal">
        <div class="offer-modal-content">
            <div class="offer-modal-header">
                <h2 class="offer-modal-title">Angebotsanfrage</h2>
                <p class="offer-modal-subtitle">Fordern Sie ein schnelles Angebot für eine Ein-Kammer-Textilballenpresse an</p>
                <span class="offer-modal-close" id="offerModalClose">&times;</span>
            </div>
            <div class="offer-modal-body">
                <div class="product-info">
                    <h4>🔧 Textilballenpresse mit aufklappbarem Behälter – HTB50</h4>
                    <p> Sie können detaillierte technische Informationen und ein Preisangebot für alle Modelle anfordern.</p>
                </div>
                
                <div class="form-intro translation-block">Wenn Sie das folgende Formular ausfüllen, erhalten Sie <strong style="color: #ff0000">innerhalb von 24 Stunden</strong> ein individuelles Angebot.</div>
                
                <div class="contact-form-container">
                    <div class="form-placeholder-title"></div>
                    <div class="form-placeholder-code">[contact-form-7]</div>
                    <div class="form-placeholder-note">
                    </div>
                    <!-- BURAYA CONTACT FORM 7 SHORTCODE'UNU EKLEYİN -->
                    <!-- Örnek: [contact-form-7 id="123" title="Teklif Formu"] -->
                </div>
            </div>
        </div>
    </div>

    <!-- Video İzleme Modalı -->
    <div class="video-modal" id="videoModal">
        <div class="video-modal-content">
            <div class="video-modal-header">
                <div class="video-modal-title">Textilballenpresse mit aufklappbarem Behälter – Produktvideo</div>
                <span class="video-modal-close" id="videoModalClose">&times;</span>
            </div>
            <div class="video-container">
                <iframe id="videoIframe" class="video-iframe" src="" frameborder="0" allowfullscreen></iframe>
            </div>
        </div>
    </div>
    
    <!-- Görsel Büyütme Modalı -->
    <div class="modal" id="imageModal">
        <div class="modal-content">
            <span class="modal-close" id="imageClose">&times;</span>
            <img decoding="async" id="modalImage" src="" alt="Büyük Görsel" class="modal-image" />
        </div>
    </div>
    
<!-- Teknik Özellikler Modalı -->
<div class="specs-modal" id="specsModal">
    <div class="specs-content">
        <span class="specs-close" id="specsClose">&times;</span>
        <div class="specs-header">
            <h2>Technische Daten</h2>
        </div>
        <div class="specs-content-area">
            <table class="specs-table">
                <thead>
                    <tr>
                        <th>Eigenschaften</th>
                        <th>Unterkategorie</th>
                        <th>Einheit</th>
                        <th>Wert</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td rowspan="2"><strong>Abmessungen der Einfüllöffnung / Feed Opening</strong></td>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>765</td>
                    </tr>
                    <tr>
                        <td>Junge</td>
                        <td>mm</td>
                        <td>500</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Abmessungen der Kompressionskammer / Compressing Chamber Size</strong></td>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>765</td>
                    </tr>
                    <tr>
                        <td>Junge</td>
                        <td>mm</td>
                        <td>400</td>
                    </tr>
                    <tr>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>1530</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Ballengröße / Bale Size</strong></td>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>765</td>
                    </tr>
                    <tr>
                        <td>Junge</td>
                        <td>mm</td>
                        <td>400</td>
                    </tr>
                    <tr>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>100-700</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Ballengewicht / Bale Weight</strong></td>
                        <td>kg</td>
                        <td>40-60</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Betriebsdruck / Working Pressure</strong></td>
                        <td>bar</td>
                        <td>135</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Kapazität des Hydrauliktanks / Hydraulic Tank Capacity</strong></td>
                        <td>L</td>
                        <td>220</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Motorleistung</strong></td>
                        <td>kW</td>
                        <td>9</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Anzahl der Bindungen / Number Of Tying</strong></td>
                        <td>Stück/pcs</td>
                        <td>5</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Zykluszeit / Cycle Time</strong></td>
                        <td>sn/seç</td>
                        <td>20</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Maschinengröße</strong></td>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>3315</td>
                    </tr>
                    <tr>
                        <td>Junge</td>
                        <td>mm</td>
                        <td>1000</td>
                    </tr>
                    <tr>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>3995</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Maschinengewicht</strong></td>
                        <td>kg</td>
                        <td>2460</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Versandgröße</strong></td>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>1850</td>
                    </tr>
                    <tr>
                        <td>Junge</td>
                        <td>mm</td>
                        <td>3150</td>
                    </tr>
                    <tr>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>2180</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
    
    <!-- JavaScript Kodları -->
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            console.log('Sayfa yüklendi, JavaScript başlatılıyor...');
            
            // Teklif Al butonu ve modalı
            const offerButton = document.getElementById('offerButton');
            const offerModal = document.getElementById('offerModal');
            const offerModalClose = document.getElementById('offerModalClose');
            
            console.log('Teklif modalı:', offerModal);
            console.log('Teklif butonu:', offerButton);
            
            if (offerButton && offerModal && offerModalClose) {
                offerButton.addEventListener('click', function(e) {
                    e.preventDefault();
                    offerModal.style.display = 'flex';
                    console.log('Teklif modalı açıldı');
                });
                
                offerModalClose.addEventListener('click', function() {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı kapatıldı');
                });
            }
            
            // Thumbnail seçimi - sadece manuel kontrol
            const mainImage = document.getElementById('mainImage');
            const thumbnails = document.querySelectorAll('.thumbnail');
            
            console.log('Ana görsel:', mainImage);
            console.log('Thumbnail sayısı:', thumbnails.length);
            
            if (mainImage && thumbnails.length > 0) {
                // Manuel thumbnail tıklaması
                thumbnails.forEach((thumbnail, index) => {
                    thumbnail.addEventListener('click', function(e) {
                        e.preventDefault();
                        console.log('Thumbnail tıklandı:', index);
                        
                        // Aktif thumbnail güncelle
                        thumbnails.forEach(t => t.classList.remove('active'));
                        this.classList.add('active');
                        
                        // Ana görseli değiştir
                        const imageUrl = this.getAttribute('data-image');
                        mainImage.src = imageUrl;
                        console.log('Manuel görsel değişti:', imageUrl);
                    });
                });
                
                // Görsel büyütme modalı
                const imageModal = document.getElementById('imageModal');
                const modalImage = document.getElementById('modalImage');
                const imageClose = document.getElementById('imageClose');
                
                if (imageModal && modalImage && imageClose) {
                    mainImage.addEventListener('click', function() {
                        modalImage.src = this.src;
                        imageModal.style.display = 'flex';
                        console.log('Görsel modalı açıldı');
                    });
                    
                    imageClose.addEventListener('click', function() {
                        imageModal.style.display = 'none';
                        console.log('Görsel modalı kapatıldı');
                    });
                }
            }
            
            // Teknik özellikler modalı
            const specsModal = document.getElementById('specsModal');
            const techSpecsButton = document.getElementById('techSpecsButton');
            const specsClose = document.getElementById('specsClose');
            
            console.log('Teknik özellikler modalı:', specsModal);
            console.log('Teknik özellikler butonu:', techSpecsButton);
            
            if (specsModal && techSpecsButton && specsClose) {
                techSpecsButton.addEventListener('click', function(e) {
                    e.preventDefault();
                    specsModal.style.display = 'flex';
                    console.log('Teknik özellikler modalı açıldı');
                });
                
                specsClose.addEventListener('click', function() {
                    specsModal.style.display = 'none';
                    console.log('Teknik özellikler modalı kapatıldı');
                });
            }
            
            // Video butonu - Sayfada açılan modal
            const videoButton = document.getElementById('videoButton');
            const videoModal = document.getElementById('videoModal');
            const videoModalClose = document.getElementById('videoModalClose');
            const videoIframe = document.getElementById('videoIframe');
            
            if (videoButton && videoModal && videoModalClose && videoIframe) {
                videoButton.addEventListener('click', function() {
                    // YouTube video ID'nizi buraya yazın (örnek: dQw4w9WgXcQ)
                    const videoId = 'Zi2xkOdf7-8'; // Buraya kendi video ID'nizi yazın
                    const embedUrl = 'https://www.youtube.com/embed/' + videoId + '?autoplay=1&rel=0';
                    
                    videoIframe.src = embedUrl;
                    videoModal.style.display = 'flex';
                    console.log('Video modalı açıldı');
                });
                
                videoModalClose.addEventListener('click', function() {
                    videoModal.style.display = 'none';
                    videoIframe.src = ''; // Video durdur
                    console.log('Video modalı kapatıldı');
                });
            }
            
            // Modal dışına tıklama ile kapatma
            window.addEventListener('click', function(event) {
                const imageModal = document.getElementById('imageModal');
                const specsModal = document.getElementById('specsModal');
                const videoModal = document.getElementById('videoModal');
                const offerModal = document.getElementById('offerModal');
                
                if (event.target === imageModal && imageModal) {
                    imageModal.style.display = 'none';
                    console.log('Görsel modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === specsModal && specsModal) {
                    specsModal.style.display = 'none';
                    console.log('Specs modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === videoModal && videoModal) {
                    videoModal.style.display = 'none';
                    const videoIframe = document.getElementById('videoIframe');
                    if (videoIframe) {
                        videoIframe.src = ''; // Video durdur
                    }
                    console.log('Video modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === offerModal && offerModal) {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı dışarı tıklama ile kapatıldı');
                }
            });
            
            console.log('Tüm JavaScript event listener\'lar eklendi');
        });
    </script>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div><p><a href="https://hidrokarpres.com/de/portfolio/htb50/">HTB50 &#8211; Açılabilir Hazneli Tekstil Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com/de">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>HTB50 PRO &#8211; Açılır Hazneli Tekstil Balya Presi</title>
		<link>https://hidrokarpres.com/de/portfolio/htb50-pro/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 27 Apr 2026 08:19:14 +0000</pubDate>
				<guid ispermalink="false">https://hidrokarpres.com/?post_type=portfolio&#038;p=22422</guid>

					<description><![CDATA[<p>Açılabilir Hazneli Tekstil Balya Presi &#8211; HTB50 PRO ANASAYFA → GERİ DÖNÜŞÜM PRESLERİ HTB50 PRO AÇILABİLİR HAZNELİ TEKSTİL BALYA PRESİ En Çok Tercih Edilen HTB50 PRO Tekstil Balya Presi, geri dönüşüm sektöründe atık kumaş ve tekstil ürünlerinin hacmini küçültmek amacıyla kullanılmaktadır. Güç regülasyonlu pompa sistemi sayesinde yüksek verimlilikle çalışırken etkili enerji tasarrufu sağlar. Yay destekli [&#8230;]</p>
<p><a href="https://hidrokarpres.com/de/portfolio/htb50-pro/">HTB50 PRO &#8211; Açılır Hazneli Tekstil Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com/de">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="22422" class="elementor elementor-22422">
				<div class="elementor-element elementor-element-b2b42a1 e-flex e-con-boxed e-con e-parent" data-id="b2b42a1" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-7f27ccf elementor-widget elementor-widget-html" data-id="7f27ccf" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Açılabilir Hazneli Tekstil Balya Presi - HTB50 PRO</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
    <style>
        /* Genel Stiller */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        body {
            background-color: #f5f5f5;
            color: #333;
            line-height: 1.6;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        a {
            text-decoration: none;
            color: #333;
        }
        
        /* Header Stili */
        .header {
            background-color: #fff;
            padding: 15px 0;
            border-bottom: 1px solid #eee;
        }
        
        .breadcrumb {
            display: flex;
            align-items: center;
        }
        
        .breadcrumb a {
            margin-right: 10px;
            color: #666;
            transition: color 0.3s;
            font-weight: 500;
        }
        
        .breadcrumb a:hover {
            color: #ff0000;
        }
        
        .breadcrumb span {
            margin: 0 10px;
            color: #999;
        }
        
        /* Ana Grid Layout - Tam Kalıp */
        .product-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto auto auto auto;
            gap: 20px;
            margin: 30px 0;
            grid-template-areas: 
                "product-image product-description"
                "thumbnails youtube-video"
                "tech-specs offer-button"
                "general-features optional-features";
        }
        
        /* Ürün Görseli - Sol Üst */
        .product-image-section {
            grid-area: product-image;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            height: 350px;
        }
        
        .main-image {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
            cursor: zoom-in;
            transition: transform 0.3s ease;
        }
        
        .main-image:hover {
            transform: scale(1.05);
        }
        
        /* Ürün Tanımı - Sağ Üst */
        .product-description-section {
            grid-area: product-description;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .product-description-section .sdc-btn {
            background-color: #ff0000;
            color: white;
            padding: 8px 16px;
            border-radius: 4px;
            font-weight: 600;
            font-size: 14px;
            display: inline-block;
            margin-bottom: 15px;
        }
        
        .product-description-section h1 {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 8px;
            color: #111;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-description-section .subtitle {
            font-size: 16px;
            color: #777;
            margin-bottom: 15px;
            font-weight: 400;
        }
        
        .product-description-section p {
            line-height: 1.8;
            color: #555;
            text-align: justify;
        }
        
        /* YouTube Video - Sağ Orta */
        .youtube-video-section {
            grid-area: youtube-video;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: relative;
            cursor: pointer;
            transition: transform 0.3s ease;
            height: 220px;
        }
        
        .youtube-video-section:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0,0,0,0.15);
        }
        
        .video-thumbnail {
            position: relative;
            width: 100%;
            height: 170px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #000;
        }
        
        .video-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
        
        .video-play-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: rgba(255, 0, 0, 0.9);
            border-radius: 50%;
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        
        .youtube-video-section:hover .video-play-overlay {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
        }
        
        .video-play-overlay i {
            color: white;
            font-size: 24px;
            margin-left: 3px;
        }
        
        .video-title {
            padding: 15px;
            text-align: center;
            background-color: #fff;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .video-title h3 {
            font-size: 14px;
            font-weight: 600;
            color: #333;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        /* Küçük Görseller - Sol Orta - TEK SATIR */
        .thumbnails-section {
            grid-area: thumbnails;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
            height: 220px;
        }
        
        .thumbnail {
            border: 2px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            cursor: pointer;
            background-color: #fff;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px;
        }
        
        .thumbnail:hover {
            border-color: #ff0000;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(255,0,0,0.2);
        }
        
        .thumbnail.active {
            border-color: #ff0000;
            box-shadow: 0 0 0 2px rgba(255,0,0,0.2);
        }
        
        .thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        
        /* Teknik Özellikler - Sol */
        .tech-specs-section {
            grid-area: tech-specs;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .tech-specs-btn {
            background-color: #777 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .tech-specs-btn:hover {
            background-color: #666 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Teklif Al - Sağ */
        .offer-section {
            grid-area: offer-button;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .offer-btn {
            background-color: #ff0000 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            display: inline-block;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-btn:hover {
            background-color: #e60000 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Genel Özellikler - Sol Alt */
        .general-features {
            grid-area: general-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        /* Opsiyonel Özellikler - Sağ Alt */
        .optional-features {
            grid-area: optional-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .section-title {
            background-color: #ff0000;
            color: white;
            padding: 12px 20px;
            border-radius: 4px;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 20px;
            text-align: center;
            font-family: 'Poppins', sans-serif;
        }
        
        .features-list {
            list-style: none;
        }
        
        .features-list li {
            padding: 6px 0 6px 25px;
            position: relative;
            border-bottom: 1px solid #eee;
            font-size: 14px;
        }
        
        .features-list li::before {
            content: "✓";
            color: #ff0000;
            position: absolute;
            left: 5px;
            top: 6px;
            font-size: 14px;
            font-weight: bold;
        }
        
        /* Modal Stilleri */
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .modal-content {
            position: relative;
            max-width: 90%;
            max-height: 90%;
        }
        
        .modal-close {
            position: absolute;
            top: -30px;
            right: 0;
            color: white;
            font-size: 28px;
            cursor: pointer;
        }
        
        .modal-image {
            max-width: 100%;
            max-height: 90vh;
            display: block;
        }
        
        .specs-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .specs-content {
            background-color: white;
            width: 90%;
            max-width: 1100px;
            max-height: 90vh;
            overflow-y: auto;
            padding: 0;
            border-radius: 8px;
            position: relative;
        }
        
        .specs-close {
            position: absolute;
            top: 15px;
            right: 20px;
            font-size: 24px;
            cursor: pointer;
            color: #333;
            z-index: 10;
            background-color: white;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        }
        
        .specs-header {
            background-color: #777;
            color: white;
            padding: 20px 25px;
            border-radius: 8px 8px 0 0;
        }
        
        .specs-header h2 {
            margin: 0;
            font-size: 20px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .specs-content-area {
            padding: 25px;
        }
        
        .specs-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 15px;
        }
        
        .specs-table th, .specs-table td {
            padding: 12px 15px;
            text-align: left;
            border: 1px solid #ddd;
        }
        
        .specs-table th {
            background-color: #f5f5f5;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            text-align: center;
        }
        
        .specs-table thead th:first-child {
            background-color: #ff0000;
            color: white;
            text-align: left;
        }
        
        .specs-table tbody td:first-child {
            background-color: #f8f9fa;
            font-weight: 500;
        }
        
        .specs-table tbody td {
            text-align: center;
        }
        
        /* Teklif Modal Stilleri */
        .offer-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1001;
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-sizing: border-box;
        }
        
        .offer-modal-content {
            background-color: white;
            width: 90%;
            max-width: 600px;
            max-height: 90vh;
            overflow-y: auto;
            border-radius: 12px;
            position: relative;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            animation: modalSlideIn 0.3s ease-out;
        }
        
        @keyframes modalSlideIn {
            from {
                opacity: 0;
                transform: translateY(-50px) scale(0.95);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        .offer-modal-header {
            background: linear-gradient(135deg, #ff0000, #e60000);
            color: white;
            padding: 25px 30px;
            border-radius: 12px 12px 0 0;
            position: relative;
        }
        
        .offer-modal-title {
            font-size: 22px;
            font-weight: 600;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-modal-subtitle {
            font-size: 14px;
            margin: 5px 0 0 0;
            opacity: 0.9;
            font-weight: 400;
        }
        
        .offer-modal-close {
            position: absolute;
            top: 20px;
            right: 25px;
            font-size: 28px;
            cursor: pointer;
            color: white;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.3s ease;
            background-color: rgba(255,255,255,0.1);
        }
        
        .offer-modal-close:hover {
            background-color: rgba(255,255,255,0.2);
            transform: rotate(90deg);
        }
        
        .offer-modal-body {
            padding: 30px;
        }
        
        .product-info {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 25px;
            border-left: 4px solid #ff0000;
        }
        
        .product-info h4 {
            margin: 0 0 10px 0;
            color: #ff0000;
            font-size: 18px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-info p {
            margin: 0;
            color: #666;
            font-size: 14px;
            line-height: 1.5;
        }
        
        .form-intro {
            text-align: center;
            margin-bottom: 25px;
            color: #555;
            font-size: 16px;
            line-height: 1.6;
        }
        
        .contact-form-container {
            background-color: #fff;
            border: 2px dashed #ddd;
            border-radius: 8px;
            padding: 30px;
            text-align: center;
            color: #666;
            font-size: 14px;
            line-height: 1.8;
            position: relative;
            min-height: 200px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        
        .contact-form-container::before {
            content: "📝";
            font-size: 48px;
            display: block;
            margin-bottom: 15px;
        }
        
        .form-placeholder-title {
            font-weight: 600;
            color: #333;
            font-size: 16px;
            margin-bottom: 10px;
            font-family: 'Poppins', sans-serif;
        }
        
        .form-placeholder-code {
            background-color: #f1f3f4;
            padding: 12px 20px;
            border-radius: 6px;
            font-family: 'Courier New', monospace;
            font-size: 14px;
            color: #d73502;
            margin: 15px 0;
            border: 1px solid #e8eaed;
        }
        
        .form-placeholder-note {
            font-size: 12px;
            color: #888;
            font-style: italic;
        }

        /* Video Modal Stilleri */
        .video-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.9);
            z-index: 1001;
            align-items: center;
            justify-content: center;
        }
        
        .video-modal-content {
            position: relative;
            width: 90%;
            max-width: 800px;
            background-color: #000;
            border-radius: 8px;
            overflow: hidden;
        }
        
        .video-modal-header {
            background-color: #fff;
            padding: 15px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .video-modal-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            font-family: 'Poppins', sans-serif;
        }
        
        .video-modal-close {
            font-size: 24px;
            cursor: pointer;
            color: #333;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: background-color 0.3s;
        }
        
        .video-modal-close:hover {
            background-color: #f0f0f0;
        }
        
        .video-container {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
        }
        
        .video-iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        /* Mobil Uyumluluk */
        @media (max-width: 768px) {
            .product-grid {
                grid-template-columns: 1fr;
                grid-template-areas: 
                    "product-image"
                    "product-description"
                    "thumbnails"
                    "youtube-video"
                    "tech-specs"
                    "offer-button"
                    "general-features"
                    "optional-features";
            }
            
            .product-image-section {
                height: 250px;
            }
            
            .youtube-video-section {
                height: 180px;
            }
            
            .video-thumbnail {
                height: 130px;
            }
            
            .thumbnails-section {
                grid-template-columns: repeat(2, 1fr);
                height: 160px;
            }
            
            .video-play-overlay {
                width: 50px;
                height: 50px;
            }
            
            .video-play-overlay i {
                font-size: 20px;
            }
            
            .product-description-section h1 {
                font-size: 20px;
            }
            
            .section-title {
                font-size: 14px;
                padding: 10px 15px;
            }
            
            .features-list li {
                font-size: 13px;
                padding: 5px 0 5px 20px;
            }
            
            .tech-specs-btn, .offer-btn {
                padding: 10px 20px;
                font-size: 14px;
            }
            
            .specs-content {
                width: 95%;
                max-width: none;
            }
            
            .specs-content-area {
                padding: 15px;
            }
            
            .specs-table {
                font-size: 12px;
            }
            
            .specs-table th, .specs-table td {
                padding: 8px 5px;
            }
        }
        
        @media (max-width: 480px) {
            .container {
                padding: 0 10px;
            }
            
            .product-image-section {
                height: 200px;
                padding: 15px;
            }
            
            .youtube-video-section {
                height: 160px;
            }
            
            .video-thumbnail {
                height: 110px;
            }
            
            .thumbnails-section {
                height: 140px;
                padding: 15px;
                gap: 10px;
            }
            
            .video-play-overlay {
                width: 45px;
                height: 45px;
            }
            
            .video-play-overlay i {
                font-size: 18px;
            }
            
            .product-description-section, .general-features, .optional-features,
            .tech-specs-section, .offer-section {
                padding: 15px;
            }
            
            .product-description-section h1 {
                font-size: 18px;
            }
        }
    </style>
</head>
<body>
    <!-- Header Bölümü -->
    <header class="header">
        <div class="container">
            <div class="breadcrumb">
                <a href="/de/" onclick="alert('Anasayfa\'ya yönlendiriliyor...'); return false;">STARTSEITE</a>
                <span>→</span>
                <a href="/de/sac-metal-presleri/" onclick="alert('Sac Metal Presleri kategorisine yönlendiriliyor...'); return false;">RECYCLINGPRESSEN</a>
            </div>
        </div>
    </header>
    
    <div class="container">
        <!-- Ana Grid Layout -->
        <div class="product-grid">
            <!-- Ürün Görseli - Sol Üst -->
            <div class="product-image-section">
                <img decoding="async" id="mainImage" class="main-image" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTB50PRO.webp" alt="Hidrolik C Tip Abkant Presi" />
            </div>
            
            <!-- Ürün Tanımı - Sağ Üst -->
            <div class="product-description-section">
                <div class="sdc-btn">HTB50 PRO</div>
                <h1>TEXTILBALLENPRESSE MIT ÖFFNBAREM BEHÄLTER</h1>
                <p class="subtitle">Am beliebtesten</p>
                <p>Die Textilballenpresse HTB50 PRO wird in der Recyclingbranche eingesetzt, um das Volumen von Stoffabfällen und Textilprodukten zu reduzieren. Dank des leistungsgeregelten Pumpensystems arbeitet sie mit hoher Effizienz und sorgt gleichzeitig für eine effektive Energieeinsparung. Der federunterstützte Drehrahmen trägt zur gleichmäßigen Lastverteilung bei, während die Bronzebuchsen den Verschleiß minimieren und eine lange Lebensdauer gewährleisten. Die HTB50 PRO verfügt über eine SPS-gesteuerte Konstruktion und gewährleistet dank integrierter Sicherheitsschalter ein Höchstmaß an Bedienersicherheit.</p>
            </div>
            
            <!-- Küçük Görseller - Sol Orta - TEK SATIR -->
            <div class="thumbnails-section">
                <div class="thumbnail active" data-image="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTB50PRO.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTB50PRO.webp" alt="Ürün Görünüm 1" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTB50PRO.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTB50PRO.webp" alt="Ürün Görünüm 2" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTB50PRO.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTB50PRO.webp" alt="Ürün Görünüm 3" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTB50PRO.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTB50PRO.webp" alt="Ürün Görünüm 4" />
                </div>
            </div>
            
            <!-- YouTube Video - Sağ Orta -->
            <div class="youtube-video-section" id="videoButton">
                <div class="video-thumbnail">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/03/Youtube-hidrokar-copy.webp" alt="Video Kapak Görseli" />
                    <div class="video-play-overlay">
                        <i class="fas fa-play"></i>
                    </div>
                </div>
                <div class="video-title">
                    <h3>Produktvideo</h3>
                </div>
            </div>
            
            <!-- Teknik Özellikler - Orta Tam Genişlik -->
            <div class="tech-specs-section">
                <button class="tech-specs-btn" id="techSpecsButton">Technische Daten</button>
            </div>
            
            <!-- Teklif Al - Orta Tam Genişlik -->
            <div class="offer-section">
                <a href="/de/teklif-form/" class="offer-btn" id="offerButton">Angebot anfordern</a>
            </div>
            
            <!-- Genel Özellikler - Sol Alt -->
<div class="general-features">
    <h2 class="section-title">Allgemeine Merkmale</h2>
    <ul class="features-list">
        <li>Robuste Stahlkonstruktion</li>
        <li>Hydraulikaggregat mit minimalem Wartungsaufwand</li>
        <li>Not-Aus-Taste</li>
        <li>Hydraulisches Sicherheitssystem</li>
        <li>Elektrisches Sicherheitssystem</li>
        <li>Sicherheitsschalter</li>
    </ul>
</div>

<!-- Opsiyonel Özellikler - Sağ Alt -->
<div class="optional-features">
    <h2 class="section-title">Optionale Funktionen</h2>
    <ul class="features-list">
        <li>HMI-Touchscreen</li>
        <li>Automatisches Fütterungssystem</li>
        <li>Automatisches Behälteröffnungssystem</li>
        <li>Waage zur Gewichtsmessung von Ballen</li>
        <li>Hydrauliköl-Kühl- und Filtersystem</li>
        <li>Pneumatischer Vorpresszylinder</li>
    </ul>
</div>
    
    <!-- Teklif Al Modalı -->
    <div class="offer-modal" id="offerModal">
        <div class="offer-modal-content">
            <div class="offer-modal-header">
                <h2 class="offer-modal-title">Angebotsanfrage</h2>
                <p class="offer-modal-subtitle">Fordern Sie ein schnelles Angebot für eine Ein-Kammer-Textilballenpresse an</p>
                <span class="offer-modal-close" id="offerModalClose">&times;</span>
            </div>
            <div class="offer-modal-body">
                <div class="product-info">
                    <h4>🔧 Textilballenpresse mit aufklappbarem Behälter – HTB50 PRO</h4>
                    <p> Sie können detaillierte technische Informationen und ein Preisangebot für alle Modelle anfordern.</p>
                </div>
                
                <div class="form-intro translation-block">Wenn Sie das folgende Formular ausfüllen, erhalten Sie <strong style="color: #ff0000">innerhalb von 24 Stunden</strong> ein individuelles Angebot.</div>
                
                <div class="contact-form-container">
                    <div class="form-placeholder-title"></div>
                    <div class="form-placeholder-code">[contact-form-7]</div>
                    <div class="form-placeholder-note">
                    </div>
                    <!-- BURAYA CONTACT FORM 7 SHORTCODE'UNU EKLEYİN -->
                    <!-- Örnek: [contact-form-7 id="123" title="Teklif Formu"] -->
                </div>
            </div>
        </div>
    </div>

    <!-- Video İzleme Modalı -->
    <div class="video-modal" id="videoModal">
        <div class="video-modal-content">
            <div class="video-modal-header">
                <div class="video-modal-title">Textilballenpresse mit aufklappbarem Behälter – Produktvideo</div>
                <span class="video-modal-close" id="videoModalClose">&times;</span>
            </div>
            <div class="video-container">
                <iframe id="videoIframe" class="video-iframe" src="" frameborder="0" allowfullscreen></iframe>
            </div>
        </div>
    </div>
    
    <!-- Görsel Büyütme Modalı -->
    <div class="modal" id="imageModal">
        <div class="modal-content">
            <span class="modal-close" id="imageClose">&times;</span>
            <img decoding="async" id="modalImage" src="" alt="Büyük Görsel" class="modal-image" />
        </div>
    </div>
    
<!-- Teknik Özellikler Modalı -->
<div class="specs-modal" id="specsModal">
    <div class="specs-content">
        <span class="specs-close" id="specsClose">&times;</span>
        <div class="specs-header">
            <h2>Technische Daten</h2>
        </div>
        <div class="specs-content-area">
            <table class="specs-table">
                <thead>
                    <tr>
                        <th>Eigenschaften</th>
                        <th>Unterkategorie</th>
                        <th>Einheit</th>
                        <th>Wert</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td rowspan="2"><strong>Abmessungen der Einfüllöffnung / Feed Opening</strong></td>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>760</td>
                    </tr>
                    <tr>
                        <td>Junge</td>
                        <td>mm</td>
                        <td>500</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Abmessungen der Kompressionskammer / Compressing Chamber Size</strong></td>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>760</td>
                    </tr>
                    <tr>
                        <td>Junge</td>
                        <td>mm</td>
                        <td>410</td>
                    </tr>
                    <tr>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>1530</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Ballengröße / Bale Size</strong></td>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>760</td>
                    </tr>
                    <tr>
                        <td>Junge</td>
                        <td>mm</td>
                        <td>410</td>
                    </tr>
                    <tr>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>100-700</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Ballengewicht / Bale Weight</strong></td>
                        <td>kg</td>
                        <td>40-60</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Betriebsdruck / Working Pressure</strong></td>
                        <td>bar</td>
                        <td>135</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Kapazität des Hydrauliktanks / Hydraulic Tank Capacity</strong></td>
                        <td>L</td>
                        <td>220</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Motorleistung</strong></td>
                        <td>kW</td>
                        <td>7,5</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Anzahl der Bindungen / Number Of Tying</strong></td>
                        <td>Stück/pcs</td>
                        <td>5</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Zykluszeit / Cycle Time</strong></td>
                        <td>sn/seç</td>
                        <td>20</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Maschinengröße</strong></td>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>3560</td>
                    </tr>
                    <tr>
                        <td>Junge</td>
                        <td>mm</td>
                        <td>1130</td>
                    </tr>
                    <tr>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>4060</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Maschinengewicht</strong></td>
                        <td>kg</td>
                        <td>2925</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Versandgröße</strong></td>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>3600</td>
                    </tr>
                    <tr>
                        <td>Junge</td>
                        <td>mm</td>
                        <td>2200</td>
                    </tr>
                    <tr>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>2200</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
    
    <!-- JavaScript Kodları -->
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            console.log('Sayfa yüklendi, JavaScript başlatılıyor...');
            
            // Teklif Al butonu ve modalı
            const offerButton = document.getElementById('offerButton');
            const offerModal = document.getElementById('offerModal');
            const offerModalClose = document.getElementById('offerModalClose');
            
            console.log('Teklif modalı:', offerModal);
            console.log('Teklif butonu:', offerButton);
            
            if (offerButton && offerModal && offerModalClose) {
                offerButton.addEventListener('click', function(e) {
                    e.preventDefault();
                    offerModal.style.display = 'flex';
                    console.log('Teklif modalı açıldı');
                });
                
                offerModalClose.addEventListener('click', function() {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı kapatıldı');
                });
            }
            
            // Thumbnail seçimi - sadece manuel kontrol
            const mainImage = document.getElementById('mainImage');
            const thumbnails = document.querySelectorAll('.thumbnail');
            
            console.log('Ana görsel:', mainImage);
            console.log('Thumbnail sayısı:', thumbnails.length);
            
            if (mainImage && thumbnails.length > 0) {
                // Manuel thumbnail tıklaması
                thumbnails.forEach((thumbnail, index) => {
                    thumbnail.addEventListener('click', function(e) {
                        e.preventDefault();
                        console.log('Thumbnail tıklandı:', index);
                        
                        // Aktif thumbnail güncelle
                        thumbnails.forEach(t => t.classList.remove('active'));
                        this.classList.add('active');
                        
                        // Ana görseli değiştir
                        const imageUrl = this.getAttribute('data-image');
                        mainImage.src = imageUrl;
                        console.log('Manuel görsel değişti:', imageUrl);
                    });
                });
                
                // Görsel büyütme modalı
                const imageModal = document.getElementById('imageModal');
                const modalImage = document.getElementById('modalImage');
                const imageClose = document.getElementById('imageClose');
                
                if (imageModal && modalImage && imageClose) {
                    mainImage.addEventListener('click', function() {
                        modalImage.src = this.src;
                        imageModal.style.display = 'flex';
                        console.log('Görsel modalı açıldı');
                    });
                    
                    imageClose.addEventListener('click', function() {
                        imageModal.style.display = 'none';
                        console.log('Görsel modalı kapatıldı');
                    });
                }
            }
            
            // Teknik özellikler modalı
            const specsModal = document.getElementById('specsModal');
            const techSpecsButton = document.getElementById('techSpecsButton');
            const specsClose = document.getElementById('specsClose');
            
            console.log('Teknik özellikler modalı:', specsModal);
            console.log('Teknik özellikler butonu:', techSpecsButton);
            
            if (specsModal && techSpecsButton && specsClose) {
                techSpecsButton.addEventListener('click', function(e) {
                    e.preventDefault();
                    specsModal.style.display = 'flex';
                    console.log('Teknik özellikler modalı açıldı');
                });
                
                specsClose.addEventListener('click', function() {
                    specsModal.style.display = 'none';
                    console.log('Teknik özellikler modalı kapatıldı');
                });
            }
            
            // Video butonu - Sayfada açılan modal
            const videoButton = document.getElementById('videoButton');
            const videoModal = document.getElementById('videoModal');
            const videoModalClose = document.getElementById('videoModalClose');
            const videoIframe = document.getElementById('videoIframe');
            
            if (videoButton && videoModal && videoModalClose && videoIframe) {
                videoButton.addEventListener('click', function() {
                    // YouTube video ID'nizi buraya yazın (örnek: dQw4w9WgXcQ)
                    const videoId = 'KwKTtDt8gYk'; // Buraya kendi video ID'nizi yazın
                    const embedUrl = 'https://www.youtube.com/embed/' + videoId + '?autoplay=1&rel=0';
                    
                    videoIframe.src = embedUrl;
                    videoModal.style.display = 'flex';
                    console.log('Video modalı açıldı');
                });
                
                videoModalClose.addEventListener('click', function() {
                    videoModal.style.display = 'none';
                    videoIframe.src = ''; // Video durdur
                    console.log('Video modalı kapatıldı');
                });
            }
            
            // Modal dışına tıklama ile kapatma
            window.addEventListener('click', function(event) {
                const imageModal = document.getElementById('imageModal');
                const specsModal = document.getElementById('specsModal');
                const videoModal = document.getElementById('videoModal');
                const offerModal = document.getElementById('offerModal');
                
                if (event.target === imageModal && imageModal) {
                    imageModal.style.display = 'none';
                    console.log('Görsel modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === specsModal && specsModal) {
                    specsModal.style.display = 'none';
                    console.log('Specs modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === videoModal && videoModal) {
                    videoModal.style.display = 'none';
                    const videoIframe = document.getElementById('videoIframe');
                    if (videoIframe) {
                        videoIframe.src = ''; // Video durdur
                    }
                    console.log('Video modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === offerModal && offerModal) {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı dışarı tıklama ile kapatıldı');
                }
            });
            
            console.log('Tüm JavaScript event listener\'lar eklendi');
        });
    </script>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div><p><a href="https://hidrokarpres.com/de/portfolio/htb50-pro/">HTB50 PRO &#8211; Açılır Hazneli Tekstil Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com/de">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>HTBS400 &#8211; Tek Hazneli Tekstil Balya Presi</title>
		<link>https://hidrokarpres.com/de/portfolio/htbs400-tek-hazneli-tekstil-balya-presi/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Tue, 21 Apr 2026 12:33:53 +0000</pubDate>
				<guid ispermalink="false">https://hidrokarpres.com/?post_type=portfolio&#038;p=22411</guid>

					<description><![CDATA[<p>Tek Hazneli Tekstil Balya Presi &#8211; HTBS400 ANASAYFA → GERİ DÖNÜŞÜM PRESLERİ HTBS400 TEK HAZNELİ TEKSTİL BALYA PRESİ En Çok Tercih Edilen Geri dönüşüm sektöründe atık kumaş tekstil ürünlerinin ebat olarak küçültülmesi amacıyla kullanılmaktadır. HTBS400 model hareketli tek hazneye sahiptir. Ürün Videosu Teknik Özellikler Teklif Al Genel Özellikler Sağlam çelik konstrüksiyon Minimum bakım gerektiren hidrolik [&#8230;]</p>
<p><a href="https://hidrokarpres.com/de/portfolio/htbs400-tek-hazneli-tekstil-balya-presi/">HTBS400 &#8211; Tek Hazneli Tekstil Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com/de">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="22411" class="elementor elementor-22411">
				<div class="elementor-element elementor-element-2ec404a e-flex e-con-boxed e-con e-parent" data-id="2ec404a" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-9ca9c52 elementor-widget elementor-widget-html" data-id="9ca9c52" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tek Hazneli Tekstil Balya Presi - HTBS400</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
    <style>
        /* Genel Stiller */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        body {
            background-color: #f5f5f5;
            color: #333;
            line-height: 1.6;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        a {
            text-decoration: none;
            color: #333;
        }
        
        /* Header Stili */
        .header {
            background-color: #fff;
            padding: 15px 0;
            border-bottom: 1px solid #eee;
        }
        
        .breadcrumb {
            display: flex;
            align-items: center;
        }
        
        .breadcrumb a {
            margin-right: 10px;
            color: #666;
            transition: color 0.3s;
            font-weight: 500;
        }
        
        .breadcrumb a:hover {
            color: #ff0000;
        }
        
        .breadcrumb span {
            margin: 0 10px;
            color: #999;
        }
        
        /* Ana Grid Layout - Tam Kalıp */
        .product-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto auto auto auto;
            gap: 20px;
            margin: 30px 0;
            grid-template-areas: 
                "product-image product-description"
                "thumbnails youtube-video"
                "tech-specs offer-button"
                "general-features optional-features";
        }
        
        /* Ürün Görseli - Sol Üst */
        .product-image-section {
            grid-area: product-image;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            height: 350px;
        }
        
        .main-image {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
            cursor: zoom-in;
            transition: transform 0.3s ease;
        }
        
        .main-image:hover {
            transform: scale(1.05);
        }
        
        /* Ürün Tanımı - Sağ Üst */
        .product-description-section {
            grid-area: product-description;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .product-description-section .sdc-btn {
            background-color: #ff0000;
            color: white;
            padding: 8px 16px;
            border-radius: 4px;
            font-weight: 600;
            font-size: 14px;
            display: inline-block;
            margin-bottom: 15px;
        }
        
        .product-description-section h1 {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 8px;
            color: #111;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-description-section .subtitle {
            font-size: 16px;
            color: #777;
            margin-bottom: 15px;
            font-weight: 400;
        }
        
        .product-description-section p {
            line-height: 1.8;
            color: #555;
            text-align: justify;
        }
        
        /* YouTube Video - Sağ Orta */
        .youtube-video-section {
            grid-area: youtube-video;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: relative;
            cursor: pointer;
            transition: transform 0.3s ease;
            height: 220px;
        }
        
        .youtube-video-section:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0,0,0,0.15);
        }
        
        .video-thumbnail {
            position: relative;
            width: 100%;
            height: 170px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #000;
        }
        
        .video-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
        
        .video-play-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: rgba(255, 0, 0, 0.9);
            border-radius: 50%;
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        
        .youtube-video-section:hover .video-play-overlay {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
        }
        
        .video-play-overlay i {
            color: white;
            font-size: 24px;
            margin-left: 3px;
        }
        
        .video-title {
            padding: 15px;
            text-align: center;
            background-color: #fff;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .video-title h3 {
            font-size: 14px;
            font-weight: 600;
            color: #333;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        /* Küçük Görseller - Sol Orta - TEK SATIR */
        .thumbnails-section {
            grid-area: thumbnails;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
            height: 220px;
        }
        
        .thumbnail {
            border: 2px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            cursor: pointer;
            background-color: #fff;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px;
        }
        
        .thumbnail:hover {
            border-color: #ff0000;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(255,0,0,0.2);
        }
        
        .thumbnail.active {
            border-color: #ff0000;
            box-shadow: 0 0 0 2px rgba(255,0,0,0.2);
        }
        
        .thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        
        /* Teknik Özellikler - Sol */
        .tech-specs-section {
            grid-area: tech-specs;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .tech-specs-btn {
            background-color: #777 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .tech-specs-btn:hover {
            background-color: #666 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Teklif Al - Sağ */
        .offer-section {
            grid-area: offer-button;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .offer-btn {
            background-color: #ff0000 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            display: inline-block;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-btn:hover {
            background-color: #e60000 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Genel Özellikler - Sol Alt */
        .general-features {
            grid-area: general-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        /* Opsiyonel Özellikler - Sağ Alt */
        .optional-features {
            grid-area: optional-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .section-title {
            background-color: #ff0000;
            color: white;
            padding: 12px 20px;
            border-radius: 4px;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 20px;
            text-align: center;
            font-family: 'Poppins', sans-serif;
        }
        
        .features-list {
            list-style: none;
        }
        
        .features-list li {
            padding: 6px 0 6px 25px;
            position: relative;
            border-bottom: 1px solid #eee;
            font-size: 14px;
        }
        
        .features-list li::before {
            content: "✓";
            color: #ff0000;
            position: absolute;
            left: 5px;
            top: 6px;
            font-size: 14px;
            font-weight: bold;
        }
        
        /* Modal Stilleri */
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .modal-content {
            position: relative;
            max-width: 90%;
            max-height: 90%;
        }
        
        .modal-close {
            position: absolute;
            top: -30px;
            right: 0;
            color: white;
            font-size: 28px;
            cursor: pointer;
        }
        
        .modal-image {
            max-width: 100%;
            max-height: 90vh;
            display: block;
        }
        
        .specs-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .specs-content {
            background-color: white;
            width: 90%;
            max-width: 1100px;
            max-height: 90vh;
            overflow-y: auto;
            padding: 0;
            border-radius: 8px;
            position: relative;
        }
        
        .specs-close {
            position: absolute;
            top: 15px;
            right: 20px;
            font-size: 24px;
            cursor: pointer;
            color: #333;
            z-index: 10;
            background-color: white;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        }
        
        .specs-header {
            background-color: #777;
            color: white;
            padding: 20px 25px;
            border-radius: 8px 8px 0 0;
        }
        
        .specs-header h2 {
            margin: 0;
            font-size: 20px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .specs-content-area {
            padding: 25px;
        }
        
        .specs-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 15px;
        }
        
        .specs-table th, .specs-table td {
            padding: 12px 15px;
            text-align: left;
            border: 1px solid #ddd;
        }
        
        .specs-table th {
            background-color: #f5f5f5;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            text-align: center;
        }
        
        .specs-table thead th:first-child {
            background-color: #ff0000;
            color: white;
            text-align: left;
        }
        
        .specs-table tbody td:first-child {
            background-color: #f8f9fa;
            font-weight: 500;
        }
        
        .specs-table tbody td {
            text-align: center;
        }
        
        /* Teklif Modal Stilleri */
        .offer-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1001;
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-sizing: border-box;
        }
        
        .offer-modal-content {
            background-color: white;
            width: 90%;
            max-width: 600px;
            max-height: 90vh;
            overflow-y: auto;
            border-radius: 12px;
            position: relative;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            animation: modalSlideIn 0.3s ease-out;
        }
        
        @keyframes modalSlideIn {
            from {
                opacity: 0;
                transform: translateY(-50px) scale(0.95);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        .offer-modal-header {
            background: linear-gradient(135deg, #ff0000, #e60000);
            color: white;
            padding: 25px 30px;
            border-radius: 12px 12px 0 0;
            position: relative;
        }
        
        .offer-modal-title {
            font-size: 22px;
            font-weight: 600;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-modal-subtitle {
            font-size: 14px;
            margin: 5px 0 0 0;
            opacity: 0.9;
            font-weight: 400;
        }
        
        .offer-modal-close {
            position: absolute;
            top: 20px;
            right: 25px;
            font-size: 28px;
            cursor: pointer;
            color: white;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.3s ease;
            background-color: rgba(255,255,255,0.1);
        }
        
        .offer-modal-close:hover {
            background-color: rgba(255,255,255,0.2);
            transform: rotate(90deg);
        }
        
        .offer-modal-body {
            padding: 30px;
        }
        
        .product-info {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 25px;
            border-left: 4px solid #ff0000;
        }
        
        .product-info h4 {
            margin: 0 0 10px 0;
            color: #ff0000;
            font-size: 18px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-info p {
            margin: 0;
            color: #666;
            font-size: 14px;
            line-height: 1.5;
        }
        
        .form-intro {
            text-align: center;
            margin-bottom: 25px;
            color: #555;
            font-size: 16px;
            line-height: 1.6;
        }
        
        .contact-form-container {
            background-color: #fff;
            border: 2px dashed #ddd;
            border-radius: 8px;
            padding: 30px;
            text-align: center;
            color: #666;
            font-size: 14px;
            line-height: 1.8;
            position: relative;
            min-height: 200px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        
        .contact-form-container::before {
            content: "📝";
            font-size: 48px;
            display: block;
            margin-bottom: 15px;
        }
        
        .form-placeholder-title {
            font-weight: 600;
            color: #333;
            font-size: 16px;
            margin-bottom: 10px;
            font-family: 'Poppins', sans-serif;
        }
        
        .form-placeholder-code {
            background-color: #f1f3f4;
            padding: 12px 20px;
            border-radius: 6px;
            font-family: 'Courier New', monospace;
            font-size: 14px;
            color: #d73502;
            margin: 15px 0;
            border: 1px solid #e8eaed;
        }
        
        .form-placeholder-note {
            font-size: 12px;
            color: #888;
            font-style: italic;
        }

        /* Video Modal Stilleri */
        .video-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.9);
            z-index: 1001;
            align-items: center;
            justify-content: center;
        }
        
        .video-modal-content {
            position: relative;
            width: 90%;
            max-width: 800px;
            background-color: #000;
            border-radius: 8px;
            overflow: hidden;
        }
        
        .video-modal-header {
            background-color: #fff;
            padding: 15px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .video-modal-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            font-family: 'Poppins', sans-serif;
        }
        
        .video-modal-close {
            font-size: 24px;
            cursor: pointer;
            color: #333;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: background-color 0.3s;
        }
        
        .video-modal-close:hover {
            background-color: #f0f0f0;
        }
        
        .video-container {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
        }
        
        .video-iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        /* Mobil Uyumluluk */
        @media (max-width: 768px) {
            .product-grid {
                grid-template-columns: 1fr;
                grid-template-areas: 
                    "product-image"
                    "product-description"
                    "thumbnails"
                    "youtube-video"
                    "tech-specs"
                    "offer-button"
                    "general-features"
                    "optional-features";
            }
            
            .product-image-section {
                height: 250px;
            }
            
            .youtube-video-section {
                height: 180px;
            }
            
            .video-thumbnail {
                height: 130px;
            }
            
            .thumbnails-section {
                grid-template-columns: repeat(2, 1fr);
                height: 160px;
            }
            
            .video-play-overlay {
                width: 50px;
                height: 50px;
            }
            
            .video-play-overlay i {
                font-size: 20px;
            }
            
            .product-description-section h1 {
                font-size: 20px;
            }
            
            .section-title {
                font-size: 14px;
                padding: 10px 15px;
            }
            
            .features-list li {
                font-size: 13px;
                padding: 5px 0 5px 20px;
            }
            
            .tech-specs-btn, .offer-btn {
                padding: 10px 20px;
                font-size: 14px;
            }
            
            .specs-content {
                width: 95%;
                max-width: none;
            }
            
            .specs-content-area {
                padding: 15px;
            }
            
            .specs-table {
                font-size: 12px;
            }
            
            .specs-table th, .specs-table td {
                padding: 8px 5px;
            }
        }
        
        @media (max-width: 480px) {
            .container {
                padding: 0 10px;
            }
            
            .product-image-section {
                height: 200px;
                padding: 15px;
            }
            
            .youtube-video-section {
                height: 160px;
            }
            
            .video-thumbnail {
                height: 110px;
            }
            
            .thumbnails-section {
                height: 140px;
                padding: 15px;
                gap: 10px;
            }
            
            .video-play-overlay {
                width: 45px;
                height: 45px;
            }
            
            .video-play-overlay i {
                font-size: 18px;
            }
            
            .product-description-section, .general-features, .optional-features,
            .tech-specs-section, .offer-section {
                padding: 15px;
            }
            
            .product-description-section h1 {
                font-size: 18px;
            }
        }
    </style>
</head>
<body>
    <!-- Header Bölümü -->
    <header class="header">
        <div class="container">
            <div class="breadcrumb">
                <a href="/de/" onclick="alert('Anasayfa\'ya yönlendiriliyor...'); return false;">STARTSEITE</a>
                <span>→</span>
                <a href="/de/sac-metal-presleri/" onclick="alert('Sac Metal Presleri kategorisine yönlendiriliyor...'); return false;">RECYCLINGPRESSEN</a>
            </div>
        </div>
    </header>
    
    <div class="container">
        <!-- Ana Grid Layout -->
        <div class="product-grid">
            <!-- Ürün Görseli - Sol Üst -->
            <div class="product-image-section">
                <img decoding="async" id="mainImage" class="main-image" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HTBS400.webp" alt="Hidrolik C Tip Abkant Presi" />
            </div>
            
            <!-- Ürün Tanımı - Sağ Üst -->
            <div class="product-description-section">
                <div class="sdc-btn">HTBS400</div>
                <h1>TEXTILBALLENPRESSE MIT EINEM BALLENRAUM</h1>
                <p class="subtitle">Am beliebtesten</p>
                <p>In der Recyclingbranche wird es eingesetzt, um Textilabfälle in ihrer Größe zu reduzieren. Das Modell HTBS400 verfügt über einen beweglichen Einzelbehälter. </p>
            </div>
            
            <!-- Küçük Görseller - Sol Orta - TEK SATIR -->
            <div class="thumbnails-section">
                <div class="thumbnail active" data-image="https://hidrokarpres.com/wp-content/uploads/2026/06/6-htbs400-1.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/6-htbs400-1.webp" alt="Ürün Görünüm 1" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/06/6-htbs400-2.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/6-htbs400-2.webp" alt="Ürün Görünüm 2" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/06/6-htbs400-3.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/6-htbs400-3.webp" alt="Ürün Görünüm 3" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/06/6-htbs400-4.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/6-htbs400-4.webp" alt="Ürün Görünüm 4" />
                </div>
            </div>
            
            <!-- YouTube Video - Sağ Orta -->
            <div class="youtube-video-section" id="videoButton">
                <div class="video-thumbnail">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/03/Youtube-hidrokar-copy.webp" alt="Video Kapak Görseli" />
                    <div class="video-play-overlay">
                        <i class="fas fa-play"></i>
                    </div>
                </div>
                <div class="video-title">
                    <h3>Produktvideo</h3>
                </div>
            </div>
            
            <!-- Teknik Özellikler - Orta Tam Genişlik -->
            <div class="tech-specs-section">
                <button class="tech-specs-btn" id="techSpecsButton">Technische Daten</button>
            </div>
            
            <!-- Teklif Al - Orta Tam Genişlik -->
            <div class="offer-section">
                <a href="/de/teklif-form/" class="offer-btn" id="offerButton">Angebot anfordern</a>
            </div>
            
            <!-- Genel Özellikler - Sol Alt -->
<div class="general-features">
    <h2 class="section-title">Allgemeine Merkmale</h2>
    <ul class="features-list">
        <li>Robuste Stahlkonstruktion</li>
        <li>Hydraulikaggregat mit minimalem Wartungsaufwand</li>
        <li>Not-Aus-Taste</li>
        <li>Hydraulisches Sicherheitssystem</li>
        <li>Elektrisches Sicherheitssystem</li>
    </ul>
</div>

<!-- Opsiyonel Özellikler - Sağ Alt -->
<div class="optional-features">
    <h2 class="section-title">Optionale Funktionen</h2>
    <ul class="features-list">
        <li>HMI-Touchscreen</li>
        <li>Automatisches Fütterungssystem</li>
        <li>Automatisches Behälteröffnungssystem</li>
        <li>Waage zur Gewichtsmessung von Ballen</li>
        <li>Hydrauliköl-Kühl- und Filtersystem</li>
    </ul>
</div>
    
    <!-- Teklif Al Modalı -->
    <div class="offer-modal" id="offerModal">
        <div class="offer-modal-content">
            <div class="offer-modal-header">
                <h2 class="offer-modal-title">Angebotsanfrage</h2>
                <p class="offer-modal-subtitle">Fordern Sie ein schnelles Angebot für eine Ein-Kammer-Textilballenpresse an</p>
                <span class="offer-modal-close" id="offerModalClose">&times;</span>
            </div>
            <div class="offer-modal-body">
                <div class="product-info">
                    <h4>🔧 Ein-Kammer-Textilballenpresse – HTBS400</h4>
                    <p> Sie können detaillierte technische Informationen und ein Preisangebot für alle Modelle anfordern.</p>
                </div>
                
                <div class="form-intro translation-block">Wenn Sie das folgende Formular ausfüllen, erhalten Sie <strong style="color: #ff0000">innerhalb von 24 Stunden</strong> ein individuelles Angebot.</div>
                
                <div class="contact-form-container">
                    <div class="form-placeholder-title"></div>
                    <div class="form-placeholder-code">[contact-form-7]</div>
                    <div class="form-placeholder-note">
                    </div>
                    <!-- BURAYA CONTACT FORM 7 SHORTCODE'UNU EKLEYİN -->
                    <!-- Örnek: [contact-form-7 id="123" title="Teklif Formu"] -->
                </div>
            </div>
        </div>
    </div>

    <!-- Video İzleme Modalı -->
    <div class="video-modal" id="videoModal">
        <div class="video-modal-content">
            <div class="video-modal-header">
                <div class="video-modal-title">Textilballenpresse mit einem Behälter – Produktvideo</div>
                <span class="video-modal-close" id="videoModalClose">&times;</span>
            </div>
            <div class="video-container">
                <iframe id="videoIframe" class="video-iframe" src="" frameborder="0" allowfullscreen></iframe>
            </div>
        </div>
    </div>
    
    <!-- Görsel Büyütme Modalı -->
    <div class="modal" id="imageModal">
        <div class="modal-content">
            <span class="modal-close" id="imageClose">&times;</span>
            <img decoding="async" id="modalImage" src="" alt="Büyük Görsel" class="modal-image" />
        </div>
    </div>
    
 <!-- Teknik Özellikler Modalı -->
<div class="specs-modal" id="specsModal">
    <div class="specs-content">
        <span class="specs-close" id="specsClose">&times;</span>
        <div class="specs-header">
            <h2>Technische Daten</h2>
        </div>
        <div class="specs-content-area">
            <table class="specs-table">
                <thead>
                    <tr>
                        <th>Eigenschaften</th>
                        <th>Unterkategorie</th>
                        <th>Einheit</th>
                        <th>Wert</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td rowspan="2"><strong>Abmessungen der Einfüllöffnung / Feed Opening</strong></td>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>500</td>
                    </tr>
                    <tr>
                        <td>Junge</td>
                        <td>mm</td>
                        <td>1000</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Abmessungen der Kompressionskammer / Compressing Chamber Size</strong></td>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>700</td>
                    </tr>
                    <tr>
                        <td>Junge</td>
                        <td>mm</td>
                        <td>1000</td>
                    </tr>
                    <tr>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>1500</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Ballengröße / Bale Size</strong></td>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>700</td>
                    </tr>
                    <tr>
                        <td>Junge</td>
                        <td>mm</td>
                        <td>1000</td>
                    </tr>
                    <tr>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>250-700</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Ballengewicht / Bale Weight</strong></td>
                        <td>kg</td>
                        <td>200-400</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Betriebsdruck / Working Pressure</strong></td>
                        <td>bar</td>
                        <td>250</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Kapazität des Hydrauliktanks / Hydraulic Tank Capacity</strong></td>
                        <td>L</td>
                        <td>200</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Motorleistung</strong></td>
                        <td>kW</td>
                        <td>11</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Anzahl der Bindungen / Number Of Tying</strong></td>
                        <td>Stück/pcs</td>
                        <td>5x2</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Zykluszeit / Cycle Time</strong></td>
                        <td>sn/seç</td>
                        <td>30</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Maschinengröße</strong></td>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>1510</td>
                    </tr>
                    <tr>
                        <td>Junge</td>
                        <td>mm</td>
                        <td>1820</td>
                    </tr>
                    <tr>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>4015</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Versandgröße</strong></td>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>1900</td>
                    </tr>
                    <tr>
                        <td>Junge</td>
                        <td>mm</td>
                        <td>4050</td>
                    </tr>
                    <tr>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>1550</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
    
    <!-- JavaScript Kodları -->
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            console.log('Sayfa yüklendi, JavaScript başlatılıyor...');
            
            // Teklif Al butonu ve modalı
            const offerButton = document.getElementById('offerButton');
            const offerModal = document.getElementById('offerModal');
            const offerModalClose = document.getElementById('offerModalClose');
            
            console.log('Teklif modalı:', offerModal);
            console.log('Teklif butonu:', offerButton);
            
            if (offerButton && offerModal && offerModalClose) {
                offerButton.addEventListener('click', function(e) {
                    e.preventDefault();
                    offerModal.style.display = 'flex';
                    console.log('Teklif modalı açıldı');
                });
                
                offerModalClose.addEventListener('click', function() {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı kapatıldı');
                });
            }
            
            // Thumbnail seçimi - sadece manuel kontrol
            const mainImage = document.getElementById('mainImage');
            const thumbnails = document.querySelectorAll('.thumbnail');
            
            console.log('Ana görsel:', mainImage);
            console.log('Thumbnail sayısı:', thumbnails.length);
            
            if (mainImage && thumbnails.length > 0) {
                // Manuel thumbnail tıklaması
                thumbnails.forEach((thumbnail, index) => {
                    thumbnail.addEventListener('click', function(e) {
                        e.preventDefault();
                        console.log('Thumbnail tıklandı:', index);
                        
                        // Aktif thumbnail güncelle
                        thumbnails.forEach(t => t.classList.remove('active'));
                        this.classList.add('active');
                        
                        // Ana görseli değiştir
                        const imageUrl = this.getAttribute('data-image');
                        mainImage.src = imageUrl;
                        console.log('Manuel görsel değişti:', imageUrl);
                    });
                });
                
                // Görsel büyütme modalı
                const imageModal = document.getElementById('imageModal');
                const modalImage = document.getElementById('modalImage');
                const imageClose = document.getElementById('imageClose');
                
                if (imageModal && modalImage && imageClose) {
                    mainImage.addEventListener('click', function() {
                        modalImage.src = this.src;
                        imageModal.style.display = 'flex';
                        console.log('Görsel modalı açıldı');
                    });
                    
                    imageClose.addEventListener('click', function() {
                        imageModal.style.display = 'none';
                        console.log('Görsel modalı kapatıldı');
                    });
                }
            }
            
            // Teknik özellikler modalı
            const specsModal = document.getElementById('specsModal');
            const techSpecsButton = document.getElementById('techSpecsButton');
            const specsClose = document.getElementById('specsClose');
            
            console.log('Teknik özellikler modalı:', specsModal);
            console.log('Teknik özellikler butonu:', techSpecsButton);
            
            if (specsModal && techSpecsButton && specsClose) {
                techSpecsButton.addEventListener('click', function(e) {
                    e.preventDefault();
                    specsModal.style.display = 'flex';
                    console.log('Teknik özellikler modalı açıldı');
                });
                
                specsClose.addEventListener('click', function() {
                    specsModal.style.display = 'none';
                    console.log('Teknik özellikler modalı kapatıldı');
                });
            }
            
            // Video butonu - Sayfada açılan modal
            const videoButton = document.getElementById('videoButton');
            const videoModal = document.getElementById('videoModal');
            const videoModalClose = document.getElementById('videoModalClose');
            const videoIframe = document.getElementById('videoIframe');
            
            if (videoButton && videoModal && videoModalClose && videoIframe) {
                videoButton.addEventListener('click', function() {
                    // YouTube video ID'nizi buraya yazın (örnek: dQw4w9WgXcQ)
                    const videoId = 'F7nO9unJePA'; // Buraya kendi video ID'nizi yazın
                    const embedUrl = 'https://www.youtube.com/embed/' + videoId + '?autoplay=1&rel=0';
                    
                    videoIframe.src = embedUrl;
                    videoModal.style.display = 'flex';
                    console.log('Video modalı açıldı');
                });
                
                videoModalClose.addEventListener('click', function() {
                    videoModal.style.display = 'none';
                    videoIframe.src = ''; // Video durdur
                    console.log('Video modalı kapatıldı');
                });
            }
            
            // Modal dışına tıklama ile kapatma
            window.addEventListener('click', function(event) {
                const imageModal = document.getElementById('imageModal');
                const specsModal = document.getElementById('specsModal');
                const videoModal = document.getElementById('videoModal');
                const offerModal = document.getElementById('offerModal');
                
                if (event.target === imageModal && imageModal) {
                    imageModal.style.display = 'none';
                    console.log('Görsel modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === specsModal && specsModal) {
                    specsModal.style.display = 'none';
                    console.log('Specs modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === videoModal && videoModal) {
                    videoModal.style.display = 'none';
                    const videoIframe = document.getElementById('videoIframe');
                    if (videoIframe) {
                        videoIframe.src = ''; // Video durdur
                    }
                    console.log('Video modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === offerModal && offerModal) {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı dışarı tıklama ile kapatıldı');
                }
            });
            
            console.log('Tüm JavaScript event listener\'lar eklendi');
        });
    </script>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div><p><a href="https://hidrokarpres.com/de/portfolio/htbs400-tek-hazneli-tekstil-balya-presi/">HTBS400 &#8211; Tek Hazneli Tekstil Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com/de">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>HKBD &#8211; Dik Balya Presi</title>
		<link>https://hidrokarpres.com/de/portfolio/hkbd-dik-balya-presi/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Tue, 21 Apr 2026 12:06:42 +0000</pubDate>
				<guid ispermalink="false">https://hidrokarpres.com/?post_type=portfolio&#038;p=22399</guid>

					<description><![CDATA[<p>Dik Balya Presi &#8211; HKBD ANASAYFA → GERİ DÖNÜŞÜM PRESLERİ HKBD DİK BALYA PRESİ En Çok Tercih Edilen Dikey bir yapıya sahip olan HKBD model, geri dönüşüm sektöründe hurda plastik, kağıt, pet ve benzeri atıkların ebat olarak küçültülmesi amacıyla kullanılmaktadır. Farklı balyalama kapasitesi ve ebatlarına göre üretim yapılabilmektedir. Müşteri ve operasyon odaklı üretimi ön planda [&#8230;]</p>
<p><a href="https://hidrokarpres.com/de/portfolio/hkbd-dik-balya-presi/">HKBD &#8211; Dik Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com/de">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="22399" class="elementor elementor-22399">
				<div class="elementor-element elementor-element-ee1f7f1 e-flex e-con-boxed e-con e-parent" data-id="ee1f7f1" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-e88923a elementor-widget elementor-widget-pxl_text_editor" data-id="e88923a" data-element_type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor">
	<div class="pxl-item--inner" data-wow-delay="ms">
				
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-206a75c elementor-widget elementor-widget-html" data-id="206a75c" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dik Balya Presi - HKBD</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
    <style>
        /* Genel Stiller */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        body {
            background-color: #f5f5f5;
            color: #333;
            line-height: 1.6;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        a {
            text-decoration: none;
            color: #333;
        }
        
        /* Header Stili */
        .header {
            background-color: #fff;
            padding: 15px 0;
            border-bottom: 1px solid #eee;
        }
        
        .breadcrumb {
            display: flex;
            align-items: center;
        }
        
        .breadcrumb a {
            margin-right: 10px;
            color: #666;
            transition: color 0.3s;
            font-weight: 500;
        }
        
        .breadcrumb a:hover {
            color: #ff0000;
        }
        
        .breadcrumb span {
            margin: 0 10px;
            color: #999;
        }
        
        /* Ana Grid Layout - Tam Kalıp */
        .product-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto auto auto auto;
            gap: 20px;
            margin: 30px 0;
            grid-template-areas: 
                "product-image product-description"
                "thumbnails youtube-video"
                "tech-specs offer-button"
                "general-features optional-features";
        }
        
        /* Ürün Görseli - Sol Üst */
        .product-image-section {
            grid-area: product-image;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            height: 350px;
        }
        
        .main-image {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
            cursor: zoom-in;
            transition: transform 0.3s ease;
        }
        
        .main-image:hover {
            transform: scale(1.05);
        }
        
        /* Ürün Tanımı - Sağ Üst */
        .product-description-section {
            grid-area: product-description;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .product-description-section .sdc-btn {
            background-color: #ff0000;
            color: white;
            padding: 8px 16px;
            border-radius: 4px;
            font-weight: 600;
            font-size: 14px;
            display: inline-block;
            margin-bottom: 15px;
        }
        
        .product-description-section h1 {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 8px;
            color: #111;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-description-section .subtitle {
            font-size: 16px;
            color: #777;
            margin-bottom: 15px;
            font-weight: 400;
        }
        
        .product-description-section p {
            line-height: 1.8;
            color: #555;
            text-align: justify;
        }
        
        /* YouTube Video - Sağ Orta */
        .youtube-video-section {
            grid-area: youtube-video;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: relative;
            cursor: pointer;
            transition: transform 0.3s ease;
            height: 220px;
        }
        
        .youtube-video-section:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0,0,0,0.15);
        }
        
        .video-thumbnail {
            position: relative;
            width: 100%;
            height: 170px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #000;
        }
        
        .video-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
        
        .video-play-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: rgba(255, 0, 0, 0.9);
            border-radius: 50%;
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        
        .youtube-video-section:hover .video-play-overlay {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
        }
        
        .video-play-overlay i {
            color: white;
            font-size: 24px;
            margin-left: 3px;
        }
        
        .video-title {
            padding: 15px;
            text-align: center;
            background-color: #fff;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .video-title h3 {
            font-size: 14px;
            font-weight: 600;
            color: #333;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        /* Küçük Görseller - Sol Orta - TEK SATIR */
        .thumbnails-section {
            grid-area: thumbnails;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
            height: 220px;
        }
        
        .thumbnail {
            border: 2px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            cursor: pointer;
            background-color: #fff;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px;
        }
        
        .thumbnail:hover {
            border-color: #ff0000;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(255,0,0,0.2);
        }
        
        .thumbnail.active {
            border-color: #ff0000;
            box-shadow: 0 0 0 2px rgba(255,0,0,0.2);
        }
        
        .thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        
        /* Teknik Özellikler - Sol */
        .tech-specs-section {
            grid-area: tech-specs;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .tech-specs-btn {
            background-color: #777 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .tech-specs-btn:hover {
            background-color: #666 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Teklif Al - Sağ */
        .offer-section {
            grid-area: offer-button;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .offer-btn {
            background-color: #ff0000 !important;
            color: white !important;
            padding: 12px 25px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 16px;
            border: none !important;
            cursor: pointer;
            transition: all 0.3s;
            width: 100%;
            display: inline-block;
            text-decoration: none !important;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-btn:hover {
            background-color: #e60000 !important;
            color: white !important;
            transform: translateY(-2px);
        }
        
        /* Genel Özellikler - Sol Alt */
        .general-features {
            grid-area: general-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        /* Opsiyonel Özellikler - Sağ Alt */
        .optional-features {
            grid-area: optional-features;
            background-color: #fff;
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .section-title {
            background-color: #ff0000;
            color: white;
            padding: 12px 20px;
            border-radius: 4px;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 20px;
            text-align: center;
            font-family: 'Poppins', sans-serif;
        }
        
        .features-list {
            list-style: none;
        }
        
        .features-list li {
            padding: 6px 0 6px 25px;
            position: relative;
            border-bottom: 1px solid #eee;
            font-size: 14px;
        }
        
        .features-list li::before {
            content: "✓";
            color: #ff0000;
            position: absolute;
            left: 5px;
            top: 6px;
            font-size: 14px;
            font-weight: bold;
        }
        
        /* Modal Stilleri */
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .modal-content {
            position: relative;
            max-width: 90%;
            max-height: 90%;
        }
        
        .modal-close {
            position: absolute;
            top: -30px;
            right: 0;
            color: white;
            font-size: 28px;
            cursor: pointer;
        }
        
        .modal-image {
            max-width: 100%;
            max-height: 90vh;
            display: block;
        }
        
        .specs-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .specs-content {
            background-color: white;
            width: 90%;
            max-width: 1100px;
            max-height: 90vh;
            overflow-y: auto;
            padding: 0;
            border-radius: 8px;
            position: relative;
        }
        
        .specs-close {
            position: absolute;
            top: 15px;
            right: 20px;
            font-size: 24px;
            cursor: pointer;
            color: #333;
            z-index: 10;
            background-color: white;
            border-radius: 50%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        }
        
        .specs-header {
            background-color: #777;
            color: white;
            padding: 20px 25px;
            border-radius: 8px 8px 0 0;
        }
        
        .specs-header h2 {
            margin: 0;
            font-size: 20px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .specs-content-area {
            padding: 25px;
        }
        
        .specs-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 15px;
        }
        
        .specs-table th, .specs-table td {
            padding: 12px 15px;
            text-align: left;
            border: 1px solid #ddd;
        }
        
        .specs-table th {
            background-color: #f5f5f5;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
            text-align: center;
        }
        
        .specs-table thead th:first-child {
            background-color: #ff0000;
            color: white;
            text-align: left;
        }
        
        .specs-table tbody td:first-child {
            background-color: #f8f9fa;
            font-weight: 500;
        }
        
        .specs-table tbody td {
            text-align: center;
        }
        
        /* Teklif Modal Stilleri */
        .offer-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1001;
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-sizing: border-box;
        }
        
        .offer-modal-content {
            background-color: white;
            width: 90%;
            max-width: 600px;
            max-height: 90vh;
            overflow-y: auto;
            border-radius: 12px;
            position: relative;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            animation: modalSlideIn 0.3s ease-out;
        }
        
        @keyframes modalSlideIn {
            from {
                opacity: 0;
                transform: translateY(-50px) scale(0.95);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        .offer-modal-header {
            background: linear-gradient(135deg, #ff0000, #e60000);
            color: white;
            padding: 25px 30px;
            border-radius: 12px 12px 0 0;
            position: relative;
        }
        
        .offer-modal-title {
            font-size: 22px;
            font-weight: 600;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-modal-subtitle {
            font-size: 14px;
            margin: 5px 0 0 0;
            opacity: 0.9;
            font-weight: 400;
        }
        
        .offer-modal-close {
            position: absolute;
            top: 20px;
            right: 25px;
            font-size: 28px;
            cursor: pointer;
            color: white;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.3s ease;
            background-color: rgba(255,255,255,0.1);
        }
        
        .offer-modal-close:hover {
            background-color: rgba(255,255,255,0.2);
            transform: rotate(90deg);
        }
        
        .offer-modal-body {
            padding: 30px;
        }
        
        .product-info {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 25px;
            border-left: 4px solid #ff0000;
        }
        
        .product-info h4 {
            margin: 0 0 10px 0;
            color: #ff0000;
            font-size: 18px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .product-info p {
            margin: 0;
            color: #666;
            font-size: 14px;
            line-height: 1.5;
        }
        
        .form-intro {
            text-align: center;
            margin-bottom: 25px;
            color: #555;
            font-size: 16px;
            line-height: 1.6;
        }
        
        .contact-form-container {
            background-color: #fff;
            border: 2px dashed #ddd;
            border-radius: 8px;
            padding: 30px;
            text-align: center;
            color: #666;
            font-size: 14px;
            line-height: 1.8;
            position: relative;
            min-height: 200px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        
        .contact-form-container::before {
            content: "📝";
            font-size: 48px;
            display: block;
            margin-bottom: 15px;
        }
        
        .form-placeholder-title {
            font-weight: 600;
            color: #333;
            font-size: 16px;
            margin-bottom: 10px;
            font-family: 'Poppins', sans-serif;
        }
        
        .form-placeholder-code {
            background-color: #f1f3f4;
            padding: 12px 20px;
            border-radius: 6px;
            font-family: 'Courier New', monospace;
            font-size: 14px;
            color: #d73502;
            margin: 15px 0;
            border: 1px solid #e8eaed;
        }
        
        .form-placeholder-note {
            font-size: 12px;
            color: #888;
            font-style: italic;
        }

        /* Video Modal Stilleri */
        .video-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.9);
            z-index: 1001;
            align-items: center;
            justify-content: center;
        }
        
        .video-modal-content {
            position: relative;
            width: 90%;
            max-width: 800px;
            background-color: #000;
            border-radius: 8px;
            overflow: hidden;
        }
        
        .video-modal-header {
            background-color: #fff;
            padding: 15px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .video-modal-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            font-family: 'Poppins', sans-serif;
        }
        
        .video-modal-close {
            font-size: 24px;
            cursor: pointer;
            color: #333;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: background-color 0.3s;
        }
        
        .video-modal-close:hover {
            background-color: #f0f0f0;
        }
        
        .video-container {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
        }
        
        .video-iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        /* Mobil Uyumluluk */
        @media (max-width: 768px) {
            .product-grid {
                grid-template-columns: 1fr;
                grid-template-areas: 
                    "product-image"
                    "product-description"
                    "thumbnails"
                    "youtube-video"
                    "tech-specs"
                    "offer-button"
                    "general-features"
                    "optional-features";
            }
            
            .product-image-section {
                height: 250px;
            }
            
            .youtube-video-section {
                height: 180px;
            }
            
            .video-thumbnail {
                height: 130px;
            }
            
            .thumbnails-section {
                grid-template-columns: repeat(2, 1fr);
                height: 160px;
            }
            
            .video-play-overlay {
                width: 50px;
                height: 50px;
            }
            
            .video-play-overlay i {
                font-size: 20px;
            }
            
            .product-description-section h1 {
                font-size: 20px;
            }
            
            .section-title {
                font-size: 14px;
                padding: 10px 15px;
            }
            
            .features-list li {
                font-size: 13px;
                padding: 5px 0 5px 20px;
            }
            
            .tech-specs-btn, .offer-btn {
                padding: 10px 20px;
                font-size: 14px;
            }
            
            .specs-content {
                width: 95%;
                max-width: none;
            }
            
            .specs-content-area {
                padding: 15px;
            }
            
            .specs-table {
                font-size: 12px;
            }
            
            .specs-table th, .specs-table td {
                padding: 8px 5px;
            }
        }
        
        @media (max-width: 480px) {
            .container {
                padding: 0 10px;
            }
            
            .product-image-section {
                height: 200px;
                padding: 15px;
            }
            
            .youtube-video-section {
                height: 160px;
            }
            
            .video-thumbnail {
                height: 110px;
            }
            
            .thumbnails-section {
                height: 140px;
                padding: 15px;
                gap: 10px;
            }
            
            .video-play-overlay {
                width: 45px;
                height: 45px;
            }
            
            .video-play-overlay i {
                font-size: 18px;
            }
            
            .product-description-section, .general-features, .optional-features,
            .tech-specs-section, .offer-section {
                padding: 15px;
            }
            
            .product-description-section h1 {
                font-size: 18px;
            }
        }
    </style>
</head>
<body>
    <!-- Header Bölümü -->
    <header class="header">
        <div class="container">
            <div class="breadcrumb">
                <a href="/de/" onclick="alert('Anasayfa\'ya yönlendiriliyor...'); return false;">STARTSEITE</a>
                <span>→</span>
                <a href="/de/sac-metal-presleri/" onclick="alert('Sac Metal Presleri kategorisine yönlendiriliyor...'); return false;">RECYCLINGPRESSEN</a>
            </div>
        </div>
    </header>
    
    <div class="container">
        <!-- Ana Grid Layout -->
        <div class="product-grid">
            <!-- Ürün Görseli - Sol Üst -->
            <div class="product-image-section">
                <img decoding="async" id="mainImage" class="main-image" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HKBD.webp" alt="Hidrolik C Tip Abkant Presi" />
            </div>
            
            <!-- Ürün Tanımı - Sağ Üst -->
            <div class="product-description-section">
                <div class="sdc-btn">HKBD</div>
                <h1> SCHRÄGE BALLENPRESSE</h1>
                <p class="subtitle">Am beliebtesten</p>
                <p>Das HKBD-Modell mit vertikaler Bauweise wird in der Recyclingbranche eingesetzt, um Kunststoffabfälle, Papier, PET und ähnliche Abfälle zu zerkleinern. Die Maschinen können je nach gewünschter Ballenkapazität und -größe gefertigt werden. Da wir kunden- und betriebsorientiertes Fertigen in den Vordergrund stellen, bieten wir die Möglichkeit zur maßgeschneiderten Fertigung. </p>
            </div>
            
            <!-- Küçük Görseller - Sol Orta - TEK SATIR -->
            <div class="thumbnails-section">
                <div class="thumbnail active" data-image="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HKBD.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HKBD.webp" alt="Ürün Görünüm 1" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HKBD.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HKBD.webp" alt="Ürün Görünüm 2" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HKBD.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HKBD.webp" alt="Ürün Görünüm 3" />
                </div>
                <div class="thumbnail" data-image="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HKBD.webp">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/04/hidrokarpres-tekstil-HKBD.webp" alt="Ürün Görünüm 4" />
                </div>
            </div>
            
            <!-- YouTube Video - Sağ Orta -->
            <div class="youtube-video-section" id="videoButton">
                <div class="video-thumbnail">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/03/Youtube-hidrokar-copy.webp" alt="Video Kapak Görseli" />
                    <div class="video-play-overlay">
                        <i class="fas fa-play"></i>
                    </div>
                </div>
                <div class="video-title">
                    <h3>Produktvideo</h3>
                </div>
            </div>
            
            <!-- Teknik Özellikler - Orta Tam Genişlik -->
            <div class="tech-specs-section">
                <button class="tech-specs-btn" id="techSpecsButton">Technische Daten</button>
            </div>
            
            <!-- Teklif Al - Orta Tam Genişlik -->
            <div class="offer-section">
                <a href="/de/teklif-form/" class="offer-btn" id="offerButton">Angebot anfordern</a>
            </div>
            
            <!-- Genel Özellikler - Sol Alt -->
<div class="general-features">
    <h2 class="section-title">Allgemeine Merkmale</h2>
    <ul class="features-list">
        <li>Robuste Stahlkonstruktion</li>
        <li>Hydraulikaggregat mit minimalem Wartungsaufwand</li>
        <li>Not-Aus-Taste</li>
        <li>Hydraulisches Sicherheitssystem</li>
        <li>Elektrisches Sicherheitssystem</li>
    </ul>
</div>

<!-- Opsiyonel Özellikler - Sağ Alt -->
<div class="optional-features">
    <h2 class="section-title">Optionale Funktionen</h2>
    <ul class="features-list">
        <li>HMI-Touchscreen</li>
        <li>Automatisches Fütterungssystem</li>
        <li>Automatisches Behälteröffnungssystem</li>
        <li>Waage zur Gewichtsmessung von Ballen</li>
        <li>Hydrauliköl-Kühl- und Filtersystem</li>
    </ul>
</div>
    
    <!-- Teklif Al Modalı -->
    <div class="offer-modal" id="offerModal">
        <div class="offer-modal-content">
            <div class="offer-modal-header">
                <h2 class="offer-modal-title">Angebotsanfrage</h2>
                <p class="offer-modal-subtitle">Fordern Sie ein schnelles Angebot für eine Vertikalballenpresse an</p>
                <span class="offer-modal-close" id="offerModalClose">&times;</span>
            </div>
            <div class="offer-modal-body">
                <div class="product-info">
                    <h4>🔧 Vertikale Ballenpresse – HKBD</h4>
                    <p> Sie können detaillierte technische Informationen und ein Preisangebot für alle Modelle anfordern.</p>
                </div>
                
                <div class="form-intro translation-block">Wenn Sie das folgende Formular ausfüllen, erhalten Sie <strong style="color: #ff0000">innerhalb von 24 Stunden</strong> ein individuelles Angebot.</div>
                
                <div class="contact-form-container">
                    <div class="form-placeholder-title"></div>
                    <div class="form-placeholder-code">[contact-form-7]</div>
                    <div class="form-placeholder-note">
                    </div>
                    <!-- BURAYA CONTACT FORM 7 SHORTCODE'UNU EKLEYİN -->
                    <!-- Örnek: [contact-form-7 id="123" title="Teklif Formu"] -->
                </div>
            </div>
        </div>
    </div>

    <!-- Video İzleme Modalı -->
    <div class="video-modal" id="videoModal">
        <div class="video-modal-content">
            <div class="video-modal-header">
                <div class="video-modal-title">Vertikale Ballenpresse – Produktvideo</div>
                <span class="video-modal-close" id="videoModalClose">&times;</span>
            </div>
            <div class="video-container">
                <iframe id="videoIframe" class="video-iframe" src="" frameborder="0" allowfullscreen></iframe>
            </div>
        </div>
    </div>
    
    <!-- Görsel Büyütme Modalı -->
    <div class="modal" id="imageModal">
        <div class="modal-content">
            <span class="modal-close" id="imageClose">&times;</span>
            <img decoding="async" id="modalImage" src="" alt="Büyük Görsel" class="modal-image" />
        </div>
    </div>
    
    <!-- Teknik Özellikler Modalı -->
<div class="specs-modal" id="specsModal">
    <div class="specs-content">
        <span class="specs-close" id="specsClose">&times;</span>
        <div class="specs-header">
            <h2>Technische Daten</h2>
        </div>
        <div class="specs-content-area">
            <table class="specs-table">
                <thead>
                    <tr>
                        <th>Eigenschaften</th>
                        <th>Unterkategorie</th>
                        <th>Einheit</th>
                        <th>Wert</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td rowspan="2"><strong>Abmessungen der Einfüllöffnung / Feed Opening</strong></td>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>1200</td>
                    </tr>
                    <tr>
                        <td>Junge</td>
                        <td>mm</td>
                        <td>750</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Abmessungen der Kompressionskammer / Compressing Chamber Size</strong></td>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>1200</td>
                    </tr>
                    <tr>
                        <td>Junge</td>
                        <td>mm</td>
                        <td>800</td>
                    </tr>
                    <tr>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>1680</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Ballengröße / Bale Size</strong></td>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>1200</td>
                    </tr>
                    <tr>
                        <td>Junge</td>
                        <td>mm</td>
                        <td>800</td>
                    </tr>
                    <tr>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>300-700</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Ballengewicht / Bale Weight</strong></td>
                        <td>kg</td>
                        <td>250-400</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Betriebsdruck / Working Pressure</strong></td>
                        <td>bar</td>
                        <td>250</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Kapazität des Hydrauliktanks / Hydraulic Tank Capacity</strong></td>
                        <td>L</td>
                        <td>75</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Motorleistung</strong></td>
                        <td>kW</td>
                        <td>4</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Anzahl der Bindungen / Number Of Tying</strong></td>
                        <td>Stück/pcs</td>
                        <td>4</td>
                    </tr>
                    <tr>
                        <td colspan="2"><strong>Zykluszeit / Cycle Time</strong></td>
                        <td>Sekunde</td>
                        <td>30</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Maschinengröße</strong></td>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>1300</td>
                    </tr>
                    <tr>
                        <td>Junge</td>
                        <td>mm</td>
                        <td>1770</td>
                    </tr>
                    <tr>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>3400</td>
                    </tr>
                    <tr>
                        <td rowspan="3"><strong>Versandgröße</strong></td>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>1350</td>
                    </tr>
                    <tr>
                        <td>Junge</td>
                        <td>mm</td>
                        <td>1800</td>
                    </tr>
                    <tr>
                        <td>Höhe</td>
                        <td>mm</td>
                        <td>2550</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
    
    <!-- JavaScript Kodları -->
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            console.log('Sayfa yüklendi, JavaScript başlatılıyor...');
            
            // Teklif Al butonu ve modalı
            const offerButton = document.getElementById('offerButton');
            const offerModal = document.getElementById('offerModal');
            const offerModalClose = document.getElementById('offerModalClose');
            
            console.log('Teklif modalı:', offerModal);
            console.log('Teklif butonu:', offerButton);
            
            if (offerButton && offerModal && offerModalClose) {
                offerButton.addEventListener('click', function(e) {
                    e.preventDefault();
                    offerModal.style.display = 'flex';
                    console.log('Teklif modalı açıldı');
                });
                
                offerModalClose.addEventListener('click', function() {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı kapatıldı');
                });
            }
            
            // Thumbnail seçimi - sadece manuel kontrol
            const mainImage = document.getElementById('mainImage');
            const thumbnails = document.querySelectorAll('.thumbnail');
            
            console.log('Ana görsel:', mainImage);
            console.log('Thumbnail sayısı:', thumbnails.length);
            
            if (mainImage && thumbnails.length > 0) {
                // Manuel thumbnail tıklaması
                thumbnails.forEach((thumbnail, index) => {
                    thumbnail.addEventListener('click', function(e) {
                        e.preventDefault();
                        console.log('Thumbnail tıklandı:', index);
                        
                        // Aktif thumbnail güncelle
                        thumbnails.forEach(t => t.classList.remove('active'));
                        this.classList.add('active');
                        
                        // Ana görseli değiştir
                        const imageUrl = this.getAttribute('data-image');
                        mainImage.src = imageUrl;
                        console.log('Manuel görsel değişti:', imageUrl);
                    });
                });
                
                // Görsel büyütme modalı
                const imageModal = document.getElementById('imageModal');
                const modalImage = document.getElementById('modalImage');
                const imageClose = document.getElementById('imageClose');
                
                if (imageModal && modalImage && imageClose) {
                    mainImage.addEventListener('click', function() {
                        modalImage.src = this.src;
                        imageModal.style.display = 'flex';
                        console.log('Görsel modalı açıldı');
                    });
                    
                    imageClose.addEventListener('click', function() {
                        imageModal.style.display = 'none';
                        console.log('Görsel modalı kapatıldı');
                    });
                }
            }
            
            // Teknik özellikler modalı
            const specsModal = document.getElementById('specsModal');
            const techSpecsButton = document.getElementById('techSpecsButton');
            const specsClose = document.getElementById('specsClose');
            
            console.log('Teknik özellikler modalı:', specsModal);
            console.log('Teknik özellikler butonu:', techSpecsButton);
            
            if (specsModal && techSpecsButton && specsClose) {
                techSpecsButton.addEventListener('click', function(e) {
                    e.preventDefault();
                    specsModal.style.display = 'flex';
                    console.log('Teknik özellikler modalı açıldı');
                });
                
                specsClose.addEventListener('click', function() {
                    specsModal.style.display = 'none';
                    console.log('Teknik özellikler modalı kapatıldı');
                });
            }
            
            // Video butonu - Sayfada açılan modal
            const videoButton = document.getElementById('videoButton');
            const videoModal = document.getElementById('videoModal');
            const videoModalClose = document.getElementById('videoModalClose');
            const videoIframe = document.getElementById('videoIframe');
            
            if (videoButton && videoModal && videoModalClose && videoIframe) {
                videoButton.addEventListener('click', function() {
                    // YouTube video ID'nizi buraya yazın (örnek: dQw4w9WgXcQ)
                    const videoId = 'TcWWZBn4arI'; // Buraya kendi video ID'nizi yazın
                    const embedUrl = 'https://www.youtube.com/embed/' + videoId + '?autoplay=1&rel=0';
                    
                    videoIframe.src = embedUrl;
                    videoModal.style.display = 'flex';
                    console.log('Video modalı açıldı');
                });
                
                videoModalClose.addEventListener('click', function() {
                    videoModal.style.display = 'none';
                    videoIframe.src = ''; // Video durdur
                    console.log('Video modalı kapatıldı');
                });
            }
            
            // Modal dışına tıklama ile kapatma
            window.addEventListener('click', function(event) {
                const imageModal = document.getElementById('imageModal');
                const specsModal = document.getElementById('specsModal');
                const videoModal = document.getElementById('videoModal');
                const offerModal = document.getElementById('offerModal');
                
                if (event.target === imageModal && imageModal) {
                    imageModal.style.display = 'none';
                    console.log('Görsel modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === specsModal && specsModal) {
                    specsModal.style.display = 'none';
                    console.log('Specs modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === videoModal && videoModal) {
                    videoModal.style.display = 'none';
                    const videoIframe = document.getElementById('videoIframe');
                    if (videoIframe) {
                        videoIframe.src = ''; // Video durdur
                    }
                    console.log('Video modalı dışarı tıklama ile kapatıldı');
                }
                
                if (event.target === offerModal && offerModal) {
                    offerModal.style.display = 'none';
                    console.log('Teklif modalı dışarı tıklama ile kapatıldı');
                }
            });
            
            console.log('Tüm JavaScript event listener\'lar eklendi');
        });
    </script>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div><p><a href="https://hidrokarpres.com/de/portfolio/hkbd-dik-balya-presi/">HKBD &#8211; Dik Balya Presi</a> yazısı ilk önce <a href="https://hidrokarpres.com/de">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Araç Plaka Presleri</title>
		<link>https://hidrokarpres.com/de/portfolio/arac-plaka-presleri/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sat, 07 Mar 2026 08:09:18 +0000</pubDate>
				<guid ispermalink="false">https://hidrokarpres.com/?post_type=portfolio&#038;p=22147</guid>

					<description><![CDATA[<p>Araç Plaka Presleri Araç Plaka PresiHLP Modeli Teklif Al Araç Plaka Mühür PresiHLP-S Modeli Teklif Al Araç Plaka Boya MakinesiHLP-P Modeli Teklif Al Araç Plaka KalıplarıHLP-M Modeli Teklif Al Teklif Talebi Hızlı teklif alın &#215; Ürün Seçildi Detaylı teknik bilgi ve fiyat teklifi alabilirsiniz. Aşağıdaki formu doldurarak 24 saat içinde size özel teklif alabilirsiniz.</p>
<p><a href="https://hidrokarpres.com/de/portfolio/arac-plaka-presleri/">Araç Plaka Presleri</a> yazısı ilk önce <a href="https://hidrokarpres.com/de">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="22147" class="elementor elementor-22147">
				<div class="elementor-element elementor-element-f95a0e2 e-flex e-con-boxed e-con e-parent" data-id="f95a0e2" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-5b8e03b elementor-widget elementor-widget-html" data-id="5b8e03b" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Araç Plaka Presleri</title>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Poppins', sans-serif;
            background: #f8f9fa;
            padding: 30px;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
        }

        .products-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 40px 30px;
        }

        .product-card {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0,0,0,0.08);
            transition: all 0.3s ease;
            position: relative;
        }

        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.12);
        }

        .product-image-container {
            position: relative;
            width: 100%;
            height: 280px;
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }

        .product-image {
            width: 100%;
            height: 100%;
            object-fit: contain;
            max-width: 90%;
            max-height: 90%;
        }

        .product-info {
            padding: 25px 20px;
            text-align: center;
            background: white;
        }

        .product-title {
            font-size: 16px;
            font-weight: 600;
            color: #2c3e50;
            margin-bottom: 20px;
            line-height: 1.4;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .view-button {
            display: inline-flex;
            align-items: center;
            padding: 8px 20px;
            background: transparent;
            color: #ff0000;
            border: 1px solid #ff0000;
            border-radius: 20px;
            font-family: 'Poppins', sans-serif;
            font-size: 13px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .view-button:after {
            content: ' →';
            margin-left: 8px;
            transition: transform 0.3s ease;
        }

        .view-button:hover {
            background: #ff0000;
            color: white;
            transform: translateX(2px);
        }

        .view-button:hover:after {
            transform: translateX(3px);
        }

        /* Mobil responsive */
        @media (max-width: 1024px) {
            .products-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 30px 20px;
            }
            
            body {
                padding: 20px;
            }
        }

        @media (max-width: 768px) {
            .products-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 20px 15px;
            }
            
            .product-image-container {
                height: 200px;
                padding: 15px;
            }
            
            .product-info {
                padding: 20px 15px;
            }
            
            .product-title {
                font-size: 14px;
                margin-bottom: 15px;
            }
            
            .view-button {
                padding: 6px 16px;
                font-size: 12px;
            }
            
            body {
                padding: 15px;
            }
        }

        @media (max-width: 480px) {
            .products-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .product-image-container {
                height: 220px;
            }
            
            .product-title {
                font-size: 15px;
            }
        }

        /* Teklif Modal Stilleri */
        .offer-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1001;
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-sizing: border-box;
        }
        
        .offer-modal-content {
            background-color: white;
            width: 90%;
            max-width: 600px;
            max-height: 90vh;
            overflow-y: auto;
            border-radius: 12px;
            position: relative;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            animation: modalSlideIn 0.3s ease-out;
        }
        
        @keyframes modalSlideIn {
            from {
                opacity: 0;
                transform: translateY(-50px) scale(0.95);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        .offer-modal-header {
            background: linear-gradient(135deg, #ff0000, #e60000);
            color: white;
            padding: 25px 30px;
            border-radius: 12px 12px 0 0;
            position: relative;
        }
        
        .offer-modal-title {
            font-size: 22px;
            font-weight: 600;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-modal-subtitle {
            font-size: 14px;
            margin: 5px 0 0 0;
            opacity: 0.9;
            font-weight: 400;
        }
        
        .offer-modal-close {
            position: absolute;
            top: 20px;
            right: 25px;
            font-size: 28px;
            cursor: pointer;
            color: white;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.3s ease;
            background-color: rgba(255,255,255,0.1);
        }
        
        .offer-modal-close:hover {
            background-color: rgba(255,255,255,0.2);
            transform: rotate(90deg);
        }
        
        .offer-modal-body {
            padding: 30px;
        }
        
        .modal-product-info {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 25px;
            border-left: 4px solid #ff0000;
        }
        
        .modal-product-info h4 {
            margin: 0 0 10px 0;
            color: #ff0000;
            font-size: 18px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .modal-product-info p {
            margin: 0;
            color: #666;
            font-size: 14px;
            line-height: 1.5;
        }
        
        .form-intro {
            text-align: center;
            margin-bottom: 25px;
            color: #555;
            font-size: 16px;
            line-height: 1.6;
        }

        /* CF7 form genel stil düzenlemeleri */
        .cf7-wrapper .wpcf7 input,
        .cf7-wrapper .wpcf7 select,
        .cf7-wrapper .wpcf7 textarea {
            width: 100%;
            padding: 12px 15px;
            border: 2px solid #e1e8ed;
            border-radius: 8px;
            font-family: 'Poppins', sans-serif;
            font-size: 14px;
            transition: all 0.3s ease;
            background: white;
            box-sizing: border-box;
            margin-bottom: 5px;
        }

        .cf7-wrapper .wpcf7 input:focus,
        .cf7-wrapper .wpcf7 select:focus,
        .cf7-wrapper .wpcf7 textarea:focus {
            outline: none;
            border-color: #ff0000;
            box-shadow: 0 0 0 3px rgba(255,0,0,0.1);
        }

        .cf7-wrapper .wpcf7 label {
            display: block;
            font-weight: 600;
            color: #333;
            font-size: 14px;
            margin-bottom: 6px;
            font-family: 'Poppins', sans-serif;
        }

        .cf7-wrapper .wpcf7 .wpcf7-submit {
            width: 100%;
            padding: 15px;
            background: linear-gradient(135deg, #ff0000, #e60000);
            color: white;
            border: none;
            border-radius: 8px;
            font-family: 'Poppins', sans-serif;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-top: 10px;
        }

        .cf7-wrapper .wpcf7 .wpcf7-submit:hover {
            background: linear-gradient(135deg, #e60000, #cc0000);
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(255,0,0,0.3);
        }

        /* Modal responsive */
        @media (max-width: 768px) {
            .offer-modal-content {
                width: 95%;
                margin: 10px;
            }
            
            .offer-modal-header,
            .offer-modal-body {
                padding: 20px;
            }
            
            .offer-modal-title {
                font-size: 20px;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="products-grid">

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/7-hlp.webp" alt="Araç Plaka Presi HLP" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title translation-block">Kfz-Kennzeichenpresse Modell HLP</h3>
                    <a href="#" class="view-button" onclick="openModal('Araç Plaka Presi HLP Modeli')">Angebot anfordern</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/06/7-hlp-.webp" alt="Araç Plaka Mühür Presi HLP-S" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title translation-block">Kfz-Kennzeichen-Siegelpresse Modell HLP-S</h3>
                    <a href="#" class="view-button" onclick="openModal('Araç Plaka Mühür Presi HLP-S Modeli')">Angebot anfordern</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/06/plaka-pres.png" alt="Araç Plaka Boya Makinesi HLP-P" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title translation-block">Kfz-Kennzeichen-Lackiermaschine, Modell HLP-P</h3>
                    <a href="#" class="view-button" onclick="openModal('Araç Plaka Boya Makinesi HLP-P Modeli')">Angebot anfordern</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/06/plaka-pres.png" alt="Araç Plaka Kalıpları HLP-M" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title translation-block">Kfz-Kennzeichen-Formen Modell HLP-M</h3>
                    <a href="#" class="view-button" onclick="openModal('Araç Plaka Kalıpları HLP-M Modeli')">Angebot anfordern</a>
                </div>
            </div>

        </div>
    </div>

    <!-- Teklif Al Modalı -->
    <div class="offer-modal" id="offerModal">
        <div class="offer-modal-content">
            <div class="offer-modal-header">
                <h2 class="offer-modal-title">Angebotsanfrage</h2>
                <p class="offer-modal-subtitle" id="modalSubtitle">Hızlı teklif alın</p>
                <span class="offer-modal-close" id="offerModalClose">&times;</span>
            </div>
            <div class="offer-modal-body">
                <div class="modal-product-info">
                    <h4 id="selectedProduct">Ürün Seçildi</h4>
                    <p>Sie können detaillierte technische Informationen und ein Preisangebot anfordern.</p>
                </div>
                
                <div class="form-intro translation-block">Wenn Sie das folgende Formular ausfüllen, erhalten Sie <strong style="color: #ff0000">innerhalb von 24 Stunden</strong> ein individuelles Angebot.</div>

                <!-- CONTACT FORM 7 -->
                <div class="cf7-wrapper">
                    [contact-form-7]
                </div>

            </div>
        </div>
    </div>

    <script>
        function openModal(productName) {
            const modal = document.getElementById('offerModal');
            const selectedProduct = document.getElementById('selectedProduct');
            const modalSubtitle = document.getElementById('modalSubtitle');
            
            selectedProduct.textContent = '🔧 ' + productName;
            modalSubtitle.textContent = productName + ' için hızlı teklif alın';
            
            modal.style.display = 'flex';
            document.body.style.overflow = 'hidden';
        }

        function closeModal() {
            const modal = document.getElementById('offerModal');
            modal.style.display = 'none';
            document.body.style.overflow = 'auto';
        }

        document.addEventListener('DOMContentLoaded', function() {
            const offerModalClose = document.getElementById('offerModalClose');
            if (offerModalClose) {
                offerModalClose.addEventListener('click', closeModal);
            }

            const modal = document.getElementById('offerModal');
            if (modal) {
                modal.addEventListener('click', function(e) {
                    if (e.target === this) {
                        closeModal();
                    }
                });
            }

            document.addEventListener('keydown', function(e) {
                if (e.key === 'Escape') {
                    closeModal();
                }
            });

            const cards = document.querySelectorAll('.product-card');
            cards.forEach((card, index) => {
                card.style.opacity = '0';
                card.style.transform = 'translateY(30px)';
                
                setTimeout(() => {
                    card.style.transition = 'all 0.6s ease';
                    card.style.opacity = '1';
                    card.style.transform = 'translateY(0)';
                }, index * 100);
            });
        });
    </script>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div><p><a href="https://hidrokarpres.com/de/portfolio/arac-plaka-presleri/">Araç Plaka Presleri</a> yazısı ilk önce <a href="https://hidrokarpres.com/de">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Özel Amaçlı Presler</title>
		<link>https://hidrokarpres.com/de/portfolio/ozel-amacli-presler/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Tue, 23 Sep 2025 12:05:27 +0000</pubDate>
				<guid ispermalink="false">https://www.test.carteonmobilya.com/?post_type=portfolio&#038;p=21329</guid>

					<description><![CDATA[<p>Özel Amaçlı Presler Hidrolik Sac Desen PresSD Modeli Teklif Al Hidrolik H Tipi Tablalı PresSAT Modeli Teklif Al Hurda Ezme PresiHHE Modeli Teklif Al Hidrolik Motor GövdeAyrıştırma Presi HHM Modeli Teklif Al Hidrolik KuyumcuPres Modeli Teklif Al Hidrolik AlüminyumKokil Presi Teklif Al Hidrolik EkstrüzyonPres Modeli Teklif Al Hidrolik BoruBüzme Presi Teklif Al Hidrolik CiltPres Modeli [&#8230;]</p>
<p><a href="https://hidrokarpres.com/de/portfolio/ozel-amacli-presler/">Özel Amaçlı Presler</a> yazısı ilk önce <a href="https://hidrokarpres.com/de">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="21329" class="elementor elementor-21329">
				<div class="elementor-element elementor-element-7c534e4 e-flex e-con-boxed e-con e-parent" data-id="7c534e4" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-68f014b elementor-widget elementor-widget-html" data-id="68f014b" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Özel Amaçlı Presler</title>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Poppins', sans-serif;
            background: #f8f9fa;
            padding: 30px;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
        }

        .products-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 40px 30px;
        }

        .product-card {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0,0,0,0.08);
            transition: all 0.3s ease;
            position: relative;
        }

        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.12);
        }

        .product-image-container {
            position: relative;
            width: 100%;
            height: 280px;
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }

        .product-image {
            width: 100%;
            height: 100%;
            object-fit: contain;
            max-width: 90%;
            max-height: 90%;
        }

        .product-info {
            padding: 25px 20px;
            text-align: center;
            background: white;
        }

        .product-title {
            font-size: 16px;
            font-weight: 600;
            color: #2c3e50;
            margin-bottom: 20px;
            line-height: 1.4;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .view-button {
            display: inline-flex;
            align-items: center;
            padding: 8px 20px;
            background: transparent;
            color: #ff0000;
            border: 1px solid #ff0000;
            border-radius: 20px;
            font-family: 'Poppins', sans-serif;
            font-size: 13px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .view-button:after {
            content: ' →';
            margin-left: 8px;
            transition: transform 0.3s ease;
        }

        .view-button:hover {
            background: #ff0000;
            color: white;
            transform: translateX(2px);
        }

        .view-button:hover:after {
            transform: translateX(3px);
        }

        @media (max-width: 1024px) {
            .products-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 30px 20px;
            }
            body { padding: 20px; }
        }

        @media (max-width: 768px) {
            .products-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 20px 15px;
            }
            .product-image-container { height: 200px; padding: 15px; }
            .product-info { padding: 20px 15px; }
            .product-title { font-size: 14px; margin-bottom: 15px; }
            .view-button { padding: 6px 16px; font-size: 12px; }
            body { padding: 15px; }
        }

        @media (max-width: 480px) {
            .products-grid { grid-template-columns: 1fr; gap: 20px; }
            .product-image-container { height: 220px; }
            .product-title { font-size: 15px; }
        }

        /* Teklif Modal Stilleri */
        .offer-modal {
            display: none;
            position: fixed;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1001;
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-sizing: border-box;
        }

        .offer-modal-content {
            background-color: white;
            width: 90%;
            max-width: 600px;
            max-height: 90vh;
            overflow-y: auto;
            border-radius: 12px;
            position: relative;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            animation: modalSlideIn 0.3s ease-out;
        }

        @keyframes modalSlideIn {
            from { opacity: 0; transform: translateY(-50px) scale(0.95); }
            to { opacity: 1; transform: translateY(0) scale(1); }
        }

        .offer-modal-header {
            background: linear-gradient(135deg, #ff0000, #e60000);
            color: white;
            padding: 25px 30px;
            border-radius: 12px 12px 0 0;
            position: relative;
        }

        .offer-modal-title {
            font-size: 22px;
            font-weight: 600;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }

        .offer-modal-subtitle {
            font-size: 14px;
            margin: 5px 0 0 0;
            opacity: 0.9;
            font-weight: 400;
        }

        .offer-modal-close {
            position: absolute;
            top: 20px; right: 25px;
            font-size: 28px;
            cursor: pointer;
            color: white;
            width: 40px; height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.3s ease;
            background-color: rgba(255,255,255,0.1);
        }

        .offer-modal-close:hover {
            background-color: rgba(255,255,255,0.2);
            transform: rotate(90deg);
        }

        .offer-modal-body { padding: 30px; }

        .modal-product-info {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 25px;
            border-left: 4px solid #ff0000;
        }

        .modal-product-info h4 {
            margin: 0 0 10px 0;
            color: #ff0000;
            font-size: 18px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }

        .modal-product-info p {
            margin: 0;
            color: #666;
            font-size: 14px;
            line-height: 1.5;
        }

        .form-intro {
            text-align: center;
            margin-bottom: 25px;
            color: #555;
            font-size: 16px;
            line-height: 1.6;
        }

        .cf7-wrapper .wpcf7 input,
        .cf7-wrapper .wpcf7 select,
        .cf7-wrapper .wpcf7 textarea {
            width: 100%;
            padding: 12px 15px;
            border: 2px solid #e1e8ed;
            border-radius: 8px;
            font-family: 'Poppins', sans-serif;
            font-size: 14px;
            transition: all 0.3s ease;
            background: white;
            box-sizing: border-box;
            margin-bottom: 5px;
        }

        .cf7-wrapper .wpcf7 input:focus,
        .cf7-wrapper .wpcf7 select:focus,
        .cf7-wrapper .wpcf7 textarea:focus {
            outline: none;
            border-color: #ff0000;
            box-shadow: 0 0 0 3px rgba(255,0,0,0.1);
        }

        .cf7-wrapper .wpcf7 label {
            display: block;
            font-weight: 600;
            color: #333;
            font-size: 14px;
            margin-bottom: 6px;
            font-family: 'Poppins', sans-serif;
        }

        .cf7-wrapper .wpcf7 .wpcf7-submit {
            width: 100%;
            padding: 15px;
            background: linear-gradient(135deg, #ff0000, #e60000);
            color: white;
            border: none;
            border-radius: 8px;
            font-family: 'Poppins', sans-serif;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-top: 10px;
        }

        .cf7-wrapper .wpcf7 .wpcf7-submit:hover {
            background: linear-gradient(135deg, #e60000, #cc0000);
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(255,0,0,0.3);
        }

        @media (max-width: 768px) {
            .offer-modal-content { width: 95%; margin: 10px; }
            .offer-modal-header, .offer-modal-body { padding: 20px; }
            .offer-modal-title { font-size: 20px; }
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="products-grid">

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-SD-1.webp" alt="Hidrolik Sac Desen Pres SD Modeli" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title translation-block">Hydraulische Blechprägepresse, Modell SD</h3>
                    <a href="#" class="view-button" onclick="openModal('Hidrolik Sac Desen Pres SD Modeli')">Angebot anfordern</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-SAT-1-.webp" alt="Hidrolik H Tipi Tablalı Pres SAT Modeli" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title translation-block">Hydraulische Plattenpresse vom Typ H Modell SAT</h3>
                    <a href="#" class="view-button" onclick="openModal('Hidrolik H Tipi Tablalı Pres SAT Modeli')">Angebot anfordern</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-HURDA-1-.webp" alt="Hurda Ezme Presi HHE Modeli" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title translation-block">Schrottpresse Modell HHE</h3>
                    <a href="#" class="view-button" onclick="openModal('Hurda Ezme Presi HHE Modeli')">Angebot anfordern</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-MOTOR-SK-1.webp" alt="Hidrolik Motor Gövde Ayrıştırma Presi HHM Modeli" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title translation-block">HYDRAULISCHE SCHMUCKPRESSE</h3>
                    <a href="#" class="view-button" onclick="openModal('Hidrolik Motor Gövde Ayrıştırma Presi HHM Modeli')">Angebot anfordern</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-KUYUMCU.webp" alt="Hidrolik Kuyumcu Pres" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title translation-block">Hydraulische Juwelierpresse</h3>
                    <a href="#" class="view-button" onclick="openModal('Hidrolik Kuyumcu Pres Modeli')">Angebot anfordern</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/03/hidrokarpres-ozel-amacli-pres-1.webp" alt="Hidrolik Alüminyum Kokil Presi" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title translation-block">Hydraulische Aluminium-Kokilpresse</h3>
                    <a href="#" class="view-button" onclick="openModal('Hidrolik Alüminyum Kokil Presi')">Angebot anfordern</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-EKSTR-2.webp" alt="Hidrolik Ekstrüzyon Pres Modeli" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title translation-block">Modell einer hydraulischen Extrusionspresse</h3>
                    <a href="#" class="view-button" onclick="openModal('Hidrolik Ekstrüzyon Pres Modeli')">Angebot anfordern</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-BORU-1.webp" alt="Hidrolik Boru Büzme Presi" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title translation-block">Hydraulische Rohrschrumpfpresse</h3>
                    <a href="#" class="view-button" onclick="openModal('Hidrolik Boru Büzme Presi')">Angebot anfordern</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2026/03/hidrokarpres-ozel-amacli-pres-2.webp" alt="Hidrolik Cilt Pres Modeli" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title translation-block">Modell einer hydraulischen Buchpresse</h3>
                    <a href="#" class="view-button" onclick="openModal('Hidrolik Cilt Pres Modeli')">Angebot anfordern</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-LABORATUVAR-1.webp" alt="Laboratuvar Pres Modeli" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title translation-block">Labor-Pressenmodell</h3>
                    <a href="#" class="view-button" onclick="openModal('Laboratuvar Pres Modeli')">Angebot anfordern</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/06/ozel-amacli-presler-1.png" alt="Hidrolik Epoksi Pres Modeli" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title translation-block">Modell einer hydraulischen Epoxidharzpresse</h3>
                    <a href="#" class="view-button" onclick="openModal('Hidrolik Epoksi Pres Modeli')">Angebot anfordern</a>
                </div>
            </div>

        </div>
    </div>

    <!-- Teklif Al Modalı -->
    <div class="offer-modal" id="offerModal">
        <div class="offer-modal-content">
            <div class="offer-modal-header">
                <h2 class="offer-modal-title">Angebotsanfrage</h2>
                <p class="offer-modal-subtitle" id="modalSubtitle">Hızlı teklif alın</p>
                <span class="offer-modal-close" id="offerModalClose">&times;</span>
            </div>
            <div class="offer-modal-body">
                <div class="modal-product-info">
                    <h4 id="selectedProduct">Ürün Seçildi</h4>
                    <p>Sie können detaillierte technische Informationen und ein Preisangebot anfordern.</p>
                </div>

                <div class="form-intro translation-block">Wenn Sie das folgende Formular ausfüllen, erhalten Sie <strong style="color: #ff0000">innerhalb von 24 Stunden</strong> ein individuelles Angebot.</div>

                <!-- CONTACT FORM 7 -->
                <div class="cf7-wrapper">
                    [contact-form-7]
                </div>

            </div>
        </div>
    </div>

    <script>
        function openModal(productName) {
            const modal = document.getElementById('offerModal');
            const selectedProduct = document.getElementById('selectedProduct');
            const modalSubtitle = document.getElementById('modalSubtitle');

            selectedProduct.textContent = '🔧 ' + productName;
            modalSubtitle.textContent = productName + ' için hızlı teklif alın';

            modal.style.display = 'flex';
            document.body.style.overflow = 'hidden';
        }

        function closeModal() {
            const modal = document.getElementById('offerModal');
            modal.style.display = 'none';
            document.body.style.overflow = 'auto';
        }

        document.addEventListener('DOMContentLoaded', function() {
            const offerModalClose = document.getElementById('offerModalClose');
            if (offerModalClose) {
                offerModalClose.addEventListener('click', closeModal);
            }

            const modal = document.getElementById('offerModal');
            if (modal) {
                modal.addEventListener('click', function(e) {
                    if (e.target === this) closeModal();
                });
            }

            document.addEventListener('keydown', function(e) {
                if (e.key === 'Escape') closeModal();
            });

            const cards = document.querySelectorAll('.product-card');
            cards.forEach((card, index) => {
                card.style.opacity = '0';
                card.style.transform = 'translateY(30px)';
                setTimeout(() => {
                    card.style.transition = 'all 0.6s ease';
                    card.style.opacity = '1';
                    card.style.transform = 'translateY(0)';
                }, index * 100);
            });
        });
    </script>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div><p><a href="https://hidrokarpres.com/de/portfolio/ozel-amacli-presler/">Özel Amaçlı Presler</a> yazısı ilk önce <a href="https://hidrokarpres.com/de">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Geri Dönüşüm Presleri</title>
		<link>https://hidrokarpres.com/de/portfolio/geri-donusum-presleri/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 22 Sep 2025 11:50:45 +0000</pubDate>
				<guid ispermalink="false">https://www.test.carteonmobilya.com/?post_type=portfolio&#038;p=21286</guid>

					<description><![CDATA[<p>Geri Dönüşüm Presleri Üç Sıkıştırmalı HurdaPaketleme Presi HHPY Modeli Teklif Al Hurda Kesme MakinesiHHPO Modeli Teklif Al Hurda Kesme MakasıHKM Modeli Teklif Al Hurda Lastik KesmeMakası HLKM Modeli Teklif Al Yatay Balya Kağıt vePet Şişe HKB Modeli Teklif Al Kablo Soyma MakinesiHKS Modeli Teklif Al Teklif Talebi Hızlı teklif alın &#215; Ürün Seçildi Detaylı teknik [&#8230;]</p>
<p><a href="https://hidrokarpres.com/de/portfolio/geri-donusum-presleri/">Geri Dönüşüm Presleri</a> yazısı ilk önce <a href="https://hidrokarpres.com/de">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="21286" class="elementor elementor-21286">
				<div class="elementor-element elementor-element-ce6768f e-flex e-con-boxed e-con e-parent" data-id="ce6768f" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-58eab53 elementor-widget elementor-widget-html" data-id="58eab53" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Geri Dönüşüm Presleri</title>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Poppins', sans-serif;
            background: #f8f9fa;
            padding: 30px;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
        }

        .products-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 40px 30px;
        }

        .product-card {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0,0,0,0.08);
            transition: all 0.3s ease;
            position: relative;
        }

        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.12);
        }

        .product-image-container {
            position: relative;
            width: 100%;
            height: 280px;
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }

        .product-image {
            width: 100%;
            height: 100%;
            object-fit: contain;
            max-width: 90%;
            max-height: 90%;
        }

        .product-info {
            padding: 25px 20px;
            text-align: center;
            background: white;
        }

        .product-title {
            font-size: 16px;
            font-weight: 600;
            color: #2c3e50;
            margin-bottom: 20px;
            line-height: 1.4;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .view-button {
            display: inline-flex;
            align-items: center;
            padding: 8px 20px;
            background: transparent;
            color: #ff0000;
            border: 1px solid #ff0000;
            border-radius: 20px;
            font-family: 'Poppins', sans-serif;
            font-size: 13px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .view-button:after {
            content: ' →';
            margin-left: 8px;
            transition: transform 0.3s ease;
        }

        .view-button:hover {
            background: #ff0000;
            color: white;
            transform: translateX(2px);
        }

        .view-button:hover:after {
            transform: translateX(3px);
        }

        /* Mobil responsive */
        @media (max-width: 1024px) {
            .products-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 30px 20px;
            }
            
            body {
                padding: 20px;
            }
        }

        @media (max-width: 768px) {
            .products-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 20px 15px;
            }
            
            .product-image-container {
                height: 200px;
                padding: 15px;
            }
            
            .product-info {
                padding: 20px 15px;
            }
            
            .product-title {
                font-size: 14px;
                margin-bottom: 15px;
            }
            
            .view-button {
                padding: 6px 16px;
                font-size: 12px;
            }
            
            body {
                padding: 15px;
            }
        }

        @media (max-width: 480px) {
            .products-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .product-image-container {
                height: 220px;
            }
            
            .product-title {
                font-size: 15px;
            }
        }

        /* Teklif Modal Stilleri */
        .offer-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.8);
            z-index: 1001;
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-sizing: border-box;
        }
        
        .offer-modal-content {
            background-color: white;
            width: 90%;
            max-width: 600px;
            max-height: 90vh;
            overflow-y: auto;
            border-radius: 12px;
            position: relative;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            animation: modalSlideIn 0.3s ease-out;
        }
        
        @keyframes modalSlideIn {
            from {
                opacity: 0;
                transform: translateY(-50px) scale(0.95);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        .offer-modal-header {
            background: linear-gradient(135deg, #ff0000, #e60000);
            color: white;
            padding: 25px 30px;
            border-radius: 12px 12px 0 0;
            position: relative;
        }
        
        .offer-modal-title {
            font-size: 22px;
            font-weight: 600;
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }
        
        .offer-modal-subtitle {
            font-size: 14px;
            margin: 5px 0 0 0;
            opacity: 0.9;
            font-weight: 400;
        }
        
        .offer-modal-close {
            position: absolute;
            top: 20px;
            right: 25px;
            font-size: 28px;
            cursor: pointer;
            color: white;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.3s ease;
            background-color: rgba(255,255,255,0.1);
        }
        
        .offer-modal-close:hover {
            background-color: rgba(255,255,255,0.2);
            transform: rotate(90deg);
        }
        
        .offer-modal-body {
            padding: 30px;
        }
        
        .modal-product-info {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 25px;
            border-left: 4px solid #ff0000;
        }
        
        .modal-product-info h4 {
            margin: 0 0 10px 0;
            color: #ff0000;
            font-size: 18px;
            font-weight: 600;
            font-family: 'Poppins', sans-serif;
        }
        
        .modal-product-info p {
            margin: 0;
            color: #666;
            font-size: 14px;
            line-height: 1.5;
        }
        
        .form-intro {
            text-align: center;
            margin-bottom: 25px;
            color: #555;
            font-size: 16px;
            line-height: 1.6;
        }

        /* CF7 form genel stil düzenlemeleri */
        .cf7-wrapper .wpcf7 input,
        .cf7-wrapper .wpcf7 select,
        .cf7-wrapper .wpcf7 textarea {
            width: 100%;
            padding: 12px 15px;
            border: 2px solid #e1e8ed;
            border-radius: 8px;
            font-family: 'Poppins', sans-serif;
            font-size: 14px;
            transition: all 0.3s ease;
            background: white;
            box-sizing: border-box;
            margin-bottom: 5px;
        }

        .cf7-wrapper .wpcf7 input:focus,
        .cf7-wrapper .wpcf7 select:focus,
        .cf7-wrapper .wpcf7 textarea:focus {
            outline: none;
            border-color: #ff0000;
            box-shadow: 0 0 0 3px rgba(255,0,0,0.1);
        }

        .cf7-wrapper .wpcf7 label {
            display: block;
            font-weight: 600;
            color: #333;
            font-size: 14px;
            margin-bottom: 6px;
            font-family: 'Poppins', sans-serif;
        }

        .cf7-wrapper .wpcf7 .wpcf7-submit {
            width: 100%;
            padding: 15px;
            background: linear-gradient(135deg, #ff0000, #e60000);
            color: white;
            border: none;
            border-radius: 8px;
            font-family: 'Poppins', sans-serif;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-top: 10px;
        }

        .cf7-wrapper .wpcf7 .wpcf7-submit:hover {
            background: linear-gradient(135deg, #e60000, #cc0000);
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(255,0,0,0.3);
        }

        /* Modal responsive */
        @media (max-width: 768px) {
            .offer-modal-content {
                width: 95%;
                margin: 10px;
            }
            
            .offer-modal-header,
            .offer-modal-body {
                padding: 20px;
            }
            
            .offer-modal-title {
                font-size: 20px;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="products-grid">
            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-HHPT-1-1.webp" alt="üç sıkıştırmalı hurda paketleme presi" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title translation-block">Dreifach-Schrottpresse Modell HHPY</h3>
                    <a href="#" class="view-button" onclick="openModal('Üç Sıkıştırmalı Hurda Paketleme Presi HHPY Modeli')">Angebot anfordern</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-HHPO-1.webp" alt="hurda kesme makinesi" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title translation-block">Schrottschneidemaschine Modell HHPO</h3>
                    <a href="#" class="view-button" onclick="openModal('Hurda Kesme Makinesi HHPO Modeli')">Angebot anfordern</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-HKM-1.webp" alt="hurda kesme makası" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title translation-block">Schrottschere Modell HKM</h3>
                    <a href="#" class="view-button" onclick="openModal('Hurda Kesme Makası HKM Modeli')">Angebot anfordern</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-HLKM-1.webp" alt="hurda lastik kesme makası" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title translation-block">Altreifen-Schneideschere, Modell HLKM</h3>
                    <a href="#" class="view-button" onclick="openModal('Hurda Lastik Kesme Makası HLKM Modeli')">Angebot anfordern</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-HKB-1.webp" alt="yatay balya kağıt ve pet şişe" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title translation-block">Horizontale Ballenpresse für Papier und PET-Flaschen Modell HKB</h3>
                    <a href="#" class="view-button" onclick="openModal('Yatay Balya Kağıt ve Pet Şişe HKB Modeli')">Angebot anfordern</a>
                </div>
            </div>

            <div class="product-card">
                <div class="product-image-container">
                    <img decoding="async" src="https://hidrokarpres.com/wp-content/uploads/2025/09/hidrokarpres-HKS-1.webp" alt="Kablo soyam makinesi" class="product-image">
                </div>
                <div class="product-info">
                    <h3 class="product-title translation-block">Kabelabisoliermaschine Modell HKS</h3>
                    <a href="#" class="view-button" onclick="openModal('Kablo Soyma Makinesi HKS Modeli')">Angebot anfordern</a>
                </div>
            </div>
        </div>
    </div>

    <!-- Teklif Al Modalı -->
    <div class="offer-modal" id="offerModal">
        <div class="offer-modal-content">
            <div class="offer-modal-header">
                <h2 class="offer-modal-title">Angebotsanfrage</h2>
                <p class="offer-modal-subtitle" id="modalSubtitle">Hızlı teklif alın</p>
                <span class="offer-modal-close" id="offerModalClose">&times;</span>
            </div>
            <div class="offer-modal-body">
                <div class="modal-product-info">
                    <h4 id="selectedProduct">Ürün Seçildi</h4>
                    <p>Sie können detaillierte technische Informationen und ein Preisangebot anfordern.</p>
                </div>
                
                <div class="form-intro translation-block">Wenn Sie das folgende Formular ausfüllen, erhalten Sie <strong style="color: #ff0000">innerhalb von 24 Stunden</strong> ein individuelles Angebot.</div>

                <!-- CONTACT FORM 7 BURAYA -->
                <div class="cf7-wrapper">
                    [contact-form-7]
                </div>
                <!-- CONTACT FORM 7 SONU -->

            </div>
        </div>
    </div>

    <script>
        function openModal(productName) {
            const modal = document.getElementById('offerModal');
            const selectedProduct = document.getElementById('selectedProduct');
            const modalSubtitle = document.getElementById('modalSubtitle');
            
            selectedProduct.textContent = '🔧 ' + productName;
            modalSubtitle.textContent = productName + ' için hızlı teklif alın';
            
            modal.style.display = 'flex';
            document.body.style.overflow = 'hidden';
        }

        function closeModal() {
            const modal = document.getElementById('offerModal');
            modal.style.display = 'none';
            document.body.style.overflow = 'auto';
        }

        document.addEventListener('DOMContentLoaded', function() {
            const offerModalClose = document.getElementById('offerModalClose');
            if (offerModalClose) {
                offerModalClose.addEventListener('click', closeModal);
            }

            const modal = document.getElementById('offerModal');
            if (modal) {
                modal.addEventListener('click', function(e) {
                    if (e.target === this) {
                        closeModal();
                    }
                });
            }

            document.addEventListener('keydown', function(e) {
                if (e.key === 'Escape') {
                    closeModal();
                }
            });

            const cards = document.querySelectorAll('.product-card');
            cards.forEach((card, index) => {
                card.style.opacity = '0';
                card.style.transform = 'translateY(30px)';
                
                setTimeout(() => {
                    card.style.transition = 'all 0.6s ease';
                    card.style.opacity = '1';
                    card.style.transform = 'translateY(0)';
                }, index * 100);
            });
        });
    </script>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div><p><a href="https://hidrokarpres.com/de/portfolio/geri-donusum-presleri/">Geri Dönüşüm Presleri</a> yazısı ilk önce <a href="https://hidrokarpres.com/de">Hidrokar Pres</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>