praxis-methoden/info_box.html at main · shelynx79/praxis-methoden · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;1,400&family=Roboto:wght@300;400;500&display=swap" rel="stylesheet">
<style>
  * { margin: 0; padding: 0; box-sizing: border-box; }
  html, body { background: transparent; overflow: hidden; }
  body {
    font-family: 'Roboto', sans-serif;
    padding: 8px 0 0 0;
  }
  .info-block {
    max-width: 680px;
    margin: 0 auto;
    background: #D4B08A;
    border-radius: 4px;
    padding: 28px 32px;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .info-titel {
    font-size: 0.72rem;
    font-weight: 500;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: #5B3E1A;
  }
  .info-eintrag {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(91,62,26,0.15);
  }
  .info-eintrag:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
  .info-eintrag-titel {
    font-size: 0.95rem;
    font-weight: 500;
    color: #3A2200;
  }
  .info-eintrag-text {
    font-size: 0.9rem;
    font-weight: 300;
    color: rgba(58,34,0,0.85);
    line-height: 1.75;
  }
  .info-eintrag-text a {
    color: #3A2200;
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  .info-nummer {
    font-family: 'Playfair Display', serif;
    font-size: 1.4rem;
    color: #3A2200;
    margin-bottom: 4px;
  }
</style>
</head>
<body>
<div class="info-block">
  <span class="info-titel">Praktische Hinweise</span>

  <div class="info-eintrag">
    <div class="info-nummer">116 117</div>
    <p class="info-eintrag-text">
      Die Kassenärztliche Vereinigung vermittelt unter dieser Nummer Therapieplätze –
      kostenlos, rund um die Uhr erreichbar. Wenn die Wartezeiten lang sind und Sie
      noch keinen Platz gefunden haben, ist dies ein guter erster Schritt.
    </p>
  </div>

  <div class="info-eintrag">
    <p class="info-eintrag-titel">Kostenerstattungsverfahren</p>
    <p class="info-eintrag-text">
      Wenn Sie als gesetzlich Versicherter keinen zeitnahen Therapieplatz finden,
      haben Sie unter bestimmten Voraussetzungen die Möglichkeit, Behandlungen in
      Privatpraxen über das Kostenerstattungsverfahren
      (§ 13 Abs. 3 SGB V) von Ihrer Krankenkasse erstatten zu lassen.
      Ihre Krankenkasse oder die 116 117 können Sie dabei beraten.
    </p>
  </div>
</div>

<script>
  function sendHeight() {
    var el = document.querySelector('.info-block');
    var h = el ? el.getBoundingClientRect().bottom : document.body.scrollHeight;
    window.parent.postMessage({ iframeHeight: Math.ceil(h) }, '*');
  }
  window.addEventListener('load', function() { setTimeout(sendHeight, 100); });
  window.addEventListener('resize', sendHeight);
</script>
</body>
</html>