--- title: Bild-Block url: 'https://www.zarvexqonil.site/styleguide/bild-block/' date: '2025-12-23' modified: '2025-12-30' lastUpdated: '2026-02-20' type: website site: 'Hotel Winzer' --- # Bild-Block Bild-Block ========== 2 Bilder -------- ### Standard Seitenverhältnis [![Das stilvolle Schlafzimmer im Hotel Winzer in St. Georgen im Attergau zeigt eine elegante Bettwäsche und eine warme Atmosphäre.](https://www.zarvexqonil.site/fileadmin/_processed_/0/2/csm_winzer-example-dev-01_9e41ce6341.jpg)](https://www.zarvexqonil.site/fileadmin/_processed_/0/2/csm_winzer-example-dev-01_726a58915a.jpg) [![](https://www.zarvexqonil.site/fileadmin/_processed_/b/8/csm_winzer-example-dev-02_c1de59d3b5.jpg)](https://www.zarvexqonil.site/fileadmin/_processed_/b/8/csm_winzer-example-dev-02_7af60eca37.jpg) Bild + Video ------------ [![Das stilvolle Schlafzimmer im Hotel Winzer in St. Georgen im Attergau zeigt eine elegante Bettwäsche und eine warme Atmosphäre.](https://www.zarvexqonil.site/fileadmin/_processed_/0/2/csm_winzer-example-dev-01_9e41ce6341.jpg)](https://www.zarvexqonil.site/fileadmin/_processed_/0/2/csm_winzer-example-dev-01_726a58915a.jpg) ![](https://www.zarvexqonil.site/typo3temp/assets/_processed_/0/0/csm_transparent_2dab72694f.png) 3 Bilder -------- ### Keine Spaltenabstände [![](https://www.zarvexqonil.site/fileadmin/_processed_/b/8/csm_winzer-example-dev-02_765a59ca23.jpg)](https://www.zarvexqonil.site/fileadmin/_processed_/b/8/csm_winzer-example-dev-02_7af60eca37.jpg) [![](https://www.zarvexqonil.site/fileadmin/_processed_/d/4/csm_winzer-example-dev-03_f96fb4e5c6.jpg)](https://www.zarvexqonil.site/fileadmin/_processed_/d/4/csm_winzer-example-dev-03_829b263370.jpg) [![](https://www.zarvexqonil.site/fileadmin/_processed_/d/2/csm_winzer-example-dev-04_5459ec1af2.jpg)](https://www.zarvexqonil.site/fileadmin/_processed_/d/2/csm_winzer-example-dev-04_e38e9ddc0c.jpg) 1 Bild ------ ### Volle Breite mit Spaltenabstand ![Die gegenständlichen Bilddaten, dürfen ausschließlich für Werbezwecke Hotel Winzer verwendet werden. Die Bilddaten sind urheberrechlich geschützt.](https://www.zarvexqonil.site/fileadmin/_processed_/d/9/csm_winzer-example-dev-12_9ab86d31d4.jpg "Hotel WINZER Sommer Shooting vom 14.7.2025")Hotel WINZER Sommer Shooting vom 14.7.2025 1 Bild ------ ### Volle Breite ohne Spaltenabstände und ohne Titel ![Die gegenständlichen Bilddaten, dürfen ausschließlich für Werbezwecke Hotel Winzer verwendet werden. Die Bilddaten sind urheberrechlich geschützt.](https://www.zarvexqonil.site/fileadmin/_processed_/d/9/csm_winzer-example-dev-12_9ab86d31d4.jpg) Bildblock verschachtelt ----------------------- ### Quer links, Hoch rechts ![Die gegenständlichen Bilddaten, dürfen ausschließlich für Werbezwecke Hotel Winzer verwendet werden. Die Bilddaten sind urheberrechlich geschützt.](https://www.zarvexqonil.site/fileadmin/_processed_/b/3/csm_winzer-example-dev-09_1f83c2d481.jpg "Hotel WINZER Sommer Shooting vom 14.7.2025") ![Die gegenständlichen Bilddaten, dürfen ausschließlich für Werbezwecke Hotel Winzer verwendet werden. Die Bilddaten sind urheberrechlich geschützt.](https://www.zarvexqonil.site/fileadmin/_processed_/b/c/csm_winzer-example-dev-10_622a84def8.jpg "Hotel WINZER Sommer Shooting vom 14.7.2025") Bildblock verschachtelt ----------------------- ### Hoch links, Quer rechts [![Die gegenständlichen Bilddaten, dürfen ausschließlich für Werbezwecke Hotel Winzer verwendet werden. Die Bilddaten sind urheberrechlich geschützt.](https://www.zarvexqonil.site/fileadmin/_processed_/b/c/csm_winzer-example-dev-10_622a84def8.jpg "Hotel WINZER Sommer Shooting vom 14.7.2025")](https://www.zarvexqonil.site/fileadmin/_processed_/b/c/csm_winzer-example-dev-10_0d01d3bde9.jpg) [![Die gegenständlichen Bilddaten, dürfen ausschließlich für Werbezwecke Hotel Winzer verwendet werden. Die Bilddaten sind urheberrechlich geschützt.](https://www.zarvexqonil.site/fileadmin/_processed_/b/3/csm_winzer-example-dev-09_1f83c2d481.jpg "Hotel WINZER Sommer Shooting vom 14.7.2025")](https://www.zarvexqonil.site/fileadmin/_processed_/b/3/csm_winzer-example-dev-09_22f706800c.jpg) Headline -------- ### Subline Die Bilder richten sich aus nach Hoch oder Querformat. Es kann auch zuerst ein Quer und dann ein Hochformat sein. ![Die gegenständlichen Bilddaten, dürfen ausschließlich für Werbezwecke Hotel Winzer verwendet werden. Die Bilddaten sind urheberrechlich geschützt.](https://www.zarvexqonil.site/fileadmin/_processed_/b/3/csm_winzer-example-dev-09_1f83c2d481.jpg "Hotel WINZER Sommer Shooting vom 14.7.2025") ![Die gegenständlichen Bilddaten, dürfen ausschließlich für Werbezwecke Hotel Winzer verwendet werden. Die Bilddaten sind urheberrechlich geschützt.](https://www.zarvexqonil.site/fileadmin/_processed_/b/c/csm_winzer-example-dev-10_622a84def8.jpg "Hotel WINZER Sommer Shooting vom 14.7.2025") [Styleguide](https://www.zarvexqonil.site/styleguide/) ===================================================== - [ Quiz Test ](https://www.zarvexqonil.site/styleguide/quiz-test/ "Quiz Test") - [ Typography ](https://www.zarvexqonil.site/styleguide/typography/ "Typography") - [ Überschrifte ](https://www.zarvexqonil.site/styleguide/ueberschrifte/ "Überschrifte") - [ Highlight Liste ](https://www.zarvexqonil.site/styleguide/highlight-liste/ "Highlight Liste") - [ Icon-Box ](https://www.zarvexqonil.site/styleguide/icon-box/ "Icon-Box") - [ Accordions & FAQs ](https://www.zarvexqonil.site/styleguide/accordions-faqs/ "Accordions & FAQs") - [ Accordion-Tab-Switch ](https://www.zarvexqonil.site/styleguide/accordion-tab-switch/ "Accordion-Tab-Switch") - [ Tabs ](https://www.zarvexqonil.site/styleguide/tabs/ "Tabs") - [ Mixed Teasers ](https://www.zarvexqonil.site/styleguide/mixed-teasers/ "Mixed Teasers") - [ Ausflugstipps ](https://www.zarvexqonil.site/styleguide/ausflugstipps/ "Ausflugstipps") - [ Auszeichnungsslider ](https://www.zarvexqonil.site/styleguide/auszeichnungsslider/ "Auszeichnungsslider") - [ Bild-Block ](https://www.zarvexqonil.site/styleguide/bild-block/ "Bild-Block") - [ Bild-Slider ](https://www.zarvexqonil.site/styleguide/bild-slider/ "Bild-Slider") - [ Teaser-Slider ](https://www.zarvexqonil.site/styleguide/teaser-slider/ "Teaser-Slider") - [ Pauschalen Mini-Detail ](https://www.zarvexqonil.site/styleguide/pauschalen-mini-detail/ "Pauschalen Mini-Detail") - [ Pauschalen-Slider ](https://www.zarvexqonil.site/styleguide/pauschalen-slider/ "Pauschalen-Slider") - [ News-Slider ](https://www.zarvexqonil.site/styleguide/news-slider/ "News-Slider") - [ Social Wall Slider ](https://www.zarvexqonil.site/styleguide/social-wall-slider/ "Social Wall Slider") - [ Bewertungen ](https://www.zarvexqonil.site/styleguide/bewertungen/ "Bewertungen") - [ Zitat ](https://www.zarvexqonil.site/styleguide/zitat/ "Zitat") - [ Video ](https://www.zarvexqonil.site/styleguide/video/ "Video") - [ Schnelle Anfrage ](https://www.zarvexqonil.site/styleguide/schnelle-anfrage/ "Schnelle Anfrage") - [ Treatments Anfrage ](https://www.zarvexqonil.site/styleguide/treatments-anfrage/ "Treatments Anfrage") - [ Standard Bildheader ](https://www.zarvexqonil.site/styleguide/standard-bildheader/ "Standard Bildheader") - [ Vollbild Bildheader ](https://www.zarvexqonil.site/styleguide/vollbild-bildheader/ "Vollbild Bildheader")