<!doctype html>
<html lang="de">
<head>
<title>{% block title %}IMCD{% endblock %}</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="{{ asset('_vendor/fontawesome/css/all.min.css') }}">
<link rel="stylesheet" href="{{ asset('_vendor/bootstrap/bootstrap.min.css') }}">
<link rel="stylesheet" href="{{ asset('css/global.css') }}?v=1.3" >
<link rel="stylesheet" href="{{ asset('css/global-contents.css') }}?v=1.1" >
<link rel="stylesheet" href="{{ asset('css/login.css') }}?v=1.1" >
<link rel="stylesheet" href="{{ asset('css/home.css') }}?v=1.1" >
<link rel="stylesheet" href="{{ asset('css/idiopathische.css') }}?v=1.1" >
<link rel="stylesheet" href="{{ asset('css/pathophysiologie.css') }}?v=1.1" >
<link rel="stylesheet" href="{{ asset('css/diagnose.css') }}?v=1.1" >
<link rel="stylesheet" href="{{ asset('css/therapie.css') }}?v=1.1" >
<link rel="stylesheet" href="{{ asset('css/fachinformation.css') }}?v=1.1" >
<link rel="stylesheet" href="{{ asset('css/ueber.css') }}?v=1.1" >
<link rel="stylesheet" href="{{ asset('css/datenschutz.css') }}?v=1.1" >
<link rel="stylesheet" href="{{ asset('css/impressum.css') }}?v=1.1" >
{% include '_snippets/matomo.html.twig' %}
{% block stylesheets %}{% endblock %}
</head>
<body>
<div id="ds-header" class="fs-12">
<div class="container h-100">
<div id="ds-header_row" class="row">
<div id="ds-col-01" class="col-9">
<div id="ds-row-01" class="mb-4">
<a href="{{ path('fachbereich_home') }}" class="logo_small">
<img src="{{ asset('img/global/rrd-logo.svg') }}" width="234" alt="">
</a>
{# {% if not is_granted("ROLE_USER") and not 'fachbereich' in app.request.get('_route') %}#}
{# <div class="buttons btn-login center">#}
{# <a href="{{ path('login') }}">Anmelden</a>#}
{# </div>#}
{# {% endif %}#}
</div>
{% if 'fachbereich' in app.request.get('_route') or 'deeplink_diagnoseleitfaden' in app.request.get('_route') or 'deeplink_raetselfaelle_lymphknoten' in app.request.get('_route') %}
<div id="ds-row-02" class="">
<ul id="ds-menu">
<li class="icons ic-home {% if 'home' in app.request.get('_route') %}active{% endif %}">
<a style="display: block;width: 100%;height: 100%;" href="{{ path('fachbereich_home') }}"></a>
</li>
<li class="{% if 'idiopathische' in app.request.get('_route') %}active{% endif %}">
<a href="{{ path('fachbereich_idiopathische') }}">
IDIOPATHISCHER MULTIZENTRISCHER<br>
MORBUS CASTLEMAN (IMCD)
</a>
<ul>
<li><a href="{{ path('fachbereich_idiopathische') }}#erkrankung">Erkrankung</a></li>
<li><a href="{{ path('fachbereich_idiopathische') }}#spektrum">Klinisches Spektrum & Symptomatik</a></li>
</ul>
</li>
<li class="{% if 'pathophysiologie' in app.request.get('_route') %}active{% endif %}">
<a href="{{ path('fachbereich_pathophysiologie') }}">
PATHOPHYSIOLOGIE<br>
DES IMCD
</a>
</li>
<li class="{% if 'diagnose' in app.request.get('_route') %}active{% endif %}">
<a href="{{ path('fachbereich_diagnose') }}">
DIAGNOSE<br>
VON IMCD
</a>
<ul>
<li><a href="{{ path('fachbereich_diagnose') }}#merkmale">Klinische Merkmale des iMCD</a></li>
<li><a href="{{ path('fachbereich_diagnose') }}#diagnosekriterien">Diagnosekriterien</a></li>
<li><a href="{{ path('fachbereich_diagnose') }}#diagnosealgorithmus">Diagnose-Algorithmus</a></li>
</ul>
</li>
<li class="{% if 'therapie' in app.request.get('_route') %}active{% endif %}">
<a href="{{ path('fachbereich_therapie') }}">
THERAPIE<br>
DES IMCD
</a>
</li>
<li class="{% if 'fachinformation' in app.request.get('_route') %}active{% endif %}">
<a href="{{ path('fachbereich_fachinformation') }}">
SILTUXIMAB<br>
WIRKMECHANISMUS
</a>
</li>
<li class="{% if 'fachbereich_downloads' in app.request.get('_route') %}active{% endif %}">
<a href="{{ path('fachbereich_downloads') }}">
DOWNLOAD &<br>
SERVICES
</a>
</li>
</ul>
</div>
{% endif %}
</div>
{% if 'fachbereich' in app.request.get('_route') or 'patientenkasuistik' in app.request.get('_route') or 'deeplink_diagnoseleitfaden' in app.request.get('_route') or 'deeplink_raetselfaelle_lymphknoten' in app.request.get('_route') %}
<div id="ds-col-02" class="col-3">
<div class="logo_big">
<img src="{{ asset('img/global/logo_big@2x.png') }}" alt="">
</div>
</div>
{% endif %}
</div>
</div>
</div>
{% if 'fachbereich' in app.request.get('_route') or 'deeplink_diagnoseleitfaden' in app.request.get('_route') or 'deeplink_raetselfaelle_lymphknoten' in app.request.get('_route') %}
<div id="mb-header">
<div class="container h-100">
<div class="row h-100">
<div class="col-9">
<div class="logo_mb">
<a href="{{ path('fachbereich_home') }}">
<img src="{{ asset('img/global/logo_mb.png') }}" alt="">
</a>
</div>
</div>
<div class="col-3">
<div id="trigger-menu" class="icons ic-menu">
<svg class="bi bi-list" width="2em" height="2em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M2.5 11.5A.5.5 0 0 1 3 11h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 3h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
<div id="mb-menu_item" class="row">
<div class="col-12">
<ul>
<li class="{% if 'idiopathische' in app.request.get('_route') %}active{% endif %}">
<a href="{{ path('fachbereich_idiopathische') }}">
IDIOPATHISCHER MULTIZENTRISCHER
MORBUS CASTLEMAN (IMCD)
</a>
</li>
<li class="{% if 'pathophysiologie' in app.request.get('_route') %}active{% endif %}">
<a href="{{ path('fachbereich_pathophysiologie') }}">
PATHOPHYSIOLOGIE
DES IMCD
</a>
</li>
<li class="{% if 'diagnose' in app.request.get('_route') %}active{% endif %}">
<a href="{{ path('fachbereich_diagnose') }}">
DIAGNOSE
VON IMCD
</a>
</li>
<li class="{% if 'therapie' in app.request.get('_route') %}active{% endif %}">
<a href="{{ path('fachbereich_therapie') }}">
THERAPIE
DES IMCD
</a>
</li>
<li class="{% if 'fachinformation' in app.request.get('_route') %}active{% endif %}">
<a href="{{ path('fachbereich_fachinformation') }}">
SILTUXIMAB WIRKMECHANISMUS
</a>
</li>
<li class="{% if 'fachbereich_downloads' in app.request.get('_route') %}active{% endif %}">
<a href="{{ path('fachbereich_downloads') }}">
DOWNLOAD & SERVICES
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
{% endif %}
{% if 'patientenkasuistik' in app.request.get('_route') %}
<div id="mb-header">
<div class="container h-100">
<div class="row h-100">
<div class="col-9">
<div class="logo_mb">
<a href="{{ path('fachbereich_home') }}">
<img src="{{ asset('img/global/logo_mb.png') }}" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
{% endif %}
<div class="container-fluid" style="position: relative">
<img id="bg-pattern_top" src="{{ asset('img/global/verlauf_hintergrund@2x.png') }}" alt="">
<img id="bg-pattern_bottom" src="{{ asset('img/global/verlauf_footer@2x.png') }}" alt="">
<div id="wrapper" {% if 'login' in app.request.get('_route') %}style="padding-top: 90px;"{% endif %} >
<div class="container">
<div class="row">
{# <div id="offset">#}
{% block body %}{% endblock %}
{# </div>#}
</div>
</div>
</div>
<div class="row">
<div class="col-10 mb-5 mt-5 fs-14 right" id="top-btn">
<a href="#" style="background-color: rgba(55,56,78,0.25);">
NACH OBEN
<svg class="bi bi-chevron-up ml-3" width="1.5em" height="1.5em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/>
</svg>
</a>
</div>
</div>
</div>
<div id="wrapper-verlassen">
<div id="verlassen" class="row container-fluid center">
<div class="col">
<b>Sie verlassen unsere Website</b><br><br>
<a href="https://www.google.com/?gws_rd=ssl">
<img src="{{ asset('img/button-verlassen.png') }}" alt="..." class="img-fluid">
</a>
</div>
</div>
</div>
{% if app.session.get('dcLogin') and 'datenschutz' not in app.request.get('_route') and 'fachbereich' in app.request.get('_route') %}
<div id="wrapper-cookies">
<div id="cookies-content" class="container-fluid">
<div class="container">
<div class="row">
<div class="col-12 pt-5 pb-5">
<b>Diese Webseite verwendet Cookies</b><br>
Durch die Nutzung dieser Webseite ohne Änderung Ihrer Cookie-Einstellungen stimmen Sie der Verwendung von Cookies zu.
Ohne technisch notwendige Cookies lässt sich diese Internetseite nicht<br><br>
nutzerfreundlich umsetzen. Analyse-Cookies zeigen uns, wie Sie unser Angebot und dessen Funktionen nutzen.
Informationen wie Sie Ihre Cookie-Einstellungen anpassen können, finden Sie in unserer <a href="{{ path('datenschutz')}}">Datenschutzerklärung</a>.
Durch Klicken auf Akzeptieren stimmen Sie unserer Verwendung von Cookies zu.<br><br>
<img id="ablehnen" src="{{ asset('img/global/ablehnen-button.png') }}" alt="..." class="img-fluid">
<img id="akzeptieren" src="{{ asset('img/global/akzeptieren-button.png') }}" alt="..." class="img-fluid">
</div>
</div>
</div>
</div>
</div>
{% endif %}
<div id="ds-footer" class="fs-14">
<div class="container h-100">
<div id="ds-footer_row" class="row h-100">
<div class="col-12">
<div id="ds-copyrightr">
© {{ "now"|date("Y") }} Recordati Rare Diseases
</div>
<ul id="ds-footer_menu">
<li class="{% if 'ueber' in app.request.get('_route') %}active{% endif %}">
<a href="{% if 'fachbereich' in app.request.get('_route') %}{{ path('fachbereich_ueber')}}{% else %}{{ path('ueber')}}{% endif %}">
Über uns
</a>
</li>
<li class="{% if 'datenschutz' in app.request.get('_route') %}active{% endif %}">
<a href="{{ path('datenschutz') }}">
Datenschutz
</a>
</li>
<li class="{% if 'impressum' in app.request.get('_route') %}active{% endif %}">
<a href="{% if 'fachbereich' in app.request.get('_route') %}{{ path('fachbereich_impressum')}}{% else %}{{ path('impressum')}}{% endif %}">
Impressum
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="mb-footer" class="fs-14">
<div class="container-fluid h-100">
<div class="row" {% if app.request.get('_route') == 'ueber' or app.request.get('_route') == 'datenschutz' or app.request.get('_route') == 'impressum' %}style="background-color: unset!important;"{% endif %}>
<div class="container">
<div class="row h-100">
<div id="footer-text" class="ml-3">
<ul id="mb-footer_menu">
<li class="{% if 'ueber' in app.request.get('_route') %}active{% endif %}">
<a href="{% if 'fachbereich' in app.request.get('_route') %}{{ path('fachbereich_ueber')}}{% else %}{{ path('ueber')}}{% endif %}">
Über uns
</a>
</li>
<li class="{% if 'datenschutz' in app.request.get('_route') %}active{% endif %}">
<a href="{{ path('datenschutz') }}">
Datenschutz
</a>
</li>
<li class="{% if 'impressum' in app.request.get('_route') %}active{% endif %}">
<a href="{% if 'fachbereich' in app.request.get('_route') %}{{ path('fachbereich_impressum')}}{% else %}{{ path('impressum')}}{% endif %}">
Impressum
</a>
</li>
</ul>
</div>
<div id="footer-logo">
<div class="logo_big mr-3">
{% if app.request.get('_route') == 'ueber' or app.request.get('_route') == 'datenschutz' or app.request.get('_route') == 'impressum' %}
<img src="{{ asset('img/patienten/logo@2x.png') }}" alt="" class="img-fluid" style="width: 120px">
{% else %}
<img src="{{ asset('img/global/logo_big@2x.png') }}" alt="" class="img-fluid">
{% endif %}
</div>
</div>
</div>
</div>
</div>
<div class="row" style="height: 78px">
<div class="container h-100">
<div class="row h-100">
<div class="logo_small ml-3">
<img src="{{ asset('img/global/rrd-logo.svg') }}" width="234" alt="">
</div>
<div class="mb-copyright bold blue mr-3">
© {{ "now"|date("Y") }}
</div>
</div>
</div>
</div>
</div>
</div>
<div class="video-popup-background"></div>
<div class="video-popup-wrapper">
<div class="slide-blur popup"></div>
<div class="slide-content-wrapper popup">
<div class="btn-close-slide popup">
<i class="fas fa-times"></i>
</div>
<div class="slide-content popup">
{# <video src="" controls></video>#}
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
<div class="audio-popup-wrapper">
<div class="slide-blur popup"></div>
<div class="slide-content-wrapper popup">
<div class="btn-close-slide popup">
<i class="fas fa-times"></i>
</div>
<div class="slide-content popup audio-content">
<img src="" alt="" id="audioposter">
<audio src="" controls></audio>
</div>
</div>
</div>
<div class="pdf-popup-wrapper">
<div class="slide-blur popup"></div>
<div class="slide-content-wrapper popup">
<div class="btn-close-slide popup">
<i class="fas fa-times"></i>
</div>
<div class="slide-content popup pdf-content">
<iframe width="100%" height="100%"></iframe>
</div>
</div>
</div>
{# {% if 'fachbereich' in app.request.get('_route') %}#}
{# <div id="modalSylvant" class="modal" tabindex="-1" role="dialog">#}
{# <div class="modal-dialog modal-dialog-centered modal-lg" role="document">#}
{# <div class="modal-content">#}
{# <div class="modal-header">#}
{# <button type="button" class="close" data-dismiss="modal" aria-label="Close"></button>#}
{# </div>#}
{# <div class="modal-body">#}
{# <a href="https://sylvant.de/autologin/V4VU979jXj" target="_blank">#}
{# <img src="{{ asset('img/popup_sylvant_rebrand@2x.png') }}" alt="..." class="img-fluid">#}
{# </a>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# {% endif %}#}
<script src="{{ asset('_vendor/bootstrap/jquery-3.6.1.js') }}"></script>
<script src="{{ asset('_vendor/bootstrap/popper.min.js') }}"></script>
<script src="{{ asset('_vendor/bootstrap/bootstrap.min.js') }}"></script>
<script src="{{ asset('bundles/fosjsrouting/js/router.min.js') }}"></script>
<script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
<script src="{{ asset('_vendor/sweetalert2.all.min.js') }}"></script>
<script src="{{ asset('js/global.js') }}?v=1.1"></script>
<script>
$(() => {
{# {% if 'fachbereich' in app.request.get('_route') %}#}
{# if (!sessionStorage.getItem("modalSylvantShown")) {#}
{# $('#modalSylvant').modal('show');#}
{# }#}
{# $('#modalSylvant').on('hidden.bs.modal', function (e) {#}
{# sessionStorage.setItem("modalSylvantShown", true);#}
{# })#}
{# {% endif %}#}
$('.flip[data-video]:not(.active)').on('click', function(event) {
event.preventDefault();
showVideo($(event.target).closest('.flip').attr('data-video'));
})
$('[data-video]').on('click', function(event) {
event.preventDefault();
showVideo($(this).attr('data-video'));
})
$('[data-pdf]').on('click', function(event) {
event.preventDefault();
showPdf($(this).attr('data-pdf'));
})
if (window.location.hash == '#patientenvideo') {
showKaltura("1_bcahubsp");
}
$('[data-audio]').on('click', function(event) {
event.preventDefault();
playAudio($(this).attr('data-audio'));
})
$('.video-popup-wrapper .btn-close-slide').on('click', function(event) {
// let video = $('.video-popup-wrapper video').get(0);
// video.pause();
// video.currentTime = 0;
// $('.video-popup-wrapper video').removeAttr('src');
$('.video-popup-wrapper iframe').removeAttr('src');
$('.video-popup-wrapper').removeClass('show');
$('.video-popup-background').hide();
});
$('.audio-popup-wrapper .btn-close-slide').on('click', function(event) {
let audio = $('.audio-popup-wrapper audio').get(0);
audio.pause();
audio.currentTime = 0;
$('.audio-popup-wrapper audio').removeAttr('src');
$('.audio-popup-wrapper').removeClass('show');
$('.video-popup-background').hide();
});
$('.pdf-popup-wrapper .btn-close-slide').on('click', function(event) {
$('.pdf-popup-wrapper iframe').removeAttr('src');
$('.pdf-popup-wrapper').removeClass('show');
$('.video-popup-background').hide();
});
});
function showVideo(videoName) {
{#let videoUrl = "{{ asset('video/') }}" + videoName;#}
{#$('.video-popup-wrapper video').attr('src', videoUrl);#}
{#$('.video-popup-wrapper').addClass('show');#}
{#$('.video-popup-background').show();#}
{#let video = $('.video-popup-wrapper video').get(0);#}
{#video.play();#}
let videoUrl = "https://cdnapisec.kaltura.com/p/4372863/sp/437286300/embedIframeJs/uiconf_id/49073323/partner_id/4372863?iframeembed=true&playerId=kaltura_player_1637568283&entry_id="
let entryId;
switch (videoName) {
case "210816_FeedTheNeed_Cutdown_F.mp4":
entryId = "1_oj8nvgl9";
break;
case "arztCME-Webcast-Morbus-Castleman.mp4":
entryId = "1_bw57o4je";
break;
case "Checkliste_fuer_eine_sichere_Diagnose_des_iMCD_Part_3_Website.mp4":
entryId = "1_gyvnlxbs";
break;
case "EUSA_Pharma_Sylvant_Siltuximab_Mode_of_Action_Video_Germany_FINAL_Deutscher_Sprecher_Mai_2021.mp4":
entryId = "1_8el3l3q1";
break;
case "EUSA_Whiteboard_Animation_FINAL.mp4":
entryId = "1_umhcnh6o";
break;
case "iMCD_StoryClip_201102_Preview.mp4":
entryId = "1_fhknycmc";
break;
case "Pathologie_bei_Verdacht_auf_iMCD_Part_2_Website.mp4":
entryId = "1_wq6auai4";
break;
case "Pathophysiologie_des_IMCD_Part_1_Website.mp4":
entryId = "1_pj6jaidj";
break;
case "Tatort_Lymphom.mp4":
entryId = "1_4p99qtn7";
break;
case "WebUp_Morbus_Castleman_Nur_Vortrag.mp4":
entryId = "1_i3qo4wcc";
break;
case "Video_Veranstaltung_Prof_Huebel_Low_Res.mp4":
entryId = "1_sf0u7f6w";
break;
}
videoUrl += entryId;
showKaltura(entryId);
}
function playAudio(audioName) {
let audioUrl = "{{ asset('audio/') }}" + audioName;
$('.audio-popup-wrapper audio').attr('src', audioUrl);
$('.audio-popup-wrapper').addClass('show');
$('.video-popup-background').show();
let audio = $('.audio-popup-wrapper audio').get(0);
audio.play();
}
function showPdf(pdfName) {
pdfName = '../../..' + pdfName;
let pdfUrl = "{{ asset('_vendor/pdfjs/web/viewer.html') }}?file=" + pdfName + '#pagemode=none';
$('.pdf-popup-wrapper iframe').attr('src', pdfUrl);
$('.pdf-popup-wrapper').addClass('show');
$('.video-popup-background').show();
}
</script>
{% block javascripts %}{% endblock %}
</body>
</html>