Анализ сайта https://pixelio.net/
Основное Готовность: 75%
Домен
pixelio.net
Состояние доменного имени
?
Проверяем корректность доменного имени и наличие технических проблем на уровне домена.
Домен второго уровня идеален для продвижения.
Отличный запоминающийся домен.
Ответ сервера
200 Успешный ответ
HTTP-код ответа и цепочка редиректов
?
Код 200 — страница доступна. Коды 3xx — редиректы (цепочки замедляют загрузку и размывают ссылочный вес). Коды 4xx/5xx — ошибки, поисковик не сможет проиндексировать страницу.
Сервер настроен корректно.
Цепочка редиректов:
https://pixelio.net/
302 Found
https://pixelio.net/de/
200 OK
Безопасность
Сайт безопасен
Использование HTTPS и SSL-сертификат
?
HTTPS — обязательный стандарт. Google и Яндекс отдают предпочтение защищённым сайтам. Отсутствие SSL или просроченный сертификат ведут к предупреждениям в браузере и снижению позиций.
Не настроен HSTS (Strict-Transport-Security) — рекомендуется включить.
На сайте работает защищенный протокол ssl и сайт открывается по https.
Ssl-сертификат действителен до 09.01.2027 2:59:59.
Поздравляем! Сайт не содержится в реестре РКН.
Кодировка
utf-8
Кодировка символов страницы
?
Стандарт — UTF-8. Неправильная кодировка вызывает нечитаемые символы и мешает поисковику корректно распознать текст страницы.
Указана кодировка на странице utf-8.
Язык
de
Атрибут lang в HTML-теге
?
Атрибут lang (<html lang="ru">) сообщает поисковикам и браузерам, на каком языке написана страница. Помогает при ранжировании в региональном поиске.
Язык документа указан явно: de.
Скорость загрузки
~0,72сек
Время отклика сервера (TTFB)
?
Time To First Byte — время до получения первого байта от сервера. Норма до 200 мс. Медленный отклик ухудшает пользовательский опыт и ранжирование: Яндекс и Google учитывают скорость страниц.
Скорость загрузки сайта 0,72сек оптимальна.
Объем документа
1997Кб
Размер HTML-кода страницы
?
Слишком большой HTML замедляет парсинг браузером и сканирование поисковым роботом. Рекомендуется не более 200 Кб.
Объем html-документа 1997Кб оптимален.
Структура html-документа корректна.
Ресурсы
Ресурсы: 56
Внешние ресурсы страницы (CSS, JS, изображения)
?
Количество и тип подключённых ресурсов влияют на скорость загрузки. Большое число запросов увеличивает время рендеринга страницы.
Кол-во файлов ресурсов 56 много для одной страницы. Приемлемо до 10. Проведите оптимизацию файлов ресурсов!
Показать полный список ресурсов
| Тип | Название | Значение |
|---|---|---|
| stylesheet | /css/app-bundle.css?v=0h6DdTBh7xqUYdodXK_a-C0U68M | |
| js | text/javascript | https://consent.cookiebot.com/uc.js |
| js | https://challenges.cloudflare.com/turnstile/v0/api.js | |
| js | /js/app-bundle.js?v=h_inkax89pWVrVRam9m8LCBDi4k | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/masonry.pkgd.min.js | |
| js | /js/pages/home-index.js?v=Ul5ZMXv_yD1YnH-MUvOF6MnXYUs | |
| js | /js/masonry.pkgd.min.js?v=BDN7uglPCHOBNVvThjMHd-t4DQk |
Серверные заголовки
Кол-во: 7
HTTP-заголовки ответа сервера
?
Заголовки сервера передают браузеру и поисковику служебную информацию: кеширование, безопасность (CSP, HSTS), сжатие (gzip). Правильная настройка ускоряет загрузку и повышает защищённость.
Найдены серверные заголовки 7шт. Подробнее про серверные заголовки.
Показать полный список серверных заголовков
| Ключ | Значение |
|---|---|
| Server | nginx/1.24.0 |
| Date | Sat, 22 Aug 2026 09:14:57 GMT |
| Cache-Control | no-store, no-cache |
| Pragma | no-cache |
| Set-Cookie | XSRF-TOKEN=CfDJ8B38X5USg-pAocAEG350HzEeIZv_p7ft-Rebq7GH0sLD55QoYce6k6EU2vQx2zSr-RbOLGxnmgGufJq5yrb6dsvfXquko6F-tGBKyQd1nHP6-j8IeslqpxWpR7B487L0CmRLlheyQNl4tS_DuH58SEQ; path=/; samesite=strict; httponly |
| X-Frame-Options | SAMEORIGIN |
| X-Powered-By | PHP/8.2.12 |
CMS
Не определена
Система управления сайтом (движок)
?
CMS — это движок, на котором работает сайт (WordPress, 1C-Bitrix, Tilda и др.). Знание CMS помогает понять возможности SEO-оптимизации и подобрать подходящие инструменты. «Не определена» — вероятно, самописный сайт или нестандартная сборка.
CMS не определена. Вероятно, сайт самописный либо движок надёжно скрыт. Это не ошибка.
Веб-сервер
Программное обеспечение сервера
?
Веб-сервер — это ПО, которое отдаёт страницы посетителям (nginx, Apache, IIS, LiteSpeed и др.). Определяется по серверным заголовкам ответа (Server, X-Powered-By и т.п.). «Не определён» — сервер намеренно скрывает эти заголовки, это нормальная практика безопасности.
Сайт работает на веб-сервере nginx.
Мета-теги Готовность: 32%
Title
pixelio
Заголовок страницы в браузере и поисковой выдаче
?
Title — главный SEO-заголовок страницы. Влияет на CTR в поиске и ранжирование. Оптимальная длина: 50–70 символов. Ключевые слова — ближе к началу.
Необходимо увеличить число символов в title (текущее значение мало: 7, минимум: 25, оптимально: от 40 до 45)
Дублей словоформ в title не найдено.
Description
Описание страницы в поисковой выдаче (сниппет)
?
Meta Description — текст под заголовком в выдаче. Напрямую на позиции не влияет, но влияет на CTR. Оптимальная длина: 120–160 символов.
Установите мета-тег description!
Keywords
Список ключевых слов страницы (устаревший тег)
?
Meta Keywords не учитывается Яндексом и Google для ранжирования с 2009–2012 годов. Заполнение не обязательно, но не вредит. Конкурент может использовать содержимое для анализа.
Установите мета-тег keywords!
Канонический Url
Указывает поисковику основную версию страницы
?
Canonical (rel=canonical) предотвращает проблему дублей страниц. Должен точно совпадать с URL проверяемой страницы. Неправильный canonical может передать ссылочный вес на другую страницу.
Рекомендуем прописать канонический Url.
Robots
Ошибок нет
Директивы для поисковых роботов на уровне страницы
?
Meta Robots управляет индексацией конкретной страницы: index/noindex — индексировать ли, follow/nofollow — следовать ли по ссылкам. Noindex полностью исключает страницу из поиска.
Meta-тег robots не указан. Страница свободна для индексации.
Адаптивность
width=device-width, initial-scale=1, shrink-to-fit=no
Настройка масштабирования на мобильных устройствах
?
Тег viewport (<meta name="viewport">) сообщает браузеру, как масштабировать страницу на мобильных. Стандарт: width=device-width, initial-scale=1. Отсутствие — признак отсутствия мобильной версии.
Meta-тег viewport со значением-константой width=device-width задаёт ширину страницы в соответствии с размером экрана.
Meta-тег viewport со значением initial-scale=1.0 определяет масштаб 1:1, т.е. «не масштабировать».
Разметка OpenGraph
Не найдено
Мета-теги для красивых превью в соцсетях
?
OpenGraph (og:title, og:description, og:image) управляет тем, как страница выглядит при репосте в социальных сетях и мессенджерах. Отсутствие OG-тегов — невзрачный превью при шеринге.
Разметка OpenGraph не задана. Страница не оптимизирована под социальные сети. Мета-теги с разметкой Og помогают социальным роботам лучше структурировать Ваш сайт.
Все мета-теги
Кол-во: 2
Полный список мета-тегов страницы
?
Таблица всех meta-тегов, включая нестандартные. Позволяет найти опечатки, дубли и лишние теги.
Найдены мета-теги 2шт. Мета-теги не видимы для человека и предназначены для обмена информацией между веб-страницей и поисковыми системами, браузерами и другими веб-службами. С ними роботы 🤖 и устройства ведут себя более ожидаемо.
Показать полный список мета-тегов
| Тип | Название | Значение |
|---|---|---|
| name | viewport | width=device-width, initial-scale=1, shrink-to-fit=no |
| name | xsrf-token | CfDJ8B38X5USg-pAocAEG350HzEFUDIzvKtBChJDn_uLje_awGwAvypdkYvtpOG4gTqvdrWI-dfepXVNzg35CWHat6EhdlHyrVDDcQBA2xtnKWeDIgMmLSnejSHQj304gP58hu1CPvfZgSD1st00VFK9_wM |
Оптимизация Готовность: 72%
Структура
Ошибок нет
Семантические HTML-элементы страницы
?
Проверяет наличие основных структурных элементов: nav, header, footer, main. Корректная семантическая структура помогает поисковику понять архитектуру страницы.
Структура документа корректна (теги <html> и <body> присутствуют в единственном экземпляре).
Контент
Есть ошибки
Объём и качество текстового содержимого
?
Анализирует объём полезного текста на странице. Слишком мало — страница может считаться малополезной. Слишком много — ухудшается читаемость и восприятие.
Слова из title 1 встречаются в тексте редко. Добавьте в контент страницы слова из тега <title>!
Абзацев с текстом 17 достаточно.
Среднее число слов в абзаце 15 достаточно.
Кол-во знаков контента 50168 на странице оптимально.
Кол-во слов 6506 на странице оптимально.
Заголовки
Ошибок нет
Иерархия заголовков H1–H6
?
H1 должен быть один и содержать ключевой запрос. H2–H6 описывают подразделы. Пропуск уровней (H1 → H3) и несколько H1 — типичные ошибки, снижающие понятность страницы для поисковика.
На странице присутствуют заголовки <h1> 2. Это прекрасно.
На странице присутствуют заголовки <h2> 262. Это хорошо.
На странице присутствуют заголовки <h3> 107.
Тошнота
12,29
Насколько одно слово доминирует в тексте
?
Классическая тошнота = √(частота самого повторяющегося слова). Норма до 7–8: текст воспринимается естественно. Выше — поисковик может счесть страницу переспамленной.
Тошнота превышает норму 5. Измените текст страницы!
Академич. тошнота
6,93%
Насколько текст перенасыщен ключевыми словами
?
Академическая тошнота = (частота слова / общее количество слов) × 100%. Показывает долю конкретного слова в тексте. Норма 5–15%.
Академическая тошнота страницы в пределах нормы.
Семантическое ядро
20
Наиболее часто встречающиеся слова на странице
?
Топ слов по частоте использования. Показывает, какие слова доминируют в тексте с точки зрения поисковика.
Контент страницы содержит осмысленный текст и слова.
Показать список слов
| Слово | Кол-во | Частота |
|---|---|---|
| hnliche | 151 | 2,32% |
| 102 | 1,57% | |
| 102 | 1,57% | |
| 102 | 1,57% | |
| 101 | 1,55% | |
| 101 | 1,55% | |
| 101 | 1,55% | |
| telegram | 101 | 1,55% |
| details | 101 | 1,55% |
| fotograf | 101 | 1,55% |
| downloads | 101 | 1,55% |
| aufrufe | 101 | 1,55% |
| upload-datum | 101 | 1,55% |
| kategorie | 101 | 1,55% |
| auflsung | 101 | 1,55% |
| bildgre | 101 | 1,55% |
| lizenztyp | 101 | 1,55% |
| kamerahersteller | 101 | 1,55% |
| kameramodell | 101 | 1,55% |
| ausrichtung | 101 | 1,55% |
Индексация Готовность: 0%
Индексирование
Есть ошибки
Разрешено ли индексирование страницы
?
Проверяет, не закрыта ли страница от индексации через robots.txt, meta robots или X-Robots-Tag. Страница, закрытая от индексации, не появится в поисковой выдаче.
Анкоров на странице 1691 слишком много. Проведите ревизию и оптимизацию ссылок сайта.
Robots.txt
Найден корректный robots.txt
Файл управления сканированием сайта роботами
?
Robots.txt указывает поисковым роботам, какие страницы сканировать, а какие — нет. Ошибки в файле могут случайно закрыть важные разделы от индексации.
Кол-во редиректов для файла robots.txt 3 слишком большое! Это может вызывать затруднение при индексации поисковыми роботами!
Проверяемая страница не запрещена в robots.txt.
Robots.txt доступен по постоянному адресу
Цепочка редиректов для файла robots.txt:
https://pixelio.net/robots.txt
302 Found
https://pixelio.net/de/robots.txt
302 Found
https://pixelio.net/de
200 OK
Показать содержимое robots.txt
<!DOCTYPE html>
<html lang="de">
<head>
<title>pixelio</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="xsrf-token" content="CfDJ8B38X5USg-pAocAEG350HzF_O9SF6g-S7Fes2ck3FsdmpK0cOiaA5VLgqbTfMqbCE9SYWovYsTxO3iC3kwiqMoATLd9AVDyiZrnNdD4uH-8A_97OPWAGYWsFrnysmeOq9HHPV-7a1gnLjU3l5qcATfE" />
<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />
<script type="text/javascript">
var _paq = window._paq = window._paq || [];
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//m.pixelio.de/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-culture="de" data-cbid="82939c6d-ed0f-4850-8105-ed552aca214d" data-blockingmode="auto" type="text/javascript"></script>
<link href="/css/app-bundle.css?v=0h6DdTBh7xqUYdodXK_a-C0U68M" rel="stylesheet" />
<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer data-cookieconsent="ignore"></script>
<script src="/js/app-bundle.js?v=h_inkax89pWVrVRam9m8LCBDi4k" data-cookieconsent="ignore"></script>
</head>
<body>
<header b-06ftoue25o id="helix-header" class="helix-header">
<nav b-06ftoue25o class="navbar navbar-expand-lg fixed-top">
<div b-06ftoue25o class="container-fluid">
<a b-06ftoue25o class="navbar-brand" href="/">
<img b-06ftoue25o src="/images/logo.png"
alt="pixelio.de">
</a><button b-06ftoue25o class="navbar-toggler" type="button" data-bs-toggle="offcanvas"
data-bs-target="#navbarOffcanvasLg" aria-controls="navbarOffcanvasLg"
aria-label="Toggle navigation">
<span b-06ftoue25o class="navbar-toggler-icon"></span>
</button>
<div b-06ftoue25o class="offcanvas offcanvas-start" tabindex="-1" id="navbarOffcanvasLg"
aria-labelledby="offcanvasNavbarLabel">
<div b-06ftoue25o class="offcanvas-header">
<h4 b-06ftoue25o class="offcanvas-title" id="offcanvasNavbarLabel">pixelio.de</h4><button b-06ftoue25o type="button"
class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div b-06ftoue25o class="offcanvas-body">
<ul b-06ftoue25o class="navbar-nav me-auto mb-2 mb-lg-0">
<li b-06ftoue25o class="nav-item"><a b-06ftoue25o class="nav-link active" aria-current="page" href="/">Home</a></li>
<li b-06ftoue25o class="nav-item dropdown">
<a b-06ftoue25o class="nav-link dropdown-toggle" href="#helix-categories"
id="offcanvasNavbarDropdown" role="button" data-bs-toggle="dropdown"
aria-expanded="false">Kategorien</a>
<ul b-06ftoue25o class="dropdown-menu" aria-labelledby="offcanvasNavbarDropdown" style="width: 810px;">
<div b-06ftoue25o class="container mega-menu">
<div b-06ftoue25o class="row">
<div class="col-lg-3 col-md-6 mb-4">
<ul class="list-unstyled">
<li><a class="dropdown-item" href="/de/search?catId=11">Architektur</a></li>
<li><a class="dropdown-item" href="/de/search?catId=210">Berufe & Branchen</a></li>
<li><a class="dropdown-item" href="/de/search?catId=90">Bilderrätsel</a></li>
<li><a class="dropdown-item" href="/de/search?catId=15">Essen & Trinken</a></li>
<li><a class="dropdown-item" href="/de/search?catId=13">Fahrzeuge & Verkehr</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-6 mb-4">
<ul class="list-unstyled">
<li><a class="dropdown-item" href="/de/search?catId=222">Finanzen & Börse</a></li>
<li><a class="dropdown-item" href="/de/search?catId=25">Freestyle</a></li>
<li><a class="dropdown-item" href="/de/search?catId=271">Grafik & Illustrationen</a></li>
<li><a class="dropdown-item" href="/de/search?catId=270">KI generiert</a></li>
<li><a class="dropdown-item" href="/de/search?catId=7">Kunst & Kultur</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-6 mb-4">
<ul class="list-unstyled">
<li><a class="dropdown-item" href="/de/search?catId=5">Landschaft & Natur</a></li>
<li><a class="dropdown-item" href="/de/search?catId=14">Medien</a></li>
<li><a class="dropdown-item" href="/de/search?catId=12">Menschen</a></li>
<li><a class="dropdown-item" href="/de/search?catId=10">Objekte</a></li>
<li><a class="dropdown-item" href="/de/search?catId=6">Sport</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-6 mb-4">
<ul class="list-unstyled">
<li><a class="dropdown-item" href="/de/search?catId=272">Tattoos</a></li>
<li><a class="dropdown-item" href="/de/search?catId=9">Technik</a></li>
<li><a class="dropdown-item" href="/de/search?catId=8">Tiere</a></li>
<li><a class="dropdown-item" href="/de/search?catId=247">Wellness & Beauty</a></li>
</ul>
</div>
</div>
</div>
</ul>
</li>
<li b-06ftoue25o class="nav-item"><a b-06ftoue25o class="nav-link" href="#helix-faq">FAQ</a></li>
<li b-06ftoue25o class="nav-item"><a b-06ftoue25o class="nav-link" target="_blank" href="https://blog.pixelio.net/">Blog</a></li>
<li b-06ftoue25o class="nav-item"><a b-06ftoue25o class="nav-link" target="_blank" href="https://alt.pixelio.de/">Alte Version</a></li>
<li b-06ftoue25o class="nav-item d-none"><a b-06ftoue25o class="nav-link disabled" aria-disabled="true">Disabled</a></li>
</ul>
<div b-06ftoue25o class="btn-group header-tools" role="group" aria-label="Header Tools">
<a b-06ftoue25o class="btn btn-outline-primary btn-contact" href="mailto:support@pixelio.de" role="button">
<span b-06ftoue25o class="icon-email"></span>Kontakt
</a>
<a b-06ftoue25o class="btn btn-outline-primary btn-login"
href="javascript://" role="button" data-bs-target="#loginModalToggle" data-bs-toggle="modal">
<span b-06ftoue25o class="icon-login"></span>Login
</a>
</div>
</div>
</div>
</div>
</nav>
</header>
<main b-06ftoue25o role="main">
<section id="helix-banner" class="helix-banner">
<div class="container-fluid">
<div class="row banner-area">
<div class="col-md-12">
<div class="banner">
<div class="banner-content">
<div class="banner-heading">
<h1 style="white-space: pre-wrap">Fotos und Grafiken
für jeden Zweck</h1>
<h4>exclusive . curated . inspiring</h4>
</div>
<div class="main-search">
<form class="d-flex search-form" role="search" method="get" action="/de/search"><input
class="form-control search-field" type="search"
placeholder="Bilder suchen" aria-label="Search" name="q"
value=""><button class="btn btn-outline-success btn-search"
type="submit">Suchen</button><!--<input type="hidden" name="type" value="photo">-->
</form>
</div>
</div>
<div class="banner-slider">
<div class="owl-carousel owl-theme" id="randomOwlCarousel" style="display: block;">
<div class="item"><img src="https://media.pixelio.de/oU1vWUZkecoS_Xa-2TuMK_1wWDE=/1920x840/0/348/348614.jpg" alt="Image"></div>
</div>
</div>
<div class="banner-cta">
<h4>Die beliebtesten Bilder unserer Kreativen</h4>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-categories" class="helix-categories">
<div class="container-fluid">
<div class="row categories-area">
<div class="col-md-12">
<div class="cat-thumbs">
<div class="cat-thumb-item" style="aspect-ratio: 1,0339976553341148">
<div class="cat-thumb-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-src="https://media.pixelio.de/j_LqLa9YpVwnQl0phHiaugQudVo=/450x300/0/129/129598.jpg" alt="Health">
</div>
</div>
<div class="cat-thumb-title">
<h4>Architektur</h4>
</div>
<div class="cat-thumb-link">
<a href="/de/search?catId=11"></a>
</div>
</div>
<div class="cat-thumb-item" style="aspect-ratio: 1,3333333333333333">
<div class="cat-thumb-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-src="https://media.pixelio.de/wWFJBhIgf7UUOeXHsb7Ru_ajT2I=/450x300/0/107/107969.jpg" alt="Health">
</div>
</div>
<div class="cat-thumb-title">
<h4>Freestyle</h4>
</div>
<div class="cat-thumb-link">
<a href="/de/search?catId=25"></a>
</div>
</div>
<div class="cat-thumb-item" style="aspect-ratio: 1,685">
<div class="cat-thumb-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-src="https://media.pixelio.de/_nrmct7c_yuYV68Tlo0OfoULGeI=/450x300/0/622/622849.jpg" alt="Health">
</div>
</div>
<div class="cat-thumb-title">
<h4>Kunst & Kultur</h4>
</div>
<div class="cat-thumb-link">
<a href="/de/search?catId=7"></a>
</div>
</div>
<div class="cat-thumb-item" style="aspect-ratio: 0,6666666666666666">
<div class="cat-thumb-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-src="https://media.pixelio.de/htH3Y-WfXDgcQwRn9OPBV8jQBak=/450x300/0/150/150975.jpg" alt="Health">
</div>
</div>
<div class="cat-thumb-title">
<h4>Landschaft & Natur</h4>
</div>
<div class="cat-thumb-link">
<a href="/de/search?catId=5"></a>
</div>
</div>
<div class="cat-thumb-item" style="aspect-ratio: 1,1157407407407407">
<div class="cat-thumb-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-src="https://media.pixelio.de/ixymMH4hoGPsOr5AmWXi3TzeNJE=/450x300/0/450/450459.jpg" alt="Health">
</div>
</div>
<div class="cat-thumb-title">
<h4>Medien</h4>
</div>
<div class="cat-thumb-link">
<a href="/de/search?catId=14"></a>
</div>
</div>
<div class="cat-thumb-item" style="aspect-ratio: 1,4936708860759493">
<div class="cat-thumb-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-src="https://media.pixelio.de/p6ZuvWmeNiIrHBz2HsTQqmICTTA=/450x300/0/146/146252.jpg" alt="Health">
</div>
</div>
<div class="cat-thumb-title">
<h4>Menschen</h4>
</div>
<div class="cat-thumb-link">
<a href="/de/search?catId=12"></a>
</div>
</div>
<div class="cat-thumb-item" style="aspect-ratio: 1,3333333333333333">
<div class="cat-thumb-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-src="https://media.pixelio.de/4LBn4JGBSmt9uKiFf8o_cd0d96I=/450x300/0/014/14132.jpg" alt="Health">
</div>
</div>
<div class="cat-thumb-title">
<h4>Objekte</h4>
</div>
<div class="cat-thumb-link">
<a href="/de/search?catId=10"></a>
</div>
</div>
<div class="cat-thumb-item" style="aspect-ratio: 1,2453183520599251">
<div class="cat-thumb-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-src="https://media.pixelio.de/3DYksMRyQvocurIATh7W316M1P4=/450x300/0/073/73494.jpg" alt="Health">
</div>
</div>
<div class="cat-thumb-title">
<h4>Sport</h4>
</div>
<div class="cat-thumb-link">
<a href="/de/search?catId=6"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-popular-photos" class="helix-popular-photos pt-130 sm-pt-60 pb-60 sm-pb-30">
<div class="container">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title text-center mb-60 sm-mb-30">
<h3>
Top-Sammlungen
</h3>
<h2 style="white-space: pre-wrap">Kostenfreie Bilder & Grafiken
Einfaches Lizenzmodell</h2>
</div>
</div>
</div>
<div class="popular-photos-area helix-popup-gallery" data-type="inline" data-gallery="true" data-delegate=".popular-photos-item-popup2">
<div class="row helix-popup-gallery" data-type="inline" data-gallery="true" data-delegate=".popular-photos-item-popup">
<div class="col-md-6 col-sm-6">
<div class="row">
<div class="col-md-12 pt-12 pb-12">
<div class="popular-photos-item" style="aspect-ratio: 1;">
<a href="/de/media/162211-into-the-blue" data-tpl-value="href:pageUrl|prepend:/de">
<div class="popular-photos-item-img popular-photos-item-popup" href="#media-popup-162211" data-pageurl="/de/media/162211-into-the-blue" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" data-api="/api/v1/media/162211">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" style="z-index: unset;" loading="lazy" data-tpl-value="src:previewUrl data-src:previewUrl alt:name" data-src="https://media.pixelio.de/wjwaDTaFVjYloMKn5Ux7WFOPUXk=/750x750/0/162/162211.jpg" alt="into the blue">
</div>
</div>
</a>
<div class="popular-photos-item-author">
<div class="popular-photos-item-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/175/504/avatar.jpg" alt="flyer007" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="popular-photos-item-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@flyer007">flyer007</a></div>
</div>
<div class="popular-photos-item-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/162211" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="popular-photos-item-like">
<a class="btn btn-primary do-like " data-media-id="162211" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="162211" data-src="https://media.pixelio.de/mO8JJc-SsVSkQD-rH3fqvN2hvpc=/750x/0/162/162211.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
<div class="popular-photos-item-title d-none">
<h4><a class="popular-photos-item-popup" href="#media-popup-162211" data-pageurl="/de/media/162211-into-the-blue" data-api="/api/v1/media/162211">into the blue</a></h4>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-162211" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/uYmCQ6L8xr0kg5jrV9sUIVDYe7A=/1200x/0/162/162211.jpg" alt="into the blue" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/175/504/avatar.jpg" alt="flyer007" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@flyer007">flyer007</a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/162211" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="162211" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="162211" data-src="https://media.pixelio.de/mO8JJc-SsVSkQD-rH3fqvN2hvpc=/750x/0/162/162211.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-162211" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-162211" class="social-share"
data-title="into the blue"
data-desc=""
data-img="https://media.pixelio.de/dDkAWsc24N3lxXmn_ZnZW7D-J70=/1296x/0/162/162211.jpg"
data-url="https://pixelio.net/de/media/162211-into-the-blue"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name">into the blue</h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">162211</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator">Jürgen Oberguggenberger</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">388</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">1.532</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">20.07.2007 15:48</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category">Wassersport</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">2.272</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">1.704</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">11.342 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="162211" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item"><a href="/de/search?q=atmen">atmen</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=ausatmen">ausatmen</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=einatmen">einatmen</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=pressluft">pressluft</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=sport">sport</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=sporttauchen">sporttauchen</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=tauchen">tauchen</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=taucherin">taucherin</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=unterwasser">unterwasser</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=wasserwelt">wasserwelt</a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-162211" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-162211" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-162211" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-162211" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-162211" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
162211,
12,
{
sectionId: 'helix-related-photos-162211',
gridId: 'helix-related-grid-162211',
loadMoreId: 'load-more-related-btn-162211',
templateId: 'related-item-template-162211'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</div>
<div class="row">
<div class="col-md-6 pt-12 pb-12">
<div class="popular-photos-item" style="aspect-ratio: 1;">
<a href="/de/media/27385-sealife1" data-tpl-value="href:pageUrl|prepend:/de">
<div class="popular-photos-item-img popular-photos-item-popup" href="#media-popup-27385" data-pageurl="/de/media/27385-sealife1" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" data-api="/api/v1/media/27385">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" style="z-index: unset;" loading="lazy" data-tpl-value="src:previewUrl data-src:previewUrl alt:name" data-src="https://media.pixelio.de/xQj888hhzPlIDwutnSwQGC5TqFA=/750x750/0/027/27385.jpg" alt="Sealife1">
</div>
</div>
</a>
<div class="popular-photos-item-author">
<div class="popular-photos-item-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/022/093/avatar.jpg" alt="joakant" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="popular-photos-item-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@joakant">joakant</a></div>
</div>
<div class="popular-photos-item-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/27385" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="popular-photos-item-like">
<a class="btn btn-primary do-like " data-media-id="27385" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="27385" data-src="https://media.pixelio.de/kZGSuudIY067JFi3_NEPrIv4f-w=/750x/0/027/27385.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
<div class="popular-photos-item-title d-none">
<h4><a class="popular-photos-item-popup" href="#media-popup-27385" data-pageurl="/de/media/27385-sealife1" data-api="/api/v1/media/27385">Sealife1</a></h4>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-27385" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/NsfLjkLbVPwnIgmlt6Kk3inlDJk=/1200x/0/027/27385.jpg" alt="Sealife1" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/022/093/avatar.jpg" alt="joakant" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@joakant">joakant</a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/27385" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="27385" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="27385" data-src="https://media.pixelio.de/kZGSuudIY067JFi3_NEPrIv4f-w=/750x/0/027/27385.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-27385" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-27385" class="social-share"
data-title="Sealife1"
data-desc="Im Riff tobt das Leben"
data-img="https://media.pixelio.de/xHxHrXWMSfGzWod0FVphCKGkdhI=/1296x/0/027/27385.jpg"
data-url="https://pixelio.net/de/media/27385-sealife1"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name">Sealife1</h3>
<p data-tpl-value="content:description">Im Riff tobt das Leben</p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">27385</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator">joakant</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">151</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">1.321</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">14.06.2005 12:03</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category">Fische & andere Wasserbewohner</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">2.268</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">1.701</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">11.302 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="27385" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item"><a href="/de/search?q=ägypten">ägypten</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=korallen">korallen</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=meer">meer</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=riff">riff</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=rotes">rotes</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=tauchen">tauchen</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=unterwasser">unterwasser</a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-27385" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-27385" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-27385" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-27385" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-27385" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
27385,
12,
{
sectionId: 'helix-related-photos-27385',
gridId: 'helix-related-grid-27385',
loadMoreId: 'load-more-related-btn-27385',
templateId: 'related-item-template-27385'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="col-md-6 pt-12 pb-12">
<div class="popular-photos-item" style="aspect-ratio: 1;">
<a href="/de/media/13482-qualle-1" data-tpl-value="href:pageUrl|prepend:/de">
<div class="popular-photos-item-img popular-photos-item-popup" href="#media-popup-13482" data-pageurl="/de/media/13482-qualle-1" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" data-api="/api/v1/media/13482">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" style="z-index: unset;" loading="lazy" data-tpl-value="src:previewUrl data-src:previewUrl alt:name" data-src="https://media.pixelio.de/YQ8Wk__uNx-ApmMPN9hrLdtnbf0=/750x750/0/013/13482.jpg" alt="Qualle 1">
</div>
</div>
</a>
<div class="popular-photos-item-author">
<div class="popular-photos-item-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/003/809/avatar.jpg" alt="Mop66" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="popular-photos-item-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@Mop66">Mop66</a></div>
</div>
<div class="popular-photos-item-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/13482" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="popular-photos-item-like">
<a class="btn btn-primary do-like " data-media-id="13482" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="13482" data-src="https://media.pixelio.de/rzRC8rbiLcCAC9fMVLbSVtwvTz4=/750x/0/013/13482.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
<div class="popular-photos-item-title d-none">
<h4><a class="popular-photos-item-popup" href="#media-popup-13482" data-pageurl="/de/media/13482-qualle-1" data-api="/api/v1/media/13482">Qualle 1</a></h4>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-13482" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/NfZKem6XGSs55qq2I57IL64uOW8=/1200x/0/013/13482.jpg" alt="Qualle 1" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/003/809/avatar.jpg" alt="Mop66" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@Mop66">Mop66</a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/13482" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="13482" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="13482" data-src="https://media.pixelio.de/rzRC8rbiLcCAC9fMVLbSVtwvTz4=/750x/0/013/13482.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-13482" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-13482" class="social-share"
data-title="Qualle 1"
data-desc="Qualle im Aquarium in Boston"
data-img="https://media.pixelio.de/QBwFD511KlesAg8Bx9Fb3xNobAo=/1296x/0/013/13482.jpg"
data-url="https://pixelio.net/de/media/13482-qualle-1"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name">Qualle 1</h3>
<p data-tpl-value="content:description">Qualle im Aquarium in Boston</p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">13482</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator">Jens Goetzke</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">140</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">2.001</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">25.09.2004 16:12</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category">Fische & andere Wasserbewohner</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">2.048</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">1.536</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">9.216 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="13482" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item"><a href="/de/search?q=amerika">amerika</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=aquarium">aquarium</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=boston">boston</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=meer">meer</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=meerestiere">meerestiere</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=nesseltiere">nesseltiere</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=qualle">qualle</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=quallen">quallen</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=usa">usa</a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-13482" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-13482" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-13482" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-13482" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-13482" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
13482,
12,
{
sectionId: 'helix-related-photos-13482',
gridId: 'helix-related-grid-13482',
loadMoreId: 'load-more-related-btn-13482',
templateId: 'related-item-template-13482'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</div>
<div class="row">
<div class="col-md-6 pt-12 pb-12">
<div class="popular-photos-item" style="aspect-ratio: 1;">
<a href="/de/media/46218-quallen" data-tpl-value="href:pageUrl|prepend:/de">
<div class="popular-photos-item-img popular-photos-item-popup" href="#media-popup-46218" data-pageurl="/de/media/46218-quallen" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" data-api="/api/v1/media/46218">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" style="z-index: unset;" loading="lazy" data-tpl-value="src:previewUrl data-src:previewUrl alt:name" data-src="https://media.pixelio.de/ntvChry9JE6u_VsEc2Xdr3yqz8w=/750x750/0/046/46218.jpg" alt="Quallen">
</div>
</div>
</a>
<div class="popular-photos-item-author">
<div class="popular-photos-item-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/014/329/avatar.jpg" alt="christiaaane" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="popular-photos-item-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@christiaaane">christiaaane</a></div>
</div>
<div class="popular-photos-item-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/46218" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="popular-photos-item-like">
<a class="btn btn-primary do-like " data-media-id="46218" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="46218" data-src="https://media.pixelio.de/cE84m5HLhpFN95DRupKCbI0IEa8=/750x/0/046/46218.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
<div class="popular-photos-item-title d-none">
<h4><a class="popular-photos-item-popup" href="#media-popup-46218" data-pageurl="/de/media/46218-quallen" data-api="/api/v1/media/46218">Quallen</a></h4>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-46218" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/3D19BYX3yQDECVpXuS3kvmAEdCQ=/1200x/0/046/46218.jpg" alt="Quallen" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/014/329/avatar.jpg" alt="christiaaane" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@christiaaane">christiaaane</a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/46218" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="46218" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="46218" data-src="https://media.pixelio.de/cE84m5HLhpFN95DRupKCbI0IEa8=/750x/0/046/46218.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-46218" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-46218" class="social-share"
data-title="Quallen"
data-desc="aus dem Aquarium in Berlin"
data-img="https://media.pixelio.de/GhCZLL5HOKr3G6OIo-JuLXmJAC0=/1296x/0/046/46218.jpg"
data-url="https://pixelio.net/de/media/46218-quallen"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name">Quallen</h3>
<p data-tpl-value="content:description">aus dem Aquarium in Berlin</p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">46218</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator">Christiane W.</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">131</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">1.419</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">17.11.2005 07:55</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category">Fische & andere Wasserbewohner</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">2.240</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">1.680</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">11.025 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="46218" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item"><a href="/de/search?q=qualle">qualle</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=wasser">wasser</a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-46218" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-46218" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-46218" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-46218" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-46218" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
46218,
12,
{
sectionId: 'helix-related-photos-46218',
gridId: 'helix-related-grid-46218',
loadMoreId: 'load-more-related-btn-46218',
templateId: 'related-item-template-46218'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="col-md-6 pt-12 pb-12">
<div class="popular-photos-item" style="aspect-ratio: 1;">
<a href="/de/media/99551-walhai" data-tpl-value="href:pageUrl|prepend:/de">
<div class="popular-photos-item-img popular-photos-item-popup" href="#media-popup-99551" data-pageurl="/de/media/99551-walhai" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" data-api="/api/v1/media/99551">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" style="z-index: unset;" loading="lazy" data-tpl-value="src:previewUrl data-src:previewUrl alt:name" data-src="https://media.pixelio.de/9_wgPC7cOquYVZM9ke7H0DK8s-k=/750x750/0/099/99551.jpg" alt="Walhai">
</div>
</div>
</a>
<div class="popular-photos-item-author">
<div class="popular-photos-item-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/107/987/avatar.jpg" alt="MartinClaussen" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="popular-photos-item-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@MartinClaussen">MartinClaussen</a></div>
</div>
<div class="popular-photos-item-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/99551" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="popular-photos-item-like">
<a class="btn btn-primary do-like " data-media-id="99551" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="99551" data-src="https://media.pixelio.de/axx5gZWLWbOYTxKSmtlOAvOJwIo=/750x/0/099/99551.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
<div class="popular-photos-item-title d-none">
<h4><a class="popular-photos-item-popup" href="#media-popup-99551" data-pageurl="/de/media/99551-walhai" data-api="/api/v1/media/99551">Walhai</a></h4>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-99551" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/0-BJUqqZ2Jq5SxMRRyqjZm-4Vwo=/1200x/0/099/99551.jpg" alt="Walhai" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/107/987/avatar.jpg" alt="MartinClaussen" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@MartinClaussen">MartinClaussen</a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/99551" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="99551" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="99551" data-src="https://media.pixelio.de/axx5gZWLWbOYTxKSmtlOAvOJwIo=/750x/0/099/99551.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-99551" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-99551" class="social-share"
data-title="Walhai"
data-desc="Walhai in den Gewässern der Seychellen.\r\nMit bis zu 18m der größte Fisch der Welt.\r\nDie Augen sind sehr klein,\r\ndas Sehvermögen sehr schlecht."
data-img="https://media.pixelio.de/_ulTfiVWT33ISh7yKxpfqAvmErA=/1296x/0/099/99551.jpg"
data-url="https://pixelio.net/de/media/99551-walhai"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name">Walhai</h3>
<p data-tpl-value="content:description">Walhai in den Gewässern der Seychellen.\r\nMit bis zu 18m der größte Fisch der Welt.\r\nDie Augen sind sehr klein,\r\ndas Sehvermögen sehr schlecht.</p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">99551</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator">MartinClaussen</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">176</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">1.123</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">04.12.2006 17:07</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category">Fische & andere Wasserbewohner</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">2.048</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">1.536</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">9.216 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="99551" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item"><a href="/de/search?q=fisch">fisch</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=fische">fische</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=seychellen">seychellen</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=tauchen">tauchen</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=walhai">walhai</a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-99551" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-99551" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-99551" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-99551" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-99551" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
99551,
12,
{
sectionId: 'helix-related-photos-99551',
gridId: 'helix-related-grid-99551',
loadMoreId: 'load-more-related-btn-99551',
templateId: 'related-item-template-99551'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="row">
<div class="col-md-6 pt-12 pb-12">
<div class="popular-photos-item" style="aspect-ratio: 1;">
<a href="/de/media/58553-jk053-riffdach" data-tpl-value="href:pageUrl|prepend:/de">
<div class="popular-photos-item-img popular-photos-item-popup" href="#media-popup-58553" data-pageurl="/de/media/58553-jk053-riffdach" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" data-api="/api/v1/media/58553">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" style="z-index: unset;" loading="lazy" data-tpl-value="src:previewUrl data-src:previewUrl alt:name" data-src="https://media.pixelio.de/Zku0b8Fwk9v8GLc8UCSgMDWpRoc=/750x750/0/058/58553.jpg" alt="jk053 - Riffdach">
</div>
</div>
</a>
<div class="popular-photos-item-author">
<div class="popular-photos-item-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/022/093/avatar.jpg" alt="joakant" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="popular-photos-item-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@joakant">joakant</a></div>
</div>
<div class="popular-photos-item-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/58553" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="popular-photos-item-like">
<a class="btn btn-primary do-like " data-media-id="58553" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="58553" data-src="https://media.pixelio.de/vlcFd8RotbpDlziZ-t-ezin8_48=/750x/0/058/58553.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
<div class="popular-photos-item-title d-none">
<h4><a class="popular-photos-item-popup" href="#media-popup-58553" data-pageurl="/de/media/58553-jk053-riffdach" data-api="/api/v1/media/58553">jk053 - Riffdach</a></h4>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-58553" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/-hiWNfuboNl8qCXyUzHdwbD83nM=/1200x/0/058/58553.jpg" alt="jk053 - Riffdach" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/022/093/avatar.jpg" alt="joakant" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@joakant">joakant</a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/58553" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="58553" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="58553" data-src="https://media.pixelio.de/vlcFd8RotbpDlziZ-t-ezin8_48=/750x/0/058/58553.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-58553" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-58553" class="social-share"
data-title="jk053 - Riffdach"
data-desc="Von diesem farbenfrohen und lebhaften Anblick kann ich nie genug bekommen"
data-img="https://media.pixelio.de/3zV_dToUFfcYZXO8Aezfrs1CP6c=/1296x/0/058/58553.jpg"
data-url="https://pixelio.net/de/media/58553-jk053-riffdach"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name">jk053 - Riffdach</h3>
<p data-tpl-value="content:description">Von diesem farbenfrohen und lebhaften Anblick kann ich nie genug bekommen</p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">58553</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator">joakant</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">344</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">1.464</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">16.02.2006 09:37</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category">Fische & andere Wasserbewohner</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">2.362</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">1.772</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">12.262 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="58553" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item"><a href="/de/search?q=ägypten">ägypten</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=bunt">bunt</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=fische">fische</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=korallen">korallen</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=meer">meer</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=riff">riff</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=rotes">rotes</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=tauchen">tauchen</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=unterwasser">unterwasser</a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-58553" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-58553" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-58553" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-58553" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-58553" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
58553,
12,
{
sectionId: 'helix-related-photos-58553',
gridId: 'helix-related-grid-58553',
loadMoreId: 'load-more-related-btn-58553',
templateId: 'related-item-template-58553'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="col-md-6 pt-12 pb-12">
<div class="popular-photos-item" style="aspect-ratio: 1;">
<a href="/de/media/121805-jk0350-fahnenbarsche-im-riff" data-tpl-value="href:pageUrl|prepend:/de">
<div class="popular-photos-item-img popular-photos-item-popup" href="#media-popup-121805" data-pageurl="/de/media/121805-jk0350-fahnenbarsche-im-riff" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" data-api="/api/v1/media/121805">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" style="z-index: unset;" loading="lazy" data-tpl-value="src:previewUrl data-src:previewUrl alt:name" data-src="https://media.pixelio.de/IQg-v7fkWiJrg4oGj-Lnqfg3TN8=/750x750/0/121/121805.jpg" alt="jk0350-fahnenbarsche im Riff">
</div>
</div>
</a>
<div class="popular-photos-item-author">
<div class="popular-photos-item-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/022/093/avatar.jpg" alt="joakant" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="popular-photos-item-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@joakant">joakant</a></div>
</div>
<div class="popular-photos-item-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/121805" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="popular-photos-item-like">
<a class="btn btn-primary do-like " data-media-id="121805" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="121805" data-src="https://media.pixelio.de/0p6zhkJIS5iyk4nQyHk3uErrk1s=/750x/0/121/121805.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
<div class="popular-photos-item-title d-none">
<h4><a class="popular-photos-item-popup" href="#media-popup-121805" data-pageurl="/de/media/121805-jk0350-fahnenbarsche-im-riff" data-api="/api/v1/media/121805">jk0350-fahnenbarsche im Riff</a></h4>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-121805" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/oK9iusobNv0eefhut-kUyAubb94=/1200x/0/121/121805.jpg" alt="jk0350-fahnenbarsche im Riff" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/022/093/avatar.jpg" alt="joakant" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@joakant">joakant</a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/121805" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="121805" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="121805" data-src="https://media.pixelio.de/0p6zhkJIS5iyk4nQyHk3uErrk1s=/750x/0/121/121805.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-121805" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-121805" class="social-share"
data-title="jk0350-fahnenbarsche im Riff"
data-desc="Riffe sind mit die am dichtesten besiedelten Lebensräume auf der Erde. Sie bieten Schutz und Nahrung für die kleineren Fische und sind somit auch Lebensgrundlage für größere Jäger."
data-img="https://media.pixelio.de/zkomxduTHW58_HcGRMk37zsTchE=/1296x/0/121/121805.jpg"
data-url="https://pixelio.net/de/media/121805-jk0350-fahnenbarsche-im-riff"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name">jk0350-fahnenbarsche im Riff</h3>
<p data-tpl-value="content:description">Riffe sind mit die am dichtesten besiedelten Lebensräume auf der Erde. Sie bieten Schutz und Nahrung für die kleineren Fische und sind somit auch Lebensgrundlage für größere Jäger.</p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">121805</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator">joakant</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">854</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">3.194</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">06.03.2007 09:01</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category">Fische & andere Wasserbewohner</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">2.365</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">1.774</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">12.291 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="121805" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item"><a href="/de/search?q=aktiv">aktiv</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=bewegung">bewegung</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=blasen">blasen</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=dive">dive</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=diving">diving</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=farben">farben</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=fisch">fisch</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=herde">herde</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=korallen">korallen</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=leben">leben</a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-121805" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-121805" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-121805" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-121805" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-121805" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
121805,
12,
{
sectionId: 'helix-related-photos-121805',
gridId: 'helix-related-grid-121805',
loadMoreId: 'load-more-related-btn-121805',
templateId: 'related-item-template-121805'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</div>
<div class="row">
<div class="col-md-12 pt-12 pb-12">
<div class="popular-photos-item" style="aspect-ratio: 1;">
<a href="/de/media/57588-wie-im-aquarium" data-tpl-value="href:pageUrl|prepend:/de">
<div class="popular-photos-item-img popular-photos-item-popup" href="#media-popup-57588" data-pageurl="/de/media/57588-wie-im-aquarium" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" data-api="/api/v1/media/57588">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" style="z-index: unset;" loading="lazy" data-tpl-value="src:previewUrl data-src:previewUrl alt:name" data-src="https://media.pixelio.de/RFTLjEwGbIwZD6hTJWZd04PDcyA=/750x750/0/057/57588.jpg" alt="Wie im Aquarium">
</div>
</div>
</a>
<div class="popular-photos-item-author">
<div class="popular-photos-item-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/022/093/avatar.jpg" alt="joakant" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="popular-photos-item-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@joakant">joakant</a></div>
</div>
<div class="popular-photos-item-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/57588" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="popular-photos-item-like">
<a class="btn btn-primary do-like " data-media-id="57588" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="57588" data-src="https://media.pixelio.de/IxLRXQVpZLPpQpTmAloCk-Aa7cA=/750x/0/057/57588.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
<div class="popular-photos-item-title d-none">
<h4><a class="popular-photos-item-popup" href="#media-popup-57588" data-pageurl="/de/media/57588-wie-im-aquarium" data-api="/api/v1/media/57588">Wie im Aquarium</a></h4>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-57588" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/4Ktnk3bhYxaWbPC9fJjtly-cQ34=/1200x/0/057/57588.jpg" alt="Wie im Aquarium" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/022/093/avatar.jpg" alt="joakant" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@joakant">joakant</a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/57588" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="57588" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="57588" data-src="https://media.pixelio.de/IxLRXQVpZLPpQpTmAloCk-Aa7cA=/750x/0/057/57588.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-57588" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-57588" class="social-share"
data-title="Wie im Aquarium"
data-desc="Buntes Leben im Riff"
data-img="https://media.pixelio.de/4EYf-mE-59fFSpV_XUQoQ3PDjJM=/1296x/0/057/57588.jpg"
data-url="https://pixelio.net/de/media/57588-wie-im-aquarium"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name">Wie im Aquarium</h3>
<p data-tpl-value="content:description">Buntes Leben im Riff</p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">57588</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator">joakant</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">247</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">1.178</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">09.02.2006 15:42</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category">Fische & andere Wasserbewohner</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">2.362</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">1.772</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">12.262 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="57588" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item"><a href="/de/search?q=ägypten">ägypten</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=bunt">bunt</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=farben">farben</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=fische">fische</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=riff">riff</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=tauchen">tauchen</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=unterwasser">unterwasser</a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-57588" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-57588" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-57588" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-57588" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-57588" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
57588,
12,
{
sectionId: 'helix-related-photos-57588',
gridId: 'helix-related-grid-57588',
loadMoreId: 'load-more-related-btn-57588',
templateId: 'related-item-template-57588'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</div>
<div class="row">
<div class="col-md-6 pt-12 pb-12">
<div class="popular-photos-item" style="aspect-ratio: 1;">
<a href="/de/media/102080-jk-unterwasserlandschaft" data-tpl-value="href:pageUrl|prepend:/de">
<div class="popular-photos-item-img popular-photos-item-popup" href="#media-popup-102080" data-pageurl="/de/media/102080-jk-unterwasserlandschaft" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" data-api="/api/v1/media/102080">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" style="z-index: unset;" loading="lazy" data-tpl-value="src:previewUrl data-src:previewUrl alt:name" data-src="https://media.pixelio.de/OzcSVVL_SLNrKlV6W_oD80p0CXU=/750x750/0/102/102080.jpg" alt="jk-Unterwasserlandschaft">
</div>
</div>
</a>
<div class="popular-photos-item-author">
<div class="popular-photos-item-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/022/093/avatar.jpg" alt="joakant" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="popular-photos-item-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@joakant">joakant</a></div>
</div>
<div class="popular-photos-item-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/102080" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="popular-photos-item-like">
<a class="btn btn-primary do-like " data-media-id="102080" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="102080" data-src="https://media.pixelio.de/aW8BSXKRuc2hSa27hSR7Vu3wBBM=/750x/0/102/102080.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
<div class="popular-photos-item-title d-none">
<h4><a class="popular-photos-item-popup" href="#media-popup-102080" data-pageurl="/de/media/102080-jk-unterwasserlandschaft" data-api="/api/v1/media/102080">jk-Unterwasserlandschaft</a></h4>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-102080" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/j7pLF3VfuUk-rZj36p4kw-wqJZA=/1200x/0/102/102080.jpg" alt="jk-Unterwasserlandschaft" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/022/093/avatar.jpg" alt="joakant" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@joakant">joakant</a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/102080" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="102080" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="102080" data-src="https://media.pixelio.de/aW8BSXKRuc2hSa27hSR7Vu3wBBM=/750x/0/102/102080.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-102080" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-102080" class="social-share"
data-title="jk-Unterwasserlandschaft"
data-desc="Einzelstehender Korallenblock im Roten Meer.\r\nSie sind wie Oasen in der Wüste - Lebensraum für eine Tiergemeinschaft."
data-img="https://media.pixelio.de/89L5ocVWcEl7nUnqopj26greZr4=/1296x/0/102/102080.jpg"
data-url="https://pixelio.net/de/media/102080-jk-unterwasserlandschaft"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name">jk-Unterwasserlandschaft</h3>
<p data-tpl-value="content:description">Einzelstehender Korallenblock im Roten Meer.\r\nSie sind wie Oasen in der Wüste - Lebensraum für eine Tiergemeinschaft.</p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">102080</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator">joakant</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">317</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">1.176</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">15.12.2006 11:26</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category">Strand & Meer</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">2.816</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">2.112</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">17.424 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="102080" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item"><a href="/de/search?q=dive">dive</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=diving">diving</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=erlebnis">erlebnis</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=fische">fische</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=korallen">korallen</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=lebensraum">lebensraum</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=riff">riff</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=ruhe">ruhe</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=sand">sand</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=sport">sport</a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-102080" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-102080" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-102080" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-102080" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-102080" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
102080,
12,
{
sectionId: 'helix-related-photos-102080',
gridId: 'helix-related-grid-102080',
loadMoreId: 'load-more-related-btn-102080',
templateId: 'related-item-template-102080'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="col-md-6 pt-12 pb-12">
<div class="popular-photos-item" style="aspect-ratio: 1;">
<a href="/de/media/121535-jk0291-das-leben-tobt" data-tpl-value="href:pageUrl|prepend:/de">
<div class="popular-photos-item-img popular-photos-item-popup" href="#media-popup-121535" data-pageurl="/de/media/121535-jk0291-das-leben-tobt" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" data-api="/api/v1/media/121535">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" style="z-index: unset;" loading="lazy" data-tpl-value="src:previewUrl data-src:previewUrl alt:name" data-src="https://media.pixelio.de/8hwJBmmPScG5dUOpk1sgSy88R7I=/750x750/0/121/121535.jpg" alt="jk0291-das leben tobt">
</div>
</div>
</a>
<div class="popular-photos-item-author">
<div class="popular-photos-item-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/022/093/avatar.jpg" alt="joakant" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="popular-photos-item-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@joakant">joakant</a></div>
</div>
<div class="popular-photos-item-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/121535" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="popular-photos-item-like">
<a class="btn btn-primary do-like " data-media-id="121535" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="121535" data-src="https://media.pixelio.de/_lQDcD-_Gsol_LWbsztpZ2AKb94=/750x/0/121/121535.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
<div class="popular-photos-item-title d-none">
<h4><a class="popular-photos-item-popup" href="#media-popup-121535" data-pageurl="/de/media/121535-jk0291-das-leben-tobt" data-api="/api/v1/media/121535">jk0291-das leben tobt</a></h4>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-121535" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/igcArKWM1qURYLU4DhyOAGPvrXk=/1200x/0/121/121535.jpg" alt="jk0291-das leben tobt" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/022/093/avatar.jpg" alt="joakant" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@joakant">joakant</a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/121535" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="121535" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="121535" data-src="https://media.pixelio.de/_lQDcD-_Gsol_LWbsztpZ2AKb94=/750x/0/121/121535.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-121535" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-121535" class="social-share"
data-title="jk0291-das leben tobt"
data-desc="Glasfischschwarm und Fahnenbarsche in einem hohlen Korallenblock"
data-img="https://media.pixelio.de/9gkR1zPhDENcIidQlTbNRNMb4qU=/1296x/0/121/121535.jpg"
data-url="https://pixelio.net/de/media/121535-jk0291-das-leben-tobt"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name">jk0291-das leben tobt</h3>
<p data-tpl-value="content:description">Glasfischschwarm und Fahnenbarsche in einem hohlen Korallenblock</p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">121535</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator">joakant</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">606</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">2.691</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">05.03.2007 09:02</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category">Strand & Meer</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">2.365</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">1.774</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">12.291 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="121535" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item"><a href="/de/search?q=ägypten">ägypten</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=dive">dive</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=diving">diving</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=fische">fische</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=gemeinschaft">gemeinschaft</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=korallen">korallen</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=meer">meer</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=riff">riff</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=schutz">schutz</a></li>
<li class="tag-cloud-item"><a href="/de/search?q=schwarm">schwarm</a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-121535" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-121535" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-121535" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-121535" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-121535" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
121535,
12,
{
sectionId: 'helix-related-photos-121535',
gridId: 'helix-related-grid-121535',
loadMoreId: 'load-more-related-btn-121535',
templateId: 'related-item-template-121535'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-authors" class="helix-authors pt-60 sm-pt-30 pb-130 sm-pb-60">
<div class="container">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title text-center mb-60 sm-mb-30">
<h3>Unsere Partner</h3>
<h2>Beliebteste Kreative</h2>
</div>
</div>
</div>
<div class="row authors-area">
<div class="col-md-2 col-sm-4 col-6 pt-12 pb-12">
<div class="authors-item">
<a class="authors-item-thumb" href="/de/@~u31667">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-src="/attachments/000/031/667/avatar.jpg" alt="Gerhard Giebener" data-error-src="/images/avatar.svg" onerror="this.src='/images/avatar.svg'">
</div>
</a>
<a class="authors-item-title" href="/de/@~u31667">
<h5>Gerhard Giebener</h5>
</a>
</div>
</div>
<div class="col-md-2 col-sm-4 col-6 pt-12 pb-12">
<div class="authors-item">
<a class="authors-item-thumb" href="/de/@hofschlaeger">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-src="/attachments/000/052/927/avatar.jpg" alt="hofschlaeger" data-error-src="/images/avatar.svg" onerror="this.src='/images/avatar.svg'">
</div>
</a>
<a class="authors-item-title" href="/de/@hofschlaeger">
<h5>hofschlaeger</h5>
</a>
</div>
</div>
<div class="col-md-2 col-sm-4 col-6 pt-12 pb-12">
<div class="authors-item">
<a class="authors-item-thumb" href="/de/@Multipla">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-src="/attachments/000/080/294/avatar.jpg" alt="Multipla" data-error-src="/images/avatar.svg" onerror="this.src='/images/avatar.svg'">
</div>
</a>
<a class="authors-item-title" href="/de/@Multipla">
<h5>Multipla</h5>
</a>
</div>
</div>
<div class="col-md-2 col-sm-4 col-6 pt-12 pb-12">
<div class="authors-item">
<a class="authors-item-thumb" href="/de/@rohavideo">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-src="/attachments/000/157/085/avatar.jpg" alt="rohavideo" data-error-src="/images/avatar.svg" onerror="this.src='/images/avatar.svg'">
</div>
</a>
<a class="authors-item-title" href="/de/@rohavideo">
<h5>rohavideo</h5>
</a>
</div>
</div>
<div class="col-md-2 col-sm-4 col-6 pt-12 pb-12">
<div class="authors-item">
<a class="authors-item-thumb" href="/de/@Sternschnuppe1">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-src="/attachments/000/219/963/avatar.jpg" alt="Sternschnuppe1" data-error-src="/images/avatar.svg" onerror="this.src='/images/avatar.svg'">
</div>
</a>
<a class="authors-item-title" href="/de/@Sternschnuppe1">
<h5>Sternschnuppe1</h5>
</a>
</div>
</div>
<div class="col-md-2 col-sm-4 col-6 pt-12 pb-12">
<div class="authors-item">
<a class="authors-item-thumb" href="/de/@BettinaF">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-src="/attachments/000/440/371/avatar.jpg" alt="BettinaF" data-error-src="/images/avatar.svg" onerror="this.src='/images/avatar.svg'">
</div>
</a>
<a class="authors-item-title" href="/de/@BettinaF">
<h5>BettinaF</h5>
</a>
</div>
</div>
</div>
</div>
</section>
<section id="helix-random-photos" class="helix-random-photos gray-bg pt-130 sm-pt-60 pb-140 sm-pb-60">
<div class="container">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-70 sm-mb-40">
<h3>
Zufällige Auswahl
</h3>
<h2>
Angesagte Freie Stock Visuals
</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-isotope" class="helix-isotope helix-popup-gallery" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup2">
<div class="helix-isotope-items helix-popup-gallery grid" id="helix-random-grid" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup">
<div class="grid-sizer"></div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 1,3333333333333333">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/mhIQawRF9bH_N5kA-9HdA_p5Ejo=/600x/0/088/88620.jpg"
alt="weiter"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/88620-weiter">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-88620" data-pageurl="/de/media/88620-weiter" data-api="/api/v1/media/88620"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/002/938/avatar.jpg" alt="koeckeritz" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@koeckeritz">koeckeritz</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/88620" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="88620" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="88620" data-src="https://media.pixelio.de/Bs9a1Y21dJh5A3fmMEVmesTe_eg=/750x/0/088/88620.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-88620" data-pageurl="/de/media/88620-weiter" data-api="/api/v1/media/88620">Arbeiter beim Abbau von Marmor in Cararra, die sich an Marmorwand anlehnen, welche durch "Schmutz" ein Bild einer Frau preisgibt.</a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-88620" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/ll7f6_LrlsM5R7g1hHO-bShaWBI=/1200x/0/088/88620.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/88620" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="88620" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="88620" data-src="https://media.pixelio.de/Bs9a1Y21dJh5A3fmMEVmesTe_eg=/750x/0/088/88620.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-88620" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-88620" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/AASy5wAdcuJJ0SILAzHMO0dvXAA=/1296x/0/088/88620.jpg"
data-url="https://pixelio.net/de/media/88620-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">88620</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="88620" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-88620" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-88620" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-88620" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-88620" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-88620" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
88620,
12,
{
sectionId: 'helix-related-photos-88620',
gridId: 'helix-related-grid-88620',
loadMoreId: 'load-more-related-btn-88620',
templateId: 'related-item-template-88620'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 1,3333333333333333">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/PJ4HFUk88AjwrLmAnWp22rh-6f4=/600x/0/092/92739.jpg"
alt="Porsche-Cup Hockenheim Samstag 28.10.06"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/92739-porsche-cup-hockenheim-samstag-28-10-06">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-92739" data-pageurl="/de/media/92739-porsche-cup-hockenheim-samstag-28-10-06" data-api="/api/v1/media/92739"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/005/540/avatar.jpg" alt="modellbauknaller" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@modellbauknaller">modellbauknaller</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/92739" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="92739" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="92739" data-src="https://media.pixelio.de/v3N2z5uLCYN0qql3dxvX_RSBJU8=/750x/0/092/92739.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-92739" data-pageurl="/de/media/92739-porsche-cup-hockenheim-samstag-28-10-06" data-api="/api/v1/media/92739">auf dem Hockenheimring</a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-92739" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/88Fal03pc4f58UWC2F_bhE0uZy4=/1200x/0/092/92739.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/92739" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="92739" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="92739" data-src="https://media.pixelio.de/v3N2z5uLCYN0qql3dxvX_RSBJU8=/750x/0/092/92739.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-92739" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-92739" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/fGCJOOB1ljd2FNsIZ8XMlOYuePA=/1296x/0/092/92739.jpg"
data-url="https://pixelio.net/de/media/92739-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">92739</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="92739" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-92739" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-92739" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-92739" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-92739" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-92739" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
92739,
12,
{
sectionId: 'helix-related-photos-92739',
gridId: 'helix-related-grid-92739',
loadMoreId: 'load-more-related-btn-92739',
templateId: 'related-item-template-92739'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 1,3330078125">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/pcN-dhrwhGS8gf50kckVh_8KFsc=/600x/0/135/135772.jpg"
alt="Sonnenuntergang auf Lanzarote 2"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/135772-sonnenuntergang-auf-lanzarote-2">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-135772" data-pageurl="/de/media/135772-sonnenuntergang-auf-lanzarote-2" data-api="/api/v1/media/135772"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/145/080/avatar.jpg" alt="Knipserlein" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@Knipserlein">Knipserlein</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/135772" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="135772" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="135772" data-src="https://media.pixelio.de/z0Ti0y_Gd_b0vT6gvx5FrZ2Gk_s=/750x/0/135/135772.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-135772" data-pageurl="/de/media/135772-sonnenuntergang-auf-lanzarote-2" data-api="/api/v1/media/135772">Lanzarote Reise 2006</a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-135772" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/5JZwRFVvYZF1oR3ifp94YvDWp9E=/1200x/0/135/135772.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/135772" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="135772" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="135772" data-src="https://media.pixelio.de/z0Ti0y_Gd_b0vT6gvx5FrZ2Gk_s=/750x/0/135/135772.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-135772" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-135772" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/sslR9TLTl3O-jXVO_xbDsqYe05I=/1296x/0/135/135772.jpg"
data-url="https://pixelio.net/de/media/135772-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">135772</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="135772" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-135772" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-135772" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-135772" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-135772" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-135772" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
135772,
12,
{
sectionId: 'helix-related-photos-135772',
gridId: 'helix-related-grid-135772',
loadMoreId: 'load-more-related-btn-135772',
templateId: 'related-item-template-135772'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 1,3333333333333333">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/ZmJNq6CaiWWPa9PqGmxNjs74qZo=/600x/0/190/190763.jpg"
alt="Der letzte Versuch!"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/190763-der-letzte-versuch">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-190763" data-pageurl="/de/media/190763-der-letzte-versuch" data-api="/api/v1/media/190763"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/033/636/avatar.jpg" alt="buntgemischtes" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@buntgemischtes">buntgemischtes</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/190763" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="190763" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="190763" data-src="https://media.pixelio.de/63uT7zRVKou2syjGtxaLc2HA_0Q=/750x/0/190/190763.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-190763" data-pageurl="/de/media/190763-der-letzte-versuch" data-api="/api/v1/media/190763">Lila Zwerg-Astern, 40 cm hoch...blühen JETZT!</a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-190763" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/Lfzt2WP2BFN_YSm0Hv1hzXuzJVw=/1200x/0/190/190763.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/190763" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="190763" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="190763" data-src="https://media.pixelio.de/63uT7zRVKou2syjGtxaLc2HA_0Q=/750x/0/190/190763.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-190763" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-190763" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/YL2eU2tw_YqjuIxhjcctZfhzH2s=/1296x/0/190/190763.jpg"
data-url="https://pixelio.net/de/media/190763-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">190763</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="190763" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-190763" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-190763" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-190763" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-190763" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-190763" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
190763,
12,
{
sectionId: 'helix-related-photos-190763',
gridId: 'helix-related-grid-190763',
loadMoreId: 'load-more-related-btn-190763',
templateId: 'related-item-template-190763'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 1,5017667844522968">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/CeqTizS6HrLBo2ZuWoXcKikSCAs=/600x/0/337/337993.jpg"
alt="Flamme im Wind"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/337993-flamme-im-wind">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-337993" data-pageurl="/de/media/337993-flamme-im-wind" data-api="/api/v1/media/337993"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/114/620/avatar.jpg" alt="i-PUNKT" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@i-PUNKT">i-PUNKT</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/337993" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="337993" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="337993" data-src="https://media.pixelio.de/DDh5rI3d5OkdvD1uVDu7im4YFp8=/750x/0/337/337993.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-337993" data-pageurl="/de/media/337993-flamme-im-wind" data-api="/api/v1/media/337993">wärmende Feuerschale</a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-337993" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/zxmZb8mrSKICik39NIQigIKU1Zs=/1200x/0/337/337993.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/337993" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="337993" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="337993" data-src="https://media.pixelio.de/DDh5rI3d5OkdvD1uVDu7im4YFp8=/750x/0/337/337993.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-337993" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-337993" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/A6XxK_unlHS9gvvnu9eHtLRpQJg=/1296x/0/337/337993.jpg"
data-url="https://pixelio.net/de/media/337993-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">337993</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="337993" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-337993" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-337993" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-337993" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-337993" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-337993" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
337993,
12,
{
sectionId: 'helix-related-photos-337993',
gridId: 'helix-related-grid-337993',
loadMoreId: 'load-more-related-btn-337993',
templateId: 'related-item-template-337993'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 1,3333333333333333">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/owYf1pW7dOJXjDsFLMw97rh9Vq0=/600x/0/391/391448.jpg"
alt="Lecker Erdbeeren!"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/391448-lecker-erdbeeren">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-391448" data-pageurl="/de/media/391448-lecker-erdbeeren" data-api="/api/v1/media/391448"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/120/836/avatar.jpg" alt="dido-ob" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@dido-ob">dido-ob</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/391448" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="391448" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="391448" data-src="https://media.pixelio.de/0OkA2T1vwvulC9Yx1dy2zhLsmcY=/750x/0/391/391448.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-391448" data-pageurl="/de/media/391448-lecker-erdbeeren" data-api="/api/v1/media/391448"></a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-391448" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/iEgeQh2z1-IwNPmXR3K97pvrbNs=/1200x/0/391/391448.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/391448" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="391448" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="391448" data-src="https://media.pixelio.de/0OkA2T1vwvulC9Yx1dy2zhLsmcY=/750x/0/391/391448.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-391448" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-391448" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/XZYIl72bTd4Ypo6vxQgQ9PVB1bs=/1296x/0/391/391448.jpg"
data-url="https://pixelio.net/de/media/391448-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">391448</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="391448" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-391448" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-391448" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-391448" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-391448" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-391448" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
391448,
12,
{
sectionId: 'helix-related-photos-391448',
gridId: 'helix-related-grid-391448',
loadMoreId: 'load-more-related-btn-391448',
templateId: 'related-item-template-391448'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 1,3333333333333333">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/lTK3UB7KdAkeYIXqZT9Wf8LwBkI=/600x/0/522/522329.jpg"
alt="Zu- und Ablauf für eine Fussbodenheizung"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/522329-zu-und-ablauf-fur-eine-fussbodenheizung">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-522329" data-pageurl="/de/media/522329-zu-und-ablauf-fur-eine-fussbodenheizung" data-api="/api/v1/media/522329"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/023/786/avatar.jpg" alt="C. Nöhren" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@~u23786">C. Nöhren</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/522329" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="522329" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="522329" data-src="https://media.pixelio.de/8-dA0M3NAsHrJn1UC8SbeI3Rsc0=/750x/0/522/522329.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-522329" data-pageurl="/de/media/522329-zu-und-ablauf-fur-eine-fussbodenheizung" data-api="/api/v1/media/522329">Rohre im Haushalt</a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-522329" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F4Qhbipoz8d4wRuIHNETyr0qBFY=/1200x/0/522/522329.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/522329" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="522329" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="522329" data-src="https://media.pixelio.de/8-dA0M3NAsHrJn1UC8SbeI3Rsc0=/750x/0/522/522329.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-522329" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-522329" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/JZry6FLMKeaTJJJ8sZOORVrBpVQ=/1296x/0/522/522329.jpg"
data-url="https://pixelio.net/de/media/522329-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">522329</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="522329" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-522329" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-522329" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-522329" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-522329" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-522329" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
522329,
12,
{
sectionId: 'helix-related-photos-522329',
gridId: 'helix-related-grid-522329',
loadMoreId: 'load-more-related-btn-522329',
templateId: 'related-item-template-522329'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 0,75">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/KcLCi3dQ67d2nLizyacbkaYQ7N0=/600x/0/253/253750.jpg"
alt="Tana und Petro im Bärengraben"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/253750-tana-und-petro-im-barengraben">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-253750" data-pageurl="/de/media/253750-tana-und-petro-im-barengraben" data-api="/api/v1/media/253750"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/171/242/avatar.jpg" alt="Ruth Rudolph" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@~u171242">Ruth Rudolph</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/253750" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="253750" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="253750" data-src="https://media.pixelio.de/-Nle3OuYuM6M9TYJqVk3zcJpiaI=/750x/0/253/253750.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-253750" data-pageurl="/de/media/253750-tana-und-petro-im-barengraben" data-api="/api/v1/media/253750">Bis ins Jahr 2009 wird der Bärengraben grundlegende Veränderungen erfahren. \r\nDie neben dem Bärengraben liegende Wiese \r\nwird in eine grosszügige Naturanlage umgestaltet, die Bären sollen aus ihrem ummauerten Graben entlassen werden und sich das ganze Jahr \r\nund ganztags über in einer über 10'000 Quadratmeter umfassenden Freiluftanlage bewegen und im Wasser der Aare ihren Bedürfnissen frönen dürfen. Entgegen ersten Planungen bleibt der gegenwärtige Bärengraben, der schon anno 1856 an seinem jetzigen Standort bei der Nydeggbrücke stand und im Bundesinventar der Kulturgüter von nationaler Bedeutung sowie in der höchsten kantonalen Schutzkategorie figuriert, den Bären erhalten und wird durch einen Tunnel mit dem Park verbunden.\r\n\r\nQuelle: Wikipedia</a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-253750" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/-1V4s1YxHCNnSUYL2tJvDxKBjvk=/1200x/0/253/253750.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/253750" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="253750" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="253750" data-src="https://media.pixelio.de/-Nle3OuYuM6M9TYJqVk3zcJpiaI=/750x/0/253/253750.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-253750" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-253750" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/LK8h0r-l_Ts3Bw70oaZbY_0derA=/1296x/0/253/253750.jpg"
data-url="https://pixelio.net/de/media/253750-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">253750</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="253750" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-253750" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-253750" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-253750" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-253750" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-253750" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
253750,
12,
{
sectionId: 'helix-related-photos-253750',
gridId: 'helix-related-grid-253750',
loadMoreId: 'load-more-related-btn-253750',
templateId: 'related-item-template-253750'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 1,3333333333333333">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/NhFR5D8TizA22ORhAUTQxGyHdjI=/600x/0/343/343396.jpg"
alt="Pattaya, Thailand"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/343396-pattaya-thailand">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-343396" data-pageurl="/de/media/343396-pattaya-thailand" data-api="/api/v1/media/343396"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/030/996/avatar.jpg" alt="wl.steinacker" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@wl.steinacker">wl.steinacker</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/343396" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="343396" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="343396" data-src="https://media.pixelio.de/DQM6MYc4241IXX5lVxxJjBl7bf4=/750x/0/343/343396.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-343396" data-pageurl="/de/media/343396-pattaya-thailand" data-api="/api/v1/media/343396"></a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-343396" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/p9QrFzyY-xZPIO0CfEiOzZ1rCaY=/1200x/0/343/343396.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/343396" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="343396" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="343396" data-src="https://media.pixelio.de/DQM6MYc4241IXX5lVxxJjBl7bf4=/750x/0/343/343396.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-343396" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-343396" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/z1fUK3_zPIhNK7WxbWtTeEwnzmk=/1296x/0/343/343396.jpg"
data-url="https://pixelio.net/de/media/343396-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">343396</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="343396" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-343396" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-343396" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-343396" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-343396" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-343396" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
343396,
12,
{
sectionId: 'helix-related-photos-343396',
gridId: 'helix-related-grid-343396',
loadMoreId: 'load-more-related-btn-343396',
templateId: 'related-item-template-343396'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 1,3333333333333333">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/1_HFg_6AWrEIr10DjAeMhsEEeWU=/600x/0/357/357810.jpg"
alt="Swinemünde - Hafen"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/357810-swinemunde-hafen">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-357810" data-pageurl="/de/media/357810-swinemunde-hafen" data-api="/api/v1/media/357810"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/257/960/avatar.jpg" alt="Karl-Heinz Liebisch" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@~u257960">Karl-Heinz Liebisch</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/357810" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="357810" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="357810" data-src="https://media.pixelio.de/YuhGi0fni_CJ3viXVgzeUGUmEGE=/750x/0/357/357810.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-357810" data-pageurl="/de/media/357810-swinemunde-hafen" data-api="/api/v1/media/357810"></a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-357810" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/cubMcnGCxBhFe-KAFTZI7RZgV1I=/1200x/0/357/357810.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/357810" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="357810" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="357810" data-src="https://media.pixelio.de/YuhGi0fni_CJ3viXVgzeUGUmEGE=/750x/0/357/357810.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-357810" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-357810" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/ECtxeASKmmvlfS16aJHPuwJrN2w=/1296x/0/357/357810.jpg"
data-url="https://pixelio.net/de/media/357810-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">357810</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="357810" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-357810" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-357810" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-357810" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-357810" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-357810" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
357810,
12,
{
sectionId: 'helix-related-photos-357810',
gridId: 'helix-related-grid-357810',
loadMoreId: 'load-more-related-btn-357810',
templateId: 'related-item-template-357810'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 1,4421831637372804">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/WVorsfGMkdddh5oQVfdPtXFT7ps=/600x/0/388/388108.jpg"
alt="Geranienpracht in Lachsfarbe"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/388108-geranienpracht-in-lachsfarbe">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-388108" data-pageurl="/de/media/388108-geranienpracht-in-lachsfarbe" data-api="/api/v1/media/388108"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/151/472/avatar.jpg" alt="Joujou" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@Joujou">Joujou</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/388108" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="388108" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="388108" data-src="https://media.pixelio.de/qHqWLWK-LenoqjUlhNLHHOveye8=/750x/0/388/388108.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-388108" data-pageurl="/de/media/388108-geranienpracht-in-lachsfarbe" data-api="/api/v1/media/388108"></a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-388108" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/WsS1F7Qhj-HmMfNpJilnSrGYXu4=/1200x/0/388/388108.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/388108" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="388108" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="388108" data-src="https://media.pixelio.de/qHqWLWK-LenoqjUlhNLHHOveye8=/750x/0/388/388108.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-388108" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-388108" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/2VqEvt-0z9eVP3gOIJPQb-TgtFw=/1296x/0/388/388108.jpg"
data-url="https://pixelio.net/de/media/388108-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">388108</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="388108" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-388108" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-388108" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-388108" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-388108" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-388108" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
388108,
12,
{
sectionId: 'helix-related-photos-388108',
gridId: 'helix-related-grid-388108',
loadMoreId: 'load-more-related-btn-388108',
templateId: 'related-item-template-388108'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 0,6669921875">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/FG29AGbXSga64kvREQtoUZaC4OY=/600x/0/456/456812.jpg"
alt="Die Leiter am Baum"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/456812-die-leiter-am-baum">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-456812" data-pageurl="/de/media/456812-die-leiter-am-baum" data-api="/api/v1/media/456812"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/197/264/avatar.jpg" alt="Havlena" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@Havlena">Havlena</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/456812" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="456812" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="456812" data-src="https://media.pixelio.de/uBkU_QTpL3W16SJkNXUaMw02G6k=/750x/0/456/456812.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-456812" data-pageurl="/de/media/456812-die-leiter-am-baum" data-api="/api/v1/media/456812">Meine Bilder können Sie gerne auch in einer größeren Datei auf Anfrage haben !\r\n\r\nIch bitte bei Verwendung des Fotos um eine Nachricht und würde mich über einen Link, ein PDF oder ein Belegexemplar freuen! Nutzung meines Bildes nur mit Nennung \r\nAuch z.B. bei Quellenangaben im Impressum das Bild bitte eindeutig zuweisen! \r\nEine kommerzielle Nutzung sowie das erweiterte Bearbeitungsrecht sind nur auf Anfrage möglich.!! DANKE</a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-456812" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/7wnFE-pH5F8LW1OgIr-m7Ho5cYc=/1200x/0/456/456812.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/456812" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="456812" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="456812" data-src="https://media.pixelio.de/uBkU_QTpL3W16SJkNXUaMw02G6k=/750x/0/456/456812.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-456812" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-456812" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/rCiGO8hUxE4pj2BSNIP7CPx1p8g=/1296x/0/456/456812.jpg"
data-url="https://pixelio.net/de/media/456812-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">456812</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="456812" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-456812" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-456812" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-456812" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-456812" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-456812" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
456812,
12,
{
sectionId: 'helix-related-photos-456812',
gridId: 'helix-related-grid-456812',
loadMoreId: 'load-more-related-btn-456812',
templateId: 'related-item-template-456812'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 1,4938271604938271">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/7pUdT_z8UHCHd2pcr3nLoxmybOQ=/600x/0/515/515025.jpg"
alt="in der Ludwigsklamm"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/515025-in-der-ludwigsklamm">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-515025" data-pageurl="/de/media/515025-in-der-ludwigsklamm" data-api="/api/v1/media/515025"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/385/061/avatar.jpg" alt="Klausdie" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@Klausdie">Klausdie</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/515025" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="515025" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="515025" data-src="https://media.pixelio.de/ZsCo3XTXVcEwmw9_EGLvVqra-DI=/750x/0/515/515025.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-515025" data-pageurl="/de/media/515025-in-der-ludwigsklamm" data-api="/api/v1/media/515025"></a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-515025" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/ZTOQCz1VxJH__FKv90Oo1cBy_QI=/1200x/0/515/515025.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/515025" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="515025" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="515025" data-src="https://media.pixelio.de/ZsCo3XTXVcEwmw9_EGLvVqra-DI=/750x/0/515/515025.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-515025" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-515025" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/z1QBw2pe6dH0bNLHxvAIoIBMTjQ=/1296x/0/515/515025.jpg"
data-url="https://pixelio.net/de/media/515025-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">515025</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="515025" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-515025" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-515025" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-515025" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-515025" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-515025" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
515025,
12,
{
sectionId: 'helix-related-photos-515025',
gridId: 'helix-related-grid-515025',
loadMoreId: 'load-more-related-btn-515025',
templateId: 'related-item-template-515025'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 1,2429577464788732">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/yrVsLCzPt0jvfn9IUOscBq2bhnw=/600x/0/524/524997.jpg"
alt="Sommerblueten"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/524997-sommerblueten">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-524997" data-pageurl="/de/media/524997-sommerblueten" data-api="/api/v1/media/524997"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/425/924/avatar.jpg" alt="artdox" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@artdox">artdox</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/524997" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="524997" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="524997" data-src="https://media.pixelio.de/PhkldTHfbzsbzogrZ0X0fZcPMlY=/750x/0/524/524997.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-524997" data-pageurl="/de/media/524997-sommerblueten" data-api="/api/v1/media/524997">Sommerblueten</a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-524997" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/coQktYUJrz2LueoLiXQGKkn5RiI=/1200x/0/524/524997.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/524997" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="524997" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="524997" data-src="https://media.pixelio.de/PhkldTHfbzsbzogrZ0X0fZcPMlY=/750x/0/524/524997.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-524997" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-524997" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/EkIvU2IjuTwMuN9gRqQz6CbJtks=/1296x/0/524/524997.jpg"
data-url="https://pixelio.net/de/media/524997-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">524997</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="524997" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-524997" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-524997" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-524997" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-524997" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-524997" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
524997,
12,
{
sectionId: 'helix-related-photos-524997',
gridId: 'helix-related-grid-524997',
loadMoreId: 'load-more-related-btn-524997',
templateId: 'related-item-template-524997'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 1,3333333333333333">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/voVM-r_J3EybApjOphnyuQ6qbA4=/600x/0/545/545758.jpg"
alt="grüner Leguan"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/545758-gruner-leguan">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-545758" data-pageurl="/de/media/545758-gruner-leguan" data-api="/api/v1/media/545758"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/171/242/avatar.jpg" alt="Ruth Rudolph" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@~u171242">Ruth Rudolph</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/545758" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="545758" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="545758" data-src="https://media.pixelio.de/w7MRMK6xPs3gQROINZHNcASblW4=/750x/0/545/545758.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-545758" data-pageurl="/de/media/545758-gruner-leguan" data-api="/api/v1/media/545758">Beheimatet ist er in Mittelamerika und 
im nördlichen Südamerika.</a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-545758" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/r7yVhRP7laljMki-wNbCOsg0xDY=/1200x/0/545/545758.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/545758" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="545758" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="545758" data-src="https://media.pixelio.de/w7MRMK6xPs3gQROINZHNcASblW4=/750x/0/545/545758.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-545758" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-545758" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/lzc4q-OCnCxLMmZC-kt4pTeryFY=/1296x/0/545/545758.jpg"
data-url="https://pixelio.net/de/media/545758-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">545758</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="545758" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-545758" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-545758" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-545758" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-545758" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-545758" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
545758,
12,
{
sectionId: 'helix-related-photos-545758',
gridId: 'helix-related-grid-545758',
loadMoreId: 'load-more-related-btn-545758',
templateId: 'related-item-template-545758'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 1,3333333333333333">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/JEQFSaCCLThOwJPcc1hLf5qCUiw=/600x/0/669/669912.jpg"
alt="Interessiert"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/669912-interessiert">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-669912" data-pageurl="/de/media/669912-interessiert" data-api="/api/v1/media/669912"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/466/108/avatar.jpg" alt="duba1310" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@duba1310">duba1310</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/669912" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="669912" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="669912" data-src="https://media.pixelio.de/HtBuqCQwW6dyIrHl2Yg2EZoBwjI=/750x/0/669/669912.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-669912" data-pageurl="/de/media/669912-interessiert" data-api="/api/v1/media/669912"></a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-669912" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/39KjsqYctWI2OB4a4kCfjQoiF88=/1200x/0/669/669912.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/669912" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="669912" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="669912" data-src="https://media.pixelio.de/HtBuqCQwW6dyIrHl2Yg2EZoBwjI=/750x/0/669/669912.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-669912" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-669912" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/fuFOZIDlJc84MfR5mxTPra_7srI=/1296x/0/669/669912.jpg"
data-url="https://pixelio.net/de/media/669912-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">669912</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="669912" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-669912" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-669912" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-669912" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-669912" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-669912" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
669912,
12,
{
sectionId: 'helix-related-photos-669912',
gridId: 'helix-related-grid-669912',
loadMoreId: 'load-more-related-btn-669912',
templateId: 'related-item-template-669912'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 0,37583333333333335">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/w7Gs5ijsPuvE7qPAgLHmSWmizVQ=/600x/0/024/24031.jpg"
alt="indian"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/24031-indian">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-24031" data-pageurl="/de/media/24031-indian" data-api="/api/v1/media/24031"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/020/667/avatar.jpg" alt="BrandtMarke" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@BrandtMarke">BrandtMarke</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/24031" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="24031" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="24031" data-src="https://media.pixelio.de/8gExlsoIPo_peOWWn0qIvNCYprA=/750x/0/024/24031.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-24031" data-pageurl="/de/media/24031-indian" data-api="/api/v1/media/24031">Für eine Kommerzielle Nutzung und ein erweiterte Bearbeitung ist mein schriftliches Einverständnis einzuholen</a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-24031" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/f3w091i0QcSYKf4iFyFOwwpWbx8=/1200x/0/024/24031.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/24031" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="24031" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="24031" data-src="https://media.pixelio.de/8gExlsoIPo_peOWWn0qIvNCYprA=/750x/0/024/24031.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-24031" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-24031" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/Z030CnL0-tjnZhzMuqa0ee1k2HQ=/1296x/0/024/24031.jpg"
data-url="https://pixelio.net/de/media/24031-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">24031</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="24031" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-24031" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-24031" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-24031" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-24031" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-24031" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
24031,
12,
{
sectionId: 'helix-related-photos-24031',
gridId: 'helix-related-grid-24031',
loadMoreId: 'load-more-related-btn-24031',
templateId: 'related-item-template-24031'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 1">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/fYkPIkYklVjwpaNyXMYSvg_2p7Y=/600x/0/067/67042.jpg"
alt="Zwei vom Fotografen erschrockene Inderinnen"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/67042-zwei-vom-fotografen-erschrockene-inderinnen">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-67042" data-pageurl="/de/media/67042-zwei-vom-fotografen-erschrockene-inderinnen" data-api="/api/v1/media/67042"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/058/505/avatar.jpg" alt="Fragenus" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@Fragenus">Fragenus</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/67042" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="67042" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="67042" data-src="https://media.pixelio.de/0nwpPTN2mJQOtNjSMvMVLS6Igx8=/750x/0/067/67042.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-67042" data-pageurl="/de/media/67042-zwei-vom-fotografen-erschrockene-inderinnen" data-api="/api/v1/media/67042">Das Foto wurde gemacht während unserer Autoreise von Hamburg nach Nepal (s. dazu \r\nwww.sawluk.com )............. \r\nFür meine Reisen suche ich einen Reisepartner. Wer möchte mit dem Zug von Deutschland über Peking nach Tibet kommen ? \r\nDiese Reise wird sehr preiswert sein. \r\nS. dazu: \r\nhttp://testberichte.ebay.de/Zug-Bahn-und-Fahrkartenkarten-fuer-Zuege-der-Welt_W0QQugidZ10000000001743304</a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-67042" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/2VAuCobnURkG_gYF2HScdpneZPU=/1200x/0/067/67042.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/67042" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="67042" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="67042" data-src="https://media.pixelio.de/0nwpPTN2mJQOtNjSMvMVLS6Igx8=/750x/0/067/67042.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-67042" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-67042" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/9oaw3Yx3sorWUrAbRn6bZTMlEwk=/1296x/0/067/67042.jpg"
data-url="https://pixelio.net/de/media/67042-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">67042</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="67042" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-67042" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-67042" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-67042" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-67042" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-67042" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
67042,
12,
{
sectionId: 'helix-related-photos-67042',
gridId: 'helix-related-grid-67042',
loadMoreId: 'load-more-related-btn-67042',
templateId: 'related-item-template-67042'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 1,3333333333333333">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/vSHv6QpY3Uqv33IToawixZylTcM=/600x/0/364/364518.jpg"
alt="Fischerhaus"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/364518-fischerhaus">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-364518" data-pageurl="/de/media/364518-fischerhaus" data-api="/api/v1/media/364518"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/213/210/avatar.jpg" alt="Butzemann" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@Butzemann">Butzemann</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/364518" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="364518" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="364518" data-src="https://media.pixelio.de/FFujzgTPPMO31hzKMzRDHmKMhkM=/750x/0/364/364518.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-364518" data-pageurl="/de/media/364518-fischerhaus" data-api="/api/v1/media/364518"></a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-364518" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/jy8xCk__qvnJkvaTPc1DBqUh9mU=/1200x/0/364/364518.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/364518" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="364518" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="364518" data-src="https://media.pixelio.de/FFujzgTPPMO31hzKMzRDHmKMhkM=/750x/0/364/364518.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-364518" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-364518" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/T7-tLR91kKX31HEtf7vHzydSR6U=/1296x/0/364/364518.jpg"
data-url="https://pixelio.net/de/media/364518-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">364518</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="364518" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-364518" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-364518" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-364518" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-364518" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-364518" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
364518,
12,
{
sectionId: 'helix-related-photos-364518',
gridId: 'helix-related-grid-364518',
loadMoreId: 'load-more-related-btn-364518',
templateId: 'related-item-template-364518'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 0,6666666666666666">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/l4sYNC1H6zdXwXd264cRGHCgqOk=/600x/0/379/379908.jpg"
alt="Der schiefe Reichenturm in Bautzen"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/379908-der-schiefe-reichenturm-in-bautzen">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-379908" data-pageurl="/de/media/379908-der-schiefe-reichenturm-in-bautzen" data-api="/api/v1/media/379908"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/245/111/avatar.jpg" alt="flugwapsch62" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@flugwapsch62">flugwapsch62</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/379908" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="379908" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="379908" data-src="https://media.pixelio.de/5QyuftlCtMdSl9YfRE2fg3lRf00=/750x/0/379/379908.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-379908" data-pageurl="/de/media/379908-der-schiefe-reichenturm-in-bautzen" data-api="/api/v1/media/379908"></a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-379908" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/NVCjp59UDu9JinM36B_BY8RaLEQ=/1200x/0/379/379908.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/379908" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="379908" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="379908" data-src="https://media.pixelio.de/5QyuftlCtMdSl9YfRE2fg3lRf00=/750x/0/379/379908.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-379908" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-379908" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/WtpDTyBCr-RTZbN3sTX5vbgRwR0=/1296x/0/379/379908.jpg"
data-url="https://pixelio.net/de/media/379908-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">379908</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="379908" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-379908" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-379908" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-379908" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-379908" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-379908" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
379908,
12,
{
sectionId: 'helix-related-photos-379908',
gridId: 'helix-related-grid-379908',
loadMoreId: 'load-more-related-btn-379908',
templateId: 'related-item-template-379908'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 1,3333333333333333">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/GqB9P0OD7n7WT5HmR5G7pu_eHdw=/600x/0/454/454979.jpg"
alt="Tulpen purpur"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/454979-tulpen-purpur">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-454979" data-pageurl="/de/media/454979-tulpen-purpur" data-api="/api/v1/media/454979"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/105/012/avatar.jpg" alt="Heulsuse" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@Heulsuse">Heulsuse</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/454979" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="454979" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="454979" data-src="https://media.pixelio.de/CDWYiffrfSn_9h0dbEY-aWNDYOU=/750x/0/454/454979.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-454979" data-pageurl="/de/media/454979-tulpen-purpur" data-api="/api/v1/media/454979"></a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-454979" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/bdBkJY9Wb9t1dPA8zyND4SW_Qb4=/1200x/0/454/454979.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/454979" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="454979" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="454979" data-src="https://media.pixelio.de/CDWYiffrfSn_9h0dbEY-aWNDYOU=/750x/0/454/454979.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-454979" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-454979" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/7c6vp8fcymPqfQrEVLLw0B-SiIw=/1296x/0/454/454979.jpg"
data-url="https://pixelio.net/de/media/454979-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">454979</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="454979" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-454979" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-454979" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-454979" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-454979" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-454979" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
454979,
12,
{
sectionId: 'helix-related-photos-454979',
gridId: 'helix-related-grid-454979',
loadMoreId: 'load-more-related-btn-454979',
templateId: 'related-item-template-454979'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 1,1985472154963681">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/XdopGAjYNXi6LThwaERNg0W0qfs=/600x/0/583/583502.jpg"
alt="Schneeglöckchen"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/583502-schneeglockchen">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-583502" data-pageurl="/de/media/583502-schneeglockchen" data-api="/api/v1/media/583502"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/167/576/avatar.jpg" alt="ger.hardt" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@ger.hardt">ger.hardt</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/583502" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="583502" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="583502" data-src="https://media.pixelio.de/8103jELe5iXJ4OKxXuBPy9jih6I=/750x/0/583/583502.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-583502" data-pageurl="/de/media/583502-schneeglockchen" data-api="/api/v1/media/583502">Das Kleine Schneeglöckchen (Galanthus nivalis), auch Gewöhnliches Schneeglöckchen genannt, ist eine Pflanzenart aus der Gattung der Schneeglöckchen (Galanthus) in der Familie der Amaryllisgewächse (Amaryllidaceae). Das Kleine Schneeglöckchen ist eine ausdauernde krautige Pflanze, die Wuchshöhen von meist 7 bis 15 (2 bis 18) Zentimeter erreicht. Die Samen besitzen ein gekrümmtes Anhängsel (Elaiosom), welches der Verbreitung durch Ameisen dient.(aus:wikipedia)</a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-583502" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/QRMcDxBp3t5PsWr6AK8Lwo5_bP0=/1200x/0/583/583502.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/583502" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="583502" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="583502" data-src="https://media.pixelio.de/8103jELe5iXJ4OKxXuBPy9jih6I=/750x/0/583/583502.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-583502" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-583502" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/goy8ftarzOh8x6taJzo601eYB5E=/1296x/0/583/583502.jpg"
data-url="https://pixelio.net/de/media/583502-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">583502</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="583502" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-583502" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-583502" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-583502" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-583502" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-583502" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
583502,
12,
{
sectionId: 'helix-related-photos-583502',
gridId: 'helix-related-grid-583502',
loadMoreId: 'load-more-related-btn-583502',
templateId: 'related-item-template-583502'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 1,5">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/pbShoWB8cvY_5KaIjI3g4GFPVJQ=/600x/0/608/608626.jpg"
alt="Vor dem Wochenende"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/608626-vor-dem-wochenende">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-608626" data-pageurl="/de/media/608626-vor-dem-wochenende" data-api="/api/v1/media/608626"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/466/108/avatar.jpg" alt="duba1310" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@duba1310">duba1310</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/608626" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="608626" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="608626" data-src="https://media.pixelio.de/7J2ZpmC6nuvEOJxGboiJ6lj-Df0=/750x/0/608/608626.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-608626" data-pageurl="/de/media/608626-vor-dem-wochenende" data-api="/api/v1/media/608626">Bote am Schluchsee</a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-608626" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/CqyVSJQtF8JZEcoZnk73X6_FRCc=/1200x/0/608/608626.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/608626" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="608626" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="608626" data-src="https://media.pixelio.de/7J2ZpmC6nuvEOJxGboiJ6lj-Df0=/750x/0/608/608626.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-608626" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-608626" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/rhptdl6nTBTCEVZ-Ndz8C9mUggU=/1296x/0/608/608626.jpg"
data-url="https://pixelio.net/de/media/608626-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">608626</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="608626" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-608626" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-608626" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-608626" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-608626" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-608626" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
608626,
12,
{
sectionId: 'helix-related-photos-608626',
gridId: 'helix-related-grid-608626',
loadMoreId: 'load-more-related-btn-608626',
templateId: 'related-item-template-608626'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 1,5023474178403755">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/OWlJFCKxtEouBe-URygO2iVbrVw=/600x/0/688/688035.jpg"
alt="Auf Erkundungstour"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/688035-auf-erkundungstour">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-688035" data-pageurl="/de/media/688035-auf-erkundungstour" data-api="/api/v1/media/688035"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/431/361/avatar.jpg" alt="gatierf" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@gatierf">gatierf</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/688035" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="688035" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="688035" data-src="https://media.pixelio.de/vXkjG_7vU2aXfQjLeSn2b46-7oQ=/750x/0/688/688035.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-688035" data-pageurl="/de/media/688035-auf-erkundungstour" data-api="/api/v1/media/688035">Ein Lilienhähnchen erkundet den von der Sonne aufgewärmten Beton der Veranda.</a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-688035" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/7MZc1ZcpyCgWb1TlfEmNnYGjTh4=/1200x/0/688/688035.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/688035" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="688035" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="688035" data-src="https://media.pixelio.de/vXkjG_7vU2aXfQjLeSn2b46-7oQ=/750x/0/688/688035.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-688035" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-688035" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/aQ-zoS5uBno69mada8W4RBOXG1g=/1296x/0/688/688035.jpg"
data-url="https://pixelio.net/de/media/688035-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">688035</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="688035" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-688035" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-688035" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-688035" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-688035" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-688035" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
688035,
12,
{
sectionId: 'helix-related-photos-688035',
gridId: 'helix-related-grid-688035',
loadMoreId: 'load-more-related-btn-688035',
templateId: 'related-item-template-688035'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 0,6648936170212766">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/UnH_ygKsn0pyqliBNbFe_tk6DqI=/600x/0/282/282246.jpg"
alt="Impression aus Wuppertal-Beyenburg #28"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/282246-impression-aus-wuppertal-beyenburg-28">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-282246" data-pageurl="/de/media/282246-impression-aus-wuppertal-beyenburg-28" data-api="/api/v1/media/282246"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/080/294/avatar.jpg" alt="Multipla" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@Multipla">Multipla</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/282246" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="282246" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="282246" data-src="https://media.pixelio.de/-3xMes6v9jYGZHdmczGXjrA2xSc=/750x/0/282/282246.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-282246" data-pageurl="/de/media/282246-impression-aus-wuppertal-beyenburg-28" data-api="/api/v1/media/282246">Gesehen im malerischen Wuppertal-Beyenburg, Bergisches Land. Digital festgehalten mit meiner NIKON D40.</a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-282246" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/gVZ7M2kPzo0GBtJRb0S8ku8xSEc=/1200x/0/282/282246.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/282246" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="282246" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="282246" data-src="https://media.pixelio.de/-3xMes6v9jYGZHdmczGXjrA2xSc=/750x/0/282/282246.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-282246" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-282246" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/uqi6fjIEuU90djgWy1SeHpeFd-c=/1296x/0/282/282246.jpg"
data-url="https://pixelio.net/de/media/282246-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">282246</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="282246" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-282246" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-282246" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-282246" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-282246" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-282246" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
282246,
12,
{
sectionId: 'helix-related-photos-282246',
gridId: 'helix-related-grid-282246',
loadMoreId: 'load-more-related-btn-282246',
templateId: 'related-item-template-282246'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 0,7802607076350093">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/oLZk9XeljPYDqPb9Kue9lPw7JA8=/600x/0/449/449669.jpg"
alt="Heißer Funkenflug 2"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/449669-heisser-funkenflug-2">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-449669" data-pageurl="/de/media/449669-heisser-funkenflug-2" data-api="/api/v1/media/449669"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/283/328/avatar.jpg" alt="Raimi" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@Raimi">Raimi</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/449669" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="449669" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="449669" data-src="https://media.pixelio.de/cSkSFNO_NW_O_Wzb2r7XeI5JA_k=/750x/0/449/449669.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-449669" data-pageurl="/de/media/449669-heisser-funkenflug-2" data-api="/api/v1/media/449669">Die Funken sind erstanden bei schleifen von Metal.</a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-449669" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/VYx9amLa_jj6wtFG0vFNZcmWB5c=/1200x/0/449/449669.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/449669" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="449669" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="449669" data-src="https://media.pixelio.de/cSkSFNO_NW_O_Wzb2r7XeI5JA_k=/750x/0/449/449669.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-449669" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-449669" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/w-_SnqnBQQF-pkjwyjQb3V9w7lI=/1296x/0/449/449669.jpg"
data-url="https://pixelio.net/de/media/449669-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">449669</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="449669" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-449669" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-449669" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-449669" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-449669" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-449669" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
449669,
12,
{
sectionId: 'helix-related-photos-449669',
gridId: 'helix-related-grid-449669',
loadMoreId: 'load-more-related-btn-449669',
templateId: 'related-item-template-449669'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 1,502">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/6OClbTgY8BPLN9D5Kd75EBzEzk0=/600x/0/499/499635.jpg"
alt="Playa del Inglés im Morgenlicht"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/499635-playa-del-ingles-im-morgenlicht">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-499635" data-pageurl="/de/media/499635-playa-del-ingles-im-morgenlicht" data-api="/api/v1/media/499635"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/272/421/avatar.jpg" alt="tokamuwi" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@tokamuwi">tokamuwi</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/499635" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="499635" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="499635" data-src="https://media.pixelio.de/Ks6B_4-ORQEVc2EKgzzWy3xsmqs=/750x/0/499/499635.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-499635" data-pageurl="/de/media/499635-playa-del-ingles-im-morgenlicht" data-api="/api/v1/media/499635">Playa del Inglés bildet zusammen mit San Agustín und Maspalomas, die ebenfalls zur Gemeinde San Bartolomé de Tirajana gehören, das größte touristische Zentrum Spaniens.</a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-499635" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/rJiON2JYF5b3e5TpFp0JB5B9RY0=/1200x/0/499/499635.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/499635" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="499635" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="499635" data-src="https://media.pixelio.de/Ks6B_4-ORQEVc2EKgzzWy3xsmqs=/750x/0/499/499635.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-499635" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-499635" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/jCx6cDaI80D5x6sGblqNntZovBg=/1296x/0/499/499635.jpg"
data-url="https://pixelio.net/de/media/499635-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">499635</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="499635" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-499635" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-499635" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-499635" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-499635" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-499635" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
499635,
12,
{
sectionId: 'helix-related-photos-499635',
gridId: 'helix-related-grid-499635',
loadMoreId: 'load-more-related-btn-499635',
templateId: 'related-item-template-499635'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 1,2918388429752066">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/fFsVtM94ZL5a0lX4-3Kc0HYMdLg=/600x/0/648/648322.jpg"
alt="Gleich ist es geschafft"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/648322-gleich-ist-es-geschafft">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-648322" data-pageurl="/de/media/648322-gleich-ist-es-geschafft" data-api="/api/v1/media/648322"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/302/786/avatar.jpg" alt="Annamartha" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@Annamartha">Annamartha</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/648322" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="648322" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="648322" data-src="https://media.pixelio.de/55T8WUbGbErKHXyPlQJTQK6hF7A=/750x/0/648/648322.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-648322" data-pageurl="/de/media/648322-gleich-ist-es-geschafft" data-api="/api/v1/media/648322"></a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-648322" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/OIM9H410zUIpF21vcu3wblB5u3g=/1200x/0/648/648322.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/648322" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="648322" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="648322" data-src="https://media.pixelio.de/55T8WUbGbErKHXyPlQJTQK6hF7A=/750x/0/648/648322.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-648322" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-648322" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/PaFVQOLNvZ3CM7DHJpU_kZ6OYeE=/1296x/0/648/648322.jpg"
data-url="https://pixelio.net/de/media/648322-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">648322</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="648322" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-648322" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-648322" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-648322" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-648322" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-648322" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
648322,
12,
{
sectionId: 'helix-related-photos-648322',
gridId: 'helix-related-grid-648322',
loadMoreId: 'load-more-related-btn-648322',
templateId: 'related-item-template-648322'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 1,4838930774503085">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/IHLMv2xS7ozcbi5Z2X5waElCPnE=/600x/0/046/46787.jpg"
alt="Strelizie"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/46787-strelizie">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-46787" data-pageurl="/de/media/46787-strelizie" data-api="/api/v1/media/46787"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/023/040/avatar.jpg" alt="pixel-vun" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@pixel-vun">pixel-vun</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/46787" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="46787" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="46787" data-src="https://media.pixelio.de/OQSk9vdlVBAuBNJpCGbQ772ZmGo=/750x/0/046/46787.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-46787" data-pageurl="/de/media/46787-strelizie" data-api="/api/v1/media/46787">oder auch Papageienblume genannt.\r\n\r\nStrelizien blühen im Alter von FRÜHESTENS drei bis vier Jahren das erste Mal, also keine Panik. Sie sind sehr pflegeleichte Pflanzen...</a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-46787" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/2sjEwwNj-0r9TiUqyr6Vuz5jjG0=/1200x/0/046/46787.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/46787" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="46787" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="46787" data-src="https://media.pixelio.de/OQSk9vdlVBAuBNJpCGbQ772ZmGo=/750x/0/046/46787.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-46787" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-46787" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/DlXTVA7z5mGC-5iZQRJjFyROq-k=/1296x/0/046/46787.jpg"
data-url="https://pixelio.net/de/media/46787-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">46787</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="46787" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-46787" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-46787" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-46787" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-46787" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-46787" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
46787,
12,
{
sectionId: 'helix-related-photos-46787',
gridId: 'helix-related-grid-46787',
loadMoreId: 'load-more-related-btn-46787',
templateId: 'related-item-template-46787'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 0,6666666666666666">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/1nzvoZiqzhRcDfVNqRAGgfwQ4v4=/600x/0/072/72552.jpg"
alt="ELVIS..."
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/72552-elvis">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-72552" data-pageurl="/de/media/72552-elvis" data-api="/api/v1/media/72552"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/042/003/avatar.jpg" alt="Schnappschuss" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@Schnappschuss">Schnappschuss</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/72552" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="72552" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="72552" data-src="https://media.pixelio.de/mMkY6oyoF10sLOn0ohfVsOSmVI8=/750x/0/072/72552.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-72552" data-pageurl="/de/media/72552-elvis" data-api="/api/v1/media/72552">...Presley ! Gedenkstein in Bad Nauheim (Wohnort 1958-60)</a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-72552" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/19WT7cXLomZfXc94mg4IJdklyV4=/1200x/0/072/72552.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/72552" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="72552" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="72552" data-src="https://media.pixelio.de/mMkY6oyoF10sLOn0ohfVsOSmVI8=/750x/0/072/72552.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-72552" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-72552" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/O_Cu4LyIu_S50XMaNYbSVmmA660=/1296x/0/072/72552.jpg"
data-url="https://pixelio.net/de/media/72552-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">72552</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="72552" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-72552" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-72552" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-72552" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-72552" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-72552" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
72552,
12,
{
sectionId: 'helix-related-photos-72552',
gridId: 'helix-related-grid-72552',
loadMoreId: 'load-more-related-btn-72552',
templateId: 'related-item-template-72552'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 1,3333333333333333">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/mm5EoNXHByBQ4q-4ZtQ14P-MGiY=/600x/0/216/216599.jpg"
alt="Berlin"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/216599-berlin">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-216599" data-pageurl="/de/media/216599-berlin" data-api="/api/v1/media/216599"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/214/489/avatar.jpg" alt="somemorepics" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@somemorepics">somemorepics</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/216599" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="216599" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="216599" data-src="https://media.pixelio.de/Dyr-fZohTDSj_HUpit3b4OWOEd0=/750x/0/216/216599.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-216599" data-pageurl="/de/media/216599-berlin" data-api="/api/v1/media/216599">bonjour tristesse in Berlin</a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-216599" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/AG88NFznsVyTSMZsOVIyHaRjBJQ=/1200x/0/216/216599.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/216599" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="216599" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="216599" data-src="https://media.pixelio.de/Dyr-fZohTDSj_HUpit3b4OWOEd0=/750x/0/216/216599.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-216599" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-216599" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/IDRKIur7X6GvvHsyphg7DEnoq4M=/1296x/0/216/216599.jpg"
data-url="https://pixelio.net/de/media/216599-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">216599</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="216599" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-216599" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-216599" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-216599" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-216599" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-216599" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
216599,
12,
{
sectionId: 'helix-related-photos-216599',
gridId: 'helix-related-grid-216599',
loadMoreId: 'load-more-related-btn-216599',
templateId: 'related-item-template-216599'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 1,5003154574132491">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/BaOs0qmmNgei4OalsnxmgvKSqG0=/600x/0/307/307307.jpg"
alt="Sonnenuntergang 5"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/307307-sonnenuntergang-5">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-307307" data-pageurl="/de/media/307307-sonnenuntergang-5" data-api="/api/v1/media/307307"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/210/661/avatar.jpg" alt="inkranz" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@inkranz">inkranz</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/307307" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="307307" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="307307" data-src="https://media.pixelio.de/NnY-BBLR2BpOVwefYXNKHecRYAQ=/750x/0/307/307307.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-307307" data-pageurl="/de/media/307307-sonnenuntergang-5" data-api="/api/v1/media/307307">Sonnenuntergang auf La Palma</a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-307307" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/JpTDzEonXgbK2S4Ns2FbHr5jrUo=/1200x/0/307/307307.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/307307" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="307307" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="307307" data-src="https://media.pixelio.de/NnY-BBLR2BpOVwefYXNKHecRYAQ=/750x/0/307/307307.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-307307" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-307307" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/2_wYl4AV56UWPKLove7ZVxU0MVw=/1296x/0/307/307307.jpg"
data-url="https://pixelio.net/de/media/307307-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">307307</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="307307" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-307307" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-307307" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-307307" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-307307" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-307307" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
307307,
12,
{
sectionId: 'helix-related-photos-307307',
gridId: 'helix-related-grid-307307',
loadMoreId: 'load-more-related-btn-307307',
templateId: 'related-item-template-307307'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 1,3333333333333333">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/oZwSvKL5PfpbXC-9o6-VdBvm0_U=/600x/0/354/354191.jpg"
alt="Cordoba"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/354191-cordoba">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-354191" data-pageurl="/de/media/354191-cordoba" data-api="/api/v1/media/354191"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/120/836/avatar.jpg" alt="dido-ob" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@dido-ob">dido-ob</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/354191" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="354191" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="354191" data-src="https://media.pixelio.de/jd4h7fijwJ3qYTfMEu6xtPMDLOw=/750x/0/354/354191.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-354191" data-pageurl="/de/media/354191-cordoba" data-api="/api/v1/media/354191"></a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-354191" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/J8jac3dDfKTVO-t_OcHGMZb9Ad8=/1200x/0/354/354191.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/354191" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="354191" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="354191" data-src="https://media.pixelio.de/jd4h7fijwJ3qYTfMEu6xtPMDLOw=/750x/0/354/354191.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-354191" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-354191" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/ZPcQYW7IivVNpDPNTa0bMuulX5I=/1296x/0/354/354191.jpg"
data-url="https://pixelio.net/de/media/354191-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">354191</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="354191" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-354191" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-354191" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-354191" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-354191" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-354191" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
354191,
12,
{
sectionId: 'helix-related-photos-354191',
gridId: 'helix-related-grid-354191',
loadMoreId: 'load-more-related-btn-354191',
templateId: 'related-item-template-354191'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 1,3330618892508144">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/UQ1m-xe5IIj2ZI_eMPpt5y5LJN4=/600x/0/361/361247.jpg"
alt="Anlegestelle"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/361247-anlegestelle">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-361247" data-pageurl="/de/media/361247-anlegestelle" data-api="/api/v1/media/361247"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/133/380/avatar.jpg" alt="siepmannH" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@siepmannH">siepmannH</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/361247" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="361247" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="361247" data-src="https://media.pixelio.de/KPKolSKyBt4M4CNw08NN_9PpKE0=/750x/0/361/361247.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-361247" data-pageurl="/de/media/361247-anlegestelle" data-api="/api/v1/media/361247"></a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-361247" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/uOW9Oa6vHXu-5ubgs7khDaq3wPI=/1200x/0/361/361247.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/361247" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="361247" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="361247" data-src="https://media.pixelio.de/KPKolSKyBt4M4CNw08NN_9PpKE0=/750x/0/361/361247.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-361247" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-361247" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/ncLw0nQ-Ix6DHt8bPlBLNfNhPtI=/1296x/0/361/361247.jpg"
data-url="https://pixelio.net/de/media/361247-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">361247</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="361247" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-361247" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-361247" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-361247" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-361247" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-361247" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
361247,
12,
{
sectionId: 'helix-related-photos-361247',
gridId: 'helix-related-grid-361247',
loadMoreId: 'load-more-related-btn-361247',
templateId: 'related-item-template-361247'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 1,3333333333333333">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/zRtI36cxazbJMWmKTSPbsBhyd_Y=/600x/0/540/540704.jpg"
alt="Hochlandrind"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/540704-hochlandrind">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-540704" data-pageurl="/de/media/540704-hochlandrind" data-api="/api/v1/media/540704"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/056/986/avatar.jpg" alt="ABermueller" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@ABermueller">ABermueller</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/540704" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="540704" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="540704" data-src="https://media.pixelio.de/_e0t4gQ6kw-shK_T0MVPINHTktc=/750x/0/540/540704.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-540704" data-pageurl="/de/media/540704-hochlandrind" data-api="/api/v1/media/540704">dieses Hochlandrind ist eine aktive Landschaftspflegerin, es lebt in Behrensdorf an der Ostsee im Naturschutzgebiet "Kleiner Binnensee"</a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-540704" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/ON5duZC2j994bkcpvz0yKpyVDY0=/1200x/0/540/540704.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/540704" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="540704" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="540704" data-src="https://media.pixelio.de/_e0t4gQ6kw-shK_T0MVPINHTktc=/750x/0/540/540704.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-540704" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-540704" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/l6y3fHFQJ4Y5agDJNi69ErsUpP0=/1296x/0/540/540704.jpg"
data-url="https://pixelio.net/de/media/540704-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">540704</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="540704" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-540704" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-540704" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-540704" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-540704" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-540704" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
540704,
12,
{
sectionId: 'helix-related-photos-540704',
gridId: 'helix-related-grid-540704',
loadMoreId: 'load-more-related-btn-540704',
templateId: 'related-item-template-540704'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 0,7496871088861077">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/TAtul_G1Fqa6D0kx4PK2cALhAmk=/600x/0/550/550784.jpg"
alt="Pyramideneiche steht kopf..."
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/550784-pyramideneiche-steht-kopf">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-550784" data-pageurl="/de/media/550784-pyramideneiche-steht-kopf" data-api="/api/v1/media/550784"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/393/657/avatar.jpg" alt="Erika Hartmann" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@~u393657">Erika Hartmann</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/550784" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="550784" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="550784" data-src="https://media.pixelio.de/2ezGE9_wvfue0gMeNfzUWLD8lqs=/750x/0/550/550784.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-550784" data-pageurl="/de/media/550784-pyramideneiche-steht-kopf" data-api="/api/v1/media/550784"></a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-550784" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/FhTaLQdSINi5DbpPKrj4CVQDQ1c=/1200x/0/550/550784.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/550784" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="550784" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="550784" data-src="https://media.pixelio.de/2ezGE9_wvfue0gMeNfzUWLD8lqs=/750x/0/550/550784.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-550784" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-550784" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/XqiXNxUI945F9tOCoWuTmJJd_bI=/1296x/0/550/550784.jpg"
data-url="https://pixelio.net/de/media/550784-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">550784</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="550784" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-550784" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-550784" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-550784" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-550784" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-550784" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
550784,
12,
{
sectionId: 'helix-related-photos-550784',
gridId: 'helix-related-grid-550784',
loadMoreId: 'load-more-related-btn-550784',
templateId: 'related-item-template-550784'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 1,5">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/CTwazhKMy-mc6WsZe6CRlvuTf1M=/600x/0/759/759804.jpg"
alt="Feuerwehr: Atemluftflaschen"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/759804-feuerwehr-atemluftflaschen">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-759804" data-pageurl="/de/media/759804-feuerwehr-atemluftflaschen" data-api="/api/v1/media/759804"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/035/264/avatar.jpg" alt="Kenny" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@Kenny">Kenny</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/759804" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="759804" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="759804" data-src="https://media.pixelio.de/UEk6bHg22hcKe8kKflEnNpqbJrI=/750x/0/759/759804.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-759804" data-pageurl="/de/media/759804-feuerwehr-atemluftflaschen" data-api="/api/v1/media/759804"></a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-759804" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/NGYVIzZR5QobePXNCsbta5zSoVk=/1200x/0/759/759804.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/759804" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="759804" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="759804" data-src="https://media.pixelio.de/UEk6bHg22hcKe8kKflEnNpqbJrI=/750x/0/759/759804.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-759804" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-759804" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/7DgkBWpAoy30E6fXdfpIE9pJuio=/1296x/0/759/759804.jpg"
data-url="https://pixelio.net/de/media/759804-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">759804</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="759804" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-759804" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-759804" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-759804" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-759804" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-759804" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
759804,
12,
{
sectionId: 'helix-related-photos-759804',
gridId: 'helix-related-grid-759804',
loadMoreId: 'load-more-related-btn-759804',
templateId: 'related-item-template-759804'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 1,7777777777777777">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/ZHDwSqG2yqyi8K59WoTnBAyJCxc=/600x/0/789/789690.jpg"
alt="Klagenfurt mit Lindwurmbrunnen"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/789690-klagenfurt-mit-lindwurmbrunnen">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-789690" data-pageurl="/de/media/789690-klagenfurt-mit-lindwurmbrunnen" data-api="/api/v1/media/789690"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/113/377/avatar.jpg" alt="Otmar" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@Otmar">Otmar</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/789690" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="789690" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="789690" data-src="https://media.pixelio.de/oUfxpPy7HQA-KqhQyAkAHevq9SQ=/750x/0/789/789690.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-789690" data-pageurl="/de/media/789690-klagenfurt-mit-lindwurmbrunnen" data-api="/api/v1/media/789690"></a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-789690" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/OsT1rGqnZIiIcIEXVrPm2zqGLCU=/1200x/0/789/789690.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/789690" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="789690" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="789690" data-src="https://media.pixelio.de/oUfxpPy7HQA-KqhQyAkAHevq9SQ=/750x/0/789/789690.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-789690" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-789690" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/F2Dma06j36yS_Z6Kc6xPkYQ0ko0=/1296x/0/789/789690.jpg"
data-url="https://pixelio.net/de/media/789690-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">789690</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="789690" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-789690" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-789690" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-789690" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-789690" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-789690" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
789690,
12,
{
sectionId: 'helix-related-photos-789690',
gridId: 'helix-related-grid-789690',
loadMoreId: 'load-more-related-btn-789690',
templateId: 'related-item-template-789690'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 1,4993252361673415">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/lX27Sxr3TOG62zAq5iqnGLKHrpM=/600x/0/843/843470.jpg"
alt="Konservenmaterial Cannon EOS 30D"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/843470-konservenmaterial-cannon-eos-30d">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-843470" data-pageurl="/de/media/843470-konservenmaterial-cannon-eos-30d" data-api="/api/v1/media/843470"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/163/215/avatar.jpg" alt="Peashooter" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@Peashooter">Peashooter</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/843470" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="843470" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="843470" data-src="https://media.pixelio.de/A1ZL-i1Vpv3VvI4ygto7qsGRz70=/750x/0/843/843470.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-843470" data-pageurl="/de/media/843470-konservenmaterial-cannon-eos-30d" data-api="/api/v1/media/843470">Wasseramsel Anno 2009 
hab mal in meinen alten Ordnern rumgestöbert</a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-843470" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/r8YKPCF_-GQApUMtZML1pYl595M=/1200x/0/843/843470.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/843470" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="843470" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="843470" data-src="https://media.pixelio.de/A1ZL-i1Vpv3VvI4ygto7qsGRz70=/750x/0/843/843470.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-843470" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-843470" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/DoS0kcoTEumlVu83k9jIG5XZbj4=/1296x/0/843/843470.jpg"
data-url="https://pixelio.net/de/media/843470-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">843470</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="843470" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-843470" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-843470" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-843470" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-843470" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-843470" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
843470,
12,
{
sectionId: 'helix-related-photos-843470',
gridId: 'helix-related-grid-843470',
loadMoreId: 'load-more-related-btn-843470',
templateId: 'related-item-template-843470'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="aspect-ratio: 0,6664785553047404">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/_zL1WIJ4QoEAxP5GG65S-I_4y2I=/600x/0/141/141302.jpg"
alt="Kaiserkrone"
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/141302-kaiserkrone">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-141302" data-pageurl="/de/media/141302-kaiserkrone" data-api="/api/v1/media/141302"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/041/237/avatar.jpg" alt="Andrimarc" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@Andrimarc">Andrimarc</a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/141302" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="141302" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="141302" data-src="https://media.pixelio.de/0YrOVcJPqMW3Cx-OQ1MdHrqmcHg=/750x/0/141/141302.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-141302" data-pageurl="/de/media/141302-kaiserkrone" data-api="/api/v1/media/141302">Kaiserkrone des Heiligen Römischen Reiches (um 962) in der Hofburg in Wien</a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-141302" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/o54llmnAAKVQf1qj1iSM85anJYw=/1200x/0/141/141302.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/141302" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="141302" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="141302" data-src="https://media.pixelio.de/0YrOVcJPqMW3Cx-OQ1MdHrqmcHg=/750x/0/141/141302.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-141302" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-141302" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/bOnaGy1mIZPqPVXWYvdZIS-_HVA=/1296x/0/141/141302.jpg"
data-url="https://pixelio.net/de/media/141302-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">141302</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="141302" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-related-photos-141302" class="helix-search-result-popup-box helix-related-photos pt-35 sm-pt-25 pb-25 sm-pb-15" data-tpl-skip data-tpl-value="id:id|prepend:helix-related-photos-">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Bilder</h2>
</div>
</div>
</div>
<div class="row random-photos-area">
<div class="col-md-12">
<div class="random-photos-isotope">
<div id="helix-related-popup-box-141302" class="helix-isotope-popup-box" data-tpl-value="id:id|prepend:helix-related-popup-box-">
<div class="helix-isotope-popup-box-items helix-popup-gallery grid" id="helix-related-grid-141302" data-type="inline" data-gallery="true" data-delegate=".helix-isotope-popup-box-popup" data-tpl-value="id:id|prepend:helix-related-grid-">
<div class="grid-sizer"></div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-related-btn-141302" class="btn btn-primary" style="display: none;" data-tpl-value="id:id|prepend:load-more-related-btn-">Mehr laden…</button>
</div>
</section>
<template id="related-item-template-141302" data-tpl-value="id:id|prepend:related-item-template-">
<div class="grid-item">
<div class="helix-isotope-popup-box-item" style="" data-tpl-value="style:aspectRatio">
<div class="helix-isotope-popup-box-overlay-wrapper clearfix">
<img class="helix-isotope-popup-box-img" data-tpl-value="src:previewUrl alt:name" src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg" alt="" />
<div class="helix-isotope-popup-box-overlay">
<div class="sp-vertical-middle">
<a href="/de/media/0-" data-tpl-value="href:pageUrl|prepend:/de">
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-popup-box-author">
<div class="helix-isotope-popup-box-author-img"><img class="avatar" data-tpl-value="src:avatarUrl alt:username" src="/attachments/000/000/000/avatar.jpg" alt="" onerror="this.src='/images/avatar.svg'"></div>
<div class="helix-isotope-popup-box-author-name"><a data-tpl-value="content:username href:userUri|prepend:/de" href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-popup-box-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download popular-photos-item-download-icon"></span></div>
</div>
<div class="helix-isotope-popup-box-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
<script src="/js/masonry.pkgd.min.js"></script>
<script type="module">
import { initRelatedMedia } from '/js/pages/media.js';
initRelatedMedia(
false,
141302,
12,
{
sectionId: 'helix-related-photos-141302',
gridId: 'helix-related-grid-141302',
loadMoreId: 'load-more-related-btn-141302',
templateId: 'related-item-template-141302'
}
);
</script>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4 mb-4">
<button id="load-more-btn" class="btn btn-primary" style="display: none;">Mehr laden…</button>
</div>
</div>
<template id="result-item-template">
<div class="grid-item">
<div class="helix-isotope-item masonry-item" data-groups="" style="">
<div class="helix-isotope-overlay-wrapper clearfix">
<img class="helix-isotope-img view-previewurl"
src="https://media.pixelio.de/PUHeTvZBig33klFriolWoeNrzRo=/600x/0/000/0.jpg"
alt=""
data-tpl-value="src:previewUrl alt:name" />
<div class="helix-isotope-overlay">
<div class="sp-vertical-middle">
<div class="view-detail">
<a href="/de/media/0-">
<div class="helix-isotope-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
</a>
<div class="helix-isotope-author">
<div class="helix-isotope-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar view-avatarurl lazy-img" loading="lazy" data-tpl-value="src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'">
</div>
</div>
<div class="helix-isotope-author-name view-username" data-tpl-value="content:username"><a href="/de/@~u0"></a></div>
</div>
<div class="helix-isotope-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false"><span class="fas fa-download helix-isotope-download-icon"></span></div>
</div>
<div class="helix-isotope-like">
<a class="btn btn-primary do-like " data-media-id="0" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart helix-isotope-like-icon"></span></a>
</div>
<div class="popular-photos-item-collection">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-item-collection-icon"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="helix-isotope-info d-none">
<h4 class="helix-isotope-title">
<a class="helix-isotope-popup2 view-description" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></a>
</h4>
<div class="helix-isotope-tags">Person</div>
</div>
</div>
<div data-tpl-value="id:id|prepend:media-popup-" id="media-popup-0" class="popup-box bg-white mfp-hide">
<div class="popup-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-tpl-value="src:largePreviewUrl data-src:largePreviewUrl alt:name" data-src="https://media.pixelio.de/F9fnwOCgj2VaFqUvxBRUkng7rw8=/1200x/0/000/0.jpg" alt="" />
</div>
</div>
<div class="popup-author">
<div class="popup-author-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="avatar lazy-img" loading="lazy" data-tpl-value="src:avatarUrl data-src:avatarUrl alt:username" data-src="/attachments/000/000/000/avatar.jpg" alt="" width="40" height="40" data-error-src="/images/avatar.svg" onerror="this.data-src='/images/avatar.svg'" />
</div>
</div>
<div class="popup-author-name"><a data-tpl-value="href:userUri|prepend:/de content:username" class="view-username" href="/de/@~u0"></a></div>
</div>
<div class="popup-buttons">
<div class="popular-photos-download">
<div class="btn btn-primary view-download" data-tpl-value="href:downloadUrl" data-href="/api/v1/download/0" data-authenticated="false" title="Download"><span class="fas fa-download popular-photos-btn"></span></div>
</div>
<div class="popular-photos-like">
<a class="btn btn-primary do-like " data-media-id="0" title="Like" data-tpl-value="data-media-id:id" data-authenticated="false"><span class="fas fa-heart popular-photos-btn popular-photos-item-like-icon"></span></a>
</div>
<div class="popular-photos-comment">
<a class="btn btn-primary add-to-collection open-helix-popup" data-target="#collectionPopup" data-id="0" data-src="https://media.pixelio.de/_AmoC_AueQV7UpnTRgl1FwSmr2I=/750x/0/000/0.jpg" title="Add to Collection" data-tpl-value="data-id:id data-src:previewUrl" data-authenticated="false"><span class="fas fa-plus popular-photos-btn"></span></a>
</div>
<div id="popular-photos-share-0" class="popular-photos-like popular-photos-share" data-tpl-value="id:id|prepend:popular-photos-share-">
<a href="javascript://" class="btn btn-primary" title="Share"><span class="fas fa-share popular-photos-btn"></span></a>
<div id="social-share-0" class="social-share"
data-title=""
data-desc=""
data-img="https://media.pixelio.de/BAvJ8SHx1B3in6U_IPjDqnnEaJo=/1296x/0/000/0.jpg"
data-url="https://pixelio.net/de/media/0-"
data-tpl-value="id:id|prepend:social-share- data-url:pageUrl|prepend:https://pixelio.net/de">
<ul>
<li>
<a href="javascript://" class="share-facebook" target="_blank">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="javascript://" class="share-twitter" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="javascript://" class="share-linkedin" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="javascript://" class="share-reddit" target="_blank">
<i class="fab fa-reddit"></i> Reddit
</a>
</li>
<li>
<a href="javascript://" class="share-pinterest" target="_blank">
<i class="fab fa-pinterest"></i> Pinterest
</a>
</li>
<li>
<a href="javascript://" class="share-whatsapp" target="_blank">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</li>
<li>
<a href="javascript://" class="share-email" target="_blank">
<i class="fas fa-envelope"></i> Email
</a>
</li>
<li>
<a href="javascript://" class="share-telegram" target="_blank">
<i class="fab fa-telegram"></i> Telegram
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="popup-content">
<div class="popup-content-text">
<h3 data-tpl-value="content:name"></h3>
<p data-tpl-value="content:description"></p>
</div>
<section id="helix-image-details" class="helix-image-details pt-50 sm-pt-40 pb-25 sm-pb-15">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-18 sm-mb-3">
<h2>Image Details</h2>
</div>
</div>
</div>
<div class="row image-details-area">
<div class="col-md-9">
<div class="row">
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bild ID</h4></div>
<div class="image-details-item-value"><span class="fa fa-hashtag"></span> <px-tpl data-tpl-value="content:id">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Fotograf</h4></div>
<div class="image-details-item-value"><span class="fas fa-user"></span> <px-tpl data-tpl-value="content:creator"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Downloads</h4></div>
<div class="image-details-item-value"><span class="fa fa-download"></span> <px-tpl data-tpl-value="content:downloads|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Aufrufe</h4></div>
<div class="image-details-item-value"><span class="fa fa-eye"></span> <px-tpl data-tpl-value="content:views|numf">0</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Upload-Datum</h4></div>
<div class="image-details-item-value"><span class="fa fa-calendar-alt"></span> <px-tpl data-tpl-value="content:activatedDate|datef:de-DE:datetime">01.01.0001 00:00</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Kategorie</h4></div>
<div class="image-details-item-value"><span class="fa fa-book"></span> <px-tpl data-tpl-value="content:category"></px-tpl></div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Auflösung</h4></div>
<div class="image-details-item-value"><span class="fa fa-tags"></span> <px-tpl data-tpl-value="content:width|numf">0</px-tpl>px * <px-tpl data-tpl-value="content:height|numf">0</px-tpl>px</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 pt-12 pb-12">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Bildgröße</h4></div>
<div class="image-details-item-value"><span class="fa fa-cloud"></span> <px-tpl data-tpl-value="content:size|numf|append: KB">0 KB</px-tpl></div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 pt-12 pb-12" style="width: 100%;">
<div class="image-details-item">
<div class="image-details-item-content">
<div class="image-details-item-title"><h4>Lizenztyp</h4></div>
<div class="image-details-item-value"><span class="fa fa-shield-alt"></span> <a target="_blank" href="" data-tpl-value="content:licenseName href:licenseUrl|prepend:/de"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="image-details-exif-info mt-12 pl-30">
<button class="exif-open-btn btn-primary" data-media-id="0" data-tpl-value="data-media-id:id"><span class="fa fa-list"></span> EXIF</button>
<div class="exif-info-area card image-details-exif-content">
<h5 class="card-header">EXIF <button id="exif-close-btn" class="exif-close-btn btn-primary">×</button></h5>
<div class="card-body">
<div class="exif-info-item mb-6"><label class="exif-info-label">Kamerahersteller </label> <span class="exif-info-value" data-tpl-value="content:exifCameraBrand"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Kameramodell </label> <span class="exif-info-value" data-tpl-value="content:exifCameraModel"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Ausrichtung </label> <span class="exif-info-value" data-tpl-value="content:exifOrientation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsdauer </label> <span class="exif-info-value" data-tpl-value="content:exifExposureTime"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blende </label> <span class="exif-info-value" data-tpl-value="content:exifAperture"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">ISO Empfindlichkeit </label> <span class="exif-info-value" data-tpl-value="content:exifIso"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungskorrektur </label> <span class="exif-info-value" data-tpl-value="content:exifExposureCompensation"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Belichtungsmodus </label> <span class="exif-info-value" data-tpl-value="content:exifExposureMode"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Blitz </label> <span class="exif-info-value" data-tpl-value="content:exifFlash"></span></div>
<div class="exif-info-item mb-6"><label class="exif-info-label">Brennweite </label> <span class="exif-info-value" data-tpl-value="content:exifFocalLength"></span></div>
<div class="exif-info-item"><label class="exif-info-label">Farbraum </label> <span class="exif-info-value" data-tpl-value="content:exifColorSpace"></span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-tag-cloud" class="helix-tags pt-35 sm-pt-25 pb-35 sm-pb-25">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-30 sm-mb-15">
<h2>Ähnliche Tags</h2>
</div>
</div>
</div>
<div class="row tag-cloud-area">
<div class="col-md-12">
<div class="tag-cloud">
<ul class="tag-cloud-items">
<li class="tag-cloud-item" data-tpl-loop="keywords"><a href="" data-tpl-value="href:item|prepend:/de/search?q= content:item"></a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
</div>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
initLazyImages();
</script>
</div>
</template>
</section>
<section id="helix-tags" class="helix-tags pt-120 sm-pt-60 pb-120 sm-pb-60">
<div class="container-fluid">
<div class="row tags-area">
<div class="tag-scroller" data-speed="70000" data-direction="left" data-hover-pause="false">
<ul class="tag-scroller-items" id="tag-scroller-items">
<li class="tag-scroller-item"><a href="/de/search?catId=11">Architektur</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=210">Berufe & Branchen</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=90">Bilderrätsel</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=15">Essen & Trinken</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=13">Fahrzeuge & Verkehr</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=222">Finanzen & Börse</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=25">Freestyle</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=271">Grafik & Illustrationen</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=270">KI generiert</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=7">Kunst & Kultur</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=5">Landschaft & Natur</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=14">Medien</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=12">Menschen</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=10">Objekte</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=6">Sport</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=272">Tattoos</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=9">Technik</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=8">Tiere</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=247">Wellness & Beauty</a></li>
</ul>
</div>
<div class="tag-scroller" data-speed="70000" data-direction="right" data-hover-pause="false">
<ul class="tag-scroller-items" id="tag-scroller-items">
<li class="tag-scroller-item"><a href="/de/search?catId=11">Architektur</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=210">Berufe & Branchen</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=90">Bilderrätsel</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=15">Essen & Trinken</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=13">Fahrzeuge & Verkehr</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=222">Finanzen & Börse</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=25">Freestyle</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=271">Grafik & Illustrationen</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=270">KI generiert</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=7">Kunst & Kultur</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=5">Landschaft & Natur</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=14">Medien</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=12">Menschen</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=10">Objekte</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=6">Sport</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=272">Tattoos</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=9">Technik</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=8">Tiere</a></li>
<li class="tag-scroller-item"><a href="/de/search?catId=247">Wellness & Beauty</a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="helix-featured-photos" class="helix-featured-photos pb-70 sm-pb-30">
<div class="container">
<div class="row featured-photos-area">
<div class="col-md-12">
<div class="row featured-item">
<div class="col-md-6 col-sm-6 p-0">
<div class="featured-item-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-src="https://media.pixelio.de/L_cI2fNa_o-wVPuhPEMWykATw8g=/660x660/0/844/844245.jpg" alt="Bratort-statt Tatort!" />
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 p-0">
<div class="featured-item-content gray-bg pt-120 pr-120 pb-120 pl-120">
<div class="section-title mb-30 sm-mb-15">
<h3>Neu enthüllt</h3>
<h2>Neue Bilder</h2>
</div>
<div class="featured-item-text mb-40 sm-mb-15"><p>pixelio.de setzt auf neue kreative Bildwelten - eine frische Alternative zur Mainstream-Bilderflut.</p></div>
<div class="featured-item-btn"><a class="btn btn-outline-primary btn-lg" href="/de/search">Bilder <span class="fa fa-long-arrow-alt-right"></span></a></div>
</div>
</div>
</div>
<div class="row featured-item">
<div class="col-md-6 col-sm-6 p-0">
<div class="featured-item-content gray-bg pt-120 pr-120 pb-120 pl-120">
<div class="section-title mb-30 sm-mb-15">
<h3>Geld in Szene</h3>
<h2>Am beliebtesten</h2>
</div>
<div class="featured-item-text mb-40 sm-mb-15"><p>Klare Bilder für komplexe Themen.</p></div>
<div class="featured-item-btn"><a class="btn btn-outline-primary btn-lg" href="/de/search?catId=222&sort=Popular">Trending <span class="fa fa-long-arrow-alt-right"></span></a></div>
</div>
</div>
<div class="col-md-6 col-sm-6 p-0">
<div class="featured-item-img">
<div class="lazy-img-wrapper">
<div class="skeleton-block skeleton-effect-fade"></div>
<img class="lazy-img" loading="lazy" data-src="https://media.pixelio.de/d-45hU_56XlIPVIPMuR-fQPYHIQ=/660x660/0/576/576891.jpg" alt="An der Tanke" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-faq" class="helix-faq pt-60 sm-pt-30 pb-130 sm-pb-60">
<div class="container">
<div class="row section-title-area">
<div class="col-md-12">
<div class="section-title mb-70 sm-mb-40">
<h3>Get Help</h3>
<h2>Frequently Asked Questions</h2>
</div>
</div>
</div>
<div class="row faq-area">
<div class="col-md-12">
<div class="accordion" data-multiple-open="true" data-keep-open="true" data-open-item="3" data-speed="300" data-icons='["fa-plus","fa-minus"]'>
<div class="row">
<div class="col-md-6">
<div class="accordion-item">
<div class="accordion-header" data-target="#content1">Are the images really free? <i class="fa fa-plus"></i></div>
<div class="accordion-content" id="content1">
Yes, the images are free, but the usage depends on the image license. Photographers can select 3 types of license to share their photos
</div>
</div>
<div class="accordion-item">
<div class="accordion-header" data-target="#content2">Can I upload other photos than my own? <i class="fa fa-plus"></i></div>
<div class="accordion-content" id="content2">
Yes, the images are free, but the usage depends on the image license. Photographers can select 3 types of license to share their photos
</div>
</div>
<div class="accordion-item">
<div class="accordion-header" data-target="#content3">What format are the files in? <i class="fa fa-plus"></i></div>
<div class="accordion-content" id="content3">
Yes, the images are free, but the usage depends on the image license. Photographers can select 3 types of license to share their photos.
</div>
</div>
</div>
<div class="col-md-6">
<div class="accordion-item">
<div class="accordion-header" data-target="#content4">Can I sell my photos on pixelio? <i class="fa fa-plus"></i></div>
<div class="accordion-content" id="content4">
Yes, the images are free, but the usage depends on the image license. Photographers can select 3 types of license to share their photos
</div>
</div>
<div class="accordion-item">
<div class="accordion-header" data-target="#content5">How can I support this site? <i class="fa fa-plus"></i></div>
<div class="accordion-content" id="content5">
Yes, the images are free, but the usage depends on the image license. Photographers can select 3 types of license to share their photos
</div>
</div>
<div class="accordion-item">
<div class="accordion-header" data-target="#content6">How do I add/change my profile picture? <i class="fa fa-plus"></i></div>
<div class="accordion-content" id="content6">
Yes, the images are free, but the usage depends on the image license. Photographers can select 3 types of license to share their photos
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-cta" class="helix-cta parallax sm-pt-150 sm-pb-150" data-parallax-bg="/images/cta/1.jpg" data-parallax-effect="true" data-parallax-speed="0.7" data-overlay="true" data-overlay-opacity="0.25" data-gradiant-angle="0" data-gradiant-color-primary="#000000" data-gradiant-color-secondary="#000000">
<div class="container">
<div class="row cta-area">
<div class="col-md-12">
<!-- <div class="cta-img">
<img src="images/cta/1.jpg" alt="Modern interior with coffee table and chair. Wall mock up. 3d illustration">
</div> -->
<div class="cta-content">
<div class="cta-title mb-45 sm-mb-30"><h2>Explore Unlimited Popular Pixelio <br/>Collections</h2></div>
<div class="cta-btn"><a class="btn btn-outline-primary btn-lg" href="javascript://" data-bs-target="#loginModalToggle" data-bs-toggle="modal">Start Now</a></div>
</div>
</div>
</div>
</div>
</section>
<section id="helix-caption" class="helix-caption">
<div class="container-fluid">
<div class="row caption-area">
<div class="col-md-12">
<div class="caption-title">
<h4>Ready to take your skills to the next level? <a href="javascript://" data-bs-target="#signupModalToggle" data-bs-toggle="modal">Sign up or subscribe</a></h4>
</div>
</div>
</div>
</div>
</section>
<script src="/js/pages/home-index.js?v=Ul5ZMXv_yD1YnH-MUvOF6MnXYUs"></script>
<script src="/js/masonry.pkgd.min.js?v=BDN7uglPCHOBNVvThjMHd-t4DQk"></script>
<script type="module">
import { initLazyImages } from '/js/utils/lazy-images.js';
import { initRandomLoadMore } from '/js/pages/home-random.js';
initLazyImages();
const authenticated = false;
const parameters = {};
initRandomLoadMore(authenticated, parameters);
</script>
</main>
<footer b-06ftoue25o id="helix-footer" class="helix-footer">
<section b-06ftoue25o id="helix-partners" class="helix-partners">
<div b-06ftoue25o class="container">
<div b-06ftoue25o class="row">
<div b-06ftoue25o class="col-12">
<h4 b-06ftoue25o class="partners-title">Business Partners</h4>
</div>
</div>
<div b-06ftoue25o class="row">
<div b-06ftoue25o class="col-12">
<div b-06ftoue25o class="partner-text-links" aria-hidden="true"></div>
</div>
</div>
<div b-06ftoue25o class="partners-divider"></div>
<div b-06ftoue25o class="row partners-logo-grid">
<div b-06ftoue25o class="col-6 col-lg-3 partners-logo-item">
<a b-06ftoue25o class="partner-logo-link" href="https://www.fobotogo.de/?aff=pixelio" target="_blank" rel="noopener noreferrer">
<img b-06ftoue25o src="/images/partners/fotobox-500x500-1.png" alt="fobotogo logo">
</a>
</div>
<div b-06ftoue25o class="col-6 col-lg-3 partners-logo-item">
<a b-06ftoue25o class="partner-logo-link" href="https://www.030-datenrettung.de/" target="_blank" rel="noopener noreferrer">
<img b-06ftoue25o src="/images/partners/030-datenrettung-logo-500-1.png" alt="fobotogo logo">
</a>
</div>
</div>
<div b-06ftoue25o class="partners-divider"></div>
<div b-06ftoue25o class="row partner-highlight align-items-start">
<div b-06ftoue25o class="col-6 col-lg-2 partner-highlight-logo">
<a b-06ftoue25o class="partner-logo-link" href="http://www.virtual-world.de/" target="_blank" rel="noopener noreferrer">
<img b-06ftoue25o src="/images/partners/virtual-world-500x500-1.png" alt="Virtual World logo">
</a>
</div>
<div b-06ftoue25o class="col-6 col-lg-2 partner-highlight-copy">
<a b-06ftoue25o class="partner-highlight-title" href="http://www.virtual-world.de/" target="_blank" rel="noopener noreferrer">CyberRisikoCheck</a>
<p b-06ftoue25o>
Das Internet wird ein zunehmend unsicherer Ort.<br b-06ftoue25o />
Schützen Sie sich jetzt: CyberRisikoCheck!
</p>
</div>
</div>
</div>
</section>
<div b-06ftoue25o id="helix-bottom" class="helix-bottom">
<div b-06ftoue25o class="container">
<div b-06ftoue25o class="row bottom-area">
<div b-06ftoue25o class="col-md-3">
<div b-06ftoue25o class="bottom-1">
<div b-06ftoue25o class="bottom-content">
<div b-06ftoue25o class="bottom-logo">
<a b-06ftoue25o href="javascript://"><img b-06ftoue25o src="/images/logo.png" alt="Pixelio.de"></a>
</div>
</div>
</div>
</div>
<div b-06ftoue25o class="col-md-3 col-sm-6">
<div b-06ftoue25o class="bottom-2">
<div b-06ftoue25o class="bottom-title">
<h5 b-06ftoue25o>Info</h5>
</div>
<div b-06ftoue25o class="bottom-content">
<div b-06ftoue25o class="bottom-menu">
<ul b-06ftoue25o class="navbar-nav">
<li b-06ftoue25o class="nav-item">
<a b-06ftoue25o href="/de/privacy" class="nav-link">Datenschutz</a>
</li>
<li b-06ftoue25o class="nav-item">
<a b-06ftoue25o href="/de/cookie-settings" class="nav-link">Cookie Einstellungen</a>
</li>
<li b-06ftoue25o class="nav-item">
<a b-06ftoue25o href="/de/imprint" class="nav-link">Impressum</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div b-06ftoue25o class="col-md-3 col-sm-6">
<div b-06ftoue25o class="bottom-3">
<div b-06ftoue25o class="bottom-title">
<h5 b-06ftoue25o>Recht</h5>
</div>
<div b-06ftoue25o class="bottom-content">
<div b-06ftoue25o class="bottom-social">
<ul b-06ftoue25o class="navbar-nav">
<li b-06ftoue25o class="nav-item">
<a b-06ftoue25o href="/de/terms" class="nav-link">Nutzungsbedingungen</a>
</li>
<li b-06ftoue25o class="nav-item">
<a b-06ftoue25o href="/de/license-editorial-only" class="nav-link">Lizenz redaktionell</a>
</li>
<li b-06ftoue25o class="nav-item">
<a b-06ftoue25o href="/de/license-editorial-commercial" class="nav-link">Lizenz kommerziell</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div b-06ftoue25o class="col-md-3 col-sm-6">
<div b-06ftoue25o class="bottom-4">
<div b-06ftoue25o class="bottom-title">
<h5 b-06ftoue25o>Social Media</h5>
</div>
<div b-06ftoue25o class="bottom-content">
<div b-06ftoue25o class="bottom-social">
<ul b-06ftoue25o class="navbar-nav">
<li b-06ftoue25o class="nav-item">
<a b-06ftoue25o href="https://www.linkedin.com/company/pixelio-visuals" class="nav-link" target="_blank" rel="nofollow">LinkedIn</a>
</li>
<li b-06ftoue25o class="nav-item">
<a b-06ftoue25o href="https://www.facebook.com/pixelio.net" class="nav-link" target="_blank" rel="nofollow">Facebook</a>
</li>
<li b-06ftoue25o class="nav-item">
<a b-06ftoue25o href="https://www.instagram.com/pixelio_visuals/" class="nav-link" target="_blank" rel="nofollow">Instagram</a>
</li>
<li b-06ftoue25o class="nav-item">
<a b-06ftoue25o href="https://www.youtube.com/@pixelio_visuals" class="nav-link" target="_blank" rel="nofollow">YouTube</a>
</li>
<li b-06ftoue25o class="nav-item">
<a b-06ftoue25o href="https://de.pinterest.com/pixeliomedia/" class="nav-link" target="_blank" rel="nofollow">Pinterest</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div b-06ftoue25o id="helix-copyright" class="helix-copyright">
<div b-06ftoue25o class="container">
<div b-06ftoue25o class="row copyright-area">
<div b-06ftoue25o class="col-md-12">
<div b-06ftoue25o class="copyright">
<p b-06ftoue25o>Pixelio © 2003–2026, All Rights Reserved.</p>
</div>
</div>
</div>
</div>
</div>
</footer>
<div class="modal fade" id="loginModalToggle" aria-hidden="true" aria-labelledby="loginModalToggleLabel" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content login-form">
<div class="modal-header">
<h2 class="modal-title">Login</h2>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form action="/login" method="POST">
<input name="xsrf-token" type="hidden" value="CfDJ8B38X5USg-pAocAEG350HzF_O9SF6g-S7Fes2ck3FsdmpK0cOiaA5VLgqbTfMqbCE9SYWovYsTxO3iC3kwiqMoATLd9AVDyiZrnNdD4uH-8A_97OPWAGYWsFrnysmeOq9HHPV-7a1gnLjU3l5qcATfE" />
<div class="mb-3">
<label for="email2" class="form-label">Email oder Nutzername</label>
<input type="text" class="form-control" id="email2" name="username" required placeholder="E-mail oder Nutzernamen eingeben">
</div>
<div class="mb-3">
<label for="password2" class="form-label">Kennwort</label>
<input type="password" class="form-control" id="password2" name="password" required placeholder="Kennwort">
</div>
<div class="d-grid">
<div id="login-captcha"></div>
<input type="hidden" id="login-captcha-response" name="captcha" />
<button type="submit" class="btn btn-primary btn-block">
<span class="icon-login"></span>Login
</button>
</div>
<div class="mt-3 mb-15">
<a href="javascript://" data-bs-target="#passwordResetModalToggle" data-bs-toggle="modal">Kennwort vergessen</a>
</div>
</form>
<a href="javascript://" class="btn-link" data-bs-target="#signupModalToggle" data-bs-toggle="modal">
<span class="icon-logout"></span>Registrieren
</a>
<div id="loginError" style="display: none; margin-top: 20px;">
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="passwordResetModalToggle" aria-hidden="true" aria-labelledby="passwordResetModalToggleLabel" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content login-form">
<div class="modal-header">
<h2 class="modal-title">Passwort zurücksetzen</h2>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form id="resetpassword-form">
<div class="mb-3">
<label for="email3" class="form-label">E-mail Adresse</label>
<input type="email" name="email" class="form-control" id="email3" required placeholder="E-mail Adresse eingeben">
</div>
<div class="d-grid">
<div id="resetpassword-captcha"></div>
<input type="hidden" id="resetpassword-captcha-response" name="captcha" />
<button type="submit" class="btn btn-primary btn-block">
<span class="icon-login"></span>Absenden
</button>
</div>
</form>
<div class="mt-10">
<p class="text-left">Hast Du bereits ein Konto? <a href="javascript://" data-bs-target="#loginModalToggle" data-bs-toggle="modal">Login</a></p>
</div>
<div id="passwordResetStatus" style="display: none; margin-top: 20px;">
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="signupModalToggle" aria-hidden="true" aria-labelledby="signupModalToggleLabel"
tabindex="-1">
<div class="modal-dialog modal-dialog-centered modal-signup-form">
<div class="modal-content signup-form">
<div class="modal-header">
<h2 class="modal-title">Registrieren</h2>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form>
<div class="card user-data mb-30">
<h5 class="card-header">Nutzerdaten</h5>
<div class="card-body">
<div class="mb-8">
<label for="firstname" class="form-label required">Vorname</label><input type="text" class="form-control" id="firstname" name="firstname" placeholder="Vorname eingeben" required>
<div data-error="firstname" class="form-error"></div>
</div>
<div class="mb-8">
<label for="lastname" class="form-label required">Nachname</label><input type="text" class="form-control" id="lastname" name="lastname" placeholder="Nachname eingeben" required>
<div data-error="lastname" class="form-error"></div>
</div>
<div class="mb-8">
<label for="username" class="form-label required">Nutzername</label><input type="text" class="form-control" id="username" name="username" placeholder="Nutzernamen eingeben" required>
<div data-error="username" class="form-error"></div>
</div>
<div class="mb-8">
<label for="email" class="form-label required">E-mail</label><input type="email" class="form-control" id="email" name="email" placeholder="E-Mail eingeben" required>
<div data-error="email" class="form-error"></div>
</div>
<div class="mb-8">
<label for="password" class="form-label required">Kennwort</label><input type="password" class="form-control" id="password" name="password" placeholder="Kennwort eingeben" required>
<div data-error="password" class="form-error"></div>
</div>
<div class="mb-8">
<label for="confirmPassword" class="form-label required">Kennwort Bestätigen</label><input type="password" class="form-control" id="confirmPassword" name="passwordconfirm" placeholder="Kennwort bestätigen" required>
<div data-error="passwordconfirm" class="form-error"></div>
</div>
<div class="mb-8">
<label for="birthday" class="form-label required">Geburtstag</label><input type="date" class="form-control" id="birthday" name="birthday" placeholder="Geburtstag eingeben" required>
<div data-error="birthday" class="form-error"></div>
</div>
</div>
</div>
<div class="card account-details mb-30">
<h5 class="card-header">Kontodetails</h5>
<div class="card-body">
<div class="mb-8">
<label for="company" class="form-label">Firma</label><input type="text" class="form-control" id="company" name="company" placeholder="Firma eingeben">
<div data-error="company" class="form-error"></div>
</div>
<div class="mb-8">
<label for="street" class="form-label required">Strasse, Nr.</label><input type="text" class="form-control" id="street" name="street" placeholder="Adresse eingeben" required>
<div data-error="street" class="form-error"></div>
</div>
<div class="mb-8">
<label for="zip" class="form-label required">PLZ</label><input type="text" class="form-control" id="zip" name="zip" placeholder="PLZ eingeben" required>
<div data-error="zip" class="form-error"></div>
</div>
<div class="mb-8">
<label for="city" class="form-label required">Ort</label><input type="text" class="form-control" id="city" name="city" placeholder="Ort eingeben" required>
<div data-error="city" class="form-error"></div>
</div>
<div class="mb-8">
<label for="country" class="form-label required">Land</label>
<select id="country" name="country" class="form-control" required>
<optgroup>
<option value="DE">Deutschland</option>
<option value="AT">Österreich</option>
<option value="IT">Italia</option>
<option value="CH">Svizzera</option>
</optgroup>
<optgroup>
<option value="AX">Åland</option>
<option value="AS">American Samoa</option>
<option value="AD">Andorra</option>
<option value="AO">Angóla</option>
<option value="AI">Anguilla</option>
<option value="AG">Antigua & Barbuda</option>
<option value="AR">Argentina</option>
<option value="AW">Aruba</option>
<option value="AU">Australia</option>
<option value="BS">Bahamas</option>
<option value="BB">Barbados</option>
<option value="BE">Belgien</option>
<option value="BZ">Belize</option>
<option value="BJ">Benɛɛ</option>
<option value="BM">Bermuda</option>
<option value="BO">Bolivia</option>
<option value="BW">Botswana</option>
<option value="BR">Brasil</option>
<option value="IO">British Indian Ocean Territory</option>
<option value="VG">British Virgin Islands</option>
<option value="BN">Brunei</option>
<option value="BI">Burundi</option>
<option value="IC">Canarias</option>
<option value="BQ">Caribisch Nederland</option>
<option value="KY">Cayman Islands</option>
<option value="CZ">Česko</option>
<option value="EA">Ceuta y Melilla</option>
<option value="CL">Chile</option>
<option value="CX">Christmas Island</option>
<option value="VA">Città del Vaticano</option>
<option value="CC">Cocos (Keeling) Islands</option>
<option value="CO">Colombia</option>
<option value="CG">Congo-Brazzaville</option>
<option value="CD">Congo-Kinshasa</option>
<option value="CK">Cook Islands</option>
<option value="CR">Costa Rica</option>
<option value="CI">Côte d’Ivoire</option>
<option value="CU">Cuba</option>
<option value="CW">Curaçao</option>
<option value="DK">Danmark</option>
<option value="DG">Diego Garcia</option>
<option value="DM">Dominica</option>
<option value="EC">Ecuador</option>
<option value="EE">Eesti</option>
<option value="SV">El Salvador</option>
<option value="ES">España</option>
<option value="SZ">Eswatini</option>
<option value="FK">Falkland Islands</option>
<option value="FJ">Fiji</option>
<option value="FI">Finland</option>
<option value="FO">Føroyar</option>
<option value="FR">Frañs</option>
<option value="GH">Gaana</option>
<option value="GA">Gabon</option>
<option value="GM">Gambia</option>
<option value="GI">Gibraltar</option>
<option value="GD">Grenada</option>
<option value="GL">Grønland</option>
<option value="GP">Guadeloupe</option>
<option value="GU">Guam</option>
<option value="GT">Guatemala</option>
<option value="GG">Guernsey</option>
<option value="GQ">Guinea Ecuatorial</option>
<option value="GY">Guyana</option>
<option value="GF">Guyane française</option>
<option value="HT">Haïti</option>
<option value="HN">Honduras</option>
<option value="HK">Hong Kong SAR China</option>
<option value="HR">Hrvatska</option>
<option value="ID">Indonesia</option>
<option value="IE">Ireland</option>
<option value="IS">Ísland</option>
<option value="IM">Isle of Man</option>
<option value="JM">Jamaica</option>
<option value="JE">Jersey</option>
<option value="CV">Kabu Verdi</option>
<option value="CM">Kàmàlûŋ</option>
<option value="KE">Kenya</option>
<option value="KI">Kiribati</option>
<option value="XK">Kosovë</option>
<option value="RE">La Réunion</option>
<option value="LV">Latvija</option>
<option value="LS">Lesotho</option>
<option value="LR">Liberia</option>
<option value="LI">Liechtenstein</option>
<option value="LT">Lietuva</option>
<option value="LU">Luxemburg</option>
<option value="MO">Macao SAR China</option>
<option value="MG">Madagascar</option>
<option value="HU">Magyarország</option>
<option value="MW">Malawi</option>
<option value="MY">Malaysia</option>
<option value="MV">Maldives</option>
<option value="ML">Mali</option>
<option value="MT">Malta</option>
<option value="MH">Marshall Islands</option>
<option value="MQ">Martinique</option>
<option value="MU">Mauritius</option>
<option value="YT">Mayotte</option>
<option value="MX">México</option>
<option value="FM">Micronesia</option>
<option value="MC">Monaco</option>
<option value="MS">Montserrat</option>
<option value="NA">Namibië</option>
<option value="NR">Nauru</option>
<option value="NL">Netherlands</option>
<option value="NZ">New Zealand</option>
<option value="NI">Nicaragua</option>
<option value="NG">Nigeria</option>
<option value="NU">Niue</option>
<option value="NE">Nižer</option>
<option value="NF">Norfolk Island</option>
<option value="NO">Norge</option>
<option value="MP">Northern Mariana Islands</option>
<option value="NC">Nouvelle-Calédonie</option>
<option value="PK">Pakistan</option>
<option value="PW">Palau</option>
<option value="PA">Panamá</option>
<option value="PG">Papua New Guinea</option>
<option value="PY">Paraguay</option>
<option value="PE">Perú</option>
<option value="PH">Pilipinas</option>
<option value="PN">Pitcairn Islands</option>
<option value="PL">Polska</option>
<option value="PF">Polynésie française</option>
<option value="PT">Portugal</option>
<option value="PR">Puerto Rico</option>
<option value="DO">República Dominicana</option>
<option value="MD">Republica Moldova</option>
<option value="CF">République centrafricaine</option>
<option value="RO">România</option>
<option value="RW">Rwanda</option>
<option value="BL">Saint-Barthélemy</option>
<option value="MF">Saint-Martin</option>
<option value="PM">Saint-Pierre-et-Miquelon</option>
<option value="WS">Samoa</option>
<option value="SM">San Marino</option>
<option value="ST">São Tomé e Príncipe</option>
<option value="SN">Senegal</option>
<option value="SC">Seychelles</option>
<option value="AL">Shqipëri</option>
<option value="SL">Sierra Leone</option>
<option value="SG">Singapore</option>
<option value="SX">Sint Maarten</option>
<option value="SI">Slovenia</option>
<option value="SK">Slovensko</option>
<option value="SB">Solomon Islands</option>
<option value="SH">St Helena</option>
<option value="KN">St Kitts & Nevis</option>
<option value="LC">St Lucia</option>
<option value="VC">St Vincent & the Grenadines</option>
<option value="ZA">Suid-Afrika</option>
<option value="SR">Suriname</option>
<option value="SJ">Svalbard og Jan Mayen</option>
<option value="SE">Sweden</option>
<option value="TZ">Tadhania</option>
<option value="TL">Timor-Leste</option>
<option value="TR">Tirkiye</option>
<option value="TG">Togo nutome</option>
<option value="TK">Tokelau</option>
<option value="TO">Tonga</option>
<option value="TT">Trinidad & Tobago</option>
<option value="TM">Türkmenistan</option>
<option value="TC">Turks & Caicos Islands</option>
<option value="TV">Tuvalu</option>
<option value="UM">U.S. Outlying Islands</option>
<option value="VI">U.S. Virgin Islands</option>
<option value="UG">Uganda</option>
<option value="MZ">Umozambiki</option>
<option value="UY">Uruguay</option>
<option value="VU">Vanuatu</option>
<option value="VE">Venezuela</option>
<option value="VN">Việt Nam</option>
<option value="WF">Wallis-et-Futuna</option>
<option value="GB">Y Deyrnas Unedig</option>
<option value="ZM">Zambia</option>
<option value="ZW">Zimbabwe</option>
<option value="GR">Ελλάδα</option>
<option value="CY">Κύπρος</option>
<option value="AZ">Азәрбајҹан</option>
<option value="BY">Беларусь</option>
<option value="BA">Босна и Херцеговина</option>
<option value="BG">България</option>
<option value="KG">Кыргызстан</option>
<option value="KZ">Қазақстан</option>
<option value="MN">Монгол</option>
<option value="RU">Росси</option>
<option value="MK">Северна Македонија</option>
<option value="RS">Србија</option>
<option value="TJ">Тоҷикистон</option>
<option value="UZ">Ўзбекистон</option>
<option value="UA">Украина</option>
<option value="ME">Црна Гора</option>
<option value="GE">საქართველო</option>
<option value="AM">Հայաստան</option>
<option value="ER">إريتريا</option>
<option value="IL">إسرائيل</option>
<option value="IR">ئێران</option>
<option value="AF">افغانستان</option>
<option value="PS">الأراضي الفلسطينية</option>
<option value="JO">الأردن</option>
<option value="AE">الإمارات العربية المتحدة</option>
<option value="BH">البحرين</option>
<option value="DZ">الجزائر</option>
<option value="SD">السودان</option>
<option value="EH">الصحراء الغربية</option>
<option value="SO">الصومال</option>
<option value="IQ">العراق</option>
<option value="KW">الكويت</option>
<option value="MA">المغرب</option>
<option value="SA">المملكة العربية السعودية</option>
<option value="YE">اليمن</option>
<option value="TD">تشاد</option>
<option value="TN">تونس</option>
<option value="KM">جزر القمر</option>
<option value="SS">جنوب السودان</option>
<option value="DJ">جيبوتي</option>
<option value="SY">سوريا</option>
<option value="OM">عُمان</option>
<option value="QA">قطر</option>
<option value="LB">لبنان</option>
<option value="LY">ليبيا</option>
<option value="EG">مصر</option>
<option value="MR">موريتانيا</option>
<option value="ET">ኢትዮጵያ</option>
<option value="NP">नेपाल</option>
<option value="BD">বাংলাদেশ</option>
<option value="IN">ভাৰত</option>
<option value="LK">ශ්‍රී ලංකාව</option>
<option value="TH">ไทย</option>
<option value="LA">ລາວ</option>
<option value="BT">འབྲུག</option>
<option value="CN">རྒྱ་ནག</option>
<option value="MM">မြန်မာ</option>
<option value="KH">កម្ពុជា</option>
<option value="US">ᏌᏊ ᎢᏳᎾᎵᏍᏔᏅ ᏍᎦᏚᎩ</option>
<option value="CA">ᑲᓇᑕ</option>
<option value="BF">𞤄𞤵𞤪𞤳𞤭𞤲𞤢 𞤊𞤢𞤧𞤮𞥅</option>
<option value="GN">𞤘𞤭𞤲𞤫</option>
<option value="GW">𞤘𞤭𞤲𞤫-𞤄𞤭𞤧𞤢𞤱𞤮𞥅</option>
<option value="KR">대한민국</option>
<option value="KP">조선민주주의인민공화국</option>
<option value="TW">台灣</option>
<option value="JP">日本</option>
</optgroup>
</select>
<div data-error="country" class="form-error"></div>
</div>
</div>
</div>
<div class="mb-20">
<div class="form-group form-check">
<input type="checkbox" class="form-check-input" id="newsletter" name="newsletter">
<label class="form-check-label form-label" for="newsletter"><strong>Newsletter</strong><br>Pixelio Newsletter mit Informationen zur Plattform, Aktionen und mehr</label>
</div>
</div>
<div class="mb-20">
<div class="form-group form-check">
<input type="checkbox" class="form-check-input" id="terms" name="terms" required>
<label class="form-check-label form-label" for="terms"><strong class="required">AGB bestätigen</strong><br>Mit dem Absenden bestätige ich die AGB <a href="javascript://" data-bs-target="#termsConditionModal" data-bs-toggle="modal">Weitere Informationen zum Datenschutz</a>.</label>
<div data-error="terms" class="form-error"></div>
</div>
</div>
<div id="signup-captcha"></div>
<input type="hidden" id="signup-captcha-response" name="captcha" />
<div data-error="captcha" class="form-error"></div>
<div class="d-block"><button type="submit" class="btn btn-primary"><span class="icon-logout"></span>Registrieren</button></div>
</form>
<div class="mt-10">
<p class="text-left">Hast Du bereits ein Konto? <a href="javascript://" data-bs-target="#loginModalToggle" data-bs-toggle="modal">Login</a></p>
</div>
<div id="signUpStatus" style="display: none; margin-top: 20px;">
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="termsConditionModal" aria-hidden="true" tabindex="-1"
aria-labelledby="termsConditionModalTitle" role="dialog">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable big">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="termsConditionModalTitle">AGB</h1><button type="button"
class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Mit Klick auf “Senden” bestätige ich, dass alle oben gemachten Angaben gemäß der akzeptierten Nutzungsbedingungen wahrheitsgemäß und korrekt sind und schlieBe die kostenlose Registrerung ab.</p>
<p><strong>Hinweis</strong>: Downloadmanager oder vergleichbare Software sind unzulässig.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<script type="module">
import { initLoginAndSignUpModals } from '/js/components/login-signup-modal.js';
initLoginAndSignUpModals({
siteKey: '0x4AAAAAAAzeQWc-2rg-3c_Q',
texts: {
loginFail: 'Login fehlgeschlagen!',
resetSuccess: 'Wenn ein Account auf die angegebene E-Mail Adresse besteht, wird nun ein neues Passwort an diese E-mail versandt.
Bitte prüfe auch Deinen Spam-Ordner.',
resetFail: 'Passwort zurücksetzen fehlgeschlagen!',
signUpFail: 'Registrierung fehlgeschlagen!',
signUpSuccess: 'Die Registrierung war erfolgreich. Prüfe Dein E-mail Postfach um Deine E-mail-Adresse zu bestätigen und den Zugang freizuschalten. Danach ist der Login möglich. Bitte prüfe auch Deinen Spam-Ordner.',
invalidForm: 'Möglicherweise sind nicht alle Formularfelder korrekt ausgefüllt!',
genericError: 'Ein Fehler ist aufgetreten!'
}
});
</script>
<script type="module">
import '/js/pages/media.js';
</script>
</body>
</html>
Sitemap
Кол-во: 0
XML-карта сайта для поисковиков
?
Sitemap.xml помогает поисковику быстрее находить и индексировать страницы. Особенно важен для крупных сайтов и новых страниц, на которые ещё нет входящих ссылок.
Robots.txt не содержит ссылку на карту сайта. Рекомендуется добавить карту сайта и указать ссылку на нее в robots.txt.
Внутренние ссылки
Кол-во: 640
Ссылки на другие страницы своего сайта
?
Внутренние ссылки распределяют ссылочный вес между страницами и помогают поисковику обходить сайт. Пустые анкоры и ссылки на запрещённые robots.txt страницы — типичные ошибки.
Внутренних ссылок на странице 640 слишком много. Проведите оптимизацию сайта!
На странице присутствуют внутренние ссылки с пустым анкором: 342!
Внутренние ссылки не запрещены к индексации в robots.txt.
На странице присутствуют изображения 18.
Показать первые 100 внутренних ссылок
| Url | Анкор | Состояние | Анализировать |
|---|---|---|---|
| / |
Home
|
|
Анализировать url |
| /de/search?catId=11 |
Architektur
|
|
Анализировать url |
| /de/search?catId=210 |
Berufe & Branchen
|
|
Анализировать url |
| /de/search?catId=90 |
Bilderrätsel
|
|
Анализировать url |
| /de/search?catId=15 |
Essen & Trinken
|
|
Анализировать url |
| /de/search?catId=13 |
Fahrzeuge & Verkehr
|
|
Анализировать url |
| /de/search?catId=222 |
Finanzen & Börse
|
|
Анализировать url |
| /de/search?catId=25 |
Freestyle
|
|
Анализировать url |
| /de/search?catId=271 |
Grafik & Illustrationen
|
|
Анализировать url |
| /de/search?catId=270 |
KI generiert
|
|
Анализировать url |
| /de/search?catId=7 |
Kunst & Kultur
|
|
Анализировать url |
| /de/search?catId=5 |
Landschaft & Natur
|
|
Анализировать url |
| /de/search?catId=14 |
Medien
|
|
Анализировать url |
| /de/search?catId=12 |
Menschen
|
|
Анализировать url |
| /de/search?catId=10 |
Objekte
|
|
Анализировать url |
| /de/search?catId=6 |
Sport
|
|
Анализировать url |
| /de/search?catId=272 |
Tattoos
|
|
Анализировать url |
| /de/search?catId=9 |
Technik
|
|
Анализировать url |
| /de/search?catId=8 |
Tiere
|
|
Анализировать url |
| /de/search?catId=247 |
Wellness & Beauty
|
|
Анализировать url |
| /de/search?catId=11 |
Пустой анкор
|
|
Анализировать url |
| /de/search?catId=25 |
Пустой анкор
|
|
Анализировать url |
| /de/search?catId=7 |
Пустой анкор
|
|
Анализировать url |
| /de/search?catId=5 |
Пустой анкор
|
|
Анализировать url |
| /de/search?catId=14 |
Пустой анкор
|
|
Анализировать url |
| /de/search?catId=12 |
Пустой анкор
|
|
Анализировать url |
| /de/search?catId=10 |
Пустой анкор
|
|
Анализировать url |
| /de/search?catId=6 |
Пустой анкор
|
|
Анализировать url |
| /de/@flyer007 |
flyer007
|
|
Анализировать url |
| /de/@flyer007 |
flyer007
|
|
Анализировать url |
| / |
Пустой анкор
|
|
Анализировать url |
| /de/search?q=atmen |
atmen
|
|
Анализировать url |
| /de/search?q=ausatmen |
ausatmen
|
|
Анализировать url |
| /de/search?q=einatmen |
einatmen
|
|
Анализировать url |
| /de/search?q=pressluft |
pressluft
|
|
Анализировать url |
| /de/search?q=sport |
sport
|
|
Анализировать url |
| /de/search?q=sporttauchen |
sporttauchen
|
|
Анализировать url |
| /de/search?q=tauchen |
tauchen
|
|
Анализировать url |
| /de/search?q=taucherin |
taucherin
|
|
Анализировать url |
| /de/search?q=unterwasser |
unterwasser
|
|
Анализировать url |
| /de/search?q=wasserwelt |
wasserwelt
|
|
Анализировать url |
| /de/media/0- |
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
|
|
Анализировать url |
| /de/@~u0 |
Пустой анкор
|
|
Анализировать url |
| /de/@~u0 |
Пустой анкор
|
|
Анализировать url |
| / |
Пустой анкор
|
|
Анализировать url |
| / |
Пустой анкор
|
|
Анализировать url |
| /de/@joakant |
joakant
|
|
Анализировать url |
| /de/@joakant |
joakant
|
|
Анализировать url |
| / |
Пустой анкор
|
|
Анализировать url |
| /de/search?q=korallen |
korallen
|
|
Анализировать url |
| /de/search?q=meer |
meer
|
|
Анализировать url |
| /de/search?q=riff |
riff
|
|
Анализировать url |
| /de/search?q=rotes |
rotes
|
|
Анализировать url |
| /de/search?q=tauchen |
tauchen
|
|
Анализировать url |
| /de/search?q=unterwasser |
unterwasser
|
|
Анализировать url |
| /de/media/0- |
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
|
|
Анализировать url |
| /de/@~u0 |
Пустой анкор
|
|
Анализировать url |
| /de/@~u0 |
Пустой анкор
|
|
Анализировать url |
| / |
Пустой анкор
|
|
Анализировать url |
| / |
Пустой анкор
|
|
Анализировать url |
| /de/@Mop66 |
Mop66
|
|
Анализировать url |
| /de/@Mop66 |
Mop66
|
|
Анализировать url |
| / |
Пустой анкор
|
|
Анализировать url |
| /de/search?q=amerika |
amerika
|
|
Анализировать url |
| /de/search?q=aquarium |
aquarium
|
|
Анализировать url |
| /de/search?q=boston |
boston
|
|
Анализировать url |
| /de/search?q=meer |
meer
|
|
Анализировать url |
| /de/search?q=meerestiere |
meerestiere
|
|
Анализировать url |
| /de/search?q=nesseltiere |
nesseltiere
|
|
Анализировать url |
| /de/search?q=qualle |
qualle
|
|
Анализировать url |
| /de/search?q=quallen |
quallen
|
|
Анализировать url |
| /de/search?q=usa |
usa
|
|
Анализировать url |
| /de/media/0- |
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
|
|
Анализировать url |
| /de/@~u0 |
Пустой анкор
|
|
Анализировать url |
| /de/@~u0 |
Пустой анкор
|
|
Анализировать url |
| / |
Пустой анкор
|
|
Анализировать url |
| / |
Пустой анкор
|
|
Анализировать url |
| /de/@christiaaane |
christiaaane
|
|
Анализировать url |
| /de/@christiaaane |
christiaaane
|
|
Анализировать url |
| / |
Пустой анкор
|
|
Анализировать url |
| /de/search?q=qualle |
qualle
|
|
Анализировать url |
| /de/search?q=wasser |
wasser
|
|
Анализировать url |
| /de/media/0- |
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
|
|
Анализировать url |
| /de/@~u0 |
Пустой анкор
|
|
Анализировать url |
| /de/@~u0 |
Пустой анкор
|
|
Анализировать url |
| / |
Пустой анкор
|
|
Анализировать url |
| / |
Пустой анкор
|
|
Анализировать url |
| /de/@MartinClaussen |
MartinClaussen
|
|
Анализировать url |
| /de/@MartinClaussen |
MartinClaussen
|
|
Анализировать url |
| / |
Пустой анкор
|
|
Анализировать url |
| /de/search?q=fisch |
fisch
|
|
Анализировать url |
| /de/search?q=fische |
fische
|
|
Анализировать url |
| /de/search?q=seychellen |
seychellen
|
|
Анализировать url |
| /de/search?q=tauchen |
tauchen
|
|
Анализировать url |
| /de/search?q=walhai |
walhai
|
|
Анализировать url |
| /de/media/0- |
<div class="helix-isotope-popup-box-popup helix-isotope-popup-link" data-tpl-value="href:id|prepend:#media-popup- data-api:id|prepend:/api/v1/media/ data-pageurl:pageUrl|prepend:/de" href="#media-popup-0" data-pageurl="/de/media/0-" data-api="/api/v1/media/0"></div>
|
|
Анализировать url |
| /de/@~u0 |
Пустой анкор
|
|
Анализировать url |
| /de/@~u0 |
Пустой анкор
|
|
Анализировать url |
| / |
Пустой анкор
|
|
Анализировать url |
| / |
Пустой анкор
|
|
Анализировать url |
Внешние ссылки
Кол-во: 10
Ссылки на сторонние сайты
?
Исходящие внешние ссылки передают часть ссылочного веса на чужие сайты. Ссылки на авторитетные ресурсы безопасны; ссылки на мусорные сайты могут навредить репутации страницы.
Внешних ссылок на странице 10 слишком много. Спрячьте лишние ссылки в тег noindex или атрибут rel='nofollow'!
На странице ссылки с атрибутом rel='nofollow' 5.
На странице присутствуют ссылки на субдомены 1.
Показать внешние ссылки
| Url | Анкор | Анализировать |
|---|---|---|
| alt.pixelio.de |
Alte Version
|
Анализировать url |
| fobotogo.de |
<img b-06ftoue25o="" src="/images/partners/fotobox-500x500-1.png" alt="fobotogo logo">
|
Анализировать url |
| 030-datenrettung.de |
<img b-06ftoue25o="" src="/images/partners/030-datenrettung-logo-500-1.png" alt="fobotogo logo">
|
Анализировать url |
| virtual-world.de |
<img b-06ftoue25o="" src="/images/partners/virtual-world-500x500-1.png" alt="Virtual World logo">
|
Анализировать url |
| virtual-world.de |
CyberRisikoCheck
|
Анализировать url |
| linkedin.com |
LinkedIn
|
Анализировать url |
| facebook.com |
Facebook
|
|
| instagram.com |
Instagram
|
|
| youtube.com |
YouTube
|
Анализировать url |
| de.pinterest.com |
Pinterest
|
Анализировать url |
Конкуренты Готовность: 0%
Конкуренты в Яндексе
Кол-во: 0
Топ сайтов-конкурентов в Яндексе
?
Сайты, чаще всего появляющиеся в ТОПе Яндекса по запросам из семантического ядра этой страницы.
Мы не нашли у вас конкурентов в Яндексе. Сайт или очень молодой или плохо продвигается.
Конкурентов в ТОП-10 Яндекса не нашлось.
Конкуренты в Google
Кол-во: 0
Топ сайтов-конкурентов в Google
?
Сайты, чаще всего появляющиеся в ТОПе Google по запросам из семантического ядра этой страницы.
Конкуренты в Google тоже не найдены. Займитесь продвижением сайта!
Конкурентов в ТОП-10 Google не нашлось.
ЗоЗПП: права потребителей Готовность: 100%
Нарушения
Не выявлены
Признаков дистанционной продажи товаров (интернет-магазина) не обнаружено — требования ЗоЗПП о раскрытии информации продавца к сайту не применяются. Нарушений нет.
ФЗ-149: рекомендательные технологии Готовность: 100%
Нарушения
Не выявлены
Рекомендательные блоки («с этим покупают», «похожие товары» и т.п.) на сайте не обнаружены — требования ст. 10.7 ФЗ-149 к сайту не применяются. Нарушений нет.
ФЗ-38: реклама Готовность: 100%
Нарушения
Не выявлены
Рекламных тематик с обязательными оговорками (медицина, БАД, кредиты и займы, новостройки) на сайте не обнаружено. Нарушений нет.
ФЗ-436: защита детей Готовность: 100%
Нарушения
Не выявлены
Признаков информационной продукции (новости, видео, книги, игры, курсы) не обнаружено — обязательная возрастная маркировка по ФЗ-436 сайту не требуется. Нарушений нет.
Вердикт
Таким сайт https://pixelio.net/ видят поисковые системы. Процент оптимизации невысокий - 45%. Чтобы улучшить сайт и попасть в ТОП необходимо:
Исправьте ошибки в мета-тегах.
Исправьте ошибки индексации.
Поделитесь с друзьями: